/* Button */
.comparable-collection-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 500;
  background-color: #000000;
  padding: 5px 15px;
  cursor: pointer;
  max-width: 140px;
  text-align: center;
  border-radius: 5px;
  line-height: normal;
}

.comparable-collection-button:hover {
  background-color: #000000b3;
}

.comparable-collection-button.right-center {
  right: 0;
  bottom: 50%;
}

.comparable-collection-button.left-center {
  left: 0;
  right: auto;
  bottom: 50%;
}

.comparable-collection-button.left-bottom {
  left: 20px;
  right: auto;
}

.comparable-collection-button.with-icon {
  padding: 5px;
}

.comparable-collection-button.with-icon a {
  position: relative;
}

.comparable-collection-button.with-icon svg {
  width: 40px;
  height: 40px;
  fill: #fff;
}

.comparable-collection-button.with-icon .products-count {
  position: absolute;
  right: -3px;
  font-size: 10px;
  line-height: 12px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: red;
  color: white;
}

.comparable-collection-button a, .comparable-collection-button a:hover {
  color: white;
  text-decoration: none;
}

.comparable-collection-button.comparable-hidden {
  display: none;
}

/* Compare mode */

.compare_mode-collection .comparable-products {
  position: relative;
}

.compare_mode-collection .comparable-products:before {
  content: '+';
  cursor: pointer;
  /* display: block; */
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  z-index: 4;
  font-size: 20px;
  color: #fff;
  text-align: center;
  background: rgba(0,0,0,0.7);
  font-family: Arial;
}

.compare_mode-collection .comparable-products.in-comparison:before {
  content: '\00D7';
  background: #000000;
}

