

/* Start:/local/templates/main/assets/bx-styles/form.css?17478378439035*/
@charset "UTF-8";
.form-content {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-gap: 2rem;
  margin-bottom: 2rem
}
.form-content .span-2 {
  grid-column: span 2
}
.form .label {
  display: inline-flex;
  width: 100%;
  height: 5rem;
  position: relative;
  z-index: 1;
  cursor: pointer
}
.form .label_checkbox {
  width: 100%;
  height: auto;
  align-items: center
}
.form .label__box {
  width: 2rem;
  height: 2rem;
  border: 1px solid #c1c1c2;
  border-radius: .3rem;
  margin-right: .7rem;
  position: relative;
  transition: .25s
}
.form .label__box::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 1.7rem;
  height: 1.3rem;
  opacity: 0;
  transition: opacity .25s;
  background: url(/local/templates/main/assets/bx-styles/../img/svg/check.svg) 50% 50%/contain no-repeat
}
.form .label__price {
  font-size: 1.6rem;
  font-weight: 600;
  color: #6f6f71;
  transition: color .25s
}
.form .label__text {
  font-size: 1.4rem
}
.form .label_textarea {
  height: 12rem
}
.form input,
.form textarea {
  width: 100%;
  height: 100%;
  background-color: #fff;
  padding: 0 1.1rem;
  border: 1px solid #eaeaeb;
  border-radius: .5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 1.4rem;
  position: relative
}
.form .policyCheckbox {
  width: auto;
  height: auto;
  appearance: auto;
}
.form input:checked ~ .label__box,
.form textarea:checked ~ .label__box {
  background-color: #1e5d9d;
  border-color: #1e5d9d
}
.form input:checked ~ .label__box::after,
.form textarea:checked ~ .label__box::after {
  opacity: 1
}
.form input::-moz-placeholder,
.form textarea::-moz-placeholder {
  color: #272727
}
.form input::placeholder,
.form textarea::placeholder {
  color: #272727
}
.form input.visually-hidden,
.form textarea.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden
}
.form textarea {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  resize: none
}
.form__from-to {
  display: flex;
  justify-content: space-between;
  position: relative
}
.form__from-to-range .label::before {
  content: '₽';
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  z-index: 3;
  font-size: 1.4rem
}
.form__from-to-range .label input {
  padding-right: 3rem
}
.form__from-to .label {
  width: 50%
}
.form__from-to .label:first-of-type::after {
  content: '';
  position: absolute;
  top: 1rem;
  right: 0;
  bottom: 1rem;
  width: 1px;
  background-color: #c1c1c2
}
.form__from-to .label:first-of-type input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none
}
.form__from-to .label:last-of-type input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none
}
.form-sort {
  margin: 3rem 0 -1.2rem;
  display: flex;
  flex-wrap: wrap
}
.form-sort__item {
  display: flex;
  align-items: center;
  padding: .6rem 2.6rem .6rem .6rem;
  background-color: #fff;
  border: 1px solid rgba(30,93,157,.2);
  border-radius: .5rem;
  font-size: 1.4rem;
  color: #1e5d9d;
  margin-bottom: 1.2rem;
  cursor: pointer;
  transition: .25s
}
.form-sort__item_active {
  background-color: rgba(30,93,157,.2)
}
.form-sort__item_active .form-sort__img {
  background-color: #fff
}
.form-sort__item:not(:last-child) {
  margin-right: 1.2rem
}
.form-sort__img {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 1rem;
  background-color: rgba(30,93,157,.1);
  overflow: hidden;
  flex-shrink: 0;
  margin-right: 1rem;
  transition: .25s
}
.form-sort__item_booking {
  background: rgba(4, 198, 105, 0.05);
  color: #04c669;
}

