@charset "UTF-8";
/*@import "neat/neat";*/
/* -------------- fonts -------------- */
/* -------------- DEFAULT colors -------------- */
/* -------------- Main CTA -------------------------- */
/* -------------- Errors & Warnings ----------------- */
/* -------------- Buy CTA --------------------------- */
/* -------------- Inactive -------------------------- */
/* -------------- Control Elements ------------------ */
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
  }
  20%, 60% {
    -webkit-transform: translate3d(3px, 0, 0);
            transform: translate3d(3px, 0, 0);
  }
  40%, 80% {
    -webkit-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0);
  }
}
@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translate3d(0px, 0, 0);
         transform: translate3d(0px, 0, 0);
  }
  20%, 60% {
    -moz-transform: translate3d(3px, 0, 0);
         transform: translate3d(3px, 0, 0);
  }
  40%, 80% {
    -moz-transform: translate3d(-3px, 0, 0);
         transform: translate3d(-3px, 0, 0);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0px, 0, 0);
       -moz-transform: translate3d(0px, 0, 0);
            transform: translate3d(0px, 0, 0);
  }
  20%, 60% {
    -webkit-transform: translate3d(3px, 0, 0);
       -moz-transform: translate3d(3px, 0, 0);
            transform: translate3d(3px, 0, 0);
  }
  40%, 80% {
    -webkit-transform: translate3d(-3px, 0, 0);
       -moz-transform: translate3d(-3px, 0, 0);
            transform: translate3d(-3px, 0, 0);
  }
}
.SprdMain {
  overflow-x: hidden;
}

.SprdMain, .SprdHeader, .product-filter {
  max-width: 100%;
}

.SprdHeader {
  max-width: none;
}

.SprdHeader.hidden ~ #sprd-content,
.SprdHeader.hidden ~ #sprd-content.extra-menu,
.SprdHeader.hidden ~ #sprd-content.has-promo,
.SprdHeader.hidden ~ #sprd-content.has-promo.extra-menu {
  padding-top: 0 !important;
}

@media screen and (min-width: 768px) {
  .itemListOpen:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 5;
  }
}
html .footer-item, html #articleCategoryItems .item {
  cursor: pointer;
}
html .footer-item:hover, html #articleCategoryItems .item:hover {
  text-decoration: underline;
}
html .SideMenu .items .item, html .rightPanel > .item, html .Icon.home, html .Tile.article > .Wrapper.image {
  cursor: pointer;
}
html.no-scroll .CustomHtml.header {
  display: none;
}
html.no-scroll body {
  overflow: hidden;
  height: 100vh;
}
html.no-scroll #sprd-main {
  position: fixed;
}

body {
  margin: 0;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

.SprdContent {
  z-index: 0;
  min-height: 70vh;
  position: relative;
  padding-top: 0;
}
.SprdContent #tablocontainer {
  max-width: 1920px;
  height: 100vh !important;
  padding: 0;
}
.SprdContent #tablocontainer .designer-banner {
  display: none !important;
  width: 0;
  height: 0;
}

.fullContentWidth {
  margin-left: -.5em;
  margin-right: -.5em;
}

.SprdMain.SprdClassEdit .DetailWrapper,
.SprdMain.SprdClassList .SprdContent,
.SprdMain.SprdClassDetail .SprdContent {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .SprdMain.SprdClassList .SprdContent,
  .SprdMain.SprdClassDetail .SprdContent {
    width: 94%;
  }
}
@media (min-width: 1024px) {
  .SprdMain.SprdClassList .SprdContent,
  .SprdMain.SprdClassDetail .SprdContent {
    width: 88%;
  }
}
@media (min-width: 1280px) {
  .SprdMain.SprdClassList .SprdContent,
  .SprdMain.SprdClassDetail .SprdContent {
    width: 80%;
  }
}
@media (min-width: 1600px) {
  .SprdMain.SprdClassList .SprdContent,
  .SprdMain.SprdClassDetail .SprdContent {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 1600px;
  }
}
@media (min-width: 768px) {
  .SprdMain:not(.loading) .SprdContent .Wrapper.details {
    padding-left: -webkit-calc(300% + 1rem);
    padding-left: -moz-calc(300% + 1rem);
    padding-left: calc(300% + 1rem);
    padding-right: -webkit-calc(300% + 1rem);
    padding-right: -moz-calc(300% + 1rem);
    padding-right: calc(300% + 1rem);
    margin: 0 -300%;
  }

  .SprdMain:not(.loading) .SprdContent .Wrapper.productDetails {
    padding-left: 300%;
    padding-right: 300%;
    margin: 0 -300%;
  }

  #megaBanner {
    width: 100vw;
    margin-left: -webkit-calc(-50vw + 50%);
    margin-left: -moz-calc(-50vw + 50%);
    margin-left: calc(-50vw + 50%);
  }
}
ul {
  padding: 0;
  margin: 0;
}

.Icon.home, .link-back {
  text-decoration: none;
  color: inherit;
}

img, picture {
  line-height: 0;
}

@media screen and (min-width: 1280px) {
  #sprd-main.SprdClassList {
    overflow: inherit;
    overflow-x: hidden;
  }
}
.medium-top-gap {
  margin-top: 20px;
}

.fullWidth {
  width: 100%;
}

.fullHeight {
  height: 100%;
}

.hidden, .hidden {
  display: none !important;
}

.invisible {
  position: relative;
  z-index: -1;
  visibility: hidden !important;
}

.disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.medium {
  font-weight: normal;
}

.bold, .semiBold {
  font-weight: bold;
}

.inline-block {
  display: inline-block;
}

.no-border {
  border: none;
  -webkit-border-radius: 0;
          border-radius: 0;
}

.textCenter {
  text-align: center;
}

.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.block {
  display: block;
}

.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

.no-side-margin {
  margin-left: 0;
  margin-right: 0;
}

.no-overflow {
  overflow: hidden;
}

.noPointer {
  cursor: text;
}

.noPointer:hover {
  text-decoration: none;
}

.loadable {
  display: inline-block;
}
.loadable.loading {
  overflow: visible;
  pointer-events: none;
  content: '';
}
.loadable.loading > * {
  visibility: hidden;
}

.squareSize {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.squareSize:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.squareSize img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.Icon, .icon {
  font-family: mobilemarketplace;
  display: inline-block;
}

.icon.money:before {
  font-size: 2rem;
  vertical-align: bottom;
}
.icon.money.P1:before {
  content: "";
}
.icon.money.P2:before {
  content: "";
}
.icon.money.P3:before {
  content: "";
}

.error-hint {
  padding: .9em 1.3em;
  background-color: #5B76CF;
  color: #fff;
  margin: 1.5em;
}

.pointer {
  cursor: pointer;
}

.arrow {
  cursor: pointer;
  font-family: mobilemarketplace;
}

.backward:after {
  content: "p";
}

.forward:after {
  content: "n";
}

.first:after {
  content: "";
}

.last:after {
  content: "";
}

@media screen and (min-width: 768px) {
  .mobileOnly {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .noMobile {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) {
  .noDesktop {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) {
  .noDesktop {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .noTablet {
    display: none !important;
  }
}
@media screen and (max-width: 639px) {
  .min-width-640 {
    display: none !important;
  }
}
@media screen and (max-width: 919px) {
  .min-width-920 {
    display: none !important;
  }
}
@media screen and (max-width: 1279px) {
  .min-width-1000 {
    display: none !important;
  }
}
.zoomable {
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA3XAAAN1wFCKJt4AAACC0lEQVRIx7XVS4iOURgH8N/3zcdMzLhEUZSGJNdiRRYuZZRSZGGJ2FiIMtYuIzZWSkRKMxQbSbFSygYpixmDiI2paVzKZWZSLmPz0Ol4Z775NJ56O+d9bv/znOdyKKZpWI+reIFB9OEhDqEZdWqkUqx78QZDVb5LWFqr8zsFjt7hProLZH1oGS3IrcRwELcxJWSVRG87ehPdj5hXzfnOxKAHmxLZYjxGG8YHbzIuJzbdIzmfiq7k5Fsz+ZGQPQ3dlO4mIPuHA1iQKD0okB8bBqCE6Yltb5HzMnYl/3sKdL7G+gP9CX8IX6KUoQHLcuNKxnyClWjFOHyPHMAc3AheJaJtw8sEoBmdOUhnnOZzQTVV+xZiX+y/YXdRBO9j3xRre/DLcS3zMRcDeBQRlKMZn2FL2P2MIvmLLiQnmh28CZgYjk6G7DlmBb8xRkUFF0P+CauKANYmAGdrqCKYkTRdT9aQf6qoC2/jfweWFFyjOHEpGy1HMTP2N+P6CulEEsUr1CeyFcG/nnQynM4SPiKVk24eioStxqRMryHydCVzfqDaFP19n9ewJivhezFR67EIGyLRacOV4p04VS2SJpwbZQ/043zGax3t6F4eJ++LcTwQY+EDXuNwcrXtGci2Wl65xkhyC9ZF0ynIS0eSuyEcNMZUxpkskv8C0pGBbBxrkIZaXrp/pTocj67e/Aummb4t/IBpIQAAAABJRU5ErkJggg==), -webkit-zoom-in;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA3XAAAN1wFCKJt4AAACC0lEQVRIx7XVS4iOURgH8N/3zcdMzLhEUZSGJNdiRRYuZZRSZGGJ2FiIMtYuIzZWSkRKMxQbSbFSygYpixmDiI2paVzKZWZSLmPz0Ol4Z775NJ56O+d9bv/znOdyKKZpWI+reIFB9OEhDqEZdWqkUqx78QZDVb5LWFqr8zsFjt7hProLZH1oGS3IrcRwELcxJWSVRG87ehPdj5hXzfnOxKAHmxLZYjxGG8YHbzIuJzbdIzmfiq7k5Fsz+ZGQPQ3dlO4mIPuHA1iQKD0okB8bBqCE6Yltb5HzMnYl/3sKdL7G+gP9CX8IX6KUoQHLcuNKxnyClWjFOHyPHMAc3AheJaJtw8sEoBmdOUhnnOZzQTVV+xZiX+y/YXdRBO9j3xRre/DLcS3zMRcDeBQRlKMZn2FL2P2MIvmLLiQnmh28CZgYjk6G7DlmBb8xRkUFF0P+CauKANYmAGdrqCKYkTRdT9aQf6qoC2/jfweWFFyjOHEpGy1HMTP2N+P6CulEEsUr1CeyFcG/nnQynM4SPiKVk24eioStxqRMryHydCVzfqDaFP19n9ewJivhezFR67EIGyLRacOV4p04VS2SJpwbZQ/043zGax3t6F4eJ++LcTwQY+EDXuNwcrXtGci2Wl65xkhyC9ZF0ynIS0eSuyEcNMZUxpkskv8C0pGBbBxrkIZaXrp/pTocj67e/Aummb4t/IBpIQAAAABJRU5ErkJggg==), -moz-zoom-in;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA3XAAAN1wFCKJt4AAACC0lEQVRIx7XVS4iOURgH8N/3zcdMzLhEUZSGJNdiRRYuZZRSZGGJ2FiIMtYuIzZWSkRKMxQbSbFSygYpixmDiI2paVzKZWZSLmPz0Ol4Z775NJ56O+d9bv/znOdyKKZpWI+reIFB9OEhDqEZdWqkUqx78QZDVb5LWFqr8zsFjt7hProLZH1oGS3IrcRwELcxJWSVRG87ehPdj5hXzfnOxKAHmxLZYjxGG8YHbzIuJzbdIzmfiq7k5Fsz+ZGQPQ3dlO4mIPuHA1iQKD0okB8bBqCE6Yltb5HzMnYl/3sKdL7G+gP9CX8IX6KUoQHLcuNKxnyClWjFOHyPHMAc3AheJaJtw8sEoBmdOUhnnOZzQTVV+xZiX+y/YXdRBO9j3xRre/DLcS3zMRcDeBQRlKMZn2FL2P2MIvmLLiQnmh28CZgYjk6G7DlmBb8xRkUFF0P+CauKANYmAGdrqCKYkTRdT9aQf6qoC2/jfweWFFyjOHEpGy1HMTP2N+P6CulEEsUr1CeyFcG/nnQynM4SPiKVk24eioStxqRMryHydCVzfqDaFP19n9ewJivhezFR67EIGyLRacOV4p04VS2SJpwbZQ/043zGax3t6F4eJ++LcTwQY+EDXuNwcrXtGci2Wl65xkhyC9ZF0ynIS0eSuyEcNMZUxpkskv8C0pGBbBxrkIZaXrp/pTocj67e/Aummb4t/IBpIQAAAABJRU5ErkJggg==), zoom-in;
}

picture.animated {
  overflow: hidden;
}
picture.animated img {
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 767px) {
  .fadedScrolling {
    position: relative;
  }
  .fadedScrolling:after, .fadedScrolling:before {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3.5rem;
    z-index: 1;
  }
  .fadedScrolling:before {
    left: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, white, rgba(255, 255, 255, 0));
    background-image: -moz- oldlinear-gradient(left, white, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0));
  }
  .fadedScrolling:after {
    right: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(right, white, rgba(255, 255, 255, 0));
    background-image: -moz- oldlinear-gradient(right, white, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to left, white, rgba(255, 255, 255, 0));
  }
  .fadedScrolling.fadeLeft:before {
    content: '';
  }
  .fadedScrolling.fadeRight:after {
    content: '';
  }
}

.hideScrollbar::-webkit-scrollbar {
  display: none;
}

.asterisk:after {
  content: "*";
}

/**
* everything typography related
 */
.largeFont {
  font-size: 1.125rem;
}

.smallFont {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  font-size: 0.75rem;
  line-height: 1.4em;
}
@media screen and (min-width: 768px) {
  .smallFont {
    font-size: 0.875rem;
  }
}

.tinyFont {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  font-size: 0.625rem;
  line-height: 1.25em;
}
@media screen and (min-width: 768px) {
  .tinyFont {
    font-size: 0.75rem;
  }
}

.headline {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  line-height: 1.2em;
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) {
  .headline {
    font-size: 1.75rem;
  }
}

.headline.h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  line-height: 1.2em;
  font-size: 1.188rem;
  margin-bottom: 0.46em;
}
@media screen and (min-width: 768px) {
  .headline.h2 {
    font-size: 1.375rem;
  }
}

.headline.h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  line-height: 1.2em;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .headline.h3 {
    font-size: 1.125rem;
  }
}

.headline.h4 {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .headline.h4 {
    font-size: 1.125rem;
  }
}

.SprdMain {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  font-size: 0.875rem;
  line-height: 1.5em;
  color: #333;
}
@media screen and (min-width: 768px) {
  .SprdMain {
    font-size: 1rem;
  }
}
.link,
a.link {
  cursor: pointer;
  text-decoration: underline;
}
.link:hover,
a.link:hover {
  color: #00B2A5;
}

.button {
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: .85em 1.2em;
  text-align: center;
  vertical-align: middle;
}
.button.primary {
  letter-spacing: 0.05rem;
}
.button.customLink {
  padding: 0;
}
.button:before {
  font-family: mobilemarketplace;
}

.circleButton {
  height: 40px;
  width: 40px;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  background-color: white;
  -webkit-box-shadow: 0 0 0 2px #00B2A5;
          box-shadow: 0 0 0 2px #00B2A5;
  color: #00B2A5;
}
.circleButton:before {
  vertical-align: middle;
}
.circleButton:hover {
  -webkit-box-shadow: 0 0 0 2px #009E94;
          box-shadow: 0 0 0 2px #009E94;
  color: #009E94;
}
.circleButton:before {
  font-family: mobilemarketplace;
}

.button.pattern {
  background-color: white;
  border: 2px solid #00B2A5;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  color: #00B2A5;
  font-weight: bold;
  line-height: 1.6rem;
  padding: .3em 1.3em;
}
.button.pattern.share {
  text-shadow: none !important;
  -webkit-transition: none !important;
     -moz-transition: none !important;
          transition: none !important;
}
.button.pattern.share:before {
  font-size: 1.7rem;
}
.button.pattern.edit {
  margin-right: 1em;
}
.button.pattern:hover {
  border-color: #009E94;
  color: #009E94;
}
.button.pattern:active {
  border-color: #00877E;
  color: #00877E;
}
.button.pattern:disabled {
  border-color: #999;
  cursor: auto;
}
.button.pattern:before {
  font-weight: normal;
}
.button.pattern.cta {
  background-color: #00B2A5;
  color: white;
}
.button.pattern.cta:hover {
  background-color: #009E94;
  color: white;
}
.button.pattern.cta:active {
  background-color: #00877E;
  color: white;
}
.button.pattern.cta:disabled {
  background-color: #999;
}
.button.pattern.default {
  border: 2px solid #333;
  color: #333;
}
.button.pattern.default:hover {
  border-color: #009E94;
  color: #009E94;
}

.button.cta-light {
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #333;
          box-shadow: 0 0 0 1px #333;
  font-weight: bold;
}
.button.cta-light:hover {
  -webkit-box-shadow: 0 0 0 2px #191919;
          box-shadow: 0 0 0 2px #191919;
  color: #191919;
}
.button.cta-light:active {
  -webkit-box-shadow: 0 0 0 1px black;
          box-shadow: 0 0 0 1px black;
  color: black;
}

.Icon.Button.preview {
  position: absolute;
  padding: 7px 7px 2px 7px;
  z-index: 1;
  bottom: 0;
  right: 0;
}
.Icon.Button.preview:after {
  position: relative;
  font-family: mobilemarketplace;
  content: 'z';
  z-index: 2;
}
.Icon.Button.preview:before {
  -webkit-border-top-left-radius: 10px;
          border-top-left-radius: 10px;
}

.zoomed .Icon.Button.preview:after {
  content: 'L';
}

.button.share {
  line-height: 1.7;
}
.button.share:before {
  content: "";
  height: 1em;
  vertical-align: middle;
  font-size: 1.7rem;
  margin-left: -0.1em;
  margin-right: 0.3em;
}

.button.add:before,
.button.share:before,
.button.link-back:before,
.button.favorite:before,
.button.edit:before,
.button.remove:before {
  display: inline-block;
  font-size: 2.5rem;
  font-weight: normal;
  line-height: 1;
  margin-right: 0;
  vertical-align: middle;
}

.button.share:before {
  font-size: 1.8rem;
  margin-right: 0.1em;
}

.button.favorite:before {
  content: "";
  font-family: mobilemarketplace;
  font-size: 1.8rem;
}

.button.edit:before {
  content: "";
  height: 1em;
  font-size: 1.7rem;
  margin-right: 0.3em;
}
.button.edit.text:before {
  content: "";
}

.button.add:before {
  content: "+";
  font-size: 1.7rem;
  margin-right: 0.3em;
}

.button.remove:before {
  content: "d";
  font-size: 1.5rem;
  margin-right: 0.3em;
}

.button.manage:before {
  content: "";
  font-size: 1.5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}

.button.showMore {
  display: block;
  line-height: 2.2em;
  margin: 1em auto;
  max-width: 25em;
  width: 70%;
}

.control {
  cursor: pointer;
  font-family: mobilemarketplace;
  font-size: 1.5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  width: 1.5rem;
}

.link-back:before {
  font-family: mobilemarketplace;
  content: "b";
}

.Icon.clearSearch:after {
  font-family: mobilemarketplace;
  content: 'x';
}

.addToBasket.button .Icon:before {
  content: 'c';
  font-family: mobilemarketplace;
}

.broken-heart-icon:after {
  font-family: mobilemarketplace;
  content: '\e619';
}

.handle.edit:before {
  font-family: mobilemarketplace;
}
.handle.edit.scale:before {
  content: "";
}
.handle.edit.move:before {
  content: "";
}

.Wrapper.layoutProductCentered .breadCrumb:after {
  content: "";
  display: inline-block;
  height: 1px;
  width: 100%;
  background-color: #ddd;
  margin-top: 1.3em;
}

.Wrapper .breadCrumb {
  width: 100%;
}

.breadCrumb {
  line-height: 1em;
}
.breadCrumb.gridPadding {
  padding-top: 1rem;
}

.crumbs {
  display: inline-block;
  font-size: .875rem;
}
.crumbs li {
  display: inline-block;
}
.crumbs li a {
  border: none;
  color: #666;
  height: 1em;
  position: relative;
  text-decoration: none;
}
.crumbs li a:after {
  content: "n";
  display: inline-block;
  font-family: mobilemarketplace;
  font-size: 1.65em;
  margin-left: -2px;
  vertical-align: bottom;
}
.crumbs li a:hover {
  color: #00B2A5;
}
.crumbs li a:hover:after {
  color: #666;
}
.crumbs li:last-child a {
  font-weight: bold;
}
.crumbs li:last-child a:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .crumbs {
    max-height: 1.5em;
    white-space: nowrap;
  }

  .breadCrumb {
    max-width: 100%;
  }
  .breadCrumb.autoScroll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    overflow-x: auto;
  }
}
.hint {
  background: #5B76CF;
  border: 1px solid #5B76CF;
  color: white;
  padding: 1.5em 1em;
  font-size: .9em;
  display: inline-block;
}
.hint a, .hint a:hover {
  color: white;
}
.hint:after {
  content: '';
  width: 1em;
  position: absolute;
  bottom: -.4em;
  right: 1em;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.hint:not(.showHint) {
  display: none;
}

.boxHint {
  border: 2px solid #5B76CF;
  background: white;
}

.sizeFitHint {
  display: block;
  text-align: left;
  line-height: 1;
  word-spacing: -.5ch;
  white-space: nowrap;
}
.sizeFitHint:before {
  display: inline-block;
  width: 2.5rem;
  font-family: mobilemarketplace;
  font-size: 1.6rem;
  content: "";
  vertical-align: middle;
}
.sizeFitHint .Wrapper.text {
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding-left: 2.5rem;
  margin-left: -2.5rem;
  line-height: 1.3;
  white-space: normal;
  word-spacing: normal;
  vertical-align: middle;
}
.sizeFitHint .Wrapper.text:hover {
  background-color: transparent;
}
.sizeFitHint.hidden + #sizeTable {
  margin-top: 0;
}

.DetailBox.sizeInfo .sizeFitHint {
  color: #999;
}
.DetailBox.sizeInfo .sizeFitHint .Wrapper.text {
  line-height: 1rem;
}
@media screen and (max-width: 767px) {
  .DetailBox.sizeInfo .sizeFitHint {
    margin-top: 1rem;
    vertical-align: bottom;
  }
}

.whiteBg,
.customPageBackground {
  background-color: #fff;
}

.customHeader {
  color: #333;
  background-color: #fff;
  text-align: left;
}
.customHeader .promo-header .promo-expander {
  background-color: #333;
  color: #bdbdbd;
}
.customHeader .promo-header .promo-box {
  background-color: #1a1a1a;
  color: #bdbdbd;
}
.customHeader.search-error .Notification {
  background-color: red;
  border-color: red;
}
.customHeader .customFilterItem.active {
  color: #00B2A5;
}
.customHeader h1 {
  color: white;
  background-color: #333;
}

/*global footer, area with imprint and legal stuff at the bottom of every page*/
.customFooter {
  background-color: white;
  color: #00B2A5;
  border-color: #ccc;
}

/*watch out that the color selector items are affected (eps. if you set background image)*/
.customHighlight {
  border-color: #00B2A5;
}

/*basket & wishlist count indicator */
.customCounter {
  background: #FF7C37;
  color: white;
}

.customNotification {
  background-color: #00B2A5;
  color: #FFFFFF;
  /* for the arrow */
  border-color: #00B2A5;
}
.customNotification:before {
  background-color: #00B2A5;
}

.customHeadline {
  color: #00B2A5;
}

.textMuted {
  color: #999;
}

