@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "Roboto";
  src: url(/assets/fonts/Roboto-Regular.ttf) format("ttf"), url(/assets/fonts/Roboto-Medium.ttf) format("ttf"), url(/assets/fonts/Roboto-Bold.ttf) format("ttf");
}
body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #333;
}

a {
  text-decoration: none;
  cursor: pointer;
  color: #333;
  width: max-content;
}

input {
  display: inline-block;
}

button {
  display: inline-block;
  cursor: pointer;
}

.center {
  margin: 0 auto;
  width: 1080px;
}

.main-center {
  margin: 0 auto;
  width: 1200px;
}

.hidden {
  display: none !important;
}

.hidden-opacity {
  opacity: 0;
  pointer-events: none;
}

.icon-16 {
  width: 16px;
  height: 16px;
}

.icon-18 {
  width: 18px;
  height: 18px;
}

.icon-24 {
  width: 24px;
  height: 24px;
}

.input, .input-date, .input-mini {
  border-radius: 2px;
  border: 1px solid #CBCBCB;
  background: #FFF;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 10px 12px 10px 16px;
  resize: none;
  transition: all 0.2s;
  height: 40px;
  width: 100%;
}
.input::placeholder, .input-date::placeholder, .input-mini::placeholder {
  color: #757575;
}
.input:hover, .input-date:hover, .input-mini:hover {
  border: 1px solid #757575;
}
.input:hover::placeholder, .input-date:hover::placeholder, .input-mini:hover::placeholder {
  color: #CBCBCB;
}
.input:focus, .input-date:focus, .input-mini:focus {
  outline: none;
  border: 1px solid #333;
}

.input-mini {
  height: 24px;
  padding: 2px 4px 2px 12px;
}

.input-date {
  display: flex;
  width: 93px;
  height: 36px;
  padding: 2px 4px 2px 8px;
  align-items: center;
  border-radius: 2px;
  border: 1px solid #CBCBCB;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  position: relative;
}
.input-date::-webkit-calendar-picker-indicator {
  color: transparent;
  background: transparent;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  position: absolute;
  z-index: -10;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number],
input[type=number]:hover,
input[type=number]:focus {
  appearance: none;
  -moz-appearance: textfield;
}

