/* Start:/local/styles/pages/compare.css?175008202212485*/
.compare__content {
  width: 100%;
  padding: 0 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1420px;
  position: relative; }
  @media (max-width: 1920px) {
    .compare__content {
      max-width: 1420px; } }
  @media (max-width: 1440px) {
    .compare__content {
      max-width: 1220px;
      padding-left: 40px;
      padding-right: 40px; } }
  @media (max-width: 1024px) {
    .compare__content {
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px; } }

.compare__choice {
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  .compare__choice .input-choice {
    margin-right: 15px; }

@media (max-width: 1024px) {
  .compare__choice {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0; }
    .compare__choice .input-choice {
      margin-bottom: 0;
      width: 100%;
      border-bottom: 1px solid #EFF0F4; }
      .compare__choice .input-choice:first-of-type {
        border-top: 1px solid #EFF0F4; }
    .compare__choice .input-choice.active .input-choice__svg {
      width: 25px;
      height: 25px;
      right: 0;
      left: auto; }
    .compare__choice .input-choice.active .input-choice__label {
      padding-left: 20px; }
    .compare__choice .input-choice__label {
      max-height: none;
      padding: 18px 0;
      padding-left: 20px;
      border: none;
      font-weight: 500;
      background-color: #fff; }
    .compare__choice-link {
      padding: 12px 15px;
      border: 1px solid #E1E1E1;
      display: block;
      color: #1c1c1c;
      font-size: 15px;
      font-weight: 600;
      width: 100%;
      margin-bottom: 10px;
      border-radius: 4px; } }
.compare__slider .similar {
  background: #ffffff;
  border: 1px solid #E1E1E1;
  padding: 20px 16px 24px 16px; }

.compare__close-link .icon__svg {
  fill: #1c1c1c; }

.similar__label:hover .icon__svg {
  fill: #1c1c1c; }

.compare__features-title {
  font-size: 18px;
  margin-bottom: 0;
  margin-right: 10px; }

.compare__features-open {
  transform: rotate(-90deg);
  transition: transform 0.2s ease-in-out; }
  .compare__features-open .icon__svg {
    height: 16px; }
  .compare__features-open .icon_fill:hover .icon__svg,
  .compare__features-open .icon_fill:focus .icon__svg {
    fill: #215294; }
  .compare__features-open_close {
    transform: rotate(90deg); }

.compare__features {
  margin-top: 45px; }

.compare__features-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  padding: 15px 10px; }
  @media (max-width: 1024px) {
    .compare__features-header {
      padding-left: 0; } }
  .compare__features-header.active .compare__features-open {
    transform: rotate(90deg); }
  .compare__features-header::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
    left: calc((100vw - 1420px)/-2);
    width: 100vw;
    background-color: #EFF0F4; }
    @media (max-width: 1024px) {
      .compare__features-header::before {
        left: -10px; } }

.compare__features-show {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px; }

.compare__features-show-title {
  color: #1c1c1c;
  margin-right: 10px; }

.compare__features-input {
  position: absolute;
  opacity: 0;
  pointer-events: none; }
  .compare__features-input:checked ~ .compare__features-label {
    color: #215294;
    border-bottom: 1px solid #215294; }

.compare__features-label {
  color: #8F8F8F;
  font-size: 22px;
  font-weight: 600;
  transition: 0.2s ease-in-out;
  padding-bottom: 3px;
  border-bottom: 1px solid transparent; }

.compare__features-show-radio {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative; }

.compare__different {
  margin: 20px 0;
  color: #1c1c1c;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  padding-left: 10px; }
  .compare__different-text {
    margin-right: 5px; }
  .compare__different-button {
    cursor: pointer;
    color: #215294; }

.compare__slider-title {
  color: #1c1c1c;
  margin-bottom: 0; }
  @media (max-width: 1024px) {
    .compare__slider-title {
      margin-left: 5px; } }

.compare__slider-desc {
  margin-bottom: 0; }
  @media (max-width: 1024px) {
    .compare__slider-desc {
      margin-left: 5px; } }

.compare__sliders {
  transition: opacity 0.2s ease-in-out;
  height: auto;
  opacity: 1;
  width: 100%;
  padding: 0 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1420px; }
  @media (max-width: 1920px) {
    .compare__sliders {
      max-width: 1420px; } }
  @media (max-width: 1440px) {
    .compare__sliders {
      max-width: 1220px;
      padding-left: 40px;
      padding-right: 40px; } }
  @media (max-width: 1024px) {
    .compare__sliders {
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px; } }
  .compare__sliders_close {
    overflow: hidden;
    opacity: 0;
    height: 0; }

@media (max-width: 1024px) {
  .compare__sliders {
    padding: 0; } }
.compare__characteristic-block {
  position: relative; }
  .compare__characteristic-block:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    left: calc((100vw - 1420px)/-2);
    width: 100vw;
    border-bottom: 1px solid #FAFAFA; }

.similar__intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px; }

.similar__label {
  position: relative; }
  .similar__label:hover .icon .icon__svg {
    fill: #28CF7F; }

.similar__input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }
  .similar__input:checked ~ .icon .icon__svg {
    fill: #28CF7F; }

.similar__img {
  height: 150px;
  width: auto;
  align-self: center;
  margin-bottom: 10px; }

.similar__link {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

.similar__block {
  display: flex;
  flex-direction: column;
  align-items: center; }

.similar__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #1c1c1c;
  margin-bottom: 5px; }
  @media (max-width: 1024px) {
    .similar__title {
      font-size: 18px; } }

.similar__desc {
  margin-bottom: 5px; }

.similar__hot-options {
  margin-bottom: 0; }

.similar__order {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px; }
  .similar__order .similar__rate {
    font-size: 26px;
    margin-bottom: 0; }

.similar {
  background-color: #ffffff;
  padding: 17px 22px 24px 20px; }
  .similar .rate {
    font-size: 22px; }
  @media (max-width: 1024px) {
    .similar {
      padding: 10px;
      min-width: 250px; }
      .similar__rate {
        flex-direction: column;
        align-items: flex-start; } }

.hot-options__icon {
  color: #FAC42A; }

.hot-options__item {
  font-size: 12px;
  color: #215294;
  margin-right: 10px;
  padding: 2px 10px;
  border-radius: 100px;
  border: 1px solid #215294;
  cursor: default; }
  @media (max-width: 1024px) {
    .hot-options__item {
      margin-bottom: 5px; } }

.hot-options__item_favourite {
  font-size: 14px;
  color: #1c1c1c;
  padding: 0;
  border: none; }
  .hot-options__item_favourite .hot-options__title {
    margin-left: 5px; }

.hot-options {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 5px; }
  .hot-options.detailed {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px; }
  .hot-options.more {
    left: 140px; }
  @media (max-width: 1024px) {
    .hot-options {
      padding-right: 15px;
      margin-bottom: 0;
      flex-wrap: wrap; }
      .hot-options.detailed {
        position: absolute;
        z-index: 10;
        top: auto;
        left: 20px; }
      .hot-options.more {
        left: 20px; } }

.rate__old {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #8F8F8F;
  text-decoration: line-through;
  padding-bottom: 2px;
  margin-left: 10px; }
  @media (max-width: 1024px) {
    .rate__old {
      margin-left: 0; } }

.rate {
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
  font-size: 26px;
  color: #1c1c1c;
  font-weight: 700; }
  @media (max-width: 1024px) {
    .rate {
      align-items: flex-start;
      flex-direction: column; } }

.rate_new {
  color: #FF573D; }

.slider-compare__btns {
  position: absolute;
  bottom: -51px;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 100; }
  .slider-compare__btns.fixed {
    position: fixed;
    bottom: auto;
    top: 20px;
    right: calc((100% - 1400px)/2); }

.slider-compare__button {
  margin-left: 25px;
  width: 40px;
  cursor: pointer;
  height: 40px;
  border-radius: 50%;
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #215294;
  transition: opacity 0.2s ease-in-out; }
  .slider-compare__button_next {
    transform: rotate(180deg); }
  .slider-compare__button .icon__svg {
    max-height: 16px;
    fill: #fff; }
    .slider-compare__button .icon__svg:hover {
      fill: #fff; }
  .slider-compare__button .icon_fill:hover .icon__svg, .slider-compare__button .icon_fill:focus .icon__svg {
    fill: #fff; }
  .slider-compare__button:focus {
    outline: none; }
  .slider-compare__button:hover {
    background-color: #215193; }
  .slider-compare__button.swiper-button-disabled {
    opacity: 0;
    pointer-events: none; }

.slider-compare_main {
  z-index: 100 !important; }

.compare__sliders-item {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative; }
  @media (max-width: 1024px) {
    .compare__sliders-item {
      padding-top: 6px;
      padding-bottom: 6px;
      font-size: 13px; } }
  .compare__sliders-item:before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    left: calc((100vw - 1380px)/-2);
    width: 100vw;
    border-top: 1px solid #FAFAFA; }
    @media (max-width: 1440px) {
      .compare__sliders-item:before {
        left: calc((100vw - 1220px)/-2); } }
    @media (max-width: 1024px) {
      .compare__sliders-item:before {
        left: -10px; } }
  .compare__sliders-item:nth-of-type(even):before {
    background-color: #FAFAFA; }
  .compare__sliders-item:nth-of-type(odd):before {
    background-color: #ffffff; }
  .compare__sliders-item_main {
    padding: 0; }
    .compare__sliders-item_main:before {
      display: none; }

.compare__features-line {
  margin: 0 10px;
  width: 1px;
  height: 20px;
  background-color: #8F8F8F; }

.compare {
  overflow: hidden; }
  .compare .swiper-slide {
    width: 320px; }
  .compare .swiper-container {
    pointer-events: none;
    overflow: visible; }
    .compare .swiper-container.slider-compare_main {
      pointer-events: auto; }
  .compare__slider-wrapper {
    display: none;
    width: calc(50% - 5px); }

@media (max-width: 1024px) {
  .similar {
    padding: 5px !important;
    min-width: auto !important; }
    .similar__img {
      height: 100px; }
    .similar__title {
      font-size: 14px !important; }
    .similar .button_red {
      display: none; }
    .similar .rate {
      font-size: 16px; }
    .similar__center {
      margin-top: 5px;
      display: flex;
      align-items: center;
      justify-content: center; }

  .compare .similar__img {
    height: 100px; }
  .compare .swiper-slide {
    width: 100%; }
  .compare__mobile-wrap {
    display: flex;
    justify-content: space-between; }
    .compare__mobile-wrap.fixed {
      position: fixed;
      top: -152px;
      z-index: 100;
      max-width: calc(100% - 20px);
      background-color: #fff; }
  .compare__slider-wrapper {
    overflow: hidden;
    display: block; }
  .compare__features {
    margin-top: 0; }
    .compare__features-show-radio {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 15px 0;
      border-top: 1px solid #EFF0F4;
      border-bottom: 1px solid #EFF0F4;
      justify-content: space-between;
      margin-bottom: 20px; } }

/*# sourceMappingURL=compare.css.map */

/* End */
/* /local/styles/pages/compare.css?175008202212485 */