/*selector elements, right now color and size selector*/
.customSelector {
  background-color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.customSelector .active.item {
  color: #00B2A5;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.customMobileFilterButton .subline {
  color: #00B2A5;
}

.customMobileFilterButton.active {
  -webkit-box-shadow: 0 10px 0 0 #00B2A5;
          box-shadow: 0 10px 0 0 #00B2A5;
}

@media screen and (min-width: 768px) {
  .customSelector {
    background-color: transparent;
  }
}
@media screen and (max-width: 767px) {
  .customSelector.open {
    border: 1px solid #ccc;
    border-top: 0;
  }
}
.customHighlightText.default {
  color: #e8e8e8;
}
.customHighlightText.primary {
  color: #FF9343;
}
.customHighlightText.secondary {
  color: #00B2A5;
}

.customButton {
  border: 1px solid #ddd;
}

.customButton.customHighlight.active {
  color: #00B2A5;
}

.customButton.default {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #404040;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15);
}

html:not(.touch) .customButton.default.button:hover {
  background-color: #f2f2f2;
}

html:not(.touch) .customButton.default.button:hover {
  background-color: white;
  border-color: #00B2A5;
  color: #00B2A5;
}

.customButton.default:active {
  background-color: #f2f2f2;
  border-color: #a7a7a7;
}

/*primary button, e.g. buy button*/
.customButton.primary {
  background-color: #FF9343;
  border: none;
  color: white;
}

.customButton.primary:hover {
  background-color: #FF7C37;
}

.customButton.primary:active {
  background-color: #FF6E31;
}

/*secondary button, e.g. add to basket in wishlist*/
.customButton.secondary {
  background-color: #00B2A5;
  color: white;
  border: 1px solid #009487;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
}

html:not(.touch) .customButton.secondary:hover {
  background-color: #009E94;
  border-color: #009E94;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.customButton.secondary:active {
  background-color: #009E94;
  border-color: #00877E;
}

.customLightbox {
  font-family: "Roboto", sans-serif;
}

/*filer bar for mobile device, dropdowns from header on desktop*/
.customFilter {
  background-color: #fff;
  color: inherit;
}
.SprdMain .customFilter.filterBar {
  /* Todo: remove when new shop-area version 1.8.0 is live, because
     then it will get fixed in the generated css section */
}
@media screen and (min-width: 768px) {
  .SprdMain .customFilter.filterBar {
    background: transparent !important;
    border-color: transparent !important;
  }
}

.customLink {
  color: #00B2A5;
  cursor: pointer;
  text-decoration: none;
}
.customLink:hover {
  color: #009E94;
}
.customLink:active {
  color: #00877E;
}

.button.customLink {
  background-color: transparent;
  border: none;
}

.customDepartmentFilter .Wrapper.items .Button.department.active {
  color: #00B2A5;
}

.customFilterBar {
  background: #fdfdfd;
}

.customFilterBarMenu {
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.SprdHeader {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  white-space: nowrap;
  z-index: 5;
  width: 100%;
  margin: 0 auto;
}
.SprdHeader .navigation, .SprdHeader .SearchBar {
  max-width: 1600px;
  margin: 0 auto;
}
.SprdHeader .navigation {
  position: relative;
  height: 60px;
  border-bottom: 1px solid #CCC;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.SprdHeader .promo-header {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: right;
}
.SprdHeader .promo-header .promo-expander {
  padding: .55em 2em .5em 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  min-height: 2.5em;
  text-align: center;
}
.SprdHeader .promo-header .promo-expander:after {
  font-family: mobilemarketplace;
  content: "u";
  position: absolute;
  margin-left: .5em;
}
.SprdHeader .promo-header .promo-box {
  text-align: center;
  z-index: 20;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.12s ease-out;
     -moz-transition: all 0.12s ease-out;
          transition: all 0.12s ease-out;
  position: absolute;
  width: 100%;
}
.SprdHeader .promo-header.opened .promo-expander:after {
  content: "v";
}
.SprdHeader .promo-header.opened .promo-box {
  padding-bottom: 1em;
  max-height: 500px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.SprdHeader .promo-header .promo-description {
  padding: .75em .5em;
  white-space: normal;
  font-size: .9em;
}
.SprdHeader .promo-header .promo-code {
  padding: .5em 0;
  font-weight: bold;
}
.SprdHeader .promo-header .button.disabled {
  color: #ccc;
  background-color: #f4f4f4;
  border-color: #ddd;
  pointer-events: none;
}
.SprdHeader .promo-header .button.disabled:before {
  font-family: "mobilemarketplace";
  content: "\e600";
  color: #00B2A5;
  padding-right: .5em;
  font-size: 120%;
}
.SprdHeader .Icon:before, .SprdHeader .Icon:after {
  font-family: mobilemarketplace;
}
.SprdHeader .Icon.menu {
  z-index: 1;
}
.SprdHeader .Icon.search:before {
  content: 's';
}
.SprdHeader .Icon.wishlist:before {
  content: "";
}
.SprdHeader .Icon.basket:before {
  content: "c";
}
.SprdHeader .Icon.home:after {
  display: block;
  float: left;
  -webkit-box-shadow: 0 1px 0 0 #009487;
          box-shadow: 0 1px 0 0 #009487;
  background-color: #00B2A5;
  color: white;
  font-size: 150%;
  border: none;
  padding: 0;
  margin-left: -18px;
  content: "S";
}
.SprdHeader .item.menu .Wrapper.lines {
  width: 0.8em;
  display: inline-block;
  vertical-align: middle;
  border: none;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-right: .1em;
}
.SprdHeader .item.menu .line {
  background: #000;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  width: 100%;
  height: 0.125em;
  -webkit-transition: all .4s;
     -moz-transition: all .4s;
          transition: all .4s;
  -webkit-transform-origin: 0.0625em 0.0625em;
     -moz-transform-origin: 0.0625em 0.0625em;
      -ms-transform-origin: 0.0625em 0.0625em;
          transform-origin: 0.0625em 0.0625em;
}
.SprdHeader .item.menu .line:nth-child(2) {
  margin: 0.1em 0;
  -webkit-transition-duration: 0.2s;
     -moz-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
.SprdHeader .item.menu .text {
  vertical-align: middle;
}
.SprdHeader .item.menu .text.closeLabel {
  display: none;
}
.sideMenuOpen .SprdHeader .item.menu .text.closeLabel {
  display: inline;
}
.sideMenuOpen .SprdHeader .item.menu .text.menuLabel {
  display: none;
}
.sideMenuOpen .SprdHeader .item.menu .line {
  left: 0.0625em;
  width: -webkit-calc(100% * 1.03);
  width: -moz-calc(100% * 1.03);
  width: calc(100% * 1.03);
}
.sideMenuOpen .SprdHeader .item.menu .line:nth-child(1) {
  -webkit-transform: rotate(40deg);
     -moz-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}
.sideMenuOpen .SprdHeader .item.menu .line:nth-child(3) {
  -webkit-transform: rotate(-40deg);
     -moz-transform: rotate(-40deg);
      -ms-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.sideMenuOpen .SprdHeader .item.menu .line:nth-child(2) {
  opacity: 0;
}
.SprdHeader .Icon, .SprdHeader .SearchBar form {
  font-size: 200%;
}
.SprdHeader .rightPanel {
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
}
.SprdHeader .rightPanel > .item.active {
  border-bottom-color: #00B2A5;
}
.SprdHeader .rightPanel > .item .label {
  vertical-align: top;
  display: inline-block;
}
.SprdHeader .rightPanel > .item .label:last-child {
  margin-right: .5em;
}
.SprdHeader .rightPanel > .item .Icon, .SprdHeader .rightPanel > .item .label {
  position: relative;
  z-index: 1;
}
.SprdHeader .rightPanel > .item:before {
  z-index: 1;
}
.SprdHeader .rightPanel > .item:after {
  content: '';
  position: absolute;
  top: 3px;
  right: 1px;
  bottom: 0;
  left: 1px;
  background-color: #fff;
  z-index: 0;
}
.SprdHeader .rightPanel > .item.open ~ .Notification {
  display: none;
}
.SprdHeader .item.Icon, .SprdHeader .rightPanel > .item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  position: relative;
  height: 100%;
  padding: 0 10px;
  border-bottom: 4px solid transparent;
  vertical-align: top;
  line-height: 60px;
  z-index: 10;
}
.SprdHeader .item.Icon.menu, .SprdHeader .rightPanel > .item.menu {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  padding: 0 0 0 10px;
  width: 1.5em;
}
.SprdHeader .item.Icon.search, .SprdHeader .rightPanel > .item.search {
  z-index: 10;
}
.SprdHeader .item.Icon:before, .SprdHeader .rightPanel > .item:before {
  position: relative;
}
.SprdHeader .item.Icon.basket, .SprdHeader .rightPanel > .item.basket {
  margin-right: .2em;
}
.SprdHeader .indicator {
  font-size: .7em;
  pointer-events: none;
  font-weight: 700;
  position: relative;
  z-index: 0;
  line-height: 1;
  padding: .25em .5em;
  -webkit-border-radius: 10em;
          border-radius: 10em;
  position: absolute;
  top: 15%;
  z-index: 1;
}
.SprdHeader .SearchBar {
  background: #fff;
  position: absolute;
  width: 100%;
  display: none;
  z-index: 10;
  right: 1px;
}
.SprdHeader .SearchBar.active {
  display: block;
  -webkit-box-shadow: 0 .5px 1px 1px #aaa;
          box-shadow: 0 .5px 1px 1px #aaa;
}
.SprdHeader .SearchBar.active .button {
  position: relative;
  z-index: 1;
}
.SprdHeader .SearchBar form {
  height: 1.5em;
  z-index: 2;
}
.SprdHeader .SearchBar form .inputWrapper {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 100%;
  display: inline-block;
  width: 100%;
  margin-left: -50px;
  padding-left: 50px;
}
.SprdHeader .SearchBar form .textInput {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f2f2f2;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  width: 100%;
  font-size: 50%;
  height: 100%;
  padding: 0 2em 0 1em;
  border: none;
  margin: 0;
  vertical-align: top;
}
.SprdHeader .SearchBar form .clearSearch {
  height: 100%;
  font-size: 100%;
  position: absolute;
  right: 5px;
  top: 0;
  /* nedded to vertically center the icon */
}
.SprdHeader .SearchBar form .clearSearch:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.SprdHeader .SearchBar form .clearSearch:after {
  -webkit-border-radius: 50%;
          border-radius: 50%;
  font-size: 16px;
  background-color: #ccc;
  color: white;
  padding: 4px;
  vertical-align: middle;
  display: inline-block;
}
.SprdHeader .SearchBar form .button {
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 0;
  height: inherit;
  vertical-align: top;
  width: 50px;
  background: #00B2A5;
  font-size: 0.8em;
  font-family: mobilemarketplace;
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 768px) {
  .SprdHeader .SearchBar {
    display: none;
  }
}
.SprdHeader .autocomplete {
  color: #333 !important;
  font-size: 1rem !important;
  white-space: pre;
}
.SprdHeader .autocomplete .item {
  border: 0 !important;
  height: auto !important;
  line-height: 1.5em !important;
  padding: 0.5rem 1rem !important;
}
.SprdHeader .autocomplete .item:not(:last-child) {
  border-bottom: 1px solid #999;
}
.SprdHeader .autocomplete .item.active {
  background-color: #f2f2f2;
}
.SprdHeader .autocomplete .marked {
  font-weight: bold;
}
.SprdHeader .autocomplete .divide {
  font-size: 0.75rem;
  background-color: #f2f2f2;
  line-height: 2em;
  margin: .5rem 0;
  padding: 0 1rem;
}
.SprdHeader .autocomplete .designerImage {
  -webkit-border-radius: 100%;
          border-radius: 100%;
  margin-right: .5rem;
}
@media (max-width: 767px) {
  .SprdHeader .autocomplete {
    font-size: 0.875rem !important;
  }
  .SprdHeader .autocomplete .item {
    line-height: 2em !important;
  }
  .SprdHeader .autocomplete .divide {
    line-height: 2.4em;
    margin-left: .5rem;
    margin-right: .5rem;
  }
}
.SprdHeader .departmentFilter {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 7;
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
.SprdHeader .departmentFilter a {
  text-decoration: none;
}
.SprdHeader .departmentFilter .menu {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: inherit;
  margin-left: 1.2em;
  height: 100%;
  z-index: 1;
}
.SprdHeader .departmentFilter .menu:after {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.SprdHeader .departmentFilter .menu .label {
  display: inline-block;
  vertical-align: middle;
}
.SprdHeader .departmentFilter .menu .items {
  display: none;
  padding: .3em .5em;
  position: absolute;
  margin-top: -1px;
  border: 1px solid #eee;
  z-index: 7;
}
.SprdHeader .departmentFilter .menu .items:active {
  display: none;
}
.SprdHeader .departmentFilter .menu .item, .SprdHeader .departmentFilter .menu .label {
  cursor: pointer;
}
.SprdHeader .departmentFilter .menu .item {
  line-height: 2.4em;
  font-size: 1rem;
  font-weight: 400;
  display: block;
  padding: 0 .8em;
}
.SprdHeader .departmentFilter .menu .item.active {
  color: #00B2A5;
}
.SprdHeader .departmentFilter .menu .item.active:hover {
  color: #009E94;
}
.SprdHeader .departmentFilter .menu.active .label {
  color: #00B2A5;
}
.SprdHeader .departmentFilter .menu.open {
  -webkit-box-shadow: inset 0 -4px 0 0 #00B2A5;
          box-shadow: inset 0 -4px 0 0 #00B2A5;
}
.SprdHeader .departmentFilter .menu.open .label:after {
  content: 'v';
}
.SprdHeader .departmentFilter .menu.open .items {
  display: block;
}
.SprdHeader .viewNav {
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 7;
  max-width: 50%;
  text-transform: uppercase;
}
.SprdHeader .viewNav > * {
  margin-left: 2em;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .SprdHeader .viewNav > * {
    margin-left: 0;
    margin-right: .5em;
  }
}
@media screen and (min-width: 1000px) {
  .SprdHeader .promo-header .promo-expander {
    text-align: right;
  }
  .SprdHeader .promo-header .promo-box {
    width: 320px;
    right: 0;
  }
  .SprdHeader .Icon.menu {
    display: none;
  }
}

.caret:after {
  font-family: mobilemarketplace;
  color: inherit;
  vertical-align: baseline;
  content: 'u';
  font-size: 80%;
  margin-left: .2em;
  pointer-events: none;
}
.open .caret:after {
  content: 'v';
}

@media screen and (min-width: 768px) {
  .header-spacing .SprdHeader:not(.hidden) ~ .SprdContent {
    padding-top: 60px;
  }
  .header-spacing .minimalHeader:not(.hidden) ~ .SprdContent {
    padding-top: 60px;
  }
  .hasPromo.header-spacing .minimalHeader:not(.hidden) ~ .SprdContent {
    padding-top: 100px;
  }
}
@media screen and (min-width: 1000px) {
  .header-spacing .SprdHeader:not(.hidden) ~ .SprdContent {
    padding-top: 114px;
  }
  .header-spacing .minimalHeader:not(.hidden) ~ .SprdContent {
    padding-top: 60px;
  }
  .hasPromo.header-spacing .minimalHeader:not(.hidden) ~ .SprdContent {
    padding-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  .header-spacing .SprdHeader:not(.hidden) ~ .SprdContent {
    padding-top: 60px;
  }
  .hasPromo.header-spacing .SprdHeader:not(.hidden) ~ .SprdContent {
    padding-top: 100px;
  }
}
/* static header code as provided by Tony Findeisen*/
.staticHeader .SprdHeader {
  position: relative !important;
  top: 0 !important;
}
.staticHeader .SprdContent {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.staticHeader .SprdContent #tablocontainer {
  border-top: 1em solid #ebebeb;
}
.staticHeader #startpageButton {
  height: auto !important;
}
.staticHeader #startpageButton .Icon:after {
  padding: 13px 0 8px !important;
  content: '\\53';
}
@media screen and (min-width: 1280px) {
  .staticHeader .topPanel {
    opacity: 1 !important;
    z-index: 10 !important;
    height: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .staticHeader #filterBar {
    position: relative;
    top: 0 !important;
  }
}
#sprd-header .SearchBar form .button.primary {
  line-height: .5em;
}
#footer .ft-country {
  position: relative;
}

@media screen and (max-width: 1279px) {
  #footer .ft-help, #footer .ft-country {
    position: static;
  }
}
#country-indicator, #buttonLanguage {
  cursor: pointer;
}
#country-indicator:not(.open) .LanguageSwitcher, #buttonLanguage:not(.open) .LanguageSwitcher {
  display: none;
}

.flag:before {
  display: inline-block;
  vertical-align: middle;
  content: '';
  width: 20px;
  height: 15px;
  margin-right: .6em;
  background: url(../img/flags.png);
}
.flag.country[data-locale$=AT]:before {
  background-position: 0 0px;
}
.flag.country[data-locale$=BE]:before {
  background-position: 0 -20px;
}
.flag.country[data-locale$=CA]:before {
  background-position: 0 -40px;
}
.flag.country[data-locale$=DK]:before {
  background-position: 0 -60px;
}
.flag.country[data-locale$=EU]:before {
  background-position: 0 -80px;
}
.flag.country[data-locale$=FI]:before {
  background-position: 0 -100px;
}
.flag.country[data-locale$=FR]:before {
  background-position: 0 -120px;
}
.flag.country[data-locale$=DE]:before {
  background-position: 0 -140px;
}
.flag.country[data-locale$=IE]:before {
  background-position: 0 -160px;
}
.flag.country[data-locale$=IT]:before {
  background-position: 0 -180px;
}
.flag.country[data-locale$=NL]:before {
  background-position: 0 -200px;
}
.flag.country[data-locale$=NO]:before {
  background-position: 0 -220px;
}
.flag.country[data-locale$=PL]:before {
  background-position: 0 -240px;
}
.flag.country[data-locale$=ES]:before {
  background-position: 0 -260px;
}
.flag.country[data-locale$=SE]:before {
  background-position: 0 -280px;
}
.flag.country[data-locale$=GB]:before {
  background-position: 0 -300px;
}
.flag.country[data-locale$=US]:before {
  background-position: 0 -320px;
}
.flag.country[data-locale$=AU]:before {
  background-position: 0 -340px;
}
.flag.country[data-locale$=CH]:before {
  background-position: 0 -360px;
}

.icon.language:before {
  font-family: mobilemarketplace;
  display: inline-block;
  vertical-align: middle;
  content: "";
  margin-right: .4em;
}

#buttonLanguage:after {
  font-family: mobilemarketplace;
  display: inline;
  margin-left: .2em;
  content: "u";
}
#buttonLanguage.open:after {
  content: "v";
}

