

/* Start:/local/templates/geely-kuntsevo-redisign21/layout/bx-styles/reviews.css?16365333551987*/
.reviews__list > .reviews__item:not(:first-child) {
  display: none
}
.reviews__list .slick-list {
  margin: 0 -20px
}
.reviews__list .slick-slide {
  margin: 0 20px
}
.reviews__item {
  max-width: 385px;
  background: #f9f9fa;
  padding: 30px
}
.reviews__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #b0b2b3;
  margin-bottom: 20px
}
.reviews__username {
  font-size: 18px;
  font-weight: 500
}
.reviews__rating {
  display: flex;
  margin-top: 10px
}
.reviews__rating-item {
  width: 16px;
  height: 16px
}
.reviews__rating-item:not(:last-child) {
  margin-right: 10px
}
.reviews__rating-item svg {
  fill: #f2c94c;
  width: 16px;
  height: 16px
}
.reviews__date {
  font-size: 12px;
  color: #b0b2b3;
  margin-top: 4px
}
.reviews__content {
  font-size: 14px;
  line-height: 1.9
}
.reviews__text {
  height: 7.6em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden
}
.reviews__text.show-btn ~ .reviews__button {
  visibility: visible
}
.reviews__text.active {
  height: auto;
  display: block;
  overflow: visible
}
.reviews__button {
  text-align: center;
  cursor: pointer;
  transition: .2s;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -20px;
  visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.reviews__button:hover {
  background-color: #ececec
}
.reviews__button img {
  transition: .2s
}
.reviews__button.active img {
  transform: scale(1,-1)
}
.reviews__rating-form {
  display: flex;
  align-items: center;
  color: #b0b2b3
}
.reviews__rating-form-items {
  margin-left: 10px
}
.reviews__form {
  width: 100%;
  max-width: 450px;
  padding: 40px;
  margin: 40px auto 0;
  background: #f9f9fa
}
@media (max-width:1690px) {
  .reviews__list .slick-list {
    margin: 0 -10px
  }
  .reviews__list .slick-slide {
    margin: 0 10px
  }
}
/* End */


/* Start:/local/templates/geely-kuntsevo-redisign21/layout/bx-styles/slider.css?16813911501924*/
.slider {
  line-height: 1;
  padding-bottom: 80px
}
.slider__arrow {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #002d96;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  transition: .2s
}
.slider__arrow.prev {
  transform: translateX(-25px)
}
.slider__arrow.next {
  transform: translateX(25px)
}
.slider__arrow svg {
  stroke: #fff;
  width: 22px;
  height: 22px;
  transition: .2s
}
.slider__arrow.slick-disabled {
  opacity: 50%;
  cursor: initial
}
.slider__arrow:not(.slick-disabled):hover {
  background-color: #3999ff
}
.slick-dotted.slick-slider {
  margin-bottom: 0
}
.slick-dots {
  bottom: 8px;
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto
}
.slick-dots li {
  width: 100px;
  height: 8px;
  position: relative;
  margin: 0 5px
}
.slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  font-size: 0;
  cursor: pointer;
  background: 0 0
}
.slick-dots li button:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #c0d7e8;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: .2s
}
.slick-dots li button:hover:before,
.slick-dots li.slick-active button:before {
  background-color: #0066b2
}
@media (max-width:1023px) {
  .slider__arrow {
    width: 30px;
    height: 30px
  }
  .slider__arrow.prev {
    transform: translateX(-20px)
  }
  .slider__arrow.next {
    transform: translateX(20px)
  }
  .slider__arrow svg {
    width: 16px;
    height: 16px
  }
  .slick-dotted {
    padding-bottom: 60px
  }
  .slick-dots li {
    height: 5px
  }
}
@media (max-width:767px) {
  .slider__arrow {
    width: 20px;
    height: 20px
  }
  .slider__arrow svg {
    width: 12px;
    height: 12px
  }
  .slick-dotted {
    padding-bottom: 30px
  }
}
/* End */


/* Start:/local/templates/geely-kuntsevo-redisign21/layout/bx-styles/input-textarea.css?1681391150765*/
.input-textarea {
  position: relative
}
.input-textarea.has-val .input-textarea__placeholder {
  font-size: 12px;
  transform: translate(0,-20px)
}
.input-textarea__field {
  background: #fff;
  border: 1px solid #000;
  border-radius: 0 10px 0 0;
  text-shadow: none;
  box-shadow: none;
  font-size: 16px;
  padding: 15px 10px;
  height: 100px;
  text-align: left;
  color: #000;
  -webkit-appearance: none;
  font-family: "Open Sans",sans-serif;
  width: 100%;
  resize: none
}
.input-textarea__field.error {
  border-color: #da291c!important;
  color: #da291c!important
}
.input-textarea__placeholder {
  position: absolute;
  top: 15px;
  left: 10px;
  color: #b0b2b3;
  padding: 1px 10px;
  background-color: #fff;
  pointer-events: none;
  transition: .2s
}
/* End */


/* Start:/local/templates/geely-kuntsevo-redisign21/layout/bx-styles/inputs-rating.css?1636533355962*/
.inputs-rating {
  display: flex;
  position: relative;
  height: 22px;
  line-height: 1;
  font-size: 22px
}
.inputs-rating label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer
}
.inputs-rating label:last-child {
  position: static
}
.inputs-rating label:last-child .icon {
  color: #ccc
}
.inputs-rating label:nth-child(1) {
  z-index: 5
}
.inputs-rating label:nth-child(2) {
  z-index: 4
}
.inputs-rating label:nth-child(3) {
  z-index: 3
}
.inputs-rating label:nth-child(4) {
  z-index: 2
}
.inputs-rating label:nth-child(5) {
  z-index: 1
}
.inputs-rating label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0
}
.inputs-rating label input:focus:not(:checked) ~ .icon:last-child {
  color: #f2c94c
}
.inputs-rating label .icon {
  float: left;
  color: transparent
}
.inputs-rating:not(:hover) label input:checked ~ .icon {
  color: #f2c94c
}
.inputs-rating:hover label:hover input ~ .icon {
  color: #f2c94c
}
/* End */
/* /local/templates/geely-kuntsevo-redisign21/layout/bx-styles/reviews.css?16365333551987 */
/* /local/templates/geely-kuntsevo-redisign21/layout/bx-styles/slider.css?16813911501924 */
/* /local/templates/geely-kuntsevo-redisign21/layout/bx-styles/input-textarea.css?1681391150765 */
/* /local/templates/geely-kuntsevo-redisign21/layout/bx-styles/inputs-rating.css?1636533355962 */
