.container.lk-container {
   margin-top: -10px;
}
.lk-tabs {
	position: relative;
   width: 100%;
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 85px;
}

.lk-tabs__list {
	list-style-type: none;
	padding: 0;
	margin: 0;
   width: 310px;
	display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
	align-items: flex-start;
   flex-direction: column;
   background-color: #ffffff;
   border-right: 1px solid #EBEBEB;
   padding-top: 27px;
}

.lk-tabs__item {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	padding: 15px 55px 15px 40px;
	border: none;
	background-color: #ffffff;
	color: #424242;
	cursor: pointer;
	font-weight: 400;
   font-size: 16px;
   line-height: 22px;
	text-align: left;
	letter-spacing: 0.01em;
	transition: color 0.15s ease-in-out;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.lk-tabs__item:hover {
	color: var(--color-primary);
}
.lk-tabs__item img {
   margin-right: 12px;
}
.lk-tabs__item .lk-tabs__item--img-hover {
	display: none;
}
.lk-tabs__item:hover .lk-tabs__item--img {
	display: none;
}
.lk-tabs__item:hover .lk-tabs__item--img-hover {
	display: block;
}

.lk-tabs__item:hover svg.lk-data line, .lk-tabs__item:hover svg.lk-data rect {
	stroke: var(--color-primary);
}

.lk-tabs__item--active {
	color: var(--color-primary);
	transition: color 0.3s ease-in-out;
	pointer-events: none;
}
.lk-tabs__item.lk-tabs__item--active .lk-tabs__item--img {
	display: none;
}
.lk-tabs__item.lk-tabs__item--active .lk-tabs__item--img-hover {
	display: block;
}
.lk-tabs__content {
	display: none;
	background-color: #ffffff;
   width: calc(100%  - 310px);
}

.lk-tabs__content--active {
	display: block;
}

.lk-content {
	padding: 39px 50px 53px;
	width: 100%;
}
.lk_form .input-label {
   display: block;
}
.lk_form .form__group {
   padding-bottom: 17px;
}
.lk-content__title {
	margin: 0;
	margin-bottom: 34px;
	font-weight: 400;
   font-size: 28px;
   line-height: 36px;
}

.lk-content__descr {
	margin: 0;
	margin-bottom: 59px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}
/*lk order*/
.lk-content .lk-content__form {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   column-gap: 30px;
}
.lk-content__form .form__group-6 {
   width: calc(50% - 15px);
}
.lk-content__form .form__group-3 {
   width: calc(24.5% - 15px);
}
.lk-content__form .form__group-12 {
   width: 100%;
}
.lk_form .base-input, .lk_form .base-textarea {
   background-color: #F5F5F5;
   padding: 11px 17px;
   font-size: 14px;
   line-height: 22px;
}
.lk_form .base-textarea {
   height: 77px;
   resize: none;
}
.lk_form .base-textarea::placeholder{
   font-weight: 400;
   color: #D0D0D0;
}
.lk_form a {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.form__bottom-title p {
   font-weight: 700;
   font-size: 16px;
   line-height: 22px;
   margin-bottom: 18px;
}
.lk_form .btn-change-pass {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   column-gap: 8px;
   text-transform: none;
   font-size: 14px;
   line-height: 20px;
   /* margin-top: 33px; */
   padding: 7px 0;
}
.lk-content .req {
   color: var(--color-primary);
}
.lk-content__form input[type="password"] {
   position: relative;
}
.lk-content__form .view-password {
   position: absolute;
   bottom: 15px;
   right: 0;
   width: 55px;
   height: 45px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
}
.lk_form .base-button {
   padding: 16px 56px 15px;
}
.lk_form .pass-loader span {
   font-size: 14px;
   line-height: 20px;
   color: #C5C5C5;
}
.lk_form .base-button img {
   width: 17px;
   height: 11px;
}
.pass-loader img {
   margin-right: 5px;
}
.lk-content__form .view-password.view-in:before {
   content: '';
   position: absolute;
   /* top: 0; */
   bottom: 22px;
   right: 18px;
   width: 21px;
   height: 1.5px;
   background: #D9D9D9;
   transform: rotate(-35deg);
}
.lk_form__save {
   margin-top: 8px;
   display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          column-gap: 30px;
}
.lk_form__bottom {
   margin-top: 23px;
}
.modal__lk .modal__body {
   max-width: 472px;
}
.modal__lk .modal__body h3 {
   font-weight: 400;
   font-size: 28px;
   line-height: 35px;
   margin-bottom: 28px;
}
.modal__lk .modal__content {
   padding: 33px 36px 43px;
}
.modal__thank .modal__body {
   max-width: 400px;
}
.modal__thank .modal__content {
   padding: 35px 25px;
   min-height: 100px;
   text-align: center;
}
.modal__thank .modal__content p {
   font-size: 19px;
}
.lk_form .base-input:focus, .lk_form .base-textarea:focus {
   border: 1px solid transparent;
}
.lk-accordion {
   border-top: 1px solid #EAEAEA; 
}
.lk-accordion__info {
   -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
   padding: 23px 0 25px;
}
.lk-accordion:last-child{
   border-bottom: 1px solid #EAEAEA; 
}
.lk-accordion__row {
   width: calc(100% - 32px);
   -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
   row-gap: 5px;
}
.lk-accordion__row .table-body__order {
   font-weight: 700;
   font-size: 16px;
   line-height: 22px;
   margin-left: 15px;
   margin-right: 15px;
   width: calc(32% - 30px);
}
.lk-accordion__row .table-body__date,  .lk-accordion__row .table-body__action {
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   white-space: nowrap;
}
.lk-accordion__row .table-body__status {
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
}
.lk-accordion__row .table-body__date, .lk-accordion__row .table-body__status {
   margin-left: 15px;
   margin-right: 15px;
   
}
.lk-accordion__row .table-body__date {
   margin-left: 15px;
   margin-right: 15px;
   width: calc(16.888% - 30px);
}
.lk-accordion__row .table-body__status {
   margin-left: 15px;
   margin-right: 15px;
   width: calc(23% - 30px);
   position: relative;
   padding-left: 16px;
}
.lk-accordion__row .table-body__status::before {
   content: '';
   position: absolute;
   top: 7px;
   left: 0px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
}
.lk-accordion__row .table-body__status.table-body__status--wait::before {
   background-color: rgb(224, 224, 18);
}
.lk-accordion__row .table-body__status.table-body__status--reversed::before {
   background-color: #20B7E9;
}
.lk-accordion__row .table-body__status.table-body__status--ready::before {
   background-color: var(--color-primary);
}
.lk-accordion__row .table-body__status.table-body__status--finish::before {
   background-color: #00b407;
}
.lk-accordion__row .table-body__status.table-body__status--cancellation::before {
   background-color: #ACACAC;
}
.lk-accordion__row .table-body__total {
   font-weight: 700;
   font-size: 14px;
   line-height: 20px;
   margin-left: 15px;
   margin-right: 15px;
   width: calc(15.333% - 30px);
   white-space: nowrap;
}
.lk-accordion__row .table-body__action {
   color: var(--color-primary);
   margin-left: 15px;
   margin-right: 15px;
   width: calc(11.666% - 30px);
    text-align: center;
}
.accordion__control {
   width: 34px;
   height: 34px;
	background-color: transparent;
   margin-left: 53px;
}

.accordion__title {
	font-weight: bold;
	font-size: 1.17em;
}

.accordion__content {
   max-height: 0;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	will-change: max-height;
	transition: all 0.3s ease-out;
	box-sizing: content-box;
}

.open .accordion__content {
   opacity: 1;
	padding: 0 0 32px;
}
.accordion__icon {
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 34px;
   height: 34px;
   background: #F5F5F5;
   border-radius: 50%;
   flex-shrink: 0;
   transition: all 0.3s ease-out;
}
.open .accordion__icon {
	transform: rotate(180deg);
   background: var(--color-primary);
}
.open .accordion__icon svg line {
	stroke: #ffffff;
}
.accordion__control {
	cursor: pointer;
}
.product-order__list {
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
   row-gap: 11px;
}
.product-order__item {
   padding: 18px 34px 18px 20px;
   background: #F6F6F6;
   border-radius: 2px;

}
.product-order__img {
   width: 45px;
   height: 45px;
   padding: 5px;
   background: #FFFFFF;
   margin-right: 23px;
   flex-shrink: 0;
}
.product-order__img img{
   object-fit: contain;
   flex-shrink: 0;
}
.product-order__info {
   width: calc(100% - 67px);
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          column-gap: 30px;
}
.product-order__title {
   font-weight: 600;
   margin-right: auto;
}
.product-order__title, .product-order__count, .product-order__total {
   font-size: 14px;
   line-height: 20px;
}
.product-order__total {
   font-weight: 700;
}
.product-order__count, .product-order__total {
   white-space: nowrap;
}
.delivery-terms__list {
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
   row-gap: 16px;
   font-size: 14px;
   line-height: 20px;
   margin-top: 24px;
}
.delivery-terms__item {
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   column-gap: 16px;
   row-gap: 2px;
}
.delivery-terms__title {
   min-width: 70px;
   font-weight: 700;
}
/* bonus */
.bonus__info {
   display: -ms-flexbox;
   display: flex;
   column-gap: 34px;
}
.bonus__info-img img {
   flex-shrink: 0;
}
.bonus__content p {
   font-weight: 600;
   font-size: 16px;
   line-height: 24px;
   color: #424242;
}
.bonus__content-list {
   margin-top: 22px;
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   flex-direction: column;
   gap: 6px;
}
.bonus__content-list.bonus__content-list--desktop {
   display: flex;
}
.bonus__content-list.bonus__content-list--mobile {
   display: none;
}
.bonus__content-list span {
   font-weight: 600;
   font-size: 24px;
   line-height: 20px;
   color: var(--color-primary);
}
.bonus__content-list p{
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
}
.bonus__decsription {
   padding: 33px 40px;
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   position: relative;
   border-radius: 2px;
   margin-top: 40px;
   margin-bottom: 32px;
}
.bonus__decsription::after {
   content: ''; 
   position: absolute;
   left: 49px;
    top: -32px;
    border: 17px solid transparent;
    border-bottom: 20px solid #F6F6F6;
}
.bonus__decsription ul {
   margin-top: 15px;
}
.bonus__decsription ul li {
   position: relative;
   padding: 6px 0px 6px 25px;
}
.bonus__decsription ul li:before {
   content: "";
   display: inline-block;
   position: absolute;
   transition: all 0.3s ease 0s;
   left: 0;
   top: 8px;
   width: 16px;
   height: 16px;
   background: url(../img/select-check.svg) center / 100% no-repeat;
}
@media (max-width: 1200px) {
   .lk-accordion__row {
      width: 100%;
   }
   .lk-accordion__info {
      align-items: baseline;
      padding: 18px 0 25px;
   }
   .lk-accordion__row .table-body__order {
      width: 100%;
      margin-bottom: 10px;
      order: 1;
   }
   .lk-accordion__row .table-body__date {
      order: 2;
   }
   .lk-accordion__row .table-body__total {
      order: 3;
   }
   .lk-accordion__row .table-body__status {
      order: 4;
   }
   .lk-accordion__row .table-body__action {
      order: 5;
   }
   .lk-accordion__row .table-body__date, .lk-accordion__row .table-body__status, .lk-accordion__row .table-body__total, .lk-accordion__row .table-body__action {
      width: calc(50% - 30px);
   }
   .lk-accordion__row .table-body__action {
      text-align: left;
   }
}
@media (max-width: 1080px) {

   .lk-tabs {
      position: relative;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      margin-bottom: 55px;
   }
   .lk-tabs__item {
      padding: 15px 50px;
   }
   .lk-tabs__list, .lk-tabs__content {
      width: 100%;
   }
   .lk-tabs__list {
      border-bottom: 1px solid #EBEBEB;
      border-right: 0;
      padding-top: 0;
   }
   
}
@media (max-width: 768px) {
   .lk-tabs__item {
      padding: 15px 30px;
   }
   .lk-content {
      padding: 20px 30px;
   }
   .lk-content__title {
      margin-bottom: 16px;
      font-size: 24px;
      line-height: 36px;
   }
   .lk_form .form__group {
      padding-bottom: 14.5px;
   }

   .lk-accordion__row.table-row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: inherit;
      -ms-flex-direction: inherit;
      flex-direction: inherit;
   }
   .lk-accordion__info {
      padding: 15px 0 25px;
   }
   .lk-content__form .form__group-6 {
      width: 100%;
   }
   .lk-content__form .form__group-3 {
      width: calc(50% - 15px);
   }
   .lk_form .base-textarea {
      height: 94px;
   }
   .bonus__info-img img {
      max-width: 106px;
   }
   .lk-accordion__row .table-body__date, .lk-accordion__row .table-body__status, .lk-accordion__row .table-body__total, .lk-accordion__row .table-body__action {
      width: calc(50% - 30px);
   }

   .accordion__control {
      margin-left: 10px;
   }
   .product-order__list {
      row-gap: 10px;
   }
   .product-order__item {
      padding: 12px 11px 14px;
   }
   .product-order__img {
      margin-right: 13px;
   }
   .delivery-terms__item {
      flex-direction: column;
   }
   .product-order__info {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      row-gap: 10px;
   }
   .product-order__title {
      width: 100%;
   }
   .accordion__icon {
      margin-top: -2px;
   }
   .bonus__info {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   .bonus__content {
      width: calc(100% - 136px);
   }
   .bonus__content-list.bonus__content-list--desktop {
      display: none;
   }
   .bonus__content-list.bonus__content-list--mobile {
      margin-top: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 3px;
   }
   .bonus__decsription {
      padding: 25px 30px;
   }
   .bonus__decsription::after {
      left: 20px;
   }
   .bonus__decsription ul {
      margin-top: 9px;
   }
   .modal__lk .modal__body, .modal__thank .modal__body {
      margin: auto;
      height: auto;
   }

   .lk_form .btn-change-pass {
      margin-top: 15px;
   }
   .form__group.group-name {
      order: 1;
   }
   .form__group.group-phone {
      order: 3;
   }
   .form__group.group-surname {
      order: 2;
   }
   .form__group.group-email {
      order: 4;
   }
   .form__group.group-pass {
      order: 5;
   }
   .form__group.group-reset {
      order: 6;
   }
}
@media (max-width: 576px) {
   .lk-tabs__item {
      padding: 15px 20px;
   }
   .lk-accordion__row .table-body__date, .lk-accordion__row .table-body__status  {
      width: calc(60% - 30px);
   }
   .lk-accordion__row .table-body__total, .lk-accordion__row .table-body__action {
      width: calc(40% - 30px);
   }
   .lk-content {
      padding: 19px 20px 33px;
   }
   .lk-tabs {
     margin-bottom: 36px;
   }
   .lk_form .btn-change-pass {
      margin-top: -5px;
   }
   .bonus__info {
      column-gap: 20px;
      -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
   }
   .bonus__decsription {
      margin-bottom: 4px;
   }
   .lk_form__bottom {
      margin-top: 10px;
   }
   .form__bottom-title p {
      margin-bottom: 15px;
   }
   .bonus__decsription {
      padding: 17px 21px;
   }
   .bonus__decsription::after {
      left: 10px;
   }
   .lk_form__save {
      flex-direction: column;
      gap: 20px;
   }
   .modal__lk .modal__content {
      padding: 25px 20px 35px;
   }
   .modal__lk .modal__content h3 {
      font-size: 25px;
      line-height: 1.2;
      margin-bottom: 25px;
   }
   .modal__thank .modal__content {
      padding: 30px 15px;
   }
   .modal__thank .modal__content p {
      font-size: 17px;
   }
   .lk-content__form .form__group-3 {
      width: calc(50% - 8px);
   }
   .lk-content .lk-content__form {
      column-gap: 16px;
   }
   .lk_form .base-button {
      width: 100%;
   }
}

/*bonuses  + stock */
.bonuses-banner {
   margin-bottom: 47px;
}
.bonuses-banner__row {
   background: radial-gradient(53.21% 53.21% at 50% 46.79%, #FFFFFF 0%, #DDE6EE 100%);
   border-radius: 2px;
   min-height: 398px;
   position: relative;
   overflow: hidden;
   display: flex;
}
 
.bonuses-banner__flex {
   position: relative;
   width: 100%;
   display: flex;
   column-gap: 62px;
   align-items: center;
   padding: 30px 104px;
   z-index: 2;
}
 
.bonuses-banner__flex .bonus-img {
   width: 39%;
   position: relative;
   height: 100%;
}
.bonuses-banner__flex .bonus-img div {
   position: absolute;
   width: 662px;
   height: 372px;
   top: 0;
   right: 0;
   min-height: 217px;
}
.bonuses-banner__flex .bonus-img img {
   display: block;
   width: 100%;
   height: 100%;
   /* object-fit: cover; */
   object-fit: contain;
   flex-shrink: 0;
}
.bonuses-banner__flex .bonus-content {
   width: calc(61% - 62px);
}
.bonus-content span {
   display: block;
   font-weight: 700;
   font-size: 12px;
   line-height: 18px;
   margin-bottom: 7px;
}
.bonus-content h2, .bonus-content__title {
   font-weight: 400;
   font-size: 28px;
   line-height: 38px;
   color: var(--color-primary);
   margin-bottom: 23px;
   max-width: 400px;
}
 
.bonus-content h2 span, .bonus-content__title span {
   display: inline-block;
   font-weight: 600;
   font-size: 48px;
   line-height: 38px;
   margin-top: -10px;
   margin-bottom: 0;
}
 
.bonus-content p {
   font-size: 16px;
   line-height: 26px;
   max-width: 520px;
}
 
.bonuses-banner__row .precent {
   position: absolute;
   width: 268px;
   height: 268px;
   top: -29px;
   right: -21px;
   z-index: 1;
}
 
.bonuses__questions {
   margin-bottom: 90px;
}
.bonuses__accordion {
   border-top: 1px solid #EAEAEA;
}
.bonuses__accordion:last-child{
   border-bottom: 1px solid #EAEAEA;
}
 
.bonuses__accordion .accordion__title {
   padding-top: 25px;
   align-items: center;
   justify-content: flex-start;
   padding-bottom: 24px;
   cursor: pointer;
}
 
.bonuses__accordion .accordion__button {
   margin-left: 0;
   margin-right: 30px;
   color: var(--color-primary);
   background-color: #F5F5F5;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bonuses__accordion .accordion__title.opened .accordion__button {
   color: white;
   background-color: var(--color-primary);
}
.bonuses__accordion .accordion__title.opened .accordion__button svg {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}
.bonuses__accordion .accordion__body {
   padding-left: 65px;
   margin-top: 0;
   padding-bottom: 37px;
}
.bonuses__accordion .accordion__body {
   line-height: 1.5;
}
.bonuses__accordion .accordion__body p:not(:last-child){
   margin-bottom: 10px;
}
.bonuses__accordion .accordion__body span {
   display: block;
   font-weight: 700;
}
.bonuses__accordion .accordion__body .note, .pay-delivery .note {
   color: #808080;
   padding: 21px 30px 27px;
   background: #F6F6F6;
   border-radius: 2px;
   margin-top: 28px;
   position: relative;
   font-size: 16px;
   line-height: 24px;
}
.pay-delivery .note p:not(:last-child) {
   margin-bottom: 10px;
}
.pay-delivery .note span {
   font-weight: 700;
}
.bonuses__accordion .accordion__body .note::after, .pay-delivery .note::after {
   content: ''; 
   position: absolute;
   left: 20px; top: -32px;
   border: 20px solid transparent; border-bottom: 20px solid #F6F6F6;
}
.bonuses__list {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   border-radius: 1px;
   column-gap: 18px;
   row-gap: 20px;
   counter-reset: item;
   margin-bottom: 75px;
}
 
.bonuses__item {
   display: flex;
   flex-direction: column;
   padding: 30px 35px 42px;
   border: 1px solid #EAEAEA;
   border-radius: 2px;
   position: relative;
}
 
.bonuses__item h3 {
   font-weight: 600;
   font-size: 22px;
   line-height: 1.27;
   margin-bottom: 14px;
}
 
.bonuses__item img {
   display: block;
   width: auto;
   height: 101px;
   max-width: 133px;
   object-fit: contain;
   margin-bottom: 13px;
}
 
.bonuses__item p {
   font-size: 16px;
   line-height: 1.5;
}
.bonuses__item p > span{
   font-weight: 600;
}
 
.bonuses__item:before {
   display: block;
   counter-increment: item;
   content: "0" counter(item);
   align-self: flex-end;
   margin-left: auto;
   font-weight: 600;
   font-size: 16px;
   line-height: 1.5;
   color: var(--color-primary);
   margin-bottom: 3px;
}
.bonuses__accordion .accordion__body .btn-default {
   color: var(--color-primary);
}
.note-demo {
   display: flex;
   align-items: center;
   gap: 12px 23px;
   padding-top: 12px;
   padding-bottom: 7px;
}
.note-demo img {
   width: 117px;
   height: 72px;
}
.note-demo p {
   font-size: 22px;
   line-height: 36px;
   color: var(--color-primary);
   margin-top: 5px;
}
ul.check-list {
   padding-top: 15px;
   padding-left: 26px;
}
ul.check-list.grid-list {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   row-gap: 3px;
   column-gap: 48px;
}
ul.check-list li {
   color: #424242;
   position: relative;
   margin-bottom: 10px; 
}
ul.check-list li:last-child {
   margin-bottom: 0; 
}
ul.check-list li:before {
   position: absolute;
   display: block;
   opacity: 1;
   content: '';
   top: 1.5px;
   left: -26px;
   right: auto;
   width: 16px;
   height: 15px;
   background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeDE9IjEuNDE0MjEiIHkxPSI5Ljc2MzM2IiB4Mj0iNi4xOTE3OSIgeTI9IjE0LjUyNTYiIHN0cm9rZT0iIzAwMzI3RCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPGxpbmUgeDE9IjE0LjUyNzMiIHkxPSI2LjE3Nzg5IiB4Mj0iNi40MTIyOCIgeTI9IjE0LjI5MyIgc3Ryb2tlPSIjMDAzMjdEIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
   background-repeat: no-repeat;
   background-position: center;
   fill: var(--color-secondary);
}

ol.check-list {
   padding-top: 10px;
   padding-left: 33px;
   counter-reset: num;
}
ol.check-list li {
   color: #424242;
   position: relative;
   margin-bottom: 10px; 
}
ol.check-list li:last-child {
   margin-bottom: 0; 
}
ol.check-list li:before {
   display: block;
   position: absolute;
   counter-increment: num;
   content: "0" counter(num);
   top: 0;
   left: -33px;
   margin-left: auto;
   font-weight: 600;
   font-size: 16px;
   line-height: 1.4;
   color: var(--color-primary);
}
.info-page div:last-child {
   margin-bottom: 60px;
}
.info-page .btn-reset {
   color: #424242;
}

.stepper__btn--disabled {
	pointer-events: none;
}
span.actions__input {
   display: flex;
   align-items: center;
   justify-content: center;
}
.stock-detail {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: flex-start;
   -ms-flex-align: flex-start;
   align-items: flex-start;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   justify-content: space-between;
   column-gap: 30px;
}
.stock__badge {
   max-width: 100%;
   color: #ffffff;
   font-size: 14px;
   line-height: 22px;
   padding: 7px 13px 9px;
   background: var(--color-primary);
   border-radius: 2px;
   margin-top: 6px;
}
.stock-detail .posts__date {
   margin-top: 13px;
}
.stock-banner {
   padding-bottom: 70px;
}
.stock-banner__row {
   border-radius: 2px;
   min-height: 425px;
   position: relative;
   overflow: hidden;
   margin-bottom: 40px;
   background-position: 50% 0;
   background-repeat: no-repeat;
   background-size: cover;
}
 
.stock-banner__flex {
   position: relative;
   width: 100%;
   z-index: 1;
}
 
.stock-banner__flex img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   flex-shrink: 0;
}

.stock-banner .stock-content {
   width: 40%;
   position: absolute;
   top: 30%;
   left: 55%;
   z-index: 2;
}

.stock-banner.news-banner .stock-content {
   width: 31%;
   position: absolute;
   top: 22.5%;
   left: 5%;
   z-index: 2;
}

.stock-content span {
   display: block;
   font-weight: 700;
   font-size: 12px;
   line-height: 18px;
   margin-bottom: 5px;
}

.stock-content h2, .stock-content__title {
   font-weight: 400;
   font-size: 36px;
   line-height: 38px;
   color: var(--color-primary);
   margin-bottom: 8px;
}
.news-banner .stock-content span {
   margin-bottom: 10px;
}
.news-banner .stock-content h2, .news-banner .stock-content__title{
   margin-bottom: 17px;
}
.stock-content h2 span, .stock-content__title span {
   display: inline-block;
   font-weight: 600;
   font-size: 40px;
   line-height: 38px;
   margin-top: -10px;
   margin-bottom: 0;
}
 
.stock-content p {
   font-size: 16px;
   line-height: 1.5;
}
.stock-descript p {
   font-size: 16px;
   line-height: 1.5;
}
.stock-descript p:not(:last-child) {
   margin-bottom: 20px;
}
.stock-descript span {
   font-weight: 700;
   font-size: 18px;
}
.stock-descript ul.check-list li {
   margin-bottom: 16px;
}
.stock-descript ul:not(:last-child) {
   margin-bottom: 20px;
}
.stock-descript a {
   color: var(--color-primary);
}


@media (max-width: 1200px) {
   .bonuses-banner__flex {
     column-gap: 25px;
     padding: 30px 60px;
   }
   .bonuses-banner__flex .bonus-img {
     width: 42%;
   }
   .bonuses-banner__flex .bonus-content {
     width: calc(58% - 25px);
   }
  
}

 
@media (max-width: 1080px) {
   .bonuses__item  {
     padding: 26px 29px 32px 21px;
   }
}
 
@media (max-width: 992px) {
   .bonuses-banner__flex {
     flex-direction: column;
     align-items: flex-start;
   }
   .bonuses-banner__flex .bonus-img {
     width: 100%;
   }
   .bonuses-banner__flex .bonus-img div {
      position: inherit;
      width: inherit;
      height: inherit;
      max-height: 372px;
   }
   .bonuses-banner__flex .bonus-content {
     width: 99%;
   }
   .bonus-content h2, .bonus-content__title, .bonus-content p {
     max-width: 600px;
   }
   .bonuses-banner__row .precent {
      top: -6px;
      right: -36px;
      width: 200px;
      height: 195px;
   }

   .stock-content h2, .stock-content__title, .stock-content p {
      max-width: 600px;
   }
   ul.check-list.grid-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      column-gap: 30px;
   }
   .stock-detail .stock__badge, .stock-detail .posts__date {
      display: none;
   }
   .stock-banner__row {
      min-height: 385px;
      background-position: 52% 0;
   }
   .stock-banner.news-banner .stock-banner__row {
      background-position: 37% 0;
   }
   .stock-banner.news-banner .stock-content {
      width: 40%;
      top: 15%;
   }
}
@media (max-width: 820px) {
   .bonuses__list {
      grid-template-columns: 1fr;
   }
}
@media (max-width: 767.9px) {
   .bonuses-banner__flex {
     padding: 34px 20px;
   }
   .bonuses-banner__row .precent {
      width: 145px;
      height: 136px;
   }
   .bonuses-banner {
     margin-bottom: 43px;
   }
   .bonus-content h2, .bonus-content__title {
     font-size: 20px;
     line-height: 28px;
     margin-bottom: 16px;
   }
   .bonus-content span {
      margin-bottom: 12px;
   }
   .bonus-content h2 span, .bonus-content__title span {
     font-size: 36px;
     line-height: 38px;
     margin-top: -1px;
   }
   .bonuses__questions {
     margin-bottom: 37px;
   }
   .bonuses__questions h2 {
     font-size: 28px;
     line-height: 40px;
     margin-bottom: 25px;
   }
   .bonuses__list {
     margin-bottom: 60px;
   }
   .bonuses__item  {
     padding: 32px 21px;
   }
   .bonuses__item h3 {
     margin-bottom: 12px;
   }
   .bonuses__item img {
     margin-bottom: 19px;
   }
   .bonuses__item:before {
     position: absolute;
     top: 25px;
     right: 29px;
   }
   .bonuses__accordion .accordion__title {
     padding-top: 19px;
     align-items: flex-start;
     font-size: 18px;
     line-height: 28px;
     padding-bottom: 26px;
   }
   .bonuses__accordion .accordion__button {
      margin-right: 15px;
   }
   .bonuses__accordion .accordion__body {
      padding-left: 49px;
   }
   .bonuses__accordion .accordion__body .note, .pay-delivery .note {
      padding: 22px 20px 26px;
      margin-top: 23px;
   }
   .stock-banner__row {
      min-height: 336px;
   }
   .stock-banner .stock-content {
      width: 53%;
      left: 44%;
      top: 25%;
   }
   .stock-banner.news-banner .stock-content {
      width: 31%;
      position: absolute;
      top: 15%;
      left: 5%;
      z-index: 2;
   }
   .news-banner .stock-content span {
      margin-bottom: 5px;
   }
   .news-banner .stock-content h2, .news-banner .stock-content__title{
      margin-bottom: 5px;
   }
   .stock-content h2, .stock-content h2 span, .stock-content__title span  {
      font-size: 26px;
      line-height: 1.15;
   }
   .note-demo {
      flex-direction: column;
      align-items: flex-start;
      padding-top: 10px;
      padding-bottom: 0px;
   }
   .note-demo img {
      width: 86px;
      height: 51px;
   }
   .note-demo p {
      font-size: 18px;
      line-height: 30px;
      margin-top: 0px;
   }
   ul.check-list.grid-list {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 25px;
   }
}
@media (max-width: 568px) {

   ul.check-list.grid-list {
      grid-template-columns: 1fr;
   }
   .stock-banner .stock-content {
      width: 55%;
      left: 38%;
      top: 13%;
   }
   .stock-banner.news-banner .stock-banner__row {
      background-position: 28% 0;
   }
   .stock-banner .stock-content {
      width: 55%;
      left: 38%;
      top: 13%;
   }
   .stock-banner.news-banner .stock-content {
      width: 51%;
      position: absolute;
      top: 8.3%;
      left: 27px;
      z-index: 2;
   }
}
@media (max-width: 420px) {
   .bonuses-banner__flex {
      padding: 15px 20px 34px;
   }
   .bonuses-banner__flex .bonus-img div {
      position: inherit;
      width: 382px;
      height: 217px;
      top: -5px;
      right: 33%;
      min-height: 217px;
   }
   .bonus-content p {
      line-height: 24px;
   }
   
}

.modal-cancel .modal__body {
    max-width: 452px;
}

.modal__form--row {
    display: flex;
    -ms-flex-wrap: wrap;
   flex-wrap: wrap;
    justify-content: space-between;
}
.modal__form--row .form__group {
    width: 100%;
}

.form__group .base-button {
    width: 100%;
}

@media (min-width: 768px) {
    .modal__form--row .form__group-6 {
        width: calc(50% - 10px);
    }
}

@media (max-width: 768px) {
    .modal-cancel .modal__body {
        max-width: calc(100% - 38px);
    }
}