.Footer .LanguageSwitcher {
  position: absolute;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3em;
  background: white;
  text-align: left;
  font-size: 85%;
  color: initial;
  z-index: 1;
}
.Footer .LanguageSwitcher .Label, .Footer .LanguageSwitcher .Item {
  display: block;
  width: 100%;
  line-height: 2;
  white-space: nowrap;
  margin: 0;
}
.Footer .LanguageSwitcher .Label.active, .Footer .LanguageSwitcher .Item.active {
  font-weight: bold;
  color: #00B2A5;
}
.Footer .LanguageSwitcher .Label {
  font-weight: bold;
}
.Footer .LanguageSwitcher .Item {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.Footer .LanguageSwitcher .Item.country:hover {
  color: #00B2A5;
}
@media screen and (max-width: 767px) {
  .Footer .LanguageSwitcher {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    overflow: auto;
    z-index: 1000;
  }
  .Footer .LanguageSwitcher .Wrapper.continent {
    max-width: 400px;
    margin: 0 auto;
  }
  .Footer .LanguageSwitcher .Wrapper.continent:not(:last-child), .Footer .LanguageSwitcher .Wrapper.continents:not(:last-child) {
    margin-bottom: 2em;
  }
  .Footer .LanguageSwitcher .Label {
    font-size: 120%;
  }
}
@media screen and (min-width: 768px) {
  .Footer .LanguageSwitcher {
    border: 1px solid #00B2A5;
    -webkit-box-shadow: 3px 3px 5px #ccc;
            box-shadow: 3px 3px 5px #ccc;
    white-space: nowrap;
    right: 1em;
    bottom: 75%;
  }
  .Footer .LanguageSwitcher.languages {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .Footer .LanguageSwitcher .Wrapper.items {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 5em;
       -moz-column-gap: 5em;
            column-gap: 5em;
  }
  .Footer .LanguageSwitcher .Wrapper.continents {
    display: inline-block;
    vertical-align: top;
  }
  .Footer .LanguageSwitcher .Wrapper.continents:not(:last-child) {
    margin-right: 8em;
  }
  .Footer .LanguageSwitcher .Wrapper.continents:first-child {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
    -webkit-column-gap: 8em;
       -moz-column-gap: 8em;
            column-gap: 8em;
  }
  .Footer .LanguageSwitcher .Wrapper.continent:not(:last-child) {
    margin-bottom: 2em;
  }
  .Footer .LanguageSwitcher .Label, .Footer .LanguageSwitcher .Item {
    line-height: 3;
  }
}
@media screen and (min-width: 1280px) {
  .Footer .LanguageSwitcher {
    right: auto;
    left: -4em;
    bottom: 110%;
  }
}

.Wrapper.details {
  position: relative;
  padding: 1em;
}
@media screen and (max-width: 767px) {
  .Wrapper.details {
    overflow: hidden;
  }
}
.Wrapper.details .DetailBox.productView {
  margin-bottom: 1.5em;
}
.Wrapper.details .DetailBox .productName {
  display: none;
}
.Wrapper.details .Panel.zoom {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.Wrapper.details .Panel.zoom .Image.preview {
  display: block;
  width: 100%;
  position: relative;
  max-width: 500px;
  margin: 0 auto .5em;
}
.Wrapper.details .Panel.zoom .sector {
  display: none;
  position: absolute;
  border: 1px solid #888;
  background-color: #fff;
  opacity: .4;
  pointer-events: none;
  z-index: 20;
}
.Wrapper.details .Panel.zoom .Wrapper.image.zoom {
  display: none;
  border: 1px solid #DDD;
  position: absolute;
  top: 0;
  left: 100%;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  z-index: 20;
  background-color: #fff;
}
.Wrapper.details .Panel.zoom .Wrapper.image.small {
  overflow: hidden;
}
.Wrapper.details .Panel.zoom .Image.zoom {
  position: relative;
}
.Wrapper.details .Panel.zoom picture {
  display: inline-block;
}
.Wrapper.details .Panel.zoom img {
  max-width: none;
}
.Wrapper.details .Panel.zoom.show .Wrapper.image, .Wrapper.details .Panel.zoom.show .sector {
  display: block;
}

.buy .addToBasket, .buyingBlock .addToBasket {
  white-space: normal;
  display: table-cell;
}
.buy .addToBasket .Icon, .buy .addToBasket .label, .buyingBlock .addToBasket .Icon, .buyingBlock .addToBasket .label {
  display: inline-block;
  vertical-align: middle;
}
.buy .addToBasket .Icon, .buyingBlock .addToBasket .Icon {
  font-size: 1.8em;
  width: 30px;
  margin-right: 10px;
  font-weight: normal;
}
.buy .shippingTime, .buyingBlock .shippingTime {
  margin-top: .5em;
}
.buy .Price, .buyingBlock .Price {
  display: table-cell;
  padding-right: .8em;
}
.buy .Price .price-details, .buyingBlock .Price .price-details {
  text-align: right;
}
.buy .Price .value, .buyingBlock .Price .value {
  font-size: 120%;
}

.pt-description-list {
  list-style-type: disc;
  margin-left: 1.3em;
}
.pt-description-list li {
  margin-bottom: .5em;
}

.pt-size-hint-for-large-device {
  display: none;
}

.pt-size-hint-image {
  width: 35%;
  min-height: 60px;
}

.pt-size-hint-image, .pt-size-table {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .Wrapper.details {
    padding: 0;
  }
  .Wrapper.details .DetailBox .productName {
    display: block;
    font-weight: bold;
    margin-bottom: 1.25em;
  }

  .DetailBox.description .largeFont {
    font-weight: bold;
  }
  .DetailBox.description .headline {
    display: none;
  }
  .DetailBox.description .Description.long {
    display: block;
  }
  .DetailBox.description .Description.long .listMCE {
    margin-top: 1em;
  }
}
.Wrapper.details .productTypeName {
  position: relative;
  margin-top: -15px;
  z-index: 10;
}
.Wrapper.details .header {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.Wrapper.details .header .link-back, .Wrapper.details .header h1 {
  display: inline-block;
  vertical-align: middle;
}
.Wrapper.details .header .link-back {
  width: 1.5rem;
  padding: 0 .5rem;
  margin-right: .5rem;
}
.Wrapper.details .header h2 {
  width: 95%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.Wrapper.details .Selector.department {
  text-align: center;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
}

@-webkit-keyframes filter-error {
  from {
    background-color: transparent;
  }
  to {
    background-color: #8da8ff;
  }
}

@-moz-keyframes filter-error {
  from {
    background-color: transparent;
  }
  to {
    background-color: #8da8ff;
  }
}

@keyframes filter-error {
  from {
    background-color: transparent;
  }
  to {
    background-color: #8da8ff;
  }
}
.Filter.colorAndSize {
  white-space: nowrap;
  border: 1px solid #B3B3B3;
  -webkit-border-radius: .2em;
          border-radius: .2em;
}
.Filter.colorAndSize .open .button {
  border-bottom: none;
}
.Filter.colorAndSize:not(.open) .button:first-child {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
}
.Filter.colorAndSize:not(.open) .button:last-child {
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
}
.Filter.colorAndSize .choose-size {
  display: none;
}
.Filter.colorAndSize.error {
  border-color: #5B76CF;
}
.Filter.colorAndSize.error .filter-button.size {
  color: #5B76CF;
}
.Filter.colorAndSize.error .Selector.size {
  -webkit-animation: filter-error 1s alternate 2;
     -moz-animation: filter-error 1s alternate 2;
          animation: filter-error 1s alternate 2;
}
.Filter.colorAndSize .open.Selector {
  display: block;
}
.Filter.colorAndSize .Selector {
  padding: 8px;
  line-height: 48px;
  text-align: center;
  white-space: nowrap;
  overflow: auto;
  display: none;
}
.Filter.colorAndSize .Selector .item {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
  background: none;
}
.Filter.colorAndSize .Selector.size {
  margin: 0;
}
.Filter.colorAndSize .Selector.size .item {
  margin: 0 1em;
  border: 0;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.Filter.colorAndSize .Selector.color {
  font-size: 40px;
}
.Filter.colorAndSize .Selector.color .item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 1em;
  border: 1px solid #cacaca;
  margin: 4px 10px 4px 3px;
  width: 1em;
}
.Filter.colorAndSize .Selector.color .active {
  border: 1px solid #00B2A5;
  -webkit-box-shadow: 0 0 3px 1px #00B2A5;
          box-shadow: 0 0 3px 1px #00B2A5;
}
.Filter.colorAndSize .Selector .department {
  display: block;
}
.Filter.colorAndSize .button {
  vertical-align: middle;
  border-bottom: 1px solid #B3B3B3;
}
.Filter.colorAndSize .button, .Filter.colorAndSize .button .label {
  line-height: 30px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Filter.colorAndSize .button.active {
  background-color: #fff;
  border-bottom: 0px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.Filter.colorAndSize .button:first-child {
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
}
.Filter.colorAndSize .button:last-child {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
}
.Filter.colorAndSize .button:not(:last-child) {
  border-right: 1px solid #B3B3B3;
}
.Filter.colorAndSize .button .preview, .Filter.colorAndSize .button .label {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
.Filter.colorAndSize .button .preview {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}
.Filter.colorAndSize .button.color {
  width: 50%;
  line-height: 100%;
}
.Filter.colorAndSize .button.color .label {
  margin-left: -40px;
  padding-left: 40px;
}
.Filter.colorAndSize .button.size {
  width: 50%;
  text-align: center;
}

.Selector.productType {
  position: relative;
}
.Selector.productType:before, .Selector.productType:after {
  display: inline;
  position: absolute;
  font-family: mobilemarketplace;
  top: 50%;
  z-index: 1;
  margin-top: -20px;
  font-size: 40px;
  line-height: 40px;
  color: #cbcbcb;
  color: rgba(200, 200, 200, 0.5);
  pointer-events: none;
}
.Selector.productType:not(.is-first):before {
  content: 'p';
  left: -45px;
}
.Selector.productType:not(.is-last):after {
  content: 'n';
  right: -45px;
}
.Selector.productType .carousel-item {
  position: relative;
  text-align: center;
}
.Selector.productType .carousel-item:after {
  position: absolute;
  top: 0px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  content: '';
  background-color: inherit;
}

.Selector.productType, .product-type-preview {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Selector.productType img, .product-type-preview img {
  position: relative;
  z-index: 1;
  display: block;
  height: auto;
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 525px) {
  .DetailBox.productView .product-type-container {
    height: 400px;
  }
}
@media screen and (max-width: 767px) {
  .DetailBox.buying-info .shippingTime {
    display: block;
  }
  .DetailBox.buying-info .button.favorite.bottom {
    margin-top: 1em;
    display: block;
    height: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .DetailBox.buying-info .button.addToBasket, .DetailBox.buying-info .button.favorite.bottom {
    display: block;
    line-height: 140%;
    height: auto;
    font-size: 1rem;
    vertical-align: top;
  }
  .DetailBox.buying-info .size.Selector.dropdown {
    width: 100%;
    border: 1px solid #22262D;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: .2em;
            border-radius: .2em;
  }
}
@media screen and (min-width: 1280px) {
  .DetailBox.buying-info .Selector.color {
    max-width: 440px;
  }
  .DetailBox.buying-info .Selector.size {
    padding: 0;
  }
  .DetailBox.buying-info .Selector.size .item {
    padding: 1em;
    min-width: .8em;
    min-height: .8em;
    line-height: 1em;
    font-size: 70%;
    margin: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    border: 1px solid #C2C2C2;
    margin-right: 5px;
    font-size: 80%;
    font-weight: 500;
  }
  .DetailBox.buying-info .Selector.size .item.button.active {
    background-color: #000;
    color: #fff;
  }
  .DetailBox.buying-info .button.addToBasket, .DetailBox.buying-info .button.favorite:not(.bottom) {
    display: inline-block;
    line-height: 140%;
    height: auto;
    font-size: 1rem;
    vertical-align: top;
  }
  .DetailBox.buying-info .button.addToBasket:before, .DetailBox.buying-info .button.addToBasket .Icon:before, .DetailBox.buying-info .button.favorite:not(.bottom):before, .DetailBox.buying-info .button.favorite:not(.bottom) .Icon:before {
    vertical-align: middle;
  }
  .DetailBox.buying-info .button.addToBasket {
    width: 53%;
    margin-right: 2%;
  }
  .DetailBox.buying-info .button.favorite {
    width: 45%;
  }
}
@media screen and (min-width: 768px) {
  .DetailBox .productTypeName {
    text-align: left;
  }
  .DetailBox .shippingTime {
    margin: 1em 0;
  }
  .DetailBox .size.Selector {
    margin: .8em 0 1.3em;
  }
  .DetailBox .colorAndSize {
    border: 0;
    position: relative;
  }
  .DetailBox .colorAndSize.error .Selector.size {
    -webkit-animation: none;
       -moz-animation: none;
            animation: none;
  }
  .DetailBox .colorAndSize.error .choose-size {
    display: inline;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: .5em;
    position: absolute;
    bottom: 0;
    left: -12em;
    color: red;
  }
  .DetailBox .colorAndSize.error .choose-size:after {
    content: '';
    width: 1em;
    position: absolute;
    right: -1.5em;
    border-left: 10px solid white;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
  }
  .DetailBox .colorAndSize.error .choose-size:before {
    content: '';
    width: 1em;
    position: absolute;
    right: -1.7em;
    top: .45em;
    border-left: 11px solid red;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
  }
  .DetailBox .colorAndSize .Selector {
    text-align: left;
    padding-left: 0;
    display: block;
  }
  .DetailBox .colorAndSize .Selector.color {
    white-space: normal;
    max-width: 350px;
  }
  .DetailBox .colorAndSize .Selector.color .item {
    height: .7em;
    width: .9em;
    margin-right: 5px;
    background-position: 50% 50%;
  }
  .DetailBox .buy .Price {
    font-size: 80%;
    padding-right: 1em;
  }
  .DetailBox .shippingTime {
    text-align: left;
  }
  .DetailBox .Selector .item.active {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .DetailBox .color.Selector {
    overflow: hidden;
  }
  .DetailBox .color.Selector .item.active:after {
    font-family: mobilemarketplace;
    content: '\e600';
    display: inline-block;
    color: #FFF;
    text-shadow: 0px 1px 3px #333;
    vertical-align: top;
    font-size: 70%;
    line-height: 100%;
  }
  .DetailBox .productName {
    font-size: 140%;
    margin-bottom: .8em;
  }
  .DetailBox .productTypeName {
    font-size: 100%;
    font-weight: normal;
  }
  .DetailBox .color.Selector {
    line-height: 36px;
  }

  .DetailBox.productView {
    width: 50%;
    margin-bottom: 0;
  }
  .DetailBox.productView .Preview.productType.inline {
    text-align: center;
    margin-top: 1em;
  }
  .DetailBox.productView .Preview.productType.inline .loading {
    -webkit-background-size: 100% 100%;
            background-size: 100%;
  }
  .DetailBox.productView .Preview.productType.inline .productType {
    padding: 0;
    margin: 0 .3em 1em;
    background: none;
    border: none;
    width: 60px;
    vertical-align: top;
    font-size: 80%;
  }
  .DetailBox.productView .Preview.productType.inline .loading {
    -webkit-background-size: 100% 100%;
            background-size: 100%;
  }
  .DetailBox.productView .Preview.productType.inline img {
    width: 50px;
    height: 50px;
    padding-bottom: 0;
    -webkit-background-size: 100% 100%;
            background-size: 100%;
  }
}
/**
!!!!
only add changes to layout here, that cannot be moved to widget scss!
**/
.Wrapper.layoutProductCentered {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.Wrapper.layoutProductCentered .Button.zoom {
  cursor: pointer;
}
.Wrapper.layoutProductCentered .Button.zoom:after {
  font-family: mobilemarketplace;
  content: "z";
}
.Wrapper.layoutProductCentered .favoriteAndShareButtons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: .75rem;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  line-height: 1.7;
  position: relative;
}
.Wrapper.layoutProductCentered .favoriteAndShareButtons .button:before {
  margin-right: .5rem;
}
.Wrapper.layoutProductCentered .favoriteAndShareButtons .button:hover {
  color: #191919;
  font-weight: bold;
}
.Wrapper.layoutProductCentered .favoriteAndShareButtons .button:hover:before {
  font-weight: normal;
}
.Wrapper.layoutProductCentered .favoriteAndShareButtons .button:active {
  color: black;
}
.Wrapper.layoutProductCentered .Wrapper.productDetails {
  background-color: white;
  -webkit-box-shadow: 0 -26px 26px -13px rgba(0, 0, 0, 0.07);
          box-shadow: 0 -26px 26px -13px rgba(0, 0, 0, 0.07);
  margin-top: 1rem;
  padding-top: 1.5em;
  padding-bottom: 4.5em;
  position: relative;
  z-index: 0;
}
.Wrapper.layoutProductCentered .vatRemark {
  font-size: .75rem;
  padding-bottom: 1rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .Wrapper.layoutProductCentered {
    background-color: #f2f2f2;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView {
    padding-top: 1rem;
    position: relative;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .DetailBox.productView {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding-right: 28%;
    margin-right: -28%;
    max-height: 550px;
    vertical-align: bottom;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews, .Wrapper.layoutProductCentered .Wrapper.productView .detailImage, .Wrapper.layoutProductCentered .Wrapper.productView .buyingBlock {
    display: inline-block;
    vertical-align: middle;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Button.zoom {
    display: inline-block;
    width: 68px;
    line-height: 1;
    text-align: center;
    vertical-align: top;
    font-size: 2.3em;
    margin-top: .3em;
    position: relative;
    z-index: 1;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews {
    width: 68px;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel {
    width: 68px;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel.buttonsHidden .NavigationButton {
    display: none;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel.buttonsHidden .Wrapper.scroll {
    margin: 0;
    padding: 0;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel:not(.buttonsHidden) .Wrapper.items {
    max-height: 240px;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel .NavigationButton {
    width: 100%;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel .Wrapper.scroll {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel .Wrapper.items {
    text-align: center;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel .Item {
    border: 1px solid #ccc;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
    padding: 0;
    padding-bottom: 64px;
    overflow: hidden;
    margin: 8px 0;
    width: 64px;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel .Item .loading {
    -webkit-background-size: 100% 100%;
            background-size: 100%;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel .Item.active {
    border: 2px solid #00B2A5;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel .Item:not(.active):hover {
    border: 1px solid #009E94;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel .Item:not(.active):active {
    border: 1px solid #00877E;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel .Item.montage picture {
    background-color: transparent;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViews .Carousel picture {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    margin: 0 auto;
    width: 100%;
    background-color: white;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Wrapper.productViewSidebar {
    display: inline-block;
    margin-top: 2em;
    text-align: left;
    vertical-align: top;
    width: 28%;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .buyingBlock {
    padding: 0;
    padding-right: 1px;
    width: 100%;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .favoriteAndShareButtons {
    margin-top: 1.3rem;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .Row.DetailBox, .Wrapper.layoutProductCentered .Wrapper.productView .detailImage {
    height: inherit;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .detailImage {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding-left: 68px;
    margin-left: -68px;
    position: static;
    text-align: center;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .detailImage .Wrapper.image {
    display: inline-block;
    width: 100%;
    max-width: 550px;
    line-height: 0;
    vertical-align: bottom;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .detailImage .inner {
    height: 0;
    padding-bottom: 100%;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .detailImage img {
    width: 100%;
    height: auto;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .detailImage img[src*=\/compositions\/] {
    padding: 1em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails {
    padding-top: 1rem;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails .DetailBox {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: inline-block;
    padding: 1rem 0;
    width: 100%;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails .DetailBox.buying-info {
    font-size: 90%;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails .DetailBox .Description.short {
    display: inline;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails .DetailBox .Price .value {
    display: block;
    margin-bottom: .4em;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails .DetailBox.description, .Wrapper.layoutProductCentered .Wrapper.productDetails .DetailBox.sizeInfo {
    width: 50%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .Wrapper.layoutProductCentered #designs-by-headline {
    margin: 2.5rem 0 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .Wrapper.layoutProductCentered {
    padding-top: 0;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails > .vatRemark {
    -webkit-box-ordinal-group: -5;
    -webkit-order: -6;
       -moz-box-ordinal-group: -5;
        -ms-flex-order: -6;
            order: -6;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails > .Preview.productType {
    -webkit-box-ordinal-group: -4;
    -webkit-order: -5;
       -moz-box-ordinal-group: -4;
        -ms-flex-order: -5;
            order: -5;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails > .usp {
    -webkit-box-ordinal-group: -3;
    -webkit-order: -4;
       -moz-box-ordinal-group: -3;
        -ms-flex-order: -4;
            order: -4;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails > .description {
    -webkit-box-ordinal-group: -2;
    -webkit-order: -3;
       -moz-box-ordinal-group: -2;
        -ms-flex-order: -3;
            order: -3;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails > .sizeInfo {
    -webkit-box-ordinal-group: -1;
    -webkit-order: -2;
       -moz-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
  }
  .Wrapper.layoutProductCentered .Wrapper.productDetails > .productReviews {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .Wrapper.layoutProductCentered .headline.h2 {
    font-size: 1rem;
  }
  .Wrapper.layoutProductCentered .Wrapper.productView .productView {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    background-color: #f2f2f2;
    margin: 4rem -1em 0;
    padding: 0 1em;
  }
  .Wrapper.layoutProductCentered .header {
    padding-top: 0;
  }
  .Wrapper.layoutProductCentered .Wrapper.carousel {
    line-height: 0;
  }
  .Wrapper.layoutProductCentered .Wrapper.carousel .Carousel.loading .Wrapper.scroll {
    height: 0;
    padding-bottom: 100%;
    margin-bottom: -20px;
  }
  .Wrapper.layoutProductCentered .Wrapper.carousel .Carousel.loading .Wrapper.items {
    visibility: hidden;
  }
  .Wrapper.layoutProductCentered .Wrapper.carousel .Wrapper.Image.preload {
    position: absolute;
    top: 0;
    right: 10px;
    left: 10px;
    bottom: 20px;
  }
  .Wrapper.layoutProductCentered .Wrapper.carousel .Wrapper.Image.preload .productImage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .Wrapper.layoutProductCentered .Wrapper.carousel .Wrapper.Image.preload .productImage img {
    width: 100%;
  }
  .Wrapper.layoutProductCentered .favoriteAndShareButtons {
    margin-top: .8rem;
  }
  .Wrapper.layoutProductCentered .Carousel.relatedProducts {
    margin-top: 1.5rem;
  }
}
.Wrapper.layoutProductCentered .DetailBox.productView {
  margin-bottom: 0;
  padding-bottom: 0;
}
.Wrapper.layoutProductCentered .DetailBox.designDetails, .Wrapper.layoutProductCentered .DetailBox.designsBy {
  width: 100%;
}
.Wrapper.layoutProductCentered .DetailBox .headline.largeFont {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  line-height: 1.2em;
  font-size: 1.5rem;
  margin: 2.5rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .Wrapper.layoutProductCentered .DetailBox .headline.largeFont {
    font-size: 1.75rem;
  }
}
.Wrapper.layoutProductCentered .DetailBox.headline {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .Wrapper.layoutProductCentered .DetailBox.headline {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 1.3em .5em 0;
    padding: 1em 0;
  }
}
.Wrapper.layoutProductCentered .DetailBox .overlay .content {
  -webkit-border-radius: 0;
          border-radius: 0;
}
.Wrapper.layoutProductCentered .DetailBox .productName {
  display: none;
}
@media screen and (max-width: 767px) {
  .Wrapper.layoutProductCentered .DetailBox.buyingBlock, .Wrapper.layoutProductCentered .DetailBox.productView {
    width: 100%;
  }
}
.Wrapper.layoutProductCentered .headline .customLink {
  text-decoration: none;
}
.Wrapper.layoutProductCentered .headline .customLink:before {
  content: " ";
  white-space: pre;
}
@media screen and (max-width: 767px) {
  .Wrapper.layoutProductCentered .productView {
    position: relative;
  }
  .Wrapper.layoutProductCentered .productView .Wrapper.buttons.product {
    position: absolute;
    right: 3%;
    bottom: 0.2em;
    display: inline-block;
    text-align: right;
  }
  .Wrapper.layoutProductCentered .productView .Wrapper.buttons.product :after, .Wrapper.layoutProductCentered .productView .Wrapper.buttons.product :before {
    font-size: 2rem;
  }
  .Wrapper.layoutProductCentered .productView .Wrapper.buttons.product .button, .Wrapper.layoutProductCentered .productView .Wrapper.buttons.product .Button {
    display: inline-block;
    padding: .5em;
  }
  .Wrapper.layoutProductCentered .productView .Button.zoom {
    position: relative;
    text-shadow: 1px 1px 5px #e8e8e8, 1px -1px 5px #e8e8e8, -1px 1px 5px #e8e8e8, -1px -1px 5px #e8e8e8;
    -webkit-transition: text-shadow .2s ease-in-out;
       -moz-transition: text-shadow .2s ease-in-out;
            transition: text-shadow .2s ease-in-out;
  }
  .Wrapper.layoutProductCentered .productView .Button.zoom:hover {
    text-shadow: 1px 1px 5px white, 1px -1px 5px white, -1px 1px 5px white, -1px -1px 5px white;
  }
  .Wrapper.layoutProductCentered .productView .Button.zoom:after {
    display: inline-block;
    font-size: 2.5em;
  }
}
@media screen and (max-width: 767px) {
  .Wrapper.layoutProductCentered .productView .Sharing .sharingOverlay.open {
    height: 3rem;
  }
}

@media screen and (max-width: 767px) {
  #sprd-main:not(.cookieBanner) .Wrapper.layoutProductCentered.stickyAddToBasket .Wrapper.productView .Wrapper.productViewSidebar .header {
    padding-top: 0.2em;
    margin-bottom: 0.2em;
  }
  #sprd-main:not(.cookieBanner) .Wrapper.layoutProductCentered.stickyAddToBasket .Wrapper.productDetails .DetailBox.productType {
    margin-top: 0;
  }
  #sprd-main:not(.cookieBanner) .Wrapper.layoutProductCentered.stickyAddToBasket .favoriteAndShareButtons {
    margin-top: 0;
  }
}
.socialMediaIcon:before {
  font-family: mobilemarketplace;
}
.socialMediaIcon.behance:before {
  content: "";
}
.socialMediaIcon.deviantart:before {
  content: "";
}
.socialMediaIcon.facebook:before {
  content: "";
}
.socialMediaIcon.googleplus:before {
  content: "";
}
.socialMediaIcon.instagram:before {
  content: "";
}
.socialMediaIcon.pinterest:before {
  content: "";
}
.socialMediaIcon.tumblr:before {
  content: "";
}
.socialMediaIcon.twitch:before {
  content: "";
}
.socialMediaIcon.twitter:before {
  content: "";
}
.socialMediaIcon.vimeo:before {
  content: "";
}
.socialMediaIcon.youtube:before {
  content: "";
}
.socialMediaIcon.custom:before {
  content: "";
}

.socialMediaIcon.hoverColor.behance:hover {
  color: #1769FF;
}
.socialMediaIcon.hoverColor.behance:active {
  color: #0050e3;
}
.socialMediaIcon.hoverColor.deviantart:hover {
  color: #01D13C;
}
.socialMediaIcon.hoverColor.deviantart:active {
  color: #019e2d;
}
.socialMediaIcon.hoverColor.facebook:hover {
  color: #3B5998;
}
.socialMediaIcon.hoverColor.facebook:active {
  color: #2d4373;
}
.socialMediaIcon.hoverColor.googleplus:hover {
  color: #DD5044;
}
.socialMediaIcon.hoverColor.googleplus:active {
  color: #c93225;
}
.socialMediaIcon.hoverColor.instagram:hover {
  color: #000000;
}
.socialMediaIcon.hoverColor.instagram:active {
  color: black;
}
.socialMediaIcon.hoverColor.pinterest:hover {
  color: #BD081C;
}
.socialMediaIcon.hoverColor.pinterest:active {
  color: #8c0615;
}
.socialMediaIcon.hoverColor.tumblr:hover {
  color: #36465D;
}
.socialMediaIcon.hoverColor.tumblr:active {
  color: #232e3d;
}
.socialMediaIcon.hoverColor.twitch:hover {
  color: #6441A4;
}
.socialMediaIcon.hoverColor.twitch:active {
  color: #4e337f;
}
.socialMediaIcon.hoverColor.twitter:hover {
  color: #55ACEE;
}
.socialMediaIcon.hoverColor.twitter:active {
  color: #2795e9;
}
.socialMediaIcon.hoverColor.vimeo:hover {
  color: #1AB7EA;
}
.socialMediaIcon.hoverColor.vimeo:active {
  color: #1295bf;
}
.socialMediaIcon.hoverColor.youtube:hover {
  color: #E62117;
}
.socialMediaIcon.hoverColor.youtube:active {
  color: #b81a12;
}
.socialMediaIcon.hoverColor.custom:hover {
  color: #00B2A5;
}
.socialMediaIcon.hoverColor.custom:active {
  color: #007f76;
}

.socialMediaIcon.hoverColorBg.behance:hover {
  background-color: #1769FF;
}
.socialMediaIcon.hoverColorBg.behance:active {
  background-color: #0050e3;
}
.socialMediaIcon.hoverColorBg.deviantart:hover {
  background-color: #01D13C;
}
.socialMediaIcon.hoverColorBg.deviantart:active {
  background-color: #019e2d;
}
.socialMediaIcon.hoverColorBg.facebook:hover {
  background-color: #3B5998;
}
.socialMediaIcon.hoverColorBg.facebook:active {
  background-color: #2d4373;
}
.socialMediaIcon.hoverColorBg.googleplus:hover {
  background-color: #DD5044;
}
.socialMediaIcon.hoverColorBg.googleplus:active {
  background-color: #c93225;
}
.socialMediaIcon.hoverColorBg.instagram:hover {
  background-color: #000000;
}
.socialMediaIcon.hoverColorBg.instagram:active {
  background-color: black;
}
.socialMediaIcon.hoverColorBg.pinterest:hover {
  background-color: #BD081C;
}
.socialMediaIcon.hoverColorBg.pinterest:active {
  background-color: #8c0615;
}
.socialMediaIcon.hoverColorBg.tumblr:hover {
  background-color: #36465D;
}
.socialMediaIcon.hoverColorBg.tumblr:active {
  background-color: #232e3d;
}
.socialMediaIcon.hoverColorBg.twitch:hover {
  background-color: #6441A4;
}
.socialMediaIcon.hoverColorBg.twitch:active {
  background-color: #4e337f;
}
.socialMediaIcon.hoverColorBg.twitter:hover {
  background-color: #55ACEE;
}
.socialMediaIcon.hoverColorBg.twitter:active {
  background-color: #2795e9;
}
.socialMediaIcon.hoverColorBg.vimeo:hover {
  background-color: #1AB7EA;
}
.socialMediaIcon.hoverColorBg.vimeo:active {
  background-color: #1295bf;
}
.socialMediaIcon.hoverColorBg.youtube:hover {
  background-color: #E62117;
}
.socialMediaIcon.hoverColorBg.youtube:active {
  background-color: #b81a12;
}
.socialMediaIcon.hoverColorBg.custom:hover {
  background-color: #00B2A5;
}
.socialMediaIcon.hoverColorBg.custom:active {
  background-color: #007f76;
}

.social-sharing {
  white-space: nowrap;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  display: none;
  border: 1px solid #ddd;
  position: fixed;
  width: 99%;
  padding: 0 5px 5px 5px;
  bottom: -1px;
  background-color: white;
  margin-left: -12px;
  height: auto;
  z-index: 10;
}

.social-sharing-wrapper {
  color: white;
  display: inline-block;
  width: 20%;
  text-align: center;
  cursor: pointer;
  padding: 5px 0 2.6px 0;
  line-height: 0;
  vertical-align: middle;
}

.mail {
  display: inline-block;
}

.fblike {
  border-left: #ddd;
}

.social-sharing-item {
  font-weight: normal;
  display: inline-block;
  min-height: 44px;
  min-width: 94%;
  -webkit-border-radius: 3px;
          border-radius: 3px;
  line-height: 1.4;
  margin-top: -5px;
  position: relative;
  font-family: mobilemarketplace;
  font-size: 35px;
}
.mobile-sharing .social-sharing-item {
  display: block;
  min-width: auto;
  min-height: auto;
  height: 2.5rem;
  width: 2.5rem;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  margin: 0 auto 0.375rem;
  font-size: 1.75rem;
  line-height: 2.5rem;
}

a.social-sharing-item {
  color: white;
}

.social-sharing-item.facebook {
  background-color: #3b5998;
}

.social-sharing-item.twitter {
  background-color: #00aced;
}

.social-sharing-item.whatsapp {
  background-color: #4dc247;
}

.social-sharing-item.googleplus {
  background-color: #dd4b39;
}

.social-sharing-item.pinterest {
  background-color: #cb2027;
}

.social-sharing-item.mail {
  background-color: #00b2a5;
  line-height: 44px;
  padding: 2.6px 0;
  font-size: 28px;
}
.mobile-sharing .social-sharing-item.mail {
  line-height: 2.5rem;
  padding: 0;
  font-size: 1.75rem;
}

.social-sharing-channel {
  color: #333;
}

html:not(.touch) .social-sharing-item.twitter:after {
  left: -41px;
}
html:not(.touch) .social-sharing-item.pinterest:after {
  left: -46px;
}
html:not(.touch) .social-sharing-item.mail:after {
  left: -30px;
  line-height: 1;
}
html:not(.touch) .social-sharing-item:before {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  content: "";
  position: absolute;
  border-top: 21px solid #555;
  border-left: 21px solid transparent;
  border-right: 21px solid transparent;
  visibility: hidden;
  top: -23px;
  left: -3px;
}
html:not(.touch) .social-sharing-item:after {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  position: absolute;
  content: attr(title);
  color: #FFF;
  top: -32px;
  left: -48px;
  background: #555;
  padding: 5px 7px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  white-space: nowrap;
  visibility: hidden;
}
html:not(.touch) .social-sharing-item:hover:before, html:not(.touch) .social-sharing-item:hover:after {
  visibility: visible;
  -moz-transition: visibility 0s linear .3s;
}
html .touch .social-sharing-item:before, html .touch .social-sharing-item:after {
  display: none;
}
html .touch .social-sharing-item:hover:before, html .touch .social-sharing-item:hover:after {
  display: none;
}
@media screen and (min-width: 350px) {
  .social-sharing-wrapper {
    padding: 11px 0 2.6px 0;
  }
}
@media screen and (max-width: 350px) {
  .social-sharing-wrapper {
    width: 20%;
  }

  .social-sharing-item {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .social-sharing {
    position: relative;
    display: block;
    white-space: nowrap;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px;
    margin: 3px 0 0 0;
    text-align: center;
    color: #333;
  }

  .social-sharing-wrapper {
    width: 14%;
  }

  .social-sharing-item {
    font-weight: normal;
    display: inline-block;
    min-height: 32px;
    min-width: 32px;
    margin-top: -5px;
    position: relative;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    font-family: mobilemarketplace;
    font-size: 35px;
    line-height: 1;
  }

  .mail {
    display: inline-block;
  }

  .social-sharing-item.mail {
    background-color: #00b2a5;
    line-height: 35px;
    padding: 0 1.5px;
    font-size: 28px;
  }

  html:not(.touch) .social-sharing-item.googleplus:after {
    left: -49px;
  }
  html:not(.touch) .social-sharing-item.pinterest:after {
    left: -44px;
  }
  html:not(.touch) .social-sharing-item.facebook:after {
    left: -47px;
  }
  html:not(.touch) .social-sharing-item:before {
    left: -5px;
  }
  html:not(.touch) .social-sharing-item:after {
    left: -39px;
  }
}
@media screen and (min-width: 768px) {
  .social-sharing-wrapper.whatsapp {
    display: none;
  }
}
.product-type-preview-selector .custom-carousel-scroller {
  padding-bottom: 1em;
}
.product-type-preview-selector .custom-indicator-main {
  -webkit-border-bottom-left-radius: 10px;
          border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
          border-bottom-right-radius: 10px;
}

.montage {
  -webkit-background-size: contain;
          background-size: contain;
}

@media screen and (max-width: 767px) {
  #tablomat {
    -webkit-transform: scale(0.7);
    -webkit-transform-origin: 0 0;
    width: 143%;
    height: 143%;
  }
}
@media screen and (max-width: 1279px) and (min-width: 768px) {
  #tablomat {
    -webkit-transform: scale(1);
    -webkit-transform-origin: 0 0;
    width: 100%;
    height: 100%;
  }
}
.scroll-container {
  position: relative;
  overflow: hidden;
}

#sprd-main {
  z-index: 0;
  position: relative;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
}
.active .SprdHeader {
  z-index: 2;
}

.search-overlay {
  display: none;
  position: absolute;
  background-color: #eee;
  opacity: .5;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.search-overlay.active {
  display: block;
}

.SprdMain.loading:not(.listLoading) {
  height: 100%;
  overflow: hidden;
}
.SprdMain.loading:not(.listLoading) .Loader {
  display: block;
  margin-top: 3em;
}
.SprdMain.loading:not(.listLoading) .ShowroomHeader .showroomBanner {
  display: none;
}
.SprdMain.loading.listLoading .TileList.articles {
  position: relative;
}
.SprdMain.loading.listLoading .TileList.articles .Loader {
  display: block;
}
@media screen and (min-width: 768px) {
  .SprdMain.loading.listLoading .TileList.articles .Loader {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .SprdMain.loading.listLoading .Loader .front, .SprdMain.loading.listLoading .Loader .back {
    max-height: 200px;
  }
}
.overlay.loading .Loader {
  display: block;
}

.loadable.loading {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/loader_circle.gif);
}

/*change loader background*/
.Loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 30;
  display: none;
  pointer-events: none;
  min-height: 70vh;
  overflow: hidden;
  background-color: #fff;
  background-position: center;
}
.Loader .loader-background {
  fill: #fff;
}
.Loader .lovetab {
  display: block;
  width: 120px;
  height: 120px;
  margin: auto;
  margin-top: 200px;
  -webkit-animation: pulse2 1s ease-in-out infinite;
  -moz-animation: pulse2 1s ease-in-out infinite;
  animation: pulse2 1s ease-in-out infinite;
  -webkit-animation-direction: alternate;
     -moz-animation-direction: alternate;
          animation-direction: alternate;
}

@media screen and (min-width: 768px) {
  .TileList .Loader {
    width: auto;
  }
}
@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse2 {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse2 {
  0% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.Wrapper.menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 80%;
  z-index: 5;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  pointer-events: none;
}
.Wrapper.menu > * {
  pointer-events: all;
}
.Wrapper.menu.navigationSpace {
  margin-top: 60px;
}

.SideMenu {
  height: 100%;
  width: 100%;
  z-index: 2;
  background: #ffffff;
  -webkit-transform: translate(-100%, 0);
     -moz-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
     -moz-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-transition-duration: .2s;
     -moz-transition-duration: .2s;
          transition-duration: .2s;
  -webkit-transform-origin: left top;
     -moz-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.SideMenu a {
  color: #333;
}
.sideMenuOpen .SideMenu {
  -webkit-transform: translate(0, 0);
     -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 2;
}
.SideMenu.swipe {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}
.SideMenu .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: auto;
  height: 100%;
  width: 100%;
}
.SideMenu .items {
  font-size: 100%;
  line-height: 2.5;
  padding: 0 .7em;
}
.SideMenu .items .item {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.SideMenu .items .item.large {
  font-size: 130%;
  font-family: "Montserrat", sans-serif, sans-serif;
}
.SideMenu .items .item:not(:first-child) {
  border-top: 1px solid #ddd;
}
.SideMenu .items .item:before {
  font-family: mobilemarketplace;
}
.SideMenu .items .item .indicator {
  font-size: .7em;
  pointer-events: none;
  font-weight: 700;
  position: relative;
  z-index: 0;
  line-height: 1;
  padding: .25em .5em;
  -webkit-border-radius: 10em;
          border-radius: 10em;
  margin-left: auto;
}
.SideMenu .items .item .Icon {
  margin-right: .5em;
}
.SideMenu .items .item .Icon:before {
  font-size: 140%;
}
.SideMenu .items .item .Icon.wishlist:before {
  content: "";
}
.SideMenu .items .item .Icon.basket:before {
  content: "c";
}
.SideMenu .items .item .Icon.help {
  text-align: center;
  line-height: 3.45;
}
.SideMenu .items .item .Icon.help:before {
  display: inline-block;
  content: "?";
  font-size: 100%;
  line-height: 1;
  width: 1em;
  height: 1em;
  padding: .13em;
  font-weight: bold;
  background: #999;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  color: #f9f9f9;
}
.SideMenu .MenuFooter {
  margin-top: auto;
}
.SideMenu .MenuFooter .icon-love-tab {
  float: none;
}
.SideMenu .Wrapper.buttons {
  padding: 0 2em;
  margin: 2em 0 1em;
}
.SideMenu .Wrapper.buttons .button {
  width: 100%;
}
.SideMenu .Wrapper.buttons.logout .username, .SideMenu .Wrapper.buttons.logout .title {
  color: #413231;
}
.SideMenu .Wrapper.buttons.logout .username {
  font-weight: bold;
}
.SideMenu .Wrapper.buttons.logout .button {
  margin-top: 1em;
}
.SideMenu .Wrapper.service {
  text-align: center;
  margin-bottom: 1em;
  font-size: 90%;
  line-height: 1;
}
.SideMenu .Wrapper.service a {
  color: #999;
  text-decoration: none;
}
.SideMenu .Wrapper.service .icon-mm {
  font-size: 170%;
  vertical-align: middle;
}
.SideMenu .Wrapper.service .phone {
  font-weight: bold;
  vertical-align: middle;
}

.hasNotification {
  position: relative;
  z-index: 12 !important;
}

.Notification {
  -webkit-transition: all 1s ease-in;
     -moz-transition: all 1s ease-in;
          transition: all 1s ease-in;
  position: absolute;
  width: 400px;
  opacity: 1;
  top: 100%;
  right: -.2em;
  z-index: 6;
  white-space: normal;
  line-height: 1.45;
  background-color: #5B76CF;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  position: absolute;
}
.Notification.hidden {
  z-index: -1;
  display: block !important;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .Notification {
    top: 109%;
    width: 300px;
  }
  .Notification.search-notification {
    width: 250px;
  }
}
@media screen and (max-width: 1279px) {
  .Notification.login-notification {
    width: 100%;
    right: 0;
    top: 100%;
  }
  .Notification.login-notification:before {
    display: none;
  }
}
.Notification .label {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 10px 50px 10px 20px;
  line-height: 1.45;
  text-align: left;
}
.Notification:before {
  content: '';
  position: absolute;
  bottom: -.4em;
  right: 1em;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 1em;
  height: 1em;
  background: #5B76CF;
}
.Notification:before {
  bottom: 90%;
  bottom: -webkit-calc(100% - .55em);
  bottom: -moz-calc(100% - .55em);
  bottom: calc(100% - .55em);
}
.collapsible .toggle {
  cursor: pointer;
}
.collapsible .toggle:after {
  font-family: mobilemarketplace;
  font-size: 1.5em;
  vertical-align: bottom;
}
.collapsible .inner {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .4s;
     -moz-transition: max-height .4s;
          transition: max-height .4s;
}
.collapsible.open > .toggle:after {
  content: "v";
}
.collapsible.open > .inner {
  max-height: none;
  overflow: visible;
}
.collapsible:not(.open) > .toggle:after {
  content: "u";
}
@media screen and (min-width: 768px) {
  .collapsible.collapseMobile > .toggle {
    display: none !important;
  }
  .collapsible.collapseMobile:not(.open) > .inner {
    max-height: none !important;
    overflow: visible;
  }
}
@media screen and (max-width: 767px) {
  .collapsible.collapseLarge > .toggle {
    display: none !important;
  }
  .collapsible.collapseLarge:not(.open) > .inner {
    max-height: none !important;
    overflow: visible;
  }
}
.collapsible.filterText > .toggle:after {
  font-size: 1.5rem;
}

.collapsible.panel > .toggle {
  font-weight: bold;
}

.collapsible.section {
  border-bottom: 1px solid #ddd;
  display: block;
  width: 100%;
}
.collapsible.section .head {
  cursor: pointer;
  position: relative;
}
.collapsible.section .head > .expand {
  position: absolute;
  top: 0;
  right: 0;
}
.collapsible.section .head > .label {
  position: absolute;
  top: 0;
  right: 2.3em;
  text-align: right;
}
.collapsible.section > .inner > :last-child {
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .collapsible.section .head > .title {
    font-size: 1rem;
    margin: 1rem 0;
    min-height: 1.188rem;
  }
}
@media screen and (min-width: 768px) {
  .collapsible.section.collapseMobile {
    border-bottom: none;
  }
  .collapsible.section.collapseMobile .head > .label {
    display: block;
    position: relative;
    right: auto;
    text-align: left;
  }
  .collapsible.section.collapseMobile .head > .expand {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .collapsible.section.collapseLarge {
    border-bottom: none;
  }
  .collapsible.section.collapseLarge .head > .label {
    display: block;
    position: relative;
    right: auto;
    text-align: left;
  }
  .collapsible.section.collapseLarge .head > .expand {
    display: none;
  }
}

.collapsible.text > .inner {
  display: block;
  padding: 0;
  width: 100%;
}
.collapsible.text.off > .inner {
  max-height: none !important;
}
.collapsible.text.off > .toggle {
  display: none;
}
.collapsible.text#seoTextBottom .toggle,
.collapsible.text > .toggle {
  color: #00B2A5;
  display: inline-block;
}
.collapsible.text:not(.open) > .inner.faded {
  position: relative;
}
.collapsible.text:not(.open) > .inner.faded:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0));
  background-image: -moz- oldlinear-gradient(bottom, white, rgba(255, 255, 255, 0));
  background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
  content: '';
  height: 2em;
  pointer-events: none;
  z-index: 1;
}

input::-ms-clear {
  display: none;
}

textarea, .textInput {
  border: 1px solid #ccc;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-family: "Roboto", sans-serif;
  padding: .75rem 1.5rem .75rem .625rem;
}
textarea:hover, .textInput:hover {
  border: 1px solid #009E94;
}
textarea:focus, .textInput:focus {
  border: 1px solid #00B2A5;
}

.form-row {
  width: 100%;
  position: relative;
  text-align: left;
}
.form-row .textInput {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.form-row .textInput:valid + .validation-hint:after {
  font-family: mobilemarketplace;
  content: "\e600";
  color: #00B2A5;
}
.form-row .label-placeholder {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  font-size: 0.75rem;
  line-height: 1.4em;
  color: #999;
  display: inline-block;
  margin-left: 6px;
  padding: 0 2%;
  position: relative;
  top: .6rem;
  visibility: hidden;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .form-row .label-placeholder {
    font-size: 0.875rem;
  }
}
.form-row .label-placeholder:before {
  background-color: #fff;
  content: " ";
  height: 50%;
  position: absolute;
  top: 55%;
  left: .2rem;
  width: 100%;
  z-index: -1;
}
.form-row.focused .label-placeholder {
  visibility: visible;
}
.form-row .validation-hint {
  font-size: 150%;
  position: absolute;
  right: .6em;
  top: -webkit-calc(50% - 4px);
  top: -moz-calc(50% - 4px);
  top: calc(50% - 4px);
}
.form-row :focus::-webkit-input-placeholder {
  color: transparent;
}
.form-row :focus::-moz-placeholder {
  color: transparent;
}
.form-row :focus:-moz-placeholder {
  color: transparent;
}
.form-row :focus:-ms-input-placeholder {
  color: transparent;
}
.form-row .message {
  color: #666;
  font-size: 0.75rem;
}
.form-row.error .textInput,
.form-row.error textarea {
  border-color: #cc395b;
}
.form-row.error .message {
  color: #cc395b;
}
.form-row:not(.error):not(.showHint) .message {
  display: none;
}

.form__field {
  position: relative;
}
.form__field--switch .form__input {
  display: none;
}
.form__switch {
  position: relative;
  width: 3.75rem;
  height: 1.5rem;
  background-color: #808080;
  -webkit-border-radius: 75rem;
          border-radius: 75rem;
  cursor: pointer;
  -webkit-transition: background-color .15s ease-out;
     -moz-transition: background-color .15s ease-out;
          transition: background-color .15s ease-out;
}
.form__input:checked + .form__switch {
  background-color: #00B2A5;
}
.form__switch:before {
  content: "";
  position: relative;
  display: block;
  top: -0.25rem;
  width: 2rem;
  height: 2rem;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-transition: -webkit-transform .15s ease-out;
     -moz-transition: -moz-transform .15s ease-out;
          transition: transform .15s ease-out;
}
.form__input:checked + .form__switch:before {
  -webkit-transform: translateX(1.75rem);
     -moz-transform: translateX(1.75rem);
      -ms-transform: translateX(1.75rem);
          transform: translateX(1.75rem);
}
.form__switch:after {
  position: absolute;
  top: 0;
  right: 0.313rem;
  content: "x";
  font: 1.375rem/1.5rem mobilemarketplace;
  color: #fff;
}
.form__input:checked + .form__switch:after {
  content: "";
  right: auto;
  left: 0.375rem;
}

.overlay, .overlay .background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.overlay {
  position: fixed;
  overflow: hidden;
  z-index: 30;
}
.overlay:not(.show) {
  display: none;
}
.overlay .background {
  position: absolute;
  background-color: #333;
}
.overlay.lightbox .Wrapper .content {
  position: absolute;
  padding: 0.5em 4em;
  top: 2.5em;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 80%;
}
.overlay.fullscreen .Wrapper.content {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: none;
}
.overlay.bottom .Wrapper.content {
  overflow: visible;
  height: auto;
  text-align: center;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.overlay.bottom .close {
  color: white;
  top: -1.75rem;
}
.overlay .Wrapper.content {
  position: absolute;
  top: 2%;
  right: 2%;
  bottom: 2%;
  left: 2%;
  background-color: #fff;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.overlay .Wrapper.content .lightbox-header h2 {
  margin: 1em 1.5em .5em 1.5em;
  text-align: center;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 110%;
  padding: 0 1em;
}
.overlay .Wrapper.content > .content {
  padding: .5em 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch !important;
}
.overlay .Wrapper.content > .content .productType.DetailBox {
  width: 100%;
}
.overlay .close {
  font-family: mobilemarketplace;
  font-size: 2rem;
  position: absolute;
  right: 0;
  top: .25rem;
  z-index: 40;
  cursor: pointer;
}
.overlay .close:after {
  content: 'x';
}
.overlay .background {
  opacity: 0.7;
}
.overlay .loading {
  position: relative;
}
.overlay .loading *:not(.Loader) {
  visibility: hidden;
}
.overlay .loading .Loader {
  display: block;
}
.overlay .loading .Loader, .overlay .loading .Loader * {
  visibility: visible;
}
.overlay.product-type-preview .lightbox-content {
  overflow: hidden;
}
.overlay.product-type-preview .lightbox-body {
  position: static;
}

.overlay.overlayCarousel .Wrapper.content {
  -webkit-border-radius: 0;
          border-radius: 0;
  padding: 1.4em;
}

/*@at-root .SprdMain:not(.hasPromo) {
    .overlayView {
        margin-top: $headerHeight;
    }
}*/
@media screen and (min-width: 768px) {
  .overlay .Wrapper.content {
    top: 5%;
    right: 5%;
    bottom: 5%;
    left: 5%;
  }

  .overlay.overlayCarousel .Wrapper.content {
    top: 15%;
    right: 5%;
    bottom: auto;
    left: 5%;
  }
}
@media screen and (min-width: 1280px) {
  .overlay .Wrapper.content {
    top: 5%;
    right: 15%;
    bottom: 10%;
    left: 15%;
  }

  .overlay.overlayCarousel .Wrapper.content {
    top: 30%;
    right: 15%;
    bottom: auto;
    left: 15%;
  }

  .overlay.overlayCarousel .Wrapper.content .content {
    padding-left: 5em;
    padding-right: 5em;
  }
}
@media screen and (min-width: 1200px) {
  .overlay .Wrapper.content {
    max-width: 1000px;
    margin: 0 auto;
  }
}
.Footer {
  width: 100%;
  border-top: 1px solid #ccc;
  /* seems to make more trouble than it helps - delete this part if really not needed
  @media screen and (max-width: $maxWidthMobile){
      z-index: -1;
  }*/
}
.Footer .trustedFooter {
  background-color: #f2f2f2;
  text-align: center;
  color: #575757;
  border-bottom: 1px solid #ccc;
}
.Footer .trustedFooter .customlink {
  color: #575757;
}
.Footer .trustedFooter #return-policy-desktop-footer {
  display: none;
}
.Footer .trustedFooter .returnPolicyFooter {
  display: block;
  border-bottom: 1px solid #b2b2b2;
  padding: 20px 0;
}
.Footer .trustedFooter .returnPolicyFooter .shippingTime {
  margin-bottom: 15px;
}
.Footer .trustedFooter .trustedFooterPanel {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
  font-family: mobilemarketplace;
}
.Footer .trustedFooter .shippingFooter {
  border-bottom: 1px solid #b2b2b2;
  font-size: 38px;
  line-height: 1.5;
}
.Footer .trustedFooter .paymentFooter {
  font-size: 30px;
  line-height: 1.5;
}
.Footer .trustedFooter .trustedFooterItem {
  display: inline-block;
  padding: 7px;
}
.Footer .item {
  display: block;
  text-align: center;
  padding: 10px 0;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  line-height: 200%;
  cursor: pointer;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.Footer .item:first-child {
  border-top: 1px solid #ccc;
}
@media screen and (min-width: 400px) {
  .Footer .trustedFooter .trustedFooterPanel {
    width: 50%;
    top: 50%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .Footer .trustedFooter .shippingFooter {
    border-bottom: none;
    border-right: 1px solid #ccc;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .Footer .item {
    display: inline-block;
    width: 50%;
    border-bottom: 1px solid #ccc;
    border-top: none;
    padding: 5px 0;
  }
  .Footer .item:nth-child(even) {
    border-right: 1px solid #ccc;
  }
  .Footer .item:first-child {
    border-top: none;
  }
}
@media screen and (min-width: 738px) {
  .Footer {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
    text-align: center;
  }
  .Footer .trustedFooter #return-policy-mobile-footer {
    display: none;
  }
  .Footer .trustedFooter #return-policy-desktop-footer {
    display: inline-block;
  }
  .Footer .trustedFooter .returnPolicyFooter {
    display: inline-block;
    border-bottom: none;
    width: 30%;
    top: 50%;
    vertical-align: middle;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .Footer .trustedFooter .returnPolicyFooter .shippingTime {
    margin-bottom: 5px;
  }
  .Footer .trustedFooter .trustedFooterPanel {
    width: 35%;
    top: 50%;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .Footer .trustedFooter .shippingFooter {
    border: none;
    font-size: 35px;
  }
  .Footer .item {
    width: auto;
    border-bottom: 0;
    padding: 5px 10px;
    font-size: 90%;
    border-right: 1px solid #ccc;
  }
  .Footer .item:last-child {
    border-right: 0;
  }
}

.dialog {
  text-align: center;
}
.dialog:before {
  display: inline-block;
  content: '';
  height: 100%;
  vertical-align: middle;
}
.dialog .background {
  opacity: 0.7;
}
.dialog .Wrapper.content {
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background-color: #fff;
  min-width: 200px;
  max-width: 90%;
  padding: 24px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-shadow: 0 0 5px #404040;
          box-shadow: 0 0 5px #404040;
  bottom: auto;
  left: auto;
  right: auto;
}
.dialog .dialog-title {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 130%;
}
.dialog .dialog-title.delete {
  font-size: 1.75rem;
}
.dialog .dialog-title.delete:before {
  content: "d";
  display: block;
  font: 2rem/5rem mobilemarketplace;
  height: 4.5rem;
  margin-top: -1rem;
}
.dialog .dialog-message {
  text-align: center;
  margin: 1.5em 0;
}
.dialog .dialog-buttons .button {
  display: inline-block;
}

.overlay.dialog.geoRedirect .Wrapper.content .content .dialog-message, .overlay.dialog.geoRedirect .Wrapper.content .content .dialog-title {
  font-family: "Montserrat", sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  margin: 1em 0 0;
}
.overlay.dialog.geoRedirect .Wrapper.content .content .dialog-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.overlay.dialog.geoRedirect .Wrapper.content .content .dialog-buttons .flagButton {
  display: block;
  text-align: center;
}
.overlay.dialog.geoRedirect .Wrapper.content .content .dialog-buttons .flagButton .bigFlag {
  border: 1px solid #d9d9d9;
  cursor: pointer;
  display: block;
  margin: 0 auto 0.8em;
}
.overlay.dialog.geoRedirect .Wrapper.content .content .dialog-buttons .flagButton .bigFlag:hover + .redirectLink {
  text-decoration: underline;
}
.overlay.dialog.geoRedirect .Wrapper.content .content .dialog-buttons .flagButton {
  padding: 1.5em 0 1.5em;
}
.overlay.dialog.geoRedirect .Wrapper.content .content .dialog-buttons .flagButton:first-child {
  border-bottom: #d9d9d9 1px solid;
}
.overlay.dialog.geoRedirect .Wrapper.content .content .dialog-buttons .bigFlag {
  height: 60px;
  width: auto;
}
@media (min-width: 600px) {
  .overlay.dialog.geoRedirect .Wrapper.content .content .dialog-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 2.5em;
  }
  .overlay.dialog.geoRedirect .Wrapper.content .content .dialog-buttons .flagButton {
    padding: 0 3.5em 0;
  }
  .overlay.dialog.geoRedirect .Wrapper.content .content .dialog-buttons .flagButton:first-child {
    border-right: #d9d9d9 1px solid;
    border-bottom: 0;
  }
}

.overlay.dialog.uploadError .Wrapper.content {
  max-width: 50%;
}
.overlay.dialog.uploadError .Wrapper.content > .content {
  padding-top: 2em;
}

@media (min-width: 768px) {
  .overlay.dialog .dialog-buttons .button:first-child {
    margin-right: .5em;
  }
  .overlay.dialog .dialog-buttons .button:last-child {
    margin-left: .5em;
  }
}
.pt-size-table {
  display: inline-table;
  white-space: nowrap;
}
.pt-size-table.vertical tr {
  text-align: right;
}
.pt-size-table.vertical tr:first-child {
  color: #b9155a;
  font-weight: bold;
}
.pt-size-table.vertical tr:first-child td.second-header-column {
  color: #176fb2;
}
.pt-size-table.vertical tr.even {
  background: #eee;
}
.pt-size-table.vertical tr td:first-child {
  min-width: 1em;
  color: inherit;
}
.pt-size-table.vertical tr td {
  display: inline-block;
  min-width: 4em;
}
.pt-size-table.horizontal {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  font-size: 0.625rem;
  line-height: 1.25em;
  vertical-align: bottom;
  border-spacing: 0;
}
@media screen and (min-width: 768px) {
  .pt-size-table.horizontal {
    font-size: 0.75rem;
  }
}
.pt-size-table.horizontal tr {
  text-align: left;
  background: #b3b3b3;
}
.pt-size-table.horizontal tr:first-child {
  color: #413231;
}
.pt-size-table.horizontal tr.table-head {
  background-color: #fff;
  font-weight: normal;
  white-space: normal;
}
.pt-size-table.horizontal tr.even {
  background: #cccccc;
}
.pt-size-table.horizontal tr td {
  display: table-cell;
  padding: 1.2em 0.5em;
  min-width: 1em;
}

.mail-form-lightbox .lightbox-content-wrapper {
  top: 0;
  padding: .5em;
}
.mail-form-lightbox .lightbox-content-wrapper #required-hint {
  color: #bbb;
  font-style: italic;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 1em;
}
.mail-form-lightbox .lightbox-content-wrapper .chars-left {
  text-align: right;
}
.mail-form-lightbox .lightbox-content-wrapper .less-thirty {
  color: red;
}
.mail-form-lightbox .lightbox-content-wrapper .button {
  width: 100%;
}

#article-list-page .button.showMore, #article-list-page .Footer, #article-list-page .Tile.article, #artist-page .button.showMore, #artist-page .Footer, #artist-page .Tile.article {
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#article-list-page .headline.gridPadding, #artist-page .headline.gridPadding {
  line-height: unset;
  margin-bottom: 0;
  padding-top: 1.25rem;
  padding-bottom: 8px;
}

.TileList.articles {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  width: inherit;
  white-space: normal;
}
.TileList.articles #articleTileList:not(.touch) .Button.preview {
  display: none;
}
.TileList.articles .selectedFilters {
  padding-right: 0;
  padding-bottom: 0;
}

.Tile.article, .Tile.banner {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
  vertical-align: top;
  height: auto;
  position: relative;
  border: 1px solid transparent;
}
.Tile.article:hover, .Tile.banner:hover {
  border: 1px solid #ddd;
}

.Tile.article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Tile.article .Wrapper.image {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  color: inherit;
  line-height: normal;
  text-decoration: none;
  width: 100%;
}
.Tile.article .Wrapper.image:hover {
  cursor: pointer;
}
.Tile.article .Icon.Button.preview {
  font-size: 2em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQIW2P8////MgYEuMmIJHATJA4SqIcqUMcqAACTtRBDJrBhqAAAAABJRU5ErkJggg==);
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
}
.Tile.article .label {
  display: block;
  min-height: 1.4em;
  overflow: hidden;
  padding-top: .25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Tile.article .price {
  font-weight: bold;
}
.Tile.article .articleName,
.Tile.article .designerLink,
.Tile.article .metaName,
.Tile.article .price {
  width: 100%;
}
.Tile.article .freshContent {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 10px;
  line-height: 1em;
}
.Tile.article .image-placeholder {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #d5d5d5;
  width: 99%;
  margin: 0 auto;
}
.Tile.article img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: visible;
}
.Tile.article:not(:hover) .Wrapper.image {
  -webkit-box-shadow: 0 0 0 1px #f2f2f2;
          box-shadow: 0 0 0 1px #f2f2f2;
}
.Tile.article:not(.zoomed) .Wrapper.image {
  background-color: unset !important;
}

.loading .Tile .TileOverlay, .loading .RelatedTags {
  display: none !important;
}
.listButtons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .SprdHeader.minimalNavigation.fade-in ~ .SprdContent .listButtons {
    -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
            align-content: flex-end;
    background-color: white;
    -webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.4);
    padding-top: 66px;
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    -webkit-transition: padding-top .4s ease-out;
       -moz-transition: padding-top .4s ease-out;
            transition: padding-top .4s ease-out;
    width: 100%;
    z-index: 2;
  }
  .SprdHeader.minimalNavigation.fade-in ~ .SprdContent .InListFilter.Sortby {
    margin-top: 3.75rem;
  }

  .SprdHeader.minimalNavigation.fade-in ~ .SprdContent.has-promo .listButtons {
    padding-top: 94px;
  }

  .SprdHeader.minimalNavigation.fade-in ~ .SprdContent.extra-menu .listButtons,
  .SprdHeader.minimalNavigation.fade-in ~ .SprdContent.extra-content .listButtons {
    padding-top: 112px;
  }

  .SprdHeader.minimalNavigation.fade-in ~ .SprdContent.has-promo.extra-menu .listButtons,
  .SprdHeader.minimalNavigation.fade-in ~ .SprdContent.has-promo.extra-content .listButtons {
    padding-top: 140px;
  }
}
.Selector.views {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 50%;
}
.Selector.views .Item {
  margin: 0 0 0 1rem;
}
.Selector.views .Item.active {
  -webkit-box-shadow: 0 0 0 1px #00B2A5;
          box-shadow: 0 0 0 1px #00B2A5;
}

.Selector.views.hidden + .filter.button {
  width: 100%;
}

.filter.button {
  display: inline-block;
  vertical-align: middle;
  width: -webkit-calc(50% - .5rem);
  width: -moz-calc(50% - .5rem);
  width: calc(50% - .5rem);
}
.filter.button .button {
  width: 100%;
}
.filter.button .button:before {
  content: "";
  font-family: mobilemarketplace;
  font-size: 1.2em;
  margin-right: .6em;
  vertical-align: middle;
}

.topicDescription.gridPadding {
  padding-top: 0;
}

.designerLink.empty {
  visibility: hidden;
}
.designerLink .link, .designerLink .by {
  display: inline-block;
}
.designerLink .by {
  margin-right: .33em;
}

@media screen and (max-width: 767px) {
  #article-list-page {
    margin-bottom: 3em;
  }
  #article-list-page .headline.gridPadding {
    font-size: 1.188rem;
  }

  .SprdHeader.hidden ~ .SprdContent #article-list-page .listHeadline {
    display: none;
  }

  .TileList.articles {
    position: relative;
  }

  .filterBar.hidden ~ .TileList.articles {
    top: 0;
  }

  #articleTileList.portraits .Tile.article img {
    width: 130%;
    margin-left: -15%;
  }
  #articleTileList.portraits .Tile.article.zoomed img, #articleTileList.portraits .Tile.article.full img {
    margin-left: 0;
    width: 100%;
  }
  #articleTileList.portraits .Tile.article.zoomed .Wrapper.image, #articleTileList.portraits .Tile.article.full .Wrapper.image {
    padding-top: 15%;
    padding-bottom: 15%;
  }
  #articleTileList.portraits .Tile.article:not(.zoomed).full .Wrapper.image {
    background-color: #f2f2f2 !important;
  }
}
@media screen and (min-width: 768px) {
  #article-list-page, #artist-page {
    white-space: nowrap;
    overflow: inherit;
  }
  #article-list-page .button.showMore, #artist-page .button.showMore {
    margin-top: .7em;
  }

  .TileList.articles .listHead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .TileList.articles .listHead .listButtons {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
       -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
  }
  .TileList.articles .listHead .listButtons .views {
    width: auto;
  }
  .TileList.articles .listHead .selectedFilters {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .TileList.articles .listHead .topicTitle {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .TileList.articles .listHead .topicDescription {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
  }
  .TileList.articles .listHead .Sortby {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
       -moz-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    width: auto;
  }

  .Tile.article .designerLink, .Tile.article .price {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .gridPadding {
    padding: 8px;
  }
}
@media screen and (min-width: 768px) {
  .gridPadding {
    padding: 16px;
  }
}

.gridTile {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .gridTile {
    padding: -1px;
  }
}
@media screen and (min-width: 768px) {
  .gridTile {
    padding: 7px;
  }
}

#article-list-page .TileList.articles, #artist-page .TileList.articles {
  margin-left: 0;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #article-list-page .gridTile, #artist-page .gridTile {
    width: 25%;
  }
  #article-list-page .filterBar.hasSidebar:not(.hidden) ~ .TileList.articles, #artist-page .filterBar.hasSidebar:not(.hidden) ~ .TileList.articles {
    display: inline-block;
    width: 75%;
  }
  #article-list-page .filterBar.hasSidebar:not(.hidden) ~ .TileList.articles .gridTile, #artist-page .filterBar.hasSidebar:not(.hidden) ~ .TileList.articles .gridTile {
    width: 33.33%;
  }
}

#articleTileList .Banner {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  overflow: hidden;
}
#articleTileList .Banner .contentWrapper {
  overflow: hidden;
}
#articleTileList .Banner .content {
  height: 0;
  overflow: visible;
  position: relative;
}
@media screen and (max-width: 767px) {
  #articleTileList .Banner.cols-1 {
    width: 50%;
  }
  #articleTileList .Banner.cols-1.rows-1 .content {
    padding-bottom: -webkit-calc(100% + 60px);
    padding-bottom: -moz-calc(100% + 60px);
    padding-bottom: calc(100% + 60px);
  }
  #articleTileList .Banner.cols-1.rows-2 .content {
    padding-bottom: -webkit-calc(200% + 138px);
    padding-bottom: -moz-calc(200% + 138px);
    padding-bottom: calc(200% + 138px);
  }
}
@media screen and (min-width: 768px) {
  #articleTileList .Banner.cols-1 {
    width: 25%;
  }
  #articleTileList .Banner.cols-1.rows-1 .content {
    padding-bottom: -webkit-calc(100% + 68px);
    padding-bottom: -moz-calc(100% + 68px);
    padding-bottom: calc(100% + 68px);
  }
  #articleTileList .Banner.cols-1.rows-2 .content {
    padding-bottom: -webkit-calc(200% + 168px);
    padding-bottom: -moz-calc(200% + 168px);
    padding-bottom: calc(200% + 168px);
  }
}
@media screen and (max-width: 767px) {
  #articleTileList .Banner.cols-2 {
    width: 100%;
  }
  #articleTileList .Banner.cols-2.rows-1 .content {
    padding-bottom: -webkit-calc(50% + 50px);
    padding-bottom: -moz-calc(50% + 50px);
    padding-bottom: calc(50% + 50px);
  }
  #articleTileList .Banner.cols-2.rows-2 .content {
    padding-bottom: -webkit-calc(100% + 118px);
    padding-bottom: -moz-calc(100% + 118px);
    padding-bottom: calc(100% + 118px);
  }
}
@media screen and (min-width: 768px) {
  #articleTileList .Banner.cols-2 {
    width: 50%;
  }
  #articleTileList .Banner.cols-2.rows-1 .content {
    padding-bottom: -webkit-calc(50% + 52px);
    padding-bottom: -moz-calc(50% + 52px);
    padding-bottom: calc(50% + 52px);
  }
  #articleTileList .Banner.cols-2.rows-2 .content {
    padding-bottom: -webkit-calc(100% + 136px);
    padding-bottom: -moz-calc(100% + 136px);
    padding-bottom: calc(100% + 136px);
  }
}

@media screen and (max-width: 767px) {
  .Showroom #articleTileList .Banner.cols-1 {
    width: 50%;
  }
  .Showroom #articleTileList .Banner.cols-1.rows-1 .content {
    padding-bottom: -webkit-calc(100% + 24px);
    padding-bottom: -moz-calc(100% + 24px);
    padding-bottom: calc(100% + 24px);
  }
  .Showroom #articleTileList .Banner.cols-1.rows-2 .content {
    padding-bottom: -webkit-calc(200% + 66px);
    padding-bottom: -moz-calc(200% + 66px);
    padding-bottom: calc(200% + 66px);
  }
}
@media screen and (min-width: 768px) {
  .Showroom #articleTileList .Banner.cols-1 {
    width: 25%;
  }
  .Showroom #articleTileList .Banner.cols-1.rows-1 .content {
    padding-bottom: -webkit-calc(100% + 26px);
    padding-bottom: -moz-calc(100% + 26px);
    padding-bottom: calc(100% + 26px);
  }
  .Showroom #articleTileList .Banner.cols-1.rows-2 .content {
    padding-bottom: -webkit-calc(200% + 84px);
    padding-bottom: -moz-calc(200% + 84px);
    padding-bottom: calc(200% + 84px);
  }
}
@media screen and (max-width: 767px) {
  .Showroom #articleTileList .Banner.cols-2 {
    width: 100%;
  }
  .Showroom #articleTileList .Banner.cols-2.rows-1 .content {
    padding-bottom: -webkit-calc(50% + 16px);
    padding-bottom: -moz-calc(50% + 16px);
    padding-bottom: calc(50% + 16px);
  }
  .Showroom #articleTileList .Banner.cols-2.rows-2 .content {
    padding-bottom: -webkit-calc(100% + 48px);
    padding-bottom: -moz-calc(100% + 48px);
    padding-bottom: calc(100% + 48px);
  }
}
@media screen and (min-width: 768px) {
  .Showroom #articleTileList .Banner.cols-2 {
    width: 50%;
  }
  .Showroom #articleTileList .Banner.cols-2.rows-1 .content {
    padding-bottom: -webkit-calc(50% + 10px);
    padding-bottom: -moz-calc(50% + 10px);
    padding-bottom: calc(50% + 10px);
  }
  .Showroom #articleTileList .Banner.cols-2.rows-2 .content {
    padding-bottom: -webkit-calc(100% + 50px);
    padding-bottom: -moz-calc(100% + 50px);
    padding-bottom: calc(100% + 50px);
  }
}

@media screen and (max-width: 767px) {
  .filterBar.hasSidebar:not(.hidden) ~ .TileList.articles #articleTileList .Banner.cols-1 {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .filterBar.hasSidebar:not(.hidden) ~ .TileList.articles #articleTileList .Banner.cols-1 {
    width: 33.33%;
  }
}
@media screen and (max-width: 767px) {
  .filterBar.hasSidebar:not(.hidden) ~ .TileList.articles #articleTileList .Banner.cols-2 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .filterBar.hasSidebar:not(.hidden) ~ .TileList.articles #articleTileList .Banner.cols-2 {
    width: 66.66%;
  }
}

#seoText, #seoTextBottom {
  white-space: normal;
  color: #999;
}
#seoText h2, #seoText h3, #seoText h4, #seoText h5, #seoText h6, #seoTextBottom h2, #seoTextBottom h3, #seoTextBottom h4, #seoTextBottom h5, #seoTextBottom h6 {
  color: #999;
}
@media screen and (min-width: 768px) {
  #seoText.wide, #seoTextBottom.wide {
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  #seoText.categoriesAvailable, #seoTextBottom.categoriesAvailable {
    margin-left: 25%;
    padding: 1%;
  }
}
#seoText a, #seoTextBottom a {
  color: #00B2A5;
  text-decoration: none;
}
#seoText a:hover, #seoTextBottom a:hover {
  text-decoration: underline;
}