.form-sort__item_booking.form-sort__item_active {
  background: rgba(4, 198, 105, 0.05);
  color: #046a39;
}
.form-sort__item_booking .form-sort__img {
  background-color: transparent;
  transition: none;
}
.form-sort__img svg {
  width: 100%;
  height: 100%
}
.form-checked {
  display: none;
  flex-wrap: wrap;
  border-top: 1px solid #c1c1c2;
  margin: 3rem 0 1.2rem;
  padding-top: 3rem
}
.form-checked_active {
  display: flex
}
.form-checked__item {
  display: flex;
  align-items: center;
  height: 3.3rem;
  padding: 0 2.8rem 0 1rem;
  background-color: #fff;
  border-radius: .7rem;
  margin-right: .7rem;
  margin-bottom: .7rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1e5d9d;
  position: relative
}
.form-checked__item span {
  position: absolute;
  top: 50%;
  right: .5rem;
  transform: translateY(-50%);
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url(/local/templates/main/assets/bx-styles/../img/svg/filter-reset.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 1rem;
  cursor: pointer
}
.form-checked__item_white {
  background-color: #fff
}
.form-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.form__more {
  display: inline-flex;
  align-items: center;
  cursor: pointer
}
.form__more_active .form__more-btn {
  background-color: #1e5d9d
}
.form__more_active .form__more-btn::before {
  left: auto;
  right: 1px;
  border-color: #fff
}
.form__more_active .form__more-text-expand {
  display: none
}
.form__more_active .form__more-text-reduce {
  display: block
}
.form__more-btn {
  width: 2.2rem;
  height: 1.2rem;
  padding: 1px;
  border: solid #1e5d9d;
  border-radius: .8rem;
  position: relative;
  flex-shrink: 0;
  margin-right: .5rem;
  transition: .25s
}
.form__more-btn:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 1px;
  transform: translateY(-50%);
  width: .8rem;
  height: .8rem;
  border-radius: 50%;
  border: solid #1e5d9d;
  background-color: #fff;
  transition: .25s
}
.form__more-text {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  color: #1e5d9d
}
.form__more-text-reduce {
  display: none
}
.form__save {
  display: none;
  align-items: center;
  margin: 0 6rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1e5d9d;
  cursor: pointer
}
.form__save svg {
  width: 2.4rem;
  height: 2.4rem;
  flex-shrink: 0;
  margin-right: .5rem
}
.form__save_active {
  display: flex
}
.form__reset {
  display: none;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 600;
  color: #d9012a;
  margin-left: auto;
  margin-right: 7.2rem;
  cursor: pointer
}
.form__reset_active {
  display: flex
}
.form__reset svg {
  width: 2.4rem;
  height: auto;
  flex-shrink: 0;
  margin-right: .7rem
}
.form__button {
  min-width: 26.5rem
}
.form__privacy {
  font-size: 1rem
}
.form__privacy a {
  text-decoration: underline
}
@media (max-width:48em) {
  .form-content {
    grid-template-columns: repeat(1,1fr);
    grid-gap: 3rem;
    margin-bottom: 3rem
  }
  .form-content .span-2 {
    grid-column: span 1
  }
  .form .label {
    height: 10rem
  }
  .form .label__box {
    width: 4rem;
    height: 4rem;
    border-radius: .6rem;
    margin-right: 1.4rem
  }
  .form .label__box::after {
    width: 3.4rem;
    height: 2.6rem
  }
  .form .label__price {
    font-size: 3.2rem
  }
  .form .label__text {
    font-size: 2.4rem
  }
  .form .label_textarea {
    height: 24rem
  }
  .form input,
  .form textarea {
    padding: 0 2.2rem;
    border-radius: 1rem;
    font-size: 2.4rem
  }
  .form textarea {
    padding-top: 3rem;
    padding-bottom: 3rem
  }
  .form__from-to-range .label input {
    padding-right: 5rem
  }
  .form__from-to-range .label::before {
    right: 2rem;
    font-size: 2.4rem
  }
  .form__from-to .label:first-of-type::after {
    top: 2rem;
    bottom: 2rem
  }
  .form-sort {
    margin: 2rem 0
  }
  .form-sort__item {
    padding: 1.2rem 5.2rem 1.2rem 1.2rem;
    border-radius: 1rem;
    font-size: 2.8rem;
    margin-bottom: 2rem
  }
  .form-sort__item:not(:last-child) {
    margin-right: 2rem
  }
  .form-sort__img {
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 2rem;
    margin-right: 2rem
  }
  .form-checked {
    margin: 3rem 0 2.4rem;
    padding-top: 4rem
  }
  .form-checked__item {
    height: 5.8rem;
    padding: 0 5.6rem 0 2rem;
    border-radius: 1.4rem;
    margin-right: 1.4rem;
    margin-bottom: 1.4rem;
    font-size: 2.4rem
  }
  .form-checked__item span {
    right: 1rem;
    width: 4rem;
    height: 4rem;
    background-size: 2rem
  }
  .form-bottom {
    flex-direction: column-reverse
  }
  .form__more-btn {
    width: 4.4rem;
    height: 2.2rem;
    padding: .2rem;
    border-width: .24rem;
    border-radius: 1.6rem;
    margin-right: 1rem
  }
  .form__more-btn:before {
    padding: .2rem;
    width: 1.5rem;
    height: 1.5rem;
    border-width: .3rem
  }
  .form__more-text {
    font-size: 2.8rem
  }
  .form__save {
    margin: 0 0 6rem;
    font-size: 2.8rem
  }
  .form__save svg {
    width: 4.8rem;
    height: 4.8rem;
    margin-right: 1rem
  }
  .form__reset {
    font-size: 2.8rem;
    margin: -2rem auto 5rem
  }
  .form__reset svg {
    width: 4.8rem;
    margin-right: 1.4rem
  }
  .form__button {
    min-width: auto;
    margin-bottom: 5rem
  }
  .form__privacy {
    font-size: 2rem
  }
}
/* End */


