/* fonts */
/* //fonts */
/* colors */
/* //colors */
/* shadows */
/* //shadows */
.compare__items {
  margin: 0 -10px;
}

.compare__item {
  width: -webkit-calc(25% - 20px);
  width: calc(25% - 20px);
  margin: 0 10px;
}

.compare__item_element {
  text-align: center;
  font-size: 12px;
  display: none;
}

.compare__item_element:first-child {
  display: block;
}

.compare__thumb-img {
  width: 173px;
  height: 128px;
  position: relative;
  margin: 0 auto 35px;
}

.compare__thumb-title {
  font-size: 14px;
  font-family: "CeraPro-Bold", sans-serif;
  display: block;
  text-align: center;
  max-width: 173px;
  margin: 0 auto;
}

.compare__row {
  padding: 16px;
}

.compare__row:nth-child(even) {
  background-color: #F7F8F8;
}

.compare__row.is-open .compare__item_element {
  display: block;
}

.compare__row.is-open .compare__row_name::after {
  -webkit-transform: translateY(-50%) scale(1, -1);
      -ms-transform: translateY(-50%) scale(1, -1);
          transform: translateY(-50%) scale(1, -1);
}

.compare__row_title {
  margin-bottom: 8px;
}

.compare__row_name {
  position: relative;
  cursor: pointer;
}

.compare__row_name::after {
  content: '';
  display: block;
  position: absolute;
  right: -20px;
  top: 58%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 11px;
  height: 6px;
  background-image: url("../../../img/icons/icon-arrow-down-accent.svg");
  background-size: cover;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.compare__thumbs {
  position: relative;
}

.compare__thumbs .compare__btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}

.compare__thumbs .compare__btn.slick-disabled {
  display: none !important;
}

.compare__thumbs .compare__next {
  right: -34px;
}

.compare__thumbs .compare__prev {
  left: -34px;
}

.compare-sliders .compare__items {
  margin: 0;
}

.compare-sliders .compare__items .slick-list {
  width: 100%;
}

.compare-sliders .compare__item {
  margin: 0;
}

@media screen and (max-width: 996px) {
  .compare__thumb-img {
    width: 100%;
    height: auto;
    padding-bottom: 10%;
    margin-bottom: 4px;
    min-height: 150px;
  }
  .compare__item_element {
    text-align: left;
  }
  .compare__row_name {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .compare {
    overflow-x: auto;
  }
  .compare .container {
    padding: 0;
  }
  .compare__items {
    margin: 0;
  }
  .compare__item {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    min-width: 130px;
    margin: 0;
  }
  .compare__item_element {
    padding: 12px 20px;
  }
  .compare__row {
    padding: 0;
  }
  .compare__row_title {
    padding: 0 20px;
    margin-bottom: 0;
  }
  .compare__row:nth-child(even) {
    background-color: #F7F8F8;
  }
  .compare__row:nth-child(even) .compare__item {
    background-color: #F7F8F8;
  }
  .compare-sliders .compare__item {
    min-width: unset;
  }
  .compare-sliders .compare__item_element {
    text-align: center;
  }
}
@media(max-width: 479.98px){
  .compare__item_element{
    padding: 8px 12px;
  }
  .compare__row_title{
    padding: 0 10px;
  }
}