.Showroom {
  margin-bottom: 8em;
}
.Showroom .listHeadline .headline {
  padding-bottom: .3em;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .Showroom .listHeadline {
    font-size: 80%;
    display: block;
    padding: 0 1em;
  }
}
.Showroom .TileList.articles .Tile.article .label.designer {
  display: none;
}
.Showroom .shopList .customLink, .Showroom .designerLinks .customLink, .Showroom .DesignerCard .country {
  display: inline-block;
  position: relative;
  padding-left: 1.5rem;
  padding-bottom: .5em;
}
.Showroom .shopList .customLink:before, .Showroom .designerLinks .customLink:before, .Showroom .DesignerCard .country:before {
  content: "";
  font-family: mobilemarketplace;
  position: absolute;
  left: 0;
  top: .04em;
}
.Showroom .designerLinks .customLink:before {
  content: "";
}
.Showroom .DesignerCard .country:before {
  content: "";
  font-size: 1.23em;
  top: -.1em;
}
.Showroom .shopList #designer-shops {
  display: inline-block;
}
.Showroom .shopList .customLink {
  display: block;
  margin-bottom: .2em;
  padding-left: 2.2em;
  text-decoration: none;
}
.Showroom .shopList .customLink:hover {
  text-decoration: underline;
}
.Showroom .shopList .customLink:before {
  font-size: 1.8em;
}
.Showroom .emptyShowroom {
  text-align: center;
}
.Showroom .emptyShowroom .headline, .Showroom .emptyShowroom .description {
  margin-top: 1.4rem;
}