input[type=range] {
  align-items: center;
  appearance: none;
  background: none;
  cursor: pointer;
  display: flex;
  height: 100%;
  min-height: 24px;
  overflow: hidden;
  width: 100%;
  border-radius: 4px;
}
input[type=range]:focus {
  box-shadow: none;
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  background: #F15B00;
  content: "";
  height: 8px;
  pointer-events: none;
  border-radius: 4px;
}
input[type=range]::-webkit-slider-thumb {
  height: 24px;
  width: 24px;
  appearance: none;
  background: #fff;
  border-radius: 12px;
  box-shadow: 5px 0 0 -8px #DCDCDC, 6px 0 0 -8px #DCDCDC, 7px 0 0 -8px #DCDCDC, 8px 0 0 -8px #DCDCDC, 9px 0 0 -8px #DCDCDC, 10px 0 0 -8px #DCDCDC, 11px 0 0 -8px #DCDCDC, 12px 0 0 -8px #DCDCDC, 13px 0 0 -8px #DCDCDC, 14px 0 0 -8px #DCDCDC, 15px 0 0 -8px #DCDCDC, 16px 0 0 -8px #DCDCDC, 17px 0 0 -8px #DCDCDC, 18px 0 0 -8px #DCDCDC, 19px 0 0 -8px #DCDCDC, 20px 0 0 -8px #DCDCDC, 21px 0 0 -8px #DCDCDC, 22px 0 0 -8px #DCDCDC, 23px 0 0 -8px #DCDCDC, 24px 0 0 -8px #DCDCDC, 25px 0 0 -8px #DCDCDC, 26px 0 0 -8px #DCDCDC, 27px 0 0 -8px #DCDCDC, 28px 0 0 -8px #DCDCDC, 29px 0 0 -8px #DCDCDC, 30px 0 0 -8px #DCDCDC, 31px 0 0 -8px #DCDCDC, 32px 0 0 -8px #DCDCDC, 33px 0 0 -8px #DCDCDC, 34px 0 0 -8px #DCDCDC, 35px 0 0 -8px #DCDCDC, 36px 0 0 -8px #DCDCDC, 37px 0 0 -8px #DCDCDC, 38px 0 0 -8px #DCDCDC, 39px 0 0 -8px #DCDCDC, 40px 0 0 -8px #DCDCDC, 41px 0 0 -8px #DCDCDC, 42px 0 0 -8px #DCDCDC, 43px 0 0 -8px #DCDCDC, 44px 0 0 -8px #DCDCDC, 45px 0 0 -8px #DCDCDC, 46px 0 0 -8px #DCDCDC, 47px 0 0 -8px #DCDCDC, 48px 0 0 -8px #DCDCDC, 49px 0 0 -8px #DCDCDC, 50px 0 0 -8px #DCDCDC, 51px 0 0 -8px #DCDCDC, 52px 0 0 -8px #DCDCDC, 53px 0 0 -8px #DCDCDC, 54px 0 0 -8px #DCDCDC, 55px 0 0 -8px #DCDCDC, 56px 0 0 -8px #DCDCDC, 57px 0 0 -8px #DCDCDC, 58px 0 0 -8px #DCDCDC, 59px 0 0 -8px #DCDCDC, 60px 0 0 -8px #DCDCDC, 61px 0 0 -8px #DCDCDC, 62px 0 0 -8px #DCDCDC, 63px 0 0 -8px #DCDCDC, 64px 0 0 -8px #DCDCDC, 65px 0 0 -8px #DCDCDC, 66px 0 0 -8px #DCDCDC, 67px 0 0 -8px #DCDCDC, 68px 0 0 -8px #DCDCDC, 69px 0 0 -8px #DCDCDC, 70px 0 0 -8px #DCDCDC, 71px 0 0 -8px #DCDCDC, 72px 0 0 -8px #DCDCDC, 73px 0 0 -8px #DCDCDC, 74px 0 0 -8px #DCDCDC, 75px 0 0 -8px #DCDCDC, 76px 0 0 -8px #DCDCDC, 77px 0 0 -8px #DCDCDC, 78px 0 0 -8px #DCDCDC, 79px 0 0 -8px #DCDCDC, 80px 0 0 -8px #DCDCDC, 81px 0 0 -8px #DCDCDC, 82px 0 0 -8px #DCDCDC, 83px 0 0 -8px #DCDCDC, 84px 0 0 -8px #DCDCDC, 85px 0 0 -8px #DCDCDC, 86px 0 0 -8px #DCDCDC, 87px 0 0 -8px #DCDCDC, 88px 0 0 -8px #DCDCDC, 89px 0 0 -8px #DCDCDC, 90px 0 0 -8px #DCDCDC, 91px 0 0 -8px #DCDCDC, 92px 0 0 -8px #DCDCDC, 93px 0 0 -8px #DCDCDC, 94px 0 0 -8px #DCDCDC, 95px 0 0 -8px #DCDCDC, 96px 0 0 -8px #DCDCDC, 97px 0 0 -8px #DCDCDC, 98px 0 0 -8px #DCDCDC, 99px 0 0 -8px #DCDCDC, 100px 0 0 -8px #DCDCDC, 101px 0 0 -8px #DCDCDC, 102px 0 0 -8px #DCDCDC, 103px 0 0 -8px #DCDCDC, 104px 0 0 -8px #DCDCDC, 105px 0 0 -8px #DCDCDC, 106px 0 0 -8px #DCDCDC, 107px 0 0 -8px #DCDCDC, 108px 0 0 -8px #DCDCDC, 109px 0 0 -8px #DCDCDC, 110px 0 0 -8px #DCDCDC, 111px 0 0 -8px #DCDCDC, 112px 0 0 -8px #DCDCDC, 113px 0 0 -8px #DCDCDC, 114px 0 0 -8px #DCDCDC, 115px 0 0 -8px #DCDCDC, 116px 0 0 -8px #DCDCDC, 117px 0 0 -8px #DCDCDC, 118px 0 0 -8px #DCDCDC, 119px 0 0 -8px #DCDCDC, 120px 0 0 -8px #DCDCDC, 121px 0 0 -8px #DCDCDC, 122px 0 0 -8px #DCDCDC, 123px 0 0 -8px #DCDCDC, 124px 0 0 -8px #DCDCDC, 125px 0 0 -8px #DCDCDC, 126px 0 0 -8px #DCDCDC, 127px 0 0 -8px #DCDCDC, 128px 0 0 -8px #DCDCDC, 129px 0 0 -8px #DCDCDC, 130px 0 0 -8px #DCDCDC, 131px 0 0 -8px #DCDCDC, 132px 0 0 -8px #DCDCDC, 133px 0 0 -8px #DCDCDC, 134px 0 0 -8px #DCDCDC, 135px 0 0 -8px #DCDCDC, 136px 0 0 -8px #DCDCDC, 137px 0 0 -8px #DCDCDC, 138px 0 0 -8px #DCDCDC, 139px 0 0 -8px #DCDCDC, 140px 0 0 -8px #DCDCDC, 141px 0 0 -8px #DCDCDC, 142px 0 0 -8px #DCDCDC, 143px 0 0 -8px #DCDCDC, 144px 0 0 -8px #DCDCDC, 145px 0 0 -8px #DCDCDC, 146px 0 0 -8px #DCDCDC, 147px 0 0 -8px #DCDCDC, 148px 0 0 -8px #DCDCDC, 149px 0 0 -8px #DCDCDC, 150px 0 0 -8px #DCDCDC, 151px 0 0 -8px #DCDCDC, 152px 0 0 -8px #DCDCDC, 153px 0 0 -8px #DCDCDC, 154px 0 0 -8px #DCDCDC, 155px 0 0 -8px #DCDCDC, 156px 0 0 -8px #DCDCDC, 157px 0 0 -8px #DCDCDC, 158px 0 0 -8px #DCDCDC, 159px 0 0 -8px #DCDCDC, 160px 0 0 -8px #DCDCDC, 161px 0 0 -8px #DCDCDC, 162px 0 0 -8px #DCDCDC, 163px 0 0 -8px #DCDCDC, 164px 0 0 -8px #DCDCDC, 165px 0 0 -8px #DCDCDC, 166px 0 0 -8px #DCDCDC, 167px 0 0 -8px #DCDCDC, 168px 0 0 -8px #DCDCDC, 169px 0 0 -8px #DCDCDC, 170px 0 0 -8px #DCDCDC, 171px 0 0 -8px #DCDCDC, 172px 0 0 -8px #DCDCDC, 173px 0 0 -8px #DCDCDC, 174px 0 0 -8px #DCDCDC, 175px 0 0 -8px #DCDCDC, 176px 0 0 -8px #DCDCDC, 177px 0 0 -8px #DCDCDC, 178px 0 0 -8px #DCDCDC, 179px 0 0 -8px #DCDCDC, 180px 0 0 -8px #DCDCDC, 181px 0 0 -8px #DCDCDC, 182px 0 0 -8px #DCDCDC, 183px 0 0 -8px #DCDCDC, 184px 0 0 -8px #DCDCDC, 185px 0 0 -8px #DCDCDC, 186px 0 0 -8px #DCDCDC, 187px 0 0 -8px #DCDCDC, 188px 0 0 -8px #DCDCDC, 189px 0 0 -8px #DCDCDC, 190px 0 0 -8px #DCDCDC, 191px 0 0 -8px #DCDCDC, 192px 0 0 -8px #DCDCDC, 193px 0 0 -8px #DCDCDC, 194px 0 0 -8px #DCDCDC, 195px 0 0 -8px #DCDCDC, 196px 0 0 -8px #DCDCDC, 197px 0 0 -8px #DCDCDC, 198px 0 0 -8px #DCDCDC, 199px 0 0 -8px #DCDCDC, 200px 0 0 -8px #DCDCDC, 201px 0 0 -8px #DCDCDC, 202px 0 0 -8px #DCDCDC, 203px 0 0 -8px #DCDCDC, 204px 0 0 -8px #DCDCDC, 205px 0 0 -8px #DCDCDC, 206px 0 0 -8px #DCDCDC, 207px 0 0 -8px #DCDCDC, 208px 0 0 -8px #DCDCDC, 209px 0 0 -8px #DCDCDC, 210px 0 0 -8px #DCDCDC, 211px 0 0 -8px #DCDCDC, 212px 0 0 -8px #DCDCDC, 213px 0 0 -8px #DCDCDC, 214px 0 0 -8px #DCDCDC, 215px 0 0 -8px #DCDCDC, 216px 0 0 -8px #DCDCDC, 217px 0 0 -8px #DCDCDC, 218px 0 0 -8px #DCDCDC, 219px 0 0 -8px #DCDCDC, 220px 0 0 -8px #DCDCDC, 221px 0 0 -8px #DCDCDC, 222px 0 0 -8px #DCDCDC, 223px 0 0 -8px #DCDCDC, 224px 0 0 -8px #DCDCDC, 225px 0 0 -8px #DCDCDC, 226px 0 0 -8px #DCDCDC, 227px 0 0 -8px #DCDCDC, 228px 0 0 -8px #DCDCDC, 229px 0 0 -8px #DCDCDC, 230px 0 0 -8px #DCDCDC, 231px 0 0 -8px #DCDCDC, 232px 0 0 -8px #DCDCDC, 233px 0 0 -8px #DCDCDC, 234px 0 0 -8px #DCDCDC, 235px 0 0 -8px #DCDCDC, 236px 0 0 -8px #DCDCDC, 237px 0 0 -8px #DCDCDC, 238px 0 0 -8px #DCDCDC, 239px 0 0 -8px #DCDCDC, 240px 0 0 -8px #DCDCDC, 241px 0 0 -8px #DCDCDC, 242px 0 0 -8px #DCDCDC, 243px 0 0 -8px #DCDCDC, 244px 0 0 -8px #DCDCDC, 245px 0 0 -8px #DCDCDC, 246px 0 0 -8px #DCDCDC, 247px 0 0 -8px #DCDCDC, 248px 0 0 -8px #DCDCDC, 249px 0 0 -8px #DCDCDC, 250px 0 0 -8px #DCDCDC, 251px 0 0 -8px #DCDCDC, 252px 0 0 -8px #DCDCDC, 253px 0 0 -8px #DCDCDC, 254px 0 0 -8px #DCDCDC, 255px 0 0 -8px #DCDCDC, 256px 0 0 -8px #DCDCDC, 257px 0 0 -8px #DCDCDC, 258px 0 0 -8px #DCDCDC, 259px 0 0 -8px #DCDCDC, 260px 0 0 -8px #DCDCDC, 261px 0 0 -8px #DCDCDC, 262px 0 0 -8px #DCDCDC, 263px 0 0 -8px #DCDCDC, 264px 0 0 -8px #DCDCDC, 265px 0 0 -8px #DCDCDC, 266px 0 0 -8px #DCDCDC, 267px 0 0 -8px #DCDCDC, 268px 0 0 -8px #DCDCDC, 269px 0 0 -8px #DCDCDC, 270px 0 0 -8px #DCDCDC, 271px 0 0 -8px #DCDCDC, 272px 0 0 -8px #DCDCDC, 273px 0 0 -8px #DCDCDC, 274px 0 0 -8px #DCDCDC, 275px 0 0 -8px #DCDCDC, 276px 0 0 -8px #DCDCDC, 277px 0 0 -8px #DCDCDC, 278px 0 0 -8px #DCDCDC, 279px 0 0 -8px #DCDCDC, 280px 0 0 -8px #DCDCDC, 281px 0 0 -8px #DCDCDC, 282px 0 0 -8px #DCDCDC, 283px 0 0 -8px #DCDCDC, 284px 0 0 -8px #DCDCDC, 285px 0 0 -8px #DCDCDC, 286px 0 0 -8px #DCDCDC, 287px 0 0 -8px #DCDCDC, 288px 0 0 -8px #DCDCDC, 289px 0 0 -8px #DCDCDC, 290px 0 0 -8px #DCDCDC, 291px 0 0 -8px #DCDCDC, 292px 0 0 -8px #DCDCDC, 293px 0 0 -8px #DCDCDC, 294px 0 0 -8px #DCDCDC, 295px 0 0 -8px #DCDCDC, 296px 0 0 -8px #DCDCDC, 297px 0 0 -8px #DCDCDC, 298px 0 0 -8px #DCDCDC, 299px 0 0 -8px #DCDCDC, 300px 0 0 -8px #DCDCDC, 301px 0 0 -8px #DCDCDC, 302px 0 0 -8px #DCDCDC, 303px 0 0 -8px #DCDCDC, 304px 0 0 -8px #DCDCDC, 305px 0 0 -8px #DCDCDC, 306px 0 0 -8px #DCDCDC, 307px 0 0 -8px #DCDCDC, 308px 0 0 -8px #DCDCDC, 309px 0 0 -8px #DCDCDC, 310px 0 0 -8px #DCDCDC, 311px 0 0 -8px #DCDCDC, 312px 0 0 -8px #DCDCDC, 313px 0 0 -8px #DCDCDC, 314px 0 0 -8px #DCDCDC, 315px 0 0 -8px #DCDCDC, 316px 0 0 -8px #DCDCDC, 317px 0 0 -8px #DCDCDC, 318px 0 0 -8px #DCDCDC, 319px 0 0 -8px #DCDCDC, 320px 0 0 -8px #DCDCDC, 321px 0 0 -8px #DCDCDC, 322px 0 0 -8px #DCDCDC, 323px 0 0 -8px #DCDCDC, 324px 0 0 -8px #DCDCDC, 325px 0 0 -8px #DCDCDC, 326px 0 0 -8px #DCDCDC, 327px 0 0 -8px #DCDCDC, 328px 0 0 -8px #DCDCDC, 329px 0 0 -8px #DCDCDC, 330px 0 0 -8px #DCDCDC, 331px 0 0 -8px #DCDCDC, 332px 0 0 -8px #DCDCDC, 333px 0 0 -8px #DCDCDC, 334px 0 0 -8px #DCDCDC, 335px 0 0 -8px #DCDCDC, 336px 0 0 -8px #DCDCDC, 337px 0 0 -8px #DCDCDC, 338px 0 0 -8px #DCDCDC, 339px 0 0 -8px #DCDCDC, 340px 0 0 -8px #DCDCDC, 341px 0 0 -8px #DCDCDC, 342px 0 0 -8px #DCDCDC, 343px 0 0 -8px #DCDCDC, 344px 0 0 -8px #DCDCDC, 345px 0 0 -8px #DCDCDC, 346px 0 0 -8px #DCDCDC, 347px 0 0 -8px #DCDCDC, 348px 0 0 -8px #DCDCDC, 349px 0 0 -8px #DCDCDC, 350px 0 0 -8px #DCDCDC, 351px 0 0 -8px #DCDCDC, 352px 0 0 -8px #DCDCDC, 353px 0 0 -8px #DCDCDC, 354px 0 0 -8px #DCDCDC, 355px 0 0 -8px #DCDCDC, 356px 0 0 -8px #DCDCDC, 357px 0 0 -8px #DCDCDC, 358px 0 0 -8px #DCDCDC, 359px 0 0 -8px #DCDCDC, 360px 0 0 -8px #DCDCDC, 361px 0 0 -8px #DCDCDC, 362px 0 0 -8px #DCDCDC, 363px 0 0 -8px #DCDCDC, 364px 0 0 -8px #DCDCDC, 365px 0 0 -8px #DCDCDC, 366px 0 0 -8px #DCDCDC, 367px 0 0 -8px #DCDCDC, 368px 0 0 -8px #DCDCDC, 369px 0 0 -8px #DCDCDC, 370px 0 0 -8px #DCDCDC, 371px 0 0 -8px #DCDCDC, 372px 0 0 -8px #DCDCDC, 373px 0 0 -8px #DCDCDC, 374px 0 0 -8px #DCDCDC, 375px 0 0 -8px #DCDCDC, 376px 0 0 -8px #DCDCDC, 377px 0 0 -8px #DCDCDC, 378px 0 0 -8px #DCDCDC, 379px 0 0 -8px #DCDCDC, 380px 0 0 -8px #DCDCDC, 381px 0 0 -8px #DCDCDC, 382px 0 0 -8px #DCDCDC, 383px 0 0 -8px #DCDCDC, 384px 0 0 -8px #DCDCDC, 385px 0 0 -8px #DCDCDC, 386px 0 0 -8px #DCDCDC, 387px 0 0 -8px #DCDCDC, 388px 0 0 -8px #DCDCDC, 389px 0 0 -8px #DCDCDC, 390px 0 0 -8px #DCDCDC, 391px 0 0 -8px #DCDCDC, 392px 0 0 -8px #DCDCDC, 393px 0 0 -8px #DCDCDC, 394px 0 0 -8px #DCDCDC, 395px 0 0 -8px #DCDCDC, 396px 0 0 -8px #DCDCDC, 397px 0 0 -8px #DCDCDC, 398px 0 0 -8px #DCDCDC, 399px 0 0 -8px #DCDCDC, 400px 0 0 -8px #DCDCDC, 401px 0 0 -8px #DCDCDC, 402px 0 0 -8px #DCDCDC, 403px 0 0 -8px #DCDCDC, 404px 0 0 -8px #DCDCDC, 405px 0 0 -8px #DCDCDC, 406px 0 0 -8px #DCDCDC, 407px 0 0 -8px #DCDCDC, 408px 0 0 -8px #DCDCDC, 409px 0 0 -8px #DCDCDC, 410px 0 0 -8px #DCDCDC, 411px 0 0 -8px #DCDCDC, 412px 0 0 -8px #DCDCDC, 413px 0 0 -8px #DCDCDC, 414px 0 0 -8px #DCDCDC, 415px 0 0 -8px #DCDCDC, 416px 0 0 -8px #DCDCDC, 417px 0 0 -8px #DCDCDC, 418px 0 0 -8px #DCDCDC, 419px 0 0 -8px #DCDCDC, 420px 0 0 -8px #DCDCDC, 421px 0 0 -8px #DCDCDC, 422px 0 0 -8px #DCDCDC, 423px 0 0 -8px #DCDCDC, 424px 0 0 -8px #DCDCDC, 425px 0 0 -8px #DCDCDC, 426px 0 0 -8px #DCDCDC, 427px 0 0 -8px #DCDCDC, 428px 0 0 -8px #DCDCDC, 429px 0 0 -8px #DCDCDC, 430px 0 0 -8px #DCDCDC, 431px 0 0 -8px #DCDCDC, 432px 0 0 -8px #DCDCDC, 433px 0 0 -8px #DCDCDC, 434px 0 0 -8px #DCDCDC, 435px 0 0 -8px #DCDCDC, 436px 0 0 -8px #DCDCDC, 437px 0 0 -8px #DCDCDC, 438px 0 0 -8px #DCDCDC, 439px 0 0 -8px #DCDCDC, 440px 0 0 -8px #DCDCDC, 441px 0 0 -8px #DCDCDC, 442px 0 0 -8px #DCDCDC, 443px 0 0 -8px #DCDCDC, 444px 0 0 -8px #DCDCDC, 445px 0 0 -8px #DCDCDC, 446px 0 0 -8px #DCDCDC, 447px 0 0 -8px #DCDCDC, 448px 0 0 -8px #DCDCDC, 449px 0 0 -8px #DCDCDC, 450px 0 0 -8px #DCDCDC, 451px 0 0 -8px #DCDCDC, 452px 0 0 -8px #DCDCDC, 453px 0 0 -8px #DCDCDC, 454px 0 0 -8px #DCDCDC, 455px 0 0 -8px #DCDCDC, 456px 0 0 -8px #DCDCDC, 457px 0 0 -8px #DCDCDC, 458px 0 0 -8px #DCDCDC, 459px 0 0 -8px #DCDCDC, 460px 0 0 -8px #DCDCDC, 461px 0 0 -8px #DCDCDC, 462px 0 0 -8px #DCDCDC, 463px 0 0 -8px #DCDCDC, 464px 0 0 -8px #DCDCDC, 465px 0 0 -8px #DCDCDC, 466px 0 0 -8px #DCDCDC, 467px 0 0 -8px #DCDCDC, 468px 0 0 -8px #DCDCDC, 469px 0 0 -8px #DCDCDC, 470px 0 0 -8px #DCDCDC, 471px 0 0 -8px #DCDCDC, 472px 0 0 -8px #DCDCDC, 473px 0 0 -8px #DCDCDC, 474px 0 0 -8px #DCDCDC, 475px 0 0 -8px #DCDCDC, 476px 0 0 -8px #DCDCDC, 477px 0 0 -8px #DCDCDC, 478px 0 0 -8px #DCDCDC, 479px 0 0 -8px #DCDCDC, 480px 0 0 -8px #DCDCDC, 481px 0 0 -8px #DCDCDC, 482px 0 0 -8px #DCDCDC, 483px 0 0 -8px #DCDCDC, 484px 0 0 -8px #DCDCDC, 485px 0 0 -8px #DCDCDC, 486px 0 0 -8px #DCDCDC, 487px 0 0 -8px #DCDCDC, 488px 0 0 -8px #DCDCDC, 489px 0 0 -8px #DCDCDC, 490px 0 0 -8px #DCDCDC, 491px 0 0 -8px #DCDCDC, 492px 0 0 -8px #DCDCDC, 493px 0 0 -8px #DCDCDC, 494px 0 0 -8px #DCDCDC, 495px 0 0 -8px #DCDCDC, 496px 0 0 -8px #DCDCDC, 497px 0 0 -8px #DCDCDC, 498px 0 0 -8px #DCDCDC, 499px 0 0 -8px #DCDCDC, 500px 0 0 -8px #DCDCDC, 501px 0 0 -8px #DCDCDC, 502px 0 0 -8px #DCDCDC, 503px 0 0 -8px #DCDCDC, 504px 0 0 -8px #DCDCDC, 505px 0 0 -8px #DCDCDC, 506px 0 0 -8px #DCDCDC, 507px 0 0 -8px #DCDCDC, 508px 0 0 -8px #DCDCDC, 509px 0 0 -8px #DCDCDC, 510px 0 0 -8px #DCDCDC, 511px 0 0 -8px #DCDCDC, 512px 0 0 -8px #DCDCDC, 513px 0 0 -8px #DCDCDC, 514px 0 0 -8px #DCDCDC, 515px 0 0 -8px #DCDCDC, 516px 0 0 -8px #DCDCDC, 517px 0 0 -8px #DCDCDC, 518px 0 0 -8px #DCDCDC, 519px 0 0 -8px #DCDCDC, 520px 0 0 -8px #DCDCDC, 521px 0 0 -8px #DCDCDC, 522px 0 0 -8px #DCDCDC, 523px 0 0 -8px #DCDCDC, 524px 0 0 -8px #DCDCDC, 525px 0 0 -8px #DCDCDC, 526px 0 0 -8px #DCDCDC, 527px 0 0 -8px #DCDCDC, 528px 0 0 -8px #DCDCDC, 529px 0 0 -8px #DCDCDC, 530px 0 0 -8px #DCDCDC, 531px 0 0 -8px #DCDCDC, 532px 0 0 -8px #DCDCDC, 533px 0 0 -8px #DCDCDC, 534px 0 0 -8px #DCDCDC, 535px 0 0 -8px #DCDCDC, 536px 0 0 -8px #DCDCDC, 537px 0 0 -8px #DCDCDC, 538px 0 0 -8px #DCDCDC, 539px 0 0 -8px #DCDCDC, 540px 0 0 -8px #DCDCDC, 541px 0 0 -8px #DCDCDC, 542px 0 0 -8px #DCDCDC, 543px 0 0 -8px #DCDCDC, 544px 0 0 -8px #DCDCDC, 545px 0 0 -8px #DCDCDC, 546px 0 0 -8px #DCDCDC, 547px 0 0 -8px #DCDCDC, 548px 0 0 -8px #DCDCDC, 549px 0 0 -8px #DCDCDC, 550px 0 0 -8px #DCDCDC, 551px 0 0 -8px #DCDCDC, 552px 0 0 -8px #DCDCDC, 553px 0 0 -8px #DCDCDC, 554px 0 0 -8px #DCDCDC, 555px 0 0 -8px #DCDCDC, 556px 0 0 -8px #DCDCDC, 557px 0 0 -8px #DCDCDC, 558px 0 0 -8px #DCDCDC, 559px 0 0 -8px #DCDCDC, 560px 0 0 -8px #DCDCDC, 561px 0 0 -8px #DCDCDC, 562px 0 0 -8px #DCDCDC, 563px 0 0 -8px #DCDCDC, 564px 0 0 -8px #DCDCDC, 565px 0 0 -8px #DCDCDC, 566px 0 0 -8px #DCDCDC, 567px 0 0 -8px #DCDCDC, 568px 0 0 -8px #DCDCDC, 569px 0 0 -8px #DCDCDC, 570px 0 0 -8px #DCDCDC, 571px 0 0 -8px #DCDCDC, 572px 0 0 -8px #DCDCDC, 573px 0 0 -8px #DCDCDC, 574px 0 0 -8px #DCDCDC, 575px 0 0 -8px #DCDCDC, 576px 0 0 -8px #DCDCDC, 577px 0 0 -8px #DCDCDC, 578px 0 0 -8px #DCDCDC, 579px 0 0 -8px #DCDCDC, 580px 0 0 -8px #DCDCDC, 581px 0 0 -8px #DCDCDC, 582px 0 0 -8px #DCDCDC, 583px 0 0 -8px #DCDCDC, 584px 0 0 -8px #DCDCDC, 585px 0 0 -8px #DCDCDC, 586px 0 0 -8px #DCDCDC, 587px 0 0 -8px #DCDCDC, 588px 0 0 -8px #DCDCDC, 589px 0 0 -8px #DCDCDC, 590px 0 0 -8px #DCDCDC, 591px 0 0 -8px #DCDCDC, 592px 0 0 -8px #DCDCDC, 593px 0 0 -8px #DCDCDC, 594px 0 0 -8px #DCDCDC, 595px 0 0 -8px #DCDCDC, 596px 0 0 -8px #DCDCDC, 597px 0 0 -8px #DCDCDC, 598px 0 0 -8px #DCDCDC, 599px 0 0 -8px #DCDCDC, 600px 0 0 -8px #DCDCDC, 601px 0 0 -8px #DCDCDC, 602px 0 0 -8px #DCDCDC, 603px 0 0 -8px #DCDCDC, 604px 0 0 -8px #DCDCDC, 605px 0 0 -8px #DCDCDC, 606px 0 0 -8px #DCDCDC, 607px 0 0 -8px #DCDCDC, 608px 0 0 -8px #DCDCDC, 609px 0 0 -8px #DCDCDC, 610px 0 0 -8px #DCDCDC, 611px 0 0 -8px #DCDCDC, 612px 0 0 -8px #DCDCDC, 613px 0 0 -8px #DCDCDC, 614px 0 0 -8px #DCDCDC, 615px 0 0 -8px #DCDCDC, 616px 0 0 -8px #DCDCDC, 617px 0 0 -8px #DCDCDC, 618px 0 0 -8px #DCDCDC, 619px 0 0 -8px #DCDCDC, 620px 0 0 -8px #DCDCDC, 621px 0 0 -8px #DCDCDC, 622px 0 0 -8px #DCDCDC, 623px 0 0 -8px #DCDCDC, 624px 0 0 -8px #DCDCDC, 625px 0 0 -8px #DCDCDC, 626px 0 0 -8px #DCDCDC, 627px 0 0 -8px #DCDCDC, 628px 0 0 -8px #DCDCDC, 629px 0 0 -8px #DCDCDC, 630px 0 0 -8px #DCDCDC, 631px 0 0 -8px #DCDCDC, 632px 0 0 -8px #DCDCDC, 633px 0 0 -8px #DCDCDC, 634px 0 0 -8px #DCDCDC, 635px 0 0 -8px #DCDCDC, 636px 0 0 -8px #DCDCDC, 637px 0 0 -8px #DCDCDC, 638px 0 0 -8px #DCDCDC, 639px 0 0 -8px #DCDCDC, 640px 0 0 -8px #DCDCDC, 641px 0 0 -8px #DCDCDC, 642px 0 0 -8px #DCDCDC, 643px 0 0 -8px #DCDCDC, 644px 0 0 -8px #DCDCDC, 645px 0 0 -8px #DCDCDC, 646px 0 0 -8px #DCDCDC, 647px 0 0 -8px #DCDCDC, 648px 0 0 -8px #DCDCDC, 649px 0 0 -8px #DCDCDC, 650px 0 0 -8px #DCDCDC, 651px 0 0 -8px #DCDCDC, 652px 0 0 -8px #DCDCDC, 653px 0 0 -8px #DCDCDC, 654px 0 0 -8px #DCDCDC, 655px 0 0 -8px #DCDCDC, 656px 0 0 -8px #DCDCDC, 657px 0 0 -8px #DCDCDC, 658px 0 0 -8px #DCDCDC, 659px 0 0 -8px #DCDCDC, 660px 0 0 -8px #DCDCDC, 661px 0 0 -8px #DCDCDC, 662px 0 0 -8px #DCDCDC, 663px 0 0 -8px #DCDCDC, 664px 0 0 -8px #DCDCDC, 665px 0 0 -8px #DCDCDC, 666px 0 0 -8px #DCDCDC, 667px 0 0 -8px #DCDCDC, 668px 0 0 -8px #DCDCDC, 669px 0 0 -8px #DCDCDC, 670px 0 0 -8px #DCDCDC, 671px 0 0 -8px #DCDCDC, 672px 0 0 -8px #DCDCDC, 673px 0 0 -8px #DCDCDC, 674px 0 0 -8px #DCDCDC, 675px 0 0 -8px #DCDCDC, 676px 0 0 -8px #DCDCDC, 677px 0 0 -8px #DCDCDC, 678px 0 0 -8px #DCDCDC, 679px 0 0 -8px #DCDCDC, 680px 0 0 -8px #DCDCDC, 681px 0 0 -8px #DCDCDC, 682px 0 0 -8px #DCDCDC, 683px 0 0 -8px #DCDCDC, 684px 0 0 -8px #DCDCDC, 685px 0 0 -8px #DCDCDC, 686px 0 0 -8px #DCDCDC, 687px 0 0 -8px #DCDCDC, 688px 0 0 -8px #DCDCDC, 689px 0 0 -8px #DCDCDC, 690px 0 0 -8px #DCDCDC, 691px 0 0 -8px #DCDCDC, 692px 0 0 -8px #DCDCDC, 693px 0 0 -8px #DCDCDC, 694px 0 0 -8px #DCDCDC, 695px 0 0 -8px #DCDCDC, 696px 0 0 -8px #DCDCDC, 697px 0 0 -8px #DCDCDC, 698px 0 0 -8px #DCDCDC, 699px 0 0 -8px #DCDCDC, 700px 0 0 -8px #DCDCDC, 701px 0 0 -8px #DCDCDC, 702px 0 0 -8px #DCDCDC, 703px 0 0 -8px #DCDCDC, 704px 0 0 -8px #DCDCDC, 705px 0 0 -8px #DCDCDC, 706px 0 0 -8px #DCDCDC, 707px 0 0 -8px #DCDCDC, 708px 0 0 -8px #DCDCDC, 709px 0 0 -8px #DCDCDC, 710px 0 0 -8px #DCDCDC, 711px 0 0 -8px #DCDCDC, 712px 0 0 -8px #DCDCDC, 713px 0 0 -8px #DCDCDC, 714px 0 0 -8px #DCDCDC, 715px 0 0 -8px #DCDCDC, 716px 0 0 -8px #DCDCDC, 717px 0 0 -8px #DCDCDC, 718px 0 0 -8px #DCDCDC, 719px 0 0 -8px #DCDCDC, 720px 0 0 -8px #DCDCDC, 721px 0 0 -8px #DCDCDC, 722px 0 0 -8px #DCDCDC, 723px 0 0 -8px #DCDCDC, 724px 0 0 -8px #DCDCDC, 725px 0 0 -8px #DCDCDC, 726px 0 0 -8px #DCDCDC, 727px 0 0 -8px #DCDCDC, 728px 0 0 -8px #DCDCDC, 729px 0 0 -8px #DCDCDC, 730px 0 0 -8px #DCDCDC, 731px 0 0 -8px #DCDCDC, 732px 0 0 -8px #DCDCDC, 733px 0 0 -8px #DCDCDC, 734px 0 0 -8px #DCDCDC, 735px 0 0 -8px #DCDCDC, 736px 0 0 -8px #DCDCDC, 737px 0 0 -8px #DCDCDC, 738px 0 0 -8px #DCDCDC, 739px 0 0 -8px #DCDCDC, 740px 0 0 -8px #DCDCDC, 741px 0 0 -8px #DCDCDC, 742px 0 0 -8px #DCDCDC, 743px 0 0 -8px #DCDCDC, 744px 0 0 -8px #DCDCDC, 745px 0 0 -8px #DCDCDC, 746px 0 0 -8px #DCDCDC, 747px 0 0 -8px #DCDCDC, 748px 0 0 -8px #DCDCDC, 749px 0 0 -8px #DCDCDC, 750px 0 0 -8px #DCDCDC, 751px 0 0 -8px #DCDCDC, 752px 0 0 -8px #DCDCDC, 753px 0 0 -8px #DCDCDC, 754px 0 0 -8px #DCDCDC, 755px 0 0 -8px #DCDCDC, 756px 0 0 -8px #DCDCDC, 757px 0 0 -8px #DCDCDC, 758px 0 0 -8px #DCDCDC, 759px 0 0 -8px #DCDCDC, 760px 0 0 -8px #DCDCDC, 761px 0 0 -8px #DCDCDC, 762px 0 0 -8px #DCDCDC, 763px 0 0 -8px #DCDCDC, 764px 0 0 -8px #DCDCDC, 765px 0 0 -8px #DCDCDC, 766px 0 0 -8px #DCDCDC, 767px 0 0 -8px #DCDCDC, 768px 0 0 -8px #DCDCDC, 769px 0 0 -8px #DCDCDC, 770px 0 0 -8px #DCDCDC, 771px 0 0 -8px #DCDCDC, 772px 0 0 -8px #DCDCDC, 773px 0 0 -8px #DCDCDC, 774px 0 0 -8px #DCDCDC, 775px 0 0 -8px #DCDCDC, 776px 0 0 -8px #DCDCDC, 777px 0 0 -8px #DCDCDC, 778px 0 0 -8px #DCDCDC, 779px 0 0 -8px #DCDCDC, 780px 0 0 -8px #DCDCDC, 781px 0 0 -8px #DCDCDC, 782px 0 0 -8px #DCDCDC, 783px 0 0 -8px #DCDCDC, 784px 0 0 -8px #DCDCDC, 785px 0 0 -8px #DCDCDC, 786px 0 0 -8px #DCDCDC, 787px 0 0 -8px #DCDCDC, 788px 0 0 -8px #DCDCDC, 789px 0 0 -8px #DCDCDC, 790px 0 0 -8px #DCDCDC, 791px 0 0 -8px #DCDCDC, 792px 0 0 -8px #DCDCDC, 793px 0 0 -8px #DCDCDC, 794px 0 0 -8px #DCDCDC, 795px 0 0 -8px #DCDCDC, 796px 0 0 -8px #DCDCDC, 797px 0 0 -8px #DCDCDC, 798px 0 0 -8px #DCDCDC, 799px 0 0 -8px #DCDCDC, 800px 0 0 -8px #DCDCDC, 801px 0 0 -8px #DCDCDC, 802px 0 0 -8px #DCDCDC, 803px 0 0 -8px #DCDCDC, 804px 0 0 -8px #DCDCDC, 805px 0 0 -8px #DCDCDC, 806px 0 0 -8px #DCDCDC, 807px 0 0 -8px #DCDCDC, 808px 0 0 -8px #DCDCDC, 809px 0 0 -8px #DCDCDC, 810px 0 0 -8px #DCDCDC, 811px 0 0 -8px #DCDCDC, 812px 0 0 -8px #DCDCDC, 813px 0 0 -8px #DCDCDC, 814px 0 0 -8px #DCDCDC, 815px 0 0 -8px #DCDCDC, 816px 0 0 -8px #DCDCDC, 817px 0 0 -8px #DCDCDC, 818px 0 0 -8px #DCDCDC, 819px 0 0 -8px #DCDCDC, 820px 0 0 -8px #DCDCDC, 821px 0 0 -8px #DCDCDC, 822px 0 0 -8px #DCDCDC, 823px 0 0 -8px #DCDCDC, 824px 0 0 -8px #DCDCDC, 825px 0 0 -8px #DCDCDC, 826px 0 0 -8px #DCDCDC, 827px 0 0 -8px #DCDCDC, 828px 0 0 -8px #DCDCDC, 829px 0 0 -8px #DCDCDC, 830px 0 0 -8px #DCDCDC, 831px 0 0 -8px #DCDCDC, 832px 0 0 -8px #DCDCDC, 833px 0 0 -8px #DCDCDC, 834px 0 0 -8px #DCDCDC, 835px 0 0 -8px #DCDCDC, 836px 0 0 -8px #DCDCDC, 837px 0 0 -8px #DCDCDC, 838px 0 0 -8px #DCDCDC, 839px 0 0 -8px #DCDCDC, 840px 0 0 -8px #DCDCDC, 841px 0 0 -8px #DCDCDC, 842px 0 0 -8px #DCDCDC, 843px 0 0 -8px #DCDCDC, 844px 0 0 -8px #DCDCDC, 845px 0 0 -8px #DCDCDC, 846px 0 0 -8px #DCDCDC, 847px 0 0 -8px #DCDCDC, 848px 0 0 -8px #DCDCDC, 849px 0 0 -8px #DCDCDC, 850px 0 0 -8px #DCDCDC, 851px 0 0 -8px #DCDCDC, 852px 0 0 -8px #DCDCDC, 853px 0 0 -8px #DCDCDC, 854px 0 0 -8px #DCDCDC, 855px 0 0 -8px #DCDCDC, 856px 0 0 -8px #DCDCDC, 857px 0 0 -8px #DCDCDC, 858px 0 0 -8px #DCDCDC, 859px 0 0 -8px #DCDCDC, 860px 0 0 -8px #DCDCDC, 861px 0 0 -8px #DCDCDC, 862px 0 0 -8px #DCDCDC, 863px 0 0 -8px #DCDCDC, 864px 0 0 -8px #DCDCDC, 865px 0 0 -8px #DCDCDC, 866px 0 0 -8px #DCDCDC, 867px 0 0 -8px #DCDCDC, 868px 0 0 -8px #DCDCDC, 869px 0 0 -8px #DCDCDC, 870px 0 0 -8px #DCDCDC, 871px 0 0 -8px #DCDCDC, 872px 0 0 -8px #DCDCDC, 873px 0 0 -8px #DCDCDC, 874px 0 0 -8px #DCDCDC, 875px 0 0 -8px #DCDCDC, 876px 0 0 -8px #DCDCDC, 877px 0 0 -8px #DCDCDC, 878px 0 0 -8px #DCDCDC, 879px 0 0 -8px #DCDCDC, 880px 0 0 -8px #DCDCDC, 881px 0 0 -8px #DCDCDC, 882px 0 0 -8px #DCDCDC, 883px 0 0 -8px #DCDCDC, 884px 0 0 -8px #DCDCDC, 885px 0 0 -8px #DCDCDC, 886px 0 0 -8px #DCDCDC, 887px 0 0 -8px #DCDCDC, 888px 0 0 -8px #DCDCDC, 889px 0 0 -8px #DCDCDC, 890px 0 0 -8px #DCDCDC, 891px 0 0 -8px #DCDCDC, 892px 0 0 -8px #DCDCDC, 893px 0 0 -8px #DCDCDC, 894px 0 0 -8px #DCDCDC, 895px 0 0 -8px #DCDCDC, 896px 0 0 -8px #DCDCDC, 897px 0 0 -8px #DCDCDC, 898px 0 0 -8px #DCDCDC, 899px 0 0 -8px #DCDCDC, 900px 0 0 -8px #DCDCDC, 901px 0 0 -8px #DCDCDC, 902px 0 0 -8px #DCDCDC, 903px 0 0 -8px #DCDCDC, 904px 0 0 -8px #DCDCDC, 905px 0 0 -8px #DCDCDC, 906px 0 0 -8px #DCDCDC, 907px 0 0 -8px #DCDCDC, 908px 0 0 -8px #DCDCDC, 909px 0 0 -8px #DCDCDC, 910px 0 0 -8px #DCDCDC, 911px 0 0 -8px #DCDCDC, 912px 0 0 -8px #DCDCDC, 913px 0 0 -8px #DCDCDC, 914px 0 0 -8px #DCDCDC, 915px 0 0 -8px #DCDCDC, 916px 0 0 -8px #DCDCDC, 917px 0 0 -8px #DCDCDC, 918px 0 0 -8px #DCDCDC, 919px 0 0 -8px #DCDCDC, 920px 0 0 -8px #DCDCDC, 921px 0 0 -8px #DCDCDC, 922px 0 0 -8px #DCDCDC, 923px 0 0 -8px #DCDCDC, 924px 0 0 -8px #DCDCDC, 925px 0 0 -8px #DCDCDC, 926px 0 0 -8px #DCDCDC, 927px 0 0 -8px #DCDCDC, 928px 0 0 -8px #DCDCDC, 929px 0 0 -8px #DCDCDC, 930px 0 0 -8px #DCDCDC, 931px 0 0 -8px #DCDCDC, 932px 0 0 -8px #DCDCDC, 933px 0 0 -8px #DCDCDC, 934px 0 0 -8px #DCDCDC, 935px 0 0 -8px #DCDCDC, 936px 0 0 -8px #DCDCDC, 937px 0 0 -8px #DCDCDC, 938px 0 0 -8px #DCDCDC, 939px 0 0 -8px #DCDCDC, 940px 0 0 -8px #DCDCDC, 941px 0 0 -8px #DCDCDC, 942px 0 0 -8px #DCDCDC, 943px 0 0 -8px #DCDCDC, 944px 0 0 -8px #DCDCDC, 945px 0 0 -8px #DCDCDC, 946px 0 0 -8px #DCDCDC, 947px 0 0 -8px #DCDCDC, 948px 0 0 -8px #DCDCDC, 949px 0 0 -8px #DCDCDC, 950px 0 0 -8px #DCDCDC, 951px 0 0 -8px #DCDCDC, 952px 0 0 -8px #DCDCDC, 953px 0 0 -8px #DCDCDC, 954px 0 0 -8px #DCDCDC, 955px 0 0 -8px #DCDCDC, 956px 0 0 -8px #DCDCDC, 957px 0 0 -8px #DCDCDC, 958px 0 0 -8px #DCDCDC, 959px 0 0 -8px #DCDCDC, 960px 0 0 -8px #DCDCDC, 961px 0 0 -8px #DCDCDC, 962px 0 0 -8px #DCDCDC, 963px 0 0 -8px #DCDCDC, 964px 0 0 -8px #DCDCDC, 965px 0 0 -8px #DCDCDC, 966px 0 0 -8px #DCDCDC, 967px 0 0 -8px #DCDCDC, 968px 0 0 -8px #DCDCDC, 969px 0 0 -8px #DCDCDC, 970px 0 0 -8px #DCDCDC, 971px 0 0 -8px #DCDCDC, 972px 0 0 -8px #DCDCDC, 973px 0 0 -8px #DCDCDC, 974px 0 0 -8px #DCDCDC, 975px 0 0 -8px #DCDCDC, 976px 0 0 -8px #DCDCDC, 977px 0 0 -8px #DCDCDC, 978px 0 0 -8px #DCDCDC, 979px 0 0 -8px #DCDCDC, 980px 0 0 -8px #DCDCDC, 981px 0 0 -8px #DCDCDC, 982px 0 0 -8px #DCDCDC, 983px 0 0 -8px #DCDCDC, 984px 0 0 -8px #DCDCDC, 985px 0 0 -8px #DCDCDC, 986px 0 0 -8px #DCDCDC, 987px 0 0 -8px #DCDCDC, 988px 0 0 -8px #DCDCDC, 989px 0 0 -8px #DCDCDC, 990px 0 0 -8px #DCDCDC, 991px 0 0 -8px #DCDCDC, 992px 0 0 -8px #DCDCDC, 993px 0 0 -8px #DCDCDC, 994px 0 0 -8px #DCDCDC, 995px 0 0 -8px #DCDCDC, 996px 0 0 -8px #DCDCDC, 997px 0 0 -8px #DCDCDC, 998px 0 0 -8px #DCDCDC, 999px 0 0 -8px #DCDCDC, 1000px 0 0 -8px #DCDCDC;
  margin-top: -8px;
  border: 1px solid #333;
}
input[type=range]::-moz-range-track {
  border-radius: 4px;
  width: 1000px;
  height: 8px;
}
input[type=range]::-moz-range-thumb {
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #333;
  position: relative;
}
input[type=range]::-moz-range-progress {
  height: 8px;
  background: #F15B00;
  border: 0;
  margin-top: 0;
  border-radius: 4px;
}
input[type=range]::-ms-track {
  background: transparent;
  border: 0;
  border-color: transparent;
  border-radius: 4px;
  border-width: 0;
  color: transparent;
  height: 8px;
  margin-top: 10px;
  width: 1000px;
}
input[type=range]::-ms-thumb {
  height: 24px;
  width: 24px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #333;
}
input[type=range]::-ms-fill-lower {
  background: #F15B00;
  border-radius: 4px;
}
input[type=range]::-ms-fill-upper {
  background: #DCDCDC;
  border-radius: 4px;
}
input[type=range]::-ms-tooltip {
  display: none;
}