.compare_mode-collection .comparable-products:after {
  content: ' ';
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

/* Compare bar */

.compare-bar {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120px;
  z-index: 5501;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 5px 15px;
  -webkit-animation: compare-bar-slide 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: compare-bar-slide 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.compare-bar.comparable-hidden {
  display: none;
}

.compare-bar .compare-products-list-wrapper {
  width: 100%;
  padding-right: 250px;
}

@-webkit-keyframes compare-bar-slide {
  0% {
    -webkit-transform: translateY(120px);
            transform: translateY(120px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes compare-bar-slide {
  0% {
    -webkit-transform: translateY(120px);
            transform: translateY(120px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

/* Compare mode: products */
.compare-bar .compare-products-list {
  display: flex;
  flex-direction: row-reverse;
  margin: 0;
  padding: 0;
}

.compare-bar .compare-products-item {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  position: relative;
  height: 120px;
  margin: 0;
  padding: 0 16px 0 10px;
  list-style-type: none;
  text-align: center;
  color: #101010;
  border-left: 2px solid rgb(216, 216, 216);
}

.compare-bar .compare-products-item-content {
  position: relative;
  // top: 50%;
  min-width: 90px;
  // -webkit-transform: translateY(-50%);
  // -ms-transform: translateY(-50%);
  // transform: translateY(-50%);
}

/* Product page */
.compare-bar .add-to-compare .compare-products-item-content {
  height: 80%;
  border: 1px dashed #1b98eb;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.compare-bar .add-to-compare .compare-products-item-content span {
  font-size: 24px;
  margin-bottom: 5px;
  color: #fff;
}

.compare-bar .compare-products-item-image {
  display: block;
  max-width: 60px;
  max-height: 60px;
  margin: 0 auto;
  /* border-radius: 100%; */
  background-color: #fff;
}

.compare-bar .compare-products-item-text {
  display: block;
  position: relative;
  vertical-align: middle;
  color: #fff;
}

.compare-bar .compare-products-item-remove-btn {
  position: absolute;
  top: 10%;
  right: 10%;
  width: auto;
  height: auto;
  font-size: 20px;
  cursor: pointer;
  border: none;
  color: #fff;
}

/* Compare mode: actions */
.compare-bar .compare-products-actions {
  position: absolute;
  top: 50%;
  right: 0;
  width: 250px;
  height: 100%;
  padding: 24px 32px;
  transform: translateY(-50%);
  border-left: 2px solid rgb(216, 216, 216);
}

.compare-bar .compare-products-actions a {
  display: block;
  width: 100%;
  padding: .3em .5em;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
  border: none;
  text-align: center;
  background: #ffffffee;
  color: #fff;
}

.compare-bar .compare-products-actions a:hover {
  background: #ffffff;
}

.compare-bar .compare-products-actions .bottom-actions {
  display: flex;
  justify-content: space-between;
}

.compare-bar .compare-products-actions .bottom-actions a {
  margin-top: 8px;
  color: #fff;
  background-color: #ffffffee;
}

.compare-bar .compare-products-actions .bottom-actions a:hover {
  background-color: #ffffff;
}

.compare-bar .compare-products-actions .bottom-actions a.clear-bar {
  margin-left: 10px;
  min-width: 40px;
  width: 30px;
  padding-left: 7px;
  padding-right: 7px;
}

.compare-bar .compare-products-actions .bottom-actions a.clear-bar svg {
  max-width: 20px;
  vertical-align: middle;
}

@media only screen and (max-width:767px) {
  .compare-bar {
    height: 200px;
  }

  .compare-bar .compare-products-list {
    flex-direction: row;
    overflow-x: scroll;
  }

  .compare-bar .compare-products-item-image {
    max-width: 80px;
  }

  .compare-bar .compare-products-item {
    height: 130px;
    padding: 0 24px 0 16px;
    border-left: 1px solid rgb(216, 216, 216);
  }

  .compare-bar .compare-products-item:first-child {
    border-left: none;
  }

  .compare-bar .compare-products-list-wrapper {
    width: 100%;
    padding-right: 0;
  }

  .compare-bar .compare-products-actions {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 16px;
    margin-top: 24px;
    border-left: none;
    position: static;
  }

  .compare-bar .compare-products-actions .compare-link {
    width: 50%;
    margin-right: 10px;
  }

  .compare-bar .compare-products-actions .bottom-actions {
    width: 50%;
  }

  .compare-bar .compare-products-item-remove-btn {
    font-size: 14px;
  }
}
 .comparable-container table.comparison-table{width:100%;table-layout:fixed}.comparable-container table.comparison-table a{border:none}.comparable-container table.comparison-table td.product-table__cell{padding:6px 12px 5px;border-top:1px solid #eee;border-left:1px solid #ccc;vertical-align:top;line-height:19px;word-break:break-word;position:relative;background-color:hsla(0,0%,100%,.96);float:none;display:table-cell}.comparable-container table.comparison-table td.product-table__cell.product-table__cell-keys{border-top:0}.comparable-container table.comparison-table td.product-table__cell.product-table__cell-keys a.show-different{position:absolute;bottom:30px;border-bottom:1px solid;border-color:transparent}.comparable-container table.comparison-table td.product-table__cell.product-table__cell-keys a.show-different:hover{border-color:currentColor}.comparable-container table.comparison-table td.product-table__cell:first-child{font-weight:400;border-left:0;-webkit-box-shadow:inset -1px 0 #f2f2f2;box-shadow:inset -1px 0 #f2f2f2;text-align:left;position:sticky!important;left:0;z-index:2}@media only screen and (max-width:767px){.comparable-container table.comparison-table td.product-table__cell:first-child{position:relative!important}}.comparable-container table.comparison-table td.product-table__cell.priority{background-color:#ffffdf}.comparable-container table.comparison-table td.product-table__cell p{margin-bottom:10px}.comparable-container table.comparison-table tr.product-table__header-row td{padding-bottom:20px}@media only screen and (max-width:767px){.comparable-container table.comparison-table tr.product-table__header-row td{width:140px}}.comparable-container table.comparison-table tr.product-table__group-cell td{background-color:#f5f5f5;padding-top:10px;padding-bottom:8px}.comparable-container table.comparison-table tr.product-table__group-cell td:first-child{font-weight:600}@media only screen and (max-width:767px){.comparable-container table.comparison-table tr.product-table__group-cell td:first-child{position:sticky!important}}.comparable-container table.comparison-table .product-price-wrap{margin:10px 0}.comparable-container table.comparison-table .product-price-wrap .product-price{font-size:16px;font-weight:800}.comparable-container table.comparison-table .product-price-wrap .product-price .old-price{opacity:.7;margin-left:6px;text-decoration:line-through}@media only screen and (max-width:767px){.comparable-container table.comparison-table.sticky-column td:first-child{position:sticky!important}}.comparable-container.comparable-container-scrollable{overflow-x:scroll}.comparable-container.comparable-container-scrollable .comparison-table td{width:50%;min-width:250px;width:250px}.comparable-container.comparable-container-scrollable .comparison-table td:first-child{min-width:200px;width:200px}.comparable-container.comparable-container-scrollable .next-product-arrow{position:absolute;top:120px;right:10px;background-color:rgba(60,60,60,.72);color:#fff;padding:10px;cursor:pointer;font-size:30px;border-radius:3px;z-index:3;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.comparable-container.comparable-container-scrollable .next-product-arrow:hover{background-color:rgba(60,60,60,.95)}.comparable-container.comparable-container-products-1 .comparison-table td{width:50%}.comparable-container.comparable-container-products-2 .comparison-table td{width:33%}.comparable-container.comparable-container-products-3 .comparison-table td{width:25%}.comparable-container.comparable-container-products-4 .comparison-table td{width:20%}.comparable-container a{cursor:pointer}.comparable-container .product-table-cell-container{position:relative}.comparable-container .product-table-cell-container .remove-from-compare{position:absolute!important;right:0;top:0;width:15px;height:15px;font-size:30px;line-height:.5;color:#999}.comparable-container .product-table-cell-container .remove-from-compare:before{content:"\00d7";position:absolute}.comparable-container .product-table-cell-container .remove-from-compare:hover{color:#333}.comparable-container .product-table-cell-container .product-summary img{max-height:280px;max-width:100%;margin:0}@media only screen and (max-width:767px){.comparable-container .product-table-cell-container .product-summary img{max-height:150px}}.comparable-container .product-table-cell-container .product-summary .product-title{font-size:16px}.comparable-container .product-table-cell-container .product-summary .add-to-cart{padding:10px 15px;width:100%;color:#fff}.comparable-container .product-table-cell-container .product-summary .add-to-cart.disabled{cursor:default;opacity:.7}@media only screen and (max-width:767px){.comparable-container{overflow-x:scroll}}.comparable-loader,.comparable-loader:after{border-radius:50%;width:10em;height:10em}.comparable-loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border:6px solid rgba(41,5,118,.2);border-left-color:#290576;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s linear infinite;animation:load8 1.1s linear infinite}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}[data-behavior=comparable-table-wrap]{position:relative}@-webkit-keyframes fadeIn{0%{opacity:0}90%{opacity:0}to{visibility:visible;opacity:1}}@keyframes fadeIn{0%{opacity:0}90%{opacity:0}to{visibility:visible;opacity:1}}@media only screen and (max-width:767px){.comparison-page .content-block{padding-left:10px;padding-right:10px}}.comparison-page tr:first-child td:after,.comparison-page tr:first-child th:after{border:none}@media only screen and (min-width:769px){.comparison-page .medium-up--eight-fifths,.comparison-page .medium-up--eleven-fifths,.comparison-page .medium-up--five-fifths,.comparison-page .medium-up--four-fifths,.comparison-page .medium-up--nine-fifths,.comparison-page .medium-up--one-fifths,.comparison-page .medium-up--push-eight-twelfth,.comparison-page .medium-up--push-eleven-twelfth,.comparison-page .medium-up--push-five-twelfth,.comparison-page .medium-up--push-four-twelfth,.comparison-page .medium-up--push-nine-twelfth,.comparison-page .medium-up--push-one-twelfth,.comparison-page .medium-up--push-seven-twelfth,.comparison-page .medium-up--push-six-twelfth,.comparison-page .medium-up--push-ten-twelfth,.comparison-page .medium-up--push-three-twelfth,.comparison-page .medium-up--push-two-twelfth,.comparison-page .medium-up--seven-fifths,.comparison-page .medium-up--six-fifths,.comparison-page .medium-up--ten-fifths,.comparison-page .medium-up--three-fifths,.comparison-page .medium-up--two-fifths,.comparison-page .post-large--two-thirds,.comparison-page .push--large--eight-twelfths,.comparison-page .push--large--eleven-twelfths,.comparison-page .push--large--five-twelfths,.comparison-page .push--large--four-twelfths,.comparison-page .push--large--nine-twelfths,.comparison-page .push--large--one-sixth,.comparison-page .push--large--one-tenth,.comparison-page .push--large--one-twelfths,.comparison-page .push--large--seven-twelfths,.comparison-page .push--large--six-twelfths,.comparison-page .push--large--ten-twelfths,.comparison-page .push--large--three-twelfths,.comparison-page .push--large--two-twelfths{left:0;width:100%}}.comparison-page .page-width,.comparison-page .page-width--wide{max-width:920px}.comparison-page .PageContent,.comparison-page.template-page .text-content-wrap{max-width:100%}@media only screen and (max-width:769px){.comparison-page .main-content{padding-left:10px;padding-right:10px}}