/* Start:/local/templates/main/assets/bx-styles/commission.css?17513766293046*/
.commission {
  padding: 11rem 0 2rem 0
}
.commission__title {
  margin-bottom: 3.5rem
}
.commission__content {
  display: flex;
  justify-content: space-between
}
.commission__block {
  width: 46%
}
.commission__block:last-child {
  width: 50%
}
.commission__group:not(:last-child) {
  margin-bottom: 3.4rem
}
.commission__group-title {
  width: 95%;
  margin-bottom: 2rem
}
.commission__img {
  width: 100%;
  height: 55.3rem;
  border-radius: 1.7rem;
  overflow: hidden;
  margin-bottom: 3.5rem
}
.commission__img img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.commission_buyback .commission__content {
  flex-wrap: wrap
}
.commission_buyback .commission__block {
  width: 47%
}
.commission_buyback .commission__block p:not(:last-child) {
  margin-bottom: 3.7rem
}
.commission_buyback .commission__block:nth-child(2) {
  width: 50%
}
.commission_buyback .commission__block_bottom {
  width: 100%;
  margin-top: 3.5rem
}
.commission_buyback .commission__img {
  height: 53rem;
  margin-bottom: 0
}
.commission_grade {
  padding: 0
}
.commission_grade .commission__title {
  display: none
}
.commission_grade .commission__img {
  height: 100%
}
.commission_grade .commission__block_bottom p:not(:last-child) {
  margin-bottom: 2.7rem
}
.commission_trade_in {
  padding: 10rem 0 9rem
}
.commission_trade_in .commission__group {
  width: 101.8%
}
.commission_trade_in .list__item span {
  font-weight: 700
}
@media (max-width:48em) {
  .commission {
    padding: 8rem 0
  }
  .commission__title {
    margin-bottom: 4rem
  }
  .commission__content {
    padding-top: 57.6rem;
    display: block;
    position: relative
  }
  .commission__block {
    width: 100%;
    margin-bottom: 4rem
  }
  .commission__block:last-child {
    width: 100%;
    margin-bottom: 0
  }
  .commission__group:not(:last-child) {
    margin-bottom: 4rem
  }
  .commission__group-title {
    width: 100%;
    margin-bottom: 3.4rem
  }
  .commission__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 53.6rem;
    border-radius: 3.4rem;
    margin-bottom: 0
  }
  .commission_buyback {
    padding-bottom: 4rem
  }
  .commission_buyback .commission__content {
    padding-top: 44.4rem
  }
  .commission_buyback .commission__block {
    width: 100%
  }
  .commission_buyback .commission__block:nth-child(2) {
    width: 100%
  }
  .commission_buyback .commission__img {
    height: 40rem
  }
  .commission_buyback .commission__group-title {
    font-size: 3.2rem;
    margin-bottom: 4.4rem
  }
  .commission_grade {
    padding: 0 0 12rem
  }
  .commission_grade .commission__img {
    height: 40rem
  }
  .commission_grade .commission__block_bottom p:not(:last-child) {
    margin-bottom: 3.7rem
  }
  .commission_trade_in {
    padding: 12rem 0 2rem
  }
  .commission_trade_in .commission__content {
    padding-top: 45rem
  }
  .commission_trade_in .commission__img {
    height: 40rem
  }
  .commission_trade_in .commission__group {
    width: 100%
  }
  .commission_trade_in .commission__group-title {
    font-size: 3.2rem
  }
}
/* End */