.custom-checkbox {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.custom-checkbox + label {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.custom-checkbox + label::before {
  content: "";
  width: 12px;
  height: 12px;
  border: 1px solid #757575;
  background: #FFF;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.custom-checkbox:checked + label::before {
  background-color: #F15B00;
  border: 1px solid #F15B00;
  background-image: url(/assets/images/check.svg);
}

.custom-radio {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.custom-radio + label {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}
.custom-radio + label::before {
  content: "";
  width: 12px;
  height: 12px;
  border: 2px solid #757575;
  background: #FFF;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 6px 6px;
}
.custom-radio:checked + label::before {
  border: 2px solid #F15B00;
  background-image: url(/assets/images/radio-check.svg);
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 4px;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 16.8px */
  cursor: pointer;
  background: #FFF;
  width: 100%;
  height: 40px;
  transition: all 0.2s;
  outline: none;
}

.button-prime {
  background: #F15B00;
  color: #FFF;
  border: none;
}
.button-prime:hover {
  background: #D95200;
}
.button-prime:active, .button-prime.nice-select.open {
  background: #C44A00;
}

.button-prime-white {
  background: #FFF;
  border: 1px solid #F15B00;
  color: #F15B00;
}

.button-dark {
  border: 1px solid #333;
  color: #333;
}
.button-dark:hover {
  border: 1px solid #757575;
  color: #757575;
}
.button-dark:active, .button-dark.nice-select.open {
  border: 1px solid #333;
}

.button-light {
  border: none;
  background: #FFF;
}
.button-light:hover {
  color: #F15B00;
}
.button-light:active, .button-light.nice-select.open {
  color: #333;
}

.button-transparent {
  background: none;
}

.button-blue {
  color: #2196F3;
  border: 1px solid #2196F3;
}

.button-red {
  color: #F00;
  border: 1px solid #F00;
}

.button-purple2 {
  color: #4D00F1;
  border: 1px solid #4D00F1;
}

.fill-blue {
  fill: #2196F3;
}

.fill-prime {
  fill: #F15B00;
}

.background-bg2 {
  background: #FFF4ED;
}

.background-gray4 {
  background: #F5F5F5;
}

.background-white {
  background: #FFF;
}

.background-yellow2 {
  background: #FFF7AF;
}

.background-yellow3 {
  background: #FFEB33;
}

.background-yellow4 {
  background: #FDFF8A;
}

.background-orange {
  background: #FFDA7C;
}

.background-orange2 {
  background: #FFB36D;
}

.background-lightred {
  background: #FFDAAF;
}

.background-lightred2 {
  background: #FFBEBE;
}

.background-green {
  background: #C4FFAF;
}

.background-green2 {
  background: #85FF71;
}

.background-green3 {
  background: #E2FFBE;
}

.background-purple {
  background: #F6BEFF;
}

.background-blue2 {
  background: #BED8FF;
}

.background-blue {
  background: #2196F3;
}

.background-prime {
  background: #F15B00;
}

.city-blue3 {
  background: #3F00F1;
}

.city-pink {
  background: #F10057;
}

.city-blue4 {
  background: #05D0DD;
}

.city-green {
  background: #00BC1E;
}

.city-yellow5 {
  background: #F1BC00;
}

.city-purple {
  background: #CA00B6;
}

.city-red {
  background: #A40000;
}

.city-blue5 {
  background: #120083;
}

.city-green2 {
  background: #00836B;
}

.city-green3 {
  background: #306C00;
}

.city-brown {
  background: #834E00;
}

.city-blue5 {
  background: #033AC9;
}

.text-body8-bold {
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 9.6px */
}

.text-body10-reg {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 10px */
}

.text-body12-regul {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
}

.text-body12-bold {
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 14.4px */
}

.text-body-input {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.text-body14-regular {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.text-button14 {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}

.text-body14-med {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}

.text-body14-bold {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}

.text-body-menu {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 19.2px */
}

.text-button1 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}

.text-h20-reg {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 24px */
}

.text-h20-med {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 140% */
}

.text-h20-bold {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.text-h24-reg {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 28.8px */
}

.text-h24-med {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 28.8px */
}

.text-h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 28.8px */
}

.text-h24 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 36px; /* 150% */
}

.text-prime {
  color: #F15B00;
}
.text-prime:hover {
  color: #D95200;
}
.text-prime:active, .text-prime.nice-select.open {
  color: #C44A00;
}

.text-prime-50 {
  color: rgba(241, 91, 0, 0.5);
}
.text-prime-50:hover {
  color: #D95200;
}
.text-prime-50:active, .text-prime-50.nice-select.open {
  color: #C44A00;
}

.text-blue {
  color: #2196F3;
}

.text-gray5 {
  color: #848991;
}

.text-gray3 {
  color: #757575;
}

.text-white {
  color: #FFF;
}

.text-red {
  color: #F00;
}

.control-inputs__container {
  position: relative;
  display: flex;
  gap: 8px;
  flex-direction: column-reverse;
}
.control-inputs__view-img, .control-inputs__view-hide-img {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 10;
}
.control-inputs__view-hide-img {
  display: none;
}
.control-inputs__close-circle-img {
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 10;
}

.errors-container:empty {
  display: none;
}
.errors-container div:not(:first-child) {
  display: none;
}

.is-label-invalid {
  color: #F00 !important;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.is-input-invalid {
  border: 1px solid #F00 !important;
}
.is-input-invalid-password {
  border: 1px solid #F00 !important;
}

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #FFF;
  border-radius: 2px;
  border: 1px solid #CBCBCB;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  height: 24px;
  line-height: 140%;
  outline: none;
  padding: 2px 4px 2px 12px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}
.nice-select:hover {
  border: 1px solid #757575;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
  border: 1px solid #333;
}
.nice-select:after {
  content: "";
  display: block;
  pointer-events: none;
  position: absolute;
  right: 4px;
  bottom: 3px;
  transition: all 0.15s ease-in-out;
  width: 18px;
  height: 18px;
  background-image: url(/assets/images/selectArrow.svg);
}
.nice-select.open {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.nice-select.open:after {
  transform: rotate(90deg);
}
.nice-select.open .nice-select-dropdown {
  opacity: 1;
  pointer-events: auto;
  height: auto;
}
.nice-select.open .list {
  height: auto;
}
.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}
.nice-select.disabled:after {
  border-color: #cccccc;
}
.nice-select.wide {
  width: 100%;
}
.nice-select.wide .nice-select-dropdown {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .nice-select-dropdown {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small:after {
  height: 4px;
  width: 4px;
}
.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}
.nice-select .nice-select-dropdown {
  background-color: #fff;
  border-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: -1px;
  transform-origin: 50% 0;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
  opacity: 0;
  height: 0;
  width: calc(100% + 2px);
  border: 1px solid #333;
  border-top: none;
}
.nice-select .list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 0;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  border-top: none;
  overflow: hidden;
  padding: 0;
  max-height: 210px;
  overflow-y: auto;
}
.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}
.nice-select .option {
  cursor: pointer;
  color: #757575;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  list-style: none;
  outline: none;
  text-align: left;
  transition: all 0.2s;
  padding: 0 12px;
}
.nice-select .option:hover {
  color: #FFF;
  background-color: #F15B00;
}
.nice-select .option.disabled {
  background-color: transparent;
  color: #333;
  cursor: default;
}
.nice-select .optgroup {
  font-weight: bold;
}

.current {
  /* body input */
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}

.no-csspointerevents .nice-select .nice-select-dropdown {
  display: none;
}
.no-csspointerevents .nice-select.open .nice-select-dropdown {
  display: block;
}

.nice-select .list {
  /* для Chrome/Edge/Safari */
}
.nice-select .list {
  scrollbar-width: thin;
  scrollbar-color: #757575 #F5F5F5;
}
.nice-select .list::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
.nice-select .list::-webkit-scrollbar-track {
  background: #F5F5F5;
  height: 4px;
  border-radius: 4px;
  width: 4px;
}
.nice-select .list::-webkit-scrollbar-thumb {
  background-color: #757575;
  height: 4px;
  border-radius: 4px;
  width: 4px;
}

.nice-select .has-multiple {
  white-space: inherit;
  height: auto;
  padding: 7px 12px;
  min-height: 36px;
  line-height: 22px;
}
.nice-select .has-multiple span.current {
  border: 1px solid #CCC;
  background: #EEE;
  padding: 0 10px;
  border-radius: 3px;
  display: inline-block;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 3px;
  margin-right: 3px;
}
.nice-select .has-multiple .multiple-options {
  display: block;
  line-height: 24px;
  padding: 0;
}
.nice-select .nice-select-search-box {
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
  pointer-events: none;
  border-radius: 5px 5px 0 0;
}
.nice-select .nice-select-search {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  color: #787878;
  display: inline-block;
  vertical-align: middle;
  padding: 7px 12px;
  margin: 0 10px 0 0;
  width: 100%;
  min-height: 36px;
  line-height: 22px;
  height: auto;
  outline: 0 !important;
  font-size: 14px;
}

.header {
  padding: 24px 0 24px 0;
  border-bottom: 1px solid #DCDCDC;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.header__logo {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__logo_link {
  width: max-content;
  height: 40px;
}
.header__logo_img {
  width: 135px;
  height: 40px;
}
.header__logo_desc {
  max-width: 148px;
  color: #262626;
  display: flex;
  flex-direction: column;
}
.header__contacts {
  display: flex;
  gap: 32px;
  align-items: center;
  flex-wrap: wrap;
}
.header__contacts_left {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  align-items: center;
}
.header__contacts_tel {
  display: flex;
  align-items: center;
  gap: 6px;
}
.header__contacts_address {
  display: flex;
  align-items: center;
  gap: 2px;
}
.header__contacts_address_img {
  width: 24px;
  height: 24px;
}
.header__contacts_right {
  display: flex;
  gap: 8px;
}

.footer {
  padding: 18px 0 12px 0;
  border-top: 1px solid #DCDCDC;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer__info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.footer__info_social {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer__info_icons {
  display: flex;
  gap: 12px;
}
.footer__info_contacts {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.footer__info_protected {
  color: #757575;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.footer__info_docs {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
.footer__info_docs_container {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.footer__info_docs_link {
  color: #757575;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  border-bottom: 1px solid #757575;
}

.aboutus {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 42px;
  border-bottom: 1px solid #DCDCDC;
}
.aboutus__content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.aboutus__content_title {
  display: flex;
  flex-direction: column;
}
.aboutus__content_left {
  width: 65.9%;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.aboutus__content_right {
  width: 32.2%;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.aboutus__content_img-container {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 170px;
}
.aboutus__content_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map {
  margin-top: 42px;
  display: flex;
  gap: 20px;
}
.map__container {
  width: 716px;
  height: 373px;
  border-radius: 8px;
  overflow: hidden;
}
.map__container_yamap {
  width: 100%;
  height: 100%;
}
.map__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 328px;
}
.map__content_address {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.map__content_schedule {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.map__content_schedule_days {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.map__content_schedule_time {
  display: flex;
  gap: 10px;
}
.map__content_download {
  margin-top: 33px;
  display: flex;
  gap: 16px;
  align-items: center;
  max-width: 112px;
}
.map__content_download_img {
  width: 23.355px;
  height: 32px;
}

.yamap__img {
  position: relative;
  transform: translate(-50%, calc(-50% - 24px));
}

.seo {
  margin-top: 124px;
  margin-bottom: 42px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.main {
  margin: 32px 0 42px 0;
  background-image: url(/assets/images/main__bgs.png);
  background-size: contain;
  height: 436px;
  padding: 40px 0 49px 39px;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  gap: 24px;
}
.main__text {
  max-width: 280px;
}
.main__form {
  width: 308px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.main__form_captcha {
  display: flex;
  gap: 16px;
  align-items: center;
}
.main__form_captcha_number {
  border-radius: 2px;
  border: 1px solid #CBCBCB;
  width: 120px;
  height: 40px;
}
.main__form_captcha_download {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.main__inputs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.main__inputs_captcha {
  width: 135px;
}
.main__buttons {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.main__buttons_button {
  width: 100%;
  height: 40px;
}

.recovery_main {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin: 32px 0 42px 0;
  padding: 59px 0 49px 58px;
  background-image: url(/assets/images/main__bgs.png);
  background-size: contain;
  height: 436px;
}
.recovery_main__texts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 280px;
}
.recovery_main__form {
  width: 308px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.recovery_main__form_captcha {
  width: 237px;
  height: 59px;
}
.recovery_email {
  width: 446px;
  height: 210px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  background: #FFF;
  padding: 20px;
}
.recovery_email__position {
  position: fixed;
  z-index: 2;
  top: 0;
}
.recovery_email__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.recovery_email__text_subtitle {
  text-align: center;
}
.recovery_email__controls {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.recovery_email__buttons {
  display: flex;
  gap: 12px;
}
.recovery_email__buttons_button {
  width: 197px;
  height: 34px;
  display: flex;
  padding: 6px 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}
.recovery_help {
  position: relative;
  width: 484px;
  border-radius: 10px;
  background: #FFF;
  padding: 32px 32px 38px 32px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.recovery_help__cross {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
  height: 24px;
  width: 24px;
  cursor: pointer;
  z-index: 1;
}
.recovery_help-button {
  cursor: pointer;
}
.recovery_help__text {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.recovery_help__inputs {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.recovery_help__inputs_input {
  width: 100%;
  height: 40px;
}
.recovery_help__inputs_textarea {
  height: 80px;
}
.recovery_help__buttons {
  margin-top: 2px;
  display: flex;
  gap: 12px;
}
.recovery_help__buttons_button {
  width: 204px;
  height: 38px;
  display: flex;
  padding: 8px 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}

/* Стили для бэкдропа модального окна */
dialog .dialog-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 49, 46, 0.1490196078);
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Стили для бэкдропа модального окна, когда тег <dialog> имеет атрибут open */
dialog[open] .dialog-backdrop {
  opacity: 1;
}

/* Стили для контентной части модального окна */
dialog {
  display: block;
  background: none;
  visibility: hidden;
}
dialog[open] {
  visibility: visible;
}
dialog::backdrop {
  display: none;
}

.dialog-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 0;
  top: 100vh;
  transform: scale(0.8);
  transition: all 0.4s ease;
}

/* Стили для контентной части модального окна, когда тег <dialog> имеет атрибут open */
dialog[open] .dialog-content {
  opacity: 1;
  top: 0;
  transform: scale(1);
}

.new-recovery__inputs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}
.new-recovery__validation {
  position: absolute;
  top: 0;
  left: calc(100% + 10px);
  border-radius: 8px;
  background: #FFF;
  min-width: 295px;
  padding: 14px 14px 28px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  filter: drop-shadow(0px 0.2490530908px 2.2138051987px rgba(0, 0, 0, 0.02)) drop-shadow(0px 0.5985091925px 5.3200817108px rgba(0, 0, 0, 0.03)) drop-shadow(0px 1.1269396544px 10.017241478px rgba(0, 0, 0, 0.04)) drop-shadow(0px 2.0102677345px 17.8690471649px rgba(0, 0, 0, 0.04)) drop-shadow(0px 3.7599847317px 33.422088623px rgba(0, 0, 0, 0.05)) drop-shadow(0px 9px 80px rgba(0, 0, 0, 0.07));
}
.new-recovery__validation:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 12.5px solid transparent;
  border-bottom: 12.5px solid transparent;
  border-right: 16.14px solid #FFF;
  left: -10px;
  top: 8px;
}
.new-recovery__validation_title {
  color: #333;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
  max-width: 260px;
}
.new-recovery__validation_list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.new-recovery__validation_list-item {
  display: flex;
  gap: 6px;
  align-items: center;
}
.new-recovery__validation_list-item-validity svg {
  fill: #03A500;
}
.new-recovery__validation_list-item-validity .new-recovery__validation_list-item_text {
  color: #03A500;
}
.new-recovery__validation_list-item_text {
  color: #FE0000;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px; /* 150% */
}

.registration {
  margin-top: 32px;
  margin-bottom: 57px;
  padding: 43px 40px 40px 40px;
  width: 100%;
  border-radius: 8px;
  background: #F5F5F5;
  display: flex;
  flex-direction: column;
  gap: 34px;
}
.registration__content {
  display: flex;
  justify-content: space-between;
  gap: 49px;
}
.registration__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 500px;
}
.registration__info-right {
  width: 450px;
}
.registration__info_fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.registration__info_input {
  height: 42px;
  padding: 11px 16px;
}
.registration__info_input:after {
  top: 12px;
  right: 16px;
}
.registration__info_input li {
  padding-left: 16px !important;
}
.registration__info_file-container {
  margin-top: 4px;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.registration__info_file {
  width: 238px;
  height: 36px;
  padding: 9.5px 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.registration__info_file-circle_img {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 17px;
  cursor: pointer;
  display: none;
}
.registration__info_textarea {
  height: 100px;
}
.registration__info_captcha {
  margin-top: 12px;
  margin-bottom: 14px;
  width: 237px;
  height: 59px;
}
.registration__info__submit {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

.main-header {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #DCDCDC;
}
.main-header__nav {
  width: 100%;
  height: 54px;
  padding: 15px 32px;
  border-radius: 8px;
  background: #F15B00;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.main-header__menu {
  display: none;
}
.main-header__links {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.main-header__menu-items {
  position: relative;
}
.main-header__menu-items_title {
  display: flex;
  gap: 2px;
  align-items: center;
  cursor: pointer;
}
.main-header__menu-items_title_img {
  transition: all 0.3s;
}
.main-header__menu-items_title_img-active {
  transform: rotate(90deg);
}
.main-header__menu-items_title-active {
  border-bottom: 2px solid #FFF;
  border-radius: 2px;
}
.main-header__menu-items_links {
  position: absolute;
  z-index: 10;
  top: 35px;
  left: -20px;
  min-width: 185px;
  width: max-content;
  padding: 0px 20px 20px 20px;
  border-radius: 0px 0px 8px 8px;
  background: #F15B00;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  transition: all 0.3s;
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.main-header__menu-items_links-active {
  opacity: 1;
  height: auto;
  pointer-events: auto;
}
.main-header__menu-items_links_link {
  text-transform: uppercase;
  display: inline-block;
  transition: all 0.2s;
}
.main-header__menu-items_links_link:hover {
  color: #FFF;
}
.main-header__menu-items_links_link:active, .main-header__menu-items_links_link.nice-select.open {
  color: #FFF;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom: 2px solid #FFF;
}
.main-header__user {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.main-header__user_container {
  display: flex;
  gap: 4px;
  align-items: center;
}
.main-header__user_container_exit {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.main-header__user_container_exit-container {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}
.main-header__control {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 7px 0px;
  align-items: center;
}
.main-header__slider {
  display: flex;
  width: 834px;
  justify-content: center;
}
.main-header__slider-items {
  display: flex;
  overflow: hidden;
  width: 794px;
}
.main-header__slider-container {
  display: block;
  min-height: 75px;
  max-height: 75px;
  width: 794px;
  padding: 8px 8px 8px 24px;
  background: #F5F5F5;
  border-radius: 8px;
}
.main-header__slider_content {
  max-height: 51px;
  overflow: auto;
  /* для Chrome/Edge/Safari */
}
.main-header__slider_content {
  scrollbar-width: thin;
  scrollbar-color: #CBCBCB #FFF;
}
.main-header__slider_content::-webkit-scrollbar {
  width: 6px;
  border-radius: 4px;
}
.main-header__slider_content::-webkit-scrollbar-track {
  background: #FFF;
  height: 59px;
  border-radius: 4px;
}
.main-header__slider_content::-webkit-scrollbar-thumb {
  background-color: #CBCBCB;
  height: 28px;
  border-radius: 4px;
}
.main-header__slider_content-container {
  padding: 4px 12px 4px 0px;
  display: flex;
  gap: 16px;
  max-height: 51px;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}
.splide__arrow--prev {
  left: 0;
}
.splide__arrow--next {
  right: 0;
}

.search-main {
  min-height: 387px;
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid #F5F5F5;
  border-bottom: none;
}
.search-main__control-panel {
  display: flex;
  flex-direction: column;
  width: 19.02%;
  border-right: 5px solid #DCDCDC;
  background: #FFF;
}
.search-main__control-panel-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.search-main__control-panel_item {
  width: 100%;
  position: relative;
  padding: 10.5px 16px;
  height: 54px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid #DCDCDC;
}
.search-main__control-panel_item:hover .search-main__control-panel_img {
  fill: #333;
}
.search-main__control-panel_item-active {
  background: #F5F5F5;
}
.search-main__control-panel_item-active svg {
  fill: #333;
}
.search-main__control-panel_item-active div {
  opacity: 1;
}
.search-main__control-panel_img {
  transition: all 0.15s;
}
.search-main__control-panel_img:hover {
  fill: #333;
}
.search-main__control-panel_text {
  max-width: 65px;
}
.search-main__control-panel_scroll {
  opacity: 0;
  position: absolute;
  top: 0;
  right: -5px;
  width: 5px;
  height: 100%;
  background: #F15B00;
  border-radius: 2px;
}

.sensors-block {
  height: 64px;
}

.options {
  display: flex;
  flex-direction: column;
  width: 80.98%;
}
.options__head {
  margin-top: 14px;
  width: 937px;
  border-bottom: 1px solid #F15B00;
  height: 40px;
  margin-left: 16px;
  display: flex;
  padding-left: 24px;
  gap: 5.6px;
}

.specifications {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 20px;
  height: 100%;
}
.specifications__params, .specifications__advanced-params {
  padding-left: 40px;
  padding-bottom: 32px;
}
.specifications__advanced-params {
  display: flex;
  flex-direction: column;
  max-width: 892px;
  gap: 19px;
}
.specifications__advanced-params__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.specifications__additional-params {
  width: 937px;
  padding: 0px 18px 23px 16px;
}
.specifications__additional-params-container {
  border-top: 1px solid #DCDCDC;
  padding-top: 24px;
  padding-left: 28px;
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.specifications__additional-params__discounted {
  display: flex;
  align-items: center;
  gap: 4px;
}
.specifications__additional-params__info {
  display: flex;
  gap: 22.5px;
}
.specifications__additional-params__info-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.specifications__additional-params__info_input {
  width: 59px;
}
.specifications__additional-params__info_select {
  width: 90px;
}
.specifications__search {
  background: #F5F5F5;
  padding: 14px 30px 14px 39px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom-right-radius: 6px;
}
.specifications__search_container {
  display: flex;
  align-items: center;
  gap: 123px;
}
.specifications__search__fast-search {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 142px;
}
.specifications__search__advanced-input {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 223px;
  height: 34px;
  padding: 6px 22px;
  border-radius: 4px;
  border: 1px solid #F15B00;
  color: #F15B00;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
  cursor: pointer;
}
.specifications__search__control-buttons {
  display: flex;
  gap: 16px;
}
.specifications__search__control-buttons_button {
  width: 120px;
  height: 38px;
}

.auto-card {
  min-width: 170px;
  height: 100%;
  padding: 9.5px 16px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  background: #F5F5F5;
  cursor: pointer;
}
.auto-card:hover {
  color: #F15B00;
}
.auto-card__svg {
  width: auto;
  height: 20px;
  fill: #848991;
}
.auto-card-active {
  background: #F15B00;
  color: #FFF;
}
.auto-card-active svg {
  fill: #FFF;
}
.auto-card-active:hover {
  color: #FFF;
}

.auto-selection {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.auto-selection__container {
  display: flex;
  gap: 24px;
}
.auto-selection-chooseBrand, .auto-selection-chooseModel {
  width: 160px;
}
.auto-selection-chooseModification {
  width: 200px;
}
.auto-selection-chooseYear {
  width: 190px;
}

.search-selection {
  display: flex;
  flex-direction: column;
}
.search-selection__header {
  width: 100%;
  height: 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  background: #F5F5F5;
  padding: 6px 12px;
  cursor: pointer;
}
.search-selection__header_arrow {
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.search-selection__header_arrow-show {
  transform: rotate(90deg);
}
.search-selection__content {
  border-radius: 0 0 4px 4px;
  border: none;
  padding: 0;
  display: flex;
  gap: 166px;
  transition: all 0.3s;
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.search-selection__content-show {
  opacity: 1;
  height: auto;
  padding: 16px 20px 20px 20px;
  pointer-events: auto;
  border: 1px solid #F5F5F5;
}
.search-selection__content-season {
  gap: 133px;
}
.search-selection__content_column {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.search-selection__content_checkbox .custom-checkbox + label {
  display: flex;
  align-items: center;
  gap: 8px;
}

.search-selection-range__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.search-selection-range .search-selection__content-show {
  padding: 16px 10px 17px 12px;
}
.search-selection-range__inputs {
  display: flex;
  gap: 52px;
  align-items: center;
}
.search-selection-range__inputs-container {
  display: flex;
  gap: 4px;
  align-items: center;
}
.search-selection-range__inputs_input {
  width: 60px;
}
.search-selection-range__range {
  display: flex;
  flex-direction: column;
}
.search-selection-range__range_input {
  width: calc(100% - 2px);
}
.search-selection-range__range_numbers {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.search-selection-range__range_numbers-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.search-selection-range__range_numbers_border {
  content: "";
  width: 2px;
  height: 12px;
  background: #CBCBCB;
  border-radius: 1px;
}

.search__error-container {
  width: 100%;
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  background: var(--red-10, rgba(255, 0, 0, 0.1));
  color: #F00;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  margin-bottom: 12px;
}
.search__error-container:empty {
  display: none;
}
.search__products {
  margin-top: 12px;
  margin-bottom: 72px;
}
.search__products-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 20px;
}
.search__result {
  width: 712px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search__result-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search__result_header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 132px;
  padding-left: 20px;
  padding-right: 23px;
}
.search__result_container-left {
  display: flex;
  gap: 58px;
}
.search__result_container-left__name {
  display: flex;
  gap: 23px;
}
.search__result_container-right {
  display: flex;
  align-items: flex-end;
  gap: 30px;
}
.search__result_container-right__params {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
.search__result_container-right__params_item {
  text-align: center;
  max-width: 56px;
  position: relative;
}
.search__result_container-right__params_item_arrow {
  position: absolute;
  right: 4px;
  bottom: 1px;
  z-index: 1;
}
.search__result_text {
  display: flex;
  gap: 4px;
  align-items: center;
}
.search__result_text_arrows {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.search__result_text_arrows_arrow {
  cursor: pointer;
}
.search__result_content {
  display: flex;
  flex-direction: column;
}
.search__result_footer {
  margin-top: 8px;
  display: flex;
  justify-content: space-between;
}
.search__result_footer_pages {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.search__result_footer_pages_number {
  cursor: pointer;
}
.search__result_footer_pages_number-active {
  color: #F15B00;
  text-decoration: underline;
}
.search__result_footer_button {
  margin-top: 8px;
  width: 105px;
  height: 34px;
}
.search__order {
  width: 467px;
  padding: 20px 16px 16px 16px;
  border-radius: 8px;
  border: 1px dashed #F15B00;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.search__order_content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search__order_product {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.search__order_product_header {
  display: flex;
  justify-content: space-between;
  padding-left: 24px;
  padding-right: 27px;
}
.search__order_product_header-left {
  display: flex;
  gap: 33px;
}
.search__order_product_header-right {
  display: flex;
  gap: 27px;
}
.search__order_product_content {
  display: flex;
  flex-direction: column;
}
.search__order_control {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.search__order_control_sum {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.search__order_control_sum_item {
  display: flex;
  gap: 8px;
}
.search__order_control_buttons {
  display: flex;
  gap: 8px;
}
.search__order_control_buttons_button {
  width: 213.5px;
}

.search-product-card {
  width: 100%;
  display: flex;
}
.search-product-card__product-container {
  padding-left: 20px;
  padding-top: 9.5px;
  padding-right: 20px;
  padding-bottom: 9.5px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.search-product-card__product__title {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 82px;
}
.search-product-card__product__title_cae {
  cursor: pointer;
}
.search-product-card__product__img {
  width: 45px;
  height: 45px;
}
.search-product-card__product__img-window {
  height: 500px;
  width: 500px;
}
.search-product-card__product__img-window-container {
  min-height: 69vh;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-product-card__product__desc {
  max-width: 167px;
}
.search-product-card__params-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 293px;
}
.search-product-card__params-container-top, .search-product-card__params-container-bottom {
  padding: 4px 20px 4px 30px;
  display: flex;
  align-items: center;
  gap: 35.5px;
  height: 50%;
  width: 100%;
  justify-content: space-between;
}
.search-product-card__params-container-bottom {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  background: #F5F5F5;
}
.search-product-card__params_input {
  width: 50px;
  padding: 2px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-product-card__params_input::-webkit-outer-spin-button, .search-product-card__params_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.search-product-card__city_ufa, .search-product-card__city_moscow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background: #F15B00;
  width: 53px;
  height: 50%;
}
.search-product-card__city_moscow {
  background: #2196F3;
}

.search-product-card-full {
  z-index: 100;
  width: 555px;
  background: #FFF4ED;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}
.search-product-card-full__photo {
  max-width: 200px;
  max-height: 250px;
}
.search-product-card-full__photo-container {
  width: 100%;
  height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
}
.search-product-card-full__list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.search-product-card-full__item {
  width: 100%;
  border-bottom: 1px solid #DCDCDC;
  display: flex;
}
.search-product-card-full__item_params {
  width: 36.89%;
  background: #F5F5F5;
  border-right: 1px solid #DCDCDC;
  padding-left: 20px;
  display: flex;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
}
.search-product-card-full__item_desc {
  display: flex;
  gap: 4px;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.search-product-card-full__item_desc-container {
  width: 63.11%;
  background: #FFF;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.search-product-card-full__item_desc_hint {
  left: -22px !important;
}
.search-product-card-full__item_desc_hint-container {
  display: flex;
  align-items: center;
}

.search-order-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0px 6px 12px;
  border-radius: 4px 4px 0px 0px;
  border-bottom: 1px solid #CBCBCB;
}
.search-order-card:last-child {
  border: none;
}
.search-order-card-left {
  display: flex;
  align-items: center;
  gap: 21px;
}
.search-order-card__cae {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.search-order-card__cae_geo {
  width: 12px;
  height: 12px;
}
.search-order-card__cae_hint {
  left: -21px !important;
}
.search-order-card__desc {
  max-width: 208px;
}
.search-order-card__price {
  display: flex;
  justify-content: center;
}
.search-order-card__input {
  width: 30px;
  height: 17px;
  padding: 0px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.search-order-card__input::-webkit-outer-spin-button, .search-order-card__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.search-order-card__input-field {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-right: 12px;
}
.search-order-card__input_img {
  cursor: pointer;
}

.order-card-delete {
  border-radius: 10px;
  background: #FFF;
  display: flex;
  width: 384px;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.order-card-delete__buttons {
  display: flex;
  gap: 12px;
}
.order-card-delete__buttons_button-close {
  width: 165px;
  height: 34px;
}
.order-card-delete__buttons_button-prime {
  width: 159px;
  height: 34px;
}

.specifications-tires {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.specifications-tires__left {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.specifications-tires__right {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.specifications-tires__right_top {
  display: flex;
  justify-content: space-between;
}
.specifications-tires-camera {
  flex-direction: column;
  gap: 16px;
}
.specifications-tires-camera__top {
  display: flex;
  justify-content: space-between;
  width: 566px;
}
.specifications-tires-camera__top_left {
  display: flex;
  gap: 20px;
}
.specifications-tires-camera__bottom {
  display: flex;
  gap: 19px;
}

.tires-size, .search-subsection, .search-oil, .battery-polarity, .sensors-manufacturer-code, .rims-name, .rims-fasteners-type, .rims-model, .rims-color, .rims-type, .tires-axle, .tires-manufacturer, .tires-diameter, .tires-size__inputs {
  display: flex;
  gap: 4px;
  align-items: center;
}
.tires-size__input {
  width: 85px;
}

.tires-season {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 242px;
}

.tires-cae {
  display: flex;
  align-items: center;
  gap: 27px;
  width: 242px;
}

.tires-diameter__input {
  width: 93px;
}

.tires-manufacturer {
  width: 305px;
}

.tires-axle {
  width: 169px;
}

.specifications-rims {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.specifications-rims__container {
  display: flex;
  align-items: center;
  gap: 15px;
}
.specifications-rims__fasteners {
  display: flex;
  align-items: center;
  gap: 22px;
}
.specifications-rims__cae {
  width: 159px;
  gap: 4px;
}

.rims-size {
  display: flex;
  align-items: center;
  gap: 8px;
}
.rims-size_container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.rims-size_input-85 {
  width: 85px;
}
.rims-size_input-93 {
  width: 93px;
}
.rims-size_input-125 {
  width: 125px;
}

.rims-size-mobile {
  display: none;
}

.rims-type {
  width: 138px;
}

.rims-color__input {
  width: 125px;
}

.rims-model {
  width: 220px;
}

.rims-fasteners-type__input {
  width: 127px;
}

.rims-name {
  width: 232px;
}

.specifications-sensors {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 34px;
}
.specifications-sensors__inputs {
  display: flex;
  gap: 122px;
}
.specifications-sensors__container {
  display: flex;
  flex-direction: column;
  gap: 17px;
  width: 343px;
}
.specifications-sensors__field {
  width: 100%;
  justify-content: space-between;
}
.specifications-sensors__field-cae {
  gap: 107px;
  width: 100%;
}
.specifications-sensors__manufacturer-code__input {
  width: 205px !important;
}
.specifications-sensors__selection {
  gap: 12px;
}
.specifications-sensors__selection_select {
  width: 202.25px;
}

.sensors-manufacturer-code__input {
  width: 185px;
}

.specifications-battery {
  display: flex;
  gap: 34px;
  margin-bottom: 15px;
}
.specifications-battery__container, .specifications-battery__container-right {
  flex-direction: column;
  display: flex;
  gap: 15px;
  width: 250px;
}
.specifications-battery__container-right {
  width: 266px;
}
.specifications-battery__container-height {
  display: flex;
  align-items: flex-end;
  width: 259px;
}
.specifications-battery__manufacturer {
  width: 250px;
}
.specifications-battery__cae {
  width: 159px;
  gap: 4px;
}

.battery-polarity {
  width: 266px;
}

.battery-interval {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.battery-interval__container {
  display: flex;
  gap: 8px;
}
.battery-interval__select {
  width: 80px;
}

.battery-length {
  width: 258px;
}

.specifications-oils, .specifications-oils__bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.specifications-oils__top {
  display: flex;
  gap: 24px;
}
.specifications-oils__top_container, .specifications-oils__top_container-163, .specifications-oils__top_container-241, .specifications-oils__top_container-236, .specifications-oils__top_container-185 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.specifications-oils__top_container-185 {
  width: 185px;
}
.specifications-oils__top_container-236 {
  width: 236px;
}
.specifications-oils__top_container-241 {
  width: 241px;
}
.specifications-oils__top_container-163 {
  width: 163px;
}
.specifications-oils__cae {
  width: 201px;
  gap: 4px;
}
.specifications-oils__select {
  width: 100% !important;
}

.search-oil {
  width: 100%;
}
.search-oil__text {
  min-width: 64px;
}

.specifications-services {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.specifications-services__container {
  display: flex;
  gap: 24px;
}
.specifications-services__container_bottom {
  display: flex;
  gap: 31px;
}
.specifications-services__cae {
  width: 201px;
  gap: 4px;
}
.specifications-services__name {
  width: 297px;
}
.specifications-services__manufacturer {
  width: 267px;
}

.search-subsection {
  width: 234px;
}

.specifications-consumables {
  display: flex;
  gap: 22px;
}
.specifications-consumables__container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.specifications-consumables__container-243 {
  width: 243px;
}
.specifications-consumables__container-199 {
  width: 199px;
}
.specifications-consumables__container-179 {
  width: 179px;
}
.specifications-consumables__cae {
  gap: 4px;
  width: 159px;
}
.specifications-consumables__manufacturer {
  gap: 9px;
  width: 100%;
}

.search-color {
  gap: 16px;
}

.info-main {
  margin-top: 24px;
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  gap: 33px;
  margin-bottom: 52px;
}
.info-main__news {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.info-main__news_item {
  border-bottom: 1px solid #CBCBCB;
  padding: 12px 20px 12px 0px;
  display: flex;
  gap: 50px;
  height: 70px;
}
.info-main__news_texts {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.info-main__news-page {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  min-height: 70vh;
  margin-bottom: 52px;
}
.info-main__news-page_item {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 712px;
}
.info-main__news-page__link {
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
}

.requisites-main {
  margin-top: 27px;
  margin-bottom: 98px;
}
.requisites-main__container {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.requisites-main__info {
  padding-bottom: 48px;
  border-bottom: 1px solid #DCDCDC;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.requisites-main__info_item {
  width: 467px;
  display: flex;
  justify-content: space-between;
  gap: 84px;
}
.requisites-main__info_item-left {
  width: 160px;
}
.requisites-main__info_item-right {
  width: 224px;
}
.requisites-main__payment {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.requisites-main__payment_title {
  display: flex;
  gap: 4px;
}
.requisites-main__payment__container {
  padding-left: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.estimate-main {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 24px;
}
.estimate-main__form {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-bottom: 10px;
}
.estimate-main__form_item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.estimate-main__form__rating {
  display: flex;
  align-items: center;
  gap: 47px;
}
.estimate-main__form__rating_stars {
  display: flex;
  gap: 4px;
}
.estimate-main__form__rating_stars_label {
  display: block;
  width: 32px;
  height: 32px;
}
.estimate-main__form__rating_stars_label svg {
  cursor: pointer;
  fill: #DCDCDC;
}
.estimate-main__form__rating_stars_label-active svg {
  cursor: pointer;
  fill: #FFE353;
}
.estimate-main__form__rating_stars_input {
  display: none;
}
.estimate-main__form_textarea {
  margin-top: 10px;
  width: 834px;
  height: 100px;
  padding: 12px;
  border-radius: 2px;
  border: 1px solid #CBCBCB;
  resize: none;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
  outline: none;
}
.estimate-main__form_textarea:focus {
  border: 1px solid #333;
}
.estimate-main__form_textarea-symbols {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: flex;
}
.estimate-main__form_button {
  margin-top: 2px;
  width: 224px;
  height: 38px;
}
.estimate-main__estimation {
  padding-top: 22px;
  margin-bottom: 64px;
  border-top: 1px solid #DCDCDC;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.estimate-main__estimation__container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.estimate-main__estimation__item {
  padding: 20px;
  border-radius: 8px;
  border: 1px solid #DCDCDC;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 103px;
  height: max-content;
}
.estimate-main__estimation__rating {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 325px;
  border-right: 1px solid #DCDCDC;
}
.estimate-main__estimation__rating_star {
  fill: #DCDCDC;
}
.estimate-main__estimation__rating_star-active {
  fill: #FFE353;
}
.estimate-main__estimation__comment {
  padding-left: 20px;
}

.useful-main {
  margin-top: 27px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 69vh;
}
.useful-main__docs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.useful-main__docs_header {
  padding-left: 20px;
  padding-right: 56px;
  display: flex;
  justify-content: space-between;
}
.useful-main__docs_header_left {
  min-width: 48.3%;
}
.useful-main__docs_header_right {
  display: flex;
  gap: 130px;
}
.useful-main__docs__document, .useful-main__guide {
  border-bottom: 1px solid #DCDCDC;
  background: #F5F5F5;
  padding: 7.5px 20px;
  display: flex;
}
.useful-main__docs__document-container {
  display: flex;
  flex-direction: column;
}
.useful-main__docs__document_left {
  min-width: 48.3%;
}
.useful-main__docs__document_center, .useful-main__guide_center {
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
  min-width: 25.1%;
  margin-top: -3.5px;
  margin-bottom: -3.5px;
}
.useful-main__docs__document_right {
  display: flex;
  justify-content: center;
  min-width: 26.6%;
  align-items: center;
}
.useful-main__guide {
  padding-right: 0px;
  height: 32px;
}
.useful-main__guide-container {
  display: flex;
  flex-direction: column;
}
.useful-main__guide_left {
  min-width: 493px;
}
.useful-main__guide_center {
  border-right: none;
  min-width: 478px;
  justify-content: flex-start;
  padding-left: 20px;
}
.useful-main__guide_right {
  margin: -7.5px -20px -7.5px 0px;
  width: 208px;
}

.status-button {
  width: 208px;
  height: 37px;
  color: #333;
  border-radius: 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.status-button-mini {
  height: 30px;
}

.orders-main {
  margin-top: 23px;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 69vh;
}
.orders-main__search {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid #DCDCDC;
}
.orders-main__search-advanced_button {
  width: 244px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  position: relative;
}
.orders-main__search-advanced_img {
  position: absolute;
  top: 9px;
  right: 12px;
  transition: all 0.5s;
}
.orders-main__search-advanced_img-active {
  transform: rotate(-180deg);
}
.orders-main__search-advanced_params {
  display: flex;
  flex-direction: column;
  gap: 27px;
  border-radius: 8px;
  border: none;
  height: 0;
  opacity: 0;
  transition: all 0.5s;
  padding: 0;
  pointer-events: none;
}
.orders-main__search-advanced_params-active {
  border: 1px solid #DCDCDC;
  height: auto;
  opacity: 1;
  margin-top: 10px;
  pointer-events: auto;
  padding: 20px 25px 20px 20px;
}
.orders-main__search-advanced_params-container {
  display: flex;
  gap: 52px;
}
.orders-main__search-advanced_params__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.orders-main__search-advanced_params__item-container {
  display: flex;
  gap: 24px;
}
.orders-main__search-fields {
  display: flex;
  justify-content: space-between;
}
.orders-main__search-fields-left {
  display: flex;
  gap: 20px;
}
.orders-main__search-fields_input {
  width: 224px;
  height: 36px;
  border-radius: 4px;
}
.orders-main__search-fields-right {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-right: 5px;
}
.orders-main__search-fields_input-number {
  height: 38px;
  width: 90px;
  border-radius: 4px;
  line-height: 140%; /* 19.6px */
  padding: 8px 4px 8px 12px;
}
.orders-main__search-fields_date {
  border-radius: 4px;
  display: flex;
  padding: 8px 4px 8px 12px;
  align-items: center;
  width: 108px;
  height: 36px;
}
.orders-main__search-fields_show {
  display: flex;
  gap: 16px;
}
.orders-main__search-fields_button {
  height: 38px;
  width: 120px;
}
.orders-main__orders {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.orders-main__orders__header {
  width: 100%;
  border-bottom: 2px solid #F15B00;
  height: 40px;
  display: flex;
  gap: 12px;
}
.orders-main__orders__header_mobile {
  display: none;
  padding-top: 16px;
  gap: 8px;
  row-gap: 8px;
}
.orders-main__orders__header_mobile_button {
  position: relative;
  width: 140px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px;
  border-radius: 6px;
  background: #FFF;
}
.orders-main__orders__header_card {
  position: relative;
  width: 130px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 4px 4px 0 0;
  background: #F5F5F5;
  cursor: pointer;
}
.orders-main__orders__header_card-active {
  background: #F15B00;
  color: #FFF !important;
  border: none !important;
}
.orders-main__orders__content {
  margin-top: 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.orders-main__orders__content_header {
  display: flex;
  padding-left: 20px;
  padding-right: 64px;
  justify-content: space-between;
  align-items: center;
}
.orders-main__orders__content_header-container {
  display: flex;
  align-items: center;
  gap: 101px;
}
.orders-main__orders__content_header-left {
  display: flex;
  gap: 41px;
  align-items: center;
}
.orders-main__orders__content_header-center {
  display: flex;
  gap: 122px;
  align-items: center;
}
.orders-main__orders__content_header-right {
  display: flex;
  gap: 85px;
  align-items: center;
}
.orders-main__orders__content_list {
  display: flex;
  flex-direction: column;
}
.orders-main__orders__file {
  display: flex;
  gap: 6px;
  align-items: center;
}
.orders-main__orders__file-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.orders-main__orders__button {
  width: 192px;
  height: 36px;
  color: #FFF;
  text-align: center;
  font-family: Roboto;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 23.8px */
}
.orders-main__hint {
  position: absolute;
  bottom: calc(100% + 16px);
  left: 0;
  border-radius: 8px;
  background: #333;
  min-width: max-content;
  padding: 7px 8px;
  color: #FFF;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  transition: all 0.3s;
}
.orders-main__hint:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 16.14px solid #333;
  border-left: 12.5px solid transparent;
  border-right: 12.5px solid transparent;
  left: 16px;
  top: calc(100% - 1px);
}
.orders-main__hint-white {
  position: absolute;
  top: calc(100% + 16px);
  border-radius: 8px;
  background: #FFF;
  width: 604px;
  padding: 12px;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  transition: all 0.3s;
  z-index: 2;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0.24905px 2.21381px 0px rgba(0, 0, 0, 0.02), 0px 0.59851px 5.32008px 0px rgba(0, 0, 0, 0.03), 0px 1.12694px 10.01724px 0px rgba(0, 0, 0, 0.04), 0px 2.01027px 17.86905px 0px rgba(0, 0, 0, 0.04), 0px 3.75998px 33.42209px 0px rgba(0, 0, 0, 0.05), 0px 9px 80px 0px rgba(0, 0, 0, 0.07);
}
.orders-main__hint-white:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 16.14px solid #FFF;
  border-left: 12.5px solid transparent;
  border-right: 12.5px solid transparent;
  left: 279px;
  bottom: calc(100% - 1px);
}
.orders-main__hint-white__item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 12px;
}
.orders-main__hint-white__item-container {
  display: flex;
  align-items: center;
  gap: 24px;
}
.orders-main__hint-white__number {
  display: flex;
  align-items: center;
  gap: 12px;
}
.orders-main__hint-white__title {
  width: 75px;
}
.orders-main__hint-white__desc {
  margin-left: 8px;
}
.orders-main__confirmations_block {
  width: 384px;
  display: flex;
  padding: 24px 24.5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border-radius: 10px;
  background: #FFF;
}
.orders-main__confirmations_title {
  text-align: center;
  max-width: 272px;
}
.orders-main__confirmations_buttons {
  display: flex;
  gap: 12px;
}
.orders-main__confirmations_buttons_button {
  height: 34px;
  width: 158px;
}
.orders-main__confirmations_buttons_button-close {
  width: 165px;
  height: 34px;
}

.hint-container {
  position: relative;
}

.orders-card {
  width: 100%;
  min-height: 45px;
  border-bottom: 1px solid #DCDCDC;
  padding-left: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.orders-card__result {
  padding-right: 264px;
}
.orders-card__result_total {
  display: flex;
  align-items: center;
  gap: 8px;
}
.orders-card__result-container {
  display: flex;
  align-items: center;
  gap: 43.5px;
}
.orders-card__container {
  display: flex;
  align-items: center;
  gap: 64px;
}
.orders-card__comment {
  margin-left: 10px;
}
.orders-card__spare-parts {
  width: 130px;
  display: flex;
  gap: 8px;
  row-gap: 4px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
}
.orders-card__spare-parts_item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.orders-card__spare-parts_result {
  width: 169px;
}
.orders-card__storage {
  display: flex;
  gap: 2px;
  align-items: center;
  margin-right: 15.5px;
  position: relative;
}
.orders-card__storage_hint {
  left: -22px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.orders-card__storage_result {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-right: 21.5px;
}
.orders-card__cancel_checkbox-container {
  display: flex;
  align-items: flex-end;
  gap: 19px;
}
.orders-card__cancel_checkbox + label {
  gap: 19px;
}

.orders-making {
  display: flex;
  flex-direction: column;
  margin-bottom: 52px;
}
.orders-making__number {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.orders-making__number_number {
  display: flex;
  width: 346px;
  height: 94px;
  padding: 16px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  border-radius: 4px;
  border: 1px solid #CBCBCB;
  background: #FFF;
}
.orders-making__number_date {
  display: flex;
  width: 346px;
  padding: 12px 16px 12px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-right: 1px solid #CBCBCB;
  border-left: 1px solid #CBCBCB;
}
.orders-making__number_date-container {
  display: flex;
  gap: 4px;
}
.orders-making__number_result {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 460px;
}
.orders-making__number_result-bottom {
  display: flex;
  justify-content: space-between;
}
.orders-making__number_result-container {
  display: flex;
  gap: 4px;
}
.orders-making__number_result_button {
  margin-top: -1px;
  width: 178px;
  height: 34px;
}
.orders-making__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 32px;
  padding-bottom: 32px;
  border-top: 1px solid #DCDCDC;
}
.orders-making__info_data {
  display: flex;
  flex-direction: column;
  width: 486px;
  gap: 12px;
}
.orders-making__info_data_texts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.orders-making__info_data_top {
  display: flex;
  justify-content: space-between;
  gap: 2px;
  width: 100%;
}
.orders-making__info_data_view {
  min-width: 92px;
}
.orders-making__info_data_view-container {
  display: flex;
  width: 100%;
  gap: 2px;
}
.orders-making__info_data_view_border {
  content: "";
  width: 100%;
  border-bottom: 1px dashed #CBCBCB;
}
.orders-making__info_data_input {
  width: 315px;
  height: 32px;
  padding: 6px 4px 6px 12px;
}
.orders-making__info_data_input:after {
  top: 7px;
  right: 4px;
}
.orders-making__info_field {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.orders-making__order, .orders-making__history, .orders-making__comment {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 32px;
  padding-bottom: 34px;
  border-top: 1px solid #DCDCDC;
}
.orders-making__order_content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.orders-making__order_content_header {
  display: flex;
  justify-content: space-between;
  padding-left: 13px;
  padding-right: 48px;
}
.orders-making__order_content_header_cae {
  margin-left: 81px;
  margin-right: 67px;
}
.orders-making__order_content_header_desc {
  margin-left: 210px;
  margin-right: 139px;
}
.orders-making__order_content_header_count {
  margin-left: 15px;
  margin-right: 39px;
}
.orders-making__order_content_header_price {
  margin-left: 71px;
  margin-right: 108px;
}
.orders-making__order_buttons {
  display: flex;
  gap: 12px;
}
.orders-making__order_buttons-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.orders-making__order_buttons_button {
  padding: 6px 24px;
  height: 34px;
  width: auto;
}
.orders-making__order_buttons_button-add {
  width: 190px;
}
.orders-making__order_buttons_button-save {
  width: 150px;
}
.orders-making__comment {
  flex-direction: column;
  padding-bottom: 24px;
}
.orders-making__comment_content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.orders-making__comment_form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.orders-making__comment_form_textarea {
  width: 100%;
  height: 100%;
  padding: 12px 4px 12px 12px;
  border-radius: 2px;
  border: 1px solid #CBCBCB;
  resize: none;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
  outline: none;
}
.orders-making__comment_form_textarea:focus {
  border: 1px solid #333;
}
.orders-making__comment_form_textarea-symbols {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: flex;
}
.orders-making__comment_form_textarea-container {
  position: relative;
  height: 157px;
  width: 100%;
}
.orders-making__comment-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.orders-making__comment_info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.orders-making__comment_info-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 2px;
}
.orders-making__comment_info-author {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 224px;
}
.orders-making__comment_info_text {
  padding: 8px 12px;
  height: auto;
  display: flex;
  align-items: center;
}
.orders-making__comment_info_text:hover {
  border: 1px solid #DCDCDC;
}
.orders-making__history {
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 0;
}
.orders-making__history_button {
  width: 150px;
  height: 32px;
  padding: 6px 15px;
}

.orders-card-making {
  width: 100%;
  min-height: 26px;
  border-bottom: 1px solid #DCDCDC;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 20px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.orders-card-making__left-container {
  display: flex;
  align-items: center;
  gap: 18px;
  height: 100%;
}
.orders-card-making__right-container {
  display: flex;
  align-items: center;
  gap: 34.33px;
  height: 100%;
}
.orders-card-making__storage {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px;
  height: 100%;
  min-width: 68px;
}
.orders-card-making__hint {
  position: absolute;
  top: calc(100% + 16px);
  left: 0;
  border-radius: 8px;
  background: #333;
  min-width: max-content;
  padding: 7px 8px;
  color: #FFF;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 16.8px */
  transition: all 0.3s;
  z-index: 5;
}
.orders-card-making__hint:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-bottom: 16.14px solid #333;
  border-left: 12.5px solid transparent;
  border-right: 12.5px solid transparent;
  left: 16px;
  bottom: calc(100% - 1px);
}
.orders-card-making__cae {
  width: 46px;
  text-align: center;
}
.orders-card-making__brand {
  width: 120px;
  text-align: center;
}
.orders-card-making__desc {
  width: 310px;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.orders-card-making__desc_type {
  display: flex;
  align-items: center;
  width: 12px;
  height: 12px;
}
.orders-card-making__count {
  width: 29px;
  text-align: center;
}
.orders-card-making__retail {
  width: 83px;
  text-align: center;
}
.orders-card-making__right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.orders-card-making__sum {
  text-align: right;
  width: 100px;
}
.orders-card-making__result {
  min-height: 44px;
  padding-left: 16px;
}
.orders-card-making__result_spare-parts {
  display: flex;
  align-items: center;
  gap: 8px;
}
.orders-card-making__result_spare-parts_item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.orders-card-making__result_spare-parts_item svg {
  fill: #333;
}

.orders-making-history {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
  min-height: 68vh;
  margin-bottom: 52px;
}
.orders-making-history__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.orders-making-history__header {
  display: flex;
  width: 100%;
}
.orders-making-history__header_status {
  display: flex;
  justify-content: center;
  width: 37.5%;
}
.orders-making-history__list {
  display: flex;
  flex-direction: column;
}
.orders-making-history__button {
  width: 150px;
  height: 32px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.history-item {
  border-bottom: 1px solid #DCDCDC;
  background: #F5F5F5;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
  align-items: center;
  height: 21px;
}
.history-item__date {
  padding-left: 20px;
  width: 31.25%;
}
.history-item__status {
  display: flex;
  justify-content: center;
  width: 37.5%;
  border-right: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
}
.history-item__author {
  display: flex;
  justify-content: center;
  width: 31.25%;
}

.personal-main, .personal-alerts, .personal-storage {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 69vh;
  margin-bottom: 52px;
}
.personal-main__form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.personal-main__user-id {
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.personal-main__user-id_texts {
  width: 100%;
  display: flex;
  gap: 122px;
}
.personal-main__user-id_texts-client {
  display: none;
}
.personal-main__user-id_texts-left {
  width: 120px;
}
.personal-main__user-id_texts-column {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.personal-main__data {
  width: 100%;
  border-top: 1px solid #DCDCDC;
  padding-top: 32px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.personal-main__data-left {
  width: 609px;
  padding-right: 141px;
  border-right: 1px solid #DCDCDC;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.personal-main__data-left_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personal-main__data-left_item_input {
  width: 315px;
  height: 32px;
}
.personal-main__data-left_item_text {
  max-width: 128px;
}
.personal-main__data-right {
  width: 590px;
  padding-left: 122px;
  display: flex;
  flex-direction: column;
  gap: 42px;
}
.personal-main__data-right__texts {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.personal-main__data-right__buttons {
  display: flex;
  gap: 20px;
}
.personal-main__data-right__buttons_button {
  width: 224px;
  height: 38px;
}
.personal-main__data-right__inputs {
  display: flex;
  gap: 21px;
}
.personal-main__data-right__inputs-container {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.personal-main__data-right__inputs_input-add {
  width: 66px;
  height: 32px;
}
.personal-main__data-right__inputs_input-number {
  width: 192px;
  height: 32px;
}

.personal-storage__storages {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.personal-storage__storages_header {
  display: flex;
  justify-content: space-between;
  padding-left: 124px;
  padding-right: 84px;
  text-transform: uppercase;
}
.personal-storage__storages_header_name {
  margin-right: 23px;
}
.personal-storage__storages_content {
  display: flex;
  flex-direction: column;
}

.personal-storage__storage {
  border-radius: 10px;
  width: 568px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  background: #FFF;
  padding: 24px;
}
.personal-storage__storage_close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  cursor: pointer;
}
.personal-storage__storage_splide {
  margin-bottom: 8px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.personal-storage__storage_img {
  object-fit: cover;
  border-radius: 8px;
}
.personal-storage__storage_img-container {
  width: 520px;
  height: 250px;
  border-radius: 8px;
  overflow: hidden;
}
.personal-storage__storage__contact {
  display: flex;
  gap: 39px;
}
.personal-storage__storage__contact_address {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.personal-storage__storage__contact_address_data {
  display: flex;
  gap: 12px;
}
.personal-storage__storage__contact_schedule {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.personal-storage__storage__contact_schedule_row {
  display: flex;
  gap: 8px;
}
.personal-storage__storage__map_container {
  width: 520px;
  height: 173px;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 8px;
  margin-bottom: 8px;
}
.personal-storage__storage__payment {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.personal-storage__storage__payment-container {
  display: flex;
  gap: 52px;
}
.personal-storage__storage__payment_column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.personal-storage__storage__payment_item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.personal-storage__storage__payment_item_img {
  width: 32px;
  height: 32px;
}
.personal-storage__storage__arrow {
  border: none;
}
.personal-storage__storage__arrow--next {
  right: 12px;
}
.personal-storage__storage__arrow--prev {
  left: 12px;
}

.splide {
  position: relative;
}
.splide__pagination {
  position: absolute;
  bottom: 12px;
  display: flex;
  gap: 4px;
}
.splide__pagination__page {
  width: 6px;
  height: 6px;
  border-radius: 100%;
  border: none;
  background: #DCDCDC;
  cursor: pointer;
  margin: 0;
  opacity: 1;
  transition: all 0.2s;
}
.splide__pagination__page.is-active {
  transform: none;
  background: #F15B00;
}

.storage-item {
  border-bottom: 1px solid #DCDCDC;
  background: #F5F5F5;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 26px;
  display: flex;
  align-items: center;
}
.storage-item__left {
  display: flex;
  gap: 52px;
  align-items: center;
  width: 16%;
}
.storage-item__left_city {
  display: flex;
  gap: 4px;
  align-items: center;
  width: 68px;
  height: 22px;
  padding: 4px 16px;
}
.storage-item__city {
  display: flex;
  justify-content: center;
  width: 61.7%;
  border-right: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
}
.storage-item__city_name {
  position: relative;
}
.storage-item__city_name-prime {
  cursor: pointer;
  color: #F15B00;
  margin-right: 19px;
}
.storage-item__city_name-prime:after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background-image: url(/assets/images/warning-city.svg);
  left: 27px;
  bottom: 3px;
}
.storage-item__day {
  display: flex;
  justify-content: center;
  width: 22.3%;
}

.personal-alerts__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 8px;
}
.personal-alerts__form_added {
  padding-top: 32px;
  border-top: 1px solid #DCDCDC;
  margin-bottom: 50px;
}
.personal-alerts__form_added_buttons {
  display: flex;
  align-items: center;
  gap: 12px;
}
.personal-alerts__send {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.personal-alerts__send-container {
  display: flex;
  gap: 20px;
}
.personal-alerts__send_input {
  height: 36px;
  width: 468px;
}
.personal-alerts__send_button {
  width: 224px;
  height: 36px;
}
.personal-alerts__setting {
  display: flex;
  justify-content: space-between;
}
.personal-alerts__setting-container {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.personal-alerts__setting_items {
  display: flex;
  flex-direction: column;
  width: 676px;
}
.personal-alerts__setting_checkbox-container, .personal-alerts__setting_status {
  display: flex;
  gap: 4px;
}
.personal-alerts__setting_status {
  width: 100%;
  border-bottom: 1px solid #DCDCDC;
  padding: 8px 12px;
  height: 33px;
}

.personal-complaint {
  display: flex;
  flex-direction: column;
  min-height: 69vh;
  margin-bottom: 52px;
}
.personal-complaint__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
}
.personal-complaint__header_button {
  width: 244px;
  height: 36px;
  gap: 7px;
  align-items: center;
}
.personal-complaint__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-top: 24px;
  border-top: 1px solid #DCDCDC;
}
.personal-complaint__status {
  border-radius: 8px;
  border: 1px solid #DCDCDC;
  padding: 20px 25px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.personal-complaint__status-container {
  display: flex;
  gap: 20px;
}
.personal-complaint__status_name {
  display: flex;
  flex-wrap: wrap;
  gap: 55px;
  row-gap: 10px;
}
.personal-complaint__status_name-column {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.personal-complaint__status_name_checkbox + label {
  display: flex;
  gap: 22px;
  align-items: center;
}
.personal-complaint__status_name_checkbox-container {
  position: relative;
}
.personal-complaint__status_name_checkbox-container_mark {
  position: absolute;
  border-radius: 2px;
  width: 10px;
  height: 20px;
  left: 24px;
  bottom: 0;
}
.personal-complaint__status_name_checkbox-container_mark-white {
  background: #FFF;
  border: 1px solid #CBCBCB;
}
.personal-complaint__bottom {
  display: flex;
  justify-content: space-between;
}
.personal-complaint__date {
  display: flex;
  align-items: center;
  gap: 32px;
}
.personal-complaint__date_dates {
  position: relative;
  display: flex;
  gap: 8px;
}
.personal-complaint__buttons {
  display: flex;
  gap: 16px;
}
.personal-complaint__buttons_button {
  width: 120px;
  height: 36px;
}
.personal-complaint__application {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.personal-complaint__application_header {
  display: flex;
  justify-content: space-between;
  padding-left: 89px;
  padding-right: 186px;
}
.personal-complaint__application_header_number {
  margin-left: 119px;
}
.personal-complaint__application_header_order {
  margin-left: 52px;
}
.personal-complaint__application_content {
  display: flex;
  flex-direction: column;
}

.application {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px 8px 58px;
  padding-right: 20px;
  border-bottom: 1px solid #DCDCDC;
  height: 53px;
}
.application__date {
  display: flex;
  align-items: center;
  gap: 3px;
}
.application__left-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 430px;
}
.application__right-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 452px;
}
.application__status {
  display: flex;
  align-items: center;
  gap: 24px;
}
.application__status_items {
  display: flex;
  align-items: center;
  gap: 12px;
}
.application__status_items_img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.personal-new_complaint {
  margin-top: 24px;
  margin-bottom: 50px;
  min-height: 68vh;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.personal-new_complaint__data {
  display: flex;
  gap: 20px;
}
.personal-new_complaint__data_number {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 346px;
  height: 104px;
  padding: 16px 32px;
  border-radius: 4px;
  border: 1px solid #CBCBCB;
  background: #FFF;
}
.personal-new_complaint__data_details {
  display: flex;
  padding: 4px 16px 4px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  border-left: 1px solid #CBCBCB;
  width: 382px;
}
.personal-new_complaint__data_details-container {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}
.personal-new_complaint__data_details-left {
  min-width: 102px;
}
.personal-new_complaint__data_details_input {
  height: 32px;
}
.personal-new_complaint__application {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.personal-new_complaint__product {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.personal-new_complaint__product__header {
  display: flex;
  gap: 12px;
  align-items: center;
}
.personal-new_complaint__product__header_mileage {
  display: flex;
  align-items: center;
  gap: 8px;
}
.personal-new_complaint__product__header_mileage_input {
  height: 32px;
  width: 59px;
}
.personal-new_complaint__product__content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
}
.personal-new_complaint__product__content_button {
  width: 122px;
  height: 38px;
}
.personal-new_complaint__product__fields {
  width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.personal-new_complaint__product__fields_header {
  display: flex;
  padding-left: 12px;
  gap: 84px;
}
.personal-new_complaint__product__fields_header-left {
  display: flex;
  gap: 86px;
}
.personal-new_complaint__product__fields_header-right {
  display: flex;
  gap: 88px;
}
.personal-new_complaint__product__fields_content {
  display: flex;
  flex-direction: column;
}
.personal-new_complaint__product__fields_item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 2px 12px;
  border-top: 1px solid #DCDCDC;
  min-height: 47px;
}
.personal-new_complaint__product__fields_item input {
  height: 31px;
}
.personal-new_complaint__product__fields_item div {
  height: 31px;
}
.personal-new_complaint__product__fields_item-cae {
  width: 91px;
}
.personal-new_complaint__product__fields_item-dot {
  width: 96px;
}
.personal-new_complaint__product__fields_item-another {
  width: 197px;
}
.personal-new_complaint__product__fields_item-select {
  padding: 6px 12px;
  width: 244px;
  height: 31px;
}
.personal-new_complaint__declare, .personal-new_complaint__auto {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: max-content;
}
.personal-new_complaint__declare__item {
  display: flex;
  width: 468px;
  gap: 4px;
  align-items: center;
}
.personal-new_complaint__declare__item_text {
  min-width: 149px;
}
.personal-new_complaint__declare__item_input, .personal-new_complaint__choice-auto_input, .personal-new_complaint__declare__item_input-date, .personal-new_complaint__declare__item_input-number {
  height: 32px;
  padding: 6px 12px;
}
.personal-new_complaint__declare__item_input:after, .personal-new_complaint__choice-auto_input:after, .personal-new_complaint__declare__item_input-date:after, .personal-new_complaint__declare__item_input-number:after {
  top: 4px;
  bottom: 4px;
}
.personal-new_complaint__declare__item_input-number {
  width: 193px;
}
.personal-new_complaint__declare__item_input-date {
  width: 83px;
}
.personal-new_complaint__declare__item_number {
  display: flex;
  gap: 20px;
  align-items: center;
}
.personal-new_complaint__declare__item_date {
  display: flex;
  align-items: center;
  gap: 4px;
}
.personal-new_complaint__photo {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.personal-new_complaint__photo-container {
  position: relative;
}
.personal-new_complaint__photo_file {
  width: 224px;
  height: 36px;
  padding-left: 67px;
  justify-content: flex-start;
  border-radius: 4px;
}
.personal-new_complaint__photo_svg {
  position: absolute;
  top: 6px;
  left: 39px;
}
.personal-new_complaint__photo_button {
  width: 224px;
  height: 38px;
}
.personal-new_complaint__photo_button-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}
.personal-new_complaint__photo_items {
  max-width: 346px;
  max-height: 220px;
  position: relative;
  overflow: hidden;
}
.personal-new_complaint__photo_items img {
  object-fit: fill;
}
.personal-new_complaint__photo_items-svg {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 2;
}
.personal-new_complaint__photo_items-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.personal-new_complaint__photo_items-container:empty {
  display: none;
}
.personal-new_complaint__auto__choice {
  border: 1px solid #CBCBCB;
  background: #F5F5F5;
  display: flex;
  justify-content: flex-end;
  padding: 0;
  cursor: pointer;
}
.personal-new_complaint__auto-position {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.personal-new_complaint__auto-position__title {
  width: 346px;
  text-align: center;
}
.personal-new_complaint__auto-position-container {
  display: flex;
  gap: 142px;
}
.personal-new_complaint__auto-position_main {
  display: flex;
  gap: 20px;
}
.personal-new_complaint__auto-position_main_column-block, .personal-new_complaint__auto-position_main_column-block-right {
  display: flex;
  flex-direction: column;
  gap: 23px;
  align-items: flex-end;
}
.personal-new_complaint__auto-position_main_column-block_container {
  display: flex;
  gap: 22px;
}
.personal-new_complaint__auto-position_main_column-block-right {
  align-items: flex-start;
}
.personal-new_complaint__auto-position_main_axle {
  width: 102px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 63px;
}
.personal-new_complaint__auto-position_main_axle-container {
  display: flex;
  flex-direction: column;
  gap: 92px;
}
.personal-new_complaint__auto-position_main_axle-checkbox + label::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #757575;
  background: #FFF;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
.personal-new_complaint__auto-position_main_axle-checkbox:checked + label::before {
  background-color: #CBCBCB;
  border: 1px solid #757575;
}
.personal-new_complaint__auto-position_item-block, .personal-new_complaint__auto-position_item-block-hint {
  cursor: pointer;
  content: "";
  min-width: 40px;
  height: 94px;
  border-radius: 9px;
  border: 1px solid #CBCBCB;
  background: #F5F5F5;
}
.personal-new_complaint__auto-position_item-block-gray3 {
  border: none;
  background: #757575;
}
.personal-new_complaint__auto-position_item-block-red {
  border: none;
  background: #F00;
}
.personal-new_complaint__auto-position_item-block-hint {
  pointer-events: none;
}
.personal-new_complaint__auto-position_item-block-hint-gray3 {
  border: none;
  background: #757575;
}
.personal-new_complaint__auto-position_item-block-hint-red {
  border: none;
  background: #F00;
}
.personal-new_complaint__auto-position_hint {
  margin-top: 43px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.personal-new_complaint__auto-position_hint_item {
  display: flex;
  align-items: center;
  gap: 24px;
}
.personal-new_complaint__choice-auto {
  width: 532px;
  height: auto;
  border-radius: 10px;
  background: #FFF;
  padding: 34px 32px 30px 32px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.personal-new_complaint__choice-auto_img {
  position: absolute;
  top: 16px;
  right: 16px;
}
.personal-new_complaint__choice-auto_selects {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.personal-new_complaint__choice-auto_selects_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.personal-new_complaint__choice-auto_input {
  width: 315px;
}
.personal-new_complaint__choice-auto_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.personal-new_complaint__choice-auto_bottom_button {
  width: 200px;
  height: 38px;
}

.demo-main {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 69vh;
  margin-bottom: 52px;
}
.demo-main__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.demo-main__items_header {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 97px;
  text-transform: uppercase;
}
.demo-main__items_header-right {
  display: flex;
  gap: 306px;
}
.demo-main__enter {
  display: flex;
  justify-content: space-between;
}
.demo-main__enter_button {
  width: 279px;
  height: 34px;
}
.demo-main__enter_link {
  width: 100%;
  height: 100%;
}

.demo-header__nav {
  background: #333;
}
.demo-header__links {
  background: #333;
  color: #FFF;
}
.demo-header__links_link {
  color: #FFF;
}
.demo-header__links_link:hover {
  color: #F15B00;
}
.demo-header__links_link:active, .demo-header__links_link.nice-select.open {
  color: #F15B00;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom: 2px solid #F15B00;
}
.demo-header__logo {
  padding-top: 24px;
  padding-bottom: 24px;
}
.demo-header__logo_img {
  width: 88px;
  height: 40px;
}

.demo-item {
  border-bottom: 1px solid #DCDCDC;
  background: #F5F5F5;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
  height: 29px;
}
.demo-item__left {
  padding-left: 20px;
  width: 31.4%;
}
.demo-item__img {
  width: 68px;
  height: 22px;
}
.demo-item__price {
  display: flex;
  justify-content: center;
  width: 37.5%;
  border-right: 1px solid #DCDCDC;
  border-left: 1px solid #DCDCDC;
}
.demo-item__price-container {
  display: flex;
  gap: 24px;
}
.demo-item__price_field {
  display: flex;
}
.demo-item__percent {
  display: flex;
  justify-content: center;
  width: 31.1%;
}
.demo-item__percent-container {
  display: flex;
  gap: 4px;
  align-items: center;
}
.demo-item__percent_input {
  width: 211px;
  height: 21px;
}

@media (max-width: 767px) {
  .center {
    width: 288px;
  }
  .main-center {
    width: 320px;
  }
  .main-center-mobile {
    margin: 0 auto;
    width: 288px;
  }
  .md-icon-18 {
    height: 18px;
    width: 18px;
  }
  .md-text-body8-reg {
    font-family: Roboto;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
  }
  .md-text-body10-reg {
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
  }
  .md-text-body10-bold {
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .md-text-body12-reg-mobile {
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
  }
  .md-text-body12-regul {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
  }
  .md-text-body12-bold {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 16.8px */
  }
  .md-text-body-input {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .md-text-body14-med {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
  }
  .md-text-body14-bold {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
  }
  .md-text-button14 {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
  }
  .md-text-body14-bold-mobile {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
  }
  .md-text-body16-med {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
  }
  .md-text-h20-reg {
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
  }
  .md-text-h20-med {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 140% */
  }
  .md-text-h20-bold {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .is-label-invalid {
    color: #F00 !important;
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
  }
  .footer {
    padding: 32px 0 14px 0;
    border-top: 1px solid #DCDCDC;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
  .footer__info {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 32px;
  }
  .footer__info_social {
    align-items: center;
  }
  .footer__info_contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .footer__info_bottom {
    gap: 16px;
  }
  .footer__info_protected {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
  }
  .footer__info_docs {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex-direction: column-reverse;
  }
  .footer__info_docs_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
  }
  .footer__info_docs_link {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
  }
}
@media (max-width: 767px) {
  .header {
    padding: 16px 0 16px 0;
  }
  .header__logo_desc {
    width: 146px;
  }
  .header__contacts {
    display: none;
  }
  .header__contacts_tel {
    align-items: flex-start;
  }
  .aboutus {
    gap: 16px;
    padding-bottom: 0;
    border-bottom: none;
  }
  .aboutus__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .aboutus__content_left {
    width: 100%;
    gap: 12px;
  }
  .aboutus__content_right {
    width: 100%;
    gap: 12px;
  }
  .aboutus__content_img-container {
    height: 140px;
  }
  .map {
    margin-top: 33px;
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
    padding-bottom: 52px;
  }
  .map__container {
    width: 100%;
    height: 170px;
  }
  .map__content {
    gap: 12px;
  }
  .map__content_address {
    margin-top: 4px;
    gap: 8px;
  }
  .map__content_schedule {
    flex-direction: row;
    gap: 12px;
  }
  .map__content_schedule_days {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .map__content_schedule_time {
    display: flex;
    gap: 8px;
  }
  .map__content_download {
    display: none;
  }
  .seo {
    display: none;
  }
  .main {
    margin: 24px 0 32px 0;
    background-image: none;
    background: #F5F5F5;
    border-radius: 8px;
    padding: 24px 16px;
    gap: 16px;
    height: auto;
  }
  .main__text {
    max-width: 206px;
  }
  .main__form {
    width: 100%;
  }
  .main__inputs_captcha {
    width: 84px;
  }
  .main__buttons_button {
    width: 100%;
    height: 40px;
  }
  .recovery_main {
    margin: 24px 0 32px 0;
    background-image: none;
    background: #F5F5F5;
    border-radius: 8px;
    padding: 42px 16px 51px 16px;
    gap: 16px;
    height: auto;
  }
  .recovery_main__texts {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 280px;
  }
  .recovery_main__form {
    width: 100%;
    gap: 12px;
  }
  .recovery_main__form_captcha {
    width: 198px;
    height: 49px;
  }
  .recovery_email {
    width: 288px;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .recovery_email__controls {
    width: 100%;
    gap: 16px;
  }
  .recovery_email__buttons {
    width: 100%;
    gap: 8px;
  }
  .recovery_email__buttons_button {
    width: 50%;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    height: 40px;
    padding: 6px 6px;
  }
  .recovery_help {
    width: 288px;
    border-radius: 10px;
    padding: 24px 16px;
    gap: 16px;
  }
  .recovery_help__cross {
    display: block;
  }
  .recovery_help__text {
    gap: 16px;
  }
  .recovery_help__inputs {
    display: flex;
    gap: 8px;
  }
  .recovery_help__inputs_input {
    width: 100%;
    height: 35px;
  }
  .recovery_help__inputs_textarea {
    height: 90px;
  }
  .recovery_help__buttons {
    margin-top: 8px;
  }
  .recovery_help__buttons_button {
    width: 100%;
  }
  .recovery_close-button {
    display: none;
  }
  .new-recovery {
    padding: 32px 16px;
  }
  .registration {
    margin-top: 24px;
    margin-bottom: 52px;
    padding: 20px 16px 24px 16px;
    gap: 22px;
  }
  .registration__content {
    display: flex;
    flex-direction: column;
    justify-content: left;
    gap: 24px;
  }
  .registration__info {
    gap: 12px;
    width: 100%;
  }
  .registration__info_fields {
    gap: 8px;
  }
  .registration__info_fields .nice-select {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
  }
  .registration__info_fields .nice-select:after {
    top: 8.5px;
    right: 10px;
  }
  .registration__info_fields .nice-select .current {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
  }
  .registration__info_fields .nice-select li {
    padding-left: 10px !important;
  }
  .registration__info_input {
    height: 35px;
    padding: 8px 10px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
  }
  .registration__info_file-container {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    justify-content: left;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    position: relative;
  }
  .registration__info_file {
    width: 256px;
    height: 36px;
    padding: 9.5px 16px;
  }
  .registration__info_textarea {
    height: 90px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 14.4px */
    padding: 10px;
  }
  .registration__info_captcha {
    margin-top: 5px;
    margin-bottom: 8px;
    width: 198px;
    height: 49px;
  }
  .registration__info__submit {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .registration_info-right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .main-header__menu {
    display: block;
  }
  .main-header__nav {
    width: 320px;
    height: 52px;
    padding: 14px 16px;
    border-radius: 8px;
  }
  .main-header__links {
    width: 320px;
    position: absolute;
    top: 44px;
    left: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
    background-color: #F15B00;
    z-index: 3;
    padding: 0;
    height: 0;
    opacity: 0;
    border-radius: 0px 0px 8px 8px;
    transition: all 0.3s;
    pointer-events: none;
  }
  .main-header__links-active {
    padding: 20px 16px;
    height: auto;
    opacity: 1;
    pointer-events: auto;
  }
  .main-header__menu-items {
    display: flex;
    flex-direction: column;
    gap: 0px;
    position: relative;
  }
  .main-header__menu-items_links {
    position: static;
    z-index: 0;
    min-width: 185px;
    width: max-content;
    padding: 0px;
    border-radius: none;
    background: #F15B00;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    transition: all 0.3s;
    opacity: 0;
    height: 0;
    pointer-events: none;
  }
  .main-header__menu-items_links-active {
    opacity: 1;
    height: auto;
    pointer-events: auto;
    padding-top: 12px;
  }
  .main-header__menu-items_links_link {
    display: inline-block;
    text-transform: none;
    transition: all 0.2s;
  }
  .main-header__control {
    flex-direction: column;
    padding: 12px 0px;
    gap: 12px;
  }
  .main-header__slider {
    width: 320px;
  }
  .main-header__slider-items {
    display: flex;
    overflow: hidden;
    width: 292px;
  }
  .main-header__slider-container {
    min-height: 67px;
    max-height: 67px;
    width: 292px;
    padding: 8px;
  }
  .main-header__slider_content-container {
    padding: 0px;
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .info-main {
    gap: 4px;
  }
  .info-main__news {
    display: flex;
    flex-direction: column;
  }
  .info-main__news_item {
    padding: 12px 0 12px 0;
    flex-direction: column;
    gap: 8px;
    height: auto;
  }
  .info-main__news-page {
    gap: 24px;
    min-height: 20vh;
  }
  .info-main__news-page_item {
    max-width: 100%;
    gap: 16px;
  }
  .requisites-main {
    margin-top: 24px;
    margin-bottom: 52px;
  }
  .requisites-main__container {
    margin-top: 16px;
    gap: 24px;
  }
  .requisites-main__info {
    padding-bottom: 24px;
    gap: 11px;
  }
  .requisites-main__info_item {
    width: 224px;
    justify-content: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .requisites-main__info_item-left {
    width: 100%;
  }
  .requisites-main__info_item-right {
    width: 100%;
  }
  .requisites-main__payment {
    gap: 16px;
  }
  .requisites-main__payment_title {
    flex-direction: column;
  }
  .requisites-main__payment__container {
    gap: 10px;
    padding-left: 0px;
  }
  .estimate-main {
    gap: 24px;
    margin-top: 24px;
  }
  .estimate-main__form {
    gap: 24px;
    padding-bottom: 0px;
  }
  .estimate-main__form_item {
    gap: 12px;
  }
  .estimate-main__form__rating {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .estimate-main__form__rating_stars_label {
    max-width: 24px;
    max-height: 24px;
  }
  .estimate-main__form__rating_stars_svg {
    width: 24px;
    height: 24px;
  }
  .estimate-main__form__rating_stars_svg path {
    width: 24px;
    height: 24px;
  }
  .estimate-main__form_textarea {
    margin-top: 0px;
    width: 100%;
    height: 120px;
    font-size: 12px;
  }
  .estimate-main__form_button {
    width: 100%;
  }
  .estimate-main__estimation {
    padding-top: 24px;
    margin-bottom: 52px;
    gap: 16px;
  }
  .estimate-main__estimation__container {
    gap: 12px;
  }
  .estimate-main__estimation__item {
    align-items: flex-start;
    flex-direction: column;
    height: auto;
  }
  .estimate-main__estimation__rating {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 0px;
    min-width: 100%;
    border-right: none;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 16px;
  }
  .estimate-main__estimation__rating_star {
    width: 24px;
    height: 24px;
  }
  .estimate-main__estimation__rating_star path {
    width: 24px;
    height: 24px;
  }
  .estimate-main__estimation__comment {
    padding-top: 16px;
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .useful-main {
    margin-top: 24px;
    gap: 16px;
    min-height: 20vh;
    margin-bottom: 115px;
    width: max-content;
  }
  .useful-main__docs {
    padding-bottom: 12px;
  }
  .useful-main__docs_mobile {
    max-width: 288px;
    overflow-y: hidden;
    overflow-x: scroll;
    /* для Chrome/Edge/Safari */
  }
  .useful-main__docs_mobile {
    scrollbar-width: thin;
    scrollbar-color: #757575 #F5F5F5;
  }
  .useful-main__docs_mobile::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  .useful-main__docs_mobile::-webkit-scrollbar-track {
    background: #F5F5F5;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .useful-main__docs_mobile::-webkit-scrollbar-thumb {
    background-color: #757575;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .useful-main__docs_header {
    padding-left: 12px;
    padding-right: 0px;
    align-items: flex-end;
  }
  .useful-main__docs_header_left {
    min-width: max-content;
    margin-right: 112px;
  }
  .useful-main__docs_header_right {
    display: flex;
    align-items: flex-end;
    gap: 23px;
  }
  .useful-main__docs_header_right div {
    max-width: 98px;
  }
  .useful-main__docs_header div {
    text-align: center;
  }
  .useful-main__docs__document, .useful-main__guide {
    padding: 8px 12px;
    display: flex;
  }
  .useful-main__docs__document-container {
    display: flex;
    flex-direction: column;
    width: max-content;
  }
  .useful-main__docs__document_left {
    padding-right: 24px;
    max-width: 163px;
    min-width: 0px;
  }
  .useful-main__docs__document_center, .useful-main__guide_center {
    min-width: 90px;
  }
  .useful-main__docs__document_right {
    min-width: 90px;
    align-items: center;
    padding-left: 12px;
  }
  .useful-main__guide {
    min-width: max-content;
  }
  .useful-main__guide-container {
    padding-bottom: 12px;
  }
  .useful-main__guide-container_mobile {
    max-width: 288px;
    overflow-y: hidden;
    overflow-x: scroll;
    /* для Chrome/Edge/Safari */
  }
  .useful-main__guide-container_mobile {
    scrollbar-width: thin;
    scrollbar-color: #757575 #F5F5F5;
  }
  .useful-main__guide-container_mobile::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  .useful-main__guide-container_mobile::-webkit-scrollbar-track {
    background: #F5F5F5;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .useful-main__guide-container_mobile::-webkit-scrollbar-thumb {
    background-color: #757575;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .useful-main__guide_left {
    min-width: 100px;
  }
  .useful-main__guide_center {
    min-width: 116px;
  }
  .useful-main__guide_right {
    display: flex;
    justify-content: flex-end;
    margin-right: -12px;
  }
}
@media (max-width: 767px) {
  .personal-main, .personal-storage, .personal-alerts {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 20vh;
  }
  .personal-main__form {
    gap: 24px;
  }
  .personal-main__user-id {
    max-width: 100%;
    gap: 8px;
  }
  .personal-main__user-id_texts {
    width: 100%;
    display: flex;
    gap: 4px;
  }
  .personal-main__user-id_texts-client {
    display: flex;
  }
  .personal-main__user-id_texts div {
    color: #333;
  }
  .personal-main__user-id_texts-left {
    width: 142px;
  }
  .personal-main__user-id_texts-column {
    gap: 8px;
  }
  .personal-main__data {
    padding-top: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
  .personal-main__data-left {
    width: 100%;
    padding-right: 0px;
    border-right: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .personal-main__data-left_item {
    display: flex;
    gap: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .personal-main__data-left_item_input {
    width: 100%;
  }
  .personal-main__data-left_item_text {
    max-width: 100%;
  }
  .personal-main__data-right {
    width: 100%;
    padding-left: 0px;
    gap: 24px;
  }
  .personal-main__data-right__buttons {
    flex-direction: column;
    gap: 12px;
  }
  .personal-main__data-right__buttons_button {
    width: 100%;
  }
  .personal-main__data-right__inputs {
    gap: 8px;
  }
  .personal-main__data-right__inputs-container {
    gap: 4px;
    align-items: center;
  }
  .personal-main__data-right__inputs_input-add {
    width: 112px;
  }
  .personal-main__data-right__inputs_input-number {
    width: 140px;
  }
  .storage-item {
    border-bottom: 1px solid #DCDCDC;
    background: #F5F5F5;
    padding-top: 2px;
    padding-left: 2px;
    display: flex;
    align-items: center;
  }
  .storage-item__left {
    display: flex;
    gap: 52px;
    align-items: center;
    width: 16%;
  }
  .storage-item__img {
    width: 68px;
    height: 22px;
  }
  .storage-item__city {
    display: flex;
    justify-content: center;
    width: 61.7%;
    border-right: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
  }
  .storage-item__city_name {
    position: relative;
  }
  .storage-item__city_name-prime {
    color: #F15B00;
  }
  .storage-item__city_name-prime:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background-image: url(/assets/images/warning-city.svg);
    left: 27px;
    bottom: 2px;
  }
  .storage-item__day {
    display: flex;
    justify-content: center;
    width: 22.3%;
  }
  .personal-alerts__form {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .personal-alerts__form_added {
    padding-top: 24px;
    margin-bottom: 52px;
  }
  .personal-alerts__form_added_buttons {
    flex-direction: column;
  }
  .personal-alerts__send {
    gap: 4px;
  }
  .personal-alerts__send-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .personal-alerts__send_input {
    height: 32px;
    width: 100%;
  }
  .personal-alerts__send_button {
    width: 100%;
    height: 36px;
  }
  .personal-alerts__setting {
    justify-content: left;
    flex-direction: column;
    gap: 24px;
  }
  .personal-alerts__setting_items {
    width: 100%;
  }
  .personal-storage__storages {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .personal-storage__storages_header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 84px;
    padding-right: 0px;
    text-transform: none;
  }
  .personal-storage__storages_header div:nth-child(2) {
    text-align: center;
    max-width: 77px;
    margin-left: 51px;
  }
  .personal-storage__storages_header div:last-child {
    text-align: center;
    max-width: 59px;
  }
  .storage-item__left {
    gap: 19px;
    width: 118px;
  }
  .storage-item__left_city {
    width: 62px;
    padding: 4px 8px;
  }
  .storage-item__city {
    width: 120px;
  }
  .storage-item__day {
    width: 50px;
  }
  .personal-storage__storage {
    width: 288px;
    gap: 16px;
    padding: 16px;
  }
  .personal-storage__storage_splide {
    margin-bottom: 0px;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
  }
  .personal-storage__storage_img-container {
    width: 256px;
    max-height: 220px;
  }
  .personal-storage__storage_close {
    position: absolute;
    top: 12px;
    right: 12px;
  }
  .personal-storage__storage__contact {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .personal-storage__storage__contact_address_data {
    gap: 10px;
  }
  .personal-storage__storage__map_container {
    width: 256px;
    height: 173px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .personal-storage__storage__payment {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .personal-storage__storage__payment-container {
    flex-direction: column;
    gap: 12px;
  }
  .personal-storage__storage__payment_item {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .personal-storage__storage__payment_item_img {
    width: 24px;
    height: 24px;
  }
  .personal-complaint {
    gap: 16px;
    min-height: 20vh;
  }
  .personal-complaint__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 24px;
    padding-bottom: 0px;
    gap: 12px;
  }
  .personal-complaint__header_button {
    height: 32px;
    width: 100%;
  }
  .personal-complaint__content {
    gap: 24px;
    padding-top: 0px;
    border-top: none;
  }
  .personal-complaint__status {
    padding: 20px;
  }
  .personal-complaint__status-container {
    flex-direction: column;
    gap: 12px;
  }
  .personal-complaint__status_name {
    flex-direction: column;
    gap: 8px;
  }
  .personal-complaint__status_name-column {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .personal-complaint__bottom {
    justify-content: left;
    flex-direction: column;
    gap: 16px;
  }
  .personal-complaint__date {
    display: flex;
    gap: 0px;
  }
  .personal-complaint__date div:first-child {
    display: none;
  }
  .personal-complaint__date_dates {
    position: relative;
    display: flex;
    gap: 8px;
  }
  .personal-complaint__date_dates input {
    width: 120px;
  }
  .personal-complaint__buttons {
    display: flex;
    gap: 8px;
  }
  .personal-complaint__buttons_button {
    width: 120px;
    height: 36px;
  }
  .personal-complaint__application {
    padding-bottom: 12px;
  }
  .personal-complaint__application_mobile {
    max-width: 288px;
    overflow-y: hidden;
    overflow-x: scroll;
    /* для Chrome/Edge/Safari */
  }
  .personal-complaint__application_mobile {
    scrollbar-width: thin;
    scrollbar-color: #757575 #F5F5F5;
  }
  .personal-complaint__application_mobile::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  .personal-complaint__application_mobile::-webkit-scrollbar-track {
    background: #F5F5F5;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .personal-complaint__application_mobile::-webkit-scrollbar-thumb {
    background-color: #757575;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .personal-complaint__application_header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 13px;
    padding-right: 30px;
  }
  .personal-complaint__application_header_number {
    margin-left: 119px;
  }
  .personal-complaint__application_header_order {
    margin-left: 56px;
    margin-right: 112px;
  }
  .personal-complaint__application_content {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .application {
    min-width: max-content;
    padding: 8px 20px 8px 12px;
    padding-right: 20px;
    gap: 44px;
  }
  .application__left-container {
    width: 210px;
  }
  .application__right-container {
    width: 350px;
  }
  .application__status {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .application__status div:first-child {
    width: 180px;
  }
  .application__status_items {
    gap: 10px;
  }
  .personal-new_complaint {
    min-height: 20vh;
    margin-bottom: 52px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 100%;
  }
  .personal-new_complaint__title {
    display: none;
  }
  .personal-new_complaint__data {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .personal-new_complaint__data_number {
    gap: 8px;
    width: 100%;
    height: 68px;
    padding: 8px 32px;
    border: 1px solid #CBCBCB;
  }
  .personal-new_complaint__data_details {
    display: flex;
    padding: 0px 0px 24px 0px;
    gap: 7px;
    border-left: none;
    width: 100%;
  }
  .personal-new_complaint__data_details-container {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
  }
  .personal-new_complaint__application {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .personal-new_complaint__application .orders-main__orders__header_mobile {
    align-items: center;
    margin-left: -16px;
    height: 104px;
    min-width: 320px !important;
    padding-bottom: 16px;
    border-bottom: 1px solid #CBCBCB;
    border-top: 1px solid #CBCBCB;
  }
  .personal-new_complaint__product {
    gap: 16px;
  }
  .personal-new_complaint__product__content {
    gap: 24px;
  }
  .personal-new_complaint__product__content_button {
    width: 140px;
  }
  .personal-new_complaint__product__fields {
    padding-bottom: 12px;
  }
  .personal-new_complaint__product__fields_header-left {
    gap: 80px;
  }
  .personal-new_complaint__product__fields-container {
    max-width: 288px;
    overflow: auto;
    /* для Chrome/Edge/Safari */
  }
  .personal-new_complaint__product__fields-container {
    scrollbar-width: thin;
    scrollbar-color: #757575 #F5F5F5;
  }
  .personal-new_complaint__product__fields-container::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  .personal-new_complaint__product__fields-container::-webkit-scrollbar-track {
    background: #F5F5F5;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .personal-new_complaint__product__fields-container::-webkit-scrollbar-thumb {
    background-color: #757575;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .personal-new_complaint__declare, .personal-new_complaint__auto {
    width: 100%;
  }
  .personal-new_complaint__declare__item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
  }
  .personal-new_complaint__declare__item_text {
    min-width: max-content;
  }
  .personal-new_complaint__declare__item_input-number {
    width: 100%;
  }
  .personal-new_complaint__declare__item_input-date {
    width: 100%;
  }
  .personal-new_complaint__declare__item_number {
    gap: 12px;
  }
  .personal-new_complaint__photo {
    gap: 16px;
  }
  .personal-new_complaint__photo_file {
    width: 100%;
    padding-left: 99px;
  }
  .personal-new_complaint__photo_svg {
    left: 71px;
  }
  .personal-new_complaint__photo_button {
    width: 100%;
    height: 38px;
  }
  .personal-new_complaint__photo_button-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
  }
  .personal-new_complaint__photo_items {
    max-width: 100%;
    max-height: 160px;
  }
  .personal-new_complaint__photo_items-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-wrap: wrap;
  }
  .personal-new_complaint__photo_items-container:empty {
    display: none;
  }
  .personal-new_complaint__auto-position {
    margin-top: 15px;
    gap: 16px;
  }
  .personal-new_complaint__auto-position__title {
    width: 100%;
    text-align: center;
  }
  .personal-new_complaint__auto-position-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .personal-new_complaint__auto-position_main {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid #DCDCDC;
  }
  .personal-new_complaint__auto-position_main_column-block, .personal-new_complaint__auto-position_main_column-block-right {
    gap: 20px;
  }
  .personal-new_complaint__auto-position_main_column-block_container {
    gap: 24px;
  }
  .personal-new_complaint__auto-position_main_column-block-right {
    align-items: flex-start;
  }
  .personal-new_complaint__auto-position_main_axle {
    padding-top: 23px;
    width: 156px;
    gap: 58px;
  }
  .personal-new_complaint__auto-position_item-block, .personal-new_complaint__auto-position_item-block-hint {
    min-width: 24px;
  }
  .personal-new_complaint__auto-position_hint {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .personal-new_complaint__auto-position_hint div:last-child {
    width: 100px;
  }
  .personal-new_complaint__auto-position_hint_item {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .personal-new_complaint__choice-auto {
    width: 288px;
    padding: 20px;
    gap: 20px;
  }
  .personal-new_complaint__choice-auto_img {
    top: 12px;
    right: 12px;
  }
  .personal-new_complaint__choice-auto_selects {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .personal-new_complaint__choice-auto_selects_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .personal-new_complaint__choice-auto_input {
    width: 100%;
  }
  .personal-new_complaint__choice-auto_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    gap: 6px;
  }
  .personal-new_complaint__choice-auto_bottom_button {
    width: 100%;
    height: 38px;
  }
}
@media (max-width: 767px) {
  .orders-main {
    margin-top: 24px;
    margin-bottom: 52px;
    gap: 0;
    min-height: 20vh;
  }
  .orders-main__search {
    gap: 12px;
    padding-bottom: 24px;
  }
  .orders-main__search-advanced_button {
    width: 100%;
    height: 32px;
    padding: 6px 12px;
  }
  .orders-main__search-advanced_img {
    top: 8px;
    height: 16px;
    width: 16px;
  }
  .orders-main__search-advanced_params {
    gap: 20px;
  }
  .orders-main__search-advanced_params-active {
    margin-top: 8px;
    padding: 20px;
  }
  .orders-main__search-advanced_params-container {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .orders-main__search-advanced_params__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .orders-main__search-advanced_params__item-container {
    flex-direction: column;
    gap: 16px;
  }
  .orders-main__search-advanced_params_button {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .orders-main__search-fields {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 12px;
  }
  .orders-main__search-fields-left {
    gap: 8px;
  }
  .orders-main__search-fields_input {
    width: 140px;
    height: 36px;
  }
  .orders-main__search-fields-right {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 12px;
    padding-right: 0;
  }
  .orders-main__search-fields_input-number {
    height: 38px;
    width: 94px;
    border-radius: 4px;
    line-height: 140%; /* 19.6px */
  }
  .orders-main__search-fields_date {
    padding: 2px 12px 2px 12px;
    width: 140px !important;
    height: 36px;
  }
  .orders-main__search-fields_date_dates {
    display: flex;
    gap: 8px;
  }
  .orders-main__search-fields_show {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
  }
  .orders-main__search-fields_button {
    width: 140px;
  }
  .orders-main__orders {
    height: 100%;
    gap: 16px;
  }
  .orders-main__orders__content_header-left {
    gap: 22px;
  }
  .orders-main__orders__content_header-center {
    gap: 88px;
  }
  .orders-main__orders__content_header-right {
    gap: 62px;
  }
  .orders-main__orders__content_header-container {
    gap: 70px;
  }
  .orders-main__orders__header {
    display: none;
  }
  .orders-main__orders__header_mobile {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: max-content;
  }
  .orders-main__orders__header_mobile-left {
    display: flex;
    gap: 8px;
  }
  .orders-main__orders__content {
    margin-top: 12px;
    padding-bottom: 12px;
    width: max-content;
  }
  .orders-main__orders__content_mobile {
    max-width: 288px;
    overflow-y: hidden;
    overflow-x: scroll;
    /* для Chrome/Edge/Safari */
  }
  .orders-main__orders__content_mobile {
    scrollbar-width: thin;
    scrollbar-color: #757575 #F5F5F5;
  }
  .orders-main__orders__content_mobile::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  .orders-main__orders__content_mobile::-webkit-scrollbar-track {
    background: #F5F5F5;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .orders-main__orders__content_mobile::-webkit-scrollbar-thumb {
    background-color: #757575;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .orders-main__confirmations_block {
    width: 288px;
    padding: 24px 20px;
    gap: 16px;
  }
  .orders-main__confirmations_title {
    text-align: center;
    max-width: 272px;
  }
  .orders-main__confirmations_buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .orders-main__confirmations_buttons_button {
    height: 38px;
    width: 100%;
  }
  .orders-main__confirmations_buttons_button-close {
    width: 100%;
    height: 38px;
  }
  .orders-card {
    width: calc(100% + 20px);
  }
  .orders-card__container {
    gap: 40px;
  }
  .orders-card__date {
    max-width: 75px;
    text-align: center;
  }
  .status-button {
    width: 180px;
  }
  .orders-making-history {
    gap: 16px;
    min-height: 20vh;
    margin-bottom: 89px;
  }
  .orders-making-history__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .orders-making-history__header {
    display: flex;
    width: 100%;
  }
  .orders-making-history__header_status {
    width: 78px;
  }
  .history-item__date {
    padding-left: 12px;
    width: 122px;
  }
  .history-item__status {
    width: 76px;
  }
  .history-item__author {
    width: 90px;
    padding-left: 32px;
    justify-content: flex-start;
  }
  .orders-making {
    width: 100%;
  }
  .orders-making__number {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 100%;
  }
  .orders-making__number_number {
    display: flex;
    width: 100%;
    height: 68px;
    padding: 8px 32px;
    gap: 8px;
  }
  .orders-making__number_date {
    width: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-right: none;
    border-left: none;
  }
  .orders-making__number_date-container {
    display: flex;
    gap: 4px;
  }
  .orders-making__number_result {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }
  .orders-making__number_result-bottom {
    flex-direction: column;
    gap: 16px;
  }
  .orders-making__number_result-container {
    display: flex;
    gap: 4px;
  }
  .orders-making__number_result_button {
    margin-left: 148px;
    margin-top: 0;
    width: 140px;
    height: 29px;
    padding: 6px 12px;
  }
  .orders-making__info {
    width: 100%;
    gap: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .orders-making__info_data {
    width: 100%;
  }
  .orders-making__info_data_texts {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .orders-making__info_data_top {
    display: flex;
    justify-content: space-between;
    gap: 2px;
    width: 100%;
  }
  .orders-making__info_data_view {
    min-width: 92px;
  }
  .orders-making__info_data_view-container {
    display: flex;
    width: 100%;
    gap: 2px;
    align-items: flex-end;
  }
  .orders-making__info_data_input {
    width: 100%;
  }
  .orders-making__info_field {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .orders-making__order, .orders-making__comment, .orders-making__history {
    width: 100%;
    gap: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .orders-making__order_content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 12px;
    width: max-content;
  }
  .orders-making__order_content_mobile {
    max-width: 288px;
    overflow-y: hidden;
    overflow-x: scroll;
    /* для Chrome/Edge/Safari */
  }
  .orders-making__order_content_mobile {
    scrollbar-width: thin;
    scrollbar-color: #757575 #F5F5F5;
  }
  .orders-making__order_content_mobile::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  .orders-making__order_content_mobile::-webkit-scrollbar-track {
    background: #F5F5F5;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .orders-making__order_content_mobile::-webkit-scrollbar-thumb {
    background-color: #757575;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .orders-making__order_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    row-gap: 12px;
    width: 100%;
  }
  .orders-making__order_buttons-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .orders-making__order_buttons_button {
    padding: 6px 10px;
    width: 100%;
  }
  .orders-making__order_buttons_button-add {
    width: 140px;
  }
  .orders-making__order_buttons_button-save {
    width: 140px;
  }
  .orders-making__order_buttons_button-send {
    margin-left: 0;
    width: 100%;
    height: 34px;
  }
  .orders-making__comment {
    flex-direction: column;
    padding-bottom: 32px;
    gap: 16px;
  }
  .orders-making__comment_content {
    gap: 24px;
  }
  .orders-making__comment_form {
    width: 100%;
  }
  .orders-making__comment_form_textarea {
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 700;
  }
  .orders-making__comment_form_textarea-container {
    height: 150px;
  }
  .orders-making__comment-container {
    gap: 12px;
  }
  .orders-making__comment_info {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .orders-making__comment_info-container {
    flex-direction: column;
    gap: 8px;
  }
  .orders-making__comment_info-author {
    width: 100%;
  }
  .orders-making__comment_info_text {
    padding: 8px 12px;
  }
  .orders-making__history {
    padding-top: 24px;
    gap: 16px;
  }
  .orders-making__history_button {
    margin-top: -4px;
    width: 212px;
  }
}
@media (max-width: 767px) {
  .demo-header__links {
    background: #333;
    color: #FFF;
  }
  .demo-header__links_link {
    color: #FFF;
  }
  .demo-header__links_link:hover {
    color: #F15B00;
  }
  .demo-header__links_link:active, .demo-header__links_link.nice-select.open {
    color: #F15B00;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom: 2px solid #F15B00;
  }
  .demo-main {
    gap: 16px;
    min-height: 20vh;
  }
  .demo-main__form {
    display: flex;
    flex-direction: column;
    gap: 16.5px;
  }
  .demo-main__items_header {
    padding-left: 12px;
    padding-right: 8px;
    text-transform: none;
    align-items: flex-end;
  }
  .demo-main__items_header-right {
    gap: 53px;
    align-items: flex-end;
  }
  .demo-main__items_header-right div:last-child {
    width: 58px;
  }
  .demo-main__enter {
    display: flex;
    justify-content: left;
    flex-direction: column;
    gap: 16.5px;
  }
  .demo-main__enter_button {
    width: 100%;
    height: 34px;
  }
  .demo-main__enter_link {
    width: 100%;
    height: 100%;
  }
  .demo-item {
    padding-top: 12px;
    padding-bottom: 12px;
    height: 68px;
  }
  .demo-item__left {
    padding-left: 12px;
    width: 74px;
  }
  .demo-item__img {
    width: 68px;
    height: 22px;
  }
  .demo-item__price {
    display: flex;
    justify-content: center;
    width: 140px;
  }
  .demo-item__price-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .demo-item__percent {
    padding-right: 8px;
    width: 74px;
  }
  .demo-item__percent-container {
    gap: 0px;
  }
  .demo-item__percent_input {
    width: 58px;
    height: 22px;
    padding: 6px;
  }
  .demo-item__percent * div {
    display: none;
  }
}
@media (max-width: 767px) {
  .search-main {
    min-height: max-content;
    margin-top: 24px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    gap: 0px;
    border: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
  }
  .search-main__control-panel {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-right: none;
    background: #FFF;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid #DCDCDC;
  }
  .search-main__control-panel-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%;
  }
  .search-main__control-panel-container:first-child a:first-child {
    border-radius: 8px 0px 0px 0px;
  }
  .search-main__control-panel-container:first-child a:last-child {
    border-radius: 0px 8px 0px 0px;
  }
  .search-main__control-panel_item {
    padding: 9px 20px;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 139px;
    height: 42px;
    border-bottom: none;
  }
  .search-main__control-panel_item-active {
    background: #F15B00;
  }
  .search-main__control-panel_item-active svg {
    fill: #FFF;
  }
  .search-main__control-panel_item-active div {
    color: #FFF !important;
  }
  .search-main__control-panel_img {
    max-width: 24px;
    max-height: 24px;
    transition: all 0.15s;
  }
  .search-main__control-panel_img:hover {
    fill: #333;
  }
  .search-main__control-panel_text {
    max-width: 65px;
  }
  .search-main__control-panel_scroll {
    display: none;
  }
  .sensors-block {
    height: 42px;
  }
  .options {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .options__head {
    margin-top: 0px;
    width: 100%;
    border-bottom: 1px solid #DCDCDC;
    min-height: 108px;
    height: auto;
    margin-left: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 16px 22px;
    gap: 16px;
    row-gap: 12px;
    background: #F5F5F5;
  }
  .specifications {
    display: flex;
    flex-direction: column;
    justify-content: left;
    padding-top: 24px;
    height: max-content;
    padding-right: 16px;
    padding-left: 16px;
  }
  .specifications__params, .specifications__advanced-params {
    width: 256px;
    min-height: max-content;
    padding-bottom: 24px;
    padding-left: 0px;
  }
  .specifications__advanced-params {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    gap: 24px;
  }
  .specifications__advanced-params__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .specifications__additional-params {
    width: 100%;
    padding: 0px 0px 24px 0px;
  }
  .specifications__additional-params-container {
    padding-top: 0px;
    padding-left: 0px;
    padding-top: 16px;
    gap: 12px;
  }
  .specifications__additional-params__info {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications__additional-params__info-container {
    justify-content: space-between;
    gap: 8px;
  }
  .specifications__additional-params__info-container div:first-child {
    max-width: 64px;
  }
  .specifications__additional-params__info_input {
    width: 182px;
    height: 28px;
  }
  .specifications__additional-params__info_select {
    width: 182px;
    height: 28px;
    padding: 4px 4px 4px 12px;
  }
  .specifications__additional-params__info_select::after {
    bottom: 4px;
  }
  .specifications__search {
    min-width: 286px;
    margin-left: -16px;
    padding: 16px 16px 15px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    border-bottom-left-radius: 6px;
  }
  .specifications__search_container {
    width: 100%;
  }
  .specifications__search_container_without-filter {
    display: none;
  }
  .specifications__search__fast-search {
    display: none;
  }
  .specifications__search__advanced-input {
    min-width: 100% !important;
    height: 34px;
    background-position: right 39.5px bottom 11px;
  }
  .specifications__search__control-buttons {
    width: 100%;
    flex-direction: row-reverse;
  }
  .specifications__search__control-buttons button {
    width: 120px;
  }
  .auto-card {
    min-width: max-content;
    width: 70px;
    height: 32px;
    padding: 2px 2px;
    border-radius: 6px;
    display: flex;
    gap: 0px;
    justify-content: center;
    align-items: center;
    background: #FFF;
    cursor: pointer;
    border: 1px solid #848991;
  }
  .auto-card__svg {
    width: auto;
    height: 16px;
    fill: #848991;
  }
  .auto-card-active {
    background: #FFF;
    border: 1px solid #F15B00;
    color: #F15B00;
  }
  .auto-card-active svg {
    fill: #F15B00;
  }
  .auto-card div {
    display: none;
  }
  .auto-card-fasteners {
    width: 243px;
    height: 32px;
  }
  .auto-card-fasteners svg {
    display: none;
  }
  .auto-card-fasteners div {
    display: block;
  }
  .auto-selection {
    width: 100%;
    gap: 12px;
  }
  .auto-selection__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .auto-selection .nice-select {
    width: 100% !important;
    height: 27px !important;
    padding: 4px 4px 4px 12px !important;
    line-height: 19px !important;
  }
  .auto-selection .nice-select::after {
    top: 4.5px;
    right: 4px;
  }
  .auto-selection-chooseBrand, .auto-selection-chooseModel {
    width: 100%;
  }
  .auto-selection-chooseModification {
    width: 100%;
  }
  .auto-selection-chooseYear {
    width: 100%;
  }
  .search-selection__header {
    height: 32px;
  }
  .search-selection__content {
    gap: 82px;
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .search-selection__content-show {
    padding: 18px 16px 16px 16px;
  }
  .search-selection__content_column {
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .search-selection__content-season {
    gap: 82px;
    row-gap: 8px;
  }
  .search-selection-range__inputs {
    width: 224px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  .search-selection-range__inputs-container {
    width: 100%;
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: space-between;
  }
  .search-selection-range__inputs_input {
    width: 199px;
  }
  .specifications-tires {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-tires__left {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-tires__right {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-tires__right_top {
    width: 100%;
    display: flex;
    justify-content: left;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-tires-camera {
    width: 100%;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-tires-camera__top {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: left;
  }
  .specifications-tires-camera__top_left {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-tires-camera__bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .search-mobile-mixin {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
  }
  .search-mobile-mixin input {
    width: 100%;
    height: 28px;
    padding: 4px 4px 4px 12px;
  }
  .search-mobile-mixin .nice-select {
    width: 100% !important;
    height: 28px !important;
    padding: 4px 4px 4px 12px !important;
  }
  .search-mobile-mixin .nice-select::after {
    top: 4.5px;
    right: 4px;
  }
  .tires-size__input {
    width: 121px;
  }
  .specifications-rims {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-rims__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-rims__fasteners {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-rims__cae {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .rims-size {
    display: none;
  }
  .rims-size-mobile {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .rims-size-mobile_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    row-gap: 8px;
  }
  .rims-size-mobile_input {
    width: 75px !important;
  }
  .rims-size-mobile_input_bottom {
    width: 100%;
  }
  .specifications-sensors {
    width: 100%;
    margin-top: 0px;
    gap: 24px;
  }
  .specifications-sensors__inputs {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-sensors__container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-sensors__field {
    width: 100%;
    justify-content: space-between;
  }
  .specifications-sensors__field-cae {
    gap: 4px;
    width: 100%;
  }
  .specifications-sensors__manufacturer-code__input {
    width: 100% !important;
  }
  .specifications-sensors__selection {
    gap: 12px;
  }
  .specifications-battery {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0px;
    margin-bottom: 12px;
  }
  .specifications-battery__container, .specifications-battery__container-right {
    flex-direction: column;
    display: flex;
    gap: 12px;
    width: 100%;
  }
  .specifications-battery__container-right {
    width: 100%;
  }
  .specifications-battery__container-height {
    display: flex;
    align-items: flex-end;
    width: 100%;
  }
  .specifications-battery__manufacturer {
    width: 100%;
  }
  .specifications-battery__cae {
    width: 100%;
    gap: 4px;
  }
  .battery-interval {
    align-items: flex-start;
    display: flex;
    width: 100%;
  }
  .battery-interval__container {
    display: flex;
    gap: 8px;
  }
  .battery-interval .nice-select {
    width: 124px !important;
    height: 28px !important;
    padding: 4px 4px 4px 12px !important;
  }
  .battery-interval .nice-select::after {
    top: 4.5px;
    right: 4px;
  }
  .battery-polarity {
    width: 256px;
  }
  .specifications-consumables {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-consumables__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .specifications-consumables__container-243 {
    width: 100%;
  }
  .specifications-consumables__container-199 {
    width: 100%;
  }
  .specifications-consumables__container-179 {
    width: 100%;
  }
  .specifications-oils, .specifications-oils__bottom {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-oils__top {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-oils__top_container, .specifications-oils__top_container-185, .specifications-oils__top_container-236, .specifications-oils__top_container-241, .specifications-oils__top_container-163 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-oils__top_container-185 {
    width: 100%;
  }
  .specifications-oils__top_container-236 {
    width: 100%;
  }
  .specifications-oils__top_container-241 {
    width: 100%;
  }
  .specifications-oils__top_container-163 {
    width: 100%;
  }
  .specifications-oils__cae {
    width: 100%;
  }
  .specifications-oils__select {
    width: 100% !important;
  }
  .specifications-services {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-services__container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-services__container_bottom {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-services__cae {
    width: 100%;
    gap: 4px;
  }
  .specifications-services__name {
    width: 100%;
  }
  .specifications-services__manufacturer {
    width: 100%;
  }
  .search__error-container {
    width: 100%;
    border-radius: 8px;
    padding: 12px;
    display: flex;
    align-items: center;
    background: var(--red-10, rgba(255, 0, 0, 0.1));
    color: #F00;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.6px */
    margin-bottom: 12px;
  }
  .search__error-container:empty {
    display: none;
  }
  .search__products {
    margin-top: 13px;
    margin-bottom: 52px;
  }
  .search__products-container {
    flex-direction: column;
    gap: 24px;
  }
  .search__result {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .search__result-container {
    width: 712px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .search__result-container_mobile {
    max-width: 288px;
    overflow-y: hidden;
    overflow-x: scroll;
    /* для Chrome/Edge/Safari */
  }
  .search__result-container_mobile {
    scrollbar-width: thin;
    scrollbar-color: #757575 #F5F5F5;
  }
  .search__result-container_mobile::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  .search__result-container_mobile::-webkit-scrollbar-track {
    background: #F5F5F5;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .search__result-container_mobile::-webkit-scrollbar-thumb {
    background-color: #757575;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .search__result_footer {
    margin-top: 16px;
  }
  .search__result_footer_pages {
    margin-top: 32px;
  }
  .search__result_footer_button {
    margin-top: 70px;
  }
  .search__order {
    width: 100%;
    gap: 8px;
  }
  .search__order_content {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .search__order_product {
    margin-top: 4px;
  }
  .search__order_product_header {
    padding-right: 22px;
  }
  .search__order_product_header-left {
    display: flex;
    gap: 22px;
  }
  .search__order_product_header-right {
    display: flex;
    gap: 10px;
  }
  .search__order_control_buttons {
    flex-direction: column;
  }
  .search__order_control_buttons_button {
    width: 100%;
  }
  .search-product-card__product__desc {
    width: 167px;
  }
  .search-product-card-full__photo {
    max-width: 100px;
    max-height: 150px;
  }
  .search-product-card-full__photo-container {
    width: 100%;
    height: 170px;
  }
  .search-order-card {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .search-order-card-left {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .search-order-card__cae_hint {
    display: none;
  }
  .search-order-card__desc {
    max-width: 82px;
  }
  .search-order-card__price {
    display: flex;
    justify-content: center;
  }
  .search-order-card__input-field {
    gap: 4px;
  }
  .order-card-delete {
    width: 288px;
    padding: 24px 8px;
    gap: 16px;
  }
  .order-card-delete__buttons {
    display: flex;
    flex-direction: column-reverse;
    width: 248px;
    gap: 12px;
  }
  .order-card-delete__buttons_button-close {
    width: 100%;
    height: 38px;
  }
  .order-card-delete__buttons_button-prime {
    width: 100%;
    height: 38px;
  }
}
@media (min-width: 768px) and (max-width: 1210px) {
  .main-center {
    width: 750px;
  }
  .main-header__menu {
    display: block;
  }
  .main-header__nav {
    width: 100%;
  }
  .main-header__links {
    width: 320px;
    position: absolute;
    top: 44px;
    left: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 16px;
    background-color: #F15B00;
    z-index: 3;
    padding: 0;
    height: 0;
    opacity: 0;
    border-radius: 0px 0px 8px 8px;
    transition: all 0.3s;
    pointer-events: none;
  }
  .main-header__links-active {
    padding: 20px 16px;
    height: auto;
    opacity: 1;
    pointer-events: auto;
  }
  .main-header__menu-items {
    display: flex;
    flex-direction: column;
    gap: 0px;
    position: relative;
  }
  .main-header__menu-items_links {
    position: static;
    z-index: 0;
    min-width: 185px;
    width: max-content;
    padding: 0px;
    border-radius: none;
    background: #F15B00;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    transition: all 0.3s;
    opacity: 0;
    height: 0;
    pointer-events: none;
  }
  .main-header__menu-items_links-active {
    opacity: 1;
    height: auto;
    pointer-events: auto;
    padding-top: 12px;
  }
  .main-header__menu-items_links_link {
    display: inline-block;
    text-transform: none;
    transition: all 0.2s;
  }
  .main-header__control {
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 0px;
    gap: 12px;
  }
  .main-header__slider {
    width: 750px;
  }
  .main-header__slider-items {
    width: 728px;
  }
  .main-header__slider-container {
    margin-left: 6px;
    width: 716px;
  }
  .estimate-main__form_textarea {
    width: 100%;
  }
  .useful-main {
    gap: 16px;
  }
  .useful-main__docs_header {
    align-items: flex-end;
  }
  .useful-main__docs_header_left {
    min-width: 401px;
  }
  .useful-main__docs_header_right {
    gap: 98px;
    align-items: flex-end;
  }
  .useful-main__docs_header_right div {
    text-align: center;
  }
  .useful-main_left {
    min-width: 231px;
  }
  .demo-main__items_header {
    padding-right: 78px;
  }
  .demo-main__items_header-right {
    gap: 120px;
  }
  .demo-item__left {
    width: 29%;
  }
  .demo-item__price {
    width: 36%;
  }
  .demo-item__percent {
    display: flex;
    justify-content: center;
    width: 31.1%;
    padding-left: 20px;
  }
  .demo-header__links {
    background: #333;
    color: #FFF;
  }
  .demo-header__links_link {
    color: #FFF;
  }
  .demo-header__links_link:hover {
    color: #F15B00;
  }
  .demo-header__links_link:active, .demo-header__links_link.nice-select.open {
    color: #F15B00;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom: 2px solid #F15B00;
  }
}
@media (min-width: 768px) and (max-width: 1210px) {
  .center {
    width: 750px;
  }
  .main-center {
    width: 750px;
  }
  .header {
    gap: 16px;
  }
  .header__contacts {
    gap: 8px;
  }
  .header__contacts_left {
    gap: 8px;
  }
  .header__contacts_tel {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .header__contacts_address {
    display: flex;
    align-items: center;
    gap: 2px;
  }
  .header__contacts_address_img {
    width: 24px;
    height: 24px;
  }
  .header__contacts_right {
    gap: 4px;
  }
  .aboutus__content_left {
    width: 64%;
  }
  .aboutus__content_right {
    width: 33.3%;
  }
  .map__container {
    height: 416.6px;
  }
  .seo {
    margin-top: 100px;
  }
  .main {
    background-size: cover;
    height: auto;
  }
  .recovery_main {
    background-size: cover;
    height: auto;
  }
  .registration__content {
    gap: 34px;
  }
  .registration__info_file-container {
    width: 100%;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    gap: 6px;
  }
  .registration__info_file {
    width: 318px;
  }
}
@media (min-width: 768px) and (max-width: 1210px) {
  .search-main {
    min-height: max-content;
    margin-top: 24px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    gap: 0px;
    border: 1px solid #848991;
    border-bottom: 1px solid #848991;
  }
  .search-main__control-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border-right: none;
    background: #FFF;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid #DCDCDC;
  }
  .search-main__control-panel-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 8px;
    width: 100%;
  }
  .search-main__control-panel_item {
    padding: 9px 20px;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 139px;
    height: 42px;
    border-bottom: none;
  }
  .search-main__control-panel_item-active {
    background: #F15B00;
  }
  .search-main__control-panel_item-active svg {
    fill: #FFF;
  }
  .search-main__control-panel_item-active div {
    color: #FFF !important;
  }
  .search-main__control-panel_img {
    max-width: 24px;
    max-height: 24px;
    transition: all 0.15s;
  }
  .search-main__control-panel_img:hover {
    fill: #333;
  }
  .search-main__control-panel_text {
    max-width: 65px;
  }
  .search-main__control-panel_scroll {
    display: none;
  }
  .sensors-block {
    height: 42px;
  }
  .options {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .options__head {
    margin-top: 0px;
    width: 100%;
    border-bottom: 1px solid #DCDCDC;
    min-height: 108px;
    height: auto;
    margin-left: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 16px 22px;
    gap: 16px;
    row-gap: 12px;
    background: #F5F5F5;
  }
  .specifications {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    padding-top: 24px;
    height: max-content;
    padding-right: 16px;
    padding-left: 16px;
  }
  .specifications__params, .specifications__advanced-params {
    width: 256px;
    min-height: max-content;
    padding-bottom: 24px;
    padding-left: 0px;
  }
  .specifications__advanced-params {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    gap: 24px;
  }
  .specifications__advanced-params__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .specifications__additional-params {
    width: 100%;
    padding: 0px 0px 24px 0px;
  }
  .specifications__additional-params-container {
    align-items: center;
    padding-top: 0px;
    padding-left: 0px;
    padding-top: 16px;
    gap: 12px;
  }
  .specifications__additional-params__info {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications__additional-params__info-container {
    justify-content: space-between;
    gap: 8px;
  }
  .specifications__additional-params__info-container div:first-child {
    max-width: 64px;
  }
  .specifications__additional-params__info_input {
    width: 182px;
    height: 28px;
  }
  .specifications__additional-params__info_select {
    width: 182px;
    height: 28px;
    padding: 4px 4px 4px 12px;
  }
  .specifications__additional-params__info_select::after {
    bottom: 4px;
  }
  .specifications__search {
    width: 748px;
    padding: 16px 16px 15px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    border-bottom-left-radius: 6px;
  }
  .specifications__search__fast-search {
    display: none;
  }
  .specifications__search__advanced-input {
    width: 256px !important;
    height: 34px;
    background-position: right 39.5px bottom 11px;
  }
  .specifications__search__control-buttons {
    justify-content: center;
    width: 100%;
  }
  .specifications__search__control-buttons button {
    width: 120px;
  }
  .auto-card {
    min-width: max-content;
    width: 70px;
    height: 32px;
    padding: 2px 2px;
    border-radius: 6px;
    display: flex;
    gap: 0px;
    justify-content: center;
    align-items: center;
    background: #FFF;
    cursor: pointer;
    border: 1px solid #848991;
  }
  .auto-card__svg {
    width: auto;
    height: 16px;
    fill: #848991;
  }
  .auto-card-active {
    background: #FFF;
    border: 1px solid #F15B00;
    color: #F15B00;
  }
  .auto-card-active svg {
    fill: #F15B00;
  }
  .auto-card div {
    display: none;
  }
  .auto-card-fasteners {
    width: 243px;
    height: 32px;
  }
  .auto-card-fasteners svg {
    display: none;
  }
  .auto-card-fasteners div {
    display: block;
  }
  .auto-selection {
    width: 100%;
    gap: 12px;
  }
  .auto-selection__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .auto-selection .nice-select {
    width: 100% !important;
    height: 28px !important;
    padding: 4px 4px 4px 12px !important;
  }
  .auto-selection .nice-select::after {
    top: 4.5px;
    right: 4px;
  }
  .auto-selection-chooseBrand, .auto-selection-chooseModel {
    width: 100%;
  }
  .auto-selection-chooseModification {
    width: 100%;
  }
  .auto-selection-chooseYear {
    width: 100%;
  }
  .search-selection__content {
    gap: 82px;
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .search-selection__content_column {
    flex-wrap: wrap;
    row-gap: 8px;
  }
  .search-selection__content-season {
    gap: 82px;
    row-gap: 8px;
  }
  .search-selection-range__inputs {
    width: 224px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  .search-selection-range__inputs-container {
    width: 100%;
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: space-between;
  }
  .search-selection-range__inputs_input {
    width: 199px;
  }
  .specifications-tires {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-tires__left {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-tires__right {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-tires__right_top {
    width: 100%;
    display: flex;
    justify-content: left;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-tires-camera {
    width: 100%;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-tires-camera__top {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: left;
  }
  .specifications-tires-camera__top_left {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-tires-camera__bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .search-mobile-mixin {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
  }
  .search-mobile-mixin input {
    width: 100%;
    height: 28px;
    padding: 4px 4px 4px 12px;
  }
  .search-mobile-mixin .nice-select {
    width: 100% !important;
    height: 28px !important;
    padding: 4px 4px 4px 12px !important;
  }
  .search-mobile-mixin .nice-select::after {
    top: 4.5px;
    right: 4px;
  }
  .tires-size__input {
    width: 121px;
  }
  .specifications-rims {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-rims__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-rims__fasteners {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-rims__cae {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .rims-size {
    display: none;
  }
  .rims-size-mobile {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .rims-size-mobile_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    row-gap: 8px;
  }
  .rims-size-mobile_input {
    width: 75px !important;
  }
  .rims-size-mobile_input_bottom {
    width: 100%;
  }
  .specifications-sensors {
    width: 100%;
    margin-top: 0px;
    gap: 24px;
  }
  .specifications-sensors__inputs {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-sensors__container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-sensors__field {
    width: 100%;
    justify-content: space-between;
  }
  .specifications-sensors__field-cae {
    gap: 4px;
    width: 100%;
  }
  .specifications-sensors__manufacturer-code__input {
    width: 100% !important;
  }
  .specifications-sensors__selection {
    gap: 12px;
  }
  .specifications-battery {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0px;
    margin-bottom: 12px;
  }
  .specifications-battery__container, .specifications-battery__container-right {
    flex-direction: column;
    display: flex;
    gap: 12px;
    width: 100%;
  }
  .specifications-battery__container-right {
    width: 100%;
  }
  .specifications-battery__container-height {
    display: flex;
    align-items: flex-end;
    width: 100%;
  }
  .specifications-battery__manufacturer {
    width: 100%;
  }
  .specifications-battery__cae {
    width: 100%;
    gap: 4px;
  }
  .battery-interval {
    align-items: flex-start;
    display: flex;
    width: 100%;
  }
  .battery-interval__container {
    display: flex;
    gap: 8px;
  }
  .battery-interval .nice-select {
    width: 124px !important;
    height: 28px !important;
    padding: 4px 4px 4px 12px !important;
  }
  .battery-interval .nice-select::after {
    top: 4.5px;
    right: 4px;
  }
  .battery-polarity {
    width: 256px;
  }
  .specifications-consumables {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-consumables__container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .specifications-consumables__container-243 {
    width: 100%;
  }
  .specifications-consumables__container-199 {
    width: 100%;
  }
  .specifications-consumables__container-179 {
    width: 100%;
  }
  .specifications-oils, .specifications-oils__bottom {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-oils__top {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-oils__top_container, .specifications-oils__top_container-185, .specifications-oils__top_container-236, .specifications-oils__top_container-241, .specifications-oils__top_container-163 {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .specifications-oils__top_container-185 {
    width: 100%;
  }
  .specifications-oils__top_container-236 {
    width: 100%;
  }
  .specifications-oils__top_container-241 {
    width: 100%;
  }
  .specifications-oils__top_container-163 {
    width: 100%;
  }
  .specifications-oils__cae {
    width: 100%;
  }
  .specifications-oils__select {
    width: 100% !important;
  }
  .specifications-services {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-services__container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-services__container_bottom {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .specifications-services__cae {
    width: 100%;
    gap: 4px;
  }
  .specifications-services__name {
    width: 100%;
  }
  .specifications-services__manufacturer {
    width: 100%;
  }
  .search__products {
    margin-top: 13px;
    margin-bottom: 52px;
  }
  .search__products-container {
    flex-direction: column;
    gap: 24px;
  }
  .search__result {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .search__result_header {
    justify-content: flex-start;
  }
  .search__result-container {
    width: 750px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .search__result_container-right__params {
    gap: 22px;
  }
  .search__result_footer {
    margin-top: 16px;
  }
  .search__order {
    width: 100%;
  }
  .search-product-card__product__desc {
    width: 167px;
  }
  .search-product-card__params-container {
    width: 327px;
  }
  .search-order-card-left {
    margin-right: 277px;
  }
}
@media (min-width: 768px) and (max-width: 1210px) {
  .orders-main {
    margin-top: 24px;
    margin-bottom: 52px;
    min-height: 20vh;
  }
  .orders-main__search {
    gap: 16px;
    padding-bottom: 24px;
  }
  .orders-main__search-fields {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .orders-main__search-fields-left {
    gap: 8px;
  }
  .orders-main__search-fields_input {
    width: 140px;
    height: 36px;
  }
  .orders-main__search-fields-right {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 12px;
  }
  .orders-main__search-fields_input-number {
    height: 38px;
    width: 90px;
    border-radius: 4px;
    line-height: 140%; /* 19.6px */
  }
  .orders-main__search-fields_date {
    padding: 2px 12px 2px 12px;
    width: 140px !important;
    height: 36px;
  }
  .orders-main__search-fields_date_dates {
    display: flex;
    gap: 8px;
  }
  .orders-main__search-fields_show {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
  }
  .orders-main__search-fields_button {
    width: 140px;
  }
  .orders-main__orders {
    height: 100%;
    gap: 16px;
  }
  .orders-main__orders__content {
    margin-top: 12px;
    padding-bottom: 12px;
    width: max-content;
  }
  .orders-main__orders__content_mobile {
    max-width: 750px;
    overflow-y: hidden;
    overflow-x: scroll;
    /* для Chrome/Edge/Safari */
  }
  .orders-main__orders__content_mobile {
    scrollbar-width: thin;
    scrollbar-color: #757575 #F5F5F5;
  }
  .orders-main__orders__content_mobile::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  .orders-main__orders__content_mobile::-webkit-scrollbar-track {
    background: #F5F5F5;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .orders-main__orders__content_mobile::-webkit-scrollbar-thumb {
    background-color: #757575;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .orders-card {
    width: calc(100% + 20px);
  }
  .orders-making {
    width: 100%;
  }
  .orders-making__number {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 100%;
  }
  .orders-making__number_number {
    display: flex;
    width: 100%;
    height: 90px;
    padding: 16px 32px;
    gap: 8px;
  }
  .orders-making__number_date {
    width: 100%;
    padding: 0px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-right: none;
    border-left: none;
  }
  .orders-making__number_date-container {
    display: flex;
    gap: 4px;
  }
  .orders-making__number_result {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }
  .orders-making__number_result-container {
    display: flex;
    gap: 4px;
  }
  .orders-making__number_result_button {
    margin-top: 0px;
    width: 180px;
    height: 34px;
    padding: 6px 12px;
  }
  .orders-making__info {
    width: 100%;
    gap: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .orders-making__info_data {
    width: 100%;
  }
  .orders-making__info_data_texts {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .orders-making__info_data_top {
    display: flex;
    justify-content: space-between;
    gap: 2px;
    width: 100%;
  }
  .orders-making__info_data_view {
    min-width: 92px;
  }
  .orders-making__info_data_view-container {
    display: flex;
    width: 100%;
    gap: 2px;
    align-items: flex-end;
  }
  .orders-making__info_data_input {
    width: 100%;
  }
  .orders-making__info_field {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .orders-making__order, .orders-making__comment, .orders-making__history {
    width: 100%;
    gap: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .orders-making__order_content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 12px;
    width: max-content;
  }
  .orders-making__order_content_mobile {
    max-width: 750px;
    overflow-y: hidden;
    overflow-x: scroll;
    /* для Chrome/Edge/Safari */
  }
  .orders-making__order_content_mobile {
    scrollbar-width: thin;
    scrollbar-color: #757575 #F5F5F5;
  }
  .orders-making__order_content_mobile::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  .orders-making__order_content_mobile::-webkit-scrollbar-track {
    background: #F5F5F5;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .orders-making__order_content_mobile::-webkit-scrollbar-thumb {
    background-color: #757575;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .orders-making__order_buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    row-gap: 12px;
    width: 100%;
  }
  .orders-making__order_buttons-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .orders-making__order_buttons_button {
    padding: 6px 10px;
    width: 100%;
    gap: 20px;
  }
  .orders-making__order_buttons_button-add {
    width: 365px;
  }
  .orders-making__order_buttons_button-save {
    width: 365px;
  }
  .orders-making__order_buttons_button-send {
    margin-left: 0;
    width: 100%;
    height: 34px;
  }
  .orders-making__comment {
    flex-direction: column;
    padding-bottom: 32px;
    gap: 16px;
  }
  .orders-making__comment_content {
    gap: 24px;
  }
  .orders-making__comment_form {
    width: 100%;
  }
  .orders-making__comment_form_textarea {
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 700;
  }
  .orders-making__comment_form_textarea-container {
    height: 150px;
  }
  .orders-making__comment-container {
    gap: 12px;
  }
  .orders-making__comment_info {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .orders-making__comment_info-container {
    flex-direction: column;
    gap: 8px;
  }
  .orders-making__comment_info-author {
    width: 100%;
  }
  .orders-making__comment_info_text {
    padding: 8px 12px;
  }
  .orders-making__history {
    padding-top: 24px;
    gap: 16px;
  }
  .orders-making__history_button {
    margin-top: -4px;
    width: 212px;
  }
}
@media (min-width: 768px) and (max-width: 1210px) {
  .personal-main__form {
    gap: 24px;
  }
  .personal-main__user-id {
    max-width: 100%;
    gap: 8px;
  }
  .personal-main__user-id_texts {
    width: 100%;
    display: flex;
    gap: 4px;
  }
  .personal-main__user-id_texts div {
    color: #333;
  }
  .personal-main__user-id_texts-left {
    width: 142px;
  }
  .personal-main__data {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }
  .personal-main__data-left {
    width: 100%;
    padding-right: 0px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .personal-main__data-left_item {
    display: flex;
    gap: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .personal-main__data-left_item_input {
    width: 100%;
  }
  .personal-main__data-left_item_text {
    max-width: 100%;
  }
  .personal-main__data-right {
    width: 100%;
    padding-left: 0px;
    gap: 24px;
  }
  .personal-main__data-right__buttons {
    flex-direction: column;
    gap: 12px;
  }
  .personal-main__data-right__buttons_button {
    width: 100%;
  }
  .personal-alerts__form {
    display: flex;
    flex-direction: column;
  }
  .personal-alerts__form_added {
    padding-top: 32px;
  }
  .personal-alerts__form_added_buttons {
    flex-direction: column;
  }
  .personal-alerts__send-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .personal-alerts__send_input {
    width: 100%;
  }
  .personal-alerts__send_button {
    width: 100%;
  }
  .personal-alerts__setting {
    justify-content: left;
    flex-direction: column;
    gap: 24px;
  }
  .personal-alerts__setting_items {
    width: 100%;
  }
  .application__left-container {
    width: 218px;
  }
  .application__right-container {
    width: 360px;
  }
  .personal-new_complaint__product__fields {
    padding-bottom: 12px;
  }
  .personal-new_complaint__product__fields-container {
    max-width: 750px;
    overflow-y: hidden;
    overflow-x: scroll;
    /* для Chrome/Edge/Safari */
  }
  .personal-new_complaint__product__fields-container {
    scrollbar-width: thin;
    scrollbar-color: #757575 #F5F5F5;
  }
  .personal-new_complaint__product__fields-container::-webkit-scrollbar {
    height: 4px;
    width: 4px;
  }
  .personal-new_complaint__product__fields-container::-webkit-scrollbar-track {
    background: #F5F5F5;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .personal-new_complaint__product__fields-container::-webkit-scrollbar-thumb {
    background-color: #757575;
    height: 4px;
    border-radius: 4px;
    width: 4px;
  }
  .personal-new_complaint__auto-position-container {
    gap: 60px;
  }
}