.ShowroomHeader {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.ShowroomHeader .Wrapper.buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 1em;
  right: 16px;
  z-index: 2;
}
.ShowroomHeader .Image.header img[src=''], .ShowroomHeader .Image.header img:not([src]),
.ShowroomHeader .Image.header source[srcset=''], .ShowroomHeader .Image.header source:not([src]), .ShowroomHeader .Image.background img[src=''], .ShowroomHeader .Image.background img:not([src]),
.ShowroomHeader .Image.background source[srcset=''], .ShowroomHeader .Image.background source:not([src]) {
  display: none !important;
}
.ShowroomHeader .showroomBanner {
  display: block;
  position: relative;
}
.ShowroomHeader .Wrapper.backgroundImage {
  position: absolute;
  width: 100vw;
  top: 0;
  bottom: 0;
  margin-left: -webkit-calc((100vw - 100%) / -2);
  margin-left: -moz-calc((100vw - 100%) / -2);
  margin-left: calc((100vw - 100%) / -2);
  overflow: hidden;
}
.ShowroomHeader .Wrapper.backgroundImage img[src]:not([src='']) {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  -ms-filter: blur(50px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='150');
  filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='5'%20/></filter></svg>#blur");
  -webkit-filter: blur(50px);
          filter: blur(50px);
}
.ShowroomHeader .Wrapper.foregroundImage {
  margin-left: -webkit-calc((100vw - 100%) / -2);
  margin-left: -moz-calc((100vw - 100%) / -2);
  margin-left: calc((100vw - 100%) / -2);
  position: relative;
  width: 100vw;
}
.ShowroomHeader .Wrapper.foregroundImage img {
  height: auto;
  max-width: 100vw;
  margin: 0 auto;
  display: block;
}
.ShowroomHeader .content {
  min-height: 156px;
  position: relative;
  padding-top: 1em;
}
.ShowroomHeader .Wrapper.designer {
  float: left;
  margin-right: 16px;
  position: relative;
  width: 120px;
}
.ShowroomHeader .Wrapper.designer .Wrapper.image {
  line-height: 0;
}
.ShowroomHeader .Wrapper.designer .Image {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: white;
  width: 120px;
  height: 120px;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px #ddd;
          box-shadow: 0 0 0 1px #ddd;
}
@media (max-width: 767px) {
  .ShowroomHeader .button.link-back {
    top: 4%;
  }
  .ShowroomHeader .button.share {
    -webkit-border-radius: 100%;
            border-radius: 100%;
    max-width: 2.32rem;
    overflow: hidden;
    padding: .3rem;
    white-space: nowrap;
  }
  .ShowroomHeader .content {
    border-bottom: 1px solid #ddd;
    margin: 0 8px 8px;
    padding-left: 0;
    padding-right: 0;
    min-height: 128px;
  }
  .ShowroomHeader .Sharing {
    top: 6%;
  }
  .ShowroomHeader .Sharing .sharingOverlay.open {
    top: 100%;
    height: 3rem;
  }
  .ShowroomHeader .Wrapper.designer {
    margin-bottom: 12px;
    width: 100px;
  }
  .ShowroomHeader .Wrapper.designer .Image {
    width: 100px;
    height: 100px;
  }
  .ShowroomHeader .Wrapper.foregroundImage {
    min-height: 80px;
  }
  .ShowroomHeader .Wrapper.buttons {
    float: right;
    position: relative;
    top: 0;
    right: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.DesignerCard {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  white-space: normal;
}
.DesignerCard .headline {
  margin: 0;
  margin-bottom: 0.46em;
}
.DesignerCard .description {
  text-align: left;
}
.DesignerCard .designerLinks .circleLink {
  height: 30px;
  width: 30px;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  background-color: #333;
  color: white;
  font-size: 1.2rem;
  margin: .4rem .8rem .4rem 0;
}
.DesignerCard .designerLinks .circleLink:before {
  vertical-align: middle;
}
.DesignerCard .designerLinks .placeholders .circleLink {
  background-color: #f2f2f2;
  cursor: auto;
}
@media screen and (min-width: 768px) {
  .DesignerCard .description {
    max-width: 65%;
    min-width: 35%;
  }
  .DesignerCard .lowerInfo {
    margin-left: 136px;
  }
}
@media screen and (max-width: 767px) {
  .DesignerCard .wrapper {
    display: block;
  }
  .DesignerCard .wrapper > div {
    width: 100%;
    margin-bottom: 1.3em;
  }
  .DesignerCard .description {
    margin-top: .3em;
  }
  .DesignerCard .lowerInfo {
    clear: both;
    width: 100%;
  }
}

.filterBar {
  position: relative;
  text-align: left;
  background-color: white;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
  width: 25%;
  white-space: normal;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.filterBar a {
  text-decoration: none;
  color: inherit;
}
.filterBar .ButtonWrapper {
  text-align: center;
  width: 100%;
}
.filterBar .ButtonWrapper .button {
  width: 100%;
}
.filterBar .ButtonWrapper.filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.filterBar .ButtonWrapper.filter .Item {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.filterBar .ButtonWrapper.filter .Item:not(:first-child) {
  border-left: 1px solid #d6d6d6;
}
.filterBar .filterBarHeader {
  background-color: #f2f2f2;
  padding: .6em 1.5em 0;
  position: relative;
}
.filterBar .filterBarHeader .headline {
  display: inline-block;
  vertical-align: middle;
}
.filterBar .filterBarHeader .close {
  cursor: pointer;
  float: right;
  width: auto;
}
.filterBar .filterBarHeader .close:after {
  content: "x";
  display: inline-block;
  font-family: mobilemarketplace;
  font-size: 2.2em;
  margin-left: .15em;
  margin-right: -.15em;
  vertical-align: middle;
}
.filterBar .SidebarFilter {
  border-bottom: 1px solid #ddd;
  margin: 0 0 1em;
  padding-bottom: 1em;
  position: relative;
  width: 100%;
}
.filterBar .SidebarFilter .title {
  cursor: pointer;
  font-weight: bold;
  line-height: 1.5em;
  margin: .25em 0;
}
.filterBar .SidebarFilter .label.selectedFilter {
  color: #999;
  position: absolute;
  top: 0;
  right: 2.3em;
  text-align: right;
}
.filterBar .SidebarFilter .expand {
  position: absolute;
  top: 0;
  right: 0;
}
.filterBar .SidebarFilter.open .filterItems {
  padding-top: 1em;
  -webkit-transition: padding-top .2s;
     -moz-transition: padding-top .2s;
          transition: padding-top .2s;
}
.filterBar .SidebarFilter:not(.open) .filterItems {
  padding-top: 0;
  -webkit-transition: padding-top .2s;
     -moz-transition: padding-top .2s;
          transition: padding-top .2s;
}
.filterBar .SidebarFilter .Item {
  cursor: pointer;
}
.filterBar .SidebarFilter .Item .Label, .filterBar .SidebarFilter .Item .control {
  display: inline-block;
}
.filterBar .SidebarFilter .Item .Label {
  padding-right: 1.8rem;
  margin-right: -1.8rem;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.filterBar .SidebarFilter .Item .control {
  text-align: right;
}
.filterBar .SidebarFilter .Item.active > .Label {
  color: inherit;
  font-weight: inherit;
}
.filterBar .SidebarFilter a.item {
  text-decoration: none;
  display: block;
  line-height: 2.2em;
}
.filterBar .SidebarFilter .SubFilters {
  padding-left: 1em;
}
.filterBar .SidebarFilter .filterItem {
  background-color: white;
  display: inline-block;
  margin-bottom: 1rem;
  min-width: 2em;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.filterBar .SidebarFilter .filterItem .Label.item {
  border: 1px solid #ccc;
  -webkit-border-radius: .2rem;
          border-radius: .2rem;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  margin: 0 .5rem;
  line-height: 3rem;
  text-transform: capitalize;
}
.filterBar .SidebarFilter .filterItem .Label.item:hover {
  border: 1px solid #00B2A5;
  color: #00B2A5;
}
.filterBar .SidebarFilter .filterItem.active .Label.item {
  border: 2px solid #00B2A5;
  color: #00B2A5;
  font-weight: bold;
}
.filterBar .SidebarFilter.departments .button.filter {
  display: block;
}
.filterBar .SidebarFilter.departments .viewAll, .filterBar .SidebarFilter.departments .activeEntry {
  cursor: pointer;
  display: none;
  line-height: 2.2em;
}
.filterBar .SidebarFilter.labelCategories .Item.active:hover {
  cursor: auto;
}
.filterBar .SidebarFilter.labelCategories .Item.active a:hover {
  cursor: default;
}
.filterBar .SidebarFilter.colors .selectedFilter {
  text-transform: capitalize;
}
.filterBar .SidebarFilter.colors .Item {
  display: inline-block;
  position: relative;
  width: 48px;
  padding-top: 48px;
  margin: 0 .5rem 2rem;
}
.filterBar .SidebarFilter.colors .Item.hasBorder .color {
  -webkit-box-shadow: inset 0 0 0 1px #ccc;
          box-shadow: inset 0 0 0 1px #ccc;
}
@media screen and (min-width: 768px) {
  .filterBar .SidebarFilter.colors .filterItems {
    margin-left: -.25rem;
    margin-right: -.25rem;
  }
  .filterBar .SidebarFilter.colors .Item {
    width: 36px;
    padding-top: 36px;
    margin: 0 .25rem .5rem;
  }
}
.filterBar .SidebarFilter.colors .color {
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-background-clip: content-box;
          background-clip: content-box;
  overflow: hidden;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
}
.filterBar .SidebarFilter.colors .colorLabel {
  position: absolute;
  top: 100%;
  margin-top: .5em;
  text-align: center;
  text-transform: capitalize;
  width: 100%;
}
.filterBar .SidebarFilter.colors .colorFilterItem .color {
  border: 1px solid transparent;
}
.filterBar .SidebarFilter.colors .colorFilterItem:hover .color {
  border-color: #00B2A5;
  background-color: transparent;
  -webkit-box-shadow: inset 0px 0px 1px 0 #00B2A5, 0 0 1px 0 #00B2A5;
          box-shadow: inset 0px 0px 1px 0 #00B2A5, 0 0 1px 0 #00B2A5;
}
.filterBar .SidebarFilter.colors .colorFilterItem.active .color {
  border-color: #00B2A5;
  padding: 3px;
  -webkit-box-shadow: inset 0px 0px 1px 0 #00B2A5, 0 0 1px 0 #00B2A5;
          box-shadow: inset 0px 0px 1px 0 #00B2A5, 0 0 1px 0 #00B2A5;
}
.filterBar .SidebarFilter.sizes .filterItems {
  display: block;
}
.filterBar .SidebarFilter.sizes .filterItems .filterItem {
  display: inline-block;
  width: 25%;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .filterBar .SidebarFilter.sizes .filterItems .filterItem {
    width: 50%;
  }
}
.filterBar .SidebarFilter.sizes .filterItems .filterItem.halfWidth {
  width: 50%;
}
.filterBar .SidebarFilter.sizes .filterItems .filterItem.fullWidth {
  width: 100%;
}
.filterBar .SidebarFilter.designStyles .Label, .filterBar .SidebarFilter.productTypeAttributes .Label {
  padding: 0 1rem;
}
.filterBar .SidebarFilter.colors .filterItems, .filterBar .SidebarFilter.sizes .filterItems, .filterBar .SidebarFilter.designStyles .filterItems, .filterBar .SidebarFilter.priceGroups .filterItems, .filterBar .SidebarFilter.productTypeAttributes .filterItems {
  margin-left: -.5rem;
  margin-right: -.5rem;
}
.filterBar .SidebarFilter.priceGroups .filterItem {
  width: 33.33%;
}
.filterBar .SidebarFilter.priceGroups .filterItem.active .Label.item.icon {
  font-weight: normal;
}
.filterBar .SidebarFilter.priceGroups .selectedFilter {
  display: none;
}
.filterBar .SidebarFilter.formats .filterItems {
  margin-left: -.5rem;
}
.filterBar .SidebarFilter.formats .Item {
  display: inline-block;
  text-align: center;
  width: 33%;
}
.filterBar .SidebarFilter.formats .Item.active {
  color: #00B2A5;
}
.filterBar .SidebarFilter.formats .Item.active .rectangle {
  background-color: #ccf0ed;
  border: 2px solid #00B2A5;
}
.filterBar .SidebarFilter.formats .Item:hover {
  color: #009E94;
}
.filterBar .SidebarFilter.formats .Item:hover .rectangle {
  border: 2px solid #009E94;
}
.filterBar .SidebarFilter.formats .rectangle {
  background-color: #f2f2f2;
  border: 2px solid #ddd;
  -webkit-box-shadow: inset 0 0 0 .5rem white;
          box-shadow: inset 0 0 0 .5rem white;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 0;
  overflow: visible;
}
.filterBar .SidebarFilter.formats .rectangle.portrait {
  margin: 0 .5rem;
  padding-bottom: 100%;
  width: -webkit-calc(100% - 1rem);
  width: -moz-calc(100% - 1rem);
  width: calc(100% - 1rem);
}
.filterBar .SidebarFilter.formats .rectangle.square {
  margin: 1rem;
  padding-bottom: -webkit-calc(100% - 2rem);
  padding-bottom: -moz-calc(100% - 2rem);
  padding-bottom: calc(100% - 2rem);
  width: -webkit-calc(100% - 2rem);
  width: -moz-calc(100% - 2rem);
  width: calc(100% - 2rem);
}
.filterBar .SidebarFilter.formats .rectangle.landscape {
  margin: 1rem 0;
  padding-bottom: -webkit-calc(100% - 2rem);
  padding-bottom: -moz-calc(100% - 2rem);
  padding-bottom: calc(100% - 2rem);
  width: 100%;
}
.filterBar .SidebarFilter.formats .label {
  display: block;
  line-height: 1.5rem;
  margin-top: .5em;
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .filterBar .SidebarFilter.formats .Label {
    display: none;
  }
}
.filterBar .safeSearch {
  margin: .5em 0 1rem;
}
.filterBar .safeSearch input, .filterBar .safeSearch label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.filterBar .safeSearch label {
  padding-left: 1em;
}
@media screen and (min-width: 768px) {
  .filterBar .ButtonWrapper.filter, .filterBar .ctaButtons {
    display: none;
  }
  .filterBar.hasSidebar {
    display: inline-block;
    padding-top: 0;
  }
  .filterBar div#articleTileList:before {
    height: 1px;
    width: 200px;
    content: ' ';
    background-color: #eee;
    position: absolute;
    left: 10%;
    margin-top: 1%;
    margin-top: -webkit-calc(.8% - 1px);
    margin-top: -moz-calc(.8% - 1px);
    margin-top: calc(.8% - 1px);
    z-index: 1;
  }
  .filterBar .filters {
    margin-top: 1.25em;
  }
  .filterBar:not(.hasSidebar) {
    display: none;
  }
  .filterBar .SidebarFilter .label.selectedFilter {
    display: none;
  }
  .filterBar .SidebarFilter.departments .viewAll:hover {
    color: #00B2A5;
  }
  .filterBar .SidebarFilter.departments .activeEntry {
    color: #00B2A5;
    font-weight: bold;
    padding-top: 1em;
  }
  .filterBar .SidebarFilter.departments:not(.open) .activeEntry.active, .filterBar .SidebarFilter.departments:not(.open) .activeEntry.active ~ .viewAll {
    display: block;
  }
  .filterBar .SidebarFilter.topics.hidden.edit {
    display: block !important;
  }
  .filterBar .SidebarFilter.departments .Item.active:hover, .filterBar .SidebarFilter.departments .activeEntry.active:hover, .filterBar .SidebarFilter.topics .Item.active:hover, .filterBar .SidebarFilter.topics .activeEntry.active:hover {
    color: #009E94;
  }
  .filterBar .SidebarFilter.departments .Item.active:after, .filterBar .SidebarFilter.departments .activeEntry.active:after, .filterBar .SidebarFilter.topics .Item.active:after, .filterBar .SidebarFilter.topics .activeEntry.active:after {
    content: "x";
    font-family: mobilemarketplace;
    font-size: 1.75rem;
    font-weight: normal;
    vertical-align: middle;
  }
  .filterBar .SidebarFilter.departments .activeEntry.active:after, .filterBar .SidebarFilter.topics .activeEntry.active:after {
    position: absolute;
    right: -.15rem;
  }
}
@media screen and (max-width: 767px) {
  .filterBar {
    height: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
    position: fixed;
    -webkit-transition: max-height .3s, height .3s;
       -moz-transition: max-height .3s, height .3s;
            transition: max-height .3s, height .3s;
    top: 0;
    z-index: 11;
    /* don't reserve space for cta buttons on design topic filter */
  }
  .filterBar #sidebarFilterHeadline {
    display: none;
  }
  .filterBar .filters {
    width: 100%;
    overflow: auto;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
            flex-basis: 80%;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 1.5em;
  }
  .filterBar.open {
    height: 100%;
    max-height: 2000px;
  }
  .filterBar.open .designFilter .filters {
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  .filterBar .SidebarFilter.departments {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .filterBar .SidebarFilter.departments.inlineItems .filterItems {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .filterBar .SidebarFilter.departments .viewAll {
    display: none;
  }
  .filterBar .SidebarFilter .button.filter {
    margin-bottom: 1rem;
  }
  .filterBar .SidebarFilter a.item {
    line-height: 2.5rem;
  }
  .filterBar .ctaButtons {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: .5rem 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-basis: 5rem;
        -ms-flex-preferred-size: 5rem;
            flex-basis: 5rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.filterText, .filterText a {
  color: #333;
}

.filterText a:hover {
  color: #009E94;
}

.filterText.active {
  color: #00B2A5;
  font-weight: bold;
}
.filterText.active .filterText {
  font-weight: normal;
}

/**
* Filter that is displayed to sort the product list by relevance or newest etc.
**/
.InListFilter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.Sortby {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  font-size: 0.75rem;
  line-height: 1.4em;
  line-height: 1.5rem;
}
@media screen and (min-width: 768px) {
  .Sortby {
    font-size: 0.875rem;
  }
}
.Sortby .label {
  display: inline-block;
  margin-right: .3em;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Sortby .label:after {
  content: ":";
}
.Sortby .filterItems {
  display: inline-block;
}
.Sortby .filterItems .item {
  cursor: pointer;
  display: inline-block;
}
.Sortby .filterItems .item:hover {
  color: #00B2A5;
}
.Sortby .filterItems .item:hover:after {
  color: #666;
}
.Sortby .filterItems .item.active {
  font-weight: bold;
}
.Sortby .filterItems .item.active:after {
  text-decoration: none;
  color: #666;
}
.Sortby .filterItems .item:not(:last-child):after {
  content: "|";
  display: inline-block;
  margin: 0 .3em;
}
.Sortby .filterItems.open {
  display: block;
}

.RelatedTags {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.RelatedTags .items {
  margin-top: .3em;
}
.RelatedTags .items .item {
  padding: 8px;
  -webkit-border-radius: .2em;
          border-radius: .2em;
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
  background-color: #f2f2f2;
  text-align: center;
}
.RelatedTags .items .item:hover {
  background-color: #ccc;
}
.RelatedTags a {
  color: #333;
  text-decoration: none;
}
.RelatedTags a:hover {
  color: #333;
}

.Wrapper.layoutProductCentered .RelatedTags {
  border-bottom: 1px solid #ddd;
  margin: 1.5rem 0;
  padding-bottom: .5rem;
}

.Wrapper.layoutProductCentered .RelatedTags + .RelatedTags {
  margin-top: -2.5em;
}

@media screen and (max-width: 767px) {
  .RelatedTags {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media screen and (min-width: 768px) {
  .Wrapper.layoutProductCentered .RelatedTags {
    margin: 2rem 0;
  }
}
.SprdMain.loading .RelatedTags {
  display: none;
}
.reset {
  border: 1px solid #666;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  color: #333;
  cursor: pointer;
  display: inline-block;
  height: 1.3em;
  margin: 0 .5rem .5rem 0;
  padding: .4rem .5rem;
  padding-right: 0;
  vertical-align: middle;
}
.reset.all {
  background: #666;
  color: white;
}
.reset.all:hover {
  background: #333;
  color: white;
}
.reset:not(.all) {
  text-transform: capitalize;
}
.reset:hover {
  border-color: #333;
}
.reset:after {
  content: "x";
  display: inline-block;
  font-family: mobilemarketplace;
  font-size: 2em;
  margin-left: .5rem;
  text-transform: none;
  vertical-align: middle;
}
.reset .icon {
  margin-left: .5rem;
  vertical-align: middle;
}

.paginationBar {
  margin: 2em 0;
  text-align: center;
}
.paginationBar .arrow, .paginationBar .number, .paginationBar .label, .paginationBar .numberPanel, .paginationBar .pageGap {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
}
.paginationBar .arrow {
  color: #333;
  font-size: 2.1rem;
  text-decoration: none;
}
.paginationBar .arrow.first {
  margin-right: .2em;
}
.paginationBar .arrow.last {
  margin-left: .2em;
}
.paginationBar .arrow:hover:not(.disabled) {
  color: #00B2A5;
}
.paginationBar .label.lastPage {
  cursor: pointer;
  margin: 0 1rem;
}
.paginationBar .label.lastPage:hover {
  color: #00B2A5;
}
.paginationBar .number {
  -webkit-border-radius: 2.5rem;
          border-radius: 2.5rem;
  color: #333;
  cursor: pointer;
  height: 2.5rem;
  font-size: 1.1em;
  margin: 0 .3em;
  line-height: 2.5rem;
  text-decoration: none;
  width: 2.5rem;
}
.paginationBar .number.active {
  border: 1px solid #00B2A5;
  color: #00B2A5;
  cursor: default;
}
.paginationBar .number:hover {
  color: #00B2A5;
}
@media screen and (max-width: 767px) {
  .paginationBar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .Showroom .ShowroomHeader.srEdit {
    margin-top: 2.5rem;
  }
  .Showroom .ShowroomHeader.srEdit .button.edit {
    display: none;
  }
  .Showroom .ShowroomHeader .showroomBanner.edit {
    min-height: 220px;
  }
  .Showroom .ShowroomHeader .showroomBanner.edit .Wrapper.backgroundImage {
    background-color: #979797;
    display: block !important;
  }
  .Showroom .ShowroomHeader .circleButton.upload {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .Showroom .ShowroomHeader .circleButton.upload:before {
    content: "";
    font-size: 1.4rem;
  }
  .Showroom .ShowroomHeader .artistBackground .circleButton.upload {
    z-index: 1;
  }
  .Showroom .ShowroomHeader .DesignerCard .circleButton.edit {
    margin: 0 1em 1em 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    vertical-align: top;
  }
  .Showroom .ShowroomHeader .DesignerCard .circleButton.edit:before {
    content: "";
    font-size: 1.4rem;
    top: -2px;
  }
  .Showroom .ShowroomHeader .DesignerCard #designer-channels, .Showroom .ShowroomHeader .DesignerCard .designerLinks .placeholders {
    display: inline-block;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    vertical-align: top;
  }
  .Showroom .ShowroomHeader .DesignerCard .Wrapper.designerLinks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .Showroom .ShowroomHeader .DesignerCard .Wrapper.designerText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .Showroom .ShowroomHeader .DesignerCard .Wrapper.designerText .description,
  .Showroom .ShowroomHeader .DesignerCard .Wrapper.designerText .placeholder {
    display: inline-block;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
       -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .Showroom .ShowroomHeader .DesignerCard .Wrapper.designerText .descriptionEditor {
    display: inline-block;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
       -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 65%;
  }
  .Showroom .ShowroomHeader .DesignerCard .Wrapper.designerText .descriptionEditor .textArea {
    display: block;
    margin-bottom: 20px;
    width: 90%;
    height: 4.5rem;
  }
  .Showroom .ShowroomHeader .DesignerCard .Wrapper.designerText .descriptionEditor .button {
    display: inline-block;
    margin-right: 20px;
  }
  .Showroom .ShowroomHeader .DesignerCard .Wrapper.designerText.edit .description,
  .Showroom .ShowroomHeader .DesignerCard .Wrapper.designerText.edit .placeholder {
    display: none;
  }
  .Showroom .ShowroomHeader .DesignerCard .Wrapper.designerText:not(.edit) .descriptionEditor {
    display: none;
  }

  .TileList.srEdit .Tile {
    pointer-events: none;
  }
  .TileList.srEdit .Tile .Wrapper.image {
    cursor: default;
  }

  .adminFoot {
    background-color: rgba(242, 242, 242, 0.95);
    display: none;
    height: 4rem;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 2;
  }
  .adminFoot .button {
    margin-top: .75rem;
  }
  .ShowroomHeader.srEdit .adminFoot {
    display: block;
  }

  .button.manage,
  .button.add {
    width: 100%;
  }
}
.overlay.channelEditor .Wrapper.content {
  max-height: 70%;
  max-width: 700px;
  overflow: auto;
  top: 15%;
  bottom: auto;
}
.overlay.channelEditor .Wrapper.content .content {
  margin-bottom: 2rem;
}
.overlay.channelEditor .button {
  display: block;
  margin: auto;
  text-align: center;
}
.overlay.channelEditor .button.addChannels {
  margin: 1em auto;
}
.overlay.channelEditor .button.addChannels:before {
  content: "+ ";
}
.overlay.channelEditor .button.addChannels:hover {
  color: #009E94;
}
.overlay.channelEditor .button.cancel {
  display: inline-block;
}
.overlay.channelEditor .button.apply {
  display: inline-block;
  margin-left: 1em;
}
.overlay.channelEditor .headline {
  margin: 3rem auto 0.8rem;
  text-align: center;
}
.overlay.channelEditor .description {
  margin: 0 auto 1.6rem;
  text-align: center;
}
.overlay.channelEditor .chanSelectPanel {
  margin: auto;
  max-width: 640px;
}
.overlay.channelEditor .selectBox.channel {
  border: 2px solid transparent;
  display: inline-block;
  height: 80px;
  width: 80px;
  margin: 10px;
  margin-top: 0;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: top;
}
.overlay.channelEditor .selectBox.channel.active {
  border: 2px solid #00B2A5;
}
.overlay.channelEditor .selectBox.channel:hover {
  cursor: pointer;
}
.overlay.channelEditor .selectBox.channel .label {
  position: relative;
  top: 1.3rem;
}
.overlay.channelEditor .selectBox.channel .socialMediaIcon:before {
  display: block;
  font-size: 2rem;
  margin-bottom: 10px;
}
.overlay.channelEditor .chanInputPanel {
  text-align: center;
}
.overlay.channelEditor .inputBox.channel {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.overlay.channelEditor .inputBox.channel:before {
  font-size: 2em;
  position: relative;
  top: 1.1em;
  right: .6em;
  vertical-align: top;
}
.overlay.channelEditor .inputBox.channel .inputField {
  display: inline-block;
  max-width: 24em;
}
.overlay.channelEditor .inputBox.channel .deleteButton {
  display: inline-block;
  position: relative;
  top: 2.2em;
  left: .6em;
  text-align: center;
  vertical-align: top;
  width: 2em;
}
.overlay.channelEditor .inputBox.channel .deleteButton:hover {
  cursor: pointer;
}
.overlay.channelEditor .inputBox.channel .deleteButton:before {
  font-family: mobilemarketplace;
  font-size: 1.8em;
  content: "x";
}
.overlay.channelEditor .inputBox.channel .deleteButton:hover:before {
  content: "d";
}

.adminHead {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Montserrat", sans-serif;
  font-size: 1.2rem;
  height: 2.5rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.adminHead span {
  margin: .5rem 0;
  padding: 0 1rem;
}
.adminHead .sprdLogo {
  color: #00B2A5;
  font-size: 1.375rem;
  font-weight: bold;
  border-right: 1px solid #333;
  padding-right: 0;
}
.adminHead .sprdLogo:before {
  content: "";
  font-family: mobilemarketplace;
  font-size: 2.6rem;
  font-weight: normal;
  margin-left: -.5rem;
  margin-right: .5rem;
  vertical-align: bottom;
}

.breadCrumb.srEdit {
  display: none;
}

.overlay.srAdmin {
  text-align: left;
  top: 2.5rem;
}
.overlay.srAdmin .Wrapper.content > .content {
  background-color: #f2f2f2;
  padding: 0;
  position: relative;
  height: 100%;
  width: 100%;
}
.overlay.srAdmin .panel {
  height: 100%;
  position: relative;
}
.overlay.srAdmin .panel.left {
  float: left;
  width: 30%;
}
.overlay.srAdmin .panel.left .contents {
  padding: 1.5rem 1.5rem 1.5rem 1rem;
}
.overlay.srAdmin .panel.right {
  margin-left: 30%;
  width: 70%;
}
.overlay.srAdmin .panel.right .buttons {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f2f2f2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.overlay.srAdmin .panel.right .buttons .button {
  margin: 0 .75rem;
}
.overlay.srAdmin .panel.right .contents {
  background-color: white;
  height: 100%;
  padding: 1.5rem 2rem 4rem;
  width: 100%;
  overflow-x: scroll;
}
.overlay.srAdmin .form-row .message {
  font-size: 0.875rem;
  margin-left: .75rem;
}
.overlay.srAdmin textarea {
  width: 100%;
}

.overlay.srAdmin .left .form__field {
  margin-top: 1.5rem;
}
.overlay.srAdmin .left .form__label {
  float: right;
}
.overlay.srAdmin .left .button.remove {
  margin-top: 1.5rem;
  font-weight: normal;
}
.overlay.srAdmin .articleSelectHead {
  position: fixed;
  width: 70%;
  height: 10rem;
  margin: -1.5rem -2rem 0;
  padding: 1.5rem 2rem 0;
  background-color: #fff;
  z-index: 1;
}
.overlay.srAdmin .articleSelectHead .button.simple {
  font-weight: bold;
  color: #00B2A5;
  margin: 0.75rem 1.5rem 0.75rem 0;
  padding: 0;
}
.overlay.srAdmin .articleSelectHead .searchField {
  float: right;
  position: relative;
}
.overlay.srAdmin .articleSelectHead .searchField .textInput {
  height: 2.5rem;
  padding-right: 5rem;
  width: 22.5rem;
}
.overlay.srAdmin .articleSelectHead .icon {
  cursor: pointer;
  height: 100%;
  padding: .5rem;
  position: absolute;
  top: 0;
  width: 2.5rem;
}
.overlay.srAdmin .articleSelectHead .icon.search {
  right: 0;
}
.overlay.srAdmin .articleSelectHead .icon.search:before {
  content: "s";
  font-size: 1.3rem;
}
.overlay.srAdmin .articleSelectHead .icon.x {
  color: #999;
  right: 2.5rem;
}
.overlay.srAdmin .articleSelectHead .icon.x:before {
  content: "x";
  font-size: 1.3rem;
}
.overlay.srAdmin .articleSelectHead .icon.x:hover {
  color: #00B2A5;
}
.overlay.srAdmin .articleSelectHead .textInput:hover ~ .icon.search {
  color: #00B2A5;
}
.overlay.srAdmin .articleSelectHead .textInput:focus ~ .icon.search {
  background-color: #00B2A5;
  color: white;
}
.overlay.srAdmin .articleSelectHead .result {
  font-family: "Montserrat", sans-serif;
  font-size: 1.1rem;
}
.overlay.srAdmin .articleSelect {
  margin: 9rem -1rem 0;
}
.overlay.srAdmin .articleSelect .gridTile {
  display: inline-block;
  width: 25%;
}
.overlay.srAdmin .articleSelect .Tile:hover {
  border-color: transparent;
  cursor: pointer;
}
.overlay.srAdmin .articleSelect .Tile.active {
  border-color: #00B2A5;
}
.overlay.srAdmin .articleSelect .Tile.active:hover {
  border-color: #009E94;
}
.overlay.srAdmin .articleSelect .articleImage {
  opacity: 0.6;
}
.overlay.srAdmin .articleSelect .articleImage:hover,
.overlay.srAdmin .articleSelect .active .articleImage {
  opacity: 1;
}
.overlay.srAdmin .articleSelect .checkBox {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #fff;
  -webkit-border-radius: 0.125rem;
          border-radius: 0.125rem;
  border: 1px solid #999;
}
.overlay.srAdmin .articleSelect .active .checkBox:before {
  display: block;
  width: 100%;
  content: "\e600";
  font: 2.5rem/2.5rem mobilemarketplace;
  text-align: center;
  color: #00B2A5;
}
.overlay.srAdmin .articleSelect.max .Tile:not(.active) {
  opacity: .5;
}
.overlay.srAdmin .articleSelect.max .Tile:not(.active):hover {
  cursor: default;
}

.overlay.srAdmin .button.create {
  display: block;
  max-width: 35rem;
  margin: 0 auto;
}

.topic {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  max-width: 35rem;
  margin: 1.5rem auto;
  background-color: #f2f2f2;
}
.topic:hover {
  -webkit-box-shadow: 0 3.67px 2px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 3.67px 2px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.12);
}
.topic.active {
  z-index: 1;
  -webkit-box-shadow: 0 6px 2px 0 rgba(0, 0, 0, 0.12), 0 0 10.67px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 6px 2px 0 rgba(0, 0, 0, 0.12), 0 0 10.67px 0 rgba(0, 0, 0, 0.1);
}
.topic__text {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-calc(100% - 5rem);
  width: -moz-calc(100% - 5rem);
  width: calc(100% - 5rem);
  padding-left: 4rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: move;
}
.topic__text:before {
  position: absolute;
  left: 0.875rem;
  content: "";
  font: 2rem/5rem mobilemarketplace;
}
.topic__text:hover:before {
  color: #00B2A5;
}
.topic--deactivated .topic__text {
  color: #ccc;
  padding-right: 4rem;
}
.topic--deactivated .topic__text:before {
  color: #333;
}
.topic--deactivated .topic__text:after {
  content: "";
  font: 2rem/5rem mobilemarketplace;
  position: absolute;
  right: 0.875rem;
}
.topic__edit {
  width: 5rem;
  padding: 0 1.5rem;
  cursor: pointer;
}
.topic__edit:before {
  content: "";
  font: 2rem/5rem mobilemarketplace;
}
.topic__edit:hover:before {
  color: #00B2A5;
}
.topic__name {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#product-range-list .filters {
  border-top: 1px solid #eee;
}
#product-range-list .Wrapper.productCategory, #product-range-list .Wrapper.productTypes {
  width: 100%;
}
#product-range-list .Wrapper.productCategory .headline {
  font-size: 1.3em;
  margin: 1.93em 0 1em .49em;
}
#product-range-list .Wrapper.productTypes {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#product-range-list .Tile.article {
  margin: 0.68em;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  width: 22%;
  width: -webkit-calc(25% - 1.36em);
  width: -moz-calc(25% - 1.36em);
  width: calc(25% - 1.36em);
  background-color: white;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 7px rgba(0, 0, 0, 0.25);
}
#product-range-list .Tile.article .Wrapper.image {
  background-color: #f7f7f7;
  margin-bottom: 0.68em;
}
#product-range-list .Tile.article .label {
  margin: 0 0.68em;
}
#product-range-list .Tile.article .colors {
  margin: 0.68em 0.31em;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#product-range-list .Tile.article .productColor {
  display: inline-block;
  width: 21px;
  height: 21px;
  margin: .31em;
  cursor: pointer;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25);
          box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25);
}
#product-range-list .Tile.article .button {
  margin: 0.68em 0;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
}
#product-range-list .Tile.article .bottomInfo {
  margin: 0.68em;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1279px) {
  #product-range-list .Tile.article {
    width: 30%;
    width: -webkit-calc(33% - 1.36em);
    width: -moz-calc(33% - 1.36em);
    width: calc(33% - 1.36em);
  }
}
@media screen and (max-width: 767px) {
  #product-range-list .Tile.article {
    width: 46%;
    width: -webkit-calc(50% - 1.36em);
    width: -moz-calc(50% - 1.36em);
    width: calc(50% - 1.36em);
  }
}

.scrollpanel {
  position: relative;
  z-index: 0;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.scrollpanel > * {
  position: relative;
  z-index: 0;
}
.scrollpanel * {
  -ms-touch-action: auto;
  touch-action: auto;
}

.loginHeader {
  padding: 3px;
  margin-bottom: 15px;
}
.loginHeader .linkBack {
  position: relative;
  display: inline-block;
  width: 1.5em;
  font-size: 150%;
}
.loginHeader .linkBack:before {
  font-family: mobilemarketplace;
  content: "b";
  margin-left: .3em;
  vertical-align: middle;
  display: inline-block;
  font-size: 150%;
}
.loginHeader h1 {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  font-size: 150%;
  width: 100%;
  margin-left: -1.5em;
  padding: 0 1.5em;
  text-align: center;
}

#sprd-main {
  z-index: 0;
}
#sprd-main .loading {
  display: block;
}
#sprd-main .show-status .login-status {
  display: block;
}

.SprdHeader.centralizedNav #login-menu-header .AccountMenu .Wrapper.content .linkList .item {
  display: block;
  text-align: left;
}
.SprdHeader.centralizedNav #login-menu-header .AccountMenu .Wrapper.content .linkList .item:hover:before {
  text-decoration: none;
}
.SprdHeader.centralizedNav #login-menu-header .AccountMenu .Wrapper.content .linkList .item:before {
  display: inline-block;
  margin-right: 1rem;
  font-family: mobilemarketplace;
  text-decoration: none;
  vertical-align: middle;
}
.SprdHeader.centralizedNav #login-menu-header .AccountMenu .Wrapper.content .linkList .item.userOverview:before {
  content: "";
}
.SprdHeader.centralizedNav #login-menu-header .AccountMenu .Wrapper.content .linkList .item.userDesigns:before {
  content: "";
}
.SprdHeader.centralizedNav #login-menu-header .AccountMenu .Wrapper.content .linkList .item.userShowroom:before {
  content: "";
}
.SprdHeader.centralizedNav #login-menu-header .AccountMenu .Wrapper.content .linkList .item.userShops:before {
  content: "";
}
.SprdHeader.centralizedNav #login-menu-header .AccountMenu .Wrapper.content .linkList .item.userOrders:before {
  content: "";
}
.SprdHeader.centralizedNav #login-menu-header .AccountMenu .Wrapper.content .linkList .item.userAccount:before {
  content: "";
}

