* {
  padding: 0px;
  margin: 0px;
  border: 0px;
  box-sizing: border-box;
}
:active,
:hover,
:focus {
  outline: 0;
  outline-offset: 0;
}
p,
a,
span,
label,
textarea,
input,
li,
div,
h1,
h2,
h3,
h4,
h5,
h6,
button {
  font-family: 'Roboto';
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
button:hover {
  cursor: pointer;
}
.text-red {
  color: #ff4343 !important;
}
div [class*='-BaseToolTop'] > div {
  box-shadow: 0px 6px 20px rgba(10, 18, 62, 0.15);
}

.green-semi {
  color: #00be65;
  font-weight: 500;
}
.blue-semi {
  color: #2e7cf6;
  font-weight: 500;
}
.red-semi {
  color: #ff4343;
  font-weight: 500;
}
.basic-semi {
  color: #0a123e;
  font-weight: 500;
}
.table {
  overflow-x: auto;
  width: 100%;
  margin-bottom: 30px;
  color: #0a123e;
  border-collapse: collapse;
  text-align: left;
  white-space: nowrap;
}
.table__heading {
  background-color: #f7f7f9;
  overflow: hidden;
}
.table__heading th {
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}
.table__heading th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.table__heading th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.table__heading th img {
  margin-left: 10px;
}
.table__row {
  border-bottom: 1px solid #f5f6f7;
}
.table__row:hover {
  background-color: rgba(208, 208, 208, 0.2);
}
.table__col {
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(10, 18, 62, 0.7);
}
.table__col--success {
  color: #00be65;
}
.block-with-shadow {
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 12px;
}
.button {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.button.lightgreen {
  color: #00be65;
  background: rgba(0, 190, 101, 0.1);
}
.button.lightgreen > i {
  border-color: #00be65;
}
.button.lightgreen:hover {
  color: white;
  background: #00be65;
}
.button.lightgreen:hover > i {
  border-color: white;
}
.button.green {
  background: #00be65;
  color: white;
}
.button.green > i {
  border-color: white;
}
.button.green:hover {
  color: #00be65;
  background: rgba(0, 190, 101, 0.1);
}
.button.green:hover > i {
  border-color: #00be65;
}
.button.lightorange {
  background: rgba(252, 110, 32, 0.1);
  color: #fc6e20;
}
.button.lightorange > i {
  border-color: #fc6e20;
}
.button.lightorange:hover {
  color: white;
  background: #fc6e20;
}
.button.lightorange:hover > i {
  border-color: white;
}
.button.orange {
  background: #fc6e20;
  color: white;
}
.button.orange > i {
  border-color: white;
}
.button.orange:hover {
  background: rgba(252, 110, 32, 0.1);
  color: #fc6e20;
}
.button.orange:hover > i {
  border-color: #fc6e20;
}
.button.lightred {
  background: rgba(255, 67, 67, 0.1);
  color: #ff4343;
}
.button.lightred > i {
  border-color: #ff4343;
}
.button.lightred:hover {
  background: #ff4343;
  color: white;
}
.button.lightred:hover > i {
  border-color: white;
}
.button.red {
  background: #ff4343;
  color: white;
}
.button.red > * {
  border-color: white;
}
.button.red:hover {
  background: rgba(255, 67, 67, 0.1);
  color: #ff4343;
}
.button.red:hover > * {
  border-color: #ff4343;
}
.button.black {
  background: #0a123e;
  color: white;
}
.button.black > * {
  border-color: white;
}
.button.lightblack {
  color: #0a123e;
  border: 1px solid #0a123e;
  background: white;
}
.button.lightblack > * {
  border-color: white;
}
.scroll-y::-webkit-scrollbar {
  width: 2px;
}
.scroll-y::-webkit-scrollbar-track {
  background: rgba(10, 18, 62, 0.2);
}
.scroll-y::-webkit-scrollbar-thumb {
  background: #0a123e;
}
.scroll-x::-webkit-scrollbar {
  height: 2px;
}
.scroll-x::-webkit-scrollbar-track {
  background: rgba(10, 18, 62, 0.2);
}
.scroll-x::-webkit-scrollbar-thumb {
  background: #0a123e;
}
.scroll-y-green::-webkit-scrollbar {
  width: 2px;
}
.scroll-y-green::-webkit-scrollbar-track {
  background: rgba(0, 190, 101, 0.2);
}
.scroll-y-green::-webkit-scrollbar-thumb {
  background: #00be65;
}
.scroll-x-green::-webkit-scrollbar {
  height: 2px;
}
.scroll-x-green::-webkit-scrollbar-track {
  background: rgba(0, 190, 101, 0.2);
}
.scroll-x-green::-webkit-scrollbar-thumb {
  background: #00be65;
}

.buttonBack___1mlaL,
.buttonFirst___2rhFr,
.buttonLast___2yuh0,
.buttonNext___2mOCa,
.buttonNext___3Lm3s,
.dot___3c3SI {
  cursor: pointer;
}
.image___xtQGH {
  display: block;
  width: 100%;
  height: 100%;
}
.spinner___27VUp {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  animation-name: spin___S3UuE;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border: 4px solid #a9a9a9;
  border-top-color: #000;
  border-radius: 30px;
}
@keyframes spin___S3UuE {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.container___2O72F {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.overlay___IV4qY {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  cursor: zoom-in;
  transition: opacity 0.3s, transform 0.3s;
}
.hover___MYy31,
.loading___1pvNI,
.zoom___3kqYk {
  opacity: 1;
}
.imageLoadingSpinnerContainer___3UIPD {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f4f4f4;
}
.slide___3-Nqo {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 0;
  margin: 0;
  list-style-type: none;
}
.slide___3-Nqo:focus {
  outline: none !important;
}
.slideHorizontal___1NzNV {
  float: left;
}
[dir='rtl'] .slideHorizontal___1NzNV {
  direction: rtl;
  transform: scaleX(-1);
}
.slideInner___2mfX9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.focusRing___1airF {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  pointer-events: none;
  outline-width: 5px;
  outline-style: solid;
  outline-color: Highlight;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  .focusRing___1airF {
    outline-style: auto;
    outline-color: -webkit-focus-ring-color;
  }
}
.horizontalSlider___281Ls {
  position: relative;
  overflow: hidden;
}
[dir='rtl'] .horizontalSlider___281Ls {
  direction: ltr;
  transform: scaleX(-1);
}
.horizontalSliderTray___1L-0W {
  overflow: hidden;
  width: 100%;
}
.verticalSlider___34ZFD {
  position: relative;
  overflow: hidden;
}
.verticalSliderTray___267D8 {
  overflow: hidden;
}
.verticalTray___12Key {
  float: left;
}
.verticalSlideTrayWrap___2nO7o {
  overflow: hidden;
}
.sliderTray___-vHFQ {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sliderAnimation___300FY {
  transition: transform 0.5s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: transform;
}
.masterSpinnerContainer___1Z6hB {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f4f4f4;
}


#about-wrapper {
  padding: 25px 25px 100px;
}
.description {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  color: #0a123e;
  font-size: 20px;
}
.description .bold {
  font-size: 22px;
  font-weight: 500;
}
.description .green-text {
  color: #00be65;
}
@media (max-width: 1000px) {
  .common-description,
  .goal-description {
    min-width: unset !important;
    width: 100% !important;
  }
}
.common-description {
  flex: 1;
  min-width: 500px;
  padding: 30px 40px;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  margin-right: 22px;
  margin-bottom: 60px;
}
.goal-description {
  flex: 1;
  min-width: 500px;
  padding: 30px 40px;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  margin-bottom: 60px;
}
.goal-description ul {
  margin: 0;
  list-style-type: none;
}
.goal-description ul > li {
  text-indent: -5px;
  margin-bottom: 18px;
}
.goal-description ul > li:before {
  content: '- ';
  color: #00be65;
  text-indent: -5px;
}
.goal-description ul > li:last-of-type {
  margin-bottom: 0;
}
.about-image {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  background: #00be65;
  border-radius: 26px;
  overflow: hidden;
}
.about-image__text {
  flex: 1;
  color: white;
  padding: 90px;
}
.about-image__logo {
  height: 52px;
  margin-bottom: 65px;
}
.about-image__logo-icon {
  height: 100%;
  margin-left: -25px;
  margin-right: -15px;
}
.about-image__logo-text {
  height: 100%;
  filter: brightness(0) invert(1);
}
.about-image__desc {
  font-size: 30px;
}
.about-image__phone {
  flex: 1;
  width: 50%;
  height: 100%;
}
.about-image__phone img {
  position: relative;
  right: 400px;
  height: 100%;
  width: 100%;
  object-fit: contain;
  transform: scale(1.8);
}
@media (max-width: 1000px) {
  .about-image__phone {
    display: none;
  }
}
@media (max-width: 320px) {
  .about-image__text {
    padding: 33px 11px;
  }
  .about-image__text .about-image__logo {
    height: 46px;
  }
  .about-image__text .about-image__desc {
    font-size: 23px;
  }
}

#faq-wrapper {
  padding: 25px 25px 100px;
}
.faq-block {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 500px) {
  .faq-block {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.faq-block__column {
  flex: 1;
  min-width: 500px;
}
.faq-block__column:first-of-type {
  margin-right: 20px;
}
@media (max-width: 500px) {
  .faq-block__column {
    min-width: auto;
    width: 100%;
  }
  .faq-block__column:first-of-type {
    margin-right: 0;
  }
}
.faq-item {
  padding: 30px;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  margin-bottom: 22px;
  transition: all 0.3s ease;
}
@media (max-width: 500px) {
  .faq-item {
    padding: 15px 10px;
    margin-bottom: 10px;
  }
}
.faq-item__head {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 22px;
  font-weight: 500;
  color: #0a123e;
  transition: all 0.3s ease;
}
@media (max-width: 500px) {
  .faq-item__head {
    font-size: 14px;
  }
}
.faq-item__body {
  font-size: 16px;
  font-weight: normal;
  color: #0a123e;
  overflow: hidden;
  height: 0;
  opacity: 0.1;
  transition: all 0.3s ease;
}
@media (max-width: 500px) {
  .faq-item__body {
    font-size: 12px;
  }
}
.faq-item__body_active {
  opacity: 0.7;
  margin-top: 15px;
  height: auto;
}
.faq-item__status {
  flex-shrink: 0;
  color: white;
  width: 50px;
  height: 50px;
  border: 0;
  font-size: 1.5em;
  position: relative;
  transition: all 0.3s ease;
}
.faq-item__status > span {
  position: absolute;
  transition: 300ms;
  background: #00be65;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.faq-item__status > span:first-child {
  top: 25%;
  bottom: 25%;
  width: 10%;
  left: 45%;
}
.faq-item__status > span:last-child {
  left: 25%;
  right: 25%;
  height: 10%;
  top: 45%;
}
.faq-item__status_active > span {
  background: #fc6e20;
  transform: rotate(90deg);
}
.faq-item__status_active > span:last-child {
  left: 50%;
  right: 50%;
}

.news-element {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 10px;
  width: 33.333%;
}
.news-element > span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(252, 110, 32, 0) 0%, #fc6e20 138.63%);
}
.news-element:hover {
  cursor: pointer;
}
.news-element:hover:before {
  top: -40px;
}
.news-element:hover .news-element__info {
  bottom: 20px;
}
.news-element:hover .news-element__info-more:before {
  animation: info-more-anim 1.4s infinite linear;
}
.news-element > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-element:before {
  content: '';
  border-radius: 12px;
  position: absolute;
  width: 100%;
  height: 120%;
  top: 500px;
  left: 0;
  transition: all 1s ease;
  background: linear-gradient(180deg, rgba(252, 110, 32, 0) 0%, #fc6e20 100%);
}
.news-element__info {
  position: absolute;
  left: 0;
  bottom: -20px;
  transition: all 1s ease;
}
.news-element__title {
  font-size: 24px;
  font-weight: 500;
  padding: 20px;
  color: white;
}
@media (max-width: 600px) {
  .news-element__title {
    font-size: 16px;
  }
}
.news-element__info-more {
  font-size: 18px;
  font-weight: 500;
  padding: 20px;
  color: white;
  position: relative;
}
@media (max-width: 600px) {
  .news-element__info-more {
    font-size: 12px;
  }
}
.news-element__info-more:before {
  content: '';
  position: absolute;
  right: -4px;
  top: 27px;
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
}
@media (max-width: 600px) {
  .news-element__info-more:before {
    top: 24px;
    border-width: 0 2px 2px 0;
  }
}
@keyframes info-more-anim {
  0% {
    transform: translate3d(0, -5%, 0) rotate(-45deg);
  }
  50% {
    transform: translate3d(5px, 5%, 0) rotate(-45deg);
  }
}

#news-wrapper {
  padding: 25px 25px 100px;
}
.news-block {
  display: flex;
  flex-wrap: wrap;
}
.main-news {
  min-width: 700px;
  flex: 5;
  padding: 18px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  background-color: white;
  margin-right: 22px;
  margin-bottom: 30px;
}
@media (max-width: 701px) {
  .main-news {
    width: 100%;
    min-width: unset;
  }
}
.main-news__img {
  width: 100%;
  object-fit: contain;
}
.main-news__title {
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
  color: #0a123e;
  margin-top: 15px;
}
.main-news__author {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.main-news__author > div {
  display: flex;
  align-items: center;
  background: #00be65;
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}
.main-news__creator {
  margin-right: 12px;
}
.main-news__creator > p {
  margin-left: 12px;
}
.main-news__creator > img {
  width: 10px;
  height: 10px;
  object-fit: contain;
  transform: scale(2);
}
.main-news__description {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.025em;
  color: rgba(10, 18, 62, 0.7);
}
.main-news__social-links {
  display: flex;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(10, 18, 62, 0.1);
}
.main-news__social {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  width: 32px;
  height: 32px;
  padding: 7px;
  margin-right: 10px;
}
.main-news__social img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.main-news__social:hover {
  border: 1px solid rgba(10, 18, 62, 0.1);
}
.news-list {
  min-width: 300px;
  flex: 2;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  background-color: white;
}
@media (max-width: 701px) {
  .news-list {
    width: 100%;
    min-width: unset;
  }
}
.news-list__title {
  font-size: 24px;
  font-weight: bold;
  color: #0a123e;
  margin-bottom: 18px;
}

.product-slider {
  display: flex;
  justify-content: space-between;
  margin: 0 -5px 20px -5px;
}
@media (max-width: 1450px) {
  .product-slider {
    flex-direction: column;
    margin: -5px 0 20px 0;
  }
}
.product-slider img {
  object-fit: cover;
}
.product-slider__top {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 6px 12px;
  background: #fc6e20;
  border-radius: 4px;
  font-size: 10px;
  color: #ffffff;
}
@media (max-width: 850px) {
  .product-slider__top {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(40px);
    top: 10px;
    left: 10px;
  }
}
.product-slider__views {
  position: absolute;
  bottom: 10px;
  left: 10px;
  height: 35px;
  padding: 10px 10px 10px 40px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(40px);
  border-radius: 10px;
  font-size: 10px;
  color: #ffffff;
  display: none;
}
.product-slider__views:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  width: 20px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0wLjgzMzAwOCAxMEMwLjgzMzAwOCAxMCA0LjE2NjM0IDMuMzMzMzcgOS45OTk2NyAzLjMzMzM3QzE1LjgzMyAzLjMzMzM3IDE5LjE2NjMgMTAgMTkuMTY2MyAxMEMxOS4xNjYzIDEwIDE1LjgzMyAxNi42NjY3IDkuOTk5NjcgMTYuNjY2N0M0LjE2NjM0IDE2LjY2NjcgMC44MzMwMDggMTAgMC44MzMwMDggMTBaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAgMTIuNUMxMS4zODA3IDEyLjUgMTIuNSAxMS4zODA3IDEyLjUgMTBDMTIuNSA4LjYxOTI5IDExLjM4MDcgNy41IDEwIDcuNUM4LjYxOTI5IDcuNSA3LjUgOC42MTkyOSA3LjUgMTBDNy41IDExLjM4MDcgOC42MTkyOSAxMi41IDEwIDEyLjVaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat;
}
@media (max-width: 850px) {
  .product-slider__views {
    display: inline-block;
  }
}
.product-slider__favorite {
  position: absolute;
  bottom: 10px;
  right: 10px;
  height: 35px;
  width: 35px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(40px);
  border-radius: 10px;
  font-size: 10px;
  color: #ffffff;
  display: none;
}
.product-slider__favorite:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgzMzcgMTcuNUwxMC4wMDAzIDEzLjMzMzNMNC4xNjY5OSAxNy41VjQuMTY2NjdDNC4xNjY5OSAzLjcyNDY0IDQuMzQyNTkgMy4zMDA3MiA0LjY1NTE1IDIuOTg4MTZDNC45Njc3MSAyLjY3NTU5IDUuMzkxNjMgMi41IDUuODMzNjYgMi41SDE0LjE2N0MxNC42MDkgMi41IDE1LjAzMjkgMi42NzU1OSAxNS4zNDU1IDIuOTg4MTZDMTUuNjU4MSAzLjMwMDcyIDE1LjgzMzcgMy43MjQ2NCAxNS44MzM3IDQuMTY2NjdWMTcuNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
@media (max-width: 850px) {
  .product-slider__favorite {
    display: inline-block;
  }
}
.product-slider__image {
  margin: 0 5px;
  flex: 0 0 88%;
}
@media (max-width: 1450px) {
  .product-slider__image {
    margin: 5px 0;
  }
}
.product-slider__thumbs-vertical {
  flex: 0 1 12%;
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: space-between;
  position: relative;
}
@media (max-width: 1450px) {
  .product-slider__thumbs-vertical {
    display: none;
  }
}
.product-slider__thumbs-vertical .carousel {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.product-slider__thumbs-vertical .carousel__slider {
  margin: -5px 0;
}
.product-slider__thumbs-vertical .carousel__slide {
  opacity: 0.5;
}
.product-slider__thumbs-vertical .carousel__slide img {
  border: 2px solid transparent;
  border-radius: 10px;
}
.product-slider__thumbs-vertical .carousel__slide--focused {
  opacity: 1 !important;
}
.product-slider__thumbs-vertical .carousel__slide--focused img {
  border: 2px solid #00be65;
}
.product-slider__thumbs-vertical .carousel__inner-slide {
  height: calc(100% - 20px);
  top: 10px;
}
.product-slider__thumbs-vertical .carousel__back-button {
  border-radius: 6px;
  width: 100%;
  height: 33px;
  transition: all 0.5s ease;
  position: relative;
  background: rgba(0, 190, 101, 0.1);
}
.product-slider__thumbs-vertical .carousel__back-button:before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  border: solid #00be65;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: translate(-50%, -40%) rotate(-135deg);
}
@media (max-width: 1450px) {
  .product-slider__thumbs-vertical .carousel__back-button:before {
    transform: translate(-40%, -50%) rotate(135deg);
  }
}
.product-slider__thumbs-vertical .carousel__back-button:hover {
  background: #00be65;
  cursor: pointer;
}
.product-slider__thumbs-vertical .carousel__back-button:hover:before {
  border: solid white;
  border-width: 0 2px 2px 0;
}
.product-slider__thumbs-vertical .carousel__next-button {
  border-radius: 6px;
  width: 100%;
  height: 33px;
  transition: all 0.5s ease;
  position: relative;
  background: rgba(0, 190, 101, 0.1);
}
.product-slider__thumbs-vertical .carousel__next-button:before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  border: solid #00be65;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: translate(-50%, -40%) rotate(45deg);
}
@media (max-width: 1450px) {
  .product-slider__thumbs-vertical .carousel__next-button:before {
    transform: translate(-80%, -50%) rotate(-45deg);
  }
}
.product-slider__thumbs-vertical .carousel__next-button:hover {
  background: #00be65;
  cursor: pointer;
}
.product-slider__thumbs-vertical .carousel__next-button:hover:before {
  border: solid white;
  border-width: 0 2px 2px 0;
}
.product-slider__thumbs-horizontal {
  flex: 0 1 12%;
  display: none;
  flex-direction: row;
  position: relative;
}
@media (max-width: 1450px) {
  .product-slider__thumbs-horizontal {
    display: none;
    margin: 5px 0;
  }
}
.product-slider__thumbs-horizontal .control-buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 650px) {
  .product-slider__thumbs-horizontal .control-buttons {
    margin-right: 10px;
  }
}
.product-slider__thumbs-horizontal .control-buttons .carousel__back-button {
  display: inline-block !important;
  height: 50%;
  margin-bottom: 5px;
}
@media (min-width: 650px) {
  .product-slider__thumbs-horizontal .control-buttons .carousel__back-button {
    display: none !important;
  }
}
@media (max-width: 650px) {
  .product-slider__thumbs-horizontal .control-buttons .carousel__next-button {
    height: 50%;
  }
}
.product-slider__thumbs-horizontal .carousel {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.product-slider__thumbs-horizontal .carousel__image {
  object-fit: cover;
}
.product-slider__thumbs-horizontal .carousel__slider {
  margin: -5px 0;
  width: 100%;
}
@media (max-width: 650px) {
  .product-slider__thumbs-horizontal .carousel__slider-tray {
    width: 333.333% !important;
  }
}
.product-slider__thumbs-horizontal .carousel__slide {
  opacity: 0.5;
}
.product-slider__thumbs-horizontal .carousel__slide img {
  border: 2px solid transparent;
  border-radius: 10px;
}
.product-slider__thumbs-horizontal .carousel__slide--focused {
  opacity: 1 !important;
}
.product-slider__thumbs-horizontal .carousel__slide--focused img {
  border: 2px solid #00be65;
}
.product-slider__thumbs-horizontal .carousel__inner-slide {
  width: calc(100% - 20px);
  left: 10px;
}
.product-slider__thumbs-horizontal .carousel__back-button {
  border-radius: 6px;
  height: 100%;
  width: 33px;
  transition: all 0.5s ease;
  position: relative;
  background: rgba(0, 190, 101, 0.1);
}
@media (max-width: 650px) {
  .product-slider__thumbs-horizontal .carousel__back-button {
    display: none;
  }
}
.product-slider__thumbs-horizontal .carousel__back-button:before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  border: solid #00be65;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: translate(-50%, -40%) rotate(-135deg);
}
@media (max-width: 1450px) {
  .product-slider__thumbs-horizontal .carousel__back-button:before {
    transform: translate(-40%, -50%) rotate(135deg);
  }
}
.product-slider__thumbs-horizontal .carousel__back-button:hover {
  background: #00be65;
  cursor: pointer;
}
.product-slider__thumbs-horizontal .carousel__back-button:hover:before {
  border: solid white;
  border-width: 0 2px 2px 0;
}
.product-slider__thumbs-horizontal .carousel__next-button {
  border-radius: 6px;
  width: 33px;
  height: 100%;
  transition: all 0.5s ease;
  position: relative;
  background: rgba(0, 190, 101, 0.1);
}
.product-slider__thumbs-horizontal .carousel__next-button:before {
  position: absolute;
  content: '';
  left: 50%;
  top: 50%;
  border: solid #00be65;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: translate(-50%, -40%) rotate(45deg);
}
@media (max-width: 1450px) {
  .product-slider__thumbs-horizontal .carousel__next-button:before {
    transform: translate(-80%, -50%) rotate(-45deg);
  }
}
.product-slider__thumbs-horizontal .carousel__next-button:hover {
  background: #00be65;
  cursor: pointer;
}
.product-slider__thumbs-horizontal .carousel__next-button:hover:before {
  border: solid white;
  border-width: 0 2px 2px 0;
}
.stop-scrolling {
  height: 100% !important;
  overflow: hidden !important;
}

#product-offer-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 404px;
  overflow: hidden;
  z-index: -1;
}
@media (max-width: 650px) {
  #product-offer-wrapper {
    width: 343px;
  }
}
.product-offer {
  max-height: 85vh;
  overflow-y: auto;
  background: white;
  border-radius: 12px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  padding: 20px;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  color: #0a123e;
  width: 404px;
  position: absolute;
  z-index: 99999;
  left: 0;
  top: -850px;
  opacity: 1;
  transition: all 0.7s ease;
  position: relative;
}
@media (max-width: 650px) {
  .product-offer {
    width: 343px;
  }
}
.product-offer__title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
.product-offer__title p {
  color: #fc6e20;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
.product-offer__title p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMjJDOS41NTIyOCAyMiAxMCAyMS41NTIzIDEwIDIxQzEwIDIwLjQ0NzcgOS41NTIyOCAyMCA5IDIwQzguNDQ3NzIgMjAgOCAyMC40NDc3IDggMjFDOCAyMS41NTIzIDguNDQ3NzIgMjIgOSAyMloiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwIDIyQzIwLjU1MjMgMjIgMjEgMjEuNTUyMyAyMSAyMUMyMSAyMC40NDc3IDIwLjU1MjMgMjAgMjAgMjBDMTkuNDQ3NyAyMCAxOSAyMC40NDc3IDE5IDIxQzE5IDIxLjU1MjMgMTkuNDQ3NyAyMiAyMCAyMloiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgMUg1TDcuNjggMTQuMzlDNy43NzE0NCAxNC44NTA0IDguMDIxOTEgMTUuMjY0IDguMzg3NTUgMTUuNTU4M0M4Ljc1MzE4IDE1Ljg1MjYgOS4yMTA3IDE2LjAwOSA5LjY4IDE2SDE5LjRDMTkuODY5MyAxNi4wMDkgMjAuMzI2OCAxNS44NTI2IDIwLjY5MjUgMTUuNTU4M0MyMS4wNTgxIDE1LjI2NCAyMS4zMDg2IDE0Ljg1MDQgMjEuNCAxNC4zOUwyMyA2SDYiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.product-offer__price input {
  background: #f9f9fc;
  border-radius: 12px;
  padding: 20px;
  font-size: 16px;
  line-height: 19px;
  width: 100%;
  margin: 0 0 10px 0;
}
.product-offer__volume {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 -10px 30px -10px;
}
.product-offer__volume label {
  margin: 0 10px !important;
}
.product-offer__volume input {
  flex: 0 1 70%;
  background: #f9f9fc;
  border-radius: 12px;
  padding: 20px;
  font-size: 16px;
  line-height: 19px;
  margin: 0 10px;
}
.product-offer label {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
  margin-bottom: 10px;
  display: block;
}
.product-offer__terms {
  display: flex;
  margin: 0 -10px;
}
@media (max-width: 650px) {
  .product-offer__terms {
    flex-direction: column;
    margin: -8px 0;
  }
}
.product-offer__terms button {
  flex: 0 1 50%;
  margin: 0 10px;
  border-radius: 10px;
  padding: 15px 15px 15px 60px;
  color: #fc6e20;
  background: white;
  border: 1px solid #fc6e20;
  position: relative;
  transition: all 0.5s ease;
}
@media (max-width: 650px) {
  .product-offer__terms button {
    flex: 0 1 100%;
    margin: 8px 0;
    padding-left: 46px;
    text-align: left;
  }
}
.product-offer__terms button:hover {
  background: #fc6e20;
  color: white;
  cursor: pointer;
}
.product-offer__terms button:hover:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxTDQuMDc2OTIgN0wxIDQiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, white !important;
}
.product-offer__terms button:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 30px;
  transform: translate(0, -50%);
  border-radius: 50%;
  background: rgba(252, 110, 32, 0.1);
  width: 24px;
  height: 24px;
}
@media (max-width: 650px) {
  .product-offer__terms button:before {
    left: 12px;
  }
}
.product-offer__terms_active {
  background: #fc6e20 !important;
  color: white !important;
}
.product-offer__terms_active:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxTDQuMDc2OTIgN0wxIDQiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, white !important;
}
.product-offer__send {
  border-radius: 10px;
  padding: 15px;
  color: white;
  background: #00be65;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  transition: all 0.5s ease;
  margin-top: 20px;
}
@media (max-width: 650px) {
  .product-offer__send {
    margin-top: 15px;
  }
}
.product-offer__send:hover {
  cursor: pointer;
  background: rgba(0, 190, 101, 0.1);
  color: #00be65;
}
.product-offer__radio {
  margin: 20px 10px;
  display: flex;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.product-offer__radio p {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
  padding-left: 10px;
}
.product-offer__radio span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #b7b6b9;
  border-radius: 3px;
}
.product-offer__radio:hover span {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTFMMTIgMTRMMjIgNCIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEgMTJWMTlDMjEgMTkuNTMwNCAyMC43ODkzIDIwLjAzOTEgMjAuNDE0MiAyMC40MTQyQzIwLjAzOTEgMjAuNzg5MyAxOS41MzA0IDIxIDE5IDIxSDVDNC40Njk1NyAyMSAzLjk2MDg2IDIwLjc4OTMgMy41ODU3OSAyMC40MTQyQzMuMjEwNzEgMjAuMDM5MSAzIDE5LjUzMDQgMyAxOVY1QzMgNC40Njk1NyAzLjIxMDcxIDMuOTYwODYgMy41ODU3OSAzLjU4NTc5QzMuOTYwODYgMy4yMTA3MSA0LjQ2OTU3IDMgNSAzSDE2IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
  border: none;
  border-radius: 0;
  width: 20px;
  height: 20px;
}
.product-offer__radio:hover input:checked ~ .product-offer__radio span {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMTFMMTIgMTRMMjIgNCIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEgMTJWMTlDMjEgMTkuNTMwNCAyMC43ODkzIDIwLjAzOTEgMjAuNDE0MiAyMC40MTQyQzIwLjAzOTEgMjAuNzg5MyAxOS41MzA0IDIxIDE5IDIxSDVDNC40Njk1NyAyMSAzLjk2MDg2IDIwLjc4OTMgMy41ODU3OSAyMC40MTQyQzMuMjEwNzEgMjAuMDM5MSAzIDE5LjUzMDQgMyAxOVY1QzMgNC40Njk1NyAzLjIxMDcxIDMuOTYwODYgMy41ODU3OSAzLjU4NTc5QzMuOTYwODYgMy4yMTA3MSA0LjQ2OTU3IDMgNSAzSDE2IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
  border: none;
  border-radius: 0;
  width: 20px;
  height: 20px;
}
.product-offer__radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.product-offer__input-delivery {
  background: #f9f9fc;
  border-radius: 12px;
  padding: 20px;
  font-size: 16px;
  line-height: 19px;
  width: 100%;
}
.product-offer__country input,
.product-offer__city input,
.product-offer__address input {
  width: 100%;
  background: #f9f9fc;
  border-radius: 12px;
  padding: 20px 20px 20px 80px;
  font-size: 16px;
  line-height: 19px;
}
.product-offer__country div,
.product-offer__city div,
.product-offer__address div {
  position: relative;
}
.product-offer__country div:before,
.product-offer__city div:before,
.product-offer__address div:before {
  content: '';
  position: absolute;
  left: 30px;
  top: 50%;
  width: 24px;
  height: 24px;
}
.product-offer__country .async-select__value-container,
.product-offer__city .async-select__value-container {
  margin-top: 15px;
}
.product-offer__country div img {
  width: 34px;
  height: 24px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  right: 45px;
}
.product-offer__address div:before {
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDEwQzIxIDE3IDEyIDIzIDEyIDIzQzEyIDIzIDMgMTcgMyAxMEMzIDcuNjEzMDUgMy45NDgyMSA1LjMyMzg3IDUuNjM2MDQgMy42MzYwNEM3LjMyMzg3IDEuOTQ4MjEgOS42MTMwNSAxIDEyIDFDMTQuMzg2OSAxIDE2LjY3NjEgMS45NDgyMSAxOC4zNjQgMy42MzYwNEMyMC4wNTE4IDUuMzIzODcgMjEgNy42MTMwNSAyMSAxMFoiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDEzQzEzLjY1NjkgMTMgMTUgMTEuNjU2OSAxNSAxMEMxNSA4LjM0MzE1IDEzLjY1NjkgNyAxMiA3QzEwLjM0MzEgNyA5IDguMzQzMTUgOSAxMEM5IDExLjY1NjkgMTAuMzQzMSAxMyAxMiAxM1oiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.product-offer__address div:after {
  content: '';
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIyQzE3LjUyMjggMjIgMjIgMTcuNTIyOCAyMiAxMkMyMiA2LjQ3NzE1IDE3LjUyMjggMiAxMiAyQzYuNDc3MTUgMiAyIDYuNDc3MTUgMiAxMkMyIDE3LjUyMjggNi40NzcxNSAyMiAxMiAyMloiIHN0cm9rZT0iI0ZGNDM0MyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIyIDEySDE4IiBzdHJva2U9IiNGRjQzNDMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02IDEySDIiIHN0cm9rZT0iI0ZGNDM0MyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDZWMiIgc3Ryb2tlPSIjRkY0MzQzIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMjJWMTgiIHN0cm9rZT0iI0ZGNDM0MyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.product-offer__close {
  border-radius: 50%;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDlMOSAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkgOUwxNSAxNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, #ff4343;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.product-offer__close:hover {
  cursor: pointer;
}

.blur {
  filter: blur(3px);
}
.unauth {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  padding: 0 20px;
  text-align: center;
}
.profile-chat {
  position: relative;
}
@media (max-width: 850px) {
  .hide-chat {
    display: none;
  }
}
.mobile-contacts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  margin: 0 -10px 20px -10px;
}
@media (min-width: 850px) {
  .mobile-contacts {
    display: none;
  }
}
@media (max-width: 420px) {
  .mobile-contacts {
    margin: 0 -5px 20px -5px;
    height: 48px;
  }
}
.mobile-contacts_info {
  margin: 0 10px;
  flex: 0 1 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 8px;
}
@media (max-width: 420px) {
  .mobile-contacts_info {
    padding: 4px;
    margin: 0 5px;
  }
}
.mobile-contacts_info p {
  position: relative;
  padding-left: 35px;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
}
@media (max-width: 420px) {
  .mobile-contacts_info p {
    padding-left: 28px;
  }
}
.mobile-contacts_info p:before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
}
.mobile-contacts_deal:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDFMMjEgNUwxNyA5IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zIDExVjlDMyA3LjkzOTEzIDMuNDIxNDMgNi45MjE3MiA0LjE3MTU3IDYuMTcxNTdDNC45MjE3MiA1LjQyMTQzIDUuOTM5MTMgNSA3IDVIMjEiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcgMjNMMyAxOUw3IDE1IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMSAxM1YxNUMyMSAxNi4wNjA5IDIwLjU3ODYgMTcuMDc4MyAxOS44Mjg0IDE3LjgyODRDMTkuMDc4MyAxOC41Nzg2IDE4LjA2MDkgMTkgMTcgMTlIMyIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.mobile-contacts_contract:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDJINkM1LjQ2OTU3IDIgNC45NjA4NiAyLjIxMDcxIDQuNTg1NzkgMi41ODU3OUM0LjIxMDcxIDIuOTYwODYgNCAzLjQ2OTU3IDQgNFYyMEM0IDIwLjUzMDQgNC4yMTA3MSAyMS4wMzkxIDQuNTg1NzkgMjEuNDE0MkM0Ljk2MDg2IDIxLjc4OTMgNS40Njk1NyAyMiA2IDIySDE4QzE4LjUzMDQgMjIgMTkuMDM5MSAyMS43ODkzIDE5LjQxNDIgMjEuNDE0MkMxOS43ODkzIDIxLjAzOTEgMjAgMjAuNTMwNCAyMCAyMFY4TDE0IDJaIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNCAyVjhIMjAiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDEzSDgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE3SDgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEwIDlIOUg4IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.mobile-contacts_bargaining:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDZMMTMuNSAxNS41TDguNSAxMC41TDEgMTgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3IDZIMjNWMTIiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.mobile-contacts_img {
  width: 40px;
  height: 40px;
}
.mobile-contacts_img img {
  width: 100%;
  height: 100%;
}
.mobile-contacts > button {
  margin: 0 10px;
  height: 100%;
  display: block;
  flex: 0 0 56px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDExLjVDMjEuMDAzNCAxMi44MTk5IDIwLjY5NTEgMTQuMTIxOSAyMC4xIDE1LjNDMTkuMzk0NCAxNi43MTE4IDE4LjMwOTggMTcuODk5MiAxNi45Njc0IDE4LjcyOTNDMTUuNjI1MSAxOS41NTk0IDE0LjA3ODIgMTkuOTk5NCAxMi41IDIwQzExLjE4MDEgMjAuMDAzNSA5Ljg3ODEyIDE5LjY5NTEgOC43IDE5LjFMMyAyMUw0LjkgMTUuM0M0LjMwNDkzIDE0LjEyMTkgMy45OTY1NiAxMi44MTk5IDQgMTEuNUM0LjAwMDYxIDkuOTIxNzkgNC40NDA2MSA4LjM3NDg4IDUuMjcwNzIgNy4wMzI1OEM2LjEwMDgzIDUuNjkwMjggNy4yODgyNSA0LjYwNTYgOC43IDMuOTAwMDNDOS44NzgxMiAzLjMwNDk2IDExLjE4MDEgMi45OTY1OSAxMi41IDMuMDAwMDNIMTNDMTUuMDg0MyAzLjExNTAyIDE3LjA1MyAzLjk5NDc5IDE4LjUyOTEgNS40NzA4OUMyMC4wMDUyIDYuOTQ2OTkgMjAuODg1IDguOTE1NjggMjEgMTFWMTEuNVoiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 8px;
  transition: all 0.5s ease;
}
@media (max-width: 420px) {
  .mobile-contacts > button {
    padding: 4px;
    margin: 0 5px;
    flex: 0 0 48px;
  }
}
.mobile-contacts > button:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDExLjVDMjEuMDAzNCAxMi44MTk5IDIwLjY5NTEgMTQuMTIxOSAyMC4xIDE1LjNDMTkuMzk0NCAxNi43MTE4IDE4LjMwOTggMTcuODk5MiAxNi45Njc0IDE4LjcyOTNDMTUuNjI1MSAxOS41NTk0IDE0LjA3ODIgMTkuOTk5NCAxMi41IDIwQzExLjE4MDEgMjAuMDAzNSA5Ljg3ODEyIDE5LjY5NTEgOC43IDE5LjFMMyAyMUw0LjkgMTUuM0M0LjMwNDkzIDE0LjEyMTkgMy45OTY1NiAxMi44MTk5IDQgMTEuNUM0LjAwMDYxIDkuOTIxNzkgNC40NDA2MSA4LjM3NDg4IDUuMjcwNzIgNy4wMzI1OEM2LjEwMDgzIDUuNjkwMjggNy4yODgyNSA0LjYwNTYgOC43IDMuOTAwMDNDOS44NzgxMiAzLjMwNDk2IDExLjE4MDEgMi45OTY1OSAxMi41IDMuMDAwMDNIMTNDMTUuMDg0MyAzLjExNTAyIDE3LjA1MyAzLjk5NDc5IDE4LjUyOTEgNS40NzA4OUMyMC4wMDUyIDYuOTQ2OTkgMjAuODg1IDguOTE1NjggMjEgMTFWMTEuNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat, #00be65;
}
.contacts-chat {
  background: white;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
  margin-bottom: 30px;
}
.contacts-chat__title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
.contacts-chat__title p {
  color: #00be65;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
.contacts-chat__title p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDIxVjE5QzIwIDE3LjkzOTEgMTkuNTc4NiAxNi45MjE3IDE4LjgyODQgMTYuMTcxNkMxOC4wNzgzIDE1LjQyMTQgMTcuMDYwOSAxNSAxNiAxNUg4QzYuOTM5MTMgMTUgNS45MjE3MiAxNS40MjE0IDUuMTcxNTcgMTYuMTcxNkM0LjQyMTQzIDE2LjkyMTcgNCAxNy45MzkxIDQgMTlWMjEiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDExQzE0LjIwOTEgMTEgMTYgOS4yMDkxNCAxNiA3QzE2IDQuNzkwODYgMTQuMjA5MSAzIDEyIDNDOS43OTA4NiAzIDggNC43OTA4NiA4IDdDOCA5LjIwOTE0IDkuNzkwODYgMTEgMTIgMTFaIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.contacts-chat__info {
  margin: 20px -10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
}
.contacts-chat__avatar {
  margin: 0 10px;
}
@media (max-width: 850px) {
  .contacts-chat__avatar {
    display: none;
  }
}
.contacts-chat__avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.contacts-chat__text {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin: 7px 0;
}
.contacts-chat__name {
  margin: -7px 10px;
}
.contacts-chat__online {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #00be65;
  position: relative;
  padding-left: 10px;
  padding-right: 30px;
}
.contacts-chat__online:before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #00be65;
}
.contacts-chat__login {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #fc6e20;
}
.contacts-chat__phone {
  margin: 7px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: rgba(10, 18, 62, 0.5);
}
.contacts-chat__info-stat {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0 -5px;
}
.contacts-chat__info-stat p {
  margin: 0 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
}
.contacts-chat__info-stat p:first-child {
  color: #00be65;
}
.contacts-chat__info-stat p:last-child {
  color: #ff4343;
}
.contacts-chat__info-stat-wrapper {
  display: flex;
}
.contacts-chat__info-stat-feedbacks {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contacts-chat__info-stat-user {
  width: 38px;
  height: 38px;
}
.contacts-chat__info-stat-checks {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.contacts-chat__info-stat-checks > div {
  height: 15px;
  width: 10px;
  margin-top: -5px;
}
.contacts-chat__info-stat-checks img {
  width: 15px;
  height: 15px;
}
.contacts-chat__board {
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 12px;
  padding: 10px 5px 10px 10px;
  height: 285px;
  margin: -5px 0;
}
.contacts-chat__list {
  overflow-y: auto;
  height: 100%;
  padding-right: 5px;
}
.contacts-chat__my-msg {
  display: flex;
  justify-content: flex-end;
}
.contacts-chat__my-msg div {
  margin: 5px 0;
  text-align: right;
  background: rgba(10, 18, 62, 0.1);
  border-radius: 8px;
  padding: 8px;
}
.contacts-chat__other-msg {
  display: flex;
  justify-content: flex-start;
}
.contacts-chat__other-msg div {
  margin: 5px 0;
  background: rgba(10, 18, 62, 0.03);
  border-radius: 8px;
  padding: 8px;
}
.contacts-chat__file {
  width: 40%;
}
.contacts-chat__msg {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #0a123e;
}
.contacts-chat__time {
  padding-top: 5px;
  font-size: 12px;
  line-height: 14px;
  color: rgba(10, 18, 62, 0.6);
}
.contacts-chat__send {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 20px -7px 0 -7px;
}
.contacts-chat__send button {
  flex-shrink: 0;
  margin: 0 7px;
  width: 45px;
  height: 45px;
  border: 1px solid rgba(252, 110, 32, 0.2);
  border-radius: 8px;
}
.contacts-chat__send button:hover {
  cursor: pointer;
}
.contacts-chat__send input {
  flex: 1 1 80%;
  width: 100%;
  margin: 0 7px;
  border: 1px solid rgba(252, 110, 32, 0.2);
  border-radius: 8px;
  padding: 15px;
  font-size: 14px;
  line-height: 16px;
}
.contacts-chat__send-attach {
  width: 45px;
  height: 45px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjQ0MDMgMTEuMDVMMTIuMjUwMyAyMC4yNEMxMS4xMjQ0IDIxLjM2NTkgOS41OTc0NyAyMS45OTg0IDguMDA1MjkgMjEuOTk4NEM2LjQxMzExIDIxLjk5ODQgNC44ODYxMyAyMS4zNjU5IDMuNzYwMjkgMjAuMjRDMi42MzQ0NSAxOS4xMTQyIDIuMDAxOTUgMTcuNTg3MiAyLjAwMTk1IDE1Ljk5NUMyLjAwMTk1IDE0LjQwMjkgMi42MzQ0NSAxMi44NzU5IDMuNzYwMjkgMTEuNzVMMTIuOTUwMyAyLjU2MDA0QzEzLjcwMDkgMS44MDk0OCAxNC43MTg4IDEuMzg3ODIgMTUuNzgwMyAxLjM4NzgyQzE2Ljg0MTcgMS4zODc4MiAxNy44NTk3IDEuODA5NDggMTguNjEwMyAyLjU2MDA0QzE5LjM2MDkgMy4zMTA2IDE5Ljc4MjUgNC4zMjg1OSAxOS43ODI1IDUuMzkwMDRDMTkuNzgyNSA2LjQ1MTUgMTkuMzYwOSA3LjQ2OTQ4IDE4LjYxMDMgOC4yMjAwNEw5LjQxMDI5IDE3LjQxQzkuMDM1MDEgMTcuNzg1MyA4LjUyNjAyIDE3Ljk5NjIgNy45OTUyOSAxNy45OTYyQzcuNDY0NTYgMTcuOTk2MiA2Ljk1NTU3IDE3Ljc4NTMgNi41ODAyOSAxNy40MUM2LjIwNTAxIDE3LjAzNDggNS45OTQxOCAxNi41MjU4IDUuOTk0MTggMTUuOTk1QzUuOTk0MTggMTUuNDY0MyA2LjIwNTAxIDE0Ljk1NTMgNi41ODAyOSAxNC41OEwxNS4wNzAzIDYuMTAwMDQiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, white;
}
.contacts-chat__file-attach {
  position: relative;
  width: 45px;
  height: 45px;
  margin-left: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.contacts-chat__file-attach:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM4Ljg0MjggMTYuMTU3TDE2LjE1NjQgMzguODQzMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjE1NzIgMTYuMTU3TDM4Ljg0MzYgMzguODQzMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, linear-gradient(0deg, rgba(255, 67, 67, 0.5), rgba(255, 67, 67, 0.5));
}
.contacts-chat__file-attach:hover img {
  opacity: 0.3;
}
.contacts-chat__file-attach img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.contacts-chat__file-attach p {
  position: absolute;
  font-size: 12px;
  white-space: nowrap;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contacts-chat__submit {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDJMMTEgMTMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMiAyTDE1IDIyTDExIDEzTDIgOUwyMiAyWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat #fc6e20;
}
.stat {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: -8px 0 20px 0;
  background: white;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
@media (max-width: 850px) {
  .stat {
    display: none;
  }
}
.stat p {
  margin: 8px 0;
  font-size: 16px;
  line-height: 19px;
  color: rgba(10, 18, 62, 0.5);
}
.stat p span {
  position: relative;
  color: #0a123e;
  font-weight: 500;
}
.stat__safe:after {
  position: absolute;
  content: '';
  right: -40px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yMC40Mzc1IDMuODI1OTdDMTYuNTQ1NiAzLjgyNTk3IDEyLjUxMjMgMC4yMTg0MjYgMTIuNDcyNCAwLjE4MjI4NUMxMi4yMDQzIC0wLjA2MDc2MTcgMTEuNzk1NyAtMC4wNjA3NjE3IDExLjUyNzYgMC4xODIyODVDMTEuNDg3NSAwLjIxODcwNyA3LjQ2NDc1IDMuODI1OTcgMy41NjI1IDMuODI1OTdDMy4xNzQxOSAzLjgyNTk3IDIuODU5MzggNC4xNDA3OSAyLjg1OTM4IDQuNTI5MVYxMi45NDk2QzIuODU5MzggMTkuNzcxMSA3LjkzMjk0IDIyLjQ5NjggMTEuNzQ5MiAyMy45NTM4QzExLjgzIDIzLjk4NDYgMTEuOTE1IDI0IDEyIDI0QzEyLjA4NSAyNCAxMi4xNyAyMy45ODQ2IDEyLjI1MDggMjMuOTUzOEMxNy42MDE4IDIxLjkxMSAyMS4xNDA2IDE4LjcyNDQgMjEuMTQwNiAxMi45NDk2VjQuNTI5MUMyMS4xNDA2IDQuMTQwNzkgMjAuODI1OCAzLjgyNTk3IDIwLjQzNzUgMy44MjU5N1oiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KPHBhdGggZD0iTTEyIDcuMDc4MTJDOS4yODYwOCA3LjA3ODEyIDcuMDc4MTIgOS4yODYwOCA3LjA3ODEyIDEyQzcuMDc4MTIgMTQuNzEzOSA5LjI4NjA4IDE2LjkyMTkgMTIgMTYuOTIxOUMxNC43MTM5IDE2LjkyMTkgMTYuOTIxOSAxNC43MTM5IDE2LjkyMTkgMTJDMTYuOTIxOSA5LjI4NjA4IDE0LjcxMzkgNy4wNzgxMiAxMiA3LjA3ODEyWk0xMy45MDM0IDExLjc5NEwxMS43OTQgMTMuOTAzNEMxMS42NTY4IDE0LjA0MDcgMTEuNDc2OCAxNC4xMDk0IDExLjI5NjkgMTQuMTA5NEMxMS4xMTY5IDE0LjEwOTQgMTAuOTM3IDE0LjA0MDcgMTAuNzk5NyAxMy45MDM0TDEwLjA5NjYgMTMuMjAwM0M5LjgyMiAxMi45MjU3IDkuODIyIDEyLjQ4MDUgMTAuMDk2NiAxMi4yMDU5QzEwLjM3MTEgMTEuOTMxMyAxMC44MTY0IDExLjkzMTMgMTEuMDkxIDEyLjIwNTlMMTEuMjk2OSAxMi40MTE4TDEyLjkwOTEgMTAuNzk5N0MxMy4xODM3IDEwLjUyNTEgMTMuNjI4OSAxMC41MjUxIDEzLjkwMzUgMTAuNzk5N0MxNC4xNzggMTEuMDc0MyAxNC4xNzggMTEuNTE5NCAxMy45MDM0IDExLjc5NFoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcikiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMTIiIHkxPSIyNCIgeDI9IjEyIiB5Mj0iLTEuMTQ0NDFlLTA1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMEI1OUMiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOUNGRkFDIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjEyIiB5MT0iMTYuOTIxOSIgeDI9IjEyIiB5Mj0iNy4wNzgxMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQzNGRkU4Ii8+CjxzdG9wIG9mZnNldD0iMC45OTczIiBzdG9wLWNvbG9yPSIjRjBGRkY0Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) right no-repeat;
}

#products-wrapper {
  padding: 20px 25px;
}
@media (max-width: 650px) {
  #products-wrapper {
    padding: 10px 16px;
  }
}
@media (max-width: 450px) {
  #products-wrapper {
    padding: 10px 5px;
  }
}
/* === GRID: 3 -> 2 -> 1 === */
.products {
  /* сама сетка */
}
.products__main {
  margin-top: 20px;
}
.products__list {
  /* контейнер-обёртка: убираем лишние отступы/скроллы */
  margin: 0;
  overflow: visible;
}
.products__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1200px) {
  .products__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 650px) {
  .products__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.products__result_found {
  background: #f8f8fb;
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 20px;
  width: 100%;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: rgba(10, 18, 62, 0.6);
  display: flex;
  justify-content: space-between;
}
.products__main {
  display: flex;
  flex-direction: row;
  margin: 20px -10px;
}
.products__result {
  flex: 0 1 85%;
  margin: 0 10px;
}
.products__filter {
  flex: 0 1 15%;
  margin: 0 10px;
}
.products__price {
  background: #f8f8fb;
  border-radius: 16px;
  padding: 14px;
}
.products__price_title {
  font-weight: 500;
  font-size: 18px;
  color: #0a123e;
}
.products__price_interval {
  display: flex;
  justify-content: space-between;
  margin: 15px -5px;
}
.products__price_buttons {
  display: flex;
  justify-content: space-between;
  margin: 0 -5px;
}
.products__price_buttons button {
  margin: 0 5px;
  border: 1px solid #00be65;
  border-radius: 5px;
  background: white;
  padding: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #00be65;
  width: 100%;
  transition: all 0.5s ease;
}
.products__price_interval input {
  margin: 0 5px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 8px;
  padding: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
}
.products__top_items {
  background: #f8f8fb;
  border-radius: 16px;
  margin: 13px 0;
}
.products__price_types {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.products__price_show {
  background: #fc6e20;
  border-radius: 8px;
  padding: 10px;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
  transition: all 0.5s ease;
  margin-top: 25px;
}
.products__top_list {
  margin: -10px 13px -10px 0;
  padding: 0 13px 13px 13px;
  max-height: 620px;
  overflow: auto;
}
.products__top_item {
  cursor: pointer;
  margin: 10px 0;
  border-bottom: 1px solid rgba(10, 18, 62, 0.1);
}
.products__top_image {
  width: 219px;
  height: 166px;
  border-radius: 8px;
}
.products__top_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.products__top_name {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
  margin-top: 15px;
}
.products__top_price {
  margin: 10px 0;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: #0a123e;
  position: relative;
}
.products__top_info {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #0a123e;
  margin-bottom: 10px;
}
/* === CARD === */
.product-card {
  /* утилита: обрезка до 2 строк */
}
.product-card .product-card__inner {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.product-card .product-card__inner:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09);
}
.product-card .product-card__image {
  position: relative;
  background: #f6f7f9;
  max-height: 200px;
  /* современное фикс. соотношение сторон */
  aspect-ratio: 4 / 3;
}
@supports not (aspect-ratio: 1) {
  .product-card .product-card__image {
    height: 200px;
    /* fallback */
  }
}
.product-card .product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.product-card .product-card__image .product-card__badge {
  position: absolute;
  left: 12px;
  top: 12px;
  background: #fc6e20;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 999px;
}
.product-card .product-card__content {
  padding: 12px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.product-card .product-card__head {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-card .product-card__title {
  font-size: 16px;
  font-weight: 700;
  color: #0a123e;
  margin: 0;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.product-card .product-card__type {
  font-size: 12px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 999px;
  white-space: nowrap;
}
.product-card .product-card__type--buy {
  background: rgba(34, 197, 94, 0.12);
  color: #16a34a;
}
.product-card .product-card__type--sell {
  background: rgba(59, 130, 246, 0.12);
  color: #2563eb;
}
.product-card .product-card__price {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.product-card .product-card__price-main {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.product-card .product-card__price-main .product-card__amount {
  font-size: 18px;
  line-height: 1;
  font-weight: 800;
  color: #0a123e;
  letter-spacing: 0.2px;
}
.product-card .product-card__price-main .product-card__currency {
  font-size: 14px;
  color: rgba(10, 18, 62, 0.7);
  font-weight: 700;
}
.product-card .product-card__batch {
  font-size: 12px;
  color: rgba(10, 18, 62, 0.7);
  font-weight: 600;
}
.product-card .product-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.product-card .chip {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #0a123e;
}
.product-card .chip--accent {
  background: rgba(252, 110, 32, 0.12);
  color: #fc6e20;
}
.product-card .product-card__desc p {
  margin: 0;
  font-size: 13px;
  color: rgba(10, 18, 62, 0.8);
}
.product-card .line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-card .product-card__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: rgba(10, 18, 62, 0.6);
  margin-top: auto;
}
.product-card .product-card__meta .product-card__spacer {
  flex: 1;
}
.product-card .product-card__meta .product-card__dot {
  opacity: 0.6;
}

.balance-history {
  width: 100%;
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.balance-history h2 {
  margin-bottom: 20px;
}
.history-table {
  display: flex;
  flex-direction: column;
}
.history-header,
.history-row {
  display: grid;
  grid-template-columns: 1.2fr 1.5fr 1fr 1.2fr;
  padding: 12px 0;
}
.history-header {
  font-weight: 600;
  border-bottom: 1px solid #e5e7eb;
}
.history-row {
  border-bottom: 1px solid #f1f5f9;
}
.plus {
  color: #16a34a;
  font-weight: 600;
}
.minus {
  color: #dc2626;
  font-weight: 600;
}
.success {
  color: #16a34a;
}
.pending {
  color: #ca8a04;
}

.chat-board-wrapper {
  height: 540px;
  flex: 0 1 100%;
}
.chat-board {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
}
.chat-board__msg-wrapper {
  display: flex;
}
.chat-board__msg {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin: 10px -10px;
}
.chat-board__msg > p {
  margin: 0 10px;
  text-align: right;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #0a123e;
  padding: 8px;
  background: rgba(10, 18, 62, 0.1);
  border-radius: 8px;
}
.chat-board__msg > p > span {
  text-align: right;
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
  color: rgba(10, 18, 62, 0.6);
  display: block;
}
.chat-board__msg > img {
  margin: 0 10px;
  width: 40px;
  height: 40px;
}
.chat-board__my-msg {
  justify-content: flex-end;
}
.chat-board__other-msg {
  justify-content: flex-start;
}
.chat-board__time {
  font-size: 14px;
  line-height: 16px;
  color: rgba(10, 18, 62, 0.3);
  margin: 20px -10px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.chat-board__time span {
  border-top: 1px solid rgba(10, 18, 62, 0.1);
  height: 1px;
  width: 100%;
  margin: 0 10px;
}

.chat-mobile {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  flex: 0 0 20%;
  margin: 0 10px;
  max-height: 230px;
  max-height: 800px;
  background: white;
  padding: 23px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
@media (max-width: 1200px) {
  .chat-mobile {
    flex: 1 1 auto;
  }
}
.chat-list {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.chat-list__loading {
  text-align: center;
}
.chat-list__all {
  transition: all 0.5s ease;
}
.chat-list__main {
  display: flex;
}
.chat-list__title {
  border-bottom: 1px solid rgba(0, 190, 101, 0.1);
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.chat-list__title_wrapper {
  height: 25px;
  overflow: hidden;
}
.chat-list__title_top {
  transition: all 0.5s ease;
  display: flex;
  justify-content: space-between;
  transform: translate(0, -25px);
  padding-bottom: 5px;
}
.chat-list__title_back {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #00be65;
  padding-left: 30px;
  position: relative;
  background: white;
}
.chat-list__title_back:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgzMjcgMTBINC4xNjYwMiIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS45OTkzNSAxNS44MzM0TDQuMTY2MDIgMTAuMDAwMUw5Ljk5OTM1IDQuMTY2NzUiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
  width: 20px;
  height: 20px;
}
.chat-list__title_username {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
}
.chat-list__title_bottom {
  transition: all 0.5s ease;
  transform: translate(0, -25px);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.chat-list__title_text {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #00be65;
  padding-left: 30px;
  position: relative;
}
.chat-list__title_text:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDE1QzIxIDE1LjUzMDQgMjAuNzg5MyAxNi4wMzkxIDIwLjQxNDIgMTYuNDE0MkMyMC4wMzkxIDE2Ljc4OTMgMTkuNTMwNCAxNyAxOSAxN0g3TDMgMjFWNUMzIDQuNDY5NTcgMy4yMTA3MSAzLjk2MDg2IDMuNTg1NzkgMy41ODU3OUMzLjk2MDg2IDMuMjEwNzEgNC40Njk1NyAzIDUgM0gxOUMxOS41MzA0IDMgMjAuMDM5MSAzLjIxMDcxIDIwLjQxNDIgMy41ODU3OUMyMC43ODkzIDMuOTYwODYgMjEgNC40Njk1NyAyMSA1VjE1WiIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.chat-list__title_categories {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #00be65;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
}
.chat-list__title_categories:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDNIM1YxMEgxMFYzWiIgc3Ryb2tlPSIjMDBiZTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEgM0gxNFYxMEgyMVYzWiIgc3Ryb2tlPSIjMDBiZTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjEgMTRIMTRWMjFIMjFWMTRaIiBzdHJva2U9IiMwMGJlNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMCAxNEgzVjIxSDEwVjE0WiIgc3Ryb2tlPSIjMDBiZTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.chat-list__title_help {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  margin: 0 -8px;
}
.chat-list__title_help > p {
  margin: 0 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  padding-left: 13px;
  position: relative;
}
.chat-list__title_help > p:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0, -50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
.chat-list__title_online {
  color: #00be65;
}
.chat-list__title_online:before {
  background: #00be65;
}
.chat-list__title_offline {
  color: #ff4343;
}
.chat-list__title_offline:before {
  background: #ff4343;
}
.chat-list__search {
  background: #f9f9fc;
  border-radius: 12px;
  font-size: 16px;
  padding: 21px;
  width: 100%;
  margin-bottom: 10px;
}
.chat-list__list {
  flex: 0 0 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: -5px 0;
  overflow-y: auto;
  max-height: 620px;
  padding-right: 5px;
}
.chat-list__message {
  display: none;
  flex: 0 0 100%;
}
@media (max-width: 1200px) {
  .chat-list__message {
    display: block;
  }
}
.chat-list__send {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 0 -5px;
  position: absolute;
  left: 0;
  bottom: -60px;
  width: 100%;
  transition: all 0.5s ease;
}
@media (max-width: 1200px) {
  .chat-list__send {
    display: flex;
  }
}
.chat-list__send input {
  margin: 0 5px;
  padding: 19px;
  border: 1px solid rgba(252, 110, 32, 0.2);
  border-radius: 12px;
  flex: 0 1 85%;
  font-size: 16px;
  line-height: 19px;
  width: 100%;
}
.chat-list__send button {
  margin: 0 5px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyIDJMMTEgMTMiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMiAyTDE1IDIyTDExIDEzTDIgOUwyMiAyWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, #fc6e20;
  border-radius: 12px;
  padding: 18px 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  flex: 0 0 15%;
}
.chat-list__send button:hover {
  cursor: pointer;
}
.chat-list__item {
  padding: 12px;
  margin: 5px 0;
  border-radius: 12px;
  background: white;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
}
.chat-list__item:hover {
  cursor: pointer;
  background: rgba(10, 18, 62, 0.03);
}
.chat-list__item > img {
  width: 100%;
  height: 100%;
}
.chat-list__avatar {
  width: 60px;
  height: 60px;
  position: relative;
}
.chat-list__avatar:before {
  content: '';
  position: absolute;
  right: 4px;
  bottom: 0px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff4343;
  border: 2px solid white;
}
.chat-list__avatar--online:before {
  background: #00be65;
}
.chat-list__user {
  padding-left: 10px;
  width: 75%;
}
.chat-list__username {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
  padding-bottom: 3px;
}
.chat-list__last-message {
  font-size: 16px;
  line-height: 19px;
  color: rgba(10, 18, 62, 0.5);
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chat-list__time-message {
  position: absolute;
  right: 10px;
  top: 20px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #fc6e20;
}

.chat {
  flex: 0 1 60%;
  max-height: 800px;
  margin: 0 10px;
  background: white;
  padding: 23px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .chat {
    display: none;
  }
}
.chat__select-chat {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(10, 18, 62, 0.9);
}
.chat__name {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
}
.chat__messages {
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 12px;
  padding: 20px;
  margin: 20px 0;
}
.chat__send {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin: 0 -10px;
}
.chat__send input {
  margin: 0 10px;
  padding: 19px;
  border: 1px solid rgba(252, 110, 32, 0.2);
  border-radius: 12px;
  flex: 0 1 85%;
  font-size: 16px;
  line-height: 19px;
  color: rgba(10, 18, 62, 0.4);
}
.chat__send button {
  margin: 0 10px;
  background: #fc6e20;
  border-radius: 12px;
  padding: 19px 38px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}
.chat__send button:hover {
  cursor: pointer;
}

.messanger__info-section {
  margin-bottom: 50px;
}
.messanger__main {
  margin: 0 10px;
  flex: 0 0 77.5%;
}
.messanger__info {
  background: white;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
.messanger__info-title {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
.messanger__info-title p {
  color: #fc6e20;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
.messanger__info-title p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDIxVjE5QzIwIDE3LjkzOTEgMTkuNTc4NiAxNi45MjE3IDE4LjgyODQgMTYuMTcxNkMxOC4wNzgzIDE1LjQyMTQgMTcuMDYwOSAxNSAxNiAxNUg4QzYuOTM5MTMgMTUgNS45MjE3MiAxNS40MjE0IDUuMTcxNTcgMTYuMTcxNkM0LjQyMTQzIDE2LjkyMTcgNCAxNy45MzkxIDQgMTlWMjEiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDExQzE0LjIwOTEgMTEgMTYgOS4yMDkxNCAxNiA3QzE2IDQuNzkwODYgMTQuMjA5MSAzIDEyIDNDOS43OTA4NiAzIDggNC43OTA4NiA4IDdDOCA5LjIwOTE0IDkuNzkwODYgMTEgMTIgMTFaIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.messanger__info-inputs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -5px -5px;
  justify-content: space-between;
}
.messanger__info-price {
  flex: 0 0 15%;
  display: flex;
  flex-direction: column;
}
.messanger__info-description {
  flex: 0 1 84%;
}
.messanger__info-item {
  flex: 0 0 32%;
  margin: 5px 5px;
}
.messanger__info-item label {
  color: #0a123e;
  font-weight: 500;
  font-size: 16px;
  margin: 0 0 8px 18px;
  display: inline-block;
}
.messanger__info-item-double {
  flex: 0 0 65.7%;
}
.messanger__info-item-triple {
  flex: 0 1 100%;
}
.messanger__info-item-half {
  flex: 0 1 49%;
}
.messanger__info-input {
  position: relative;
}
.messanger__info-input > input {
  width: 100%;
  padding: 20px 20px 20px 20px;
  background: #f9f9fc;
  border-radius: 12px;
  font-size: 16px;
  color: #0a123e;
}
.messanger__info-input > textarea {
  width: 100%;
  padding: 20px 20px 20px 20px;
  background: #f9f9fc;
  border-radius: 12px;
  font-size: 16px;
  color: #0a123e;
  height: 286px;
  resize: none;
}
.messanger__info-input:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
}
.messanger__info-country > input {
  padding: 20px 20px 20px 54px;
}
.messanger__info-country:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNlYyMkw4IDE4TDE2IDIyTDIzIDE4VjJMMTYgNkw4IDJMMSA2WiIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAyVjE4IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNiA2VjIyIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.messanger__info-price > input {
  padding: 20px 20px 20px 54px;
}
.messanger__info-price:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMjBDOCAyMC41NTIzIDguNDQ3NzIgMjEgOSAyMUM5LjU1MjI5IDIxIDEwIDIwLjU1MjMgMTAgMjBWMThIMTVDMTUuNTUyMyAxOCAxNiAxNy41NTIzIDE2IDE3QzE2IDE2LjQ0NzcgMTUuNTUyMyAxNiAxNSAxNkgxMFYxNEgxNC41QzE3LjI1NyAxNCAxOS41IDExLjc1NyAxOS41IDlDMTkuNSA2LjI0MyAxNy4yNTcgNCAxNC41IDRIOUM4LjczNDc4IDQgOC40ODA0MyA0LjEwNTM2IDguMjkyODkgNC4yOTI4OUM4LjEwNTM2IDQuNDgwNDMgOCA0LjczNDc4IDggNVYxMkg2QzUuNDQ3NzIgMTIgNSAxMi40NDc3IDUgMTNDNSAxMy41NTIzIDUuNDQ3NzIgMTQgNiAxNEg4VjE2SDZDNS40NDc3MiAxNiA1IDE2LjQ0NzcgNSAxN0M1IDE3LjU1MjMgNS40NDc3MiAxOCA2IDE4SDhWMjBaTTEwIDZIMTQuNUMxNi4xNTQgNiAxNy41IDcuMzQ2IDE3LjUgOUMxNy41IDEwLjY1NCAxNi4xNTQgMTIgMTQuNSAxMkgxMFY2WiIgZmlsbD0iIzAwQkU2NSIvPgo8L3N2Zz4K) center no-repeat;
}
.messanger__info-description > input {
  height: 100%;
}
.messanger__info-description:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMjBDOCAyMC41NTIzIDguNDQ3NzIgMjEgOSAyMUM5LjU1MjI5IDIxIDEwIDIwLjU1MjMgMTAgMjBWMThIMTVDMTUuNTUyMyAxOCAxNiAxNy41NTIzIDE2IDE3QzE2IDE2LjQ0NzcgMTUuNTUyMyAxNiAxNSAxNkgxMFYxNEgxNC41QzE3LjI1NyAxNCAxOS41IDExLjc1NyAxOS41IDlDMTkuNSA2LjI0MyAxNy4yNTcgNCAxNC41IDRIOUM4LjczNDc4IDQgOC40ODA0MyA0LjEwNTM2IDguMjkyODkgNC4yOTI4OUM4LjEwNTM2IDQuNDgwNDMgOCA0LjczNDc4IDggNVYxMkg2QzUuNDQ3NzIgMTIgNSAxMi40NDc3IDUgMTNDNSAxMy41NTIzIDUuNDQ3NzIgMTQgNiAxNEg4VjE2SDZDNS40NDc3MiAxNiA1IDE2LjQ0NzcgNSAxN0M1IDE3LjU1MjMgNS40NDc3MiAxOCA2IDE4SDhWMjBaTTEwIDZIMTQuNUMxNi4xNTQgNiAxNy41IDcuMzQ2IDE3LjUgOUMxNy41IDEwLjY1NCAxNi4xNTQgMTIgMTQuNSAxMkgxMFY2WiIgZmlsbD0iIzAwQkU2NSIvPgo8L3N2Zz4K) center no-repeat;
}
.messanger__documents-title p {
  color: #0a123e;
  font-weight: 500;
  font-size: 16px;
  margin: 0 0 8px 18px;
}
.messanger__document-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background: #f9f9fc;
  border-radius: 12px;
  padding: 16px;
  margin: 10px -5px 30px;
}
.messanger__document-list img {
  width: 144px;
  height: 144px;
  margin: 0 5px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 12px;
}
.messanger__document-add button {
  background: #00be65;
  border-radius: 8px;
  padding: 10px 37px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.5s ease;
}
.messanger__document-add button:hover {
  cursor: pointer;
  color: #0a123e;
  background: rgba(0, 190, 101, 0.1);
}
.messanger__document-add span {
  font-size: 16px;
  color: rgba(10, 18, 62, 0.5);
  margin-left: 20px;
}
.messanger__save {
  background: #00be65;
  border-radius: 8px;
  padding: 10px 37px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  margin-top: 50px;
  transition: all 0.5s ease;
}
.messanger__save:hover {
  cursor: pointer;
  color: #0a123e;
  background: rgba(0, 190, 101, 0.1);
}

.image-slider {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.image-slider .button {
  padding: 56px 10px;
}
@media (max-width: 550px) {
  .image-slider .button {
    padding: 20px 10px;
    background: rgba(10, 18, 62, 0.1);
  }
  .image-slider .button > i {
    border-color: #0a123e;
  }
  .image-slider .button:hover {
    background: #0a123e;
  }
  .image-slider .button:hover > i {
    border-color: white;
  }
}
.image-slider__items {
  position: absolute;
  flex: 1;
  display: flex;
  max-width: calc(100% - 89px);
  height: 95%;
  margin-top: 3px;
  margin-left: 40px;
  padding: 0 11px;
  overflow-x: auto;
  overflow-y: hidden;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
@media (max-width: 550px) {
  .image-slider__items {
    margin-left: 30px;
    max-width: calc(100% - 70px);
  }
}
.image-slider__items::-webkit-scrollbar {
  display: none;
}
.image-slider__items > div {
  cursor: pointer;
  flex-shrink: 0;
  width: 63px;
  height: 100%;
  margin-right: 31px;
  border: 2px solid transparent;
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
  opacity: 0.5;
  filter: grayscale(0.5);
  transition: all 0.3s ease;
}
@media (max-width: 550px) {
  .image-slider__items > div {
    margin-right: 6px;
  }
}
.image-slider__items > div:hover {
  border-color: #00be65;
}
.image-slider__items > div.active {
  opacity: 1;
  filter: none;
  border-color: #00be65;
}
.image-slider__items > div > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  background: none;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.operation-history {
  margin-top: 20px;
  padding: 20px;
}
.operation-history__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 190, 101, 0.1);
}
@media (max-width: 650px) {
  .operation-history__header {
    padding-bottom: 10px;
  }
}
@media (max-width: 550px) {
  .operation-history__header {
    flex-wrap: nowrap;
  }
}
.operation-history__header-title {
  color: #00be65;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
@media (max-width: 550px) {
  .operation-history__header-title {
    font-size: 14px;
    padding-left: 25px;
    white-space: nowrap;
  }
}
.operation-history__header-title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDRWMTBIMTciIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgMjBWMTRINyIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMy41MSA5LjAwMDA4QzQuMDE3MTcgNy41NjY4NiA0Ljg3OTEzIDYuMjg1NDggNi4wMTU0NyA1LjI3NTQ5QzcuMTUxOCA0LjI2NTUxIDguNTI1NDcgMy41NTk4NCAxMC4wMDgzIDMuMjI0MzNDMTEuNDkxMSAyLjg4ODgzIDEzLjAzNDggMi45MzQ0MiAxNC40OTUyIDMuMzU2ODVDMTUuOTU1NiAzLjc3OTI4IDE3LjI4NTMgNC41NjQ3OSAxOC4zNiA1LjY0MDA4TDIzIDEwLjAwMDFNMSAxNC4wMDAxTDUuNjQgMTguMzYwMUM2LjcxNDc1IDE5LjQzNTQgOC4wNDQzNyAyMC4yMjA5IDkuNTA0ODEgMjAuNjQzM0MxMC45NjUyIDIxLjA2NTcgMTIuNTA4OSAyMS4xMTEzIDEzLjk5MTcgMjAuNzc1OEMxNS40NzQ1IDIwLjQ0MDMgMTYuODQ4MiAxOS43MzQ2IDE3Ljk4NDUgMTguNzI0N0MxOS4xMjA5IDE3LjcxNDcgMTkuOTgyOCAxNi40MzMzIDIwLjQ5IDE1LjAwMDEiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
@media (max-width: 550px) {
  .operation-history__header-title:before {
    top: -25%;
    transform: scale(0.8);
  }
}
.operation-history__info {
  display: flex;
  align-items: center;
}
@media (max-width: 650px) {
  .operation-history__info {
    margin-top: 10px;
  }
}
@media (max-width: 550px) {
  .operation-history__info {
    flex-direction: column;
    align-items: flex-start;
  }
}
.operation-history__info p {
  position: relative;
  margin-right: 40px;
  padding-left: 20px;
}
@media (max-width: 550px) {
  .operation-history__info p {
    padding-left: 15px;
    white-space: nowrap;
    font-size: 10px;
    margin-right: 0;
    margin-bottom: 3px;
  }
}
.operation-history__info p:last-of-type {
  margin-right: 0;
}
.operation-history__info p.green-semi::before {
  content: '';
  position: absolute;
  left: 0;
  top: 28%;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #00be65;
}
@media (max-width: 550px) {
  .operation-history__info p.green-semi::before {
    width: 7px;
    height: 7px;
  }
}
.operation-history__info p.red-semi::before {
  content: '';
  position: absolute;
  left: 0;
  top: 28%;
  width: 9px;
  height: 9px;
  border-radius: 100%;
  background-color: #ff4343;
}
@media (max-width: 550px) {
  .operation-history__info p.red-semi::before {
    width: 7px;
    height: 7px;
  }
}
.operation-history .table {
  border-collapse: separate;
  border-spacing: 0 10px;
}
@media (max-width: 650px) {
  .operation-history .table {
    display: none;
  }
}
.operation-history .table__row.green {
  background-color: rgba(0, 190, 101, 0.1);
}
.operation-history .table__row.red {
  background-color: rgba(255, 67, 67, 0.1);
}
.operation-history .table__col {
  padding: 8px 20px;
  color: #0a123e;
}
.operation-history .mobile {
  display: none;
}
@media (max-width: 650px) {
  .operation-history .mobile {
    display: block;
  }
}
.operation-history .mobile__item {
  padding: 10px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 8px;
  position: relative;
  margin-bottom: 10px;
}
.operation-history .mobile__row {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px;
  color: #0a123e;
  margin: 0 -10px 10px -10px;
}
.operation-history .mobile__row:last-of-type {
  margin: 0 -10px;
}
.operation-history .mobile__row p {
  margin: 0 10px;
  font-weight: 500;
  font-size: 14px;
}
.operation-history .mobile__row p > span {
  color: rgba(10, 18, 62, 0.5);
  display: block;
}
.operation-history .mobile__button {
  border-top: 1px solid rgba(10, 18, 62, 0.1);
  margin-top: 10px;
  padding-top: 10px;
}
.operation-history .mobile__button_red {
  background-color: #ff4343;
  color: white;
}
.operation-history .mobile__button button {
  width: 100%;
}

.deals-documents-status {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.deals-documents-status button {
  margin-left: 10px;
}
.deals-documents .document-tooltip {
  width: 220px;
}
.deals-documents-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(10, 18, 62, 0.7);
  z-index: 99999;
}
.deals-documents-popup__inner {
  max-width: 70%;
  min-width: 50%;
  max-height: 70vh;
  overflow-y: auto;
  background-color: white;
  border-radius: 10px;
  padding: 30px;
}
@media (max-width: 800px) {
  .deals-documents-popup__inner {
    max-width: 90%;
    min-width: 70%;
    padding: 15px;
  }
}
.deals-documents-popup__cross {
  cursor: pointer;
  width: 15px;
  height: 15px;
  opacity: 0.5;
}
.deals-documents-popup__cross:hover {
  opacity: 1;
}
.deals-documents-popup__cross:before,
.deals-documents-popup__cross:after {
  position: absolute;
  margin-left: 5px;
  content: ' ';
  height: 15px;
  width: 2px;
  background-color: #0a123e;
}
.deals-documents-popup__cross:before {
  transform: rotate(45deg);
}
.deals-documents-popup__cross:after {
  transform: rotate(-45deg);
}
.deals-documents-popup__form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px;
}
@media (max-width: 800px) {
  .deals-documents-popup__form {
    flex-direction: column;
    align-items: unset;
    margin-top: 8px;
  }
  .deals-documents-popup__form > * {
    margin-bottom: 8px;
  }
}
.deals-documents-popup__form-select {
  margin-left: 10px;
  margin-right: 15px;
}
.deals-documents-popup__form-select .form-select__display {
  padding: 10px 20px;
}
.deals-documents-popup__form-file-attach {
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.deals-documents-popup__form-file-attach img {
  width: 30px;
  max-height: 40px;
}
.deals-documents-popup__form-file-attach p {
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (min-width: 800px) {
  .deals-documents-popup__table.mob {
    display: none;
  }
}
@media (max-width: 800px) {
  .deals-documents-popup__table.desk {
    display: none;
  }
}
.deals-documents-popup__table .document-image {
  width: 50px;
  max-height: 70px;
}
.deals-documents-popup__table .document-text {
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-cancel {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 14px;
  width: 250px;
  padding: 18px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  transition: all 0.5s ease;
  opacity: 0;
  z-index: -1;
}
.popup-cancel__title {
  font-weight: 500;
  font-size: 16px;
  color: #0a123e;
  text-align: center;
  margin-bottom: 30px;
}
.popup-cancel__change {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
}
.popup-cancel__change button {
  transition: all 0.5s ease;
  background: rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  color: #00be65;
  margin: 5px 0;
}
.popup-cancel__change button:hover {
  background: #00be65;
  color: white;
}

.popup-confirm {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 14px;
  width: 250px;
  padding: 18px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  text-align: center;
  transition: all 0.5s ease;
  opacity: 0;
  z-index: -1;
}
.popup-confirm__info {
  font-weight: 500;
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
  margin-bottom: 25px;
}
.popup-confirm__info span {
  color: #00be65;
}
.popup-confirm__title {
  font-weight: 500;
  font-size: 16px;
  color: #0a123e;
  margin-bottom: 30px;
}
.popup-confirm__change {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
}
.popup-confirm__change button {
  transition: all 0.5s ease;
  background: rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  color: #00be65;
  margin: 5px 0;
}
.popup-confirm__change button:hover {
  background: #00be65;
  color: white;
}

.popup-confirm {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 14px;
  width: 250px;
  padding: 18px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  text-align: center;
  transition: all 0.5s ease;
  opacity: 0;
  z-index: -1;
}
.popup-confirm__info {
  font-weight: 500;
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
  margin-bottom: 25px;
}
.popup-confirm__info span {
  color: #00be65;
}
.popup-confirm__title {
  font-weight: 500;
  font-size: 16px;
  color: #0a123e;
  margin-bottom: 30px;
}
.popup-confirm__change {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
}
.popup-confirm__change button {
  transition: all 0.5s ease;
  background: rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  color: #00be65;
  margin: 5px 0;
}
.popup-confirm__change button:hover {
  background: #00be65;
  color: white;
}

.popup-reserve {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 14px;
  width: 250px;
  padding: 18px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  text-align: center;
  transition: all 0.5s ease;
  opacity: 0;
  z-index: -1;
}
.popup-reserve__info {
  font-weight: 500;
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
}
.popup-reserve__price {
  color: #00be65;
  font-size: 20px;
  margin-bottom: 15px;
}
.popup-reserve__title {
  font-weight: 500;
  font-size: 18px;
  color: #0a123e;
  margin-bottom: 30px;
}
.popup-reserve__change {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
}
.popup-reserve__change button {
  transition: all 0.5s ease;
  background: rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  color: #00be65;
  margin: 5px 0;
}
.popup-reserve__change button:hover {
  background: #00be65;
  color: white;
}

.popup-notification {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 14px;
  width: 250px;
  padding: 18px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  text-align: center;
  transition: all 0.5s ease;
  opacity: 0;
  z-index: -1;
}
.popup-notification__title {
  font-weight: 500;
  font-size: 18px;
  color: #0a123e;
  margin-bottom: 30px;
}
.popup-notification button {
  transition: all 0.5s ease;
  background: rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  color: #00be65;
  margin: 5px 0;
  width: 100%;
}
.popup-notification button:hover {
  background: #00be65;
  color: white;
}

.popup-nobalance {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 14px;
  width: 250px;
  padding: 18px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  text-align: center;
  overflow: hidden;
  transition: all 0.5s ease;
  opacity: 0;
  z-index: -1;
}
.popup-nobalance__content {
  margin-top: 120px;
}
.popup-nobalance__head {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MCA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM4LjU4OTggMTQuNDc0OUw2LjgyNzM0IDY3LjQ5OTlDNi4xNzI0NyA2OC42MzQgNS44MjU5NiA2OS45MTk4IDUuODIyMyA3MS4yMjk0QzUuODE4NjMgNzIuNTM4OSA2LjE1NzkzIDczLjgyNjYgNi44MDY0NCA3NC45NjQ0QzcuNDU0OTQgNzYuMTAyMSA4LjM5MDA2IDc3LjA1MDIgOS41MTg3NCA3Ny43MTQ0QzEwLjY0NzQgNzguMzc4NSAxMS45MzAzIDc4LjczNTUgMTMuMjM5OCA3OC43NDk5SDc2Ljc2NDhDNzguMDc0MyA3OC43MzU1IDc5LjM1NzIgNzguMzc4NSA4MC40ODU5IDc3LjcxNDRDODEuNjE0NiA3Ny4wNTAyIDgyLjU0OTcgNzYuMTAyMSA4My4xOTgyIDc0Ljk2NDRDODMuODQ2NyA3My44MjY2IDg0LjE4NiA3Mi41Mzg5IDg0LjE4MjQgNzEuMjI5NEM4NC4xNzg3IDY5LjkxOTggODMuODMyMiA2OC42MzQgODMuMTc3MyA2Ny40OTk5TDUxLjQxNDggMTQuNDc0OUM1MC43NDYzIDEzLjM3MjggNDkuODA1IDEyLjQ2MTYgNDguNjgxOCAxMS44MjkyQzQ3LjU1ODYgMTEuMTk2OCA0Ni4yOTEzIDEwLjg2NDYgNDUuMDAyMyAxMC44NjQ2QzQzLjcxMzMgMTAuODY0NiA0Mi40NDYxIDExLjE5NjggNDEuMzIyOSAxMS44MjkyQzQwLjE5OTYgMTIuNDYxNiAzOS4yNTgzIDEzLjM3MjggMzguNTg5OCAxNC40NzQ5VjE0LjQ3NDlaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNDUgMzMuNzVWNDguNzUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik00NSA2My43NUg0NS4wMzY3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat, #ff4343;
  height: 130px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.popup-nobalance__info {
  font-weight: 500;
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
}
.popup-nobalance__price {
  color: #00be65;
  font-size: 20px;
  margin-bottom: 15px;
}
.popup-nobalance__title {
  font-weight: 500;
  font-size: 18px;
  color: #0a123e;
  margin-bottom: 20px;
}
.popup-nobalance__change {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
}
.popup-nobalance__change button {
  transition: all 0.5s ease;
  background: rgba(255, 67, 67, 0.1);
  border-radius: 10px;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  color: #ff4343;
  margin: 5px 0;
}
.popup-nobalance__change button:hover {
  background: #ff4343;
  color: white;
}

.popup-update {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 14px;
  width: 250px;
  padding: 18px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  text-align: center;
  transition: all 0.5s ease;
  opacity: 0;
  z-index: -1;
}
.popup-update__info {
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
  margin-bottom: 25px;
}
.popup-update__title {
  font-weight: 500;
  font-size: 18px;
  color: #0a123e;
  margin-bottom: 10px;
}
.popup-update__change {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
}
.popup-update__change button {
  transition: all 0.5s ease;
  background: rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  color: #00be65;
  margin: 5px 0;
}
.popup-update__change button:hover {
  background: #00be65;
  color: white;
}

.toast-success {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #00be65;
  border-radius: 6px;
  width: 250px;
  padding: 20px 20px 28px 20px;
  transition: all 0.5s ease;
  overflow: hidden;
}
.toast-success__title {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.toast-success progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
}
.toast-success progress[value]::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0.2);
}
.toast-success progress[value]::-webkit-progress-value {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
}

.toast-error {
  position: fixed;
  bottom: 10px;
  left: -500px;
  background: #ff4343;
  border-radius: 6px;
  width: 333px;
  padding: 20px 20px 28px 20px;
  transition: all 0.5s ease;
  overflow: hidden;
}
.toast-error-show {
  left: 10px;
}
.toast-error__title {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 5px;
}
.toast-error__description {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.toast-error progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
}
.toast-error progress[value]::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0.2);
}
.toast-error progress[value]::-webkit-progress-value {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
}

.deals {
  width: 50%;
  flex: 0 1 80%;
  margin: 0 10px;
}
@media (max-width: 700px) {
  .deals {
    width: auto;
  }
}
.deals__wrapper {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  padding: 23px 20px;
  border-radius: 14px;
  margin-bottom: 30px;
}
.deals__table-wrapper {
  margin-bottom: 40px;
  overflow: auto;
  transform: scaleY(-1);
  scroll-margin-top: 50px;
}
@media (max-width: 700px) {
  .deals__table-wrapper {
    display: none;
  }
}
.deals .table {
  transform: scaleY(-1);
  display: inline-table;
}
.deals .table__row {
  cursor: pointer;
}
.deals .mobile {
  display: none;
}
@media (max-width: 700px) {
  .deals .mobile {
    display: block;
  }
}
.deals .mobile__item {
  padding: 10px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 8px;
  position: relative;
  margin-bottom: 10px;
}
.deals .mobile__row {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px;
  color: #0a123e;
  margin: 0 -10px 10px -10px;
}
.deals .mobile__row:last-of-type {
  margin: 0 -10px;
}
.deals .mobile__row p {
  margin: 0 10px;
  font-weight: 500;
  font-size: 14px;
}
.deals .mobile__row p > span {
  color: rgba(10, 18, 62, 0.5);
  display: block;
}
.deals .mobile__button {
  border-top: 1px solid rgba(10, 18, 62, 0.1);
  margin-top: 10px;
  padding-top: 10px;
}
.deals .mobile__button button {
  width: 100%;
}
.deals .to-deal-button {
  padding: 5px 10px;
}
.deals__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
.deals__header__title p {
  color: #00be65;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
.deals__header__title p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDJINkM1LjQ2OTU3IDIgNC45NjA4NiAyLjIxMDcxIDQuNTg1NzkgMi41ODU3OUM0LjIxMDcxIDIuOTYwODYgNCAzLjQ2OTU3IDQgNFYyMEM0IDIwLjUzMDQgNC4yMTA3MSAyMS4wMzkxIDQuNTg1NzkgMjEuNDE0MkM0Ljk2MDg2IDIxLjc4OTMgNS40Njk1NyAyMiA2IDIySDE4QzE4LjUzMDQgMjIgMTkuMDM5MSAyMS43ODkzIDE5LjQxNDIgMjEuNDE0MkMxOS43ODkzIDIxLjAzOTEgMjAgMjAuNTMwNCAyMCAyMFY4TDE0IDJaIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNCAyVjhIMjAiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDEzSDgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE3SDgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEwIDlIOUg4IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.deals__header__info {
  display: flex;
  align-items: center;
}
.deals .table__row {
  cursor: pointer;
}
.deals .table__col {
  padding: 10px 20px;
}

.notifications {
  width: 50%;
  margin: 0 10px;
  flex: 0 1 80%;
}
@media (max-width: 700px) {
  .notifications {
    width: 100%;
  }
}
.notifications__wrapper {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  padding: 23px 20px 10px;
  border-radius: 14px;
  margin-bottom: 30px;
}
.notifications__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
.notifications__header__title p {
  color: #00be65;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
.notifications__header__title p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDhDMTggNi40MDg3IDE3LjM2NzkgNC44ODI1OCAxNi4yNDI2IDMuNzU3MzZDMTUuMTE3NCAyLjYzMjE0IDEzLjU5MTMgMiAxMiAyQzEwLjQwODcgMiA4Ljg4MjU4IDIuNjMyMTQgNy43NTczNiAzLjc1NzM2QzYuNjMyMTQgNC44ODI1OCA2IDYuNDA4NyA2IDhDNiAxNSAzIDE3IDMgMTdIMjFDMjEgMTcgMTggMTUgMTggOFoiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzLjcyOTUgMjFDMTMuNTUzNyAyMS4zMDMxIDEzLjMwMTQgMjEuNTU0NyAxMi45OTc4IDIxLjcyOTVDMTIuNjk0MSAyMS45MDQ0IDEyLjM0OTkgMjEuOTk2NSAxMS45OTk1IDIxLjk5NjVDMTEuNjQ5MiAyMS45OTY1IDExLjMwNDkgMjEuOTA0NCAxMS4wMDEzIDIxLjcyOTVDMTAuNjk3NyAyMS41NTQ3IDEwLjQ0NTMgMjEuMzAzMSAxMC4yNjk1IDIxIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.notifications .action-button {
  padding: 5px 15px;
}

.myproducts__main {
  margin: 0 10px;
  flex: 0 1 80%;
}
.myproducts__main .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 1100px) {
  .myproducts__main .head {
    margin-top: 20px;
  }
}
@media (max-width: 800px) {
  .myproducts__main .head {
    flex-wrap: wrap;
  }
}
.myproducts__main .head > p {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
}
@media (max-width: 800px) {
  .myproducts__main .head > p {
    order: 1;
  }
}
.myproducts__main .head > button {
  background: #00be65;
  border-radius: 8px;
  padding: 10px 28px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
}
@media (max-width: 800px) {
  .myproducts__main .head > button {
    order: 0;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 800px) {
  .myproducts__main .head__status {
    order: 2;
  }
}
.myproducts__list {
  display: flex;
  flex-direction: column;
  margin: -10px 0;
}
@media (max-width: 950px) {
  .myproducts__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex: 1 1 40%;
  }
}
.myproducts__list .item {
  margin: 10px 0;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 16px;
  padding: 14px;
  display: flex;
}
@media (max-width: 950px) {
  .myproducts__list .item {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid rgba(10, 18, 62, 0.1);
    flex-direction: column;
    flex: 0 0 50%;
  }
}
.myproducts__list .item__edit {
  display: none;
  padding: 12px !important;
  position: relative;
  background: #fc6e20 !important;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff !important;
}
@media (max-width: 550px) {
  .myproducts__list .item__edit {
    padding: 5px 10px !important;
    font-size: 10px;
  }
}
@media (max-width: 950px) {
  .myproducts__list .item__edit {
    display: block;
  }
}
.myproducts__list .item__save-check:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgzMzIgMTcuNUw5Ljk5OTg0IDEzLjMzMzNMNC4xNjY1IDE3LjVWNC4xNjY2N0M0LjE2NjUgMy43MjQ2NCA0LjM0MjEgMy4zMDA3MiA0LjY1NDY2IDIuOTg4MTZDNC45NjcyMiAyLjY3NTU5IDUuMzkxMTQgMi41IDUuODMzMTcgMi41SDE0LjE2NjVDMTQuNjA4NSAyLjUgMTUuMDMyNSAyLjY3NTU5IDE1LjM0NSAyLjk4ODE2QzE1LjY1NzYgMy4zMDA3MiAxNS44MzMyIDMuNzI0NjQgMTUuODMzMiA0LjE2NjY3VjE3LjVaIiBmaWxsPSIjRkM2RTIwIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat !important;
  background-size: contain !important;
}
.myproducts__list .item__image {
  position: relative;
  width: 274px;
  height: 274px;
}
@media (max-width: 950px) {
  .myproducts__list .item__image {
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.myproducts__list .item__image span {
  position: absolute;
  left: 16px;
  top: 16px;
  background: #fc6e20;
  border-radius: 4px;
  padding: 6px 12px;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #ffffff;
}
@media (max-width: 500px) {
  .myproducts__list .item__image span {
    padding: 3px 6px;
    left: 10px;
    top: 10px;
  }
}
.myproducts__list .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 950px) {
  .myproducts__list .item img {
    width: 100%;
    height: 100%;
  }
}
.myproducts__list .item__info {
  padding-left: 20px;
  width: 100%;
}
@media (max-width: 950px) {
  .myproducts__list .item__info {
    padding-left: 0;
    padding-top: 20px;
  }
}
@media (max-width: 950px) {
  .myproducts__list .item__info-display {
    display: none;
  }
}
.myproducts__list .item__extra {
  display: none;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 10px -5px -5px -5px;
}
@media (max-width: 950px) {
  .myproducts__list .item__extra {
    display: flex;
  }
}
.myproducts__list .item__extra p {
  margin: 5px 5px;
  padding: 12px 10px 12px 30px;
  background: #f8f8fb;
  border-radius: 10px;
  font-size: 14px;
  line-height: 11px;
  color: #0a123e;
  position: relative;
}
@media (max-width: 500px) {
  .myproducts__list .item__extra p {
    font-size: 10px;
  }
}
.myproducts__list .item__extra p:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.myproducts__list .item__city:before {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xNy41IDguMzMzMzdDMTcuNSAxNC4xNjY3IDEwIDE5LjE2NjcgMTAgMTkuMTY2N0MxMCAxOS4xNjY3IDIuNSAxNC4xNjY3IDIuNSA4LjMzMzM3QzIuNSA2LjM0NDI1IDMuMjkwMTggNC40MzY2IDQuNjk2NyAzLjAzMDA3QzYuMTAzMjIgMS42MjM1NSA4LjAxMDg4IDAuODMzMzc0IDEwIDAuODMzMzc0QzExLjk4OTEgMC44MzMzNzQgMTMuODk2OCAxLjYyMzU1IDE1LjMwMzMgMy4wMzAwN0MxNi43MDk4IDQuNDM2NiAxNy41IDYuMzQ0MjUgMTcuNSA4LjMzMzM3WiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAgMTAuODMzNEMxMS4zODA3IDEwLjgzMzQgMTIuNSA5LjcxNDA5IDEyLjUgOC4zMzMzN0MxMi41IDYuOTUyNjYgMTEuMzgwNyA1LjgzMzM3IDEwIDUuODMzMzdDOC42MTkyOSA1LjgzMzM3IDcuNSA2Ljk1MjY2IDcuNSA4LjMzMzM3QzcuNSA5LjcxNDA5IDguNjE5MjkgMTAuODMzNCAxMCAxMC44MzM0WiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.myproducts__list .item__time {
  position: relative;
}
.myproducts__list .item__time:before {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDMgMTguMzMzM0MxNC42MDI3IDE4LjMzMzMgMTguMzMzNyAxNC42MDIzIDE4LjMzMzcgOS45OTk5NkMxOC4zMzM3IDUuMzk3NTkgMTQuNjAyNyAxLjY2NjYzIDEwLjAwMDMgMS42NjY2M0M1LjM5Nzk1IDEuNjY2NjMgMS42NjY5OSA1LjM5NzU5IDEuNjY2OTkgOS45OTk5NkMxLjY2Njk5IDE0LjYwMjMgNS4zOTc5NSAxOC4zMzMzIDEwLjAwMDMgMTguMzMzM1oiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEwIDVWMTBMMTMuMzMzMyAxMS42NjY3IiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.myproducts__list .item__time:hover span {
  display: inline;
}
.myproducts__list .item__time span {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  background: #fc6e20;
  border-radius: 6px;
  padding: 6px 12px;
  position: absolute;
  top: -30px;
  right: -20px;
  display: none;
}
.myproducts__list .item__views:before {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0wLjgzMzAwOCAxMEMwLjgzMzAwOCAxMCA0LjE2NjM0IDMuMzMzMzcgOS45OTk2NyAzLjMzMzM3QzE1LjgzMyAzLjMzMzM3IDE5LjE2NjMgMTAgMTkuMTY2MyAxMEMxOS4xNjYzIDEwIDE1LjgzMyAxNi42NjY3IDkuOTk5NjcgMTYuNjY2N0M0LjE2NjM0IDE2LjY2NjcgMC44MzMwMDggMTAgMC44MzMwMDggMTBaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAgMTIuNUMxMS4zODA3IDEyLjUgMTIuNSAxMS4zODA3IDEyLjUgMTBDMTIuNSA4LjYxOTI5IDExLjM4MDcgNy41IDEwIDcuNUM4LjYxOTI5IDcuNSA3LjUgOC42MTkyOSA3LjUgMTBDNy41IDExLjM4MDcgOC42MTkyOSAxMi41IDEwIDEyLjVaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.myproducts__list .item__price {
  margin: 30px 0;
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  color: #0a123e;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 950px) {
  .myproducts__list .item__price {
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 550px) {
  .myproducts__list .item__price {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
    margin: 0 0 15px 0;
  }
}
.myproducts__list .item__price p {
  position: relative;
  padding-left: 40px;
}
@media (max-width: 950px) {
  .myproducts__list .item__price p {
    padding-left: 30px;
  }
}
.myproducts__list .item__price p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 35px;
  height: 35px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY2NyAyOS42MjQ5QzExLjY2NyAzMC4xNzcyIDEyLjExNDcgMzAuNjI0OSAxMi42NjcgMzAuNjI0OUgxMy41ODM3QzE0LjEzNTkgMzAuNjI0OSAxNC41ODM3IDMwLjE3NzIgMTQuNTgzNyAyOS42MjQ5VjI2LjI0OTlIMjIuMzMzN0MyMi44ODU5IDI2LjI0OTkgMjMuMzMzNyAyNS44MDIyIDIzLjMzMzcgMjUuMjQ5OVYyNC4zMzMzQzIzLjMzMzcgMjMuNzgxIDIyLjg4NTkgMjMuMzMzMyAyMi4zMzM3IDIzLjMzMzNIMTQuNTgzN1YyMC40MTY2SDIxLjE0NjJDMjUuMTY2OCAyMC40MTY2IDI4LjQzNzggMTcuMTQ1NSAyOC40Mzc4IDEzLjEyNDlDMjguNDM3OCA5LjEwNDI5IDI1LjE2NjggNS44MzMyNSAyMS4xNDYyIDUuODMzMjVIMTMuMTI1M0MxMi43Mzg2IDUuODMzMjUgMTIuMzY3NiA1Ljk4NjkgMTIuMDk0MSA2LjI2MDM5QzExLjgyMDYgNi41MzM4OCAxMS42NjcgNi45MDQ4MSAxMS42NjcgNy4yOTE1OVYxNy40OTk5SDguMjkxOTlDNy43Mzk3MSAxNy40OTk5IDcuMjkxOTkgMTcuOTQ3NiA3LjI5MTk5IDE4LjQ5OTlWMTkuNDE2NkM3LjI5MTk5IDE5Ljk2ODkgNy43Mzk3MSAyMC40MTY2IDguMjkxOTkgMjAuNDE2NkgxMS42NjdWMjMuMzMzM0g4LjI5MTk5QzcuNzM5NzEgMjMuMzMzMyA3LjI5MTk5IDIzLjc4MSA3LjI5MTk5IDI0LjMzMzNWMjUuMjQ5OUM3LjI5MTk5IDI1LjgwMjIgNy43Mzk3MSAyNi4yNDk5IDguMjkxOTkgMjYuMjQ5OUgxMS42NjdWMjkuNjI0OVpNMTQuNTgzNyA4Ljc0OTkySDIxLjE0NjJDMjMuNTU4MiA4Ljc0OTkyIDI1LjUyMTIgMTAuNzEyOCAyNS41MjEyIDEzLjEyNDlDMjUuNTIxMiAxNS41MzcgMjMuNTU4MiAxNy40OTk5IDIxLjE0NjIgMTcuNDk5OUgxNC41ODM3VjguNzQ5OTJaIiBmaWxsPSIjMDBCRTY1Ii8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
@media (max-width: 950px) {
  .myproducts__list .item__price p:before {
    width: 20px;
    height: 20px;
  }
}
.myproducts__list .item__operation {
  display: flex;
}
.myproducts__list .item__sale,
.myproducts__list .item__buy {
  padding-right: 35px;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
@media (max-width: 500px) {
  .myproducts__list .item__sale,
  .myproducts__list .item__buy {
    font-size: 10px;
    padding-right: 20px;
  }
}
.myproducts__list .item__sale:after,
.myproducts__list .item__buy:after {
  position: absolute;
  content: '';
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
}
@media (max-width: 500px) {
  .myproducts__list .item__sale:after,
  .myproducts__list .item__buy:after {
    width: 10px;
    height: 10px;
    transform: translate(0, -40%);
  }
}
.myproducts__list .item__sale {
  color: #ff4343;
}
.myproducts__list .item__sale:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjI1IDlIMy43NSIgc3Ryb2tlPSIjRkY0MzQzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDMuNzVMMy43NSA5TDkgMTQuMjUiIHN0cm9rZT0iI0ZGNDM0MyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.myproducts__list .item__buy {
  color: #00be65;
}
.myproducts__list .item__buy:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgOUgxNC4yNSIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDMuNzVMMTQuMjUgOUw5IDE0LjI1IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: contain;
}
.myproducts__list .item__product-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
}
@media (max-width: 500px) {
  .myproducts__list .item__product-name {
    font-size: 10px;
  }
}
.myproducts__list .item__category {
  background: rgba(0, 190, 101, 0.1);
  border-radius: 5px;
  padding: 3px 6px;
  display: inline-flex;
  font-size: 16px;
  line-height: 19px;
  color: #00be65;
  margin: 10px 0;
}
@media (max-width: 500px) {
  .myproducts__list .item__category {
    font-size: 10px;
  }
}
.myproducts__list .item__level-one {
  padding-right: 30px;
  position: relative;
}
@media (max-width: 500px) {
  .myproducts__list .item__level-one {
    padding-right: 20px;
  }
}
.myproducts__list .item__level-one:after {
  position: absolute;
  content: '';
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMy43NUwxNC4yNSA5TDkgMTQuMjUiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjc1IDMuNzVMOSA5TDMuNzUgMTQuMjUiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
@media (max-width: 500px) {
  .myproducts__list .item__level-one:after {
    width: 10px;
    height: 10px;
    transform: translate(0, -40%);
  }
}
.myproducts__list .item__description p {
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
  opacity: 0.5;
  display: inline;
}
@media (max-width: 500px) {
  .myproducts__list .item__description p {
    font-size: 12px;
  }
}
.myproducts__list .item__description a {
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.03em;
  color: #fc6e20;
  position: relative;
  padding-right: 20px;
}
@media (max-width: 500px) {
  .myproducts__list .item__description a {
    font-size: 12px;
  }
}
.myproducts__list .item__description a:after {
  content: '';
  position: absolute;
  border: solid #fc6e20;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  top: 3px;
  right: 0px;
}
@media (max-width: 500px) {
  .myproducts__list .item__description a:after {
    top: 2px;
  }
}
.myproducts__list .item .info-display {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 950px) {
  .myproducts__list .item .info-display {
    display: none;
  }
}
.myproducts__list .item .info-display__info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
}
.myproducts__list .item .info-display__edit {
  padding: 12px 30px !important;
  background: #fc6e20 !important;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff !important;
}
@media (max-width: 550px) {
  .myproducts__list .item .info-display__edit {
    padding: 5px 10px !important;
    font-size: 10px;
  }
}

.myproducts__main {
  margin: 0 10px;
  flex: 0 1 80%;
}
.myproducts__main .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 1100px) {
  .myproducts__main .head {
    margin-top: 20px;
  }
}
@media (max-width: 800px) {
  .myproducts__main .head {
    flex-wrap: wrap;
  }
}
.myproducts__main .head > p {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
}
@media (max-width: 800px) {
  .myproducts__main .head > p {
    order: 1;
  }
}
.myproducts__main .head > button {
  background: #00be65;
  border-radius: 8px;
  padding: 10px 28px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff;
}
@media (max-width: 800px) {
  .myproducts__main .head > button {
    order: 0;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media (max-width: 800px) {
  .myproducts__main .head__status {
    order: 2;
  }
}
.myproducts__list {
  display: flex;
  flex-direction: column;
}
@media (max-width: 950px) {
  .myproducts__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    flex: 1 1 40%;
  }
}
.myproducts__list .item {
  margin: 10px 0;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 16px;
  padding: 14px;
  display: flex;
  transition: box-shadow 0.5s;
}
@media (max-width: 950px) {
  .myproducts__list .item {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid rgba(10, 18, 62, 0.1);
    flex-direction: column;
    flex: 0 0 50%;
  }
}
.myproducts__list .item:hover {
  box-shadow: 0 0 45px rgba(0, 0, 0, 0.4);
}
.myproducts__list .item__edit {
  display: none;
  padding: 12px !important;
  position: relative;
  background: #fc6e20 !important;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff !important;
}
@media (max-width: 550px) {
  .myproducts__list .item__edit {
    padding: 5px 10px !important;
    font-size: 10px;
  }
}
@media (max-width: 950px) {
  .myproducts__list .item__edit {
    display: block;
  }
}
.myproducts__list .item__save-check:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjgzMzIgMTcuNUw5Ljk5OTg0IDEzLjMzMzNMNC4xNjY1IDE3LjVWNC4xNjY2N0M0LjE2NjUgMy43MjQ2NCA0LjM0MjEgMy4zMDA3MiA0LjY1NDY2IDIuOTg4MTZDNC45NjcyMiAyLjY3NTU5IDUuMzkxMTQgMi41IDUuODMzMTcgMi41SDE0LjE2NjVDMTQuNjA4NSAyLjUgMTUuMDMyNSAyLjY3NTU5IDE1LjM0NSAyLjk4ODE2QzE1LjY1NzYgMy4zMDA3MiAxNS44MzMyIDMuNzI0NjQgMTUuODMzMiA0LjE2NjY3VjE3LjVaIiBmaWxsPSIjRkM2RTIwIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat !important;
  background-size: contain !important;
}
.myproducts__list .item__image {
  position: relative;
  width: 274px;
  height: 274px;
}
@media (max-width: 950px) {
  .myproducts__list .item__image {
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.myproducts__list .item__image span {
  position: absolute;
  left: 16px;
  top: 16px;
  background: #fc6e20;
  border-radius: 4px;
  padding: 6px 12px;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #ffffff;
}
@media (max-width: 500px) {
  .myproducts__list .item__image span {
    padding: 3px 6px;
    left: 10px;
    top: 10px;
  }
}
.myproducts__list .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 950px) {
  .myproducts__list .item img {
    width: 100%;
    height: 100%;
  }
}
.myproducts__list .item__info {
  padding-left: 20px;
  width: 100%;
}
@media (max-width: 950px) {
  .myproducts__list .item__info {
    padding-left: 0;
    padding-top: 20px;
  }
}
@media (max-width: 950px) {
  .myproducts__list .item__info-display {
    display: none;
  }
}
.myproducts__list .item__extra {
  display: none;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 10px -5px -5px -5px;
}
@media (max-width: 950px) {
  .myproducts__list .item__extra {
    display: flex;
  }
}
.myproducts__list .item__extra p {
  margin: 5px 5px;
  padding: 12px 10px 12px 30px;
  background: #f8f8fb;
  border-radius: 10px;
  font-size: 14px;
  line-height: 11px;
  color: #0a123e;
  position: relative;
}
@media (max-width: 500px) {
  .myproducts__list .item__extra p {
    font-size: 10px;
    padding: 6px 5px 6px 25px;
  }
}
.myproducts__list .item__extra p:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.myproducts__list .item__city:before {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xNy41IDguMzMzMzdDMTcuNSAxNC4xNjY3IDEwIDE5LjE2NjcgMTAgMTkuMTY2N0MxMCAxOS4xNjY3IDIuNSAxNC4xNjY3IDIuNSA4LjMzMzM3QzIuNSA2LjM0NDI1IDMuMjkwMTggNC40MzY2IDQuNjk2NyAzLjAzMDA3QzYuMTAzMjIgMS42MjM1NSA4LjAxMDg4IDAuODMzMzc0IDEwIDAuODMzMzc0QzExLjk4OTEgMC44MzMzNzQgMTMuODk2OCAxLjYyMzU1IDE1LjMwMzMgMy4wMzAwN0MxNi43MDk4IDQuNDM2NiAxNy41IDYuMzQ0MjUgMTcuNSA4LjMzMzM3WiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAgMTAuODMzNEMxMS4zODA3IDEwLjgzMzQgMTIuNSA5LjcxNDA5IDEyLjUgOC4zMzMzN0MxMi41IDYuOTUyNjYgMTEuMzgwNyA1LjgzMzM3IDEwIDUuODMzMzdDOC42MTkyOSA1LjgzMzM3IDcuNSA2Ljk1MjY2IDcuNSA4LjMzMzM3QzcuNSA5LjcxNDA5IDguNjE5MjkgMTAuODMzNCAxMCAxMC44MzM0WiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.myproducts__list .item__time {
  position: relative;
}
.myproducts__list .item__time:before {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDMgMTguMzMzM0MxNC42MDI3IDE4LjMzMzMgMTguMzMzNyAxNC42MDIzIDE4LjMzMzcgOS45OTk5NkMxOC4zMzM3IDUuMzk3NTkgMTQuNjAyNyAxLjY2NjYzIDEwLjAwMDMgMS42NjY2M0M1LjM5Nzk1IDEuNjY2NjMgMS42NjY5OSA1LjM5NzU5IDEuNjY2OTkgOS45OTk5NkMxLjY2Njk5IDE0LjYwMjMgNS4zOTc5NSAxOC4zMzMzIDEwLjAwMDMgMTguMzMzM1oiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEwIDVWMTBMMTMuMzMzMyAxMS42NjY3IiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.myproducts__list .item__time:hover span {
  display: inline;
}
.myproducts__list .item__time span {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  background: #fc6e20;
  border-radius: 6px;
  padding: 6px 12px;
  position: absolute;
  top: -30px;
  right: -20px;
  display: none;
}
.myproducts__list .item__views:before {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0wLjgzMzAwOCAxMEMwLjgzMzAwOCAxMCA0LjE2NjM0IDMuMzMzMzcgOS45OTk2NyAzLjMzMzM3QzE1LjgzMyAzLjMzMzM3IDE5LjE2NjMgMTAgMTkuMTY2MyAxMEMxOS4xNjYzIDEwIDE1LjgzMyAxNi42NjY3IDkuOTk5NjcgMTYuNjY2N0M0LjE2NjM0IDE2LjY2NjcgMC44MzMwMDggMTAgMC44MzMwMDggMTBaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAgMTIuNUMxMS4zODA3IDEyLjUgMTIuNSAxMS4zODA3IDEyLjUgMTBDMTIuNSA4LjYxOTI5IDExLjM4MDcgNy41IDEwIDcuNUM4LjYxOTI5IDcuNSA3LjUgOC42MTkyOSA3LjUgMTBDNy41IDExLjM4MDcgOC42MTkyOSAxMi41IDEwIDEyLjVaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.myproducts__list .item__price {
  margin: 30px 0;
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  color: #0a123e;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 950px) {
  .myproducts__list .item__price {
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 550px) {
  .myproducts__list .item__price {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
    margin: 0 0 15px 0;
  }
}
.myproducts__list .item__price p {
  position: relative;
}
.myproducts__list .item__operation {
  display: flex;
}
.myproducts__list .item__sale,
.myproducts__list .item__buy {
  padding-right: 35px;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
@media (max-width: 500px) {
  .myproducts__list .item__sale,
  .myproducts__list .item__buy {
    font-size: 10px;
    padding-right: 20px;
  }
}
.myproducts__list .item__sale:after,
.myproducts__list .item__buy:after {
  position: absolute;
  content: '';
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
}
@media (max-width: 500px) {
  .myproducts__list .item__sale:after,
  .myproducts__list .item__buy:after {
    width: 10px;
    height: 10px;
    transform: translate(0, -40%);
  }
}
.myproducts__list .item__sale {
  color: #ff4343;
}
.myproducts__list .item__sale:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjI1IDlIMy43NSIgc3Ryb2tlPSIjRkY0MzQzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDMuNzVMMy43NSA5TDkgMTQuMjUiIHN0cm9rZT0iI0ZGNDM0MyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.myproducts__list .item__buy {
  color: #00be65;
}
.myproducts__list .item__buy:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgOUgxNC4yNSIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDMuNzVMMTQuMjUgOUw5IDE0LjI1IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: contain;
}
.myproducts__list .item__product-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
}
@media (max-width: 500px) {
  .myproducts__list .item__product-name {
    font-size: 10px;
  }
}
.myproducts__list .item__category {
  background: rgba(0, 190, 101, 0.1);
  border-radius: 5px;
  padding: 3px 6px;
  display: inline-flex;
  font-size: 16px;
  line-height: 19px;
  color: #00be65;
  margin: 10px 0;
}
@media (max-width: 500px) {
  .myproducts__list .item__category {
    font-size: 10px;
  }
}
.myproducts__list .item__level-one {
  padding-right: 30px;
  position: relative;
}
@media (max-width: 500px) {
  .myproducts__list .item__level-one {
    padding-right: 20px;
  }
}
.myproducts__list .item__level-one:after {
  position: absolute;
  content: '';
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMy43NUwxNC4yNSA5TDkgMTQuMjUiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjc1IDMuNzVMOSA5TDMuNzUgMTQuMjUiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
@media (max-width: 500px) {
  .myproducts__list .item__level-one:after {
    width: 10px;
    height: 10px;
    transform: translate(0, -40%);
  }
}
.myproducts__list .item__description p {
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
  opacity: 0.5;
  display: inline;
}
@media (max-width: 500px) {
  .myproducts__list .item__description p {
    font-size: 12px;
  }
}
.myproducts__list .item__description a {
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.03em;
  color: #fc6e20;
  position: relative;
  padding-right: 20px;
}
@media (max-width: 500px) {
  .myproducts__list .item__description a {
    font-size: 12px;
  }
}
.myproducts__list .item__description a:after {
  content: '';
  position: absolute;
  border: solid #fc6e20;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  top: 3px;
  right: 0px;
}
@media (max-width: 500px) {
  .myproducts__list .item__description a:after {
    top: 2px;
  }
}
.myproducts__list .item .info-display {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 950px) {
  .myproducts__list .item .info-display {
    display: none;
  }
}
.myproducts__list .item .info-display__info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
}
.myproducts__list .item .info-display__edit {
  padding: 12px 30px !important;
  background: #fc6e20 !important;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #ffffff !important;
}
@media (max-width: 550px) {
  .myproducts__list .item .info-display__edit {
    padding: 5px 10px !important;
    font-size: 10px;
  }
}

.mytenders-list {
  position: relative;
  color: #0a123e;
  margin: 0 10px 0 10px;
  width: 50%;
  flex: 0 1 80%;
}
@media (max-width: 700px) {
  .mytenders-list {
    width: auto;
  }
}
.mytenders-list__top {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 10px;
}
.mytenders-list__filters {
  display: flex;
  width: 100%;
  align-items: flex-start;
}
@media (max-width: 1440px) {
  .mytenders-list__filters {
    justify-content: space-between;
  }
}
@media (max-width: 1200px) {
  .mytenders-list__filters {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.mytenders-list__filters-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.mytenders-list__filters-body {
  display: flex;
  margin-right: -8px;
  margin-left: -8px;
}
.mytenders-list__filters-col {
  width: 50%;
  margin-right: 8px;
  margin-left: 8px;
}
.mytenders-list__filters-col input[type='text'] {
  border: 1px solid rgba(10, 18, 62, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.mytenders-list__filters-button-primary {
  background: #00be65;
  border-radius: 5px;
  padding: 7px 28px;
  width: 100%;
  color: white;
  cursor: pointer;
  border: 1px solid #00be65;
  transition: all 0.5s ease;
}
.mytenders-list__filters-button-primary:hover {
  background-color: #dff2eb;
  border-color: #dff2eb;
  color: #00be65;
}
.mytenders-list__filters-button-secondary {
  border: 1px solid #00be65;
  border-radius: 5px;
  padding: 7px 28px;
  width: 100%;
  color: white;
  cursor: pointer;
  background-color: transparent;
  color: #00be65;
  transition: all 0.5s ease;
}
.mytenders-list__filters-button-secondary:hover {
  background-color: #dff2eb;
}
.mytenders-list__filters-button-orange {
  border: 1px solid #fc6e20;
  background-color: #fc6e20;
  border-radius: 5px;
  padding: 10px 28px;
  width: 100%;
  color: white;
  cursor: pointer;
  transition: all 0.5s ease;
}
.mytenders-list__filters-button-orange:hover {
  background-color: rgba(252, 110, 32, 0.1);
  border-color: rgba(252, 110, 32, 0.1);
  color: #0a123e;
}
.mytenders-list__price,
.mytenders-list__status {
  margin-right: 30px;
}
@media (max-width: 1440px) {
  .mytenders-list__price,
  .mytenders-list__status {
    margin-right: 10px;
  }
}
@media (max-width: 1200px) {
  .mytenders-list__price,
  .mytenders-list__status {
    margin-right: 0;
    margin-bottom: 15px;
    width: 80%;
  }
}
@media (max-width: 770px) {
  .mytenders-list__price,
  .mytenders-list__status {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .mytenders-list__desktop {
    display: none;
  }
}
.mytenders-list__table-wrapper {
  margin-bottom: 40px;
  overflow: auto;
  transform: scaleY(-1);
  scroll-margin-top: 50px;
}
@media (max-width: 700px) {
  .mytenders-list__table-wrapper {
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
    border-radius: 10px;
  }
}
.mytenders-list .mobile {
  display: none;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  .mytenders-list .mobile {
    display: block;
  }
}
.mytenders-list .mobile__status {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(10, 18, 62, 0.1);
  font-weight: 500;
  font-size: 13px;
  color: #00be65;
}
.mytenders-list .mobile__status span {
  color: rgba(10, 18, 62, 0.5);
}
.mytenders-list .mobile__item {
  padding: 10px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 8px;
  position: relative;
  margin-bottom: 10px;
}
.mytenders-list .mobile__item_winner {
  border: 1px solid #00be65;
}
.mytenders-list .mobile__row {
  display: flex;
  margin: 0 -10px 10px -10px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mytenders-list .mobile__row:last-of-type {
  margin: 0 -10px;
}
.mytenders-list .mobile__row > p,
.mytenders-list .mobile__row > div {
  margin: 0 10px;
  font-weight: 500;
  font-size: 14px;
}
.mytenders-list .mobile__row > p > span,
.mytenders-list .mobile__row > div > span {
  color: rgba(10, 18, 62, 0.5);
  display: block;
}
.mytenders-list__price {
  flex: 0 0 20%;
}
.mytenders-list__date {
  flex: 0 0 20%;
  min-width: 234px;
}
@media (max-width: 1200px) {
  .mytenders-list__date {
    width: 80%;
  }
}
@media (max-width: 770px) {
  .mytenders-list__date {
    width: 100%;
  }
}
.mytenders-list__price-tooltip {
  white-space: nowrap;
}
.mytenders-list__price-tooltip span:first-child {
  margin-right: 10px;
}
.mytenders-list__radio {
  display: flex;
  flex-direction: row;
  margin: 0 -10px;
  align-items: center;
}
.mytenders-list__radio_item {
  margin: 0 10px;
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.mytenders-list__radio_item span {
  white-space: nowrap;
}
.mytenders-list__radio_item > p {
  font-size: 14px;
  line-height: 15px;
  color: rgba(10, 18, 62, 0.5);
}
.mytenders-list__radio_item input:checked ~ .mytenders-list__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiMwMGJlNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjMDBiZTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.mytenders-list__radio_item input:checked ~ p {
  color: #0a123e !important;
}
.mytenders-list__radio_item:hover input:checked ~ .mytenders-list__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.mytenders-list__radio_item:hover input ~ .mytenders-list__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.mytenders-list__radio_item:hover input:checked ~ .mytenders-list__checkmark:after {
  display: block;
}
.mytenders-list__radio_item:hover input:checked .mytenders-list__radio p {
  color: #0a123e;
}
.mytenders-list__radio_item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mytenders-list .table {
  transform: scaleY(-1);
  display: inline-table;
}
.mytenders-list .table__row {
  cursor: pointer;
}
.mytenders-list__checkmark {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  height: 18px;
  width: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgMTBWMTUuODMzM0MxNy41IDE2LjI3NTQgMTcuMzI0NCAxNi42OTkzIDE3LjAxMTggMTcuMDExOEMxNi42OTkzIDE3LjMyNDQgMTYuMjc1NCAxNy41IDE1LjgzMzMgMTcuNUg0LjE2NjY3QzMuNzI0NjQgMTcuNSAzLjMwMDcyIDE3LjMyNDQgMi45ODgxNiAxNy4wMTE4QzIuNjc1NTkgMTYuNjk5MyAyLjUgMTYuMjc1NCAyLjUgMTUuODMzM1Y0LjE2NjY3QzIuNSAzLjcyNDY0IDIuNjc1NTkgMy4zMDA3MiAyLjk4ODE2IDIuOTg4MTZDMy4zMDA3MiAyLjY3NTU5IDMuNzI0NjQgMi41IDQuMTY2NjcgMi41SDEzLjMzMzMiIHN0cm9rZT0iI0I3QjZCOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.mytenders-list .centered-column {
  display: flex;
  align-items: center;
}
.mytenders-list .nowrap-column {
  white-space: nowrap;
}
.mytenders-list .user-icon {
  margin-right: 8px;
}

.tenders-popup {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(10, 18, 62, 0.7);
  z-index: 99999;
}
.tenders-popup__wrapper {
  width: 247px;
  border-radius: 24px;
  overflow: hidden;
}
.tenders-popup__tooltip {
  font-size: 12px;
  width: 150px;
}
.tenders-popup__status {
  height: 129px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tenders-popup__status--success {
  background-color: #00be65;
}
.tenders-popup__status--success::after {
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDYiIHZpZXdCb3g9IjAgMCA2NCA0NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYyIDIuNUwyMC43NSA0My43NUwyIDI1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  width: 64px;
  height: 46px;
}
.tenders-popup__status--error {
  background-color: #ff4343;
}
.tenders-popup__status--error::after {
  content: '';
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCA5MCA5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM4LjU4OTggMTQuNDc0NUw2LjgyNzM0IDY3LjQ5OTVDNi4xNzI0NyA2OC42MzM2IDUuODI1OTYgNjkuOTE5NCA1LjgyMjMgNzEuMjI5QzUuODE4NjMgNzIuNTM4NiA2LjE1NzkzIDczLjgyNjMgNi44MDY0NCA3NC45NjRDNy40NTQ5NCA3Ni4xMDE4IDguMzkwMDYgNzcuMDQ5OSA5LjUxODc0IDc3LjcxNEMxMC42NDc0IDc4LjM3ODEgMTEuOTMwMyA3OC43MzUyIDEzLjIzOTggNzguNzQ5Nkg3Ni43NjQ4Qzc4LjA3NDMgNzguNzM1MiA3OS4zNTcyIDc4LjM3ODEgODAuNDg1OSA3Ny43MTRDODEuNjE0NiA3Ny4wNDk5IDgyLjU0OTcgNzYuMTAxOCA4My4xOTgyIDc0Ljk2NEM4My44NDY3IDczLjgyNjMgODQuMTg2IDcyLjUzODYgODQuMTgyNCA3MS4yMjlDODQuMTc4NyA2OS45MTk0IDgzLjgzMjIgNjguNjMzNiA4My4xNzczIDY3LjQ5OTVMNTEuNDE0OCAxNC40NzQ1QzUwLjc0NjMgMTMuMzcyNCA0OS44MDUgMTIuNDYxMiA0OC42ODE4IDExLjgyODlDNDcuNTU4NiAxMS4xOTY1IDQ2LjI5MTMgMTAuODY0MyA0NS4wMDIzIDEwLjg2NDNDNDMuNzEzMyAxMC44NjQzIDQyLjQ0NjEgMTEuMTk2NSA0MS4zMjI5IDExLjgyODlDNDAuMTk5NiAxMi40NjEyIDM5LjI1ODMgMTMuMzcyNCAzOC41ODk4IDE0LjQ3NDVWMTQuNDc0NVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik00NSAzMy43NVY0OC43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQ1IDYzLjc1SDQ1LjAzNjciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  width: 90px;
  height: 90px;
}
.tenders-popup__content {
  padding: 13px 14px;
  background-color: white;
}
.tenders-popup__info-block:not(:last-child) {
  margin-bottom: 10px;
}
.tenders-popup__block-key {
  font-size: 18px;
  color: #0a123e;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.tenders-popup__block-key img {
  margin-right: 8px;
}
.tenders-popup__block-value {
  font-size: 18px;
  color: #00be65;
  padding-left: 25px;
  font-weight: 500;
}
.tenders-popup__description {
  margin-top: 30px;
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
  text-align: center;
}
.tenders-popup__actions {
  margin-top: 10px;
}
.tenders-popup__button-primary {
  width: 218px;
  height: 49px;
  background: #00be65;
  border-radius: 10px;
  color: white;
  margin-bottom: 17px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.tenders-popup__button-primary:hover {
  background: rgba(0, 190, 101, 0.1);
  color: #00be65;
}
.tenders-popup__button-secondary {
  width: 219px;
  height: 49px;
  border-radius: 10px;
  background: rgba(0, 190, 101, 0.1);
  cursor: pointer;
  transition: all 0.5s ease;
  color: #00be65;
}

.tenders-table {
  background: white;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
.tenders-table__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.tenders-table__title {
  font-size: 18px;
  font-weight: 500;
  padding-left: 20px;
}
@media (max-width: 955px) {
  .tenders-table__title {
    padding-left: 0px;
  }
}
.tenders-table__tradings {
  color: #00be65;
}
.tenders-table__tradings img {
  margin-left: 8px;
  margin-bottom: -3px;
}
.tenders-table__tradings-tooltip:not(:last-child) {
  margin-bottom: 8px;
}
.tenders-table__tradings-key {
  white-space: nowrap;
}
.tenders-table__tradings-value {
  color: #0a123e;
}
.tenders-table__actions {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.tenders-table__actions * {
  margin-bottom: 10px;
}
@media (max-width: 955px) {
  .tenders-table__actions {
    justify-content: space-between;
  }
}
.tenders-table__help {
  font-size: 14px;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .tenders-table__help {
    width: 100%;
    font-size: 14px;
  }
}
.tenders-table__help .red {
  font-size: 16px;
  font-weight: bold;
}
.tenders-table__help .price {
  cursor: pointer;
  text-decoration: underline;
}
.tenders-table__help-text {
  position: absolute;
  bottom: -18px;
  right: 190px;
  font-size: 14px;
  color: #ff4343;
}
@media (max-width: 767px) {
  .tenders-table__help-text {
    bottom: -30px;
  }
}
.tenders-table__input {
  margin-right: 20px;
  width: 264px;
  padding: 17px;
  font-size: 18px;
  border: 1px solid rgba(10, 18, 62, 0.1);
}
@media (max-width: 767px) {
  .tenders-table__input {
    font-size: 14px;
  }
}
.tenders-table__input.error {
  border: 1px solid #ff4343;
}
.tenders-table__button {
  font-size: 15px;
  border-radius: 12px;
  background-color: #00be65;
  color: white;
  padding: 20px 26px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.tenders-table__button:hover {
  color: #0a123e;
  background-color: rgba(0, 190, 101, 0.1);
}
.tenders-table__table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 30px;
  color: #0a123e;
  border-collapse: collapse;
}
.tenders-table__heading {
  background-color: #f7f7f9;
  overflow: hidden;
}
.tenders-table__heading th {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.tenders-table__heading th:not(:last-child)::after {
  content: '';
  position: absolute;
  height: 30%;
  width: 2px;
  background-color: #c8cad3;
  top: 40%;
  right: 0;
}
.tenders-table__heading th:first-child {
  text-align: left;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.tenders-table__heading th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.tenders-table__row {
  text-align: center;
}
.tenders-table__row:not(:last-child) {
  border-bottom: 1px solid #f5f6f7;
}
.tenders-table__col {
  padding: 12px;
}
.tenders-table__col:first-child {
  text-align: left;
  padding-left: 20px;
}
.tenders-table__col--success {
  color: #00be65;
}
.tenders-table .mobile {
  display: none;
}
.tenders-table .mobile__item {
  padding: 10px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 8px;
  position: relative;
  margin-bottom: 10px;
}
.tenders-table .mobile__item_winner {
  border: 1px solid #00be65;
}
.tenders-table .mobile__row {
  display: flex;
  margin: 0 -10px;
}
.tenders-table .mobile__row:first-of-type {
  margin: 0 -10px 10px -10px;
}
.tenders-table .mobile__row p {
  margin: 0 10px;
  color: #0a123e;
  font-weight: 500;
  font-size: 14px;
}
.tenders-table .mobile__row p > span {
  color: rgba(10, 18, 62, 0.5);
  display: block;
}
.tenders-table .mobile__winner {
  display: none;
  background: #00be65;
  border-radius: 4px;
  padding: 5px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: 500;
  font-size: 12px;
  color: #ffffff;
}
.tenders-table .mobile__winner_show {
  display: block;
}
@media (max-width: 1367px) {
  .tenders-table__button,
  .tenders-table__input {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 8px;
  }
  .tenders-table__heading th {
    font-size: 16px;
  }
  .tenders-table__title {
    font-size: 16px;
  }
  .tenders-table__col {
    font-size: 14px;
  }
}
@media (max-width: 955px) {
  .tenders-table__tradings {
    display: flex;
    align-items: center;
  }
  .tenders-table__wrapper {
    overflow-x: scroll;
    display: none;
  }
  .tenders-table__table {
    width: 600px;
  }
  .tenders-table__button,
  .tenders-table__input {
    padding-top: 16px;
    padding-bottom: 16px;
    border-radius: 8px;
  }
  .tenders-table .mobile {
    display: block;
  }
  .tenders-table #table-best-price {
    display: none;
  }
}

.mytenders-list {
  position: relative;
  color: #0a123e;
  margin: 0 10px 0 10px;
  width: 50%;
  flex: 0 1 80%;
}
@media (max-width: 700px) {
  .mytenders-list {
    width: auto;
  }
}
.mytenders-list__top {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 10px;
}
.mytenders-list__filters {
  display: flex;
  width: 100%;
  align-items: flex-start;
}
@media (max-width: 1440px) {
  .mytenders-list__filters {
    justify-content: space-between;
  }
}
@media (max-width: 1200px) {
  .mytenders-list__filters {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.mytenders-list__filters-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.mytenders-list__filters-body {
  display: flex;
  margin-right: -8px;
  margin-left: -8px;
}
.mytenders-list__filters-col {
  width: 50%;
  margin-right: 8px;
  margin-left: 8px;
}
.mytenders-list__filters-col input[type='text'] {
  border: 1px solid rgba(10, 18, 62, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.mytenders-list__filters-button-primary {
  background: #00be65;
  border-radius: 5px;
  padding: 7px 28px;
  width: 100%;
  color: white;
  cursor: pointer;
  border: 1px solid #00be65;
  transition: all 0.5s ease;
}
.mytenders-list__filters-button-primary:hover {
  background-color: #dff2eb;
  border-color: #dff2eb;
  color: #00be65;
}
.mytenders-list__filters-button-secondary {
  border: 1px solid #00be65;
  border-radius: 5px;
  padding: 7px 28px;
  width: 100%;
  color: white;
  cursor: pointer;
  background-color: transparent;
  color: #00be65;
  transition: all 0.5s ease;
}
.mytenders-list__filters-button-secondary:hover {
  background-color: #dff2eb;
}
.mytenders-list__filters-button-orange {
  border: 1px solid #fc6e20;
  background-color: #fc6e20;
  border-radius: 5px;
  padding: 10px 28px;
  width: 100%;
  color: white;
  cursor: pointer;
  transition: all 0.5s ease;
}
.mytenders-list__filters-button-orange:hover {
  background-color: rgba(252, 110, 32, 0.1);
  border-color: rgba(252, 110, 32, 0.1);
  color: #0a123e;
}
.mytenders-list__price,
.mytenders-list__status {
  margin-right: 30px;
}
@media (max-width: 1440px) {
  .mytenders-list__price,
  .mytenders-list__status {
    margin-right: 10px;
  }
}
@media (max-width: 1200px) {
  .mytenders-list__price,
  .mytenders-list__status {
    margin-right: 0;
    margin-bottom: 15px;
    width: 80%;
  }
}
@media (max-width: 770px) {
  .mytenders-list__price,
  .mytenders-list__status {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .mytenders-list__desktop {
    display: none;
  }
}
.mytenders-list__table-wrapper {
  margin-bottom: 40px;
  overflow: auto;
  transform: scaleY(-1);
  scroll-margin-top: 50px;
}
@media (max-width: 700px) {
  .mytenders-list__table-wrapper {
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
    border-radius: 10px;
  }
}
.mytenders-list .mobile {
  display: none;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 10px;
}
@media (max-width: 700px) {
  .mytenders-list .mobile {
    display: block;
  }
}
.mytenders-list .mobile__status {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(10, 18, 62, 0.1);
  font-weight: 500;
  font-size: 13px;
  color: #00be65;
}
.mytenders-list .mobile__status span {
  color: rgba(10, 18, 62, 0.5);
}
.mytenders-list .mobile__item {
  padding: 10px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 8px;
  position: relative;
  margin-bottom: 10px;
}
.mytenders-list .mobile__item_winner {
  border: 1px solid #00be65;
}
.mytenders-list .mobile__row {
  display: flex;
  margin: 0 -10px 10px -10px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mytenders-list .mobile__row:last-of-type {
  margin: 0 -10px;
}
.mytenders-list .mobile__row > p,
.mytenders-list .mobile__row > div {
  margin: 0 10px;
  font-weight: 500;
  font-size: 14px;
}
.mytenders-list .mobile__row > p > span,
.mytenders-list .mobile__row > div > span {
  color: rgba(10, 18, 62, 0.5);
  display: block;
}
.mytenders-list__price {
  flex: 0 0 20%;
}
.mytenders-list__date {
  flex: 0 0 20%;
  min-width: 234px;
}
@media (max-width: 1200px) {
  .mytenders-list__date {
    width: 80%;
  }
}
@media (max-width: 770px) {
  .mytenders-list__date {
    width: 100%;
  }
}
.mytenders-list__price-tooltip {
  white-space: nowrap;
}
.mytenders-list__price-tooltip span:first-child {
  margin-right: 10px;
}
.mytenders-list__radio {
  display: flex;
  flex-direction: row;
  margin: 0 -10px;
  align-items: center;
}
.mytenders-list__radio_item {
  margin: 0 10px;
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.mytenders-list__radio_item span {
  white-space: nowrap;
}
.mytenders-list__radio_item > p {
  font-size: 14px;
  line-height: 15px;
  color: rgba(10, 18, 62, 0.5);
}
.mytenders-list__radio_item input:checked ~ .mytenders-list__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiMwMGJlNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjMDBiZTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.mytenders-list__radio_item input:checked ~ p {
  color: #0a123e !important;
}
.mytenders-list__radio_item:hover input:checked ~ .mytenders-list__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.mytenders-list__radio_item:hover input ~ .mytenders-list__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.mytenders-list__radio_item:hover input:checked ~ .mytenders-list__checkmark:after {
  display: block;
}
.mytenders-list__radio_item:hover input:checked .mytenders-list__radio p {
  color: #0a123e;
}
.mytenders-list__radio_item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.mytenders-list .table {
  transform: scaleY(-1);
  display: inline-table;
}
.mytenders-list .table__row {
  cursor: pointer;
}
.mytenders-list__checkmark {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  height: 18px;
  width: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgMTBWMTUuODMzM0MxNy41IDE2LjI3NTQgMTcuMzI0NCAxNi42OTkzIDE3LjAxMTggMTcuMDExOEMxNi42OTkzIDE3LjMyNDQgMTYuMjc1NCAxNy41IDE1LjgzMzMgMTcuNUg0LjE2NjY3QzMuNzI0NjQgMTcuNSAzLjMwMDcyIDE3LjMyNDQgMi45ODgxNiAxNy4wMTE4QzIuNjc1NTkgMTYuNjk5MyAyLjUgMTYuMjc1NCAyLjUgMTUuODMzM1Y0LjE2NjY3QzIuNSAzLjcyNDY0IDIuNjc1NTkgMy4zMDA3MiAyLjk4ODE2IDIuOTg4MTZDMy4zMDA3MiAyLjY3NTU5IDMuNzI0NjQgMi41IDQuMTY2NjcgMi41SDEzLjMzMzMiIHN0cm9rZT0iI0I3QjZCOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.mytenders-list .centered-column {
  display: flex;
  align-items: center;
}
.mytenders-list .nowrap-column {
  white-space: nowrap;
}
.mytenders-list .user-icon {
  margin-right: 8px;
}

.transactions-replenishment {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(10, 18, 62, 0.7);
  z-index: 99999;
}
.transactions-replenishment__wrapper {
  width: 247px;
  border-radius: 24px;
  overflow: hidden;
}
.transactions-replenishment__content {
  padding: 13px 14px;
  background-color: white;
}
.transactions-replenishment__info-block:not(:last-child) {
  margin-bottom: 10px;
}
.transactions-replenishment__block-key {
  font-size: 18px;
  color: #0a123e;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.transactions-replenishment__block-key img {
  margin-right: 8px;
}
.transactions-replenishment__block-value {
  font-size: 18px;
  color: #00be65;
  padding-left: 25px;
  font-weight: 500;
}
.transactions-replenishment__description {
  margin-top: 30px;
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
  text-align: center;
}
.transactions-replenishment__actions {
  margin-top: 10px;
}
.transactions-replenishment__button-primary {
  width: 218px;
  height: 49px;
  background: #00be65;
  border-radius: 10px;
  color: white;
  margin-bottom: 17px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.transactions-replenishment__button-primary:hover {
  background: rgba(0, 190, 101, 0.1);
  color: #00be65;
}
.transactions-replenishment__button-secondary {
  width: 219px;
  height: 49px;
  border-radius: 10px;
  background: rgba(0, 190, 101, 0.1);
  cursor: pointer;
  transition: all 0.5s ease;
  color: #00be65;
}

.transactions-replenishment {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(10, 18, 62, 0.7);
  z-index: 99999;
}
.transactions-replenishment__wrapper {
  width: 247px;
  border-radius: 24px;
  overflow: hidden;
}
.transactions-replenishment__content {
  padding: 13px 14px;
  background-color: white;
}
.transactions-replenishment__info-block:not(:last-child) {
  margin-bottom: 10px;
}
.transactions-replenishment__block-key {
  font-size: 18px;
  color: #0a123e;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.transactions-replenishment__block-key img {
  margin-right: 8px;
}
.transactions-replenishment__block-value {
  font-size: 18px;
  color: #00be65;
  padding-left: 25px;
  font-weight: 500;
}
.transactions-replenishment__description {
  margin-top: 30px;
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
  text-align: center;
}
.transactions-replenishment__actions {
  margin-top: 10px;
}
.transactions-replenishment__button-primary {
  width: 218px;
  height: 49px;
  background: #00be65;
  border-radius: 10px;
  color: white;
  margin-bottom: 17px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.transactions-replenishment__button-primary:hover {
  background: rgba(0, 190, 101, 0.1);
  color: #00be65;
}
.transactions-replenishment__button-secondary {
  width: 219px;
  height: 49px;
  border-radius: 10px;
  background: rgba(0, 190, 101, 0.1);
  cursor: pointer;
  transition: all 0.5s ease;
  color: #00be65;
}

.transactions {
  margin: 0 10px;
  flex: 0 1 80%;
  width: 50%;
}
@media (max-width: 700px) {
  .transactions {
    width: auto;
  }
}
.transactions__wrapper {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  padding: 23px 20px 10px;
  border-radius: 14px;
  margin-bottom: 30px;
}
@media (max-width: 700px) {
  .transactions__wrapper {
    padding: 5px;
  }
}
@media (max-width: 700px) {
  .transactions__table-wrapper {
    display: none;
  }
}
.transactions .mobile {
  display: none;
}
@media (max-width: 700px) {
  .transactions .mobile {
    display: block;
  }
}
.transactions .mobile__item {
  padding: 10px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 8px;
  position: relative;
  margin-bottom: 10px;
}
.transactions .mobile__row {
  display: flex;
  justify-content: space-between;
  margin: 0 -10px;
}
.transactions .mobile__row:first-of-type {
  margin: 0 -10px 10px -10px;
}
.transactions .mobile__row p {
  margin: 0 10px;
  color: #0a123e;
  font-weight: 500;
  font-size: 14px;
}
.transactions .mobile__row p > span {
  color: rgba(10, 18, 62, 0.5);
  display: block;
}
.transactions__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
@media (max-width: 700px) {
  .transactions__header {
    flex-direction: column-reverse;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 700px) {
  .transactions__header__title {
    align-self: flex-start;
  }
}
.transactions__header__title p {
  color: #00be65;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
@media (max-width: 1155px) {
  .transactions__header__title p {
    margin-bottom: 10px;
  }
}
.transactions__header__title p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDRWMTBIMTciIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgMjBWMTRINyIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMy41MSA5LjAwMDA4QzQuMDE3MTcgNy41NjY4NiA0Ljg3OTEzIDYuMjg1NDggNi4wMTU0NyA1LjI3NTQ5QzcuMTUxOCA0LjI2NTUxIDguNTI1NDcgMy41NTk4NCAxMC4wMDgzIDMuMjI0MzNDMTEuNDkxMSAyLjg4ODgzIDEzLjAzNDggMi45MzQ0MiAxNC40OTUyIDMuMzU2ODVDMTUuOTU1NiAzLjc3OTI4IDE3LjI4NTMgNC41NjQ3OSAxOC4zNiA1LjY0MDA4TDIzIDEwLjAwMDFNMSAxNC4wMDAxTDUuNjQgMTguMzYwMUM2LjcxNDc1IDE5LjQzNTQgOC4wNDQzNyAyMC4yMjA5IDkuNTA0ODEgMjAuNjQzM0MxMC45NjUyIDIxLjA2NTcgMTIuNTA4OSAyMS4xMTEzIDEzLjk5MTcgMjAuNzc1OEMxNS40NzQ1IDIwLjQ0MDMgMTYuODQ4MiAxOS43MzQ2IDE3Ljk4NDUgMTguNzI0N0MxOS4xMjA5IDE3LjcxNDcgMTkuOTgyOCAxNi40MzMzIDIwLjQ5IDE1LjAwMDEiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.transactions__header__title span {
  color: #0a123e;
  font-size: 14px;
  font-weight: 500;
}
.transactions__header__info {
  display: flex;
  align-items: center;
}
@media (max-width: 1155px) {
  .transactions__header__info {
    flex-direction: column;
    align-items: initial;
    justify-content: space-between;
  }
}
@media (max-width: 700px) {
  .transactions__header__info {
    width: 100%;
    flex-direction: column-reverse;
    align-items: initial;
    justify-content: space-between;
  }
}
.transactions__header__balances {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 1155px) {
  .transactions__header__balances {
    justify-content: flex-start;
    margin-bottom: 10px;
  }
}
.transactions__header__buttons {
  display: flex;
  align-items: center;
}
@media (max-width: 700px) {
  .transactions__header__buttons {
    justify-content: space-between;
  }
}
.transactions__header__buttons button {
  margin-right: 10px;
}
.transactions__header__buttons button:last-of-type {
  margin-right: 0;
}
@media (max-width: 700px) {
  .transactions__header__buttons button {
    width: 100%;
    flex: 1;
  }
}
.transactions__balance {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
@media (max-width: 700px) {
  .transactions__balance {
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    margin: 5px 0;
    flex: 50%;
  }
}
.transactions__balance__title {
  color: #0a123e;
  font-size: 14px;
  font-weight: 500;
  margin-right: 3px;
}
.transactions__balance__sum {
  color: #00be65;
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 2px;
  white-space: nowrap;
}
.transactions__balance__sum_blocked {
  color: #ff4343;
}

.trucks-page {
  padding: 20px;
  width: 100%;
}
.trucks-heading {
  display: flex;
  justify-content: space-between;
}
.trucks-page__title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
}
.trucks-page__empty {
  padding: 40px;
  text-align: center;
  color: #888;
}
.trucks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
}
.truck-card {
  background: #fff;
  border-radius: 10px;
  padding: 16px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.truck-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}
.truck-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.truck-card__name {
  font-size: 16px;
  font-weight: 600;
}
.truck-card__status {
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 500;
}
.truck-card__status--online {
  background: #e6f8ef;
  color: #1a8f5a;
}
.truck-card__status--offline {
  background: #fdeaea;
  color: #c0392b;
}
.truck-card__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 14px;
}
.truck-card__row span {
  color: #777;
}
.truck-card__row b {
  font-weight: 500;
}
/* Кнопка добавления грузовика */
.trucks-add-btn {
  margin-bottom: 16px;
  padding: 8px 14px;
  background: #00be65;
  color: #fff;
  border-radius: 6px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: 5px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.trucks-add-btn:hover {
  background: #009e54;
}
/* Overlay попапа */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
/* Сам попап */
.modal {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 420px;
  max-width: 95%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.modal h2 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}
/* Поля формы */
.modal input,
.modal select {
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 14px;
}
.modal input:focus,
.modal select:focus {
  outline: none;
  border-color: #00be65;
}
/* Кнопки попапа */
.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 12px;
}
.modal-actions button {
  padding: 8px 14px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: 14px;
}
.modal-actions .primary {
  background: #00be65;
  color: #fff;
}
.modal-actions .primary:hover {
  background: #009e54;
}
/* ===== Улучшенный popup (add / edit transport) ===== */
.modal--wide {
  width: 720px;
  max-width: 96%;
}
.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #eee;
}
.modal__close {
  background: none;
  border: none;
  cursor: pointer;
  color: #666;
  padding: 4px;
}
.modal__close:hover {
  color: #000;
}
.modal__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}
.modal__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.modal__field label {
  font-size: 12px;
  color: #666;
}
.modal__field input,
.modal__field select {
  padding: 9px 10px;
  border-radius: 6px;
  border: 1px solid #ddd;
  font-size: 14px;
}
.modal__field input:focus,
.modal__field select:focus {
  outline: none;
  border-color: #00be65;
}
.modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid #eee;
}
/* ===== Фото транспорта ===== */
.modal__photos {
  margin-top: 6px;
}
.modal__photos-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  color: #00be65;
  font-weight: 500;
  font-size: 14px;
}
.modal__photos-label:hover {
  text-decoration: underline;
}
.modal__photos-preview {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  color: #666;
}
/* ===== Кнопка редактирования карточки ===== */
.truck-card__edit {
  background: none;
  border: none;
  cursor: pointer;
  color: #00be65;
  margin-left: 8px;
}
.truck-card__edit:hover {
  color: #009e54;
}

.filter-tenders {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1440px) {
  .filter-tenders {
    margin-top: 20px;
  }
}
@media (max-width: 880px) {
  .filter-tenders {
    flex-direction: column;
  }
}
.filter-tenders__title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.filter-tenders__body {
  display: flex;
  margin-right: -8px;
  margin-left: -8px;
}
.filter-tenders__col {
  width: 50%;
  margin-right: 8px;
  margin-left: 8px;
  position: relative;
}
.filter-tenders__col input[type='text'] {
  border: 1px solid rgba(10, 18, 62, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  padding: 10px;
  margin-bottom: 10px;
  width: 100%;
}
.filter-tenders__col .checkbox {
  margin-top: 15px;
  margin-bottom: 0;
}
.filter-tenders__button-primary {
  background: #00be65;
  border-radius: 5px;
  padding: 7px 28px;
  width: 100%;
  color: white;
  cursor: pointer;
  border: 1px solid #00be65;
  transition: all 0.5s ease;
}
.filter-tenders__button-primary:hover {
  background-color: #dff2eb;
  border-color: #dff2eb;
  color: #00be65;
}
.filter-tenders__button-secondary {
  border: 1px solid #00be65;
  border-radius: 5px;
  padding: 7px 28px;
  width: 100%;
  color: white;
  cursor: pointer;
  background-color: transparent;
  color: #00be65;
  transition: all 0.5s ease;
}
.filter-tenders__button-secondary:hover {
  background-color: #dff2eb;
}
.filter-tenders__button-orange {
  border: 1px solid #fc6e20;
  background-color: #fc6e20;
  border-radius: 5px;
  padding: 10px 28px;
  width: 274px;
  color: white;
  cursor: pointer;
  transition: all 0.5s ease;
}
.filter-tenders__button-orange:hover {
  background-color: rgba(252, 110, 32, 0.1);
  border-color: rgba(252, 110, 32, 0.1);
  color: #0a123e;
}
.filter-tenders__price,
.filter-tenders__status {
  margin-right: 30px;
  height: 132px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 880px) {
  .filter-tenders__price,
  .filter-tenders__status {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.filter-tenders__price {
  width: 234px;
}
.filter-tenders__date {
  width: 234px;
  height: 132px;
}
.filter-tenders__date .date-from {
  font-size: 13px;
  position: absolute;
  top: -14px;
  left: 0px;
  color: #999999;
}
.filter-tenders__date .react-date-picker__wrapper {
  border: 1px solid rgba(10, 18, 62, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  padding: 10px;
  margin: 5px 0 10px 0;
  font-size: 13px;
}
.filter-tenders__date .react-date-picker__wrapper .react-date-picker__button {
  padding: 0 5px 0 0;
}
.filter-tenders__date .react-date-picker__wrapper .react-date-picker__button:last-child {
  padding: 0;
}
.filter-tenders__date .react-date-picker__wrapper .react-date-picker__button__icon {
  width: 13px;
}
.filter-tenders__date .react-date-picker__wrapper .react-date-picker__inputGroup__day {
  width: 30px;
}
.filter-tenders__date .react-date-picker__wrapper .react-date-picker__inputGroup__month {
  width: 12px;
}
.filter-tenders__date .react-date-picker__wrapper .react-date-picker__inputGroup__year {
  width: 18px;
}
.filter-tenders__price-tooltip {
  white-space: nowrap;
}
.filter-tenders__price-tooltip span:first-child {
  margin-right: 10px;
}

@media (max-width: 650px) {
  .bidding__table {
    display: none;
  }
}
.bidding__table .centered-column {
  display: flex;
  align-items: center;
}
.table-mobile {
  display: block;
  margin: -10px 0 20px 0;
  font-size: 12px;
  font-weight: 500;
}
@media (min-width: 650px) {
  .table-mobile {
    display: none;
  }
}
.table-mobile__item {
  cursor: pointer;
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 8px;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.table-mobile__left {
  flex: 45%;
  margin: 0 10px;
  padding-right: 10px;
  border-right: 1px solid rgba(10, 18, 62, 0.1);
}
.table-mobile__left > p,
.table-mobile__left > div {
  margin-bottom: 5px;
}
.table-mobile__right {
  margin: 0 10px;
  flex: 55%;
}
.table-mobile__right > p,
.table-mobile__right > div {
  margin-bottom: 5px;
}
.table-mobile__name {
  font-size: 16px;
  color: #0a123e;
}
.table-mobile__number {
  color: rgba(10, 18, 62, 0.7);
}
.table-mobile__status {
  color: #00be65;
}
.table-mobile__buy {
  color: #fc6e20;
}
.table-mobile__price {
  display: flex;
  flex-wrap: wrap;
}
.table-mobile__price-row {
  margin-right: 3px;
  margin-left: 3px;
}
.table-mobile__price span:first-child {
  color: #00be65;
}
.table-mobile__price span:last-child {
  color: #ff4343;
}
.table-mobile__count {
  white-space: nowrap;
}
.table-mobile__count span:first-child {
  border-right: 1px solid rgba(10, 18, 62, 0.1);
  color: #2e7cf6;
  padding-right: 5px;
  margin-right: 5px;
}
.table-mobile__count span:last-child {
  color: rgba(10, 18, 62, 0.7);
}
.table-mobile__timing {
  display: flex;
  color: #0a123e;
}
.table-mobile__timing > p {
  margin-right: 5px;
}
.table-mobile__timing p {
  white-space: nowrap;
}
.table-mobile__timing > div p {
  text-align: right;
}
.table-mobile__timing span {
  color: rgba(10, 18, 62, 0.7);
}
.table-mobile__close-time {
  color: #ff4343;
}
.table__row:hover {
  cursor: pointer;
}

#user-profile-wrapper {
  padding: 50px 25px 0 25px;
}
@media (max-width: 850px) {
  #user-profile-wrapper {
    padding: 0 16px;
  }
}
@media (max-width: 850px) {
  #user-profile-wrapper {
    padding: 0 5px;
  }
}
.user-profile {
  display: flex;
  margin: 20px -10px;
}
@media (max-width: 1000px) {
  .user-profile {
    flex-direction: column;
  }
}
.user-profile__user {
  flex: 0 0 27%;
  margin: 0 10px;
}
.user-profile__products {
  margin: 0 10px;
  flex: 0 1 73%;
}
@media (max-width: 950px) {
  .user-profile__products {
    display: flex;
    flex-wrap: wrap;
  }
}
.user-profile__head {
  font-weight: 500;
  font-size: 20px;
  color: #0a123e;
  margin-bottom: 10px;
}
@media (max-width: 950px) {
  .user-profile__head {
    text-align: center;
  }
}
@media (max-width: 950px) {
  .user-profile__list {
    display: flex;
    flex-wrap: wrap;
  }
}
.user-profile__table > p {
  font-weight: 500;
  font-size: 20px;
  color: #0a123e;
  margin-bottom: 10px;
}
@media (max-width: 950px) {
  .user-profile__table > p {
    text-align: center;
    margin-bottom: 20px;
  }
}
.user-profile__item {
  margin: 10px 0;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 16px;
  padding: 14px;
  display: flex;
}
@media (max-width: 950px) {
  .user-profile__item {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid rgba(10, 18, 62, 0.1);
    flex-direction: column;
    flex: 0 0 50%;
  }
}
.user-profile__item_image {
  position: relative;
}
@media (max-width: 950px) {
  .user-profile__item_image {
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.user-profile__item_image span {
  position: absolute;
  left: 16px;
  top: 16px;
  background: #fc6e20;
  border-radius: 4px;
  padding: 6px 12px;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: #ffffff;
}
@media (max-width: 500px) {
  .user-profile__item_image span {
    padding: 3px 6px;
    left: 10px;
    top: 10px;
  }
}
.user-profile__item img {
  width: 274px;
  height: 274px;
}
@media (max-width: 950px) {
  .user-profile__item img {
    width: 100%;
    height: 100%;
  }
}
.user-profile__item_info {
  padding-left: 20px;
  width: 100%;
}
@media (max-width: 950px) {
  .user-profile__item_info {
    padding-left: 0;
    padding-top: 20px;
  }
}
@media (max-width: 950px) {
  .user-profile__item_info-display {
    display: none;
  }
}
.user-profile__item_extra {
  display: none;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 10px -5px -5px -5px;
}
@media (max-width: 950px) {
  .user-profile__item_extra {
    display: flex;
  }
}
.user-profile__item_extra p {
  margin: 5px 5px;
  padding: 12px 10px 12px 30px;
  background: #f8f8fb;
  border-radius: 10px;
  font-size: 14px;
  line-height: 11px;
  color: #0a123e;
  position: relative;
}
@media (max-width: 500px) {
  .user-profile__item_extra p {
    font-size: 10px;
  }
}
.user-profile__item_extra p:before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%);
}
.user-profile__item_city:before {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xNy41IDguMzMzMzdDMTcuNSAxNC4xNjY3IDEwIDE5LjE2NjcgMTAgMTkuMTY2N0MxMCAxOS4xNjY3IDIuNSAxNC4xNjY3IDIuNSA4LjMzMzM3QzIuNSA2LjM0NDI1IDMuMjkwMTggNC40MzY2IDQuNjk2NyAzLjAzMDA3QzYuMTAzMjIgMS42MjM1NSA4LjAxMDg4IDAuODMzMzc0IDEwIDAuODMzMzc0QzExLjk4OTEgMC44MzMzNzQgMTMuODk2OCAxLjYyMzU1IDE1LjMwMzMgMy4wMzAwN0MxNi43MDk4IDQuNDM2NiAxNy41IDYuMzQ0MjUgMTcuNSA4LjMzMzM3WiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAgMTAuODMzNEMxMS4zODA3IDEwLjgzMzQgMTIuNSA5LjcxNDA5IDEyLjUgOC4zMzMzN0MxMi41IDYuOTUyNjYgMTEuMzgwNyA1LjgzMzM3IDEwIDUuODMzMzdDOC42MTkyOSA1LjgzMzM3IDcuNSA2Ljk1MjY2IDcuNSA4LjMzMzM3QzcuNSA5LjcxNDA5IDguNjE5MjkgMTAuODMzNCAxMCAxMC44MzM0WiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.user-profile__item_time {
  position: relative;
}
.user-profile__item_time:before {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDMgMTguMzMzM0MxNC42MDI3IDE4LjMzMzMgMTguMzMzNyAxNC42MDIzIDE4LjMzMzcgOS45OTk5NkMxOC4zMzM3IDUuMzk3NTkgMTQuNjAyNyAxLjY2NjYzIDEwLjAwMDMgMS42NjY2M0M1LjM5Nzk1IDEuNjY2NjMgMS42NjY5OSA1LjM5NzU5IDEuNjY2OTkgOS45OTk5NkMxLjY2Njk5IDE0LjYwMjMgNS4zOTc5NSAxOC4zMzMzIDEwLjAwMDMgMTguMzMzM1oiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEwIDVWMTBMMTMuMzMzMyAxMS42NjY3IiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.user-profile__item_time:hover span {
  display: inline;
}
.user-profile__item_time span {
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  background: #fc6e20;
  border-radius: 6px;
  padding: 6px 12px;
  position: absolute;
  top: -30px;
  right: -20px;
  display: none;
}
.user-profile__item_views:before {
  width: 14px;
  height: 14px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0wLjgzMzAwOCAxMEMwLjgzMzAwOCAxMCA0LjE2NjM0IDMuMzMzMzcgOS45OTk2NyAzLjMzMzM3QzE1LjgzMyAzLjMzMzM3IDE5LjE2NjMgMTAgMTkuMTY2MyAxMEMxOS4xNjYzIDEwIDE1LjgzMyAxNi42NjY3IDkuOTk5NjcgMTYuNjY2N0M0LjE2NjM0IDE2LjY2NjcgMC44MzMwMDggMTAgMC44MzMwMDggMTBaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAgMTIuNUMxMS4zODA3IDEyLjUgMTIuNSAxMS4zODA3IDEyLjUgMTBDMTIuNSA4LjYxOTI5IDExLjM4MDcgNy41IDEwIDcuNUM4LjYxOTI5IDcuNSA3LjUgOC42MTkyOSA3LjUgMTBDNy41IDExLjM4MDcgOC42MTkyOSAxMi41IDEwIDEyLjVaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
.user-profile__item_price {
  margin: 30px 0;
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  color: #0a123e;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 950px) {
  .user-profile__item_price {
    margin-top: 0;
    font-size: 16px;
    line-height: 20px;
  }
}
.user-profile__item_operation {
  display: flex;
}
.user-profile__item_sale,
.user-profile__item_buy {
  padding-right: 35px;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
@media (max-width: 500px) {
  .user-profile__item_sale,
  .user-profile__item_buy {
    font-size: 10px;
    padding-right: 20px;
  }
}
.user-profile__item_sale:after,
.user-profile__item_buy:after {
  position: absolute;
  content: '';
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
}
@media (max-width: 500px) {
  .user-profile__item_sale:after,
  .user-profile__item_buy:after {
    width: 10px;
    height: 10px;
    transform: translate(0, -40%);
  }
}
.user-profile__item_sale {
  color: #ff4343;
}
.user-profile__item_sale:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjI1IDlIMy43NSIgc3Ryb2tlPSIjRkY0MzQzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDMuNzVMMy43NSA5TDkgMTQuMjUiIHN0cm9rZT0iI0ZGNDM0MyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.user-profile__item_buy {
  color: #00be65;
}
.user-profile__item_buy:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgOUgxNC4yNSIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDMuNzVMMTQuMjUgOUw5IDE0LjI1IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
  background-size: contain;
}
.user-profile__item_product-name {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
}
@media (max-width: 500px) {
  .user-profile__item_product-name {
    font-size: 10px;
  }
}
.user-profile__item_category {
  background: rgba(0, 190, 101, 0.1);
  border-radius: 5px;
  padding: 3px 6px;
  display: inline-flex;
  font-size: 16px;
  line-height: 19px;
  color: #00be65;
  margin: 10px 0;
}
@media (max-width: 500px) {
  .user-profile__item_category {
    font-size: 10px;
  }
}
.user-profile__item_level-one {
  padding-right: 30px;
  position: relative;
}
@media (max-width: 500px) {
  .user-profile__item_level-one {
    padding-right: 20px;
  }
}
.user-profile__item_level-one:after {
  position: absolute;
  content: '';
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 18px;
  height: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMy43NUwxNC4yNSA5TDkgMTQuMjUiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjc1IDMuNzVMOSA5TDMuNzUgMTQuMjUiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
  background-size: contain;
}
@media (max-width: 500px) {
  .user-profile__item_level-one:after {
    width: 10px;
    height: 10px;
    transform: translate(0, -40%);
  }
}
.user-profile__item_description p {
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
  opacity: 0.5;
  display: inline;
}
@media (max-width: 500px) {
  .user-profile__item_description p {
    font-size: 12px;
  }
}
.user-profile__item_description a {
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.03em;
  color: #fc6e20;
  position: relative;
  padding-right: 20px;
}
@media (max-width: 500px) {
  .user-profile__item_description a {
    font-size: 12px;
  }
}
.user-profile__item_description a:after {
  content: '';
  position: absolute;
  border: solid #fc6e20;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  top: 3px;
  right: 0px;
}
@media (max-width: 500px) {
  .user-profile__item_description a:after {
    top: 2px;
  }
}

@keyframes slideBottom {
  0% {
    bottom: -300px;
  }
  30%,
  70% {
    bottom: 20px;
  }
  100% {
    bottom: -300px;
  }
}
.new-tender {
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  background: #ffffff;
  border: 1px solid rgba(10, 18, 62, 0.1);
  box-sizing: border-box;
  box-shadow: 0px 6px 20px rgba(10, 18, 62, 0.15);
  border-radius: 14px;
  padding: 10px;
  transition: all 0.5s ease;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  animation: slideBottom 5s infinite;
  width: 50%;
}
@media (max-width: 1500px) {
  .new-tender {
    width: 60%;
  }
}
@media (max-width: 1100px) {
  .new-tender {
    width: 70%;
  }
}
@media (max-width: 900px) {
  .new-tender {
    width: 90%;
  }
}
@media (max-width: 650px) {
  .new-tender {
    flex-direction: column;
  }
}
.new-tender__price-info {
  padding-right: 20px;
  border-right: 1px solid rgba(10, 18, 62, 0.1);
}
@media (max-width: 650px) {
  .new-tender__price-info {
    border-right: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}
.new-tender__price-info > div {
  display: flex;
  align-items: center;
}
.new-tender__price-info > div:first-of-type {
  margin-bottom: 10px;
}
@media (max-width: 650px) {
  .new-tender__price-info > div:first-of-type {
    margin-bottom: 0;
  }
}
.new-tender__num {
  display: flex;
  align-items: center;
  padding: 10px;
  background: #f8f8fb;
  border-radius: 10px;
  color: #0a123e;
  font-size: 16px;
  font-weight: normal;
  margin-right: 10px;
}
@media (max-width: 650px) {
  .new-tender__num {
    order: 2;
    margin-left: 10px;
  }
}
.new-tender__num img {
  margin-right: 7px;
}
.new-tender__price {
  display: flex;
  flex-direction: column;
}
@media (max-width: 650px) {
  .new-tender__price {
    order: 1;
  }
}
.new-tender__price-title {
  font-size: 16px;
  color: rgba(10, 18, 62, 0.5);
  margin-bottom: 4px;
}
.new-tender__price-val {
  font-size: 16px;
  color: #00be65;
  font-weight: 500;
}
.new-tender__volume {
  white-space: nowrap;
  background: #f8f8fb;
  border-radius: 10px;
  font-size: 16px;
  color: #0a123e;
  margin-right: 10px;
  padding: 12px;
}
.new-tender__country {
  display: flex;
  align-items: center;
  background: #f8f8fb;
  border-radius: 10px;
  padding: 10px;
  font-size: 16px;
  color: #0a123e;
}
.new-tender__country img {
  width: 30px;
  height: 20px;
  object-fit: cover;
  margin-right: 10px;
  border-radius: 4px;
}
.new-tender__name {
  font-size: 22px;
  font-weight: 500;
  color: #0a123e;
  margin-bottom: 15px;
}
.new-tender__description {
  padding-left: 20px;
}
@media (max-width: 650px) {
  .new-tender__description {
    padding-left: 0;
  }
}
.new-tender__desc-title {
  font-size: 14px;
  font-weight: 500;
  color: rgba(10, 18, 62, 0.5);
}
.new-tender__desc-val {
  font-size: 14px;
  letter-spacing: 0.03em;
  color: #0a123e;
}

.tenders-list__breadcrumbs {
  padding: 30px 80px 0;
}
.tenders-list__body {
  position: relative;
  margin: 0 25px 0 25px;
  color: #0a123e;
}
.tenders-list__top {
  display: flex;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 30px;
}
@media (max-width: 1440px) {
  .tenders-list__top {
    flex-direction: column;
  }
}
@media (max-width: 880px) {
  .tenders-list__top {
    margin-top: 0;
    flex-direction: column-reverse;
  }
}
.tenders-list__left {
  width: 100%;
  flex: 0 1 50%;
  margin-right: 30px;
}
@media (max-width: 1440px) {
  .tenders-list__left {
    margin-right: 0;
  }
}
@media (max-width: 880px) {
  .tenders-list__left {
    margin-top: 20px;
  }
}
.tenders-list__title {
  font-weight: 500;
  font-size: 32px;
  margin-bottom: 20px;
}
.tenders-list__sort {
  display: flex;
  justify-content: space-between;
  border-radius: 12px;
  background-color: #f8f8fb;
  padding: 18px;
}
@media (max-width: 650px) {
  .tenders-list__sort {
    flex-direction: column;
  }
}
.tenders-list__sort > p {
  font-weight: 500;
}
@media (max-width: 650px) {
  .tenders-list__sort > p {
    margin-bottom: 10px;
  }
}
.tenders-list__sort-block {
  display: flex;
  align-items: center;
}
.tenders-list__sort-select {
  margin-left: 10px;
  color: #fc6e20;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.tenders-list__sort-select img {
  margin-left: 6px;
}
.tenders-list__filters {
  flex: 0 0 50%;
}
.tenders-list__filters_create {
  padding: 8px 10px;
  width: 100%;
}
@media (min-width: 700px) {
  .tenders-list__filters_create {
    display: none;
  }
}
.tenders-list .table__row {
  cursor: pointer;
}
@media (max-width: 650px) {
  .tenders-list__table {
    display: none;
  }
}
.tenders-list__heading {
  background-color: #f7f7f9;
  overflow: hidden;
}
.tenders-list__heading th {
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}
.tenders-list__heading th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.tenders-list__heading th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.tenders-list__heading th img {
  margin-left: 10px;
}
.tenders-list__row {
  border-bottom: 1px solid #f5f6f7;
}
.tenders-list__col {
  padding: 12px;
  font-size: 14px;
}
.tenders-list__col--success {
  color: #00be65;
}
.tenders-list .nowrap-column {
  white-space: nowrap;
}
.tenders-list__pagination {
  display: flex;
  align-items: center;
  margin-bottom: 90px;
  margin-left: 10px;
}
.tenders-list__pagination-button {
  padding: 9px 14px;
  border-radius: 8px;
  color: #00be65;
  background-color: transparent;
  font-size: 16px;
  cursor: pointer;
  font-weight: 700;
  transition: all 0.5s ease;
}
.tenders-list__pagination-button:not(:last-child) {
  margin-right: 6px;
}
.tenders-list__pagination-button:hover {
  background-color: #dff2eb;
}
.tenders-list__pagination-button--active {
  cursor: auto;
  color: white;
  background-color: #00be65;
}
.tenders-list__pagination-button--active:hover {
  background-color: #00be65;
}
.tenders-list__organizator-column {
  cursor: pointer;
  transition: all 0.5s ease;
}
.tenders-list__organizator-column:hover {
  text-decoration: underline;
  text-decoration-color: #0a123e;
}
.tenders-list__organizator-row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.tenders-list__organizator-key {
  color: rgba(10, 18, 62, 0.5);
  font-weight: normal;
  white-space: nowrap;
}
.tenders-list__organizator-value {
  font-weight: 500;
  color: #0a123e;
  margin-left: 4px;
}
.tenders-list__organizator-insurance {
  margin-left: 8px;
  margin-bottom: 2px;
}
.tenders-list__organizator-divider {
  width: 100%;
  height: 1px;
  background-color: #e7e8ec;
}
.tenders-list__organizator-email {
  display: flex;
  align-items: center;
  margin-top: 10px;
  color: #65759a;
  font-weight: normal;
}
.tenders-list__organizator-email img {
  margin-right: 10px;
}
.tenders-list .user-icon {
  margin-right: 8px;
}
.table-mobile {
  display: block;
  margin: -10px 0 20px 0;
  font-size: 12px;
  font-weight: 500;
}
@media (min-width: 650px) {
  .table-mobile {
    display: none;
  }
}
.table-mobile__item {
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 8px;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.table-mobile__left {
  flex: 45%;
  margin: 0 10px;
  padding-right: 10px;
  border-right: 1px solid rgba(10, 18, 62, 0.1);
}
.table-mobile__left > p,
.table-mobile__left > div {
  margin-bottom: 5px;
}
.table-mobile__right {
  margin: 0 10px;
  flex: 55%;
}
.table-mobile__right > p,
.table-mobile__right > div {
  margin-bottom: 5px;
}
.table-mobile__name {
  font-size: 16px;
  color: #0a123e;
}
.table-mobile__number {
  color: rgba(10, 18, 62, 0.7);
}
.table-mobile__status {
  color: #00be65;
}
.table-mobile__buy {
  color: #fc6e20;
}
.table-mobile__price span:first-child {
  color: #00be65;
}
.table-mobile__price span:last-child {
  color: #ff4343;
}
.table-mobile__count span:first-child {
  border-right: 1px solid rgba(10, 18, 62, 0.1);
  color: #2e7cf6;
  padding-right: 5px;
  margin-right: 5px;
}
.table-mobile__timing {
  display: flex;
  color: #0a123e;
}
.table-mobile__timing > p {
  margin-right: 5px;
}
.table-mobile__timing span {
  color: rgba(10, 18, 62, 0.7);
}
.table-mobile__close-time {
  color: #ff4343;
}

.public-transport {
  padding: 30px 20px 300px;
}
.public-transport__title {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 16px;
}
.public-transport__warning {
  margin-bottom: 16px;
  padding: 10px 14px;
  background: rgba(252, 110, 32, 0.12);
  color: #fc6e20;
  border-radius: 8px;
  font-size: 14px;
}
.transport-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}
.transport-card {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 6px 18px rgba(10, 18, 62, 0.06);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.transport-card__header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}
.transport-card__status {
  margin-left: auto;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.transport-card__status--online {
  background: rgba(0, 190, 101, 0.12);
  color: #00be65;
}
.transport-card__status--offline {
  background: rgba(255, 67, 67, 0.12);
  color: #ff4343;
}
.transport-card__row {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #444;
}
.transport-card__footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.transport-card__footer b {
  color: #00be65;
}
.transport-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
}
.transport-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}
.transport-modal__content {
  position: relative;
  max-width: 520px;
  margin: 80px auto;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
  z-index: 1;
  animation: scaleIn 0.2s ease;
}
.transport-modal__close {
  position: absolute;
  right: 12px;
  top: 12px;
  border: none;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
}
.transport-modal__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}
.transport-modal__status {
  margin-bottom: 16px;
}
.transport-modal__status .online {
  color: #16a34a;
  display: flex;
  gap: 6px;
  align-items: center;
}
.transport-modal__status .offline {
  color: #dc2626;
  display: flex;
  gap: 6px;
  align-items: center;
}
.transport-modal__info {
  display: grid;
  gap: 12px;
}
.transport-modal__info div {
  display: flex;
  gap: 8px;
  align-items: center;
}
@keyframes scaleIn {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.auth-layout {
  height: 100vh;
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-family: 'Roboto';
  position: relative;
  overflow-x: hidden;
}
@media (max-width: 1000px) {
  .auth-layout {
    flex-direction: column;
    align-items: center;
  }
}
.auth-layout__left {
  flex: 0 0 40%;
  background: url('/auth-background.png') center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
@media (max-width: 1000px) {
  .auth-layout__left {
    background: none;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 25%;
    margin-top: 20px;
  }
}
.auth-layout__logo {
  background-image: url('/logo1.png');
  background-color: white;
  background-repeat: no-repeat;
  background-size: 195%;
  background-position: 47%;
  width: 138px;
  height: 138px;
  border-radius: 50%;
  margin: 0 100px;
}
@media (max-width: 1200px) {
  .auth-layout__logo {
    margin: 30px 50px 0;
  }
}
@media (max-width: 1000px) {
  .auth-layout__logo {
    filter: saturate(3);
    background-color: transparent;
    background-size: cover;
    width: 83px;
    height: 83px;
    margin: 0;
  }
}
.auth-layout__logo-title {
  font-weight: 700;
  font-size: 92px;
  line-height: 108px;
  color: white;
  margin: 30px 100px 0;
}
@media (max-width: 1500px) {
  .auth-layout__logo-title {
    font-size: 70px;
  }
}
@media (max-width: 1200px) {
  .auth-layout__logo-title {
    font-size: 60px;
    margin: 30px 50px 0;
  }
}
@media (max-width: 1000px) {
  .auth-layout__logo-title {
    color: #00be65;
    font-size: 32px;
    line-height: 64px;
    margin: 0;
    margin-bottom: 10px;
  }
}
.auth-layout__right {
  display: flex;
  flex: 1 1 60%;
  margin: 0 18px;
  width: 90%;
}
@media (max-width: 1000px) {
  .auth-layout__right {
    flex: 1 1 75%;
  }
}

.wrapper {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f7fa;
  padding: 16px;
}
.card {
  width: 100%;
  max-width: 420px;
  background: #ffffff;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.icon {
  font-size: 48px;
  margin-bottom: 12px;
}
.title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #111;
}
.text {
  font-size: 15px;
  color: #555;
  margin-bottom: 24px;
  line-height: 1.5;
}
.actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.primaryBtn {
  padding: 12px;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #ffffff;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  transition: background 0.2s ease;
}
.primaryBtn:hover {
  background: linear-gradient(135deg, #15803d, #16a34a);
}
.secondaryBtn {
  padding: 12px;
  background: #f1f3f5;
  color: #333;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  transition: background 0.2s ease;
}
.secondaryBtn:hover {
  background: #e9ecef;
}

.balance-topup {
  background: #fff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  max-width: 480px;
  margin: 40px auto;
}
.balance-topup__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.balance-topup__header h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
}
.balance-topup__card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.balance-topup__label {
  font-weight: 500;
  color: #0a123e;
}
.balance-topup__input {
  height: 46px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  font-size: 16px;
  background: #f9f9fc;
  color: #0a123e;
}
.balance-topup__input:focus {
  outline: none;
  border-color: #16a34a;
  background: #fff;
}
.balance-topup__submit {
  margin-top: 16px;
  height: 48px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border: none;
  color: #fff;
}
.balance-topup__submit:hover {
  background: linear-gradient(135deg, #15803d, #16a34a);
}
.balance-topup__hint {
  font-size: 13px;
  color: #6b7280;
  line-height: 1.4;
}
/* Mobile */
@media (max-width: 600px) {
  .balance-topup {
    padding: 16px;
  }
  .balance-topup__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

.report-form {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(10, 18, 62, 0.7);
  z-index: 99999;
}
.report-form__inner {
  max-width: 400px;
  min-width: 300px;
  max-height: 70vh;
  overflow-y: auto;
  background-color: white;
  border-radius: 10px;
  padding: 30px;
}
.report-form__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ff4343;
}
.report-form__cross {
  cursor: pointer;
  width: 18px;
  height: 18px;
  background-color: #ff4343;
  border-radius: 100%;
  opacity: 0.5;
}
.report-form__cross:hover {
  opacity: 1;
}
.report-form__cross:before,
.report-form__cross:after {
  position: absolute;
  margin-left: 8px;
  margin-top: 4px;
  content: ' ';
  height: 10px;
  width: 2px;
  background-color: white;
}
.report-form__cross:before {
  transform: rotate(45deg);
}
.report-form__cross:after {
  transform: rotate(-45deg);
}
.report-form__form {
  margin-bottom: 10px;
}
.report-form__form-select {
  margin-top: 15px;
  margin-bottom: 20px;
}
.report-form__form-description {
  width: 100%;
  min-height: 200px;
}
.report-form__form-description textarea {
  height: 170px !important;
}
.report-form__form-send {
  width: 100%;
}

.email {
  position: relative;
}
.email__valid-mark {
  position: relative;
}
.email__valid-mark:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiMwMEJFNjUiLz4KPHBhdGggZD0iTTE0LjY2NjYgNi41TDguMjQ5OTIgMTIuOTE2N0w1LjMzMzI1IDEwIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
  width: 20px;
  height: 20px;
}
.email__no-valid-mark {
  position: relative;
}
.email__no-valid-mark:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNGRjQzNDMiLz4KPHBhdGggZD0iTTEzLjQxNjcgN0w3IDEzLjQxNjdMNy4wMjU5OCAxMy4zOTA4IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzLjQxNjcgMTMuNDE2N0w3LjAwMDA4IDdMNy4wMjU5IDcuMDI1OTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  width: 20px;
  height: 20px;
}
.email__message {
  position: absolute;
  right: -120px;
  top: 50%;
  transform: translate(0, -50%);
  color: rgba(10, 18, 62, 0.5);
  font-size: 16px;
  font-weight: 400;
  width: 106px;
}
@media (max-width: 1370px) {
  .email__message {
    width: 100%;
    position: static;
  }
}
.email__valid {
  border: 1px solid #00be65 !important;
}
.email__no-valid {
  border: 1px solid #ff4343 !important;
}
.email:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNEgyMEMyMS4xIDQgMjIgNC45IDIyIDZWMThDMjIgMTkuMSAyMS4xIDIwIDIwIDIwSDRDMi45IDIwIDIgMTkuMSAyIDE4VjZDMiA0LjkgMi45IDQgNCA0WiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjIgNkwxMiAxM0wyIDYiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
  width: 24px;
  height: 24px;
}
.email input {
  margin: 5px 0;
  background: #f9f9fc;
  width: 100%;
  border: none;
  border-radius: 12px;
  padding: 21px 0 20px 54px;
  font-size: 16px;
  font-weight: 400;
}
.email__wrapper {
  position: relative;
}

.password {
  position: relative;
}
.password:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjQ5OTggNy41TDE4Ljk5OTggNE0yMC45OTk4IDJMMTguOTk5OCA0TDIwLjk5OTggMlpNMTEuMzg5OCAxMS42MUMxMS45MDYxIDEyLjExOTUgMTIuMzE2NiAxMi43MjYgMTIuNTk3NSAxMy4zOTQ4QzEyLjg3ODUgMTQuMDYzNSAxMy4wMjQ0IDE0Ljc4MTMgMTMuMDI2OCAxNS41MDY2QzEzLjAyOTIgMTYuMjMyIDEyLjg4ODIgMTYuOTUwNyAxMi42MTE3IDE3LjYyMTNDMTIuMzM1MiAxOC4yOTE5IDExLjkyODggMTguOTAxMiAxMS40MTU5IDE5LjQxNDFDMTAuOTAzIDE5LjkyNzEgMTAuMjkzNyAyMC4zMzM0IDkuNjIzMDkgMjAuNjA5OUM4Ljk1MjQ3IDIwLjg4NjQgOC4yMzM3OSAyMS4wMjc1IDcuNTA4NDIgMjEuMDI1QzYuNzgzMDUgMjEuMDIyNiA2LjA2NTMzIDIwLjg3NjcgNS4zOTY1OCAyMC41OTU4QzQuNzI3ODIgMjAuMzE0OCA0LjEyMTI1IDE5LjkwNDMgMy42MTE3OSAxOS4zODhDMi42MDk5MiAxOC4zNTA3IDIuMDU1NTUgMTYuOTYxNCAyLjA2ODA4IDE1LjUxOTNDMi4wODA2MSAxNC4wNzcyIDIuNjU5MDQgMTIuNjk3NyAzLjY3ODc4IDExLjY3OEM0LjY5ODUzIDEwLjY1ODMgNi4wNzggMTAuMDc5OCA3LjUyMDA4IDEwLjA2NzNDOC45NjIxNiAxMC4wNTQ4IDEwLjM1MTUgMTAuNjA5MSAxMS4zODg4IDExLjYxMUwxMS4zODk4IDExLjYxWk0xMS4zODk4IDExLjYxTDE1LjQ5OTggNy41TDExLjM4OTggMTEuNjFaTTE1LjQ5OTggNy41TDE4LjQ5OTggMTAuNUwyMS45OTk4IDdMMTguOTk5OCA0TDE1LjQ5OTggNy41WiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  width: 24px;
  height: 24px;
}
.password__eye {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}
.password__eye:hover {
  cursor: pointer;
}
.password__message {
  position: absolute;
  right: -120px;
  top: 50%;
  transform: translate(0, -50%);
  color: rgba(10, 18, 62, 0.5);
  font-size: 16px;
  font-weight: 400;
  width: 106px;
}
@media (max-width: 1225px) {
  .password__message {
    width: 100%;
    position: static;
  }
}
.password__valid {
  border: 1px solid #00be65 !important;
}
.password__no-valid {
  border: 1px solid #ff4343 !important;
}
.password input {
  margin: 5px 0;
  background: #f9f9fc;
  width: 100%;
  border: none;
  border-radius: 12px;
  padding: 21px 0 20px 54px;
  font-size: 16px;
  font-weight: 400;
}
.password__wrapper {
  position: relative;
}
.visible {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTJDMSAxMiA1IDQgMTIgNEMxOSA0IDIzIDEyIDIzIDEyQzIzIDEyIDE5IDIwIDEyIDIwQzUgMjAgMSAxMiAxIDEyWiIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMTVDMTMuNjU2OSAxNSAxNSAxMy42NTY5IDE1IDEyQzE1IDEwLjM0MzEgMTMuNjU2OSA5IDEyIDlDMTAuMzQzMSA5IDkgMTAuMzQzMSA5IDEyQzkgMTMuNjU2OSAxMC4zNDMxIDE1IDEyIDE1WiIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  width: 24px;
  height: 24px;
}
.hidden {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjEyIDE0LjEyQzEzLjg0NTQgMTQuNDE0OCAxMy41MTQxIDE0LjY1MTIgMTMuMTQ2MiAxNC44MTUxQzEyLjc3ODIgMTQuOTc5MSAxMi4zODA5IDE1LjA2NzMgMTEuOTc4MSAxNS4wNzQ0QzExLjU3NTMgMTUuMDgxNSAxMS4xNzUyIDE1LjAwNzQgMTAuODAxNiAxNC44NTY1QzEwLjQyODEgMTQuNzA1NiAxMC4wODg3IDE0LjQ4MTEgOS44MDM4NSAxNC4xOTYyQzkuNTE4OTcgMTMuOTExMyA5LjI5NDM5IDEzLjU3MiA5LjE0MzUxIDEzLjE5ODRDOC45OTI2MiAxMi44MjQ5IDguOTE4NTMgMTIuNDI0NyA4LjkyNTYzIDEyLjAyMTlDOC45MzI3NCAxMS42MTkxIDkuMDIwOTEgMTEuMjIxOSA5LjE4NDg4IDEwLjg1MzlDOS4zNDg4NCAxMC40ODU5IDkuNTg1MjUgMTAuMTU0NyA5Ljg4IDkuODgwMDNNMTcuOTQgMTcuOTRDMTYuMjMwNiAxOS4yNDMgMTQuMTQ5MSAxOS45NjQ5IDEyIDIwQzUgMjAgMSAxMiAxIDEyQzIuMjQzODkgOS42ODE5MiAzLjk2OTE0IDcuNjU2NjMgNi4wNiA2LjA2MDAzTDE3Ljk0IDE3Ljk0Wk05LjkgNC4yNDAwMkMxMC41ODgzIDQuMDc4OSAxMS4yOTMxIDMuOTk4MzYgMTIgNC4wMDAwM0MxOSA0LjAwMDAzIDIzIDEyIDIzIDEyQzIyLjM5MyAxMy4xMzU2IDIxLjY2OTEgMTQuMjA0OCAyMC44NCAxNS4xOUw5LjkgNC4yNDAwMloiIHN0cm9rZT0iIzBBMTIzRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgMUwyMyAyMyIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  width: 24px;
  height: 24px;
}

.login {
  position: relative;
}
.login__valid-mark {
  position: relative;
}
.login__valid-mark:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiMwMEJFNjUiLz4KPHBhdGggZD0iTTE0LjY2NjYgNi41TDguMjQ5OTIgMTIuOTE2N0w1LjMzMzI1IDEwIiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
  width: 20px;
  height: 20px;
}
.login__no-valid-mark {
  position: relative;
}
.login__no-valid-mark:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNGRjQzNDMiLz4KPHBhdGggZD0iTTEzLjQxNjcgN0w3IDEzLjQxNjdMNy4wMjU5OCAxMy4zOTA4IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzLjQxNjcgMTMuNDE2N0w3LjAwMDA4IDdMNy4wMjU5IDcuMDI1OTgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  width: 20px;
  height: 20px;
}
.login input {
  margin: 5px 0;
  background: #f9f9fc;
  width: 100%;
  border: none;
  border-radius: 12px;
  padding: 21px 0 20px 54px;
  font-size: 16px;
  font-weight: 400;
}
.login__valid {
  border: 1px solid #00be65 !important;
}
.login__no-valid {
  border: 1px solid #ff4343 !important;
}
.login:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDIxVjE5QzIwIDE3LjkzOTEgMTkuNTc4NiAxNi45MjE3IDE4LjgyODQgMTYuMTcxNkMxOC4wNzgzIDE1LjQyMTQgMTcuMDYwOSAxNSAxNiAxNUg4QzYuOTM5MTMgMTUgNS45MjE3MiAxNS40MjE0IDUuMTcxNTcgMTYuMTcxNkM0LjQyMTQzIDE2LjkyMTcgNCAxNy45MzkxIDQgMTlWMjEiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDExQzE0LjIwOTEgMTEgMTYgOS4yMDkxNCAxNiA3QzE2IDQuNzkwODYgMTQuMjA5MSAzIDEyIDNDOS43OTA4NiAzIDggNC43OTA4NiA4IDdDOCA5LjIwOTE0IDkuNzkwODYgMTEgMTIgMTFaIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
  width: 24px;
  height: 24px;
}
.login span {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
}
.login span:hover {
  cursor: pointer;
}

.authorization {
  flex: 1 1 60%;
  margin: 0 18px;
  width: 90%;
}
@media (max-width: 1000px) {
  .authorization {
    flex: 1 1 75%;
  }
}
.authorization__form {
  display: flex;
  flex-direction: column;
  max-width: 495px;
  margin: 0 auto;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1000px) {
  .authorization__form {
    text-align: center;
    justify-content: flex-start;
  }
}
.authorization__title {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 10px;
}
@media (max-width: 1000px) {
  .authorization__title {
    font-size: 20px;
  }
}
.authorization__question {
  color: rgba(10, 18, 62, 0.5);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 1000px) {
  .authorization__question {
    font-size: 14px;
  }
}
.authorization__question a {
  color: #fc6e20;
  text-decoration: none;
}
.authorization__question a:hover {
  text-decoration: underline;
}
.authorization__or {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  color: rgba(10, 18, 62, 0.3);
  margin: 10px 0;
}
.authorization__or:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0 -50%);
  border-top: 1px solid rgba(10, 18, 62, 0.1);
  height: 1px;
  width: 45%;
}
.authorization__or:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0 -50%);
  border-top: 1px solid rgba(10, 18, 62, 0.1);
  height: 1px;
  width: 45%;
}
.authorization__inputs {
  margin: -5px 0;
  width: 100%;
}
.authorization__agreements {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(10, 18, 62, 0.5);
  width: 80%;
  margin: 15px 0 20px;
}
@media (max-width: 1000px) {
  .authorization__agreements {
    font-size: 10px;
    width: 100%;
  }
}
.authorization__agreements a {
  text-decoration: none;
  color: #00be65;
}
.authorization__agreements a:hover {
  text-decoration: underline;
}
.authorization__submit {
  background: #fc6e20;
  border: none;
  border-radius: 12px;
  padding: 15px 33px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: white;
  width: 50%;
}
@media (max-width: 1000px) {
  .authorization__submit {
    width: 75%;
    margin-top: 40px;
  }
}
.authorization__submit:hover {
  cursor: pointer;
}
.authorization__auth-buttons {
  display: flex;
  justify-content: space-between;
  max-width: -10px 0px;
}
@media (max-width: 1000px) {
  .authorization__auth-buttons {
    justify-content: center;
  }
}
.authorization__auth-button {
  border: none;
  border-radius: 10px;
  padding: 11px 20px 10px 50px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  transition: all 0.3s ease;
}
.authorization__auth-button:hover {
  cursor: pointer;
  color: white;
}
.authorization__auth-button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translate(0, -50%);
}
@media (max-width: 1000px) {
  .authorization__auth-button:before {
    left: 10px;
  }
}
@media (max-width: 1000px) {
  .authorization__auth-button {
    font-size: 12px;
    padding: 11px 10px 10px 30px;
  }
}
.authorization__auth-facebook {
  background: rgba(59, 89, 152, 0.05);
  color: #3b5998;
}
.authorization__auth-facebook:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xNC42NTM4IDExLjI1MDFMMTUuMjA5NCA3LjYzMDczSDExLjczNjNWNS4yODE5OEMxMS43MzYzIDQuMjkxOTggMTIuMjIxMyAzLjMyNjM2IDEzLjc3NjkgMy4zMjYzNkgxNS4zNTU3VjAuMjQ1MTA3QzE1LjM1NTcgMC4yNDUxMDcgMTMuOTIzMiAwLjAwMDczMjQyMiAxMi41NTMyIDAuMDAwNzMyNDIyQzkuNjkzMTYgMC4wMDA3MzI0MjIgNy44MjM3OCAxLjczNDQ4IDcuODIzNzggNC44NzI2MVY3LjYzMTM2SDQuNjQ0NDFWMTEuMjUwN0g3LjgyMzc4VjIwLjAwMDdIMTEuNzM2M1YxMS4yNTA3TDE0LjY1MzggMTEuMjUwMVoiIGZpbGw9IiMzQjU5OTgiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) center no-repeat;
  width: 11px;
  height: 20px;
}
.authorization__auth-facebook:hover {
  background: #3b5998;
}
.authorization__auth-facebook:hover:before {
  filter: brightness(0) invert(1);
}
.authorization__auth-google {
  background: rgba(221, 75, 57, 0.05);
  color: #dd4b39;
}
.authorization__auth-google:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjIwNjkgOC42NDA2MkgxMC4xNTAzVjExLjU0MUgxNC4xODE1QzE0LjAwNzcgMTIuNDc4NSAxMy40ODAzIDEzLjI3MTUgMTIuNjg1NCAxMy44MDI3QzEyLjAxMzUgMTQuMjUyIDExLjE1NjEgMTQuNTE3NiAxMC4xNDgzIDE0LjUxNzZDOC4xOTcxNCAxNC41MTc2IDYuNTQ2NzUgMTMuMTk5MiA1Ljk1NjkxIDExLjQyNzdDNS44MDg0NyAxMC45Nzg1IDUuNzIyNTMgMTAuNDk4IDUuNzIyNTMgMTAuMDAzOUM1LjcyMjUzIDkuNTA5NzcgNS44MDg0NyA5LjAyOTMgNS45NTY5MSA4LjU4MDA4QzYuNTQ4NzEgNi44MTA1NSA4LjE5OTEgNS40OTIxOSAxMC4xNTAzIDUuNDkyMTlDMTEuMjQ5OSA1LjQ5MjE5IDEyLjIzNjIgNS44NzEwOSAxMy4wMTM1IDYuNjEzMjhMMTUuMTYyIDQuNDYyODlDMTMuODYzMiAzLjI1MTk1IDEyLjE2OTggMi41MDk3NyAxMC4xNTAzIDIuNTA5NzdDNy4yMjI1MyAyLjUwOTc3IDQuNjg5MzMgNC4xODk0NSAzLjQ1NjkxIDYuNjM4NjdDMi45NDkxIDcuNjUwMzkgMi42NjAwMyA4Ljc5NDkyIDIuNjYwMDMgMTAuMDA1OUMyLjY2MDAzIDExLjIxNjggMi45NDkxIDEyLjM1OTQgMy40NTY5MSAxMy4zNzExQzQuNjg5MzMgMTUuODIwMyA3LjIyMjUzIDE3LjUgMTAuMTUwMyAxNy41QzEyLjE3MzcgMTcuNSAxMy44NjkgMTYuODI4MSAxNS4xMDczIDE1LjY4MzZDMTYuNTIzMyAxNC4zNzg5IDE3LjM0MTcgMTIuNDU3IDE3LjM0MTcgMTAuMTczOEMxNy4zNDE3IDkuNjQyNTggMTcuMjk0OCA5LjEzMjgxIDE3LjIwNjkgOC42NDA2MloiIGZpbGw9IiNERDRCMzkiLz4KPC9zdmc+Cg==) center no-repeat;
  width: 15px;
  height: 15px;
}
.authorization__auth-google:hover {
  background: #dd4b39;
}
.authorization__auth-google:hover:before {
  filter: brightness(0) invert(1);
}

.new-password {
  flex: 1 1 60%;
  margin: 0 18px;
  width: 90%;
}
@media (max-width: 1000px) {
  .new-password {
    flex: 1 1 75%;
  }
}
.new-password__form {
  display: flex;
  flex-direction: column;
  max-width: 495px;
  margin: 0 auto;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1000px) {
  .new-password__form {
    text-align: center;
    justify-content: flex-start;
  }
}
.new-password__title {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 25px;
}
@media (max-width: 1000px) {
  .new-password__title {
    font-size: 20px;
  }
}
.new-password__inputs {
  margin: -5px 0;
  width: 100%;
}
.new-password__input {
  margin: 5px 0;
  background: #f9f9fc;
  width: 100%;
  border: none;
  border-radius: 12px;
  padding: 21px 0 20px 54px;
  font-size: 16px;
  font-weight: 400;
}
.new-password__redirect {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(10, 18, 62, 0.5);
  width: 80%;
  margin: 15px 0 5px;
}
@media (max-width: 1000px) {
  .new-password__redirect {
    font-size: 10px;
    width: 100%;
  }
}
.new-password__redirect a {
  text-decoration: none;
  color: #00be65;
}
.new-password__redirect a:hover {
  text-decoration: underline;
}
.new-password__submit {
  margin-top: 20px;
  background: #fc6e20;
  border: none;
  border-radius: 12px;
  padding: 15px 33px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: white;
  width: 50%;
}
@media (max-width: 1000px) {
  .new-password__submit {
    margin-top: 180px;
    width: 75%;
  }
}
.new-password__submit:hover {
  cursor: pointer;
}

.message {
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  padding: 24px;
  transition: all 0.5s ease;
  width: 310px;
  margin-left: 200%;
  margin-top: 10px;
}
.message-show {
  margin-left: 0;
}
.message__title {
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 5px;
}
.message__title_success {
  color: #00be65;
}
.message__title_error {
  color: #ff4343;
}
.message__description {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.registration {
  flex: 1 1 60%;
  margin: 0 18px;
  width: 90%;
}
@media (max-width: 1000px) {
  .registration {
    flex: 1 1 75%;
  }
}
.registration__form {
  display: flex;
  flex-direction: column;
  max-width: 495px;
  margin: 0 auto;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1000px) {
  .registration__form {
    text-align: center;
    justify-content: flex-start;
  }
}
.registration__title {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 10px;
}
@media (max-width: 1000px) {
  .registration__title {
    font-size: 20px;
  }
}
.registration__question {
  color: rgba(10, 18, 62, 0.5);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 1000px) {
  .registration__question {
    font-size: 14px;
  }
}
.registration__question a {
  color: #fc6e20;
  text-decoration: none;
}
.registration__question a:hover {
  text-decoration: underline;
}
.registration__or {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  color: rgba(10, 18, 62, 0.3);
  margin: 10px 0;
}
.registration__or:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0 -50%);
  border-top: 1px solid rgba(10, 18, 62, 0.1);
  height: 1px;
  width: 45%;
}
.registration__or:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0 -50%);
  border-top: 1px solid rgba(10, 18, 62, 0.1);
  height: 1px;
  width: 45%;
}
.registration__inputs {
  margin: -5px 0;
  width: 100%;
}
.registration__agreements {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(10, 18, 62, 0.5);
  width: 80%;
  margin: 15px 0 20px;
}
@media (max-width: 1000px) {
  .registration__agreements {
    font-size: 10px;
    width: 100%;
  }
}
.registration__agreements a {
  text-decoration: none;
  color: #00be65;
}
.registration__agreements a:hover {
  text-decoration: underline;
}
.registration__submit {
  background: #fc6e20;
  border: none;
  border-radius: 12px;
  padding: 15px 33px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: white;
  width: 50%;
}
@media (max-width: 1000px) {
  .registration__submit {
    width: 75%;
  }
}
.registration__submit:hover {
  cursor: pointer;
}
.registration__auth-buttons {
  display: flex;
  justify-content: space-between;
  max-width: -10px 0px;
}
@media (max-width: 1000px) {
  .registration__auth-buttons {
    justify-content: center;
  }
}
.registration__auth-button {
  border: none;
  border-radius: 10px;
  padding: 11px 20px 10px 50px;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  transition: all 0.3s ease;
}
.registration__auth-button:hover {
  cursor: pointer;
  color: white;
}
.registration__auth-button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translate(0, -50%);
}
@media (max-width: 1000px) {
  .registration__auth-button:before {
    left: 10px;
  }
}
@media (max-width: 1000px) {
  .registration__auth-button {
    font-size: 12px;
    padding: 11px 10px 10px 30px;
  }
}
.registration__auth-facebook {
  background: rgba(59, 89, 152, 0.05);
  color: #3b5998;
}
.registration__auth-facebook:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0xNC42NTM4IDExLjI1MDFMMTUuMjA5NCA3LjYzMDczSDExLjczNjNWNS4yODE5OEMxMS43MzYzIDQuMjkxOTggMTIuMjIxMyAzLjMyNjM2IDEzLjc3NjkgMy4zMjYzNkgxNS4zNTU3VjAuMjQ1MTA3QzE1LjM1NTcgMC4yNDUxMDcgMTMuOTIzMiAwLjAwMDczMjQyMiAxMi41NTMyIDAuMDAwNzMyNDIyQzkuNjkzMTYgMC4wMDA3MzI0MjIgNy44MjM3OCAxLjczNDQ4IDcuODIzNzggNC44NzI2MVY3LjYzMTM2SDQuNjQ0NDFWMTEuMjUwN0g3LjgyMzc4VjIwLjAwMDdIMTEuNzM2M1YxMS4yNTA3TDE0LjY1MzggMTEuMjUwMVoiIGZpbGw9IiMzQjU5OTgiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K) center no-repeat;
  width: 11px;
  height: 20px;
}
.registration__auth-facebook:hover {
  background: #3b5998;
}
.registration__auth-facebook:hover:before {
  filter: brightness(0) invert(1);
}
.registration__auth-google {
  background: rgba(221, 75, 57, 0.05);
  color: #dd4b39;
}
.registration__auth-google:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjIwNjkgOC42NDA2MkgxMC4xNTAzVjExLjU0MUgxNC4xODE1QzE0LjAwNzcgMTIuNDc4NSAxMy40ODAzIDEzLjI3MTUgMTIuNjg1NCAxMy44MDI3QzEyLjAxMzUgMTQuMjUyIDExLjE1NjEgMTQuNTE3NiAxMC4xNDgzIDE0LjUxNzZDOC4xOTcxNCAxNC41MTc2IDYuNTQ2NzUgMTMuMTk5MiA1Ljk1NjkxIDExLjQyNzdDNS44MDg0NyAxMC45Nzg1IDUuNzIyNTMgMTAuNDk4IDUuNzIyNTMgMTAuMDAzOUM1LjcyMjUzIDkuNTA5NzcgNS44MDg0NyA5LjAyOTMgNS45NTY5MSA4LjU4MDA4QzYuNTQ4NzEgNi44MTA1NSA4LjE5OTEgNS40OTIxOSAxMC4xNTAzIDUuNDkyMTlDMTEuMjQ5OSA1LjQ5MjE5IDEyLjIzNjIgNS44NzEwOSAxMy4wMTM1IDYuNjEzMjhMMTUuMTYyIDQuNDYyODlDMTMuODYzMiAzLjI1MTk1IDEyLjE2OTggMi41MDk3NyAxMC4xNTAzIDIuNTA5NzdDNy4yMjI1MyAyLjUwOTc3IDQuNjg5MzMgNC4xODk0NSAzLjQ1NjkxIDYuNjM4NjdDMi45NDkxIDcuNjUwMzkgMi42NjAwMyA4Ljc5NDkyIDIuNjYwMDMgMTAuMDA1OUMyLjY2MDAzIDExLjIxNjggMi45NDkxIDEyLjM1OTQgMy40NTY5MSAxMy4zNzExQzQuNjg5MzMgMTUuODIwMyA3LjIyMjUzIDE3LjUgMTAuMTUwMyAxNy41QzEyLjE3MzcgMTcuNSAxMy44NjkgMTYuODI4MSAxNS4xMDczIDE1LjY4MzZDMTYuNTIzMyAxNC4zNzg5IDE3LjM0MTcgMTIuNDU3IDE3LjM0MTcgMTAuMTczOEMxNy4zNDE3IDkuNjQyNTggMTcuMjk0OCA5LjEzMjgxIDE3LjIwNjkgOC42NDA2MloiIGZpbGw9IiNERDRCMzkiLz4KPC9zdmc+Cg==) center no-repeat;
  width: 15px;
  height: 16px;
}
.registration__auth-google:hover {
  background: #dd4b39;
}
.registration__auth-google:hover:before {
  filter: brightness(0) invert(1);
}

.restore {
  flex: 1 1 60%;
  margin: 0 18px;
  width: 90%;
}
@media (max-width: 1000px) {
  .restore {
    flex: 1 1 75%;
  }
}
.restore__form {
  display: flex;
  flex-direction: column;
  max-width: 495px;
  margin: 0 auto;
  justify-content: center;
  height: 100%;
}
@media (max-width: 1000px) {
  .restore__form {
    text-align: center;
    justify-content: flex-start;
  }
}
.restore__title {
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 25px;
}
@media (max-width: 1000px) {
  .restore__title {
    font-size: 20px;
    order: 1;
  }
}
.restore__inputs {
  margin: -5px 0;
  width: 100%;
}
@media (max-width: 1000px) {
  .restore__inputs {
    order: 2;
  }
}
@media (max-width: 1000px) {
  .restore__wrapper-submit {
    order: 4;
  }
}
.restore__submit {
  margin-top: 20px;
  background: #fc6e20;
  border: none;
  border-radius: 12px;
  padding: 15px 33px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
  color: white;
  width: 50%;
}
@media (max-width: 1000px) {
  .restore__submit {
    margin-top: 100px;
    width: 75%;
  }
}
.restore__submit:hover {
  cursor: pointer;
}
.restore__message {
  width: 75%;
  margin-top: 50px;
  text-align: left;
}
@media (max-width: 1000px) {
  .restore__message {
    margin-top: 20px;
    width: 100%;
    order: 3;
  }
}
.restore__redirect {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  color: rgba(10, 18, 62, 0.5);
  width: 80%;
  margin: 15px 0 5px;
}
@media (max-width: 1000px) {
  .restore__redirect {
    font-size: 10px;
    width: 100%;
  }
}
.restore__redirect a {
  text-decoration: none;
  color: #00be65;
}
.restore__redirect a:hover {
  text-decoration: underline;
}

.react-date-picker {
  display: inline-flex;
  position: relative;
}
.react-date-picker,
.react-date-picker *,
.react-date-picker *:before,
.react-date-picker *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.react-date-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d;
}
.react-date-picker__wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  border: thin solid gray;
}
.react-date-picker__inputGroup {
  min-width: calc((4px * 3) +  0.54em * 8  +  0.217em * 2);
  flex-grow: 1;
  padding: 0 2px;
  box-sizing: content-box;
}
.react-date-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre;
}
.react-date-picker__inputGroup__input {
  min-width: 0.54em;
  height: 100%;
  position: relative;
  padding: 0 1px;
  border: 0;
  background: none;
  font: inherit;
  box-sizing: content-box;
  -moz-appearance: textfield;
}
.react-date-picker__inputGroup__input::-webkit-outer-spin-button,
.react-date-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-date-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1);
}
.react-date-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px +  0.54em);
}
.react-date-picker__button {
  border: 0;
  background: transparent;
  padding: 4px 6px;
}
.react-date-picker__button:enabled {
  cursor: pointer;
}
.react-date-picker__button:enabled:hover .react-date-picker__button__icon,
.react-date-picker__button:enabled:focus .react-date-picker__button__icon {
  stroke: #0078d7;
}
.react-date-picker__button:disabled .react-date-picker__button__icon {
  stroke: #6d6d6d;
}
.react-date-picker__button svg {
  display: inherit;
}
.react-date-picker__calendar {
  width: 350px;
  max-width: 100vw;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}
.react-date-picker__calendar--closed {
  display: none;
}
.react-date-picker__calendar .react-calendar {
  border-width: thin;
}

.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em;
}
.react-calendar--doubleView {
  width: 700px;
}
.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}
.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}
.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}
.react-calendar button:enabled:hover {
  cursor: pointer;
}
.react-calendar__navigation {
  height: 44px;
  margin-bottom: 1em;
}
.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}
.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}
.react-calendar__navigation button[disabled] {
  background-color: #f0f0f0;
}
.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}
.react-calendar__month-view__weekNumbers {
  font-weight: bold;
}
.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  padding: calc(0.75em / 0.75) calc(0.5em / 0.75);
}
.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}
.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575;
}
.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}
.react-calendar__tile {
  max-width: 100%;
  text-align: center;
  padding: 0.75em 0.5em;
  background: none;
}
.react-calendar__tile:disabled {
  background-color: #f0f0f0;
}
.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}
.react-calendar__tile--now {
  background: #ffff76;
}
.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}
.react-calendar__tile--hasActive {
  background: #76baff;
}
.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}
.react-calendar__tile--active {
  background: #006edc;
  color: white;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}
.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

.form-textarea {
  width: 100%;
}
.form-textarea textarea {
  width: 100%;
  border: 1px solid rgba(10, 18, 62, 0.1);
  padding: 20px 20px 20px 20px;
  background: #f9f9fc;
  border-radius: 12px;
  font-size: 16px;
  color: #0a123e;
}
.form-textarea textarea::placeholder {
  font-size: 16px;
  font-weight: normal;
  color: rgba(10, 18, 62, 0.5);
}
.form-textarea_error textarea {
  border: 1px solid red !important;
}

#tenders-wrapper {
  padding: 50px 25px;
}
@media (max-width: 650px) {
  #tenders-wrapper {
    padding: 20px 16px 50px 16px;
  }
}
@media (max-width: 450px) {
  #tenders-wrapper {
    padding: 20px 5px 50px 5px;
  }
}
.tenders-breadcrumbs-title {
  font-weight: 700;
  font-size: 44px;
  line-height: 52px;
  color: #0a123e;
  padding-top: 10px;
  margin-bottom: 20px;
}
.tenders {
  display: flex;
  flex-direction: row;
  margin: 0 -10px;
}
.tenders__main {
  margin: 0 10px;
  margin-right: 2%;
}
.tenders__info {
  background: white;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  margin-bottom: 30px;
}
.tenders__report span {
  display: inline-block;
  width: 17px;
  height: 17px;
  border: 2px solid white;
  border-radius: 100%;
  font-size: 12px;
  margin-right: 5px;
}
.tenders__short {
  display: flex;
  align-items: center;
}
.tenders__expiration-info {
  padding: 12px 10px;
  background: #f8f8fb;
  border-radius: 10px;
  font-size: 14px;
  line-height: 16px;
  color: #0a123e;
}
.tenders__expiration-info:not(:last-child) {
  margin-right: 10px;
}
.tenders__expiration-info--red {
  font-weight: 500;
  color: #ff4343;
  background-color: #ffeded;
}
.tenders__name {
  font-size: 20px;
  font-weight: 500;
}
.tenders__main-info {
  margin: 50px -20px 25px -20px;
  display: flex;
  flex-direction: row;
}
.tenders__main-info_left {
  margin: 0 20px;
  flex: 0 1 40%;
}
.tenders__main-info_right {
  margin: 0 20px;
  flex: 0 1 40%;
}
.tenders__about {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: -5px 0;
}
.tenders__about_title {
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 23px !important;
  color: #0a123e !important;
  padding-top: 30px;
  padding-bottom: 10px;
}
.tenders__about > p {
  margin: 5px 0;
  color: rgba(10, 18, 62, 0.5);
  font-size: 16px;
  line-height: 19px;
}
.tenders__about > p span {
  color: #0a123e;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
}
.tenders__about > p a {
  color: #00be65;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
}
.tenders__desc_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #0a123e;
  padding-top: 30px;
  padding-bottom: 10px;
}
.tenders__desc_text {
  font-size: 16px;
  line-height: 19px;
  color: rgba(10, 18, 62, 0.5);
}
.tenders__volume {
  margin-bottom: 50px;
}
.tenders__volume_text {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
}
.tenders__volume_value {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #00be65;
}
.tenders__auto-calc_title {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
  margin-bottom: 20px;
}
.tenders__auto-calc_sum {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 -10px;
  position: relative;
}
.tenders__auto-calc_sum:before {
  content: '+';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  line-height: 21px;
  color: #0a123e;
}
.tenders__auto-calc_sum input {
  margin: 0 10px;
  flex: 0 1 43%;
  padding: 12px;
  background: #f7f7fa;
  border-radius: 8px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(10, 18, 62, 0.5);
}
.tenders__auto-calc_result {
  margin-top: 20px;
}
.tenders__auto-calc_result input {
  width: 100%;
  padding: 12px;
  background: #f7f7fa;
  border-radius: 8px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(10, 18, 62, 0.5);
}
.tenders__auto-calc_buttons {
  display: flex;
  flex-direction: row;
  margin: 20px -5px 0 -5px;
}
.tenders__auto-calc_buttons button {
  margin: 0 5px;
  padding: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  border-radius: 8px;
  transition: all 0.5s ease;
  border: 1px solid #00be65;
}
.tenders__auto-calc_buttons button:hover {
  cursor: pointer;
}
.tenders__auto-calc_btn {
  background: #ffffff;
  color: #00be65;
}
.tenders__auto-calc_btn:hover {
  background: #00be65;
  color: white;
}
.tenders__auto-calc_btn2 {
  background: #00be65;
  color: white;
}
.tenders__auto-calc_btn2:hover {
  background: #ffffff;
  color: #00be65;
}
.tenders__conditions_title {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
  margin-bottom: 20px;
}
.tenders__conditions_wrapper {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.tenders__conditions_item {
  width: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 15px;
}
.tenders__conditions_key {
  color: rgba(10, 18, 62, 0.5);
  margin-bottom: 8px;
}
.tenders__conditions_value {
  font-weight: 500;
  color: #0a123e;
  display: flex;
  align-items: center;
}
.tenders__conditions_value img {
  margin-right: 10px;
}
.tenders__conditions_change {
  display: flex;
  margin: 0 -30px;
}
.tenders__conditions_included-title {
  font-weight: 500;
  font-size: 16px;
  color: #0a123e;
  margin-bottom: 10px;
}
.tenders__conditions_buttons {
  display: flex;
  flex-direction: row;
  margin: 20px -5px 30px -5px;
}
.tenders__conditions_buttons button {
  margin: 0 5px;
  padding: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  border-radius: 8px;
  transition: all 0.5s ease;
  border: 1px solid #fc6e20;
}
.tenders__conditions_buttons button:hover {
  cursor: pointer;
}
.tenders__conditions_deal {
  background: #ffffff;
  color: #fc6e20;
}
.tenders__conditions_deal:hover {
  background: #fc6e20;
  color: white;
}
.tenders__conditions_safe-deal {
  background: #fc6e20;
  color: white;
}
.tenders__conditions_safe-deal:hover {
  background: #ffffff;
  color: #fc6e20;
}
.tenders__conditions_tax,
.tenders__conditions_status {
  margin: 0 30px;
}
.tenders__conditions_tax-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
}
.tenders__conditions_tax-value {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-decoration: underline;
  color: #00be65;
}
.tenders__expiration-mobile {
  display: none;
}
.tenders__radio {
  display: flex;
  flex-direction: row;
  margin: 0 -10px;
  align-items: center;
}
.tenders__radio_item {
  margin: 0 10px;
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  cursor: pointer;
  user-select: none;
}
.tenders__radio_item > p {
  font-size: 14px;
  line-height: 21px;
  color: rgba(10, 18, 62, 0.5);
}
.tenders__radio_item input:checked ~ .tenders__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiMwMGJlNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjMDBiZTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.tenders__radio_item input:checked ~ p {
  color: #0a123e !important;
}
.tenders__radio_item:hover input:checked ~ .tenders__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.tenders__radio_item:hover input ~ .tenders__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.tenders__radio_item:hover input:checked ~ .tenders__checkmark:after {
  display: block;
}
.tenders__radio_item:hover input:checked .tenders__radio p {
  color: #0a123e;
}
.tenders__radio_item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.tenders__checkmark {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  height: 18px;
  width: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgMTBWMTUuODMzM0MxNy41IDE2LjI3NTQgMTcuMzI0NCAxNi42OTkzIDE3LjAxMTggMTcuMDExOEMxNi42OTkzIDE3LjMyNDQgMTYuMjc1NCAxNy41IDE1LjgzMzMgMTcuNUg0LjE2NjY3QzMuNzI0NjQgMTcuNSAzLjMwMDcyIDE3LjMyNDQgMi45ODgxNiAxNy4wMTE4QzIuNjc1NTkgMTYuNjk5MyAyLjUgMTYuMjc1NCAyLjUgMTUuODMzM1Y0LjE2NjY3QzIuNSAzLjcyNDY0IDIuNjc1NTkgMy4zMDA3MiAyLjk4ODE2IDIuOTg4MTZDMy4zMDA3MiAyLjY3NTU5IDMuNzI0NjQgMi41IDQuMTY2NjcgMi41SDEzLjMzMzMiIHN0cm9rZT0iI0I3QjZCOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}
.tenders__photos {
  display: flex;
  align-items: stretch;
}
.tenders__photos__arrow-item {
  height: 94px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0a123e;
  border-radius: 6px;
  cursor: pointer;
  margin-right: 2px;
  transition: background-color 0.3s;
}
.tenders__photos__arrow-item::before {
  content: '';
  width: 6px;
  height: 10px;
}
.tenders__photos__arrow-item:first-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
.tenders__photos__arrow-item:last-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  transform: rotate(180deg);
}
.tenders__photos__arrow-item--disabled {
  cursor: auto;
  background-color: #e7e8ec;
}
.tenders__photos__arrow-item--disabled:first-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.tenders__photos__arrow-item--disabled:last-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  transform: rotate(180deg);
}
.tenders__photos__img {
  width: 110px;
  height: 95px;
  border-radius: 10px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.tenders__photos__img--active {
  cursor: auto;
  border: 3px solid #00be65;
}
.tenders__side__date {
  width: 565px;
  background-color: white;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  margin-bottom: 30px;
}
.tenders__side__date-top {
  display: flex;
  align-items: center;
}
.tenders__side__date-actions {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
  float: right;
  position: relative;
  top: -22px;
}
.tenders__side__slider {
  cursor: pointer;
  background-color: #e7e8ec;
  border-radius: 9.5px;
  width: 45px;
  height: 22px;
  margin-right: 10px;
}
.tenders__side__slider--active {
  background-color: #ffeded;
}
.tenders__side__slider--active .tenders__side__slider-dot {
  margin-left: 22px;
  background-color: #ff4343;
}
.tenders__side__slider-dot {
  width: 22px;
  height: 22px;
  background-color: #0a123e;
  border-radius: 100%;
  margin-left: 0;
  transition: margin 0.2s;
}
.tenders__side__slider-text {
  font-size: 16px;
  color: rgba(10, 18, 62, 0.7);
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.tenders__side__dots {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.tenders__side__dots-item {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #85899f;
  cursor: pointer;
}
.tenders__side__dots-item:not(:last-child) {
  margin-right: 8px;
}
.tenders__side__dots-item--active {
  background-color: #0a123e;
  position: relative;
}
.tenders__side__dots-item--active::after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 100%;
  border: 1px solid #85899f;
  position: absolute;
  top: -2px;
  right: -2px;
}
.tenders__side__arrows {
  display: flex;
}
.tenders__side__arrows-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0a123e;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  cursor: pointer;
}
.tenders__side__arrows-item:not(:last-child) {
  margin-right: 10px;
}
.tenders__side__arrows-item::before {
  content: '';
  width: 6px;
  height: 10px;
}
.tenders__side__arrows-item:first-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
.tenders__side__arrows-item:last-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  transform: rotate(180deg);
}
.tenders__side__arrows-item--disabled {
  cursor: auto;
  background-color: #e7e8ec;
}
.tenders__side__arrows-item--disabled:first-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.tenders__side__arrows-item--disabled:last-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  transform: rotate(180deg);
}
.tenders__side__date-carousel {
  overflow: hidden;
  display: flex;
  margin-top: 20px;
}
.tenders__side__date-carousel-item {
  color: #0a123e;
  font-size: 16px;
  font-weight: 500;
  min-width: 100%;
}
.tenders__side__info {
  background-color: white;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  margin-bottom: 30px;
}
.tenders__side__block {
  background-color: #f7f7f9;
  border-radius: 8px;
  padding: 16px;
}
.tenders__side__block:not(:last-child) {
  margin-bottom: 20px;
}
.tenders__side__block-item {
  display: flex;
  align-items: center;
}
.tenders__side__block-item:not(:last-child) {
  margin-bottom: 15px;
}
.tenders__side__block-item > span {
  color: #65759a;
}
.tenders__side__block-item strong {
  color: #0a123e;
  font-weight: 500;
}
.tenders__side__block-item .text-red {
  font-weight: 500;
  color: #ff4343;
}
.tenders__side__block-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #0a123e;
}
.tenders__side__block-icon-user,
.tenders__side__block-icon-phone,
.tenders__side__block-icon-mail {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.tenders__side__block-icon-user {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjY2NjMgMTcuNVYxNS44MzMzQzE2LjY2NjMgMTQuOTQ5MyAxNi4zMTUxIDE0LjEwMTQgMTUuNjkgMTMuNDc2M0MxNS4wNjQ5IDEyLjg1MTIgMTQuMjE3MSAxMi41IDEzLjMzMyAxMi41SDYuNjY2MzRDNS43ODIyOSAxMi41IDQuOTM0NDQgMTIuODUxMiA0LjMwOTMyIDEzLjQ3NjNDMy42ODQyIDE0LjEwMTQgMy4zMzMwMSAxNC45NDkzIDMuMzMzMDEgMTUuODMzM1YxNy41IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMC4wMDAzIDkuMTY2NjdDMTEuODQxMyA5LjE2NjY3IDEzLjMzMzcgNy42NzQyOCAxMy4zMzM3IDUuODMzMzNDMTMuMzMzNyAzLjk5MjM4IDExLjg0MTMgMi41IDEwLjAwMDMgMi41QzguMTU5MzggMi41IDYuNjY2OTkgMy45OTIzOCA2LjY2Njk5IDUuODMzMzNDNi42NjY5OSA3LjY3NDI4IDguMTU5MzggOS4xNjY2NyAxMC4wMDAzIDkuMTY2NjdaIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.tenders__side__block-icon-phone {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjI4NzYgMy43NUMxMi4wMjAxIDMuODkyOTIgMTIuNjkzNCA0LjI1MTE5IDEzLjIyMTEgNC43Nzg5NUMxMy43NDg5IDUuMzA2NzEgMTQuMTA3MSA1Ljk3OTk1IDE0LjI1MDEgNi43MTI1TTExLjI4NzYgMC43NUMxMi44MDk1IDAuOTE5MDc3IDE0LjIyODggMS42MDA2MyAxNS4zMTIzIDIuNjgyNzZDMTYuMzk1NyAzLjc2NDg4IDE3LjA3OTEgNS4xODMyNiAxNy4yNTAxIDYuNzA1TTE2LjUwMDEgMTIuNjlWMTQuOTRDMTYuNTAwOSAxNS4xNDg5IDE2LjQ1ODEgMTUuMzU1NiAxNi4zNzQ1IDE1LjU0N0MxNi4yOTA4IDE1LjczODQgMTYuMTY4IDE1LjkxMDIgMTYuMDE0MSAxNi4wNTE0QzE1Ljg2MDIgMTYuMTkyNiAxNS42Nzg1IDE2LjMwMDEgMTUuNDgwNiAxNi4zNjdDMTUuMjgyOCAxNi40MzM5IDE1LjA3MzEgMTYuNDU4OCAxNC44NjUxIDE2LjQ0QzEyLjU1NzIgMTYuMTg5MiAxMC4zNDAzIDE1LjQwMDYgOC4zOTI1NyAxNC4xMzc1QzYuNTgwNDQgMTIuOTg2IDUuMDQ0MDcgMTEuNDQ5NiAzLjg5MjU3IDkuNjM3NUMyLjYyNTA2IDcuNjgwOSAxLjgzNjI1IDUuNDUzMjUgMS41OTAwNyAzLjEzNUMxLjU3MTMzIDIuOTI3NiAxLjU5NTk4IDIuNzE4NTcgMS42NjI0NSAyLjUyMTIyQzEuNzI4OTIgMi4zMjM4NyAxLjgzNTc1IDIuMTQyNTIgMS45NzYxNSAxLjk4ODcyQzIuMTE2NTQgMS44MzQ5MSAyLjI4NzQzIDEuNzEyMDMgMi40Nzc5MiAxLjYyNzg5QzIuNjY4NCAxLjU0Mzc1IDIuODc0MzMgMS41MDAyIDMuMDgyNTcgMS41SDUuMzMyNTdDNS42OTY1NSAxLjQ5NjQyIDYuMDQ5NDIgMS42MjUzMSA2LjMyNTM5IDEuODYyNjVDNi42MDEzNyAyLjA5OTk5IDYuNzgxNjMgMi40Mjk1OSA2LjgzMjU3IDIuNzlDNi45Mjc1NCAzLjUxMDA1IDcuMTAzNjYgNC4yMTcwNSA3LjM1NzU3IDQuODk3NUM3LjQ1ODQ4IDUuMTY1OTQgNy40ODAzMiA1LjQ1NzY5IDcuNDIwNSA1LjczODE2QzcuMzYwNjkgNi4wMTg2MyA3LjIyMTcyIDYuMjc2MDggNy4wMjAwNyA2LjQ4TDYuMDY3NTcgNy40MzI1QzcuMTM1MjQgOS4zMTAxNiA4LjY4OTkxIDEwLjg2NDggMTAuNTY3NiAxMS45MzI1TDExLjUyMDEgMTAuOThDMTEuNzI0IDEwLjc3ODQgMTEuOTgxNCAxMC42Mzk0IDEyLjI2MTkgMTAuNTc5NkMxMi41NDI0IDEwLjUxOTggMTIuODM0MSAxMC41NDE2IDEzLjEwMjYgMTAuNjQyNUMxMy43ODMgMTAuODk2NCAxNC40OSAxMS4wNzI1IDE1LjIxMDEgMTEuMTY3NUMxNS41NzQ0IDExLjIxODkgMTUuOTA3MSAxMS40MDI0IDE2LjE0NSAxMS42ODMxQzE2LjM4MjggMTEuOTYzOCAxNi41MDkyIDEyLjMyMjIgMTYuNTAwMSAxMi42OVoiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  width: 18px;
  height: 18px;
}
.tenders__side__block-icon-mail {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgM0gxNUMxNS44MjUgMyAxNi41IDMuNjc1IDE2LjUgNC41VjEzLjVDMTYuNSAxNC4zMjUgMTUuODI1IDE1IDE1IDE1SDNDMi4xNzUgMTUgMS41IDE0LjMyNSAxLjUgMTMuNVY0LjVDMS41IDMuNjc1IDIuMTc1IDMgMyAzWiIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNi41IDQuNUw5IDkuNzVMMS41IDQuNSIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  width: 18px;
  height: 18px;
}
.tenders__side__documents {
  background-color: white;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
}
.tenders__side__documents--mobile {
  display: none;
}
.tenders__doc-photos {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
}
.tenders__doc-photos__arrow-item {
  width: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0a123e;
  border-radius: 6px;
  cursor: pointer;
  margin-right: 2px;
  transition: background-color 0.3s;
}
.tenders__doc-photos__arrow-item::before {
  content: '';
  width: 6px;
  height: 10px;
}
.tenders__doc-photos__arrow-item:first-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
.tenders__doc-photos__arrow-item:last-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  transform: rotate(180deg);
}
.tenders__doc-photos__arrow-item--disabled {
  cursor: auto;
  background-color: #e7e8ec;
}
.tenders__doc-photos__arrow-item--disabled:first-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.tenders__doc-photos__arrow-item--disabled:last-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  transform: rotate(180deg);
}
.tenders__doc-photos__images {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-left: 15px;
  margin-right: 15px;
}
.tenders__doc-photos__img {
  border-radius: 8px;
  cursor: pointer;
  width: 83px;
  height: 116px;
}
.tenders__doc-photos__img--active {
  cursor: auto;
  border: 2px solid #fd433d;
}
.tenders__table-fullpage-wrapper {
  display: block;
}
.tenders__table-notebook-wrapper {
  display: none;
}
@media (max-width: 1367px) {
  .tenders__main-info {
    flex-direction: column;
    margin-top: 15px;
  }
  .tenders__desc {
    margin-bottom: 40px;
  }
  .tenders__desc_text {
    width: 65%;
    line-height: 1.4;
  }
  .tenders__table-fullpage-wrapper {
    display: none;
  }
  .tenders__table-notebook-wrapper {
    display: block;
  }
  .tenders__side__date {
    width: auto;
  }
  .tenders__side__date-actions {
    top: 15px;
  }
  .tenders__photos__arrow-item {
    width: 33px;
  }
  .tenders__photos__arrow-item:first-child {
    margin-right: 7px;
  }
  .tenders__photos__arrow-item:last-child {
    margin-left: 7px;
  }
  .tenders__photos__img {
    margin-left: 7px;
    margin-right: 7px;
  }
  .tenders__photos__img:nth-child(5) {
    display: none !important;
  }
  .tenders__doc-photos__img:nth-child(4) {
    display: none !important;
  }
  __expiration-mobile {
    display: none;
  }
}
@media (max-width: 576px) {
  #tenders-wrapper {
    padding: 0;
  }
  .tenders-breadcrumbs-title {
    font-size: 28px;
    line-height: 12px;
    padding-left: 15px;
  }
  .tenders {
    flex-direction: column-reverse;
  }
  .tenders__info {
    margin-bottom: 0;
  }
  .tenders__short {
    display: none;
  }
  .tenders__expiration-mobile {
    display: flex;
    padding: 14px 26px;
    border-bottom: 2px solid #e7e8ec;
    color: #0a123e;
  }
  .tenders__main-info {
    margin-top: 0;
  }
  .tenders__main-info_left {
    margin: 0 28px;
  }
  .tenders__main-info_right {
    margin: 0 28px;
  }
  .tenders__desc_text {
    width: 100%;
  }
  .tenders__photos {
    width: 100%;
  }
  .tenders__photos__arrow-item {
    min-width: 30px;
    height: 80px;
  }
  .tenders__photos__arrow-item:first-child {
    margin-right: 4px;
  }
  .tenders__photos__arrow-item:last-child {
    margin-left: 4px;
  }
  .tenders__photos__images {
    display: flex;
    width: 100%;
  }
  .tenders__photos__img {
    width: calc(33% - 8px);
    height: auto;
    margin-left: 4px;
    margin-right: 4px;
  }
  .tenders__photos__img:nth-child(4),
  .tenders__photos__img:nth-child(5) {
    display: none;
  }
  .tenders__side__info {
    box-shadow: none;
    padding: 15px 25px;
    margin-bottom: 0;
  }
  .tenders__side__date {
    box-shadow: none;
    padding: 15px 25px 20px;
    background-color: #f7f7f9;
    margin-bottom: 0;
  }
  .tenders__side__documents {
    box-shadow: none;
    padding: 15px;
  }
  .tenders__side__documents--fullpage {
    display: none;
  }
  .tenders__side__documents--mobile {
    display: block;
  }
}

.add-files__title {
  margin-top: 20px;
}
.add-files__title p {
  color: #0a123e;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 8px;
}
.add-files__title p > span {
  font-size: 16px;
  color: rgba(10, 18, 62, 0.5);
  margin-left: 20px;
}
@media (max-width: 1100px) {
  .add-files__title p > span {
    font-size: 12px;
  }
}
.add-files__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-radius: 12px;
  margin: -5px;
  height: 144px;
  max-width: 1320px;
  overflow-x: auto;
}
@media (max-width: 1100px) {
  .add-files__list {
    overflow: unset;
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
  }
}
.add-files__add {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQzLjU0MSAyNy41TDExLjQ1NzcgMjcuNSIgc3Ryb2tlPSIjOEM4RkE1IiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjcuNSAxMS40NTg3TDI3LjUgNDMuNTQyMSIgc3Ryb2tlPSIjOEM4RkE1IiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat, rgba(10, 18, 62, 0.1);
  border: 1px solid rgba(10, 18, 62, 0.1);
  flex: 0 0 144px;
  border-radius: 12px;
  padding: 10px 37px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.5s ease;
  position: relative;
  margin: 5px;
}
@media (max-width: 1100px) {
  .add-files__add {
    flex: 0 0 47%;
  }
}
@media (max-width: 1100px) {
  .add-files__add {
    height: 149px;
  }
}
.add-files__add:hover {
  cursor: pointer;
}
.add-files__add span {
  font-size: 14px;
  line-height: 16px;
  color: rgba(10, 18, 62, 0.5);
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.add-files__add_error {
  border: 1px solid red !important;
}
.add-files__image {
  margin: 5px;
  position: relative;
}
@media (max-width: 1100px) {
  .add-files__image {
    height: 149px;
    flex: 0 0 47%;
  }
}
.add-files__image:hover {
  cursor: pointer;
}
.add-files__image:hover span {
  opacity: 1;
}
.add-files__image img {
  width: 144px;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(10, 18, 62, 0.1);
}
@media (max-width: 1100px) {
  .add-files__image img {
    width: 100%;
    height: 100%;
  }
}
.add-files__image span {
  transition: all 0.5s ease;
  opacity: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM4Ljg0MjggMTYuMTU3TDE2LjE1NjQgMzguODQzMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjE1NzIgMTYuMTU3TDM4Ljg0MzYgMzguODQzMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, linear-gradient(0deg, rgba(255, 67, 67, 0.5), rgba(255, 67, 67, 0.5));
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 1100px) {
  .add-files__image span {
    opacity: 1;
  }
}

.react-time-picker {
  display: inline-flex;
  position: relative;
}
.react-time-picker,
.react-time-picker *,
.react-time-picker *:before,
.react-time-picker *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.react-time-picker--disabled {
  background-color: #f0f0f0;
  color: #6d6d6d;
}
.react-time-picker__wrapper {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  border: thin solid gray;
}
.react-time-picker__inputGroup {
  min-width: calc((4px * 3) +  0.54em * 6  +  0.217em * 2);
  flex-grow: 1;
  padding: 0 2px;
  box-sizing: content-box;
}
.react-time-picker__inputGroup__divider {
  padding: 1px 0;
  white-space: pre;
}
.react-time-picker__inputGroup__input {
  min-width: 0.54em;
  height: 100%;
  position: relative;
  padding: 0 1px;
  border: 0;
  background: none;
  font: inherit;
  box-sizing: content-box;
  -moz-appearance: textfield;
}
.react-time-picker__inputGroup__input::-webkit-outer-spin-button,
.react-time-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-time-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1);
}
.react-time-picker__inputGroup__input--hasLeadingZero {
  margin-left: -0.54em;
  padding-left: calc(1px +  0.54em);
}
.react-time-picker__inputGroup__amPm {
  font: inherit;
  -moz-appearance: menulist;
}
.react-time-picker__button {
  border: 0;
  background: transparent;
  padding: 4px 6px;
}
.react-time-picker__button:enabled {
  cursor: pointer;
}
.react-time-picker__button:enabled:hover .react-time-picker__button__icon,
.react-time-picker__button:enabled:focus .react-time-picker__button__icon {
  stroke: #0078d7;
}
.react-time-picker__button:disabled .react-time-picker__button__icon {
  stroke: #6d6d6d;
}
.react-time-picker__button svg {
  display: inherit;
}
.react-time-picker__clock {
  width: 200px;
  height: 200px;
  max-width: 100vw;
  padding: 25px;
  background-color: white;
  border: thin solid #a0a096;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
}
.react-time-picker__clock--closed {
  display: none;
}

.input-date-time {
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 12px;
  background: #f9f9fc;
  padding: 20px;
  position: relative;
  display: flex;
}
.input-date-time .react-date-picker__wrapper {
  border: none;
  margin-right: 10px;
}
.input-date-time .react-date-picker__inputGroup {
  padding: 0;
}
.input-date-time .react-date-picker__calendar {
  z-index: 2;
}
.input-date-time .react-time-picker__wrapper {
  border: none;
}
.input-date-time .react-time-picker__inputGroup {
  padding: 0;
}
.input-date-time--error {
  border: 1px solid red !important;
}

.toast-success {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #00be65;
  border-radius: 6px;
  width: 250px;
  padding: 20px 20px 28px 20px;
  transition: all 0.5s ease;
  overflow: hidden;
}
.toast-success__title {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
}
.toast-success progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
}
.toast-success progress[value]::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0.2);
}
.toast-success progress[value]::-webkit-progress-value {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
}

#contact-wrapper {
  padding: 25px 25px 100px;
}
.contact-block {
  display: flex;
  flex-wrap: wrap;
}
.map {
  flex: 5;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  padding: 24px;
  margin-right: 20px;
}
.map__title {
  font-size: 32px;
  color: #fc6e20;
  font-weight: 500;
}
.map > img {
  width: 100%;
  height: 630px;
  object-fit: cover;
  margin-top: 20px;
  margin-bottom: 35px;
}
.map .contact {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0 -10px 0;
}
.map .contact__item {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin: 10px 15px 10px 0;
  color: #0a123e;
  font-weight: 500;
}
.map .contact__item img {
  height: 24px;
  width: 24px;
  margin-right: 10px;
}
.map .contact__item a {
  margin-left: 5px;
  color: rgba(10, 18, 62, 0.7);
}
.form-wrapper {
  flex: 7;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.contact-form {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  padding: 24px;
}
.contact-form__title {
  font-size: 32px;
  color: #fc6e20;
  font-weight: 500;
  margin-bottom: 20px;
}
.contact-form__row {
  display: flex;
  margin-bottom: 22px;
}
@media (max-width: 770px) {
  .contact-form__row {
    flex-wrap: wrap;
  }
}
.contact-form__row > * {
  flex: 1;
  margin-right: 22px;
}
.contact-form__row > *:last-of-type {
  margin-right: 0;
}
.contact-form input,
.contact-form textarea {
  width: 100%;
}
.contact-form textarea {
  height: 336px;
}
.contact-form__buttons {
  display: flex;
  justify-content: flex-end;
}
.contact-form__buttons button {
  cursor: pointer;
  padding: 15px 38px;
  background: #fc6e20;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  color: white;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}
.contact-form__buttons button:hover {
  border-color: white;
}
.form-message {
  padding: 24px;
  font-size: 16px;
  color: rgba(10, 18, 62, 0.7);
  background: #ffffff;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  margin-top: 22px;
}
.form-message__title {
  font-size: 22px;
  font-weight: 500;
  color: #00be65;
  margin-bottom: 5px;
}

#product-wrapper {
  padding: 50px 25px;
}
@media (max-width: 850px) {
  #product-wrapper {
    padding: 10px 16px;
  }
}
@media (max-width: 450px) {
  #product-wrapper {
    padding: 10px 5px;
  }
}
.product {
  display: flex;
  flex-direction: row;
  margin: 0 -10px;
}
@media (max-width: 850px) {
  .product {
    flex-direction: column;
    margin: -10px 0;
  }
}
.product__main {
  margin: 0 10px;
  flex: 0 1 73%;
}
@media (max-width: 850px) {
  .product__main {
    margin: 10px 0;
  }
}
@media (min-width: 850px) {
  .product__contacts {
    display: none;
  }
}
.product__banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  margin: 0 -10px 20px -10px;
}
@media (min-width: 850px) {
  .product__banner {
    display: none;
  }
}
.product__banner_info {
  margin: 0 10px;
  flex: 0 1 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 8px;
}
.product__banner_info p {
  position: relative;
  padding-left: 35px;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
}
.product__banner_info p:before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
}
.product__banner_deal:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDFMMjEgNUwxNyA5IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zIDExVjlDMyA3LjkzOTEzIDMuNDIxNDMgNi45MjE3MiA0LjE3MTU3IDYuMTcxNTdDNC45MjE3MiA1LjQyMTQzIDUuOTM5MTMgNSA3IDVIMjEiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcgMjNMMyAxOUw3IDE1IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMSAxM1YxNUMyMSAxNi4wNjA5IDIwLjU3ODYgMTcuMDc4MyAxOS44Mjg0IDE3LjgyODRDMTkuMDc4MyAxOC41Nzg2IDE4LjA2MDkgMTkgMTcgMTlIMyIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.product__banner_contract:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDJINkM1LjQ2OTU3IDIgNC45NjA4NiAyLjIxMDcxIDQuNTg1NzkgMi41ODU3OUM0LjIxMDcxIDIuOTYwODYgNCAzLjQ2OTU3IDQgNFYyMEM0IDIwLjUzMDQgNC4yMTA3MSAyMS4wMzkxIDQuNTg1NzkgMjEuNDE0MkM0Ljk2MDg2IDIxLjc4OTMgNS40Njk1NyAyMiA2IDIySDE4QzE4LjUzMDQgMjIgMTkuMDM5MSAyMS43ODkzIDE5LjQxNDIgMjEuNDE0MkMxOS43ODkzIDIxLjAzOTEgMjAgMjAuNTMwNCAyMCAyMFY4TDE0IDJaIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNCAyVjhIMjAiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDEzSDgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE3SDgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEwIDlIOUg4IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.product__banner_bargaining:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDZMMTMuNSAxNS41TDguNSAxMC41TDEgMTgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3IDZIMjNWMTIiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.product__banner_img {
  width: 40px;
  height: 40px;
}
.product__banner_img img {
  width: 100%;
  height: 100%;
}
.product__banner > button {
  margin: 0 10px;
  height: 100%;
  display: block;
  flex: 0 0 56px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDExLjVDMjEuMDAzNCAxMi44MTk5IDIwLjY5NTEgMTQuMTIxOSAyMC4xIDE1LjNDMTkuMzk0NCAxNi43MTE4IDE4LjMwOTggMTcuODk5MiAxNi45Njc0IDE4LjcyOTNDMTUuNjI1MSAxOS41NTk0IDE0LjA3ODIgMTkuOTk5NCAxMi41IDIwQzExLjE4MDEgMjAuMDAzNSA5Ljg3ODEyIDE5LjY5NTEgOC43IDE5LjFMMyAyMUw0LjkgMTUuM0M0LjMwNDkzIDE0LjEyMTkgMy45OTY1NiAxMi44MTk5IDQgMTEuNUM0LjAwMDYxIDkuOTIxNzkgNC40NDA2MSA4LjM3NDg4IDUuMjcwNzIgNy4wMzI1OEM2LjEwMDgzIDUuNjkwMjggNy4yODgyNSA0LjYwNTYgOC43IDMuOTAwMDNDOS44NzgxMiAzLjMwNDk2IDExLjE4MDEgMi45OTY1OSAxMi41IDMuMDAwMDNIMTNDMTUuMDg0MyAzLjExNTAyIDE3LjA1MyAzLjk5NDc5IDE4LjUyOTEgNS40NzA4OUMyMC4wMDUyIDYuOTQ2OTkgMjAuODg1IDguOTE1NjggMjEgMTFWMTEuNVoiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 8px;
  transition: all 0.5s ease;
}
.product__banner > button:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDExLjVDMjEuMDAzNCAxMi44MTk5IDIwLjY5NTEgMTQuMTIxOSAyMC4xIDE1LjNDMTkuMzk0NCAxNi43MTE4IDE4LjMwOTggMTcuODk5MiAxNi45Njc0IDE4LjcyOTNDMTUuNjI1MSAxOS41NTk0IDE0LjA3ODIgMTkuOTk5NCAxMi41IDIwQzExLjE4MDEgMjAuMDAzNSA5Ljg3ODEyIDE5LjY5NTEgOC43IDE5LjFMMyAyMUw0LjkgMTUuM0M0LjMwNDkzIDE0LjEyMTkgMy45OTY1NiAxMi44MTk5IDQgMTEuNUM0LjAwMDYxIDkuOTIxNzkgNC40NDA2MSA4LjM3NDg4IDUuMjcwNzIgNy4wMzI1OEM2LjEwMDgzIDUuNjkwMjggNy4yODgyNSA0LjYwNTYgOC43IDMuOTAwMDNDOS44NzgxMiAzLjMwNDk2IDExLjE4MDEgMi45OTY1OSAxMi41IDMuMDAwMDNIMTNDMTUuMDg0MyAzLjExNTAyIDE3LjA1MyAzLjk5NDc5IDE4LjUyOTEgNS40NzA4OUMyMC4wMDUyIDYuOTQ2OTkgMjAuODg1IDguOTE1NjggMjEgMTFWMTEuNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat, #00be65;
}
.product__info {
  background: white;
  padding: 20px;
  box-shadow: 0 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
@media (max-width: 650px) {
  .product__info {
    box-shadow: none;
    padding: 0;
  }
}
.product__main-info {
  margin: 0 -20px 0 -20px;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1450px) {
  .product__main-info {
    flex-direction: column;
  }
}
.product__main-info_left {
  margin: 0 20px;
  flex: 0 1 40%;
}
.product__main-info_right {
  margin: 0 20px;
  flex: 0 1 40%;
}
@media (max-width: 1450px) {
  .product__main-info_right {
    margin-top: 35px;
  }
}
.product__main-information {
  margin: 40px -20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.product__main-information_price {
  margin: 0 20px;
  flex: 0 1 44%;
  font-weight: 500;
  font-size: 30px;
  line-height: 35px;
  color: #0a123e;
  position: relative;
  padding-right: 40px;
  white-space: nowrap;
}
.product__main-information_price span {
  color: #00be65;
  font-weight: 100;
}
.product__main-information_volume {
  flex: 0 1 60%;
  margin: 0 20px;
}
.product__main-information_text {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
}
.product__main-information_value {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #00be65;
}
.product__about {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: -5px 0;
}
.product__about_title {
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 23px !important;
  color: #0a123e !important;
  padding-bottom: 10px;
}
.product__about > p {
  margin: 5px 0;
  color: rgba(10, 18, 62, 0.5);
  font-size: 16px;
  line-height: 19px;
}
.product__about > p span {
  color: #0a123e;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
}
.product__about > p a {
  color: #00be65;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
}
.product__desc_title {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
  padding-top: 30px;
  padding-bottom: 10px;
}
.product__desc_text {
  font-size: 16px;
  line-height: 19px;
  color: rgba(10, 18, 62, 0.5);
}
.product__auto-calc_title {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
  margin-bottom: 20px;
}
.product__auto-calc_sum {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 -10px;
  position: relative;
}
.product__auto-calc_sum:before {
  content: '+';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  line-height: 21px;
  color: #0a123e;
}
.product__auto-calc_sum p {
  margin: 0 10px;
  flex: 0 1 43%;
  padding: 12px;
  background: #f7f7fa;
  border-radius: 8px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(10, 18, 62, 0.5);
  width: 100%;
}
.product__auto-calc_sum p span {
  color: #0a123e;
  font-weight: 500;
}
.product__auto-calc_result {
  margin-top: 20px;
}
.product__auto-calc_result p {
  width: 100%;
  padding: 12px;
  background: #f7f7fa;
  border-radius: 8px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(10, 18, 62, 0.5);
}
.product__auto-calc_result p span {
  color: #0a123e;
  font-weight: 500;
}
.product__auto-calc_buttons {
  display: flex;
  flex-direction: row;
  margin: 20px -5px 0 -5px;
}
@media (max-width: 850px) {
  .product__auto-calc_buttons {
    justify-content: space-between;
  }
}
.product__auto-calc_buttons button {
  margin: 0 5px;
  padding: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  border-radius: 8px;
  transition: all 0.5s ease;
  border: 1px solid #00be65;
}
@media (max-width: 850px) {
  .product__auto-calc_buttons button {
    flex: 0 1 50%;
  }
}
.product__auto-calc_buttons button:hover {
  cursor: pointer;
}
.product__auto-calc_btn {
  background: #ffffff;
  color: #00be65;
}
.product__auto-calc_btn:hover {
  background: #00be65;
  color: white;
}
.product__auto-calc_btn2 {
  background: #00be65;
  color: white;
}
.product__auto-calc_btn2:hover {
  background: #ffffff;
  color: #00be65;
}
.product__conditions {
  margin-top: 40px;
}
@media (max-width: 850px) {
  .product__conditions {
    margin-top: 35px;
  }
}
.product__conditions_change {
  display: flex;
  margin: 0 -30px;
}
.product__conditions_title {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
  margin-bottom: 10px;
}
.product__conditions_buttons {
  display: flex;
  flex-direction: row;
  margin: 20px -5px 30px -5px;
}
@media (max-width: 850px) {
  .product__conditions_buttons {
    margin: 15px 0;
    flex-direction: column;
  }
}
.product__conditions_buttons button {
  margin: 0 5px;
  padding: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  border-radius: 8px;
  transition: all 0.5s ease;
  border: 1px solid #fc6e20;
}
@media (max-width: 850px) {
  .product__conditions_buttons button {
    margin: 5px 0;
  }
}
.product__conditions_buttons button:hover {
  cursor: pointer;
}
.product__conditions_deal {
  background: #ffffff;
  color: #fc6e20;
}
.product__conditions_deal:hover {
  background: #fc6e20;
  color: white;
}
.product__conditions_safe-deal {
  background: #fc6e20;
  color: white;
}
.product__conditions_safe-deal:hover {
  background: #ffffff;
  color: #fc6e20;
}
.product__conditions_tax,
.product__conditions_status {
  margin: 0 30px;
}
.product__conditions_tax-text {
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #0a123e;
}
.product__conditions_tax-value {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-decoration: underline;
  color: #00be65;
}
.product__radio {
  display: flex;
  flex-direction: row;
  margin: 0 -10px;
  align-items: center;
}
@media (max-width: 850px) {
  .product__radio {
    flex-direction: column;
    align-items: flex-start;
  }
}
.product__radio_item {
  display: block;
  position: relative;
  padding-left: 25px;
  margin: 0 10px 10px;
  cursor: pointer;
  user-select: none;
}
.product__radio_item > p {
  font-size: 18px;
  line-height: 21px;
  color: rgba(10, 18, 62, 0.5);
}
.product__radio_item:hover input:checked ~ .product__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  border: none;
}
.product__radio_item:hover input ~ .product__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  border: none;
}
.product__radio_item:hover input:checked ~ .product__checkmark:after {
  display: block;
}
.product__radio_item:hover input:checked .product__radio p {
  color: #0a123e;
}
.product__radio_item input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.product__checkmark {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  height: 18px;
  width: 18px;
  border: 2px solid rgba(10, 18, 62, 0.5);
  border-radius: 4px;
}
.product__user {
  margin: 0 10px;
  flex: 0 1 27%;
}
.product__user_stat-safe {
  position: relative;
}
.product__user_stat-safe:after {
  position: absolute;
  content: '';
  right: -40px;
  top: -3px;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGQ9Ik0yMC40Mzc1IDMuODI1OTdDMTYuNTQ1NiAzLjgyNTk3IDEyLjUxMjMgMC4yMTg0MjYgMTIuNDcyNCAwLjE4MjI4NUMxMi4yMDQzIC0wLjA2MDc2MTcgMTEuNzk1NyAtMC4wNjA3NjE3IDExLjUyNzYgMC4xODIyODVDMTEuNDg3NSAwLjIxODcwNyA3LjQ2NDc1IDMuODI1OTcgMy41NjI1IDMuODI1OTdDMy4xNzQxOSAzLjgyNTk3IDIuODU5MzggNC4xNDA3OSAyLjg1OTM4IDQuNTI5MVYxMi45NDk2QzIuODU5MzggMTkuNzcxMSA3LjkzMjk0IDIyLjQ5NjggMTEuNzQ5MiAyMy45NTM4QzExLjgzIDIzLjk4NDYgMTEuOTE1IDI0IDEyIDI0QzEyLjA4NSAyNCAxMi4xNyAyMy45ODQ2IDEyLjI1MDggMjMuOTUzOEMxNy42MDE4IDIxLjkxMSAyMS4xNDA2IDE4LjcyNDQgMjEuMTQwNiAxMi45NDk2VjQuNTI5MUMyMS4xNDA2IDQuMTQwNzkgMjAuODI1OCAzLjgyNTk3IDIwLjQzNzUgMy44MjU5N1oiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KPHBhdGggZD0iTTEyIDcuMDc4MTJDOS4yODYwOCA3LjA3ODEyIDcuMDc4MTIgOS4yODYwOCA3LjA3ODEyIDEyQzcuMDc4MTIgMTQuNzEzOSA5LjI4NjA4IDE2LjkyMTkgMTIgMTYuOTIxOUMxNC43MTM5IDE2LjkyMTkgMTYuOTIxOSAxNC43MTM5IDE2LjkyMTkgMTJDMTYuOTIxOSA5LjI4NjA4IDE0LjcxMzkgNy4wNzgxMiAxMiA3LjA3ODEyWk0xMy45MDM0IDExLjc5NEwxMS43OTQgMTMuOTAzNEMxMS42NTY4IDE0LjA0MDcgMTEuNDc2OCAxNC4xMDk0IDExLjI5NjkgMTQuMTA5NEMxMS4xMTY5IDE0LjEwOTQgMTAuOTM3IDE0LjA0MDcgMTAuNzk5NyAxMy45MDM0TDEwLjA5NjYgMTMuMjAwM0M5LjgyMiAxMi45MjU3IDkuODIyIDEyLjQ4MDUgMTAuMDk2NiAxMi4yMDU5QzEwLjM3MTEgMTEuOTMxMyAxMC44MTY0IDExLjkzMTMgMTEuMDkxIDEyLjIwNTlMMTEuMjk2OSAxMi40MTE4TDEyLjkwOTEgMTAuNzk5N0MxMy4xODM3IDEwLjUyNTEgMTMuNjI4OSAxMC41MjUxIDEzLjkwMzUgMTAuNzk5N0MxNC4xNzggMTEuMDc0MyAxNC4xNzggMTEuNTE5NCAxMy45MDM0IDExLjc5NFoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcikiLz4KPC9nPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMTIiIHkxPSIyNCIgeDI9IjEyIiB5Mj0iLTEuMTQ0NDFlLTA1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMEI1OUMiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOUNGRkFDIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjEyIiB5MT0iMTYuOTIxOSIgeDI9IjEyIiB5Mj0iNy4wNzgxMiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQzNGRkU4Ii8+CjxzdG9wIG9mZnNldD0iMC45OTczIiBzdG9wLWNvbG9yPSIjRjBGRkY0Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) center no-repeat;
}
.product__user_history {
  margin-top: 30px;
  background: white;
  padding: 20px;
  box-shadow: 0 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
.product__user_history-title p {
  color: #00be65;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
}
.product__user_history-title p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDNIMjFWOCIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNCAyMEwyMSAzIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMSAxNlYyMUgxNiIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTUgMTVMMjEgMjEiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQgNEw5IDkiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.product__user_history-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.product__user_history-item {
  padding: 20px 0 15px 0;
  border-top: 1px solid rgba(252, 110, 32, 0.1);
}
.product__user_history-item:last-child {
  padding-bottom: 0;
}
.product__user_history-time {
  font-size: 12px;
  line-height: 14px;
  color: rgba(10, 18, 62, 0.6);
  margin-bottom: 10px;
}
.product__user_history-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  padding-bottom: 5px;
}
.product__user_history-price {
  color: #00be65;
}
.product__user_history-volume {
  color: #fc6e20;
}
.product__user_history-from {
  color: rgba(10, 18, 62, 0.5);
  padding-right: 30px;
  position: relative;
}
.product__user_history-from:after {
  position: absolute;
  content: '';
  right: 6px;
  top: 0;
  width: 18px;
  height: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNzUgOUgxNC4yNSIgc3Ryb2tlPSIjRkY0MzQzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDMuNzVMMTQuMjUgOUw5IDE0LjI1IiBzdHJva2U9IiNGRjQzNDMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.product__user_history-to {
  color: rgba(10, 18, 62, 0.8);
}
@media (max-width: 850px) {
  .product__chat {
    display: none;
  }
}

.popup-confirm {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  border-radius: 14px;
  width: 250px;
  padding: 18px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  text-align: center;
  transition: all 0.5s ease;
  opacity: 0;
  z-index: -1;
}
.popup-confirm__info {
  font-weight: 500;
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
  margin-bottom: 25px;
}
.popup-confirm__info span {
  color: #00be65;
}
.popup-confirm__change {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
}
.popup-confirm__change button {
  transition: all 0.5s ease;
  background: rgba(0, 190, 101, 0.1);
  border-radius: 10px;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  color: #00be65;
  margin: 5px 0;
}
.popup-confirm__change button:hover {
  background: #00be65;
  color: white;
}

.profile-deal {
  width: 50%;
  flex: 0 1 80%;
  margin: 0 10px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.profile-deal input::-webkit-outer-spin-button,
.profile-deal input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
@media (max-width: 700px) {
  .profile-deal {
    width: auto;
  }
}
@media (min-width: 850px) {
  .profile-deal .mobile-contacts-block {
    display: none;
  }
}
.profile-deal input[type='number'] {
  -moz-appearance: textfield;
}
.profile-deal__input {
  margin-bottom: 15px;
}
.profile-deal__input-label {
  font-size: 16px;
  font-weight: 500;
  color: #0a123e;
  margin-bottom: 14px;
}
.profile-deal__input-label input[type='checkbox'] {
  margin-right: 10px;
}
@media (max-width: 900px) {
  .profile-deal__input-label {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.profile-deal__input-value input {
  background: #f9f9fc;
  border-radius: 12px;
  padding: 20px;
  font-size: 16px;
  color: #0a123e;
}
@media (max-width: 900px) {
  .profile-deal__input-value input {
    font-size: 14px;
  }
}
.profile-deal-safe {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .profile-deal-safe {
    flex-direction: column;
  }
  .profile-deal-safe .button {
    width: 100%;
    margin-bottom: 20px;
  }
  .profile-deal-safe .select-thin {
    margin-bottom: 20px;
  }
}
.profile-deal-stages {
  padding: 10px 11px;
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  .profile-deal-stages {
    display: flex;
    flex-direction: column;
    padding: 5px 11px;
  }
}
.profile-deal-stages__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .profile-deal-stages__actions {
    flex-direction: column;
    order: 3;
  }
}
.profile-deal-stages__info {
  display: flex;
  align-items: center;
  max-width: 75%;
}
@media (max-width: 900px) {
  .profile-deal-stages__info {
    flex-direction: column;
    max-width: 100%;
    order: 2;
  }
  .profile-deal-stages__info > button {
    width: 100%;
    order: 2;
    margin-top: 8px;
  }
}
.profile-deal-stages__text {
  display: flex;
  align-items: center;
  margin-left: 5px;
  border-left: 1px solid rgba(10, 18, 62, 0.3);
  padding-left: 5px;
}
.profile-deal-stages__desc {
  font-size: 12px;
  font-weight: 500;
  color: #0a123e;
  margin-left: 20px;
  padding-right: 20px;
  border-right: 1px solid rgba(10, 18, 62, 0.3);
}
@media (max-width: 900px) {
  .profile-deal-stages__desc {
    margin-left: 0;
    padding-right: 5px;
    border-right: none;
  }
}
.profile-deal-stages__time {
  font-size: 14px;
  font-weight: 500;
  color: #ff4343;
  margin-left: 20px;
}
@media (max-width: 900px) {
  .profile-deal-stages__time {
    font-size: 13px;
    margin-left: 0;
    white-space: nowrap;
  }
}
.profile-deal-stages__dispute-buttons {
  display: flex;
}
@media (max-width: 1050px) {
  .profile-deal-stages__dispute-buttons {
    flex-direction: column;
  }
}
.profile-deal-stages__dispute-buttons button:first-of-type {
  margin-right: 10px;
}
@media (max-width: 1050px) {
  .profile-deal-stages__dispute-buttons button:first-of-type {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 900px) {
  .profile-deal-stages__dispute-buttons {
    display: none;
  }
}
@media (min-width: 900px) {
  .profile-deal-stages__dispute-buttons.mobile {
    display: none;
  }
}
@media (max-width: 900px) {
  .profile-deal-stages__dispute-buttons.mobile {
    display: flex;
    margin-bottom: 10px;
  }
  .profile-deal-stages__dispute-buttons.mobile button {
    flex: 1;
  }
  .profile-deal-stages__dispute-buttons.mobile button:first-of-type {
    margin-right: 15px;
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .profile-deal-stages__dispute-buttons.mobile button:first-of-type {
    margin-right: 0;
  }
}
.profile-deal-stages__items {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
}
@media (max-width: 900px) {
  .profile-deal-stages__items {
    margin-top: 0;
    margin-bottom: 15px;
    align-items: flex-start;
  }
}
.profile-deal-stages__item {
  position: relative;
  display: flex;
  align-items: center;
  background-color: white;
}
@media (max-width: 900px) {
  .profile-deal-stages__item {
    position: relative;
    flex-direction: column;
    min-height: 70px;
  }
}
.profile-deal-stages__item-line {
  flex-grow: 1;
  background-color: rgba(10, 18, 62, 0.1);
  height: 6px;
  margin-right: 10px;
}
@media (max-width: 900px) {
  .profile-deal-stages__item-line {
    margin-top: 13px;
  }
}
.profile-deal-stages__item-line_green {
  background-color: #00be65;
}
.profile-deal-stages__item-info {
  padding: 10px 10px 10px 0;
}
@media (max-width: 900px) {
  .profile-deal-stages__item-info {
    position: absolute;
    top: 25px;
    left: -20px;
    text-align: center;
    font-size: 12px;
  }
  .profile-deal-stages__item-info.first {
    left: 0;
    text-align: left;
  }
  .profile-deal-stages__item-info.third {
    left: -30px;
    text-align: right;
  }
}
.profile-deal-stages__item-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  margin-right: 6px;
  font-size: 20px;
  font-weight: 500;
  color: #0a123e;
  background: rgba(10, 18, 62, 0.1);
}
@media (max-width: 900px) {
  .profile-deal-stages__item-num {
    width: 24px;
    height: 24px;
    font-size: 14px;
    margin-top: 4px;
  }
}
.profile-deal-stages__item-action {
  font-size: 12px;
  color: #ff4343;
  margin-top: 2px;
}
@media (max-width: 900px) {
  .profile-deal-stages__item-action {
    display: none;
  }
}
.profile-deal-stages__item_done .profile-deal-stages__item-title {
  color: #00be65;
}
.profile-deal-stages__item_done .profile-deal-stages__item-num {
  position: relative;
  background-color: #00be65;
}
.profile-deal-stages__item_done .profile-deal-stages__item-num span {
  display: none;
}
.profile-deal-stages__item_done .profile-deal-stages__item-num:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDQuNUw2Ljc1IDEyLjc1TDMgOSIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  filter: brightness(0) invert(1);
}
.profile-deal-stages__item_active .profile-deal-stages__item-title {
  color: #00be65;
}
.profile-deal-stages__item_active .profile-deal-stages__item-num {
  color: #00be65;
  background-color: rgba(0, 190, 101, 0.1);
}
.profile-deal-product-wrapper {
  display: flex;
}
@media (max-width: 1300px) {
  .profile-deal-product-wrapper {
    flex-direction: column;
  }
}
.profile-deal-product-chat {
  flex: 1;
  min-width: 350px;
  margin-left: 20px;
}
@media (max-width: 1300px) {
  .profile-deal-product-chat {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media (max-width: 850px) {
  .profile-deal-product-chat {
    display: none !important;
  }
}
.profile-deal-product {
  flex: 2;
  padding: 16px;
}
.profile-deal-product__header {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 190, 101, 0.1);
}
.profile-deal-product__title {
  color: #00be65;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
.profile-deal-product__title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDJINkM1LjQ2OTU3IDIgNC45NjA4NiAyLjIxMDcxIDQuNTg1NzkgMi41ODU3OUM0LjIxMDcxIDIuOTYwODYgNCAzLjQ2OTU3IDQgNFYyMEM0IDIwLjUzMDQgNC4yMTA3MSAyMS4wMzkxIDQuNTg1NzkgMjEuNDE0MkM0Ljk2MDg2IDIxLjc4OTMgNS40Njk1NyAyMiA2IDIySDE4QzE4LjUzMDQgMjIgMTkuMDM5MSAyMS43ODkzIDE5LjQxNDIgMjEuNDE0MkMxOS43ODkzIDIxLjAzOTEgMjAgMjAuNTMwNCAyMCAyMFY4TDE0IDJaIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNCAyVjhIMjAiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDEzSDgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2IDE3SDgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEwIDlIOUg4IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.profile-deal-product__images {
  margin-top: 16px;
}
.profile-deal-product__info {
  display: flex;
  margin-top: 30px;
  padding: 0 8px;
}
.profile-deal-product__info > div:first-of-type {
  margin-right: 50px;
}
@media (max-width: 900px) {
  .profile-deal-product__info {
    flex-direction: column;
  }
}
.profile-deal-product__name-info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  .profile-deal-product__name-info {
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
  }
}
.profile-deal-product__name {
  font-size: 22px;
  font-weight: 500;
  color: #0a123e;
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  .profile-deal-product__name {
    margin-bottom: 0;
  }
}
.profile-deal-product__price {
  font-size: 30px;
  font-weight: 500;
  color: #0a123e;
  margin-bottom: 40px;
}
@media (max-width: 900px) {
  .profile-deal-product__price {
    font-size: 18px;
    margin-bottom: 0;
    margin-left: 30px;
  }
}
@media (max-width: 900px) {
  .profile-deal-product__fields {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
  }
}
.profile-deal-product__fields-title {
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  color: #0a123e;
  margin-bottom: 15px;
}
.profile-deal-product__field {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
@media (max-width: 900px) {
  .profile-deal-product__field {
    flex-direction: column;
    align-items: unset;
    margin-right: 10px;
  }
}
.profile-deal-product__field:last-of-type {
  margin-bottom: 0;
}
.profile-deal-product__field-label {
  font-size: 16px;
  color: rgba(10, 18, 62, 0.5);
  margin-right: 4px;
}
.profile-deal-product__field-value {
  font-size: 16px;
  font-weight: 500;
  color: #0a123e;
}
.profile-deal-product__description {
  font-size: 16px;
  color: rgba(10, 18, 62, 0.5);
}
@media (max-width: 900px) {
  .profile-deal-product__description {
    font-size: 14px;
  }
}
.profile-deal-product__desc-block {
  width: 30%;
}
.profile-deal-product__volumes {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 20px;
  width: 70%;
}
@media (max-width: 1200px) {
  .profile-deal-product__volumes {
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  .profile-deal__input-value > input {
    width: 100%;
  }
}
.profile-deal-delivery {
  margin-top: 20px;
  padding: 26px;
}
@media (max-width: 1300px) {
  .profile-deal-delivery {
    margin-top: 0;
  }
}
@media (max-width: 850px) {
  .profile-deal-delivery {
    margin-top: 20px;
  }
}
.profile-deal-delivery__header {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
.profile-deal-delivery__title {
  color: #fc6e20;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
.profile-deal-delivery__title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMjJDOS41NTIyOCAyMiAxMCAyMS41NTIzIDEwIDIxQzEwIDIwLjQ0NzcgOS41NTIyOCAyMCA5IDIwQzguNDQ3NzIgMjAgOCAyMC40NDc3IDggMjFDOCAyMS41NTIzIDguNDQ3NzIgMjIgOSAyMloiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwIDIyQzIwLjU1MjMgMjIgMjEgMjEuNTUyMyAyMSAyMUMyMSAyMC40NDc3IDIwLjU1MjMgMjAgMjAgMjBDMTkuNDQ3NyAyMCAxOSAyMC40NDc3IDE5IDIxQzE5IDIxLjU1MjMgMTkuNDQ3NyAyMiAyMCAyMloiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgMUg1TDcuNjggMTQuMzlDNy43NzE0NCAxNC44NTA0IDguMDIxOTEgMTUuMjY0IDguMzg3NTUgMTUuNTU4M0M4Ljc1MzE4IDE1Ljg1MjYgOS4yMTA3IDE2LjAwOSA5LjY4IDE2SDE5LjRDMTkuODY5MyAxNi4wMDkgMjAuMzI2OCAxNS44NTI2IDIwLjY5MjUgMTUuNTU4M0MyMS4wNTgxIDE1LjI2NCAyMS4zMDg2IDE0Ljg1MDQgMjEuNCAxNC4zOUwyMyA2SDYiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.profile-deal-delivery__inputs {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .profile-deal-delivery__inputs {
    flex-direction: column;
  }
}
.profile-deal-delivery__inputs .profile-deal__input {
  flex: 1;
  margin-right: 48px;
}
@media (max-width: 1200px) {
  .profile-deal-delivery__inputs .profile-deal__input {
    margin-right: 0;
  }
}
.profile-deal-delivery__inputs .profile-deal__input:last-of-type {
  margin-right: 0;
}
.profile-deal-delivery__inputs .profile-deal__input-value input {
  width: 100%;
}
.profile-deal-delivery__buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.profile-photo {
  display: flex;
}
@media (max-width: 950px) {
  .profile-photo {
    flex-direction: column;
  }
}
.profile-photo__image {
  margin: 5px;
  position: relative;
}
@media (max-width: 1100px) {
  .profile-photo__image {
    height: 149px;
    flex: 0 0 47%;
  }
}
.profile-photo__image:hover {
  cursor: pointer;
}
.profile-photo__image:hover span {
  opacity: 1;
}
.profile-photo__image img {
  width: 150px;
  height: 150px;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAHYgAAB2IBOHqZ2wAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAABWRSURBVHic7d15tFbVecfx7wUuMoqIEARkEAWVQRxiHagjicbEpFWSOA+JVWzjcrVqbJtm1ZWVlWZ12aoxajStaTAxajVOibFBwRo1tqg4MUZBRHBAUcYrd+wfz2tFwpXLefbZ55x3/z5r7ZX84eY+++zhPcMeGpB60xPYFxgLjAbGACOAQVuknrXUt5ZnI9BcS+/W0jvA68CrtfQKsLD230idaCg6AHHpDkwCpgKHApOBfYDGnP5eC7AIeB54CngceAloy+nvichWRgMXAfcB64COgtM64F5gRi02EQlsFHAJ9otbdIffXpoPXAmMy+NCiKSiL/B14PcU36mzpieB8/joXYOIbMdY4DpgLcV34FBpba1MYwNeJ5G6cghwN/ZCregOm1dqBe4CDg50zUQqbyJwJ9BO8R00ZpoFHBjg+olU0h7Az0mv42+Z2oBbsXkKIknojb0l30jxHbAsaQPwbaBX9ssqUn5Tsdl0RXe4sqaXgWMzX12RkuoH3ETat/tdTe3AjejTodSJTwOLKb5jVS0tBQ7PcL1FSqEBuAJbPFN0Z6pqagYuQ2tWpGL6A/9J8R2oXtL9wIAdqgHpEo2s4e0NPACMLziON7CVe0tqaTGwBvv6sAF4r/b/wZ63B2LvKvpiS4bH1dJ4bIXh0Iixb8tC4IvYi0KRUpqKraOP/QvZji3RvRo4CevMoQ3EOuA1wAsU80JzNXovICU1HWgiXmfYjC3D/SowOEL5tjYEOBVblhzzPUcTcHKE8ol02enYZhkxOsB87OXikCgl65qBwAXEW67ciq0yFCncDPJfwNOKTRueFKlMHpOB27CY87wmbcCFkcoksk3nkm/nbwZmUvwLxSzGANeS72NRO3bnIRLdGeTX+duxjr9HtNLkZyTwM/J7adgKnBatNCLA58jvmf8l4Mh4RYnmaOz9RV53SsdHK4kkbSLwPuEb8UZslWDPaCWJrxHb2zCPzUzXAfvHK4qkaBi2V37oxvsssFfEchRtHPAc4a/ja8DuEcshCWkEHiN8o52J7RGQml7YS8LQ1/NJ6vsuSgpyPeFvWU+NWoJyOhmblhzy2l4TtQRS975C2Aa6ApgQtQTlNglYSdhrfErUEkjdGoGdlReqYb6MtsfellHY4qVQ1/k97BOkSGbdgEcJ1yj/B9gtZgEqZjAwl3DX+xGsDkUyuZhwjfExbLmtfLJ+wO8Id90vihu+1IuRhPte/QL5LNGtVwOAeYS59mvRtuOSwQOEaYBL0bfpLIYDrxKmDu6JG7pU3YmEaXhvU82FPGWxF/AmYepCU4WlSxoJs3d/M9q9JoQjCbPu4iWgR+TYpYK+QZhfnMtjB17H/p4wdTIjduBSLb0IM9f/QbThakjdgIfw18tK0px2LV10Of5GtgJ968/DYMIMzpfEDlyqoTfwFv4GNi124Ak5AX/9rAJ2ih24lN8M/I3rtuhRp+cu/PX09ehRS6k1AAvwNap12LdrydcIYD2+ulqEpgjLFkJ899ezZTyX4a+vE6JHLaV1D77GpG/McTXiXzl4d/SopZSG4j/ZRrvSxnc2vjprQVO0BTtlx9OQlgDdo0ctPYBX8NXdpdGjltLxbk75tfghS82F+OpubvyQpUzG4WtAr6ENKIvUCCzHV4cp7cb8R1L/FDLdmf9G7P2BFKMFuNn5b+ik4YQ9QfZfjjbq4+iuqhuF74i2R6NHLKUwEN8y04fjhyydmEP2emzBdiBKUsqPANPwfbu/NVQg4jbTkbcHcGyoQKQ6riP7r8YGtMFnmeyMna2YtT6vjh9yOaR8B3CEI+8cbBCQcliH7bqc1dRQgVRNqgNAP+w0mqzmhApEgpntyDsF6BsqkCpJdQA4AN/zv6exST48g3IPEj1aPNUBYLIj77vYPv9SLvOw48Cy8twRVlaqA4Cnsh8F2gPFIeG04fumrwEgIfs58j4bLAoJzVM3njZRWakOAGMceRcFi0JCW+zI62kTUiE98U0dnRA/ZOmiyfhmBDbGD1liG0v2RtKKnR0g5dQb3+A+OnrEBUvxEWCII+9y4INQgUhwTdi5DFl52kYlpTgADHLk9TQuieM1R97kDnRJcQDwVPK6YFFIXtY78np+HCopxQGgvyOvp3FJHJ468rSNSkpxAPAcC6UFQOXnuUtL7siwFAcAzx5+ugMoP08daQBIgGcRUFOwKCQvmxx5k9vgNcUBoNWRV2fLl18fR97kNnhNcQDwVHJyL4kqyFNHm4NFUREpDgCeStYAUH6eOtIdQAI8b4m1D2D57ezIuzZYFBWR4gDwriOvp3FJHJ47gDXBoqiIFAeAdxx5dRBI+Y105F0dLAoprT3RasB6pdWAsl2NWEfO2kgmxg9Zumh/fPsBeOaIVFKKjwAtwCpH/vGhApHgPHWzAt8ckUpKcQAAWObIu0+wKCQ0zwDgaROVleoAsMCR98BgUUhonrrxtInKSnUAeNGR92jSvW5l1h04ypHf0yYqK9WG7DnYY1cSPUWm5A7EjnzPKsnDXlIdAJ7D98JHx0mXzzGOvC3oDiApG/CN+J7GJvnwDMrzsOPFk5PqAADwhCPvMWhhUJkMAI505Pe0hUpLeQDwnCffBzglVCDiNh3fXg2etiAVNRB79ss6c+yR+CFLJ/6b7PXYjN1BSIIeJ3vDaUdzx8tgFFYXWetxTvyQyyPlRwCAXzvyNgCnhwpEMjsLq4usHgwViFSP55zADmz+eHIbSZbITsDr+OpwbPSopVSewdeAzo8fstTMwFd3T8UPWcrmm/ga0cskuIy0BBqBpfjq7m+iRy2lMxR7E+xpSHoXEN+5+OqsGat7EX6JrzEtQHcBMTUCi/HV2V3Ro5bS+hy+xqTbybiuwF9fx0ePWkqrAfsV9zSodcDw2IEnaA/s/D9PXS1En8BlKxfg/1W5PXrU6fE+rnUA50WPWkqvN/AW/sb1mdiBJ+RE/PWzigRPAZauuRR/A1sB7BY78AQMAVbir5+LYwcu1dEL/8yyDmx6qZ4xw+kG/Bf+elmJTniW7fhL/A2tA/jb2IHXsW8Tpk4uiB24VE8PYD7+xtYCTI0cez06Gt9BLh+mF7CNQ0W26zjC/OKsRucIeOxNmBezHejlrOyg+wjT8JYBwyLHXg9GAMsJUwea9Sc7bBjwHmEa4EvYduLSNQOwnZtDXPu1aIKWZBTqhWAH8DugX9zwK6k/vp2atk568SeZdQNmE64xzgUGRy1BtQwBnibc9Z6Fb7cgEYYD7xCuUb4C7BW1BNUwBv8Kvy3TGmzdgIjbdMI1zA5sOurkqCUotynAG4S9xn8WtQRS964lbANdD5wRtQTldCb+1X1bp6uilkCS0APf/vOdpZnYQSOp6UX4QbUDO+WnMWI5JCG7Y4t9Qjfa50lrwtC+2GGcoa/jcrTNl+RsAuHmB2yZNgFXUt9LVRuBSwh/y9+Bfe/XexWJ4nj8G4l2lhZiU5HrzWcI+5Z/y9QMTItXFBE4jTCLVDpLt1EfR4+NAe4gv+vUCnw1WmlEtnAO0EZ+jbsNuJNqvh/YE7gJ3wGs20vtwF/EKpDItlxIvoPAhwPB7cD+kcrkMQX7xY9xTS6MVCaRT3Qa+f7SbZnmY9tifypKybpmV2zOfcg5/J+UWrGDQURK42SgiTgdoAN78XU/dipREYPBUGwi06+IN/h1YF9LNMtPSukw4G3idYYPUzu25PharHPksfR4UO3f/kHtb8UuYwe2OcihOZQtWVopFd5Y4AFsskuR3sY+KS7BPr8twRbIbMC+w79f+/9gy5R3wZbi9sMGkPHAuNr/7oOt1CvSfOCL2IGgIqXWD3t7X8SvZD2me7FNQkQqowG4jPwmDKWQNgN/vaMXXqRMDgIWUXxnqlpaCByY4XqLlE5f4Aby/zZeD6kN+CFprpCUOncE/lOI6zktAY7JfHVFKmAn4FvksyKuqmkddpJST8d1FamUYcBPSfuxoA34CbbPgkiS9sM+GbZTfIeMldqxuRJTAlw/kbpwALaIJs8lxkWnFmxRkzq+SCfGYFN636f4DhsqvQdcQ33sbyASRR9sv4HHqebjQTt2GtLZQO/A10YkKaOBbwLPUHzH3l6aC1wOjMrjQoikbg9sF5y7yWdz0iy393cB52Mn+kqFaDVgtXXDdimeii2TnYx9Vcjre3ozNpHpBeD32OPJAux2XypIA0D9acSW8e6FPTrsif0yD9oi9cIOOulfy7Me+/rwAfBuLb0DvA4sq6WXsZl6rXGKISIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIikjTtB1Au/bCttMZga/mHA4P5+Fr+vsDOtf9+J4o/QmsjtlEIwFpgEx/tKfAusBrbV2A5tq/Aq7U8UgIaAIrRB5iI7eAzEZhUS4OLDCqit4EXgZdq6XlgPjZ4SEQaAOIYgZ0LeBhwOLYvfmOhEZVPCzAP22rsSeAJYGWhESVAA0A+emMdflotHVRsOJW1FHi4ln4DbCg2HJHO7QKcC/wau5UterfeekubsOPEzqlda5HC9cMOvngA2EzxnSSV9AFwP3Am9lJUJKqDsOO71lB8Z0g9rQNmYo9aIrnpA8wAnqP4Rq+07TQPuBAdRSYBDQGuxL5nF93AlbqWVgPfB4b9cXWKdM1o4GbsebPoBq2ULTUBP0LnFMoOGIE936vj109qBm7CZlaKbNNuWMdvovgGq5RPagKuxqZUiwA2I+8C9IyfUloDXEF+h6hKRUzD5qQX3SCVikmLgM8jyfkUcCfFN0ClcqQHSPT9QGprARqA84CrgIEFx9KZDcAfgNewpbPLgTex29YPj+1eW/tvN1P8Cro+2LJksCm6Hy5b3hXYHXsDPwoYiR1bXtaZe2uAS4GfYoNCElIaAEYD/wYcV3AcW3oTeAqYy0dLY5dRvw2wAdvrYGItHQIcit2RlcUs4HxsAJY6cRrwPsXfaq4AbgFOxwYkMWOwef0/wTYPKbqe3gO+kmuJJYqdsXniRTWkNmxd+6XAvjmXtZ5MAC7D9gVop7j6uwVb8CUVdCDwCsU0nCeAv0JTUUMYDlyMbRRSRF0uwTZwkQo5i/hr8lcC/wSMj1C+VO2LzfFfRdy63Yg9tknJ9cAaSMzG8TS2J4C2+IqnO3AS9sIuZl3fhOq5tAYBjxKnIbQBv8AeM6RYB2NzOtqIU/ezsU+cUiJjgIXE6fh3AvvEKZbsgLHYL3QL+beDPwB7xymWbM+nse/peVZ4O9bxVenlNx74JfkPAm9gdx9SoC9gM+fyrOjHgD+JVSAJ5gjsM2KebWMDcGKsAsnHTcfWeec5wp9NWrMl600DVod53iE2A6fEKpCY08nvWa8V+AEwIFppJG8DgevJ70VhCzbbVCLIs/O/AhwVrygS2WHYEuC8fji+Fq8oaTqbfEbxNuBf0W6yKeiD3eHlMcW4DWujkoMvkc8v/1vACRHLIeVwHPnMKGwFvhyxHEk4jnz26puNrVmXNA0BHiJ8u9qMflSCOYzwn/rage8A3SKWQ8qpO/A9wj8SrMf2OhCHMdgteuiK0Wcb2dqXCf9DsxrYK2Yh6slAwk/vfRWYFLEMUi1TsJ2AQra5+eiT8g5rJPxKrxexQz9EPsnu2BmDIdveHLQF+Q65kbAVMBuNwtJ1u2CdNmQb/GHUElTYOYS98Pfz0a61Il3VC/gVYdviGVFLUEGTsN1X1PmlDHoCdxOuPW5C24t1agC2zjrUxb4N2yFIxKORsIfILAL6Ry1BRdxBuIt8L+r8Ek4jYR8HfhY3/PI7i3AX9xHs+U0kpN6EfTF4atzwy2skdhBDiIs6F+3jLvnZGXiWMG11DfosTTfsFzvEBX0dXVDJ3zDCTRZ6mMQ3nPkGYS7kWjTDT+KZgk0pD9F2L4oce2mMwDqu9wK2oX3ZJL4vEWYB0fskuiL1HsKMoP8YO3CRmu8Spg3fGTvwon2eMBfut9hyTpEidAMeJExbPily7IXpDSzHf8FWoBNapHi7EeZI86Uk8vn6H/BfrDbg2NiBi3TiKMLsVXlF7MBjG0KYF3/fix24yHZchb9drwOGxg48ppvxX6R56IRWKZ+dgBfwt+8bYgcey37Yjqmei9OCTuSV8jqEMG18fOzAY7gd/+j4/ehRi+yYf8Hfzm+NHnXO9sP/kuRldHCHlF8fYBm+tt5Knd0FhPj1T+Y7qVTeyfjb+8zoUedkX/y//g9Fj1rEx7vIrRUYFz3qHHjf/Ddjg4hIlUzE/0Kw8l8EdsW/x9+PokctEsYt+Nr+RmBQ9KgD+ha+C9AE7BE9apEwRgIf4OsDlZ0d2IjN1/cU/qroUYuEdQ2+PvA6FZ34dgr+258h0aMWCWso/pOt/zx61AF4l0leFz9kkVzcgK8v3B8/ZJ/h+N6AtgCjYwctkpMxWJv29IdheQTWLY9/FDvey7NRxx3YSb4i9WAZcJcjfw/gzECxRLEE3y3PofFDFsnVVHx9YkH8kLM5AF9B58UPWSQK75kCE0MHlMcjwCnO/NcHiUKkfH7szD89SBQ5W0j2EW490Dd+yCJR9Mc3M/bF+CHvmIn4bnHqZgWUSCd+ga+P7BMymNCPAN4luzo1Verdz535vxAkipzMJvvI9gba41/qXyOwmuz95LfxQ+6avvgWPlR+6aNIF/072ftJEwF3xgr5CHAMtjNqVpWb7iiS0X2OvL2APw0VSMgBYJoj73pgTqhAREpuFvY1IKvPhgok5ABwhCPvLGBzqEBESq4JeNiR39PXPibUANAb2N+R33MxRKroEUfeAyjZOYJH4vu2WVdbIIt0wQR8febwEEGEugM4zJF3FbA4UBwiVbEAeNOR39Pn/l+oAeBgR95HA8UgUiUdwGOO/IeECCLUADDJkfd/A8UgUjVzHXknBIvCqRe+3X+CPMuIVJDn3VkLvnk3wXjW/7eg8/4kXX3xbRXmufMGwjwCeDYpWIx9ExVJ0Ubs0NusSjEA7O3IuzDA3xepskWOvJ6+B4QZAEY78moAkNR5+sAo7x8PMQB4gtAAIKmr/AAw0pF3aYC/L1JlnncAo0MFkVV3fG8xcznsQKRCRpC9/2wmv7M9umTINoLqampGOwCJeH9EXceHe0cPzx9fBbQ5/75I1bVh2+Fl5RoAengyA7s68o7CRjARyc7TBwu9AxARv0IfAXZx5hcRn0LvAPo484uIj2tnIO8A0NOZX0R8XCsCNQCIVJurD2oAEKm2Qu8ACp2FJCK+PujtwG8784uIz1uezN4B4BlnfhHxedqTucH5xxuw7Y2DnlkuIl2yENjP8w947wA6gL9z/hsiks0V3n8gxGq8RUA/tLuvSEz/DFzv/UdCLcedBWzCtjn2LjASkc59gN11fyfEPxZyPf6TwK3YOv/+2JbHmicg4rcBu9P+D+Ac4Deh/uH/A3ZHLgN8HYcvAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1100px) {
  .profile-photo__image img {
    width: 100%;
    height: 100%;
  }
}
.profile-photo__image span {
  transition: all 0.5s ease;
  opacity: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iNTUiIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM4Ljg0MjggMTYuMTU3TDE2LjE1NjQgMzguODQzMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjE1NzIgMTYuMTU3TDM4Ljg0MzYgMzguODQzMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, linear-gradient(0deg, rgba(255, 67, 67, 0.5), rgba(255, 67, 67, 0.5));
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.profile-photo__image span:hover {
  opacity: 1;
}

#profile-wrapper {
  padding: 50px 25px;
}
@media (max-width: 650px) {
  #profile-wrapper {
    padding: 10px 16px;
  }
}
@media (max-width: 450px) {
  #profile-wrapper {
    padding: 10px 5px;
  }
}
.profile {
  display: flex;
  flex-direction: row;
  margin: 0 -10px;
}
@media (max-width: 700px) {
  .profile {
    flex-direction: column;
  }
}
.profile__info-section {
  margin-bottom: 50px;
}
@media (max-width: 700px) {
  .profile__info-section {
    margin-bottom: 25px;
  }
}
.profile__main {
  margin: 0 10px;
  flex: 0 1 80%;
}
.profile__info {
  background: white;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
@media (max-width: 700px) {
  .profile__info {
    padding: 0;
    box-shadow: none;
    border-radius: 0;
  }
}
.profile__info-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
@media (max-width: 700px) {
  .profile__info-title {
    flex-direction: column-reverse;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
.profile__info-title p {
  color: #fc6e20;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
@media (max-width: 700px) {
  .profile__info-title p {
    align-self: flex-start;
  }
}
.profile__info-title p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDIxVjE5QzIwIDE3LjkzOTEgMTkuNTc4NiAxNi45MjE3IDE4LjgyODQgMTYuMTcxNkMxOC4wNzgzIDE1LjQyMTQgMTcuMDYwOSAxNSAxNiAxNUg4QzYuOTM5MTMgMTUgNS45MjE3MiAxNS40MjE0IDUuMTcxNTcgMTYuMTcxNkM0LjQyMTQzIDE2LjkyMTcgNCAxNy45MzkxIDQgMTlWMjEiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDExQzE0LjIwOTEgMTEgMTYgOS4yMDkxNCAxNiA3QzE2IDQuNzkwODYgMTQuMjA5MSAzIDEyIDNDOS43OTA4NiAzIDggNC43OTA4NiA4IDdDOCA5LjIwOTE0IDkuNzkwODYgMTEgMTIgMTFaIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.profile__info-title_sub {
  color: #0a123e;
  font-weight: 500;
  font-size: 20px;
  text-decoration: underline;
}
@media (max-width: 700px) {
  .profile__info-title_sub {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.profile__info-inputs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: -25px -5px;
  justify-content: space-between;
}
@media (max-width: 1210px) {
  .profile__info-inputs {
    margin: -10px -5px;
  }
}
.profile__info-item {
  flex: 0 1 32%;
  margin: 25px 5px;
}
@media (max-width: 1210px) {
  .profile__info-item {
    flex: 1 1 100% !important;
    margin: 10px 5px;
  }
}
.profile__info-item label {
  color: #0a123e;
  font-weight: 500;
  font-size: 16px;
  margin: 0 0 8px 18px;
  display: inline-block;
  white-space: nowrap;
}
.profile__info-item-double {
  flex: 0 0 65.7%;
}
.profile__info-item-triple {
  flex: 0 1 100%;
}
.profile__info-item-half {
  flex: 0 1 49%;
}
.profile__info-input {
  position: relative;
}
.profile__info-input input {
  width: 100%;
  padding: 20px 20px 20px 54px;
  background: #f9f9fc;
  border-radius: 12px;
  font-size: 16px;
  color: #0a123e;
}
.profile__info-input:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
}
.profile__info-select {
  position: relative;
}
.profile__info-select select,
.profile__info-select input {
  width: 100%;
  padding: 20px 20px 20px 54px;
  background: #f9f9fc;
  border-radius: 12px;
  font-size: 16px;
  color: #0a123e;
}
.profile__info-select:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
}
.profile__info-type:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIyQzE3LjUyMjggMjIgMjIgMTcuNTIyOCAyMiAxMkMyMiA2LjQ3NzE1IDE3LjUyMjggMiAxMiAyQzYuNDc3MTUgMiAyIDYuNDc3MTUgMiAxMkMyIDE3LjUyMjggNi40NzcxNSAyMiAxMiAyMloiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDhWMTIiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDE2SDEyLjAxIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.profile__info-type-label {
  display: flex;
  justify-content: space-between;
}
.profile__documents-title p {
  color: #0a123e;
  font-weight: 500;
  font-size: 16px;
  margin: 0 0 8px 18px;
}
.profile__document-list {
  overflow-x: auto;
  max-width: 1320px;
  border-radius: 12px;
  background: #f9f9fc;
  margin: 10px -5px 30px;
}
.profile__document-items {
  padding: 16px;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.profile__document-items img {
  margin: 0 5px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 12px;
}
.profile__document-add button {
  background: #00be65;
  border-radius: 8px;
  padding: 10px 37px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.5s ease;
}
.profile__document-add button:hover {
  cursor: pointer;
  color: #0a123e;
  background: rgba(0, 190, 101, 0.1);
}
.profile__document-add span {
  font-size: 16px;
  color: rgba(10, 18, 62, 0.5);
  margin-left: 20px;
}
.profile__save {
  background: #00be65;
  border-radius: 8px;
  padding: 10px 37px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  margin-top: 50px;
  transition: all 0.5s ease;
}
.profile__save:hover {
  cursor: pointer;
  color: #0a123e;
  background: rgba(0, 190, 101, 0.1);
}
.profile-balance {
  margin: 20px 0;
  padding: 20px 24px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ffffff, #f9fafb);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.profile-balance__header {
  display: flex;
  gap: 10px;
  align-items: center;
}
.profile-balance__header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #111827;
}
.profile-balance__amount {
  font-size: 26px;
  font-weight: 700;
  color: #16a34a;
}
.profile-balance__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.profile-balance__actions .btn {
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 500;
}
.profile-balance__actions .btn-primary {
  background: #16a34a;
  border: none;
  color: #fff;
}
.profile-balance__actions .btn-primary:hover {
  background: #15803d;
}
.profile-balance__actions .btn-outline-secondary {
  border: 1px solid #d1d5db;
  color: #374151;
}
.profile-balance__actions .btn-outline-secondary:hover {
  background: #f3f4f6;
}
/* Mobile */
@media (max-width: 768px) {
  .profile-balance__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .profile-balance__amount {
    font-size: 22px;
  }
}

.popup-create {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(10, 18, 62, 0.7);
  z-index: 99999;
  opacity: 0;
  transition: all 0.3s ease;
}
.popup-create__inner {
  background: #ffffff;
  border-radius: 14px;
  width: 250px;
  padding: 18px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  text-align: center;
}
.popup-create__info {
  font-weight: 500;
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
}
.popup-create__price {
  color: #00be65;
  font-size: 20px;
  margin-bottom: 15px;
}
.popup-create__price-red {
  color: #0a123e;
}
.popup-create__title {
  font-weight: 500;
  font-size: 18px;
  color: #0a123e;
  margin-bottom: 10px;
}
.popup-create__change {
  display: flex;
  flex-direction: column;
  margin: -5px 0;
}
.popup-create__change button {
  border-radius: 10px;
  padding: 15px;
  font-weight: 500;
  font-size: 16px;
  margin: 5px 0;
}

.goods {
  margin: -20px 10px;
  flex: 0 1 80%;
  width: 50%;
}
@media (max-width: 1100px) {
  .goods {
    margin: 20px 10px 0;
  }
}
@media (max-width: 700px) {
  .goods {
    width: auto;
    margin: 0 5px;
  }
}
.goods__title {
  color: #0a123e;
  font-weight: 500;
  font-size: 16px;
  margin: 0 0 8px 18px;
  display: inline-block;
}
.goods__type2 {
  display: flex;
  justify-content: center;
  margin: 10px -10px;
}
@media (min-width: 1100px) {
  .goods__type2 {
    display: none;
  }
}
.goods__type2 button {
  background: rgba(0, 190, 101, 0.1);
  border-radius: 12px;
  padding: 5px 10px;
  font-weight: 500;
  font-size: 16px;
  color: #00be65;
  margin: 0 3px;
}
@media (max-width: 1100px) {
  .goods__type2 button {
    width: 100%;
  }
}
.goods__type2_active {
  background: #00be65 !important;
  color: #ffffff !important;
}
.goods__type2_error button {
  border: 1px solid red !important;
}
.goods__clearance {
  display: flex;
}
.goods__clearance > div {
  width: 50%;
}
.goods .info {
  margin: 20px 0;
  background: white;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
@media (max-width: 700px) {
  .goods .info {
    margin: 10px 0;
    padding: 5px;
  }
}
.goods .info__inputs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 5px -5px;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .goods .info__inputs {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.goods .info__item {
  flex: 0 1 32%;
  margin: 5px 5px;
}
@media (max-width: 1100px) {
  .goods .info__item {
    margin: 10px 5px;
  }
}
.goods .info__input {
  position: relative;
}
.goods .info__input > input {
  width: 100%;
  border: 1px solid rgba(10, 18, 62, 0.1);
  padding: 20px 20px 20px 20px;
  background: #f9f9fc;
  border-radius: 12px;
  font-size: 16px;
  color: #0a123e;
}
.goods .info__input > textarea {
  width: 100%;
  border: 1px solid rgba(10, 18, 62, 0.1);
  padding: 20px 20px 20px 20px;
  background: #f9f9fc;
  border-radius: 12px;
  font-size: 16px;
  color: #0a123e;
  height: 286px;
  resize: none;
}
.goods .info__input:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
}
.goods .info__country input {
  padding: 20px 20px 20px 54px;
}
.goods .info__country img {
  position: absolute;
  top: 50%;
  right: 45px;
  transform: translate(0, -50%);
  width: 34px;
  height: 24px;
  border-radius: 4px;
}
.goods .info__country:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNlYyMkw4IDE4TDE2IDIyTDIzIDE4VjJMMTYgNkw4IDJMMSA2WiIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAyVjE4IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNiA2VjIyIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.goods .info__country:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 23px;
  border: solid #0a123e;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
}
.goods .info__fields {
  flex: 0 1 35%;
  padding-left: 10px;
  margin-top: 5px;
}
.goods .info__fields .info__item {
  margin-bottom: 20px;
}
.goods .info__prod:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 23px;
  border: solid #0a123e;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
}
.goods .info__about {
  display: flex;
  margin: -10px -10px;
}
@media (max-width: 1100px) {
  .goods .info__about {
    flex-direction: column;
  }
}
.goods .info__banner {
  margin: 10px 10px;
  flex: 0 1 65%;
  position: relative;
}
.goods .info__category {
  position: relative;
  margin-bottom: 15px;
}
.goods .info__category span {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.goods .info__category > div {
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 12px;
  padding: 20px;
  background: #f9f9fc;
}
.goods .info__category > div > input {
  padding: 0 0 0 10px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  background: #f9f9fc;
  cursor: pointer;
}
.goods .info__category > div:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgN0w5IDExTDEzIDciIHN0cm9rZT0iIzBBMTIzRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
  width: 24px;
  height: 24px;
}
.goods .info__category_error > div {
  border: 1px solid red !important;
}
.goods .info__price {
  display: flex;
}
.goods .info__select {
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 1100px) {
  .goods .info__select {
    width: 150px;
  }
}
.goods .info__select > div {
  position: relative;
}
.goods .info__select select {
  width: 100%;
  padding: 20px 40px 20px 20px;
  font-size: 16px;
  line-height: 19px;
  color: #0a123e;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgN0w5IDExTDEzIDciIHN0cm9rZT0iIzBBMTIzRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) 90% no-repeat, rgba(10, 18, 62, 0.1);
  border-radius: 11px;
  border: 1px solid rgba(10, 18, 62, 0.1);
  appearance: none;
}
.goods .info__select-price > div {
  position: relative;
}
.goods .info__select-price > div > select {
  padding: 20px 40px 20px 54px;
}
.goods .info__select-price > div:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMjBDOCAyMC41NTIzIDguNDQ3NzIgMjEgOSAyMUM5LjU1MjI5IDIxIDEwIDIwLjU1MjMgMTAgMjBWMThIMTVDMTUuNTUyMyAxOCAxNiAxNy41NTIzIDE2IDE3QzE2IDE2LjQ0NzcgMTUuNTUyMyAxNiAxNSAxNkgxMFYxNEgxNC41QzE3LjI1NyAxNCAxOS41IDExLjc1NyAxOS41IDlDMTkuNSA2LjI0MyAxNy4yNTcgNCAxNC41IDRIOUM4LjczNDc4IDQgOC40ODA0MyA0LjEwNTM2IDguMjkyODkgNC4yOTI4OUM4LjEwNTM2IDQuNDgwNDMgOCA0LjczNDc4IDggNVYxMkg2QzUuNDQ3NzIgMTIgNSAxMi40NDc3IDUgMTNDNSAxMy41NTIzIDUuNDQ3NzIgMTQgNiAxNEg4VjE2SDZDNS40NDc3MiAxNiA1IDE2LjQ0NzcgNSAxN0M1IDE3LjU1MjMgNS40NDc3MiAxOCA2IDE4SDhWMjBaTTEwIDZIMTQuNUMxNi4xNTQgNiAxNy41IDcuMzQ2IDE3LjUgOUMxNy41IDEwLjY1NCAxNi4xNTQgMTIgMTQuNSAxMkgxMFY2WiIgZmlsbD0iIzAwQkU2NSIvPgo8L3N2Zz4K) center no-repeat;
}
.goods .info__tax {
  position: initial;
  width: 100%;
}
.goods .info__tax select {
  width: 100% !important;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgN0w5IDExTDEzIDciIHN0cm9rZT0iIzBBMTIzRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) 97.5% no-repeat, #f9f9fc;
}
.goods .info__item-check {
  display: flex;
}
@media (max-width: 1100px) {
  .goods .info__item-check {
    flex-direction: column;
  }
}
.goods .info__item_is-safe-possible {
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-left: 10px;
}
.goods .info__item_is-final-price {
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-left: 10px;
}
.goods .info__description > input {
  height: 100%;
}
.goods .info__description:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMjBDOCAyMC41NTIzIDguNDQ3NzIgMjEgOSAyMUM5LjU1MjI5IDIxIDEwIDIwLjU1MjMgMTAgMjBWMThIMTVDMTUuNTUyMyAxOCAxNiAxNy41NTIzIDE2IDE3QzE2IDE2LjQ0NzcgMTUuNTUyMyAxNiAxNSAxNkgxMFYxNEgxNC41QzE3LjI1NyAxNCAxOS41IDExLjc1NyAxOS41IDlDMTkuNSA2LjI0MyAxNy4yNTcgNCAxNC41IDRIOUM4LjczNDc4IDQgOC40ODA0MyA0LjEwNTM2IDguMjkyODkgNC4yOTI4OUM4LjEwNTM2IDQuNDgwNDMgOCA0LjczNDc4IDggNVYxMkg2QzUuNDQ3NzIgMTIgNSAxMi40NDc3IDUgMTNDNSAxMy41NTIzIDUuNDQ3NzIgMTQgNiAxNEg4VjE2SDZDNS40NDc3MiAxNiA1IDE2LjQ0NzcgNSAxN0M1IDE3LjU1MjMgNS40NDc3MiAxOCA2IDE4SDhWMjBaTTEwIDZIMTQuNUMxNi4xNTQgNiAxNy41IDcuMzQ2IDE3LjUgOUMxNy41IDEwLjY1NCAxNi4xNTQgMTIgMTQuNSAxMkgxMFY2WiIgZmlsbD0iIzAwQkU2NSIvPgo8L3N2Zz4K) center no-repeat;
}
@media (max-width: 1100px) {
  .goods .info__checkboxes {
    display: flex;
    flex-direction: row;
  }
}
.goods .info__checkboxes_error {
  border: 1px solid red;
  border-radius: 12px;
  padding-top: 10px;
}
.goods .info__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
@media (max-width: 700px) {
  .goods .info__head {
    margin-bottom: 5px;
    padding-bottom: 5px;
    flex-direction: column;
  }
  .goods .info__head .select-thin {
    margin-top: 10px;
  }
}
.goods .info__head > p {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #fc6e20;
  position: relative;
  padding-left: 35px;
}
.goods .info__head > p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDdINEMyLjg5NTQzIDcgMiA3Ljg5NTQzIDIgOVYxOUMyIDIwLjEwNDYgMi44OTU0MyAyMSA0IDIxSDIwQzIxLjEwNDYgMjEgMjIgMjAuMTA0NiAyMiAxOVY5QzIyIDcuODk1NDMgMjEuMTA0NiA3IDIwIDdaIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNiAyMVY1QzE2IDQuNDY5NTcgMTUuNzg5MyAzLjk2MDg2IDE1LjQxNDIgMy41ODU3OUMxNS4wMzkxIDMuMjEwNzEgMTQuNTMwNCAzIDE0IDNIMTBDOS40Njk1NyAzIDguOTYwODYgMy4yMTA3MSA4LjU4NTc5IDMuNTg1NzlDOC4yMTA3MSAzLjk2MDg2IDggNC40Njk1NyA4IDVWMjEiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.goods .info__head button {
  background: rgba(0, 190, 101, 0.1);
  border-radius: 8px;
  padding: 10px 28px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #00be65;
  margin-left: 10px;
}
.goods .info__head button:first-child {
  margin-left: 0 !important;
}
@media (max-width: 1100px) {
  .goods .info__head-buttons {
    display: none;
  }
}
.goods .info__head-buttons_error {
  border: 1px solid red;
  border-radius: 12px;
  padding: 5px;
}
.goods .info__head-active {
  background: #00be65 !important;
  color: #ffffff !important;
}
.goods .promotion {
  margin: 20px 0;
  background: white;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
.goods .promotion__head {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
@media (max-width: 1100px) {
  .goods .promotion__head {
    margin-top: 20px;
  }
}
.goods .promotion__head > p {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #fc6e20;
  position: relative;
  padding-left: 35px;
}
.goods .promotion__head > p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIwVjEwIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xOCAyMFY0IiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02IDIwVjE2IiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.goods .promotion__content {
  display: flex;
  margin: 0 -20px;
}
.goods .promotion__left {
  margin: 0 20px;
  flex: 0 0 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  .goods .promotion__left {
    flex: 0 1 100%;
  }
}
.goods .promotion__element {
  margin-top: 20px;
}
.goods .promotion__element > p {
  font-weight: 500;
  font-size: 16px;
  color: #0a123e;
  margin-bottom: 15px;
}
.goods .promotion__element > input {
  background: #f9f9fc;
  border: 1px solid rgba(0, 190, 101, 0.2);
  border-radius: 12px;
  padding: 12px;
  width: 100%;
}
.goods .promotion__inputs {
  display: flex;
  margin: -30px;
}
@media (max-width: 1100px) {
  .goods .promotion__inputs {
    flex-direction: column;
    margin: -20px -20px 20px -20px;
  }
}
.goods .promotion__where {
  margin: 30px;
}
@media (max-width: 1100px) {
  .goods .promotion__where {
    margin: 20px 20px 0 20px;
  }
}
.goods .promotion__where:first-child {
  flex: 0 1 40%;
}
.goods .promotion__where:last-child {
  flex: 0 1 60%;
}
.goods .promotion__where > input {
  border: 1px solid rgba(252, 110, 32, 0.2);
  border-radius: 12px;
  padding: 12px;
  width: 100%;
}
.goods .promotion__where input:disabled {
  opacity: 0.5;
}
.goods .promotion__data-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}
.goods .promotion__data-item p {
  padding: 9px;
}
.goods .promotion__data-item > input {
  border: 1px solid rgba(252, 110, 32, 0.2);
  border-radius: 12px;
  padding: 12px;
  width: 100%;
}
.goods .promotion__data-item input:disabled {
  opacity: 1;
}
.goods .promotion__radio {
  margin: 0 10px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  cursor: pointer;
  user-select: none;
}
.goods .promotion__radio .form-checkbox {
  margin: 0;
}
.goods .promotion__radio > p {
  font-size: 16px;
  color: #0a123e;
  white-space: nowrap;
  display: flex;
  align-items: center;
  color: rgba(10, 18, 62, 0.5);
}
.goods .promotion__radio > p span {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODE3MzggNi43NDk5NEM2Ljk5MzcxIDYuMjQ4NjkgNy4zNDE3NSA1LjgyNjAyIDcuNzk5ODUgNS41NTY3OUM4LjI1Nzk1IDUuMjg3NTYgOC43OTY1NSA1LjE4OTE0IDkuMzIwMjYgNS4yNzg5N0M5Ljg0Mzk3IDUuMzY4OCAxMC4zMTkgNS42NDEwOCAxMC42NjEyIDYuMDQ3NThDMTEuMDAzNCA2LjQ1NDA5IDExLjE5MDcgNi45Njg1OCAxMS4xODk5IDcuNDk5OTRDMTEuMTg5OSA4Ljk5OTk0IDguOTM5ODggOS43NDk5NCA4LjkzOTg4IDkuNzQ5OTQiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkgMTIuNzVIOS4wMSIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.goods .promotion__radio input:checked ~ .goods__promotion_checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  border: none;
}
.goods .promotion__radio:hover input ~ .goods__promotion_checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiNGQzZFMjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NSA5VjE0LjI1QzE1Ljc1IDE0LjY0NzggMTUuNTkyIDE1LjAyOTQgMTUuMzEwNyAxNS4zMTA3QzE1LjAyOTQgMTUuNTkyIDE0LjY0NzggMTUuNzUgMTQuMjUgMTUuNzVIMy43NUMzLjM1MjE4IDE1Ljc1IDIuOTcwNjQgMTUuNTkyIDIuNjg5MzQgMTUuMzEwN0MyLjQwODA0IDE1LjAyOTQgMi4yNSAxNC42NDc4IDIuMjUgMTQuMjVWMy43NUMyLjI1IDMuMzUyMTggMi40MDgwNCAyLjk3MDY0IDIuNjg5MzQgMi42ODkzNEMyLjk3MDY0IDIuNDA4MDQgMy4zNTIxOCAyLjI1IDMuNzUgMi4yNUgxMiIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  border: none;
}
.goods .promotion__radio input:checked p {
  color: #0a123e !important;
}
.goods .promotion__radio > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.goods .promotion__checkmark {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  height: 18px;
  width: 18px;
  border: 2px solid rgba(10, 18, 62, 0.5);
  border-radius: 4px;
}
.goods .promotion__radio-popup {
  position: absolute;
  right: 0;
  top: 30px;
  width: 166px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: -8px 0 20px 0;
  background: white;
  padding: 10px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  z-index: 2;
}
.goods .promotion__radio-popup p {
  margin: 8px 0;
  text-align: left;
  font-size: 12px;
  line-height: 14px;
  color: rgba(10, 18, 62, 0.5);
}
.goods .promotion__right {
  flex: 0 1 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 20px;
  padding-left: 40px;
  border-left: 1px solid rgba(10, 18, 62, 0.1);
}
@media (max-width: 1100px) {
  .goods .promotion__right {
    display: none;
  }
}
.goods .promotion__right p {
  font-size: 14px;
  color: rgba(10, 18, 62, 0.5);
  margin-bottom: 23px;
}
.goods__save {
  background: #00be65;
  border-radius: 8px;
  padding: 10px 37px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.5s ease;
}
.goods__save:hover {
  cursor: pointer;
  color: #0a123e;
  background: rgba(0, 190, 101, 0.1);
}
.goods .offers {
  margin: 20px 0;
  background: white;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
.goods .offers__head {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
@media (max-width: 1100px) {
  .goods .offers__head {
    margin-top: 20px;
  }
}
.goods .offers__head > p {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #fc6e20;
  position: relative;
  padding-left: 35px;
}
.goods .offers__head > p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDIyQzE3LjUyMjggMjIgMjIgMTcuNTIyOCAyMiAxMkMyMiA2LjQ3NzE1IDE3LjUyMjggMiAxMiAyQzYuNDc3MTUgMiAyIDYuNDc3MTUgMiAxMkMyIDE3LjUyMjggNi40NzcxNSAyMiAxMiAyMloiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTggMTRDOCAxNCA5LjUgMTYgMTIgMTZDMTQuNSAxNiAxNiAxNCAxNiAxNCIgc3Ryb2tlPSIjRkM2RTIwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSA5SDkuMDEiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1IDlIMTUuMDEiIHN0cm9rZT0iI0ZDNkUyMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.goods .offers__table-wrapper {
  overflow: auto;
  height: 300px;
  transform: scaleY(-1);
  scroll-margin-top: 50px;
}
.goods .offers__table {
  transform: scaleY(-1);
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 12px;
  padding: 18px;
}
.goods .offers__table table {
  white-space: nowrap;
  display: inline-table;
  text-align: center;
  padding: 18px;
  font-size: 14px;
  line-height: 16px;
  color: #0a123e;
  width: 100%;
  border-collapse: collapse;
}
.goods .offers__table table th {
  font-weight: 400;
}
.goods .offers__table table thead {
  background: rgba(10, 18, 62, 0.03);
}
.goods .offers__table table thead tr th {
  padding: 15px 0;
}
.goods .offers__table table thead tr th:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.goods .offers__table table thead tr th:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-right: none !important;
}
.goods .offers__table table thead tr th p {
  padding: 0 15px;
  border-right: 1px solid rgba(10, 18, 62, 0.1);
  width: 100%;
}
.goods .offers__table table tbody {
  width: 100%;
}
.goods .offers__table table tr:last-child td {
  border-bottom: none !important;
}
.goods .offers__table table td {
  padding: 15px;
  border-bottom: 1px solid rgba(10, 18, 62, 0.1);
}
.goods .offers .buttons {
  display: flex;
  justify-content: center;
  margin: 0 -5px;
}
@media (max-width: 700px) {
  .goods .offers .buttons {
    display: none;
  }
}
.goods .offers .buttons button {
  margin: 0 5px;
  border-radius: 4px;
  padding: 5px 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
}
.goods .offers .buttons__accept {
  background: #00be65;
}
.goods .offers .buttons__refuse {
  background: #ff4343;
}
.goods .offers .buttons__chat {
  background: #fc6e20;
}
.goods .offers .buttons-mobile {
  display: none;
  justify-content: center;
  margin: 0 -5px;
}
@media (max-width: 700px) {
  .goods .offers .buttons-mobile {
    display: flex;
  }
}
.goods .offers .buttons-mobile button {
  margin: 0 5px;
  border-radius: 4px;
  height: 24px;
  width: 24px;
}
.goods .offers .buttons-mobile__accept {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDQuNUw2Ljc1IDEyLjc1TDMgOSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat, #00be65;
}
.goods .offers .buttons-mobile__refuse {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjUgNC41TDQuNSAxMy41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNC41IDQuNUwxMy41IDEzLjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat, #ff4343;
}
.goods .offers .buttons-mobile__chat {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDguNjI1MDJDMTUuNzUyNiA5LjYxNDkyIDE1LjUyMTMgMTAuNTkxNCAxNS4wNzUgMTEuNDc1QzE0LjU0NTggMTIuNTMzOCAxMy43MzIzIDEzLjQyNDQgMTIuNzI1NiAxNC4wNDdDMTEuNzE4OSAxNC42Njk2IDEwLjU1ODcgMTQuOTk5NiA5LjM3NSAxNUM4LjM4NTEgMTUuMDAyNiA3LjQwODU5IDE0Ljc3MTMgNi41MjUgMTQuMzI1TDIuMjUgMTUuNzVMMy42NzUgMTEuNDc1QzMuMjI4NyAxMC41OTE0IDIuOTk3NDIgOS42MTQ5MiAzIDguNjI1MDJDMy4wMDA0NiA3LjQ0MTM0IDMuMzMwNDYgNi4yODExNiAzLjk1MzA0IDUuMjc0NDNDNC41NzU2MiA0LjI2NzcxIDUuNDY2MTkgMy40NTQyIDYuNTI1IDIuOTI1MDJDNy40MDg1OSAyLjQ3ODcyIDguMzg1MSAyLjI0NzQ0IDkuMzc1IDIuMjUwMDJIOS43NUMxMS4zMTMzIDIuMzM2MjcgMTIuNzg5OCAyLjk5NjA5IDEzLjg5NjkgNC4xMDMxN0MxNS4wMDM5IDUuMjEwMjQgMTUuNjYzOCA2LjY4Njc2IDE1Ljc1IDguMjUwMDJWOC42MjUwMloiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat, #fc6e20;
}
.goods .offers__stats {
  position: relative;
}
.goods .offers__stats:hover {
  cursor: pointer;
}
.goods .offers__stats > p > span {
  font-size: 14px;
  line-height: 16px;
  text-decoration-line: underline;
}
.goods .offers__stats > p > span:first-child {
  color: #00be65;
  padding: 0 5px;
}
.goods .offers__stats > p > span:last-child {
  color: #ff4343;
}
.goods .offers__stats-popup {
  position: absolute;
  right: 0;
  top: 30px;
  width: 280px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: -8px 0 20px 0;
  background: white;
  padding: 10px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
  z-index: 2;
}
.goods .offers__stats-popup p {
  margin: 8px 0;
  text-align: left;
  font-size: 14px;
  line-height: 19px;
  color: rgba(10, 18, 62, 0.5);
}
.goods .offers__stats-popup p span {
  color: #0a123e;
  font-weight: 500;
}
/* Promote button in header */
.info__head-promote {
  margin-left: 12px;
  padding: 8px 16px;
  background: linear-gradient(90deg, #fc6e20 0%, #ff9a4d 100%);
  border: none;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(252, 110, 32, 0.18);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.info__head-promote:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(252, 110, 32, 0.22);
}
/* Modal overlay and container */
.popup {
  position: fixed;
  inset: 0;
  background: rgba(4, 12, 34, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3000;
  padding: 24px;
}
.popup__inner {
  width: 820px;
  max-width: 100%;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
  border-radius: 12px;
  box-shadow: 0 30px 80px rgba(10, 18, 62, 0.18);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Helvetica Neue', Arial, sans-serif;
}
/* Header inside modal */
.popup__inner h2 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  color: #0a123e;
  font-weight: 700;
}
/* Branded logo circle left of title */
.popup__inner h2:before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, #00be65 0%, #00d07a 100%);
  box-shadow: 0 6px 18px rgba(0, 190, 101, 0.18);
}
/* Close button top-right */
.popup__close {
  position: absolute;
  right: 22px;
  top: 22px;
  background: transparent;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.popup__close svg {
  opacity: 0.85;
}
/* Fields layout */
.popup__form {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 18px;
  align-items: start;
}
.popup__form > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 900px) {
  .popup__form {
    grid-template-columns: 1fr;
  }
}
.field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.field label {
  font-size: 13px;
  color: rgba(10, 18, 62, 0.7);
  font-weight: 600;
}
.field input[type="number"],
.field input[type="date"],
.field input[type="text"],
.field .form-select__display {
  width: 100%;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(10, 18, 62, 0.08);
  background: #fbfbfd;
  font-size: 15px;
  color: #0a123e;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
/* Modes (1 day / 10 days / custom) */
.modes {
  display: flex;
  gap: 10px;
  align-items: center;
}
.modes button {
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(10, 18, 62, 0.06);
  background: #fff;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(10, 18, 62, 0.04);
}
.modes button:hover {
  transform: translateY(-2px);
}
.modes button.active {
  background: linear-gradient(90deg, #00be65 0%, #00d07a 100%);
  color: #fff;
  border: none;
}
.modes input[type="number"] {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid rgba(10, 18, 62, 0.06);
}
/* Categories box */
.field .async-select-wrapper {
  max-width: 100%;
}
/* Right column: summary / total */
.popup__summary {
  background: linear-gradient(180deg, #fff 0%, #fff 100%);
  border-radius: 10px;
  padding: 16px;
  border: 1px solid rgba(10, 18, 62, 0.04);
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}
.popup__summary .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup__summary .price {
  font-size: 22px;
  font-weight: 800;
  color: #0a123e;
}
.popup__summary .muted {
  color: rgba(10, 18, 62, 0.5);
  font-weight: 600;
}
/* Footer buttons */
.popup__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
}
.btn-primary {
  background: linear-gradient(90deg, #00be65 0%, #00d07a 100%);
  color: #fff;
  padding: 12px 18px;
  border-radius: 10px;
  border: none;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(0, 208, 122, 0.15);
}
.btn-secondary {
  background: transparent;
  border: 1px solid rgba(252, 110, 32, 0.18);
  color: #fc6e20;
  padding: 12px 18px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
}
/* small helper */
.total {
  font-size: 16px;
  font-weight: 700;
  color: #0a123e;
}
/* responsive tweaks */
@media (max-width: 520px) {
  .popup__inner {
    padding: 16px;
  }
  .popup__close {
    right: 12px;
    top: 12px;
  }
}
/* Branded buttons inside modal and wallet warning */
.modes button {
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid rgba(10, 18, 62, 0.06);
  background: #fff;
  font-weight: 800;
  font-size: 14px;
  color: #0a123e;
  cursor: pointer;
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}
.modes button.active,
.modes button:active {
  background: linear-gradient(90deg, #00be65 0%, #00d07a 100%);
  color: #ffffff;
  box-shadow: 0 12px 30px rgba(0, 208, 122, 0.12);
}
.modes button.primary-ghost {
  background: transparent;
  border: 1px dashed rgba(10, 18, 62, 0.06);
  color: rgba(10, 18, 62, 0.75);
}
.popup__buttons {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 8px;
}
.popup__buttons button {
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
}
.popup__buttons .btn-primary {
  background: linear-gradient(90deg, #00be65 0%, #00d07a 100%);
  color: #fff;
  box-shadow: 0 12px 30px rgba(0, 208, 122, 0.15);
  border: none;
}
.popup__buttons .btn-secondary {
  background: transparent;
  border: 1px solid rgba(252, 110, 32, 0.18);
  color: #fc6e20;
}
.popup__buttons .btn-danger {
  background: linear-gradient(90deg, #ff5a5a 0%, #ff3b3b 100%);
  color: #fff;
  border: none;
  box-shadow: 0 10px 24px rgba(255, 59, 59, 0.14);
}
/* Wallet warning - prominent red notice */
.wallet-warning {
  margin-top: 6px;
  padding: 10px 12px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 90, 90, 0.08) 0%, rgba(255, 90, 90, 0.04) 100%);
  border: 1px solid rgba(255, 90, 90, 0.16);
  color: #b32b2b;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.wallet-warning svg {
  opacity: 0.95;
}
@media (max-width: 520px) {
  .popup__buttons {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  .popup__buttons button {
    width: 100%;
  }
}
/* Balance / disabled apply button styles */
.popup__summary .price {
  font-size: 20px;
  font-weight: 800;
  color: #0a123e;
}
.wallet-warning {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 90, 90, 0.09) 0%, rgba(255, 90, 90, 0.03) 100%);
  border: 1px solid rgba(255, 90, 90, 0.16);
  color: #b32b2b;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  gap: 8px;
  align-items: center;
}
/* Disabled primary button */
.btn-primary.btn-disabled,
button.btn-primary[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}
/* Small layout fix for right column inside popup__summary */
.popup__summary {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.settings {
  margin: 0 10px;
  flex: 0 1 80%;
}
.settings__info {
  background: white;
  padding: 20px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  border-radius: 14px;
}
.settings__info-title {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(252, 110, 32, 0.1);
}
.settings__info-title p {
  color: #00be65;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
.settings__info-title p:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgMjFWMTQiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQgMTBWMyIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIgMjFWMTIiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyIDhWMyIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjAgMjFWMTYiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTIwIDEyVjMiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEgMTRINyIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSA4SDE1IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyAxNkgyMyIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.settings__info-inputs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 30px -5px 0 -5px;
  justify-content: space-between;
}
.settings__info-item {
  flex: 0 1 48.5%;
  margin: 5px 5px;
}
@media (max-width: 1070px) {
  .settings__info-item {
    flex: 0 1 100%;
  }
}
.settings__info-item label {
  color: #0a123e;
  font-weight: 500;
  font-size: 16px;
  margin: 0 0 8px 18px;
  display: inline-block;
}
.settings__info-notifications {
  flex: 0 1 80%;
}
@media (max-width: 1070px) {
  .settings__info-notifications {
    width: 100%;
  }
}
.settings__info-input {
  position: relative;
}
.settings__info-input > input {
  width: 100%;
  padding: 20px 20px 20px 20px;
  background: #f9f9fc;
  border-radius: 12px;
  font-size: 16px;
  color: #0a123e;
}
.settings__info-input:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
}
.settings__save {
  display: flex;
  justify-content: flex-end;
}
.settings__save > button {
  background: #00be65;
  border-radius: 8px;
  padding: 15px 30px;
  color: white;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
  transition: all 0.5s ease;
}
.settings__save > button:hover {
  cursor: pointer;
  color: #0a123e;
  background: rgba(0, 190, 101, 0.1);
}
.settings__radio {
  display: flex;
  flex-direction: row;
  margin: 0 -10px;
  align-items: center;
  padding-left: 18px;
}
@media (max-width: 1070px) {
  .settings__radio {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: -10px -10px;
  }
}
.settings__radio_checks {
  margin: 10px 10px;
  display: flex;
}
.settings .settings__radio-yes,
.settings__radio-no {
  margin: 10px 10px 0 0;
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  user-select: none;
}
.settings .settings__radio-yes > p,
.settings__radio-no > p {
  font-size: 16px;
  line-height: 19px;
  color: rgba(10, 18, 62, 0.5);
}
.settings .settings__radio-yes:hover input:checked ~ .settings__checkmark,
.settings__radio-no:hover input:checked ~ .settings__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNzUgOC4yNUw5IDEwLjVMMTYuNSAzIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE1Ljc1IDlWMTQuMjVDMTUuNzUgMTQuNjQ3OCAxNS41OTIgMTUuMDI5NCAxNS4zMTA3IDE1LjMxMDdDMTUuMDI5NCAxNS41OTIgMTQuNjQ3OCAxNS43NSAxNC4yNSAxNS43NUgzLjc1QzMuMzUyMTggMTUuNzUgMi45NzA2NCAxNS41OTIgMi42ODkzNCAxNS4zMTA3QzIuNDA4MDQgMTUuMDI5NCAyLjI1IDE0LjY0NzggMi4yNSAxNC4yNVYzLjc1QzIuMjUgMy4zNTIxOCAyLjQwODA0IDIuOTcwNjQgMi42ODkzNCAyLjY4OTM0QzIuOTcwNjQgMi40MDgwNCAzLjM1MjE4IDIuMjUgMy43NSAyLjI1SDEyIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.settings .settings__radio-yes:hover input ~ .settings__checkmark,
.settings__radio-no:hover input ~ .settings__checkmark {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgMTBWMTUuODMzM0MxNy41IDE2LjI3NTQgMTcuMzI0NCAxNi42OTkzIDE3LjAxMTggMTcuMDExOEMxNi42OTkzIDE3LjMyNDQgMTYuMjc1NCAxNy41IDE1LjgzMzMgMTcuNUg0LjE2NjY3QzMuNzI0NjQgMTcuNSAzLjMwMDcyIDE3LjMyNDQgMi45ODgxNiAxNy4wMTE4QzIuNjc1NTkgMTYuNjk5MyAyLjUgMTYuMjc1NCAyLjUgMTUuODMzM1Y0LjE2NjY3QzIuNSAzLjcyNDY0IDIuNjc1NTkgMy4zMDA3MiAyLjk4ODE2IDIuOTg4MTZDMy4zMDA3MiAyLjY3NTU5IDMuNzI0NjQgMi41IDQuMTY2NjcgMi41SDEzLjMzMzMiIHN0cm9rZT0iI0I3QjZCOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
}
.settings .settings__radio-yes:hover input:checked ~ .settings__checkmark:after,
.settings__radio-no:hover input:checked ~ .settings__checkmark:after {
  display: block;
}
.settings .settings__radio-yes:hover input:checked .settings__radio p,
.settings__radio-no:hover input:checked .settings__radio p {
  color: #0a123e;
}
.settings .settings__radio-yes input,
.settings__radio-no input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.settings__checkmark {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  height: 15px;
  width: 15px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjUgMTBWMTUuODMzM0MxNy41IDE2LjI3NTQgMTcuMzI0NCAxNi42OTkzIDE3LjAxMTggMTcuMDExOEMxNi42OTkzIDE3LjMyNDQgMTYuMjc1NCAxNy41IDE1LjgzMzMgMTcuNUg0LjE2NjY3QzMuNzI0NjQgMTcuNSAzLjMwMDcyIDE3LjMyNDQgMi45ODgxNiAxNy4wMTE4QzIuNjc1NTkgMTYuNjk5MyAyLjUgMTYuMjc1NCAyLjUgMTUuODMzM1Y0LjE2NjY3QzIuNSAzLjcyNDY0IDIuNjc1NTkgMy4zMDA3MiAyLjk4ODE2IDIuOTg4MTZDMy4zMDA3MiAyLjY3NTU5IDMuNzI0NjQgMi41IDQuMTY2NjcgMi41SDEzLjMzMzMiIHN0cm9rZT0iI0I3QjZCOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) center no-repeat;
  background-size: contain;
}

.tender {
  width: 50%;
  flex: 0 1 80%;
  margin: 0 10px;
}
@media (max-width: 700px) {
  .tender {
    width: auto;
  }
}
.tender .horizontal-slider {
  width: 100%;
  height: 8px;
  margin-top: 5px;
}
.tender .example-thumb {
  background-color: #71808f;
  color: white;
  cursor: pointer;
}
.tender .example-thumb.active {
  background-color: #71808f;
  color: white;
  cursor: pointer;
  border: none;
  outline: none;
}
.tender .example-track {
  position: relative;
  background: #b8c0c7;
}
.tender .example-track.example-track-1 {
  background: #b8c0c7;
}
.tender .horizontal-slider .example-track {
  height: 8px;
}
.tender .horizontal-slider .example-thumb {
  padding: 2px 6px;
  top: -6px;
  margin-left: -10px;
}
.tender .horizontal-slider .example-mark {
  width: 10px;
  height: 10px;
  top: -1px;
  background-color: white;
  border: 1px solid #b8c0c7;
  border-radius: 100%;
}
.tender__control {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}
.tender__control button {
  margin-right: 10px;
}
.tender__control button:last-of-type {
  margin-right: 0;
}
.tender-bets {
  margin-top: 20px;
}
.tender__side__date {
  width: 565px;
  background-color: white;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0px 16px 40px rgba(154, 170, 207, 0.2);
  margin-bottom: 30px;
}
.tender__side__date-top {
  display: flex;
  align-items: center;
}
.tender__side__date-actions {
  display: inline-flex;
  align-items: center;
  margin-left: 20px;
  float: right;
  position: relative;
  top: -22px;
}
.tender__side__slider {
  cursor: pointer;
  background-color: #ffeded;
  border-radius: 9.5px;
  width: 45px;
  height: 22px;
  margin-right: 10px;
}
.tender__side__slider--active .tenders__side__slider-dot {
  margin-left: 22px;
}
.tender__side__slider-dot {
  width: 22px;
  height: 22px;
  background-color: #ff4343;
  border-radius: 100%;
  margin-left: 0;
  transition: margin 0.2s;
}
.tender__side__slider-text {
  font-size: 16px;
  color: rgba(10, 18, 62, 0.7);
  display: flex;
  align-items: center;
}
.tender__side__dots {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.tender__side__dots-item {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #85899f;
  cursor: pointer;
}
.tender__side__dots-item:not(:last-child) {
  margin-right: 8px;
}
.tender__side__dots-item--active {
  background-color: #0a123e;
  position: relative;
}
.tender__side__dots-item--active::after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 100%;
  border: 1px solid #85899f;
  position: absolute;
  top: -2px;
  right: -2px;
}
.tender__side__arrows {
  display: flex;
}
.tender__side__arrows-item {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0a123e;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  cursor: pointer;
}
.tender__side__arrows-item:not(:last-child) {
  margin-right: 10px;
}
.tender__side__arrows-item::before {
  content: '';
  width: 6px;
  height: 10px;
}
.tender__side__arrows-item:first-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
.tender__side__arrows-item:last-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  transform: rotate(180deg);
}
.tender__side__arrows-item--disabled {
  cursor: auto;
  background-color: #e7e8ec;
}
.tender__side__arrows-item--disabled:first-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}
.tender__side__arrows-item--disabled:last-child::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM4NDc3IDEuNTcxMDhMMS4wMzg2MSA0Ljk5OTY1TDQuMzg0NzcgOC40MjgyMiIgc3Ryb2tlPSIjMEExMjNFIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
  transform: rotate(180deg);
}
.tender__side__date-carousel {
  overflow: hidden;
  display: flex;
  margin-top: 20px;
}
.tender__side__date-carousel-item {
  color: #0a123e;
  font-size: 16px;
  font-weight: 500;
  min-width: 100%;
}
.tender-form {
  padding: 26px;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.tender-form__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(0, 190, 101, 0.1);
}
@media (max-width: 945px) {
  .tender-form__header {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.tender-form__type {
  display: flex;
  justify-content: flex-start;
  margin: 20px -10px 20px -10px;
}
@media (max-width: 1100px) {
  .tender-form__type {
    justify-content: center;
  }
}
.tender-form__type button {
  background: rgba(252, 110, 32, 0.1);
  border-radius: 12px;
  padding: 15px 30px;
  font-weight: 500;
  font-size: 16px;
  color: #fc6e20;
  margin: 0 10px;
}
@media (max-width: 1100px) {
  .tender-form__type button {
    width: 100%;
  }
}
.tender-form__type_active {
  background: #fc6e20 !important;
  color: #ffffff !important;
}
.tender-form__type2 {
  display: flex;
  justify-content: flex-end;
  margin: 20px -10px 0px -10px;
}
.tender-form__type2 button {
  background: rgba(0, 190, 101, 0.1);
  border-radius: 12px;
  padding: 15px 30px;
  font-weight: 500;
  font-size: 16px;
  color: #00be65;
  margin: 0 10px;
}
@media (max-width: 1100px) {
  .tender-form__type2 button {
    width: 100%;
  }
}
.tender-form__type2_active {
  background: #00be65 !important;
  color: #ffffff !important;
}
.tender-form__type2_error button {
  border: 1px solid red !important;
}
.tender-form__title {
  color: #00be65;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 35px;
}
@media (max-width: 945px) {
  .tender-form__title {
    margin-top: 20px;
  }
}
.tender-form__title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDZMMTMuNSAxNS41TDguNSAxMC41TDEgMTgiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3IDZIMjNWMTIiIHN0cm9rZT0iIzAwQkU2NSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
}
.tender-form__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.tender-form__row-top {
  align-items: flex-start;
  flex-wrap: nowrap;
}
@media (max-width: 1420px) {
  .tender-form__row-top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.tender-form__col-left {
  flex: 48%;
  margin-right: 20px;
}
@media (max-width: 1420px) {
  .tender-form__col-left {
    margin-right: 0;
    width: 100%;
  }
}
.tender-form__col-right {
  flex: 50%;
}
@media (max-width: 1420px) {
  .tender-form__col-right {
    width: 100%;
  }
}
.tender-form__info {
  margin-top: 30px;
}
.tender-form input::-webkit-outer-spin-button,
.tender-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.tender-form input[type='number'] {
  -moz-appearance: textfield;
}
.tender-form__item {
  flex: 1;
  margin-right: 21px;
  margin-bottom: 29px;
}
@media (max-width: 1250px) {
  .tender-form__item {
    flex: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.tender-form__item:last-of-type {
  margin-right: 0;
}
.tender-form__item-volume {
  width: 100%;
}
.tender-form__item-label {
  padding-left: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #0a123e;
  margin-bottom: 10px;
  white-space: nowrap;
}
.tender-form__item-label input[type='checkbox'] {
  margin-right: 10px;
}
.tender-form__item-value {
  position: relative;
}
.tender-form__item-value input,
.tender-form__item-value textarea {
  width: 100%;
  background: #f9f9fc;
  padding-top: 21px;
  padding-left: 18px;
  padding-bottom: 20px;
  font-size: 16px;
  color: #0a123e;
  border: 1px solid rgba(10, 18, 62, 0.1);
  box-sizing: border-box;
  border-radius: 12px;
  resize: none;
}
.tender-form__item-value input::placeholder,
.tender-form__item-value textarea::placeholder {
  font-size: 16px;
  font-weight: normal;
  color: rgba(10, 18, 62, 0.5);
}
.tender-form__item-value textarea {
  height: 180px;
}
.tender-form__item-value:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
  width: 24px;
  height: 24px;
}
.tender-form__item-country input {
  padding-left: 50px;
}
.tender-form__item-country img {
  position: absolute;
  top: 50%;
  right: 45px;
  transform: translate(0, -50%);
  width: 34px;
  height: 24px;
  border-radius: 4px;
}
.tender-form__item-country:before {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgNlYyMkw4IDE4TDE2IDIyTDIzIDE4VjJMMTYgNkw4IDJMMSA2WiIgc3Ryb2tlPSIjMDBCRTY1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOCAyVjE4IiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNiA2VjIyIiBzdHJva2U9IiMwMEJFNjUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=) center no-repeat;
}
.tender-form__item-country:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 23px;
  border: solid #0a123e;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
}
.tender-form__item_is-safe-possible {
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-left: 10px;
}
.tender-form__category {
  position: relative;
  margin-bottom: 15px;
}
.tender-form__category span {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}
.tender-form__category > div {
  border: 1px solid rgba(10, 18, 62, 0.1);
  border-radius: 12px;
  padding: 20px;
  background: #f9f9fc;
}
.tender-form__category > div > input {
  padding: 0 0 0 10px;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  background: #f9f9fc;
  cursor: pointer;
}
.tender-form__category > div:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgN0w5IDExTDEzIDciIHN0cm9rZT0iIzBBMTIzRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==) center no-repeat;
  width: 24px;
  height: 24px;
}
.tender-form__category_error > div {
  border: 1px solid red !important;
}