.moto-filter .icon-filter {
  padding-bottom: 50px;
}
@media (max-width: 959px) {
  .moto-filter .icon-filter {
    display: none;
  }
}
.moto-filter .icon-filter .icon-filter-wrap {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 12px;
}
@media (max-width: 1280px) {
  .moto-filter .icon-filter .icon-filter-wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item {
  display: flex;
  height: 100px;
  padding: 12px 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 16px;
  background: #FFF;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 1280px) {
  .moto-filter .icon-filter .icon-filter-wrap .icon-filter__item {
    display: flex;
    padding: 12px 0px;
    align-items: center;
    flex-shrink: 0;
  }
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item .type-title {
  color: rgba(0, 31, 45, 0.7);
  /* Description/Tag 600 */
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  /* 12px */
  letter-spacing: -0.12px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item .type-img {
  position: absolute;
  left: -38px;
  bottom: 8px;
  width: 117px;
  height: 60px;
  transition: all 0.3s ease-in-out;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item .type-img img {
  width: 100%;
}
@media (max-width: 1280px) {
  .moto-filter .icon-filter .icon-filter-wrap .icon-filter__item .type-img {
    left: -5px;
    bottom: 8px;
  }
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover .type-title,
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active .type-title {
  color: #FFF;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover .type-img,
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active .type-img {
  left: -4px;
}
@media (max-width: 1280px) {
  .moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover .type-img,
  .moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active .type-img {
    left: 50%;
    transform: translate(-50%);
  }
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover:nth-child(1),
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active:nth-child(1) {
  background: #F57738;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover:nth-child(2),
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active:nth-child(2) {
  background: #4551F3;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover:nth-child(3),
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active:nth-child(3) {
  background: #B400F3;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover:nth-child(4),
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active:nth-child(4) {
  background: #686868;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover:nth-child(5),
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active:nth-child(5) {
  background: #F57738;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover:nth-child(6),
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active:nth-child(6) {
  background: #4551F3;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover:nth-child(7),
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active:nth-child(7) {
  background: #686868;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover:nth-child(8),
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active:nth-child(8) {
  background: #B400F3;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover:nth-child(9),
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active:nth-child(9) {
  background: #4551F3;
}
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item:hover:nth-child(10),
.moto-filter .icon-filter .icon-filter-wrap .icon-filter__item.active:nth-child(10) {
  background: #686868;
}
.moto-filter .filter__volumes {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 12px 16px;
  flex-wrap: wrap;
  padding-bottom: 50px;
}
@media (max-width: 959px) {
  .moto-filter .filter__volumes {
    display: none;
  }
}
.moto-filter .filter__volumes .filter__item {
  display: flex;
  height: 48px;
  padding: 0px 21px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  outline: 1px solid rgba(0, 31, 45, 0.3);
  background: transparent;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.moto-filter .filter__volumes .filter__item:hover,
.moto-filter .filter__volumes .filter__item:has(.active) {
  background: #fff;
  outline: 1px solid rgba(255, 255, 255, 0);
}
.moto-filter .filter__volumes .filter__item a {
  color: #001F2D;
  /* Controls/Button */
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 17px */
}
.moto-filter .top_marks_list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
  padding-bottom: 50px;
  cursor: pointer;
}
@media (max-width: 1279px) {
  .moto-filter .top_marks_list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 959px) {
  .moto-filter .top_marks_list {
    display: none;
  }
}
.moto-filter .top_marks_list .item {
  display: flex;
  height: 56px;
  padding: 12px 8px;
  align-items: center;
  flex-shrink: 0;
  border-radius: 16px;
  background: #FFF;
  transition: all 0.3s ease-in-out;
}
.moto-filter .top_marks_list .item:hover,
.moto-filter .top_marks_list .item.selected {
  background-color: #F2F2F2;
}
.moto-filter .top_marks_list .item a {
  display: flex;
  align-items: center;
  gap: 16px;
}
.moto-filter .top_marks_list .item a .icon {
  width: 40px;
  height: 40px;
}
.moto-filter .top_marks_list .item a .item-name {
  color: #001F2D;
  /* Controls/Link 400 */
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  /* 17px */
}
.moto-filter .statistic_filter {
  padding: 20px;
  border-radius: 24px;
  background: #FFF;
}
.moto-filter .statistic_filter form {
  position: relative;
}
@media (max-width: 1199px) {
  .moto-filter .statistic_filter form {
    display: flex;
    flex-wrap: wrap;
  }
}
.moto-filter .statistic_filter form .filter_r {
  display: grid;
  justify-content: space-between;
  padding-top: 20px;
  grid-row-gap: 53px;
  grid-column-gap: 20px;
}
.moto-filter .statistic_filter form .filter_r + .filter_r {
  margin-top: 25px;
}
.moto-filter .statistic_filter form .filter_r.r_1 {
  grid-template-columns: repeat(4, 275px);
}
@media (max-width: 1600px) {
  .moto-filter .statistic_filter form .filter_r.r_1 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1280px) {
  .moto-filter .statistic_filter form .filter_r.r_1 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 959px) {
  .moto-filter .statistic_filter form .filter_r.r_1 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .moto-filter .statistic_filter form .filter_r.r_1 {
    grid-template-columns: 100%;
  }
}
.moto-filter .statistic_filter form .filter_r.r_2 {
  grid-template-columns: 350px 350px 496px;
}
@media (max-width: 1399px) {
  .moto-filter .statistic_filter form .filter_r.r_2 {
    grid-template-columns: 344px 344px 344px;
  }
}
@media (max-width: 959px) {
  .moto-filter .statistic_filter form .filter_r.r_2 {
    grid-template-columns: 216px 216px 216px;
  }
}
@media (max-width: 767px) {
  .moto-filter .statistic_filter form .filter_r.r_2 {
    grid-template-columns: 100%;
  }
}
.moto-filter .statistic_filter form .filter_r.r_3 {
  grid-template-columns: 290px 290px 290px 290px;
}
@media (max-width: 1399px) {
  .moto-filter .statistic_filter form .filter_r.r_3 {
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
  }
}
@media (max-width: 959px) {
  .moto-filter .statistic_filter form .filter_r.r_3 {
    grid-template-columns: 157px 157px 157px 157px;
  }
}
@media (max-width: 767px) {
  .moto-filter .statistic_filter form .filter_r.r_3 {
    grid-template-columns: 100%;
  }
}
.moto-filter .statistic_filter form .filter_r.r_4 {
  grid-template-columns: 290px 290px 290px 290px;
}
@media (max-width: 1399px) {
  .moto-filter .statistic_filter form .filter_r.r_4 {
    grid-template-columns: 290px 173px 173px 173px;
  }
}
@media (max-width: 959px) {
  .moto-filter .statistic_filter form .filter_r.r_4 {
    grid-template-columns: 157px 157px 157px 157px;
  }
}
@media (max-width: 767px) {
  .moto-filter .statistic_filter form .filter_r.r_4 {
    grid-template-columns: 100%;
  }
}
.moto-filter .statistic_filter form .input_box {
  position: relative;
}
.moto-filter .statistic_filter form .input__hidden_wrap {
  display: grid;
  grid-column-start: 1;
  grid-column-end: 5;
  grid-template-columns: repeat(4, 1fr);
  padding-top: 20px;
  gap: 20px;
}

@media (max-width: 1280px) {
  .moto-filter .statistic_filter form .input__hidden_wrap {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 53px;
  }
}

@media (max-width: 959px) {
  .moto-filter .statistic_filter form .input__hidden_wrap {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 53px;
  }
}
@media (max-width: 640px) {
  .moto-filter .statistic_filter form .input__hidden_wrap {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-template-columns: 100%;
    grid-row-gap: 53px;
  }
}

.moto-filter .statistic_filter form .input_box label {
  position: absolute;
  left: 12px;
  top: -21px;
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  color: #001F2D;
  z-index: 1;
  padding: 0;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box {
  position: relative;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_droplist {
  display: none;
  width: 100%;
  max-height: 190px;
  padding: 8px 16px;
  overflow: auto;
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 2;
  border-radius: 16px;
  border: 1px solid rgba(43, 47, 51, 0.2);
  background: #FFF;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_droplist .drop_el {
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 130%;
  cursor: pointer;
  color: #2B2F33;
  padding: 7px 0;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_droplist:hover {
  display: block;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_droplist::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_droplist::-webkit-scrollbar-thumb {
  background-color: #B4B4B4;
  border-radius: 9em;
  border-top: 10px solid transparent;
  box-shadow: inset 1px 1px 10px #b4b4b4;
  border-bottom: 10px solid transparent;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_droplist::-webkit-scrollbar-button {
  width: 4px;
  height: 10px;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box.focused .autocomplete_input {
  background-image: url(/images/icons/arrow-up_black.svg);
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_input {
  background-image: url(/images/icons/arrow-down_black.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 8px); center;
  background-size: 16px 16px;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_input.arrow_down {
  background-image: url(/images/icons/arrow-down_black.svg);
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_input.arrow_none {
  background: none;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_input#MARKA_NAME {
  text-transform: uppercase;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_input#MARKA_NAME::placeholder {
  text-transform: capitalize;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_input:focus + .autocomplete_droplist {
  display: block;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .autocomplete_input:focus + .autocomplete_droplist:empty {
  display: none;
}
.moto-filter .statistic_filter form .input_box .autocomplete_box .clear_fields_btn {
  position: absolute;
  top: 15px;
  right: 10px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  background-image: url(/statistic/include/imgs/clear-btn.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.moto-filter .statistic_filter form .input_box select {
  height: 44px;
  background: url('/statistic/include/imgs/filter_select_bg.png'), #FFFFFF;
  background-repeat: no-repeat;
  background-position: calc(100% - 9px) center;
  border: 1px solid #DCDEE0;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 10px 22px 10px 14px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02em;
  color: #000000;
  width: 100%;
  appearance: none;
  /* remove arrow        */
  -webkit-appearance: none;
  /* remove arrow Chrome */
  -moz-appearance: none;
  /* remove arrow FF     */
}
.moto-filter .statistic_filter form .input_box select#MARKA_NAME {
  text-transform: capitalize;
}
.moto-filter .statistic_filter form .input_box select option {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
}
.moto-filter .statistic_filter form .input_box select option[disabled] {
  color: #00000094;
  font-weight: 400;
}
.moto-filter .statistic_filter form .input_box select:disabled {
  background: #F3F4F6;
}
.moto-filter .statistic_filter form .input_box .ui-selectmenu-button {
  height: 44px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 10px 16px;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #001F2D;
  width: 100%;
}
.moto-filter .statistic_filter form .input_box input {
  height: 48px;
  box-sizing: border-box;
  color: #001F2D;
  width: 100%;
  outline: none;
  padding: 0px 12px;
  border-radius: 16px;
  border: 1px solid rgba(26, 30, 33, 0.1);
  background-color: #FFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.moto-filter .statistic_filter form .input_box input::placeholder {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: rgba(0, 31, 45, 0.7);
}
.moto-filter .statistic_filter form .input_box input:focus {
  border: 1px solid rgba(47, 52, 65, 0.2);
}
.moto-filter .statistic_filter form .input_box input:disabled {
  background: #EEEFF0;
}
.moto-filter .statistic_filter form .input_box input[type='date'] {
  color: rgba(0, 31, 45, 0.7);
}
.moto-filter .statistic_filter form .input_box.group_input_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  justify-content: space-between;
  grid-column-gap: 10px;
}
.moto-filter .statistic_filter form .input_box.kuzov_input_box .autocomplete_droplist .drop_el {
  position: relative;
}
.moto-filter .statistic_filter form .input_box.kuzov_input_box .autocomplete_droplist .drop_el img.kuzov-icon {
  width: 40px;
  position: absolute;
  bottom: 12px;
  right: 0;
}
.moto-filter .statistic_filter form .input_box.input_box_rates {
  display: flex;
  align-items: center;
  width: 100%;
  grid-column-start: span 2;
  justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .moto-filter .statistic_filter form .input_box.input_box_rates {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 8px;
  }
}
@media (max-width: 576px) {
  .moto-filter .statistic_filter form .input_box.input_box_rates {
    grid-column-start: auto;
  }
}
@media (max-width: 460px) {
  .moto-filter .statistic_filter form .input_box.input_box_rates {
    grid-template-columns: repeat(3, 1fr);
  }
}
.moto-filter .statistic_filter form .input_box.input_box_rates .custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.moto-filter .statistic_filter form .input_box.input_box_rates .custom-checkbox + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  color: #000;
  position: static;
  font-weight: 400;
}
.moto-filter .statistic_filter form .input_box.input_box_rates .custom-checkbox + label::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  background: #fff;
  border-radius: 5px;
  border: 1px solid rgba(26, 30, 33, 0.1);
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  cursor: pointer;
  transition: background-color 0.2s ease, background-image 0.2s ease;
}
.moto-filter .statistic_filter form .input_box.input_box_rates .custom-checkbox:checked + label::before {
  background-color: #1463a3;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9401 0.812789L5.75212 6.00073L3.06275 3.31363C2.78227 3.03331 2.40195 2.87583 2.0054 2.87583C1.60885 2.87583 1.22853 3.03331 0.948049 3.31363C0.667725 3.59411 0.510254 3.97443 0.510254 4.37098C0.510254 4.76753 0.667725 5.14785 0.948049 5.42833L4.72089 9.20117C4.99389 9.47386 5.36398 9.62704 5.74985 9.62704C6.13571 9.62704 6.5058 9.47386 6.7788 9.20117L13.0525 2.92749C13.3328 2.64701 13.4903 2.26669 13.4903 1.87014C13.4903 1.47359 13.3328 1.09327 13.0525 0.812789C12.9138 0.674002 12.7492 0.563902 12.5679 0.488784C12.3867 0.413665 12.1924 0.375 11.9963 0.375C11.8001 0.375 11.6058 0.413665 11.4246 0.488784C11.2434 0.563902 11.0787 0.674002 10.9401 0.812789Z' fill='white'/%3E%3C/svg%3E%0A");
}
.moto-filter .statistic_filter form .input_box.rate_input_box {
  width: 100%;
}
.moto-filter .statistic_filter form .input_box.lotnum_input_box {
  width: 100%;
}
.moto-filter .statistic_filter form .input_box.submit_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-column-start: 1;
  grid-column-end: 5;
}
@media (max-width: 1280px) {
  .moto-filter .statistic_filter form .input_box.submit_box {
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
@media (max-width: 959px) {
  .moto-filter .statistic_filter form .input_box.submit_box {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media (max-width: 640px) {
  .moto-filter .statistic_filter form .input_box.submit_box {
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
@media (max-width: 1599px) {
  .moto-filter .statistic_filter form .input_box.submit_box {
    display: flex;
    align-items: center;
    align-content: center;
  }
}
@media (max-width: 1199px) {
  .moto-filter .statistic_filter form .input_box.submit_box {
    /*                        top: auto;
													bottom: -20px;*/
  }
}
@media (max-width: 640px) {
  .moto-filter .statistic_filter form .input_box.submit_box {
    width: 100%;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .moto-filter .statistic_filter form .input_box.submit_box button[type=submit] {
    left: 0;
    position: static;
  }
}
.moto-filter .statistic_filter form .input_box.submit_box .toggle_form {
  color: #1463A3;
  font-size: 17px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media (max-width: 640px) {
  .moto-filter .statistic_filter form .input_box.submit_box .toggle_form {
    margin-bottom: 35px;
    margin-left: auto;
    margin-right: auto;
  }
}
.moto-filter .statistic_filter form .input_box.submit_box .toggle_form .ic {
  transition: transform 0.2s ease-in-out;
  transform: rotate(180deg);
  margin-left: 4px;
}
.moto-filter .statistic_filter form .input_box.submit_box .toggle_form.up .ic {
  transform: rotate(0);
}
.moto-filter .statistic_filter form .input_box.submit_box .buts_box {
  display: flex;
  align-items:center
}
/* @media (max-width: 767px) {
  .moto-filter .statistic_filter form .input_box.submit_box .buts_box {
    justify-content: space-between;
    width: 100%;
  }
} */
@media (max-width: 640px) {
  .moto-filter .statistic_filter form .input_box.submit_box .buts_box {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    width: 100%;
  }
}
.moto-filter .statistic_filter form .input_box.submit_box .buts_box [type="clear"] {
  margin-right: 12px;
  font-weight: 500;
}
@media (max-width: 640px) {
  .moto-filter .statistic_filter form .input_box.submit_box .buts_box [type="clear"] {
    margin-right: 0;
  }
}
.moto-filter .statistic_filter form .input_box.submit_box .buts_box button[type=submit] {
  cursor: pointer;
}
@media (max-width: 767px) {
  .moto-filter .statistic_filter.short_filter form {
    padding-bottom: 176px;
  }
}