.success-lightbox .lightbox-content {
  position: relative;
  left: 0;
  top: 0;
  margin: 1em;
}
.success-lightbox .lightbox-content-wrapper {
  top: 0;
  line-height: 5em;
  text-align: center;
  position: relative;
  font-family: "Montserrat", sans-serif;
}
.success-lightbox h2 {
  color: #00B2A5;
  text-align: center;
  font-weight: normal;
  line-height: 1.5em;
  margin-bottom: 1em;
}

.error-lightbox .lightbox-content {
  position: relative;
  left: 0;
  top: 0;
  margin: 1em;
}
.error-lightbox .lightbox-content-wrapper {
  top: 0;
  line-height: 5em;
  text-align: center;
  position: relative;
  font-family: "Montserrat", sans-serif;
}
.error-lightbox h2 {
  color: #00B2A5;
  text-align: center;
  font-weight: normal;
  line-height: 1.5em;
  margin-bottom: 1em;
}
.error-lightbox .broken-heart-icon:after {
  color: red;
  font-size: 7em;
  vertical-align: bottom;
  margin-top: 5em;
}
.error-lightbox .no-thx {
  background: none;
  border: 0;
  outline: none;
  text-decoration: underline;
}

.overlay.lightbox .Wrapper.content > .content {
  padding: 0.5em 4em;
}

.shipping-costs h2 {
  margin: 1em 0 .25em;
}
.shipping-costs table {
  width: 100%;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  margin-bottom: 1em;
  padding: 0;
  border-spacing: 0;
  border-collapse: separate;
  overflow: hidden;
}
.shipping-costs table thead {
  background: #f2f2f2;
}
.shipping-costs table thead th {
  border-right: 1px solid #ddd;
  padding: .5em;
}
.shipping-costs table thead th:last-child {
  border: none;
}
.shipping-costs table tbody tr {
  margin-bottom: .5em;
}
.shipping-costs table tbody tr td {
  border-right: 1px solid #ddd;
  padding-left: .5em;
  line-height: 1.3em;
}
.shipping-costs table tbody tr td:last-child {
  border: none;
}
.shipping-costs table {
  text-align: left;
}
.shipping-costs td:first-child {
  width: 12rem;
}
.shipping-costs table {
  margin-bottom: 1.5em;
  border: 1px solid #edf1f8;
}
.shipping-costs table thead {
  background: #22262d;
  color: #fefefe;
}
.shipping-costs table thead th {
  padding: 0.5em 1em;
  border-right: 1px solid #0a0b0d;
}
.shipping-costs table tbody tr td {
  border-right: 1px solid #edf1f8;
  padding: .5em 1em;
  line-height: 1.7em;
}

.faqAnswers ul {
  margin-left: 2em !important;
}

.overlayView {
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  border: 0 !important;
  position: relative;
  top: 1px;
  z-index: 11;
}
.overlayView .content > .items .product .favorite.disabled {
  color: #00B2A5;
}

@media (min-width: 919px) {
  .SprdMain .overlayView.wishlist:before {
    right: 3.5em;
  }
}
.overlayView.empty .content, .overlayView > .empty .content, .itemView.empty .content, .itemView > .empty .content {
  margin-bottom: 1rem;
  max-height: none;
}
.overlayView.empty .content .noItems, .overlayView > .empty .content .noItems, .itemView.empty .content .noItems, .itemView > .empty .content .noItems {
  display: block;
  text-align: center;
}
.overlayView.empty .content .noItems .label, .overlayView > .empty .content .noItems .label, .itemView.empty .content .noItems .label, .itemView > .empty .content .noItems .label {
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  margin-top: 0.5em;
  margin-bottom: 20px;
  padding: 1em;
}
.overlayView.empty .content .noItems .Image, .overlayView > .empty .content .noItems .Image, .itemView.empty .content .noItems .Image, .itemView > .empty .content .noItems .Image {
  width: 100%;
}
.overlayView.empty .content .noItems .Image img, .overlayView > .empty .content .noItems .Image img, .itemView.empty .content .noItems .Image img, .itemView > .empty .content .noItems .Image img {
  max-width: 100%;
}
.overlayView.empty .content .noItems ~ *, .overlayView > .empty .content .noItems ~ *, .itemView.empty .content .noItems ~ *, .itemView > .empty .content .noItems ~ * {
  display: none;
}
@media screen and (min-width: 768px) {
  .overlayView.empty .content .noItems, .overlayView > .empty .content .noItems, .itemView.empty .content .noItems, .itemView > .empty .content .noItems {
    margin-top: -15px;
    padding-bottom: 15px;
  }
}
.overlayView.empty footer, .overlayView > .empty footer, .itemView.empty footer, .itemView > .empty footer {
  display: none;
}
.overlayView:not(.empty) .promo-message.promo-checked, .itemView:not(.empty) .promo-message.promo-checked {
  display: block;
  text-align: right;
  margin: .75em;
  font-size: 90%;
  font-weight: bold;
}
.overlayView .promo-message, .itemView .promo-message {
  display: none;
}
.overlayView header, .itemView header {
  font-size: 1.5em;
  padding: .25em;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .overlayView header, .itemView header {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 10px -3px rgba(0, 0, 0, 0.1);
    z-index: 2;
  }
}
.overlayView .content, .itemView .content {
  text-align: left;
  line-height: 1;
  font-size: 1rem;
  padding-top: 15px;
  -webkit-overflow-scrolling: touch;
}
.overlayView .content .noItems, .itemView .content .noItems {
  display: none;
}
.overlayView .content > .items, .itemView .content > .items {
  padding: 0 .5em;
}
.overlayView .content > .items .product, .itemView .content > .items .product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.5em;
}
.overlayView .content > .items .product > *, .itemView .content > .items .product > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.overlayView .content > .items .product:not(:first-child), .itemView .content > .items .product:not(:first-child) {
  border-top: 1px solid #ddd;
  padding-top: 1em;
}
.overlayView .content > .items .product .favorite, .overlayView .content > .items .product .delete, .itemView .content > .items .product .favorite, .itemView .content > .items .product .delete {
  padding: 0;
  height: 30px;
  max-width: 30px;
}
.overlayView .content > .items .product .favorite:after, .overlayView .content > .items .product .delete:after, .itemView .content > .items .product .favorite:after, .itemView .content > .items .product .delete:after {
  font-size: 125%;
  font-family: mobilemarketplace;
  line-height: 1.7em;
}
.overlayView .content > .items .product .favorite.disabled, .itemView .content > .items .product .favorite.disabled {
  color: #00B2A5;
  opacity: 1;
}
.overlayView .content > .items .product .favorite:before, .itemView .content > .items .product .favorite:before {
  font-size: 1.25rem;
  margin-top: .25rem;
}
.overlayView .content > .items .product .delete, .itemView .content > .items .product .delete {
  line-height: 1.7;
}
.overlayView .content > .items .product .delete:after, .itemView .content > .items .product .delete:after {
  content: "d";
}
.overlayView .content > .items .product .Image, .itemView .content > .items .product .Image {
  cursor: pointer;
  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.overlayView .content > .items .product .Image img, .itemView .content > .items .product .Image img {
  width: 100%;
}
@media (min-width: 768px) {
  .overlayView .content > .items .product .Image, .itemView .content > .items .product .Image {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
       -moz-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
}
.overlayView .content > .items .product .information, .itemView .content > .items .product .information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 3;
  -webkit-flex: 3;
     -moz-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  margin-left: .5em;
}
.overlayView .content > .items .product .information .productTypeName, .itemView .content > .items .product .information .productTypeName {
  font-size: 100%;
  white-space: normal;
  text-decoration: none;
  line-height: 1.25;
}
.overlayView .content > .items .product .information > .items .item, .itemView .content > .items .product .information > .items .item {
  margin: 1em 0;
  font-size: 80%;
}
.overlayView .content > .items .product .information .quantityControl, .itemView .content > .items .product .information .quantityControl {
  -webkit-border-radius: 3px;
          border-radius: 3px;
  overflow: hidden;
  max-width: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlayView .content > .items .product .information .quantityControl .button, .itemView .content > .items .product .information .quantityControl .button {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  width: 30px;
  text-align: center;
  z-index: 1;
  background-color: #f2f2f2;
  border: 0;
  font-size: 120%;
  overflow: hidden;
  padding: .2em 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F8F8F8));
  background-image: -webkit-linear-gradient(#FFFFFF, #F8F8F8);
  background-image: -moz- oldlinear-gradient(#FFFFFF, #F8F8F8);
  background-image: linear-gradient(#FFFFFF, #F8F8F8);
}
.overlayView .content > .items .product .information .quantityControl .button:first-child, .itemView .content > .items .product .information .quantityControl .button:first-child {
  border-right: 1px solid #ddd;
  -webkit-border-top-right-radius: 0;
          border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
          border-bottom-right-radius: 0;
}
.overlayView .content > .items .product .information .quantityControl .button:last-child, .itemView .content > .items .product .information .quantityControl .button:last-child {
  border-left: 1px solid #ddd;
  -webkit-border-top-left-radius: 0;
          border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
          border-bottom-left-radius: 0;
}
.overlayView .content > .items .product .information .quantityControl .button.trash, .itemView .content > .items .product .information .quantityControl .button.trash {
  font-family: mobilemarketplace;
}
.overlayView .content > .items .product .information .quantityControl .inputWrapper, .itemView .content > .items .product .information .quantityControl .inputWrapper {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 0 30px;
  margin: 0 -30px;
}
.overlayView .content > .items .product .information .quantityControl .inputWrapper .textInput, .itemView .content > .items .product .information .quantityControl .inputWrapper .textInput {
  border: none;
  background: transparent none;
  outline: none;
  width: 100%;
  text-align: center;
  font-style: normal;
  -moz-appearance: textfield;
}
.overlayView .content > .items .product .information .quantityControl .inputWrapper .textInput::-webkit-outer-spin-button,
.overlayView .content > .items .product .information .quantityControl .inputWrapper .textInput::-webkit-inner-spin-button, .itemView .content > .items .product .information .quantityControl .inputWrapper .textInput::-webkit-outer-spin-button,
.itemView .content > .items .product .information .quantityControl .inputWrapper .textInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.overlayView .content > .items .product .information .button.delete, .overlayView .content > .items .product .information .button.toBasket, .itemView .content > .items .product .information .button.delete, .itemView .content > .items .product .information .button.toBasket {
  font-size: 80%;
}
.overlayView .content > .items .product .information .button.delete .Icon:before, .itemView .content > .items .product .information .button.delete .Icon:before {
  content: 'd';
}
.overlayView .content > .items .product .information .button .Icon, .itemView .content > .items .product .information .button .Icon {
  font-size: 1.8em;
  margin-right: .2em;
}
.overlayView .content > .items .product .information .button .Icon:before, .itemView .content > .items .product .information .button .Icon:before {
  font-family: mobilemarketplace;
}
.overlayView .content > .items .product .information .Price .item.price, .itemView .content > .items .product .information .Price .item.price {
  margin: .5em 0 0 0;
  font-size: 120%;
}
.overlayView .content > .items .product .information .toBasket, .itemView .content > .items .product .information .toBasket {
  margin-top: .7em;
  font-size: .75em;
}
.overlayView .content > .items .product .information .toBasket .label, .itemView .content > .items .product .information .toBasket .label {
  margin-left: 0;
}
@media (min-width: 500px) {
  .overlayView .content > .items .product .information, .itemView .content > .items .product .information {
    margin-left: 1em;
  }
}
.overlayView .content .costDetails, .itemView .content .costDetails {
  border-top: 1px solid #ddd;
  margin-bottom: 1em;
  padding: .5em;
}
.overlayView .content .costDetails .row, .itemView .content .costDetails .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.8em;
  margin-left: 0;
  margin-right: 0;
}
.overlayView .content .costDetails .additional, .itemView .content .costDetails .additional {
  margin-top: 0.2em;
  font-size: 95%;
}
.overlayView .content .costDetails .label, .overlayView .content .costDetails .price, .itemView .content .costDetails .label, .itemView .content .costDetails .price {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}
.overlayView .content .costDetails .price, .itemView .content .costDetails .price {
  text-align: right;
  font-size: 120%;
}
.overlayView .content .Service.information, .itemView .content .Service.information {
  margin: 2em 0 0 1em;
  padding-bottom: 1em;
  font-family: "Montserrat", sans-serif;
}
.overlayView .content .Service.information .header, .overlayView .content .Service.information .time, .itemView .content .Service.information .header, .itemView .content .Service.information .time {
  color: #828282;
  font-size: 90%;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
.overlayView .content .Service.information .header, .itemView .content .Service.information .header {
  white-space: normal;
  word-wrap: break-word;
}
.overlayView .content .Service.information .header:before, .itemView .content .Service.information .header:before {
  font-family: mobilemarketplace;
  content: 'P';
  font-size: 110%;
  left: -23px;
}
.overlayView .content .Service.information .time:before, .itemView .content .Service.information .time:before {
  font-family: mobilemarketplace;
  content: '\2022';
  font-size: 110%;
  left: -1em;
}
.overlayView .content .Service.information .contact, .itemView .content .Service.information .contact {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 768px) {
  .overlayView .content, .itemView .content {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 40vh;
    min-height: 10em;
    position: relative;
    z-index: -1;
  }
}
.overlayView footer, .itemView footer {
  padding: .5em;
}
.overlayView footer .volumeDiscount, .itemView footer .volumeDiscount {
  position: absolute;
  padding: .6em .8em;
  white-space: normal;
  text-align: center;
  line-height: 1.3;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: -.6em;
}
.overlayView footer .volumeDiscount:before, .itemView footer .volumeDiscount:before {
  content: '';
  position: absolute;
  bottom: -.4em;
  right: 1em;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 16px;
  height: 16px;
  background: #5B76CF;
}
.overlayView footer .volumeDiscount:before, .itemView footer .volumeDiscount:before {
  right: 2em;
  top: 1.8em;
}
.overlayView footer .volumeDiscount:not(.showHint), .itemView footer .volumeDiscount:not(.showHint) {
  display: none;
}
.overlayView footer .total, .itemView footer .total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-top: 1.5em;
  margin-left: 0;
  margin-right: 0;
}
.overlayView footer .total .price, .itemView footer .total .price {
  font-size: 150%;
  font-family: "Montserrat", sans-serif;
}
.overlayView footer .price-info, .itemView footer .price-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: .7em;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: .25em 0 1em 0;
}
.overlayView footer .price-info .vat, .itemView footer .price-info .vat {
  margin-right: .25em;
}
.overlayView footer .price-info .shipping, .itemView footer .price-info .shipping {
  color: #333;
}
.overlayView footer .price-info .shippingInfo, .itemView footer .price-info .shippingInfo {
  margin-left: 0.8em;
  display: none;
}
.overlayView footer .Wrapper, .itemView footer .Wrapper {
  background-color: inherit;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.overlayView footer .Wrapper .buttons.cta .button, .itemView footer .Wrapper .buttons.cta .button {
  width: 100%;
  display: block;
  white-space: normal;
  padding: 1em;
  margin-bottom: 10px;
}
.overlayView footer .shippingTime, .itemView footer .shippingTime {
  font-size: .7em;
}
@media screen and (min-width: 768px) {
  .overlayView footer, .itemView footer {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0 -3px 10px -3px rgba(0, 0, 0, 0.25);
            box-shadow: 0 -3px 10px -3px rgba(0, 0, 0, 0.25);
  }
}

@media screen and (min-width: 768px) {
  .overlayView {
    position: absolute;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    position: absolute;
    right: 0;
    top: auto;
    margin-top: -5px;
    width: 30em;
    max-height: 72vh;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
  }
  .overlayView:before {
    content: '';
    position: absolute;
    bottom: -.4em;
    right: 1em;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 16px;
    height: 16px;
    background: inherit;
  }
  .overlayView:before {
    top: -.5em;
    right: .75em;
    -webkit-box-shadow: 0 -3px 10px -3px rgba(0, 0, 0, 0.25);
            box-shadow: 0 -3px 10px -3px rgba(0, 0, 0, 0.25);
    z-index: -1;
  }
  .overlayView.wishlist:before {
    right: 3.5em;
  }
}
@media (min-width: 919px) {
  .overlayView.wishlist:before {
    right: 4em;
  }
}

@media screen and (max-width: 767px) {
  .overlayView {
    padding-top: 1rem;
    position: fixed;
    top: 61px;
    left: 0;
    width: 100%;
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
  }

  .SprdHeader.has-promo .overlayView {
    top: 93px;
    height: -webkit-calc(100% - 92px);
    height: -moz-calc(100% - 92px);
    height: calc(100% - 92px);
  }
}
.itemView header {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-bottom: 1.5em;
}
@media screen and (min-width: 768px) {
  .itemView header header {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .itemView .content {
    max-height: inherit;
    min-height: inherit;
    z-index: 0;
  }
}

.itemView {
  max-width: 640px;
  margin: 0 auto;
}

.InlineTextEditor {
  width: 100%;
  position: relative;
  margin-bottom: 6.2em;
}
.InlineTextEditor * {
  outline: none;
  -webkit-touch-callout: none;
}
.InlineTextEditor *:not(textarea) {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (min-width: 768px) {
  .editModeEnabled .Wrapper.buttons.Wrapper {
    display: none;
  }
}
.InlineTextEditor .InlineEditMenu {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 96%;
  -webkit-transform: translate(0, 20px);
     -moz-transform: translate(0, 20px);
      -ms-transform: translate(0, 20px);
          transform: translate(0, 20px);
  -webkit-transition: -webkit-transform 300ms ease-in;
     -moz-transition: -moz-transform 300ms ease-in;
          transition: transform 300ms ease-in;
  z-index: 11;
}
.InlineTextEditor .InlineEditMenu .wrapper {
  border: 1px solid #ccc;
  padding: 2.5em 1.5em 1.5em;
  position: relative;
  left: -50%;
  z-index: 11;
}
.InlineTextEditor.active .Wrapper.image {
  display: block;
  bottom: -1em;
}
.InlineTextEditor .Wrapper.image {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  height: auto;
  position: relative;
  display: none;
}
.InlineTextEditor .Image.product-type {
  position: static;
  width: 100%;
  height: auto;
  max-width: inherit;
}
.InlineTextEditor .editable {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.InlineTextEditor .editable img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.InlineTextEditor .editable .handle.edit {
  display: none;
}
.InlineTextEditor .editable.editing {
  z-index: 5;
}
.InlineTextEditor .editable.editing:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px dashed black;
  position: absolute;
  z-index: 0;
  top: 0;
}
.InlineTextEditor .editable.editing .handle.edit {
  display: block;
  z-index: 1;
}
.InlineTextEditor textarea {
  display: inline-block;
  vertical-align: middle;
  padding: .7em .8em;
  -webkit-touch-callout: default;
  width: 100%;
  max-height: 200px;
  margin-bottom: 10px;
  resize: none;
}
.InlineTextEditor .close {
  cursor: pointer;
  font-size: 1.4em;
  position: absolute;
  top: 0;
  right: 0;
  padding: .5em;
}
.InlineTextEditor textarea.full {
  width: 100%;
}
.InlineTextEditor .button:before {
  margin-right: 0.3em;
  vertical-align: middle;
}
.InlineTextEditor .button.cancel:before, .InlineTextEditor .button.confirm:before, .InlineTextEditor .button.preview:before, .InlineTextEditor .close:before {
  font-family: mobilemarketplace;
  content: '\e900';
}
.InlineTextEditor .button.cancel, .InlineTextEditor.Mobile .button.confirm {
  width: 55%;
  margin-left: 5%;
  margin-bottom: 1em;
}
.InlineTextEditor .button.cancel:before, .InlineTextEditor .close:before {
  content: "x";
}
.InlineTextEditor .button.confirm {
  width: 55%;
  margin-left: 5%;
}
.InlineTextEditor .button.confirm:before {
  content: "";
}
.InlineTextEditor .button.preview {
  width: 40%;
}
.InlineTextEditor .button.preview:before {
  content: "";
}

@media screen and (min-width: 768px) {
  #article-detail-page.layoutProductCentered .InlineTextEditor {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -.25em;
    margin-bottom: 0;
  }
  #article-detail-page.layoutProductCentered .InlineTextEditor.cssPrefixhidden {
    display: block !important;
  }
  #article-detail-page.layoutProductCentered .InlineTextEditor.active {
    z-index: 1;
  }
  #article-detail-page.layoutProductCentered .InlineTextEditor.active .InlineEditMenu {
    left: 50%;
    -webkit-transform: translate(0, -85px);
       -moz-transform: translate(0, -85px);
        -ms-transform: translate(0, -85px);
            transform: translate(0, -85px);
  }
  #article-detail-page.layoutProductCentered .InlineTextEditor .InlineEditMenu {
    -webkit-transform: translate(0, 20px);
       -moz-transform: translate(0, 20px);
        -ms-transform: translate(0, 20px);
            transform: translate(0, 20px);
    z-index: 1;
  }
  #article-detail-page.layoutProductCentered .InlineTextEditor .InlineEditMenu .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-top: 2.5em;
    -webkit-box-shadow: 0 -10px 26px rgba(0, 0, 0, 0.07);
            box-shadow: 0 -10px 26px rgba(0, 0, 0, 0.07);
    border: none;
    -webkit-border-top-left-radius: 5px;
            border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
            border-top-right-radius: 5px;
  }
  #article-detail-page.layoutProductCentered .InlineTextEditor textarea {
    max-height: 37px;
    position: absolute;
    bottom: 24px;
    width: 170px;
    margin-bottom: 0;
    padding: .45em;
  }
  #article-detail-page.layoutProductCentered .InlineTextEditor .button.preview {
    margin-left: 185px;
  }
  #article-detail-page.layoutProductCentered .InlineTextEditor .button.confirm {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
       -moz-box-flex: 2;
        -ms-flex: 2;
            flex: 2;
  }
  #article-detail-page.layoutProductCentered .InlineTextEditor .button.preview {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
       -moz-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
}