/* Start:/local/templates/main/assets/bx-styles/faq.css?17513762942449*/
.faq {
  padding: 10rem 0;
  background-color: #fafafa;
  border-radius: 5rem
}
.faq_service {
  background-color: #fff
}
.faq_service .faq__item {
  background-color: #fafafa
}
.faq_service .faq__item-arrow {
  background-color: #fff
}
.faq__title {
  margin-bottom: 3.6rem
}
.faq__item {
  background-color: #fff;
  border-radius: 1.6rem
}
.faq__item_active .faq__item-arrow {
  background-color: #1e5d9d
}
.faq__item_active .faq__item-arrow::before {
  background-color: #fff
}
.faq__item_active .faq__item-arrow::after {
  content: none
}
.faq__item:not(:last-child) {
  margin-bottom: 1rem
}
.faq__item-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  cursor: pointer
}
.faq__item-title {
  width: 90%;
  font-size: 1.8rem;
  font-weight: 600
}
.faq__item-arrow {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #f1f8fd;
  cursor: pointer;
  position: relative;
  transition: .25s
}
.faq__item-arrow:after,
.faq__item-arrow:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: #1e5d9d;
  transition: background-color .25s
}
.faq__item-arrow:before {
  width: 1.6rem;
  height: .2rem
}
.faq__item-arrow::after {
  width: .2rem;
  height: 1.6rem
}
.faq__item-dropdown {
  display: none;
  padding: 0 12rem 2rem 3.2rem;
  font-size: 1.6rem;
  line-height: 1.625
}
.faq__item-dropdown a {
  text-decoration: underline;
}
.faq__item-dropdown p:not(:last-child) {
  margin-bottom: 2rem
}
.faq_other {
  background: 0 0
}
.faq_other .faq__item {
  background-color: #fafafa
}
@media (max-width:48em) {
  .faq {
    margin: 0 3rem;
    padding: 4rem 0;
    border-radius: 3.2rem
  }
  .faq_service {
    margin: 0;
    padding-bottom: 12rem
  }
  .faq__title {
    margin-bottom: 4rem
  }
  .faq__item {
    border-radius: 3.2rem
  }
  .faq__item:not(:last-child) {
    margin-bottom: 2rem
  }
  .faq__item-heading {
    padding: 4.2rem 4rem 3.8rem
  }
  .faq__item-title {
    width: 77%;
    font-size: 3.2rem;
    line-height: 1.25
  }
  .faq__item-arrow {
    width: 8rem;
    height: 8rem
  }
  .faq__item-arrow:before {
    width: 2.6rem;
    height: .4rem
  }
  .faq__item-arrow::after {
    width: .4rem;
    height: 2.6rem
  }
  .faq__item-dropdown {
    padding: .4rem 4rem 4rem;
    font-size: 2.8rem;
    line-height: 1.21
  }
  .faq_other {
    margin: 0;
    padding-bottom: 12rem
  }
}
/* End */
/* /local/templates/main/assets/bx-styles/form.css?17478378439035 */
/* /local/templates/main/assets/bx-styles/commission.css?17513766293046 */
/* /local/templates/main/assets/bx-styles/faq.css?17513762942449 */
