/*
* B2B-Solution
 */

@charset "utf-8";

.list-unstyled,
.list-unstyled li {
  list-style: none outside none;
}
.list-unstyled {
  margin-left: 0;
  padding-left: 0;
}

.text-bold   { font-weight: bold; }
.text-italic { font-style: italic; }
.text-uppercase { text-transform: uppercase; }
.text-normal {
  font-style: normal;
  font-weight: normal;
  text-transform: none;
}

.text-primary,
.b2b-text-primary {
  background: transparent none;
  color: #d51130 !important;
}
.b2b-text-primary {
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
  text-transform: uppercase;
}
.style-primary {
  background: #d51130 none;
  color: #fff;
}

/* list with checkmark icon */
.b2b-checked {
  margin: 0 0 0 1.2em;
  padding-top: 5px;
}
.b2b-checked:first-child { padding-top: 12px; }
.b2b-checked:before {
  color: #0b6501;
  content: "✔";
  float: left;
  margin-left: -1.2em;
}

/* block elements */
.b2b-banner,
.b2b-banner-inner,
.b2b-banner-text,
.b2b-section,
.b2b-headline,
.b2b-article {
  box-sizing: border-box;
  color: #282828;
  display: block;
  font-size: 1em;
}
.b2b-banner:after,
.b2b-banner-inner:after,
.b2b-section:after,
.b2b-headline:after,
.b2b-article:after {
  content: '';
  clear: both;
  display: table;
}
.b2b-banner,
.b2b-section,
.b2b-headline,
.b2b-article {
  margin: 0 auto;
  position: relative;
}

/* sections */
.b2b-article {
  background: #fff;
  color: #282828;
  margin: 0 auto;
  padding: 20px;
}
.b2b-section {
  background: #e5e5e5 none;
  padding: 0 15px 15px;
}
.b2b-headline {
  font-size: 2em;
  font-weight: normal;
  margin: 0;
  padding: 1em 0;
  text-align: center;
  text-transform: uppercase;
}

/* fix against '*' in structure.css */
.b2b-section p + p { margin-top: 1em; }