.edit-text-wrapper {
  position: relative;
  margin-top: -3.5em;
}
.edit-text-wrapper .Label {
  display: inline-block;
}

.handle.edit {
  position: absolute;
  height: 2em;
  width: 2em;
  padding: 0.4em;
}
.handle.edit.move, .handle.edit.move:active {
  left: -2em;
  top: -2rem;
}
.handle.edit.scale, .handle.edit.scale:active {
  right: -2em;
  bottom: -2rem;
  top: auto;
}

.Carousel {
  display: inline-block;
  width: 100%;
  overflow: visible;
  margin: 0 auto;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.Carousel.productType .Wrapper.items .Item {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  font-size: 0.75rem;
  line-height: 1.4em;
  padding: 12px;
}
@media screen and (min-width: 768px) {
  .Carousel.productType .Wrapper.items .Item {
    font-size: 0.875rem;
  }
}
.Carousel.productType .Wrapper.items .Item:hover {
  -webkit-box-shadow: inset 0 0 0 1px #ddd;
          box-shadow: inset 0 0 0 1px #ddd;
}
.Carousel.productType .Wrapper.items .label {
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
}
.Carousel.productType .Wrapper.items .label.name {
  margin-top: .7em;
}
.Carousel.productType .Wrapper.items .label.price {
  font-weight: bold;
}
.Carousel, .Carousel .NavigationButton, .Carousel .Wrapper.scroll {
  vertical-align: middle;
}
.Carousel .NavigationButton {
  color: #00B2A5;
  cursor: pointer;
  display: inline-block;
  font-family: mobilemarketplace;
  font-size: 64px;
  pointer-events: auto;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 2;
}
.Carousel .NavigationButton:hover {
  color: #009E94;
}
.Carousel .NavigationButton.disabled {
  color: #ccc;
  cursor: default;
}
.Carousel .NavigationButton.invisible {
  visibility: hidden;
}
.Carousel.buttonsHidden .NavigationButton {
  visibility: hidden;
}
.Carousel:not(.vertical) .NavigationButton {
  width: 64px;
  height: 64px;
  line-height: 64px;
}
.Carousel:not(.vertical) .Wrapper.scroll {
  padding-left: 64px;
  margin-left: -64px;
  padding-right: 64px;
  margin-right: -64px;
}
@media screen and (min-width: 1728px) {
  .Carousel:not(.vertical) .NavigationButton.backward {
    margin-left: -64px;
  }
  .Carousel:not(.vertical) .NavigationButton.forward {
    margin-right: -64px;
  }
  .Carousel:not(.vertical) .Wrapper.scroll {
    padding-left: 0;
    margin-left: 0;
    padding-right: 0;
    margin-right: 0;
  }
}
.Carousel.vertical {
  white-space: normal;
}
.Carousel.vertical .NavigationButton {
  width: 64px;
  height: 64px;
  line-height: 64px;
}
.Carousel.vertical .NavigationButton.backward:after {
  content: "v";
}
.Carousel.vertical .NavigationButton.forward:after {
  content: "u";
}
.Carousel.vertical .Wrapper.scroll {
  padding-top: 64px;
  margin-top: -64px;
  padding-bottom: 64px;
  margin-bottom: -64px;
}
.Carousel.vertical .Wrapper.items .Item {
  width: 100%;
}
.Carousel .Wrapper.scroll {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 767px) {
  .Carousel .Wrapper.scroll {
    padding-left: 0;
    padding-right: 0;
  }
}
.Carousel .Wrapper.items {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.Carousel .Wrapper.items::-webkit-scrollbar {
  display: none;
}
.Carousel .Wrapper.items .Item {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  padding: 0 12px;
  width: 50%;
  position: relative;
  vertical-align: top;
  cursor: pointer;
}
@media screen and (min-width: 500px) {
  .Carousel .Wrapper.items .Item {
    width: 33.33333%;
  }
}
@media screen and (min-width: 768px) {
  .Carousel .Wrapper.items .Item {
    width: 25%;
  }
}
@media screen and (min-width: 1168px) {
  .Carousel .Wrapper.items .Item {
    width: 20%;
  }
}
@media screen and (min-width: 1568px) {
  .Carousel .Wrapper.items .Item {
    width: 16.66667%;
  }
}
.Carousel .Wrapper.items .Item .wrapper {
  background-color: #f2f2f2;
}
.Carousel .Wrapper.items picture, .Carousel .Wrapper.items img {
  display: block;
  width: 100%;
}
.Carousel .Wrapper.items picture {
  margin-left: auto;
  margin-right: auto;
}
.Carousel .points {
  background-color: white;
  margin: 0 -1rem;
  padding: 0 1rem;
  text-align: center;
}
.Carousel .points .point {
  background-color: white;
  border: 1px solid #999;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px white inset;
          box-shadow: 0 0 0 1px white inset;
  color: #999;
  cursor: pointer;
  display: inline-block;
  height: .5rem;
  margin: 0 .25rem;
  padding: 2px;
  width: .5rem;
}
.Carousel .points .point.active {
  background-color: #999;
}
@media screen and (max-width: 767px) {
  .Carousel:not(.vertical) .Wrapper.scroll {
    padding: 0;
    margin: 0;
    left: -48px;
  }
  .Carousel:not(.vertical) .NavigationButton {
    font-size: 3.5em;
  }
  .Carousel:not(.vertical) .NavigationButton.forward {
    right: 96px;
  }
  .Carousel:not(.vertical) .NavigationButton.backward {
    margin-left: -16px;
  }
  .Carousel.productViews .Wrapper.items .Item {
    vertical-align: bottom;
    width: 100%;
  }
  .Carousel.productViews .Wrapper.items .Item:not(:last-child) {
    border-right: .25rem solid white;
  }
  .Carousel.productViews .Wrapper.items .Item:last-child {
    border-right: .25rem solid transparent;
  }
  .Carousel.productViews .NavigationButton {
    visibility: hidden;
  }
}

.Wrapper.buttons.department {
  margin-bottom: 1em;
}
.Wrapper.buttons.department .items {
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto;
  width: 100%;
  text-align: center;
}
.Wrapper.buttons.department .Button {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  font-size: .9rem;
  padding: 0 1.5em .75em .75em;
  vertical-align: middle;
}
.Wrapper.buttons.department .Button.men:before {
  content: "";
}
.Wrapper.buttons.department .Button.women:before {
  content: "";
}
.Wrapper.buttons.department .Button.children:before {
  content: "";
}
.Wrapper.buttons.department .Button.accessories:before {
  content: "";
}
.Wrapper.buttons.department .Button.cases:before {
  content: "";
}
.Wrapper.buttons.department .Button.wallart:before {
  content: "";
}
.Wrapper.buttons.department .Button:before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  font-family: mobilemarketplace;
  font-size: 2em;
  line-height: 1;
  vertical-align: middle;
  width: 2rem;
}
.Wrapper.buttons.department .Button.active {
  border-bottom: 2px solid #00B2A5;
  color: #00B2A5;
  font-weight: bold;
  z-index: 2;
}
.Wrapper.buttons.department .Button.active:before {
  font-weight: normal;
}
.Wrapper.buttons.department .Button:hover {
  color: #009E94;
}
.Wrapper.buttons.department .Button.men .label, .Wrapper.buttons.department .Button.women .label {
  margin-left: -2.35rem;
  padding-left: 2.35rem;
}
.Wrapper.buttons.department .Button.cases .label {
  margin-left: -2.5rem;
  padding-left: 2.5rem;
}
.Wrapper.buttons.department .label {
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-left: -2rem;
  padding-left: 2.2rem;
}

.Wrapper.layoutProductCentered .header {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.Wrapper.layoutProductCentered .header h1 {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  max-height: 2.4em;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .Wrapper.layoutProductCentered .header h1 {
    font-size: 1.125rem;
  }
}
.Wrapper.layoutProductCentered .header h1.long span {
  display: block;
  white-space: nowrap;
}
.Wrapper.layoutProductCentered .header h1 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}
.Wrapper.layoutProductCentered .header .userLink {
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .Wrapper.layoutProductCentered .header {
    margin-bottom: 1rem;
  }
  .Wrapper.layoutProductCentered .header h1 {
    position: relative;
    text-align: left;
    margin: 0 0 .2em;
  }
}
@media screen and (max-width: 767px) {
  .Wrapper.layoutProductCentered .header {
    padding-top: .25rem;
    position: absolute;
    top: -4rem;
  }
  .Wrapper.layoutProductCentered .header h1 {
    margin: .7em auto 0;
  }
  .Wrapper.layoutProductCentered .header .link-back {
    display: inline-block;
  }
  .Wrapper.layoutProductCentered .header .userLinkWrapper {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .Wrapper.layoutProductCentered .header {
    white-space: inherit;
    overflow: visible;
  }
}

.productView .edit-text-wrapper {
  white-space: nowrap;
}
.productView .edit-text-wrapper .Label {
  display: inline-block;
  white-space: normaL;
  vertical-align: middle;
  text-align: left;
}
.productView .edit-text-wrapper .button.edit {
  -webkit-border-radius: .2em;
          border-radius: .2em;
}
.productView .edit-text-wrapper .button.edit, .productView .edit-text-wrapper .button.edit:hover {
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.productView .edit-text-wrapper .button.edit:hover {
  color: #009E94;
}
.productView .edit-text-wrapper .button.edit:active {
  color: #00877E;
}
.productView .edit-text-wrapper:after {
  background: white;
  display: inline-block;
  position: absolute;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 15px;
  height: 15px;
}
@media screen and (max-width: 767px) {
  .productView .edit-text-wrapper {
    margin: 0 0 1em;
    position: relative;
    -webkit-transition: -webkit-box-shadow 0.4s;
       -moz-transition: box-shadow 0.4s;
            transition: box-shadow 0.4s;
  }
  .productView .edit-text-wrapper .Label {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 0;
    overflow: hidden;
    margin: 0;
    height: 1em;
    -webkit-transition: max-width 0.4s, margin 0.4s;
       -moz-transition: max-width 0.4s, margin 0.4s;
            transition: max-width 0.4s, margin 0.4s;
  }
  .productView .edit-text-wrapper .button {
    position: relative;
    z-index: 2;
  }
  .productView .edit-text-wrapper .button:before {
    content: '';
    display: none;
  }
  .productView .edit-text-wrapper .button:after {
    font-family: mobilemarketplace;
    vertical-align: middle;
    display: inline-block;
  }
  .productView .edit-text-wrapper .button.text:after {
    content: "";
  }
  .productView .edit-text-wrapper .button.design:after {
    content: "";
  }
  .productView .edit-text-wrapper.open:after {
    content: '';
    left: 1em;
    top: -7.5px;
  }
  .productView .edit-text-wrapper.open .button .Label {
    height: auto;
    max-width: 100vw;
    margin-right: .5em;
  }
  .productView .edit-text-wrapper.open .button.edit {
    background: white none;
  }
}
@media screen and (min-width: 768px) {
  .productView .edit-text-wrapper {
    position: absolute;
    left: -webkit-calc(42% - 18.5rem);
    left: -moz-calc(42% - 18.5rem);
    left: calc(42% - 18.5rem);
    margin: -300px 0 0 0;
    max-width: 12rem;
    z-index: 2;
  }
  .productView .edit-text-wrapper:hover {
    opacity: 1;
  }
  .productView .edit-text-wrapper .Label {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding-left: 0.5em;
    margin-left: -0.5em;
    line-height: 1.3em;
    padding-right: 1.3em;
  }
  .productView .edit-text-wrapper:after {
    content: '';
    top: 50%;
    right: -7.5px;
    margin-top: -7.5px;
  }
  .productView .edit-text-wrapper .button.edit, .productView .edit-text-wrapper .button.edit:hover {
    background: white none;
  }
  .productView .button.edit {
    color: #00B2A5;
    -webkit-border-radius: 0;
            border-radius: 0;
    font-weight: bold;
    position: relative;
    z-index: 1;
  }
  .productView .button.edit:before {
    height: 1em;
    vertical-align: middle;
    font-size: 1.7rem;
    margin-right: 0.3em;
  }
}

.DetailBox.buyingBlock {
  vertical-align: middle;
  position: relative;
  z-index: 2;
}
.DetailBox.buyingBlock .Dropdown {
  margin-bottom: 1.5em;
}
.DetailBox.buyingBlock .customlink {
  color: inherit;
}
.DetailBox.buyingBlock .button {
  width: 100%;
  display: inline-block;
  line-height: 1.1;
}
.DetailBox.buyingBlock .button:before, .DetailBox.buyingBlock .button .Icon {
  font-size: 1.5em;
}
.DetailBox.buyingBlock .button .label-wrapper {
  font-weight: bold;
}
.DetailBox.buyingBlock .button.addToBasket {
  border: 0;
  padding: .85em 1.2em;
}
.DetailBox.buyingBlock .button.vpHintButton {
  font-size: .9em;
}
.DetailBox.buyingBlock .button.favorite.mobileOnly {
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
}
.DetailBox.buyingBlock .button.favorite.mobileOnly:before {
  font-size: 2rem;
}
.DetailBox.buyingBlock .button.favorite.mobileOnly.disabled {
  opacity: 1;
}
.DetailBox.buyingBlock .button.favorite.mobileOnly.disabled:before {
  content: "";
}
.DetailBox.buyingBlock .Price {
  display: inline-block;
  line-height: 1;
  margin-bottom: 1rem;
  padding: 0;
}
.DetailBox.buyingBlock .Price .vat, .DetailBox.buyingBlock .Price .shippingCost {
  font-size: 0.75rem;
  display: inline-block;
  vertical-align: bottom;
  color: #999;
}
.DetailBox.buyingBlock .Price .vat {
  margin-right: .2em;
}
.DetailBox.buyingBlock .Price .vat a {
  color: #999;
  text-decoration: none;
}
.DetailBox.buyingBlock .Price .vat a:hover {
  color: #333;
}
.DetailBox.buyingBlock .Price .vat.asterisk:after {
  content: "*,";
}
.DetailBox.buyingBlock .Price .shippingCost:after, .DetailBox.buyingBlock .Price .vat:after {
  content: ",";
  display: inline-block;
  margin-right: 0.3em;
}
.DetailBox.buyingBlock .Price .shippingCost:hover:after, .DetailBox.buyingBlock .Price .vat:hover:after {
  color: #999;
}
.DetailBox.buyingBlock .Price .value {
  font-size: 2em;
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
}
.DetailBox.buyingBlock .Price .label {
  display: inline-block;
}
.DetailBox.buyingBlock .Price .label.from:after {
  content: " ";
  white-space: pre;
}
.DetailBox.buyingBlock .ptName {
  color: #999;
  text-align: left;
}
.DetailBox.buyingBlock a,
.DetailBox.buyingBlock .shippingCost,
.DetailBox.buyingBlock .shippingInfo {
  text-decoration: underline;
}
.DetailBox.buyingBlock a:hover,
.DetailBox.buyingBlock .shippingCost:hover,
.DetailBox.buyingBlock .shippingInfo:hover {
  color: #00B2A5;
  cursor: pointer;
}
.DetailBox.buyingBlock .shippingInfo {
  color: #999;
  display: inline-block;
  font-size: 0.75rem;
  margin-top: .2em;
  vertical-align: bottom;
}
.DetailBox.buyingBlock .label.metaProducts {
  display: block;
  margin-bottom: .5rem;
}
@media screen and (min-width: 768px) {
  .DetailBox.buyingBlock {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  .DetailBox.buyingBlock .Price {
    margin: 2rem 0 .5rem;
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
    text-align: center;
    width: 100%;
  }
  .DetailBox.buyingBlock .Price .value {
    font-size: 1.75rem;
    margin-bottom: .2em;
  }
}
@media screen and (max-width: 767px) {
  .DetailBox.buyingBlock .Row.actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.priceInfo {
    margin-top: .63em;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.priceInfo .Price {
    text-align: right;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.selection {
    display: block;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.selection .Dropdown {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 47%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 47%;
            flex: 0 0 47%;
    margin-left: 1em;
    margin-right: 1em;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.cta {
    display: block;
    text-align: center;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .Price {
    margin-top: 0.3em;
    margin-bottom: 0.6em;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .Price .bold.value {
    margin-bottom: 0.3em;
    font-size: 1.6em;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .button:before {
    margin: 0;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .button.addToBasket {
    padding: 0.893em 1.2em;
    margin-bottom: 1.25rem;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .button.edit {
    padding: 0.822em 1.2em;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .button.edit:before {
    margin-right: 0.5rem;
  }
  .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .shippingInfo {
    display: inline-block;
    margin: 0;
    vertical-align: bottom;
  }
  .DetailBox.buyingBlock .label.metaProducts {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  #sprd-main:not(.cookieBanner) .stickyAddToBasket .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .button.addToBasket {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    height: 4rem;
    width: 100%;
    background-color: white;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 0;
    padding: .75rem;
    z-index: 2;
  }
  #sprd-main:not(.cookieBanner) .stickyAddToBasket .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .button.addToBasket:hover {
    background-color: white;
  }
  #sprd-main:not(.cookieBanner) .stickyAddToBasket .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .button.addToBasket .Price {
    display: block;
  }
  #sprd-main:not(.cookieBanner) .stickyAddToBasket .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .button.addToBasket .label-wrapper {
    background-color: #00B2A5;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    font-size: 1rem;
    line-height: 1.4em;
    padding: .5rem;
  }
  #sprd-main:not(.cookieBanner) .stickyAddToBasket .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .button.addToBasket .label-wrapper:hover {
    background-color: #009E94;
  }
  #sprd-main:not(.cookieBanner) .stickyAddToBasket .DetailBox.buyingBlock .Row.actions > .Wrapper.cta .Price {
    margin-top: 0;
    margin-bottom: 0;
  }
  #sprd-main:not(.cookieBanner) .stickyAddToBasket .DetailBox.buyingBlock .Row.actions > .Wrapper.selection {
    margin: 0;
  }
}
.Sharing .sharingOverlay {
  position: absolute;
  top: 100%;
  right: 5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  display: none;
  min-width: 220px;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  background-color: white;
  border: 1px solid #ddd;
  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}
.Sharing .sharingOverlay > div {
  width: 100%;
}
.Sharing .sharingOverlay.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}
.Sharing .sharingOverlay .social-sharing-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 20%;
  padding: 5px 0 0;
}
.Sharing .sharingOverlay .social-sharing-wrapper:first-child {
  -webkit-border-top-left-radius: 2px;
          border-top-left-radius: 2px;
}
.Sharing .sharingOverlay .social-sharing-wrapper:last-child {
  -webkit-border-top-right-radius: 2px;
          border-top-right-radius: 2px;
}
@media (max-width: 767px) {
  .Sharing .sharingOverlay .social-sharing-wrapper {
    padding: 0;
  }
}
.Sharing .sharingOverlay .social-sharing-item {
  -webkit-border-radius: 0;
          border-radius: 0;
  min-width: 100%;
}

.usp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0.75rem 1rem;
  background-color: #cbf0ed;
}
.usp__list {
  -webkit-flex-basis: -webkit-calc(100% - 100px);
      -ms-flex-preferred-size: calc(100% - 100px);
          flex-basis: -moz-calc(100% - 100px);
          flex-basis: calc(100% - 100px);
  padding-right: .5rem;
}
.usp__item {
  margin-left: 2.5rem;
}
.usp__item:not(:last-child) {
  margin-bottom: 0.75rem;
}
.usp__item:before {
  display: inline-block;
  width: 2.5rem;
  margin-left: -2.5rem;
  font-family: mobilemarketplace;
  font-size: 1.75rem;
  vertical-align: middle;
}
.usp__item.money:before {
  content: "";
}
.usp__item.truck:before {
  content: "";
}
.usp__item.thumbs-up:before {
  content: "";
}
.usp__img {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  height: 100px;
  width: 100px;
}

.SprdMain.show-fullscreen-overlay .SprdHeader {
  display: none;
}
.SprdMain.show-fullscreen-overlay .overlay.zoom {
  -ms-scroll-chaining: none;
  -ms-touch-action: none;
  touch-action: none;
}
@media screen and (max-width: 767px) {
  .SprdMain.show-fullscreen-overlay .overlay.zoom .Wrapper.content {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
  }
}
.SprdMain.show-fullscreen-overlay .overlay.zoom .Wrapper.content .content {
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFgSURBVEiJtZahb8JQEMZ/HyOpQICYqJxrk8kJzJJJ/P7QaRAIwgQkIEk2h0RMgECQsNwE91jHCi0lveQlfXf9vq/vvbt7lZlRxiS1gTefvprZphTQzAoH0AYmgPmYAO1S2ArkV4kUkUdnyLMi0S0CCbC/ILAHklu3KAZSYJwhHrsvLsI3SyTBClhJ2mbcWzP7KJNEjexEUiQpKQPMM0mJpChXwPN8BCwkxRXIY2ABjJzrV8AdA6AL3AGdCgvoOLYLDIKIOOR5IA/2DmxPCJ6Ae3/+AuYn8RbwnJlPgR7AkPNpeOsY/jnkOqz+LTrTb9Kcgutn4v2ceJqJH/tUA8Bbb89Vv4H19ZvB2rFToBfa+bGSzWwj6QV48Oq9ysxsJekRWJrZLvibJy/tgM8KXx/w/7CFvcgrtMPhEIO1JKXAunC1dbfrojpYArML8Zm/U20FtV+ZF0RKX/pygkKr+tvyA5yDQyxMslElAAAAAElFTkSuQmCC), move;
}
@media screen and (max-width: 767px) {
  .SprdMain.show-fullscreen-overlay .overlay.zoom .Wrapper.content .content {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: inherit;
            border-radius: inherit;
  }
}
.SprdMain.show-fullscreen-overlay .overlay.zoom .Wrapper.image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.SprdMain.show-fullscreen-overlay .overlay.zoom img {
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: none;
}
.SprdMain.show-fullscreen-overlay .overlay.zoom .close {
  -webkit-border-radius: 100%;
          border-radius: 100%;
  background: rgba(255, 255, 255, 0.6);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: .5em solid transparent;
  right: 0;
  top: 0;
}
.SprdMain.show-fullscreen-overlay .overlay.zoom .close .touch {
  font-size: 2em;
}
.Dropdown {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  -webkit-box-shadow: 0 0 0 1px #ccc;
          box-shadow: 0 0 0 1px #ccc;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  background: white;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.Dropdown .dropdownLabel, .Dropdown .Button {
  display: inline-block;
  vertical-align: middle;
  font-size: .9em;
}
.Dropdown .dropdownLabel {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: -2.3em;
  text-align: center;
  line-height: 2.2;
  padding: 0 2.3em 0 0.5em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Dropdown .dropdownLabel .Label {
  border-right: 1px solid #ccc;
}
.Dropdown .Item .Label {
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.3em 1.2em 0.3em 0;
}
.Dropdown .Wrapper.Items {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  margin-top: 2px;
  background: inherit;
}
.Dropdown .Wrapper.Items .items {
  overflow: auto;
  max-height: 0;
  width: 100%;
  text-align: left;
  -webkit-transition: max-height .1s;
     -moz-transition: max-height .1s;
          transition: max-height .1s;
  border: 1px solid transparent;
  border-top: none;
  padding: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.Dropdown .Wrapper.Items .Item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.5em;
  line-height: 2.75;
  font-size: .9em;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.Dropdown .Wrapper.Items .Item:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.Dropdown .Wrapper.Items .Item:hover {
  background: #f2f2f2;
}
.Dropdown .Wrapper.Items .Item.active {
  background: #f2f2f2;
}
.Dropdown .Button {
  width: 2em;
  height: 1.6em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto 0;
  font-family: mobilemarketplace;
}
.Dropdown .Button:before {
  content: "u";
  font-size: 1.8rem;
  margin-left: .15em;
}
.Dropdown:not(.open):hover {
  -webkit-box-shadow: 0 0 0 1px #009E94;
          box-shadow: 0 0 0 1px #009E94;
}
.Dropdown:not(.open):active {
  -webkit-box-shadow: 0 0 0 1px #00877E;
          box-shadow: 0 0 0 1px #00877E;
}
.Dropdown.open {
  overflow: visible;
  -webkit-box-shadow: 0 0 0 2px #00B2A5;
          box-shadow: 0 0 0 2px #00B2A5;
}
.Dropdown.open .Button:before {
  content: "v";
}
.Dropdown.open .Wrapper.Items {
  -webkit-box-shadow: 0 3px 10px #ccc;
          box-shadow: 0 3px 10px #ccc;
}
.Dropdown.open .Wrapper.Items .items {
  max-height: 18.55em;
  margin: 0 -1px;
  border-color: #ccc;
}
.Dropdown.error {
  border: 1px solid #5B76CF;
  -webkit-border-top-left-radius: .2em;
          border-top-left-radius: .2em;
  -webkit-border-top-right-radius: .2em;
          border-top-right-radius: .2em;
}
.Dropdown.error.open {
  border-bottom-color: #ccc;
}
.Dropdown.error .Wrapper.Items .items {
  border-color: #5B76CF;
}
.Dropdown.error.sizes .Wrapper.Items .sizeFitHint {
  border-left-color: #5B76CF;
  border-right-color: #5B76CF;
}
.Dropdown.error .hint {
  position: absolute;
  display: inline-block;
  position: absolute;
  cursor: default;
  right: 110%;
  top: -3.35em;
  background-color: #5B76CF;
  color: white;
  padding: 1em;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  font-size: 0.75rem;
  line-height: 1.4em;
}
.Dropdown.error .hint:before {
  content: '';
  position: absolute;
  bottom: -.4em;
  right: 1em;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 16px;
  height: 16px;
  background: #5B76CF;
}
@media screen and (min-width: 768px) {
  .Dropdown.error .hint {
    font-size: 0.875rem;
  }
}
.Dropdown.error .hint:before {
  right: -.7em;
  top: 1.2em;
}
.Dropdown.colors .dropdownLabel {
  text-align: center;
}
.Dropdown.colors .Wrapper.color {
  width: 1.5em;
  height: 1.5em;
  line-height: 0;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-box-shadow: 0 0 1px #686868;
          box-shadow: 0 0 1px #686868;
  overflow: hidden;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.Dropdown.colors .Wrapper.color .Image {
  width: 100%;
  height: 100%;
}
.Dropdown.colors .Wrapper.color, .Dropdown.colors .Label {
  display: inline-block;
  vertical-align: middle;
}
.Dropdown.colors .Wrapper.color.Label, .Dropdown.colors .Label.Label {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 2em;
  margin-left: -1.5em;
}
.Dropdown.sizes .Wrapper.Items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.Dropdown.sizes .Wrapper.Items .Item.disabled {
  color: #666;
  cursor: not-allowed;
}
.Dropdown.sizes .Wrapper.Items .sizeFitHint {
  border: 1px solid #ccc;
  border-top: 0;
  margin-left: -1px;
  margin-right: -1px;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}
.Dropdown.sizes .Wrapper.Items .sizeFitHint:before {
  width: 2.3rem;
}
.Dropdown.metaProducts.prices .dropdownLabel .price {
  display: none;
}
.Dropdown.metaProducts.prices .Wrapper.Items .Item {
  position: relative;
}
.Dropdown.metaProducts.prices .Wrapper.Items .Item .Label {
  padding-right: 6em;
}
.Dropdown.metaProducts.prices .Wrapper.Items .Item .price {
  overflow: hidden;
  right: 0;
  position: absolute;
  vertical-align: center;
  width: 6em;
}
@media screen and (max-width: 767px) {
  .Dropdown .Wrapper.Items {
    top: auto;
    bottom: 2.6em;
  }
  .Dropdown.open {
    -webkit-border-top-left-radius: 0;
            border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
            border-top-right-radius: 0;
  }
  .Dropdown.open .Wrapper.Items {
    -webkit-box-shadow: 0 -3px 10px #ccc;
            box-shadow: 0 -3px 10px #ccc;
  }
  .Dropdown.error.sizes {
    border-bottom: 1px solid #5b76cf;
    -webkit-border-radius: .2em;
            border-radius: .2em;
  }
  .Dropdown.error.sizes.open {
    border-top: none;
    -webkit-border-top-left-radius: 0;
            border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
            border-top-right-radius: 0;
    border-bottom: 1px solid #5B76CF;
    -webkit-border-bottom-left-radius: .2em;
            border-bottom-left-radius: .2em;
    -webkit-border-bottom-right-radius: .2em;
            border-bottom-right-radius: .2em;
  }
  .Dropdown.error.sizes .items {
    border-bottom: none;
    border-top: 1px solid #5B76CF;
  }
  .Dropdown.error.sizes .hint {
    right: 0;
    top: -4.5em;
    padding: .9em 1.3em;
  }
  .Dropdown.error.sizes .hint:before {
    right: 1.9em;
    top: 2.3em;
  }
  .Dropdown.sizes .Wrapper.Items .sizeFitHint {
    border-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .Dropdown.open {
    -webkit-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
  }
  .Dropdown.sizes .sizeFitHint {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
       -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.Selector .hints {
  color: #999;
  display: block;
  margin-bottom: .5em;
  min-height: 1em;
  line-height: 1em;
}
.Selector .items {
  font-size: 0;
  letter-spacing: 0;
  line-height: normal;
}
.Selector .Item {
  -webkit-border-radius: .2em;
          border-radius: .2em;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-box-shadow: 0 0 0 1px #ccc;
          box-shadow: 0 0 0 1px #ccc;
  color: #404040;
  cursor: pointer;
  display: inline-block;
  margin: 0 12px 8px 0;
}
.Selector .Item:hover {
  -webkit-box-shadow: 0 0 0 1px #009E94;
          box-shadow: 0 0 0 1px #009E94;
}
.Selector .Item.active {
  -webkit-box-shadow: 0 0 0 2px #00B2A5;
          box-shadow: 0 0 0 2px #00B2A5;
  color: #00B2A5;
  font-weight: bold;
}
.Selector .Item:before {
  font-family: mobilemarketplace;
  font-weight: normal;
}
.Selector.colors {
  margin-bottom: 8px;
}
.Selector.colors .Item {
  -webkit-border-radius: 100%;
          border-radius: 100%;
  font-size: 1rem;
  position: relative;
}
.Selector.colors .Item .Wrapper.color {
  background-position-x: center;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  height: 28px;
  width: 28px;
}
.Selector.colors .Item.active:after {
  color: white;
  content: "";
  font-family: mobilemarketplace;
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: 0 0 1px black;
  position: absolute;
  top: .06em;
  left: .05em;
}
.Selector.colors .Item[data-appearance-id='1'].active:after {
  color: #404040;
  text-shadow: none;
}
.Selector.sizes .Item {
  background-color: white;
  font-size: .8rem;
  min-width: 1.2em;
  padding: .5em;
  text-align: center;
}
.Selector.sizes .Item:hover {
  color: #009E94;
}
.Selector.sizes:not(.error) .Hint.error {
  display: none;
}
.Selector.sizes.error .Hint.error {
  color: #cc395b;
  margin-right: .5em;
}
.Selector.sizes.error .items {
  -webkit-animation: shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
     -moz-animation: shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.Selector.sizes.error .items .Item:not(.disabled):not(:hover) {
  -webkit-box-shadow: 0 0 0 1px #cc395b;
          box-shadow: 0 0 0 1px #cc395b;
}
.Selector.sizes .Hint.error {
  margin-bottom: .5rem;
}
.Selector.sizes .Hint.size {
  color: #999;
}
.Selector.sizes .Hint.size:before {
  font-size: 1.1rem;
  text-align: left;
  width: 1.5rem;
}
.Selector.sizes .Hint.size .Wrapper.text {
  padding-left: 1.5rem;
  margin-left: -1.5rem;
}
.Selector.sizes .Hint.size .Headline {
  display: none;
}
.Selector.views .Item:before {
  font-size: 1.8rem;
  margin-top: .1rem;
  vertical-align: middle;
}
.Selector.views .Item.designView:before {
  content: "U";
}
.Selector.views .Item.productView:before {
  content: "";
}
@media screen and (max-width: 767px) {
  .Selector .hints {
    text-align: center;
  }
  .Selector .items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    padding: 2px;
    overflow-x: scroll;
  }
  .Selector .items .Item:first-child {
    margin-left: auto;
  }
  .Selector .items .Item:last-child {
    margin-right: auto;
  }
  .Selector.colors .items .Item .Wrapper.color {
    height: 40px;
    width: 40px;
  }
  .Selector.colors .items .Item.active:after {
    font-size: 2.2em;
  }
  .Selector.sizes .items .Item {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    font-size: 1rem;
    min-width: 1.5em;
  }
  .Selector.sizes .Hint.size {
    text-align: center;
  }
  .Selector.sizes .Hint.size .Wrapper.text {
    width: auto;
  }
  .Selector.views .Item {
    padding: .4rem .25rem;
  }
}
@media screen and (min-width: 768px) {
  .Selector.views .Item {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  .Selector.views .Item:hover {
    color: #009E94;
  }
}

.selectionButtons .btn {
  border: 1px solid #999;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  cursor: pointer;
  display: inline-block;
  padding: .5rem;
  position: relative;
  width: 100%;
}
.selectionButtons .btn:after {
  content: "u";
  font-family: mobilemarketplace;
  font-size: 2rem;
  position: absolute;
  top: .6rem;
  right: 0;
}
.selectionButtons .btn:hover {
  border-color: #009E94;
}
.selectionButtons .btn:active {
  border-color: #00877E;
}
.selectionButtons .btn .color {
  background-position-x: center;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px #ddd;
          box-shadow: 0 0 0 1px #ddd;
  display: inline-block;
  height: 1.5rem;
  margin-right: .5rem;
  vertical-align: bottom;
  width: 1.5rem;
}
.selectionButtons .btn .label {
  display: inline-block;
  line-height: 1.5rem;
  max-height: 1.5rem;
  min-height: 1.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  width: -webkit-calc(100% - 1.25rem);
  width: -moz-calc(100% - 1.25rem);
  width: calc(100% - 1.25rem);
  white-space: nowrap;
}
.selectionButtons .btn.appearance .label {
  width: -webkit-calc(100% - 3.25rem);
  width: -moz-calc(100% - 3.25rem);
  width: calc(100% - 3.25rem);
}
.selectionButtons.showBoth .btn {
  width: -webkit-calc(50% - .75rem);
  width: -moz-calc(50% - .75rem);
  width: calc(50% - .75rem);
}
.selectionButtons.showBoth .btn.appearance {
  margin-right: .75rem;
}
.selectionButtons.showBoth .btn.size {
  margin-left: .75rem;
}

.overlay.appearance .items {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin: 1rem 0;
  overflow-x: scroll;
}
.overlay.appearance .item {
  border: 2px solid transparent;
  cursor: pointer;
  height: auto;
  padding: .5rem;
}
.overlay.appearance .item img {
  height: 4rem;
  width: 4rem;
}
.overlay.appearance .item .label {
  margin-top: .25rem;
  text-align: left;
}
.overlay.appearance .item.active {
  border: 2px solid #00B2A5;
  color: #00B2A5;
}

.overlay.size .items.prices {
  text-align: left;
}
.overlay.size .items.prices .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.overlay.size .items.small .item {
  border: 1px solid #666;
  -webkit-border-radius: 0.2em;
          border-radius: 0.2em;
  color: #666;
  display: inline-block;
  height: 3rem;
  margin: .5rem;
  padding: .8rem 0;
  position: relative;
  width: 3rem;
}
.overlay.size .items.small .item.active {
  border: 2px solid #00B2A5;
  color: #00B2A5;
}
.overlay.size .items.small .item.disabled:before {
  background-color: #666;
  content: " ";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  left: -17.5%;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 141.42%;
}
.overlay.size .item {
  cursor: pointer;
  padding: 1rem 0;
  width: 100%;
}
.overlay.size .item:not(:last-child) {
  border-bottom: 1px solid #999;
}
.overlay.size .item.active {
  color: #00B2A5;
}

.sizeHint {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-size: .75rem;
  line-height: 1em;
  padding-bottom: 1rem;
}
.sizeHint .link {
  padding-left: 1em;
  position: relative;
}
.sizeHint .link:before {
  content: "|";
  display: inline-block;
  left: .05em;
  margin: 0 .25rem;
  position: absolute;
  text-decoration: none;
}
.sizeHint .link:hover:before {
  color: #333;
}
.sizeHint .label, .sizeHint .link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-top: .5rem;
  vertical-align: middle;
}

.overlay.size .sizeHint {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.selectionButtons + .sizeHint {
  margin-top: .75rem;
}

.sizeFit {
  font-size: .75rem;
  padding-bottom: .1rem;
}
.sizeFit:before {
  content: "";
  font-family: mobilemarketplace;
  font-size: 1.8rem;
  margin-right: .5rem;
  vertical-align: middle;
}

.DetailBox.sizeInfo .wrapper {
  margin-top: .75em;
  overflow: hidden;
}
.DetailBox.sizeInfo .headline {
  display: block;
}
.DetailBox.sizeInfo img {
  margin-right: 1em;
  vertical-align: middle;
  width: 190px;
}
@media screen and (min-width: 1280px) {
  .DetailBox.sizeInfo img {
    float: left;
  }
}
.DetailBox.sizeInfo .label {
  display: block;
}
.DetailBox.sizeInfo .link {
  display: block;
  font-size: .75rem;
  margin-top: .75rem;
}
.DetailBox.description .headline {
  display: block;
  font-weight: normal;
}
.DetailBox.description .long ul {
  margin-left: 1em;
}
.DetailBox.description .largeFont.headline {
  margin-bottom: .7em;
  width: -webkit-calc(200% + 1em);
  width: -moz-calc(200% + 1em);
  width: calc(200% + 1em);
}
@media screen and (max-width: 767px) {
  .DetailBox.description .largeFont.headline {
    width: auto;
  }
}
.DetailBox.sizeInfo, .DetailBox.description {
  vertical-align: top;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .DetailBox .pt-description-list, .DetailBox .pt-size-hint {
    display: none;
  }
  .DetailBox .Description.long {
    display: inline-block !important;
  }
  .DetailBox.sizeInfo {
    padding-top: 0;
  }
  .DetailBox.sizeInfo .wrapper {
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .DetailBox.sizeInfo .wrapper .pt-size-table {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .DetailBox.sizeInfo .tableWrapper {
    margin-top: 1em;
  }
}
@media screen and (min-width: 768px) {
  .DetailBox.description {
    margin-bottom: 1rem;
  }
  .DetailBox.sizeInfo {
    padding-left: 1rem;
  }
  .DetailBox.sizeInfo img {
    float: left;
  }
  .DetailBox.sizeInfo .tableWrapper {
    display: inline-block;
  }
}

.DetailBox.designDetails {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.DetailBox.designDetails .DesignWrapper,
.DetailBox.designDetails .UserWrapper {
  display: inline-block;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .DetailBox.designDetails.hasUserDetails .DesignWrapper {
    width: 40%;
  }
}
.DetailBox.designDetails .DesignWrapper {
  overflow: hidden;
  width: 100%;
}
.DetailBox.designDetails .DesignWrapper > * {
  display: inline-block;
  vertical-align: middle;
}
.DetailBox.designDetails .DesignWrapper img {
  max-width: 250px;
  width: 40%;
  vertical-align: top;
}
.DetailBox.designDetails .DesignWrapper > div {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 60%;
  padding: 0 1em 1em;
}
.DetailBox.designDetails .DesignWrapper .Icon.reportDesign {
  display: inline-block;
  width: 25%;
  font-size: 300%;
  vertical-align: top;
  margin-right: 10px;
  padding-top: .25em;
}
.DetailBox.designDetails .DesignWrapper .Icon.reportDesign:after {
  color: #FF9343;
  content: '\e908';
}
.DetailBox.designDetails .DesignWrapper .reportDesign {
  cursor: pointer;
  margin-top: 1rem;
  display: inline-block;
  text-decoration: underline;
}
.DetailBox.designDetails .DesignWrapper .reportDesign:hover {
  text-decoration: none;
}
.DetailBox.designDetails .UserWrapper {
  display: none;
}
.DetailBox.designDetails.hasUserDetails .UserWrapper {
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 60%;
  padding: 0 1.3em;
}
.DetailBox.designDetails.hasUserDetails .UserWrapper .userImage, .DetailBox.designDetails.hasUserDetails .UserWrapper .userName, .DetailBox.designDetails.hasUserDetails .UserWrapper .userInfo {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin-bottom: 1.3em;
  vertical-align: top;
}
.DetailBox.designDetails.hasUserDetails .UserWrapper .userImage {
  width: 15%;
}
.DetailBox.designDetails.hasUserDetails .UserWrapper .userInfo {
  width: 40%;
}
.DetailBox.designDetails.hasUserDetails .UserWrapper .userInfo > * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  line-height: 1.1em;
  vertical-align: middle;
  width: 50%;
}
.DetailBox.designDetails.hasUserDetails .UserWrapper .userInfo > *.textRight {
  padding-right: .5em;
}
.DetailBox.designDetails.hasUserDetails .UserWrapper .userName {
  width: 45%;
  padding-left: .68em;
}
.DetailBox.designDetails.hasUserDetails .UserWrapper .userName .headline {
  margin-bottom: .2em;
}
@media screen and (max-width: 767px) {
  .DetailBox.designDetails [class*="Wrapper"] {
    width: 100%;
  }
  .DetailBox.designDetails .DesignWrapper img {
    width: 30%;
  }
  .DetailBox.designDetails .DesignWrapper > div {
    width: 70%;
  }
  .DetailBox.designDetails .DesignWrapper .Icon.reportDesign {
    width: 1em;
  }
  .DetailBox.designDetails.hasUserDetails .UserWrapper {
    margin-left: -1em;
    width: -webkit-calc(100% + 2em);
    width: -moz-calc(100% + 2em);
    width: calc(100% + 2em);
  }
  .DetailBox.designDetails.hasUserDetails .UserWrapper .userName {
    width: 85%;
  }
  .DetailBox.designDetails.hasUserDetails .UserWrapper .userInfo {
    width: 100%;
  }
  .DetailBox.designDetails.hasUserDetails .UserWrapper .userInfo .textRight {
    text-align: left;
  }
}

.Wrapper.layoutProductCentered .Wrapper.relatedProducts {
  background-color: white;
  margin: 2.6em -20% 0;
  padding: 0 20% 2em;
}
.Wrapper.layoutProductCentered .Wrapper.relatedProducts h2 {
  margin-top: 0;
  padding-left: 1rem;
}
.Wrapper.layoutProductCentered .Wrapper.relatedProducts .Wrapper.items {
  float: left;
  padding-left: 1.21em;
  position: relative;
}
.Wrapper.layoutProductCentered .Wrapper.relatedProducts .Wrapper.items .Item {
  display: inline;
  width: auto;
}
.Wrapper.layoutProductCentered .Wrapper.relatedProducts .Wrapper.items .Item a {
  margin-right: 3rem;
}
.Wrapper.layoutProductCentered .Wrapper.relatedProducts .Wrapper.items .Item .squareSize {
  display: inline-block;
  height: 0;
  padding-bottom: 130px;
  padding-right: 130px;
  width: 0;
}
.Wrapper.layoutProductCentered .Wrapper.relatedProducts .Wrapper.items .Item .squareSize img {
  border: 1px solid #ccc;
  height: 130px;
  width: 130px;
}
@media screen and (max-width: 1280px) {
  .Wrapper.layoutProductCentered .Wrapper.relatedProducts .Wrapper.items .Item:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 1460px) {
  .Wrapper.layoutProductCentered .Wrapper.relatedProducts .Wrapper.items .Item:nth-child(n+5) {
    display: none;
  }
}
@media screen and (max-width: 1640px) {
  .Wrapper.layoutProductCentered .Wrapper.relatedProducts .Wrapper.items .Item:nth-child(n+6) {
    display: none;
  }
}
@media screen and (max-width: 1820px) {
  .Wrapper.layoutProductCentered .Wrapper.relatedProducts .Wrapper.items .Item:nth-child(n+7) {
    display: none;
  }
}
.Wrapper.layoutProductCentered .Wrapper.relatedProducts .more.squareSize {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #00B2A5;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 130px;
  padding: 0;
  vertical-align: top;
  width: 130px;
}
.Wrapper.layoutProductCentered .Wrapper.relatedProducts .more.squareSize:hover {
  border-color: #009E94;
}
.Wrapper.layoutProductCentered .Wrapper.relatedProducts .more.squareSize:active {
  border-color: #00877E;
}

.productReviews .head {
  margin-bottom: .5rem;
}
.productReviews .head .stars {
  font-size: 0.875rem;
}
.productReviews .productRatingChart {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .productReviews .productRatingChart {
    width: 80%;
  }
}
.productReviews .comments .reviewComment {
  display: block;
  margin: 1em 0;
  width: 100%;
}
.productReviews .comments .reviewComment .label, .productReviews .comments .reviewComment .stars {
  display: inline-block;
}
.productReviews .comments .reviewComment .comment {
  display: block;
  padding-right: 1rem;
}
@media screen and (min-width: 768px) {
  .productReviews .comments .reviewComment {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .productReviews .head .stars .count {
    display: none;
  }
}

.SprdClassDesignList .filterBar {
  display: none;
}
.SprdClassDesignList .TileList.articles {
  top: 0;
}
.stars {
  font-size: 0.75rem;
}
.stars:before {
  font-family: mobilemarketplace;
  font-size: 1rem;
  margin-right: 0.4em;
  position: relative;
  top: 0.05em;
}
.stars.rating {
  display: none;
}
.stars.rating0:before, .stars.rating00:before {
  content: '\66\66\66\66\66';
}
.stars.rating5:before, .stars.rating05:before {
  content: '\e934\66\66\66\66';
}
.stars.rating10:before {
  content: '\e640\66\66\66\66';
}
.stars.rating15:before {
  content: '\e640\e934\66\66\66';
}
.stars.rating20:before {
  content: '\e640\e640\66\66\66';
}
.stars.rating25:before {
  content: '\e640\e640\e934\66\66';
}
.stars.rating30:before {
  content: '\e640\e640\e640\66\66';
}
.stars.rating35:before {
  content: '\e640\e640\e640\e934\66';
}
.stars.rating40:before {
  content: '\e640\e640\e640\e640\66';
}
.stars.rating45:before {
  content: '\e640\e640\e640\e640\e934';
}
.stars.rating50:before {
  content: '\e640\e640\e640\e640\e640';
}

#detail-header .stars:hover, #productTypeInfoBox .stars:hover {
  cursor: pointer;
}

.percentageBar {
  position: relative;
  margin-bottom: .1em;
  width: 100%;
}
.percentageBar .label, .percentageBar .counter,
.percentageBar .outerBar, .percentageBar .innerBar {
  display: inline-block;
}
.percentageBar .label {
  margin-right: 5%;
  width: 20%;
}
.percentageBar .counter {
  margin-left: 3%;
  width: 12%;
}
.percentageBar .outerBar {
  background-color: #f4f4f4;
  height: .7em;
  line-height: 1rem;
  position: relative;
  top: .2em;
  width: 60%;
}
.percentageBar .innerBar {
  background-color: #333;
  height: 100%;
  vertical-align: top;
}
@media screen and (min-width: 768px) {
  .percentageBar .label {
    margin-right: 1em;
    min-width: 6em;
    width: auto;
  }
  .percentageBar .outerBar {
    width: 22em;
  }
  .percentageBar .counter {
    margin-left: 2em;
    width: auto;
  }
}

.recentlyViewed {
  position: relative;
}
.recentlyViewed .h2 {
  margin-bottom: 1.5rem;
}
.recentlyViewed .delete {
  background-color: white;
  border: 1px solid #999;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  cursor: pointer;
  display: none;
  height: 2.25rem;
  font-family: mobilemarketplace;
  font-size: 2rem;
  line-height: 1.5rem;
  padding: .3rem .1rem;
  position: absolute;
  top: .5rem;
  right: 1.25rem;
  width: 2.25rem;
}
.recentlyViewed .delete:hover {
  color: #009E94;
}
.recentlyViewed .Item:hover .delete {
  display: block;
}
.recentlyViewed .ptName {
  margin-top: .5rem;
  min-height: 2.8em;
  white-space: normal;
}
.recentlyViewed .articleName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recentlyViewed .articleName:last-child {
  margin-bottom: 1.3em;
}
.recentlyViewed .price {
  font-weight: bold;
}
.recentlyViewed .Carousel {
  margin-bottom: 2em;
}
.recentlyViewed .opt {
  display: inline-block;
}
.recentlyViewed .opt span {
  vertical-align: middle;
}
.recentlyViewed .opt .form__label {
  margin-left: 1em;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .recentlyViewed {
    padding-top: 0;
  }
  .recentlyViewed .h2 {
    border-top: 1px solid #ddd;
    padding-top: 1.15rem;
  }
  .recentlyViewed .button.clear {
    padding: .1em 1rem;
    top: 1rem;
  }
  .recentlyViewed:not(.gridPadding) {
    margin: 1.5rem 0;
  }
  .recentlyViewed .ptName {
    font-weight: bold;
  }
  .recentlyViewed .opt {
    padding: 1em 0;
  }
}
@media screen and (min-width: 768px) {
  .recentlyViewed {
    margin-top: 2rem;
  }
  .recentlyViewed .Carousel {
    display: block;
  }
  .recentlyViewed .button.clear {
    display: inline-block;
    margin-right: 2em;
  }
}
.SprdMain.SprdClassEdit .SprdContent {
  font-size: 90%;
  background: white;
}
.SprdMain.SprdClassEdit .SprdContent .DetailWrapper {
  padding: 1em 0;
}
.SprdMain.SprdClassEdit .SprdContent .DetailWrapper h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  line-height: 1.2em;
  font-size: 1.5rem;
  margin-top: .72em;
}
@media screen and (min-width: 768px) {
  .SprdMain.SprdClassEdit .SprdContent .DetailWrapper h2 {
    font-size: 1.75rem;
  }
}
.SprdMain.SprdClassEdit .SprdContent .DetailWrapper h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  letter-spacing: 0.02rem;
  line-height: 1.2em;
  font-size: 1.188rem;
}
@media screen and (min-width: 768px) {
  .SprdMain.SprdClassEdit .SprdContent .DetailWrapper h3 {
    font-size: 1.375rem;
  }
}
.SprdMain.SprdClassEdit .SprdContent .DetailWrapper ul {
  margin: 1em 0 0 1em;
  padding: 0;
}
.SprdMain.SprdClassEdit .SprdContent .DetailBox {
  padding: 0;
  margin-top: 0;
  vertical-align: top;
  line-height: 1.4;
}
.SprdMain.SprdClassEdit .SprdContent .DetailBox.description {
  padding-right: 5em;
}
.SprdMain.SprdClassEdit .SprdContent .DetailBox.sizeInfo .headline {
  display: none;
}
@media screen and (max-width: 767px) {
  .SprdMain.SprdClassEdit .SprdContent .DetailBox.description {
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .SprdMain.SprdClassEdit .SprdContent .DetailBox.description, .SprdMain.SprdClassEdit .SprdContent .DetailBox.sizeInfo {
    display: inline-block;
    width: 50%;
  }
}
.SprdMain.SprdClassEdit .SprdContent .Wrapper.images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2em;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.SprdMain.SprdClassEdit .SprdContent .Wrapper.images .Wrapper.image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 23%;
          flex: 0 0 23%;
  display: inline-block;
  overflow: hidden;
}
.SprdMain.SprdClassEdit .SprdContent .Wrapper.images .Wrapper.image:nth-child(1) .Image {
  background-position: -webkit-calc(0 * 100% / 3) 0;
  background-position: -moz-calc(0 * 100% / 3) 0;
  background-position: calc(0 * 100% / 3) 0;
}
.SprdMain.SprdClassEdit .SprdContent .Wrapper.images .Wrapper.image:nth-child(2) .Image {
  background-position: -webkit-calc(1 * 100% / 3) 0;
  background-position: -moz-calc(1 * 100% / 3) 0;
  background-position: calc(1 * 100% / 3) 0;
}
.SprdMain.SprdClassEdit .SprdContent .Wrapper.images .Wrapper.image:nth-child(3) .Image {
  background-position: -webkit-calc(2 * 100% / 3) 0;
  background-position: -moz-calc(2 * 100% / 3) 0;
  background-position: calc(2 * 100% / 3) 0;
}
.SprdMain.SprdClassEdit .SprdContent .Wrapper.images .Wrapper.image:nth-child(4) .Image {
  background-position: -webkit-calc(3 * 100% / 3) 0;
  background-position: -moz-calc(3 * 100% / 3) 0;
  background-position: calc(3 * 100% / 3) 0;
}
.SprdMain.SprdClassEdit .SprdContent .Wrapper.images .Image {
  display: block;
  background-repeat: no-repeat;
  -webkit-background-size: 400% 100%;
          background-size: 400% 100%;
  padding-bottom: -webkit-calc(100% / 0.93333);
  padding-bottom: -moz-calc(100% / 0.93333);
  padding-bottom: calc(100% / 0.93333);
  -webkit-box-shadow: inset 0 0 0 2px #fff;
          box-shadow: inset 0 0 0 2px #fff;
}
@media screen and (max-width: 767px) {
  .SprdMain.SprdClassEdit .SprdContent .Wrapper.images {
    margin-top: 3em;
  }
  .SprdMain.SprdClassEdit .SprdContent .Wrapper.images .Wrapper.image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    margin-bottom: 1em;
  }
}
.authenticationView .headline {
  margin-bottom: 1em;
}
.authenticationView .headline h1, .authenticationView .headline .sub {
  text-align: center;
}
.authenticationView .headline h1 {
  margin: 0.4em 0 0.1em;
}
.authenticationView .headline .sub {
  font-size: 90%;
}
.authenticationView .hint {
  white-space: normal;
}
.authenticationView .hint.showHint {
  display: block;
}
.authenticationView .hint {
  margin-bottom: 1em;
}
.authenticationView form {
  width: 90%;
  margin: 0 auto;
}
.authenticationView form .customLink {
  display: block;
  text-align: center;
  text-decoration: none;
}
.authenticationView form .form-row {
  margin-bottom: 15px;
}
.authenticationView form .submit {
  width: 100%;
  margin-top: 15px;
  font-weight: bold;
}
.authenticationView form .submit.loading {
  background-image: url(../img/loader_circle.gif);
  background-position: 30px center;
  -webkit-background-size: auto 70%;
          background-size: auto 70%;
  background-repeat: no-repeat;
}

#sprd-content .authenticationView {
  margin: 0 auto;
  border-top: 1px solid #CCC;
  padding-top: 5em;
}
#sprd-content .authenticationView .hint {
  padding: 1em;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  #sprd-content .authenticationView .Wrapper.content {
    max-width: 400px;
    margin: 0 auto;
  }
  #sprd-content .authenticationView .hint {
    text-align: center;
  }
  #sprd-content .authenticationView .form-row {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .loginPage .loginHeader .linkBack, .registerPage .loginHeader .linkBack {
    display: none;
  }
  .loginPage .loginHeader h1, .registerPage .loginHeader h1 {
    margin-left: 0;
  }
}

form.login {
  width: 90%;
  margin: 0 auto;
}
form.login input[type='checkbox'] {
  opacity: 0;
}
form.login input[type=checkbox]:checked + label:after {
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  color: #404040;
  content: '\e600';
  font-family: mobilemarketplace;
  font-size: 131%;
}
form.login.error .hint {
  margin-bottom: 1em;
}
form.login.error .hint.showHint {
  display: block;
}
form.login.error .textInput {
  border: 2px solid #5B76CF;
  background: white;
}
form.login.error .textInput + .validation-hint:after {
  content: '!';
  color: #5B76CF;
}
form.login .checkboxWrapper {
  display: block;
  width: 100%;
  white-space: nowrap;
  margin: 4em 0 1em 0;
}
form.login .checkbox {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  min-width: 20px;
  border: 1px solid #999;
}
form.login .checkboxLabel {
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-left: -30px;
  padding-left: 30px;
  vertical-align: middle;
  white-space: normal;
}
form.login .registerLink {
  text-align: right;
}
form.login .registerLink .customLink {
  display: inline-block;
}
form.login .loginLink {
  text-align: right;
}

.loginPage .loginHint {
  width: 85%;
  margin: 0 auto;
  display: block;
}

.successPage .button {
  text-decoration: none;
  font-size: 1em;
}
.successPage .button.invertedSecondary {
  border: 1px solid #00B2A5;
  color: #00B2A5;
  border: 1px solid;
}
.successPage .message {
  padding: .9em 1.3em;
  background-color: #5B76CF;
  color: white;
}
.successPage .message.success {
  margin-bottom: 1.3em;
}
.successPage .Wrapper.buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.successPage .Wrapper.buttons .button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 46%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 46%;
          flex: 0 0 46%;
}
.successPage .Wrapper.buttons.center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}