/* banner */
.b2b-banner {
  background: #fff;
  border-bottom: 1px solid #c6c6c6;
  padding: 20px;
}
.b2b-banner .b2b-checked:before { color: #282828; }
.b2b-banner-text  {
  background: #fff url("/assets/images/shop/b2b-solution/header-back.png") no-repeat top right;
  border-bottom: 1px solid #c6c6c6;
  margin: -20px -20px 20px;
  padding: 20px;
}
.b2b-banner-title {
  line-height: 1.2em;
  margin: 0 0 1em 0;
}
.b2b-banner-image {
  background: transparent url("/assets/images/shop/b2b-solution/header-fotos-v3.jpg") no-repeat center center;
  background-size: contain;
  height: 322px;
  width: 100%;
}
.b2b-banner-image-nl {
  background: transparent url("/assets/images/shop/b2b-solution/header-fotos-v3_nl.jpg") no-repeat center center;
}

/* stores */
.b2b-stores {
  position: relative;
}
.b2b-stores-map {
  /* 452 x 347 */
  background: transparent url("/assets/images/shop/filialinfos/map_filialfinder_gross_v3.png") no-repeat center bottom;
  background-size: cover;
  height: 347px;
  margin: 20px auto 0 auto;
  max-width: 452px;
  width: 100%;
}

/* responsive grid */
.b2b-grid {
  display: block;
  margin: 0;
  padding: 0;
}
.b2b-col {
  background: #fff none;
  box-sizing: border-box;
  color: #282828;
  display: block;
  margin: 0;
  padding: 20px;
  padding-bottom: 0;
  width: 100%;
}
.b2b-col + .b2b-col { margin-top: 20px; }
.b2b-col-title {
  font-size: 1em;
  font-style: italic;
  line-height: normal;
  margin: -20px -20px 0 -20px;
  padding: 20px 20%;
  text-align: center;
  text-transform: uppercase;
}
.b2b-col-title .svg-icon {
  fill: #fff;
}

/* icons */
.b2b-icon {
  background: #fff url("/assets/images/shop/b2b-solution/icons.png") no-repeat 0 0;
  margin: 20px auto 20px auto;
  height: 76px;
}
.b2b-icon-concept  { background-position:      0 0; width: 51px; }
.b2b-icon-install  { background-position:  -51px 0; width: 59px; }
.b2b-icon-service  { background-position: -110px 0; width: 69px; }
.b2b-icon-contract { background-position: -179px 0; width: 107px; }

/* responsive css-only slider */
input[name^="b2b-solution"] {
  clip: rect(0,0,0,0);
  opacity: 0;
  position: absolute;
}
.b2b-slide-nav { display: none; }
.b2b-slide label {
  display: none;
}
.b2b-slide,
.b2b-slide-list,
.b2b-slide-item {
  box-sizing: border-box;
  display: block;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.b2b-slide-item {
  height: auto;
  padding: 160px 20px 20px 20px;
}
.b2b-slide-item .b2b-text-primary { text-align: center; }
.b2b-slide-item:after {
  background: transparent url("/assets/images/shop/b2b-solution/slider.jpg") no-repeat 0 0;
  content: "";
  height: 128px;
  left: 50%;
  margin-left: -64px;
  position: absolute;
  top: 20px;
  width: 128px;
}
.b2b-slide-item-2:after { background-position: -128px 0; }
.b2b-slide-item-3:after { background-position: -256px 0; }
.b2b-slide-item-4:after { background-position: -384px 0; }
.b2b-slide-item-5:after { background-position: -512px 0; }
.b2b-slide-item-6:after { background-position: -640px 0; }
.b2b-slide-item-7:after { background-position: -768px 0; }
.b2b-slide-item-8:after { background-position: -896px 0; }
.b2b-slide-item-9:after { background-position: -1024px 0; }

/* JQM settings */
.ui-mobile .ui-page .b2b-banner,
.ui-mobile .ui-page .b2b-section {
  margin: 0 -1em;
}

/* Profesional Articles */

.b2b-professional-wrapper .b2b-slide-item:after{
  content: none;
}

.b2b-professional-wrapper .b2b-slide-item{
  padding: 20px 20px 20px 20px;
}

.b2b-slide-profProd .txt-rating a{
  color: #005DAF;
}
.b2b-slide-profProd .txt-rating .rating {
  display: inline-block;
  position: relative;
  padding-right: 5px;
  line-height: 20px;
  vertical-align: middle;
}
.b2b-slide-profProd .txt-rating .rating span {
  display: inline-block;
  height: 20px;
}
.b2b-slide-profProd .txt-rating .bg {
  width: 96px;
  background-image: url('/assets/images/sterne/stars_grey_bg.png');
}
.b2b-slide-profProd .txt-rating .stars {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('/assets/images/sterne/stars_gold_bg.png');
}
.b2b-slide-profProd .txt-rating .rating .stars.s0-5 { width: 10px; }
.b2b-slide-profProd .txt-rating .rating .stars.s1   { width: 20px; }
.b2b-slide-profProd .txt-rating .rating .stars.s1-5 { width: 29px; }
.b2b-slide-profProd .txt-rating .rating .stars.s2   { width: 39px; }
.b2b-slide-profProd .txt-rating .rating .stars.s2-5 { width: 48px; }
.b2b-slide-profProd .txt-rating .rating .stars.s3   { width: 58px; }
.b2b-slide-profProd .txt-rating .rating .stars.s3-5 { width: 67px; }
.b2b-slide-profProd .txt-rating .rating .stars.s4   { width: 77px; }
.b2b-slide-profProd .txt-rating .rating .stars.s4-5 { width: 86px; }
.b2b-slide-profProd .txt-rating .rating .stars.s5   { width: 96px; }
.b2b-slide-profProd .txt-specs {
  margin: 0 0 10px 0;
  padding: 0;
}

.b2b-slide-profProd .prices{
  display: inline-block;
  width: 125px;
}
.b2b-slide-profProd .price_old{
  color: #7c7c7c;
  height: 18px;
}
.b2b-slide-profProd .price_old.cross{
  text-decoration: line-through;
}
.b2b-slide-profProd .price{
  color: #d51130;
  font-weight: bold;
  font-size: 1.5em;
  display: inline-block;
}
.b2b-slide-profProd-img{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.b2b-slide-profProd-img img{

}
.b2b-professional-block{
  width: 45%;
  min-height: 85px;
  display: inline-block;
}
.b2b-professional-block.image{
  float:left;
  display: table;
}
.b2b-professional-block.rating{
  margin-left: 10px;
}
.b2b-professional-block.tiedje_rating{
  float: left;
  width: 100%;
  margin-top:10px;
}
.b2b-professional-block.text{
  width: 100%;
  margin-top: 10px;
}
.b2b-professional-block.image img{
  max-height:100px;
}
.b2b-professional-wrapper .txt-rating{
  margin: 0;
}
.b2b-professional-wrapper .clear{
  clear: both;
}
.b2b-professional-wrapper .tiedje_stars,
.search_article .tiedje_stars {
  margin-top: 15px;
}
.b2b-professional-wrapper .tiedje_stars .stars_content {
  margin-top: 2px;
  margin-left: 0;
  padding-top: 2px;
  border-top: 1px solid #ccc;
}
.b2b-professional-wrapper .tiedje_stars .stars_block {
  width: 100%;
}
.list_article .tiedje_stars,
.search_article .tiedje_stars {
  margin-top: 15px;
}
.tiedje_stars .stars_title {
  font-weight: bold;
}
.tiedje_stars .stars_info {
  display: inline-block;
  width: 10px;
  height: 12px;
  margin-bottom: -2px;
  margin-left: 3px;
  background: url(../../images/shop/sprite_misc.png) no-repeat -13px -25px;
  border-bottom: none;
}
.list_article .tiedje_stars .stars_content,
.search_article .tiedje_stars .stars_content,
.article-short .tiedje_stars .stars_content {
  width: 350px;
  margin-top: 2px;
  margin-left: 0;
  padding-top: 2px;
  border-top: 1px solid #ccc;
}
.tiedje_stars .stars_block {
  clear: both;
}
.list_article .tiedje_stars .stars_block,
.article-short .tiedje_stars .stars_block {
  display: inline-block;
  width: 50%;
}
.tiedje_stars .stars_type {
  float: left;
  margin-left: 10%;
}
.tiedje_stars .stars_type.tiedjetip {
  border: none;
}
.tiedje_stars .stars_rating {
  float: right;
  position: relative;
  margin-right: 10%;
}
.tiedje_stars .stars_rating span {
  display: inline-block;
  height: 8px;
}
.tiedje_stars .stars_rating .bg {
  width: 64px;
  background-image: url('/assets/images/bars/bar-grey.png');
}
.tiedje_stars .stars_rating .bar {
  position: absolute;
  left: 0;
  top: 5px;
  background-image: url('/assets/images/bars/bar-red.png');
}
.tiedje_stars .stars_rating .bar.b0-5 { width: 6px; }
.tiedje_stars .stars_rating .bar.b1   { width: 13px; }
.tiedje_stars .stars_rating .bar.b1-5 { width: 19px; }
.tiedje_stars .stars_rating .bar.b2   { width: 26px; }
.tiedje_stars .stars_rating .bar.b2-5 { width: 32px; }
.tiedje_stars .stars_rating .bar.b3   { width: 39px; }
.tiedje_stars .stars_rating .bar.b3-5 { width: 45px; }
.tiedje_stars .stars_rating .bar.b4   { width: 52px; }
.tiedje_stars .stars_rating .bar.b4-5 { width: 58px; }
.tiedje_stars .stars_rating .bar.b5   { width: 64px; }


/* CSS only Slider */
@media all and (min-width: 599px) {

  /* banner */
  .b2b-banner {
    background: rgb(229,229,229);
    background: linear-gradient(90deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
    border-bottom: 1px solid #c6c6c6;
    height:560px;
  }
  .b2b-banner-text  {
    background: transparent none;
    border-bottom-width: 0;
    font-size: 1.15em;
    margin: 0;
    padding: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
  }
  .b2b-banner-image {
    background-position: right center;
    height: 100%;
    margin: 0;
    right: 0;
    position: absolute;
    top: 0;
    width: 50%;
  }

  /* responsive grid */
  .b2b-grid { margin-top: -20px; }
  .b2b-col {
    float: left;
    margin-top: 20px;
    width: 48.5%;
  }
  .b2b-col:nth-child(2n-1) { margin-right: 3%; }

  /* responsive css-only slider */
  .b2b-slide {
    margin: 0;
    padding: 0 50px;
    overflow: hidden;
  }
  .b2b-slide-list {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .b2b-professional-wrapper{
    padding: 0 0;
  }
  .b2b-slide-list-professional{
    width: 89%;
    float: left;
  }
  .b2b-professional-wrapper .b2b-slide-profProd{
    display:none;
    width: 100% !important;
    padding: 10px 7px 10px 10px !important;
    position: absolute !important;
    height: 122px !important;
    background-color: white !important;
  }
  .b2b-professional-wrapper .b2b-slide-item:after{
    content: none;
  }

  .b2b-professional-block.image img{
    max-height: 70px;
    max-width: 175px;
    width: inherit;
  }
  .b2b-slide-profProd-img{
    display:table-cell;
    vertical-align: middle;
  }
  .b2b-slide-profProd a{
    color: inherit;
    text-decoration: none;
  }

  .b2b-professional-wrapper .b2b-professional-block{
    width: 165px;
    display:inline-block;
    margin-left: 20px;
    height: 94px;
    border-left: 1px solid #c6c6c6;
    padding-left:20px;
    position:relative;
    float: left;
    margin-top:0;
  }
  .b2b-professional-block:first-child{
    border-left: none;
    padding-left:0;
  }
  .b2b-professional-block.image{
    display: table;
    text-align: center;
  }
  .b2b-professional-block.rating{
    width: 135px;
  }
  .b2b-professional-block.tiedje_rating{
    width: 185px;
  }
  .b2b-professional-block.text a{
    color: #005DAF;
  }
  .b2b-slide-profProd.active{
    display:block;
  }
  .b2b-slide-professional-arrow{
    height:122px;
    float:left;
    background: #f2f2f2 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyCAYAAACqNX6+AAACaUlEQVR42u2cv27CMBDGo0RiYIEhbIgJRoQysTHBE4QngEcgrwCPwBN0YizdWMrG0gVVqpD4M1SlUhe6dKhUlZ4rU1lpnKhSFfvsO+mbGPI7f4lj38U4DgUFBQUFBdKYzWYd0A2orJChzBk6tpsRgF5BZ9A9qKaAocavfeYsga1mNEAvfCAuegK1cmRo8WuKDIypYZsZVdBjbCAuWuTIsZAwMLaqLWZUQBvJQKzZ7zmzrCUsmzxZVJlRAt1JBmCn4q7kT+tOwsRYS6aaUQTdShJ/BtUVstU5QxIbYy6aZkYBdC1JmK1smhowNoUVX1yMvWCKGS7oSpLoG6itEWubMyWxshxcEwyZShJ8B/U05O1xtiTmKXYzxpLEPkB9jbn7nDGJfYzVjJEkoU/QEAH/kLMm5TDCZsYgJZkIUR5Ryk01wJJEmPK4TxA+6ZOUaTfUHb5r4gsxY2HS1RU6a8noITbEw7J0FzdVJwnw3IRNFd/cziU5nnTY3Iplh6MNZYeM8s9RZfnnAsgKc3ubCnMZBdK9srI9XNgHPdhYus5oIbAx8VVArVIqt8Y3d/jsIKsQr8gQMuT7saUpK3nKqqi8Sw70Uv/RQfnsYFO3TeeuZ9LG0OhuG4au519LJy5iM1xUpRMBnIqLGsKHJnXbMrqeIZYkjOi2Ye96xpOJDG7hRg7GwNptM63rifqFaOrCREzQM+hDOc8xITB022zoeiaVHZY6dtsyup5L4z62FhJPK8xtFR5H2Fp3HEEYgKwDO36OLL7VB3ZidyUdadPMFNmhzyBHhoAOff4eEDoWrZkp9McBFBQUFBQU/xBfLjxRylh3yyMAAAAASUVORK5CYII=") no-repeat 0 50%;
  }
  .b2b-slide-professional-arrow:hover{
    cursor: pointer;
    background-color: #eee;
  }
  .b2b-slide-professional-arrow.left{
    width: 50px;
  }
  .b2b-slide-professional-arrow.right{
    background-position: -46px 50%;
    width: 56px;
    float:right;
  }
  .b2b-professional-wrapper .tiedje_stars .stars_content{
  }
  .tiedje_stars .stars_rating{
    margin-right:0;
  }
  .tiedje_stars .stars_type{
    margin-left:0;
  }
  .b2b-slide-item {
    display: table-cell;
    height: 168px;
    padding: 20px 20px 20px 160px;
    width: 100%;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transform: translate3d(0,0,0);
    transition: transform .5s ease-in-out
  }
  .b2b-slide-item .b2b-text-primary { text-align: left; }
  .b2b-slide-item:after {
    left: 20px;
    margin-left: 0;
  }

  .b2b-slide .b2b-slide-list ~ label {
    background: #f2f2f2 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyCAYAAACqNX6+AAACaUlEQVR42u2cv27CMBDGo0RiYIEhbIgJRoQysTHBE4QngEcgrwCPwBN0YizdWMrG0gVVqpD4M1SlUhe6dKhUlZ4rU1lpnKhSFfvsO+mbGPI7f4lj38U4DgUFBQUFBdKYzWYd0A2orJChzBk6tpsRgF5BZ9A9qKaAocavfeYsga1mNEAvfCAuegK1cmRo8WuKDIypYZsZVdBjbCAuWuTIsZAwMLaqLWZUQBvJQKzZ7zmzrCUsmzxZVJlRAt1JBmCn4q7kT+tOwsRYS6aaUQTdShJ/BtUVstU5QxIbYy6aZkYBdC1JmK1smhowNoUVX1yMvWCKGS7oSpLoG6itEWubMyWxshxcEwyZShJ8B/U05O1xtiTmKXYzxpLEPkB9jbn7nDGJfYzVjJEkoU/QEAH/kLMm5TDCZsYgJZkIUR5Ryk01wJJEmPK4TxA+6ZOUaTfUHb5r4gsxY2HS1RU6a8noITbEw7J0FzdVJwnw3IRNFd/cziU5nnTY3Iplh6MNZYeM8s9RZfnnAsgKc3ubCnMZBdK9srI9XNgHPdhYus5oIbAx8VVArVIqt8Y3d/jsIKsQr8gQMuT7saUpK3nKqqi8Sw70Uv/RQfnsYFO3TeeuZ9LG0OhuG4au519LJy5iM1xUpRMBnIqLGsKHJnXbMrqeIZYkjOi2Ye96xpOJDG7hRg7GwNptM63rifqFaOrCREzQM+hDOc8xITB022zoeiaVHZY6dtsyup5L4z62FhJPK8xtFR5H2Fp3HEEYgKwDO36OLL7VB3ZidyUdadPMFNmhzyBHhoAOff4eEDoWrZkp9McBFBQUFBQU/xBfLjxRylh3yyMAAAAASUVORK5CYII=") no-repeat 0 50%;
    color: #aaa;
    bottom: 0;
    box-sizing: border-box;
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
  }
  .b2b-slide .b2b-slide-list ~ label:hover {
    background-color: #efefef;
  }
  .b2b-slide-nav label,
  .b2b-slide-nav label + strong {
    font-weight: normal;
    text-transform: uppercase;
  }
  .b2b-slide-nav label + strong {
    color: #999;
    padding: 0 5px;
  }
  .b2b-slide-nav label:hover {
    color: #d51130;
  }

  input[name="b2b-solution"]:nth-of-type(1):checked ~ .b2b-slide label:nth-of-type(2),
  input[name="b2b-solution"]:nth-of-type(2):checked ~ .b2b-slide label:nth-of-type(3),
  input[name="b2b-solution"]:nth-of-type(3):checked ~ .b2b-slide label:nth-of-type(4),
  input[name="b2b-solution"]:nth-of-type(4):checked ~ .b2b-slide label:nth-of-type(5),
  input[name="b2b-solution"]:nth-of-type(5):checked ~ .b2b-slide label:nth-of-type(6),
  input[name="b2b-solution"]:nth-of-type(6):checked ~ .b2b-slide label:nth-of-type(7),
  input[name="b2b-solution"]:nth-of-type(7):checked ~ .b2b-slide label:nth-of-type(8),
  input[name="b2b-solution"]:nth-of-type(8):checked ~ .b2b-slide label:nth-of-type(9),
  html input[name="b2b-solution"]:last-of-type:checked ~ .b2b-slide label:first-of-type { /* last button always goes to first */
    background-position: -50px 50%;
    border-left: 1px solid #eee;
    display: block;
    right: 0;
  }
  input[name="b2b-solution"]:nth-of-type(2):checked ~ .b2b-slide label:nth-of-type(1),
  input[name="b2b-solution"]:nth-of-type(3):checked ~ .b2b-slide label:nth-of-type(2),
  input[name="b2b-solution"]:nth-of-type(4):checked ~ .b2b-slide label:nth-of-type(3),
  input[name="b2b-solution"]:nth-of-type(5):checked ~ .b2b-slide label:nth-of-type(4),
  input[name="b2b-solution"]:nth-of-type(6):checked ~ .b2b-slide label:nth-of-type(5),
  input[name="b2b-solution"]:nth-of-type(7):checked ~ .b2b-slide label:nth-of-type(6),
  input[name="b2b-solution"]:nth-of-type(8):checked ~ .b2b-slide label:nth-of-type(7),
  input[name="b2b-solution"]:nth-of-type(9):checked ~ .b2b-slide label:nth-of-type(8),
  html input[name="b2b-solution"]:first-of-type:checked  ~ .b2b-slide label:last-of-type { /* first button goes always to last */
    background-position: 0 50%;
    border-right: 1px solid #eee;
    display: block;
    left: 0;
  }

  /* sozes */
  input[name="b2b-solution"]:nth-last-of-type(2) ~ .b2b-slide .b2b-slide-list { width: 200% }
  input[name="b2b-solution"]:nth-last-of-type(3) ~ .b2b-slide .b2b-slide-list { width: 300% }
  input[name="b2b-solution"]:nth-last-of-type(4) ~ .b2b-slide .b2b-slide-list { width: 400% }
  input[name="b2b-solution"]:nth-last-of-type(5) ~ .b2b-slide .b2b-slide-list { width: 500% }
  input[name="b2b-solution"]:nth-last-of-type(6) ~ .b2b-slide .b2b-slide-list { width: 600% }
  input[name="b2b-solution"]:nth-last-of-type(7) ~ .b2b-slide .b2b-slide-list { width: 700% }
  input[name="b2b-solution"]:nth-last-of-type(8) ~ .b2b-slide .b2b-slide-list { width: 800% }
  input[name="b2b-solution"]:nth-last-of-type(9) ~ .b2b-slide .b2b-slide-list { width: 900% }

  /* moving */
  input[name="b2b-solution"]:nth-of-type(1):checked  ~ .b2b-slide .b2b-slide-item {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0)
  }
  input[name="b2b-solution"]:nth-of-type(2):checked  ~ .b2b-slide .b2b-slide-item {
    -webkit-transform: translate(-100%,0);
    -ms-transform: translate(-100%,0);
    transform: translate(-100%,0)
  }
  input[name="b2b-solution"]:nth-of-type(3):checked  ~ .b2b-slide .b2b-slide-item {
    -webkit-transform: translate(-200%,0);
    -ms-transform: translate(-200%,0);
    transform: translate(-200%,0)
  }
  input[name="b2b-solution"]:nth-of-type(4):checked  ~ .b2b-slide .b2b-slide-item {
    -webkit-transform: translate(-300%,0);
    -ms-transform: translate(-300%,0);
    transform: translate(-300%,0)
  }
  input[name="b2b-solution"]:nth-of-type(5):checked  ~ .b2b-slide .b2b-slide-item {
    -webkit-transform: translate(-400%,0);
    -ms-transform: translate(-400%,0);
    transform: translate(-400%,0)
  }
  input[name="b2b-solution"]:nth-of-type(6):checked  ~ .b2b-slide .b2b-slide-item {
    -webkit-transform: translate(-500%,0);
    -ms-transform: translate(-500%,0);
    transform: translate(-500%,0)
  }
  input[name="b2b-solution"]:nth-of-type(7):checked  ~ .b2b-slide .b2b-slide-item {
    -webkit-transform: translate(-600%,0);
    -ms-transform: translate(-600%,0);
    transform: translate(-600%,0)
  }
  input[name="b2b-solution"]:nth-of-type(8):checked ~ .b2b-slide .b2b-slide-item {
    -webkit-transform: translate(-700%,0);
    -ms-transform: translate(-700%,0);
    transform: translate(-700%,0)
  }
  input[name="b2b-solution"]:nth-of-type(9):checked ~ .b2b-slide .b2b-slide-item {
    -webkit-transform: translate(-800%,0);
    -ms-transform: translate(-800%,0);
    transform: translate(-800%,0)
  }

  input[name="b2b-solution"]:nth-of-type(1):checked ~ .b2b-slide-nav label:nth-of-type(1),
  input[name="b2b-solution"]:nth-of-type(2):checked ~ .b2b-slide-nav label:nth-of-type(2),
  input[name="b2b-solution"]:nth-of-type(3):checked ~ .b2b-slide-nav label:nth-of-type(3),
  input[name="b2b-solution"]:nth-of-type(4):checked ~ .b2b-slide-nav label:nth-of-type(4),
  input[name="b2b-solution"]:nth-of-type(5):checked ~ .b2b-slide-nav label:nth-of-type(5),
  input[name="b2b-solution"]:nth-of-type(6):checked ~ .b2b-slide-nav label:nth-of-type(6),
  input[name="b2b-solution"]:nth-of-type(7):checked ~ .b2b-slide-nav label:nth-of-type(7),
  input[name="b2b-solution"]:nth-of-type(8):checked ~ .b2b-slide-nav label:nth-of-type(8),
  input[name="b2b-solution"]:nth-of-type(9):checked ~ .b2b-slide-nav label:nth-of-type(9){
    color: #d51130;
  }

}

@media all and (min-width: 899px) {

  /* sections */
  .b2b-section {
    padding: 0 30px 30px;
  }

  /* stores */
  html:not(.ui-mobile) .b2b-stores {
    position: relative;
    padding-right: 472px;
  }
  html:not(.ui-mobile) .b2b-stores-map {
    bottom: 0;
    height: auto;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 452px;
  }

  /* responsive grid */
  html:not(.ui-mobile) .b2b-grid {
    border-collapse: separate;
    border-spacing: 20px 0;
    display: table;
    font-size: 1em;
    width: 100%;
    padding: 0;
  }
  html:not(.ui-mobile) .b2b-col {
    clear: none;
    display: table-cell;
    float: none;
    margin: 0;
    min-width: 0;
    vertical-align: top;
    width: 25%;
  }
  html:not(.ui-mobile) .b2b-col-title {
    font-size: 1.25em;
  }

  /* responsive css-only slider */
  html:not(.ui-mobile) .b2b-slide-nav {
    display: block;
    margin: 0 0 20px 0;
    padding: 0 30px;
    text-align: center;
  }

}


/* OLD IE */
.lt-ie9 .b2b-slide-nav,
.lt-ie9 input[name="b2b-solution"],
.lt-ie9 .b2b-slide .b2b-slide-list ~ label {
  display: none !important;
}
.lt-ie9 .b2b-slide,
.lt-ie9 .b2b-slide-list,
.lt-ie9 .b2b-slide-item {
  display: block !important;
  position: static;
  width: 100% !important;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.lt-ie9 .b2b-slide,
.lt-ie9 .b2b-slide-list {
  margin: 0;
  padding: 0;
}