/*@mixin fadeIn($opacity) {
	opacity: $opacity;
	transition: opacity 0.25s ease-in;
	-moz-transition: opacity 0.25s ease-in;
	-webkit-transition: opacity 0.25s ease-in;
}

@mixin fadeOut($opacity) {
	opacity: $opacity;
	transition: opacity 0.25s ease-out;
	-moz-transition: opacity 0.25s ease-out;
	-webkit-transition: opacity 0.25s ease-out;
}

@mixin backgroundImageIn() {
	transition: background-image 0.25s ease-out;
	-moz-transition: background-image 0.25s ease-out;
	-webkit-transition: background-image 0.25s ease-out;
}*/
.caption-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media all and (max-width: 1023px) {
    .caption-line {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-top: 30px; } }
  @media all and (max-width: 1023px) and (max-width: 767px) {
    .caption-line {
      padding: 14px 16px 0 16px;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; } }
  .caption-line__caption {
    font-size: 24px;
    font-weight: 700; }
    @media all and (max-width: 767px) {
      .caption-line__caption {
        font-size: 16px;
        max-width: 150px; } }
  .caption-line .total-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 240px; }
    @media all and (max-width: 767px) {
      .caption-line .total-wrapper {
        display: none; } }
    .caption-line .total-wrapper__total-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      line-height: 1.3; }
      .caption-line .total-wrapper__total-block__value {
        color: #84b43c;
        font-size: 24px; }
      .caption-line .total-wrapper__total-block__text {
        color: #79868a;
        font-size: 12px;
        margin-left: 10px;
        width: 50px; }
  .caption-line .tablet-back-btn {
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 56px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid #e4ebec;
    font-size: 14px;
    color: #4d5c62;
    margin-top: 36px; }
    @media all and (max-width: 1023px) {
      .caption-line .tablet-back-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  @media all and (max-width: 1023px) and (max-width: 767px) {
    .caption-line .tablet-back-btn {
      width: 100px;
      height: 34px;
      margin-top: 0; } }
    .caption-line .tablet-back-btn span {
      margin-left: 10px; }
    @media all and (max-width: 767px) {
      .caption-line .tablet-back-btn .text-tablet {
        display: none; } }
    .caption-line .tablet-back-btn .text-mobile {
      display: none;
      line-height: 1; }
      @media all and (max-width: 767px) {
        .caption-line .tablet-back-btn .text-mobile {
          display: inline; } }

.cart-content {
  margin-top: 50px; }
  @media all and (max-width: 1023px) {
    .cart-content {
      margin-top: 20px; } }

.cart-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media all and (max-width: 1023px) {
    .cart-items {
      display: block; } }

.product-items {
  width: 70%;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff; }
  @media all and (max-width: 1023px) {
    .product-items {
      width: 100%; } }

.form-input {
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "OpenSans", sans-serif;
  border-radius: 0;
  border: 1px solid #c0c0c0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  @media all and (max-width: 767px) {
    .form-input {
      width: 100%; } }
  @media all and (max-width: 767px) {
    .form-input:first-child {
      margin-bottom: 12px; } }
  .form-input:focus {
    border: 1px solid #ff8c3f !important; }

.cart__product-add {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 80px; }
  @media all and (max-width: 1023px) {
    .cart__product-add {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  @media all and (max-width: 1023px) and (max-width: 767px) {
    .cart__product-add {
      margin-bottom: 20px; } }
  .cart__product-add:last-child {
    margin-bottom: 0; }
  .cart__product-add .cart__product-photo {
    width: 75px;
    height: 75px;
    padding: 0;
    border: none;
    border-radius: 0;
    margin-right: 30px; }
    @media all and (max-width: 1023px) {
      .cart__product-add .cart__product-photo {
        margin-right: 0; } }
    .cart__product-add .cart__product-photo img {
      width: 100%; }
  .cart__product-add .cart__product-title {
    margin: 0 36px 0 0;
    padding: 0;
    float: none;
    width: 46%; }
    @media all and (max-width: 1023px) {
      .cart__product-add .cart__product-title {
        width: 190px;
        margin-right: 0;
        padding-left: 30px; } }
  @media all and (max-width: 1023px) and (max-width: 767px) {
    .cart__product-add .cart__product-title {
      width: 100%;
      text-align: center;
      padding-left: 0; } }
    .cart__product-add .cart__product-title .cart__product-type {
      display: block;
      margin-bottom: 6px;
      font-size: 12px;
      font-weight: 400;
      color: #6e7c7f; }
    .cart__product-add .cart__product-title .cart__product-name {
      font-size: 16px;
      font-weight: 700; }
      @media all and (max-width: 1023px) {
        .cart__product-add .cart__product-title .cart__product-name {
          font-size: 14px; } }
  .cart__product-add .cart__product-num {
    padding-top: 0; }
    @media all and (max-width: 1023px) {
      .cart__product-add .cart__product-num {
        margin-left: 80px; } }
  @media all and (max-width: 1023px) and (max-width: 767px) {
    .cart__product-add .cart__product-num {
      margin-top: 16px;
      margin-left: 0; } }
    .cart__product-add .cart__product-num span {
      display: block;
      text-align: center;
      color: #6e7c7f;
      font-weight: 400;
      font-size: 12px;
      margin-bottom: 10px; }
  .cart__product-add .cart__product-price {
    padding-top: 33px;
    margin-top: 0;
    margin-left: 38px;
    width: 156px; }
    @media all and (max-width: 767px) {
      .cart__product-add .cart__product-price {
        width: 100%;
        margin-left: 0;
        padding-top: 24px;
        text-align: center; } }
    @media all and (max-width: 767px) {
      .cart__product-add .cart__product-price .price--actual {
        text-align: center; } }
    .cart__product-add .cart__product-price > div {
      text-align: right;
      font-size: 16px; }
    .cart__product-add .cart__product-price .price--disclaimer {
      margin-top: 0; }
  .cart__product-add .number--left {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
    .cart__product-add .number--left .spin-icon {
      width: 16px;
      height: 12px;
      fill: #2c3132;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
  .cart__product-add .number--right {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg); }
    .cart__product-add .number--right .spin-icon {
      width: 16px;
      height: 12px;
      fill: #2c3132;
      -webkit-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
  .cart__product-add .cart__product-delete {
    position: absolute;
    top: 0;
    right: 10px;
    width: 20px;
    height: 20px; }

.cart__order-info {
  position: relative;
  width: 30%;
  padding: 30px 30px 220px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #eceff2; }
  @media all and (max-width: 1023px) {
    .cart__order-info {
      width: 100%; } }
  @media all and (max-width: 1023px) and (max-width: 767px) {
    .cart__order-info {
      padding: 30px 16px 170px 16px; } }
  .cart__order-info .promo-text {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    text-transform: uppercase; }
  .cart__order-info #form-client-phone {
    padding-top: 30px; }
    .cart__order-info #form-client-phone p {
      margin-bottom: 20px; }

.gcard__card .form-control {
  height: 54px; }

.cart__order-buttons {
  margin-top: 40px; }

.cart-order-btn {
  width: 100%;
  height: 55px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
  cursor: pointer;
  background: #fc8a3e;
  -webkit-box-shadow: 0 10px 11.57px 1.43px rgba(255, 140, 63, 0.25);
          box-shadow: 0 10px 11.57px 1.43px rgba(255, 140, 63, 0.25); }

.cart-credit-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  width: 100%;
  height: 55px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
  cursor: pointer;
  background: #84b43c;
  -webkit-box-shadow: 0 8px 25.81px 3.19px rgba(27, 143, 169, 0.27);
          box-shadow: 0 8px 25.81px 3.19px rgba(27, 143, 169, 0.27); }

.cart__order-right {
  position: absolute;
  bottom: 30px;
  left: 30px; }
  @media all and (max-width: 767px) {
    .cart__order-right {
      left: 16px; } }

.cart__order-itog-sum {
  font-size: 28px; }

.cart__order-phone-input {
  width: 100%; }

.order_client_info {
  width: 38%;
  float: left; }
  @media all and (max-width: 1023px) {
    .order_client_info {
      width: 46%; } }
  @media all and (max-width: 1023px) and (max-width: 767px) {
    .order_client_info {
      width: 100%;
      float: none; } }
  .order_client_info h3 {
    font-size: 18px;
    font-weight: 700; }
  .order_client_info .form-input {
    height: 54px;
    width: 100%;
    padding: 6px 12px;
    font-size: 18px; }

@media all and (max-width: 767px) {
  .cartorder {
    padding-left: 16px;
    padding-right: 16px; } }

.cart_order__pay-block {
  padding-top: 40px; }
  @media all and (max-width: 767px) {
    .cart_order__pay-block {
      padding-top: 0; } }
  .cart_order__pay-block h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 24px; }
  .cart_order__pay-block .filter__radio {
    padding: 0;
    margin-bottom: 20px;
    background: none; }
    .cart_order__pay-block .filter__radio .filter__radio-text {
      line-height: 1;
      cursor: pointer; }
      .cart_order__pay-block .filter__radio .filter__radio-text:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #ff8c40;
        background-image: url(/images/icons/correct-symbol.svg);
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1; }
      .cart_order__pay-block .filter__radio .filter__radio-text:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        border: 1px solid #cccccc;
        border-radius: 50%;
        pointer-events: none;
        background-color: #ffffff; }
  .cart_order__pay-block #checkoutform-paymentmethod {
    margin-top: 30px; }

.form-horizontal .form-group {
  margin: 0; }

.control-label {
  margin-bottom: 6px !important; }

#checkoutform-address {
  font-size: 18px; }
  @media all and (max-width: 1023px) {
    #checkoutform-address {
      padding: 18px 12px; } }
  @media all and (max-width: 1023px) and (max-width: 767px) {
    #checkoutform-address {
      padding: 0 12px;
      width: 100%; } }

.cart_order__delivery-block {
  float: right;
  width: 50%;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media all and (max-width: 767px) {
    .cart_order__delivery-block {
      width: 100%;
      float: none;
      padding-left: 0;
      margin-top: 30px;
      margin-bottom: 0; } }
  .cart_order__delivery-block h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 38px; }
    @media all and (max-width: 767px) {
      .cart_order__delivery-block h3 {
        margin-bottom: 24px; } }
  .cart_order__delivery-block .filter__radio {
    padding: 0;
    margin-bottom: 20px;
    background: none; }
    .cart_order__delivery-block .filter__radio .filter__radio-text {
      line-height: 1;
      cursor: pointer; }
      .cart_order__delivery-block .filter__radio .filter__radio-text:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #ff8c40;
        background-image: url(/images/icons/correct-symbol.svg);
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1; }
      .cart_order__delivery-block .filter__radio .filter__radio-text:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        top: 0;
        border: 1px solid #cccccc;
        border-radius: 50%;
        pointer-events: none;
        background-color: #ffffff; }

@media all and (max-width: 767px) {
  .order__cart-delivery-adressblock {
    padding-left: 0; } }

.quick-offer {
  display: block; }

.order__button {
  float: none !important; }

.field-checkoutform-address .form-input {
  width: 94%;
  padding: 0 12px; }

.quick-offer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .quick-offer .offer-check {
    width: 26px;
    height: 26px;
    visibility: hidden;
    cursor: pointer;
    margin: 0 12px 0 0; }
  .quick-offer .fake-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border: 3px solid #ff8c3f;
    border-radius: 50%;
    pointer-events: none;
    background: #ffffff url(/images/icons/select-arrow.png) center no-repeat; }
  @media all and (max-width: 1023px) {
    .quick-offer .filter__cb-text {
      padding-left: 10px; } }

.order-submit {
  width: 368px;
  height: 55px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
  cursor: pointer;
  background: #fc8a3e;
  -webkit-box-shadow: 0 10px 11.57px 1.43px rgba(255, 140, 63, 0.25);
          box-shadow: 0 10px 11.57px 1.43px rgba(255, 140, 63, 0.25);
  margin-top: 20px; }
  @media all and (max-width: 767px) {
    .order-submit {
      width: 100%; } }
  .order-submit:hover {
    background: #d45414;
    -webkit-box-shadow: 0 10px 11.57px 1.43px rgba(213, 84, 20, 0.25);
            box-shadow: 0 10px 11.57px 1.43px rgba(213, 84, 20, 0.25); }

.cart__number--element {
  cursor: pointer; }

/*.cart {
  padding-bottom: 30px;
  @include md {
    padding-top: 20px;
  }
  @include sm {
    padding-top: 0;
    padding-bottom: 0;
  }
  .caption-and-steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 33px;
    @include md{
      display: block;
      margin-bottom: 30px;
      @include sm{
        padding: 30px 16px;
        margin-bottom: 0;
      }
    }
    &__caption {
      font-size: 24px;
      font-weight: 700;
      @include md{
        font-size: 20px;
        @include sm{
          font-size: 18px;
        }
      }
    }
    &__steps-container {
      display: flex;
      align-items: center;
      @include md{
        margin-top: 24px;
        @include sm{
          display: block;
          margin-top: 20px;
        }
      }
      &__step-block {
        @include md{
          margin-left: 0;
          margin-right: 40px;
          padding-left: 54px;
          @include sm{
            justify-content: flex-start;
            height: 34px;
            padding-left: 34px;
          }
        }
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 70px;
        &__step {
          position: absolute;
          left: -34px;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 36px;
          height: 36px;
          border: 1px solid #9ea7ac;
          border-radius: 50%;
          font-size: 18px;
          font-weight: 600;
          line-height: 1;
          box-sizing: border-box;
          @include md{
            left: 0;
            @include sm{
              width: 24px;
              height: 24px;
              font-size: 14px;
            }
          }
        }
        &__text {
          margin-left: 16px;
          font-size: 14px;
          font-weight: 700;
          @include md{
            margin-left: 0;
          }
        }
      }
      .step-active {
        border: 4px solid #84b43c;
        @include sm{
          border: 2px solid #84b43c;
        }
      }
    }
  }
  .cart-finish{
    box-sizing: border-box;
    padding: 90px 124px;
    background-color: #ffffff;
    background-image: url('/images/cart/finish_bg.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    @include lg{
      padding: 50px;
      background-size: 534px;
      @include md{
        background: #ffffff;
        padding: 30px 16px;
      }
    }
    &__content-wrapper{
      max-width: 368px;
      @include md{
        max-width: 100%;
      }
      &__thank-you{
        &__caption{
          font-size: 36px;
          font-weight: 300;
          margin-bottom: 16px;
          @include md{
            font-size: 26px;
            margin-bottom: 8px;
            @include sm{
              font-size: 20px;
            }
          }
        }
        &__text{
          color: #6e7c7f;
          font-size: 14px;
        }
      }
      &__order-wrapper{
        margin-top: 40px;
        margin-bottom: 56px;
        @include md{
          margin-top: 24px;
          margin-bottom: 30px;
        }
        &__caption{
          color: #ff8c3f;
          font-size: 18px;
          font-weight: 700;
          margin-bottom: 20px;
          @include md{
            margin-bottom: 8px;
            @include sm{
              font-size: 16px;
            }
          }
        }
        &__order-number{
          color: #84b43c;
          font-size: 92px;
          line-height: 1;
          @include md{
            font-size: 70px;
            margin-bottom: 0;
            @include sm{
              font-size: 40px;
            }
          }
        }
      }
      &__btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 55px;
        font-size: 14px;
        transition: all 0.3s;
        border: none;
      }
      .go-to-main{
        color: #ffffff;
        font-weight: 700;
        background: #fc8a3e;
        box-shadow: 0 10px 11.57px 1.43px rgba(255, 140, 63, 0.25);
        &:hover{
          background: #d45414;
          box-shadow: 0 10px 11.57px 1.43px rgba(213, 84, 20, 0.25);
        }
      }
      .info-add {
        color: #697581;
        margin-top: 22px;
        background: #eceff2;
        &:hover {
          background: #dfe5ea;
        }
      }
    }

  }
  .main-cart-wrapper {
    display: flex;
    justify-content: space-between;
    @include md {
      display: block;
    }
    label {
      display: block;
      font-size: 12px;
      font-weight: 700;
      margin-bottom: 12px;
    }
    .form-input {
      width: 100%;
      height: 42px;
      outline: none;
      box-sizing: border-box;
      padding: 20px;
      font-size: 12px;
      font-family: "OpenSans", sans-serif;
      @include lg {
        width: 100%;
        margin-bottom: 20px;
      }
      @include sm {
        margin-bottom: 12px;
      }
      &:focus {
        border: 2px solid #ff8c3f;
      }
    }
    .help-block {
      display: none;
      font-size: 12px;
      font-weight: 700;
      color: red;
      margin: 10px 0;
    }
    .policy-wrapper{
      display: flex;
      justify-content: space-between;
      margin: 40px 0 24px 0;
      @include lg{
        margin-top: 10px;
        @include sm{
          display: block;
          justify-content: flex-start;
        }
      }
      .policy-check {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        top: 0;
        left: 0;
        color: #8e9599;
        @include lg{
          width: 272px;
          @include md{
            width: 288px;
          }
          @include sm{
            width: 100%;
          }
        }
        .fake-checkbox {
          position: absolute;
          width: 26px;
          height: 26px;
          border: 3px solid rgb(255, 140, 63);
          border-radius: 50%;
          pointer-events: none;
          background-color: #ffffff;
          background-image: url('/images/icons/select-arrow.png');
          background-repeat: no-repeat;
          background-position: center;
          @include sm {
            width: 23px;
            height: 23px;
            background-position: 4px 8px;
          }
        }
        input {
          width: 26px;
          height: 26px;
          opacity: 0;
          cursor: pointer;
          @include sm {
            width: 23px;
            height: 23px;
          }
        }
        label {
          display: flex;
          align-items: center;
          margin-left: 12px;
          margin-bottom: 0;
          font-size: 12px;
          font-weight: 400;
          @include sm {
            display: inline-block;
            line-height: 1.5;
            margin-left: 6px;
            width: 100%;
            margin-top: -3px;
          }
        }
      }
      span{
        display: flex;
        align-items: center;
        font-size: 12px;
        width: 368px;
        color: #8e9599;
        @include lg{
          width: 272px;
          @include sm{
            width: 100%;
            margin-top: 10px;
          }
        }
      }
    }
    .cart-btn-wrapper {
      display: flex;
      justify-content: space-between;
      @include sm{
        flex-wrap: wrap;
      }
      &__btn {
        width: 368px;
        height: 55px;
        color: #ffffff;
        font-size: 14px;
        font-weight: 700;
        transition: all 0.3s;
        border: none;
        cursor: pointer;
        @include lg{
          width: 272px;
          @include md{
            width: 288px;
            @include sm{
              width: 100%;
            }
          }
        }
      }
      .next-step {
        background: #fc8a3e;
        box-shadow: 0 10px 11.57px 1.43px rgba(255, 140, 63, 0.25);
        @include sm{
          margin-bottom: 16px;
        }
        &:hover {
          background: #d45414;
          box-shadow: 0 10px 11.57px 1.43px rgba(213, 84, 20, 0.25);
        }
      }
      .quick-order {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #84b43c;
        box-shadow: 0 10px 11.57px 1.43px rgba(132, 180, 60, 0.25);
        .rocket-icon {
          width: 21px;
          height: 21px;
          fill: #537d15;
          margin-right: 12px;
        }
        &:hover {
          background: #679127;
          box-shadow: 0 10px 11.57px 1.43px rgba(103, 145, 39, 0.25);
          .rocket {
            fill: #41640c;
          }
        }
      }
    }
    .return-to-buy {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 28px;
      width: 100%;
      height: 55px;
      color: #697581;
      background: #eceff2;
      font-size: 14px;
      transition: all 0.3s;
      @include sm {
        max-width: 100%;
        font-size: 14px;
      }
      &__img {
        margin-right: 20px;
        transition: 0.3s;
        width: 27px;
        height: 12px;
        transform: rotate(180deg);
        fill: #838d98;
      }
      &:hover {
        background: #dfe5ea;
      }
    }
    &__left-section {
      width: 884px;
      background: #ffffff;
      padding: 55px 65px;
      box-sizing: border-box;
      @include lg {
        width: 695px;
        @include md {
          width: 100%;
          padding: 55px 40px;
          @include sm{
            padding: 30px 16px;
          }
        }
      }
      &__products{
        .in-cart-block{
          display: flex;
          align-items: flex-start;
          box-sizing: border-box;
          padding-left: 35px;
          @include lg{
            padding-left: 0;
            @include sm{
              &:last-child{
                margin-top: 20px;
              }
            }
          }
        }
        .in-cart-product{
          position: relative;
          display: flex;
          justify-content: space-between;
          margin-bottom: 80px;
          height: 74px;
          @include lg{
            justify-content: flex-start;
            @include sm{
              display: block;
              height: auto;
              margin-bottom: 50px;
            }
          }
          .product-delete{
            position: absolute;
            left: -30px;
            top: -24px;
            color: #6e7c7f;
            font-size: 12px;
            //opacity: 0;
            transition: all 0.3s;
            @include md{
              left: -12px;
              @include sm{
                left: 0;
              }
            }
          }
          &__text{
            margin-left: 20px;
            max-width: 260px;
            @include lg{
              max-width: 210px;
              @include sm{
                max-width: 100%;
              }
            }
            &__category{
              font-size: 12px;
              color: #6e7c7f;
              margin-bottom: 10px;
            }
            &__name{
              font-size: 16px;
              font-weight: 700;
            }
          }
          &__quantity-block{
            position: relative;
            @include lg{
              margin-left: 38px;
              @include md{
                margin-left: 56px;
                @include sm{
                  margin-left: 25px;
                }
              }
            }
            label{
              color: #6e7c7f;
              font-weight: 400;
            }
            .form-input{
              width: 77px;
              height: 34px;
              padding: 0;
              text-align: center;
              font-size: 14px;
            }
            &__spin-button{
              display: flex;
              justify-content: center;
              align-items: center;
              position: absolute;
              width: 20px;
              height: 20px;
              top: 36px;
              cursor: pointer;
              .spin-icon{
                width: 16px;
                height: 12px;
                fill: #2c3132;
                transition: all 0.2s;
              }
              &:hover{
                .spin-icon{
                  fill: #ff8c3f !important;
                }
              }
            }
            .spin-dec{
              left: -30px;
              transform: rotate(90deg);
            }
            .spin-inc{
              right: -30px;
              transform: rotate(-90deg);
            }
          }
          .price-block {
            position: relative;
            margin-left: 106px;
            @include lg{
              margin-left: 48px;
              @include md{
                margin-left: 61px;
                margin-top: 0;
              }
            }
            span {
              display: block;
            }
            &__text {
              font-size: 12px;
              font-weight: 400;
              margin-bottom: 10px;
              color: #6e7c7f;
              @include sm {
                margin-bottom: 8px;
              }
            }
            &__price-old {
              color: #79868a;
              font-size: 14px;
              text-decoration: line-through;
              margin-bottom: 4px;
              @include sm {
                font-size: 12px;
              }
            }
            &__price-actual {
              font-size: 20px;
              font-weight: 700;
              @include lg{
                font-size: 16px;
              }
            }
          }
        }
      }
      .cart-form {
        &__input-wrapper{
          margin-bottom: 26px;
        }
        .form-quick-wrapper{
          display: flex;
          justify-content: space-between;
          @include sm{
            display: block;
          }
          .cart-form__input-wrapper{
            width: 368px;
            margin-bottom: 0;
            @include lg{
              width: 272px;
              @include md{
                width: 288px;
                @include sm{
                  width: 100%;
                }
              }
            }
          }
        }
        .return-to-buy{
          margin-top: 0;
          width: 368px;
          @include lg{
            width: 272px;
            @include md{
              width: 288px;
              @include sm{
                width: 100%;
              }
            }
          }
        }
      }
      .variant-choice-wrapper {
        position: relative;
        margin-bottom: 44px;
        .choice-frame{
          position: absolute;
          top: 0;
          left: 0;
        }
        .variant-choice {
          display: flex;
          justify-content: space-between;
          box-sizing: border-box;
          padding: 37px;
          box-shadow: 0 10px 24.03px 2.97px rgba(155, 179, 191, 0.25);
          border-radius: 10px;
          margin-bottom: 20px;
          @include lg{
            padding: 24px;
            @include sm{
              display: block;
              padding: 24px 16px;
            }
          }
          &__caption-block {
            display: flex;
            align-items: flex-start;
            @include sm{
              margin-bottom: 10px;
              align-items: center;
            }
            &__caption {
              font-size: 18px;
              font-weight: 700;
              margin-top: 20px;
              margin-left: 12px;
              @include lg{
                font-size: 16px;
                @include sm{
                  margin-top: 0;
                }
              }
            }
          }
          &__text {
            font-size: 14px;
            color: #6e7c7f;
            max-width: 350px;
            margin-right: 83px;
            @include lg{
              margin-right: 0;
              max-width: 326px;
              @include md{
                max-width: 350px;
              }
            }
          }
        }
        .variant-choice-selected{

        }
      }
    }
    &__right-section {
      width: 296px;
      background: #eceff2;
      box-sizing: border-box;
      padding: 55px 40px;
      position: relative;
      @include md {
        width: 100%;
        padding: 70px 40px 50px 40px;
      }
      @include sm {
        padding: 30px 16px 70px 16px;
      }
      .item-sum {
        display: flex;
        justify-content: space-between;
        @include sm{
          justify-content: flex-start;
        }
        &__text {
          font-size: 12px;
          color: #6e7c7f;
          @include sm{
            margin-right: 40px;
          }
        }
        &__sum {
          font-size: 18px;
          font-weight: 700;
        }
      }
      .promo {
        margin: 40px 0;
        @include md{
          margin-bottom: 0;
          @include sm{
            margin-top: 24px;
          }
        }
        .form-input {
          border: none;
          box-shadow: 0 6px 5.34px 0.66px rgba(185, 206, 213, 0.32);
          @include sm{
            margin-bottom: 0;
          }
        }
      }
      .conditions-block {
        &__condition {
          margin-bottom: 16px;
          @include sm{
            margin-bottom: 12px;
          }
          &__caption {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 4px;
          }
          &__text {
            font-size: 12px;
            color: #6e7c7f;
          }
        }
      }
      .price-block {
        position: relative;
        margin-top: 50px;
        @include md{
          margin-top: 30px;
          @include sm{
            margin-top: 20px;
          }
        }
        span {
          display: block;
        }
        &__total {
          font-size: 14px;
          font-weight: 700;
          color: #84b43c;
          margin-bottom: 20px;
          @include sm{
            margin-bottom: 10px;
          }
        }
        &__text {
          font-size: 16px;
          font-weight: 700;
          margin-bottom: 10px;
        }
        &__price-old {
          color: #79868a;
          font-size: 14px;
          text-decoration: line-through;
          margin-bottom: 4px;
        }
        &__price-actual {
          font-size: 30px;
          font-weight: 700;
          @include sm {
            font-size: 24px;
          }
        }
      }
      .more-info {
        margin-top: 16px;
        font-size: 12px;
        color: #6e7c7f;
        @include sm {
          margin-top: 12px;
        }
      }
    }
    .flex-mobile-row {
      @include md {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      }
      @include sm {
        display: block;
      }
    }
    .flex-mobile-col {
      @include md {
        width: 42%;
      }
      @include sm {
        width: 100%;
      }
    }
    .flex-mobile-col-1 {
      @include md {
        padding-left: 40px;
        box-sizing: border-box;
        @include sm {
          margin-top: 24px;
          padding-left: 0;
        }
      }
      .color-block {
        @include md {
          margin-top: 0;
        }
        @include sm {
          margin-top: 30px;
        }
      }
      .nav-block {
        display: none;
        margin: 36px 0 0 0;
        @include md {
          display: flex;
        }
        @include sm {
          display: none;
        }
      }
    }
  }
  .call-me {
    display: none;
    margin-bottom: 100px !important;
    &__wrapper {
      display: flex;
      flex-direction: row-reverse;
      background-color: #ffffff;
      background-image: url('/images/main/call-me_bg.jpg');
      background-position: left bottom;
      background-repeat: no-repeat;
      height: 518px;
      @include md {
        background-image: none;
      }
      @include sm {
        height: auto;
      }
      &__content {
        padding: 86px 0 50px 0;
        margin-right: 160px;
        max-width: 550px;
        @include lg {
          margin-right: 20px;
          max-width: 510px;
          padding: 70px;
        }
        @include md {
          margin-right: 0;
          max-width: 100%
        }
        @include sm {
          padding: 40px 16px;
        }
        &__caption {
          font-size: 30px;
          font-weight: 700;
          margin-bottom: 30px;
          max-width: 500px;
          @include sm {
            font-size: 18px;
            text-align: center;
            margin-bottom: 24px;
            max-width: 100%;
          }
        }
        &__text {
          font-size: 16px;
          color: #7d8a8c;
          @include sm {
            text-align: center;
          }
        }
        &__form {
          margin-top: 50px;
          @include sm {
            margin-top: 24px;
          }
          &__input-wrapper {
            display: flex;
            justify-content: space-between;
            @include sm {
              flex-wrap: wrap;
            }
            .form-input {
              width: 47%;
              height: 40px;
              outline: none;
              box-sizing: border-box;
              padding: 20px;
              font-size: 12px;
              font-family: "OpenSans", sans-serif;
              @include sm {
                width: 100%;
              }
              &:first-child {
                @include sm {
                  margin-bottom: 12px;
                }
              }
              &:focus {
                border: 1px solid rgb(255, 140, 63);
                padding: 21px;
              }
            }
          }
          &__policy-check {
            position: relative;
            top: 0;
            left: 0;
            margin: 30px 0;
            .fake-checkbox {
              position: absolute;
              width: 26px;
              height: 26px;
              border: 3px solid rgb(255, 140, 63);
              border-radius: 50%;
              pointer-events: none;
              background-color: #ffffff;
              background-image: url('/images/icons/select-arrow.png');
              background-repeat: no-repeat;
              background-position: center;
              @include sm {
                width: 23px;
                height: 23px;
                background-position: 4px 8px;
              }
            }
            input {
              width: 26px;
              height: 26px;
              opacity: 0;
              cursor: pointer;
              @include sm {
                width: 23px;
                height: 23px;
              }
            }
            label {
              vertical-align: top;
              line-height: 2;
              margin-left: 10px;
              @include sm {
                display: inline-block;
                font-size: 12px;
                line-height: 1.5;
                margin-left: 6px;
                width: 200px;
                margin-top: -3px;
              }
            }
          }
          &__submit-btn {
            width: 100%;
            height: 50px;
            color: #ffffff;
            font-size: 12px;
            font-weight: 700;
            background: #fc8a3e;
            box-shadow: 0 10px 11.57px 1.43px rgba(255, 140, 63, 0.25);
            transition: all 0.3s;
            border: none;
            &:hover {
              background: #d45414;
              box-shadow: 0 10px 11.57px 1.43px rgba(213, 84, 20, 0.25);
            }
          }
        }
      }
    }
  }
  .why-we {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
    box-sizing: border-box;
    padding: 30px;
    background: #ffffff;
    @include lg {
      display: none;
    }
    &__block {
      display: flex;
      align-items: flex-start;
      &__text-block {
        margin-left: 15px;
        &__caption {
          font-size: 16px;
          margin-bottom: 4px;
          font-weight: 700;
        }
        &__text {
          font-size: 14px;
          line-height: 1.3;
        }
      }
      .plane-img {
        transform: rotateY(180deg);
      }
    }
  }
}

.call-me {
  //padding-bottom: 100px !important;
  &__wrapper {
    display: flex;
    flex-direction: row-reverse;
    background-color: #ffffff;
    background-image: url('/images/main/call-me_bg.jpg');
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 518px;
    @include md {
      background-image: none;
    }
    @include sm {
      height: auto;
    }
    &__content {
      padding: 86px 0 50px 0;
      margin-right: 160px;
      max-width: 550px;
      @include lg {
        margin-right: 20px;
        max-width: 510px;
        padding: 70px;
      }
      @include md {
        margin-right: 0;
        max-width: 100%
      }
      @include sm {
        padding: 40px 16px;
      }
      &__caption {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 30px;
        max-width: 500px;
        @include sm {
          font-size: 18px;
          text-align: center;
          margin-bottom: 24px;
          max-width: 100%;
        }
      }
      &__text {
        font-size: 16px;
        color: #7d8a8c;
        @include sm {
          text-align: center;
        }
      }
      &__form {
        margin-top: 50px;
        @include sm {
          margin-top: 24px;
        }
        &__input-wrapper {
          display: flex;
          justify-content: space-between;
          @include sm {
            flex-wrap: wrap;
          }
          .form-input {
            width: 47%;
            height: 40px;
            outline: none;
            box-sizing: border-box;
            padding: 20px;
            font-size: 12px;
            font-family: "OpenSans", sans-serif;
            @include sm {
              width: 100%;
            }
            &:first-child {
              @include sm {
                margin-bottom: 12px;
              }
            }
            &:focus {
              border: 1px solid rgb(255, 140, 63);
              padding: 21px;
            }
          }
        }
        &__policy-check {
          position: relative;
          top: 0;
          left: 0;
          margin: 30px 0;
          .fake-checkbox {
            position: absolute;
            width: 26px;
            height: 26px;
            border: 3px solid rgb(255, 140, 63);
            border-radius: 50%;
            pointer-events: none;
            background-color: #ffffff;
            background-image: url('/images/icons/select-arrow.png');
            background-repeat: no-repeat;
            background-position: center;
            @include sm {
              width: 23px;
              height: 23px;
              background-position: 4px 8px;
            }
          }
          input {
            width: 26px;
            height: 26px;
            opacity: 0;
            cursor: pointer;
            @include sm {
              width: 23px;
              height: 23px;
            }
          }
          label {
            vertical-align: top;
            line-height: 2;
            margin-left: 10px;
            @include sm {
              display: inline-block;
              font-size: 12px;
              line-height: 1.5;
              margin-left: 6px;
              width: 200px;
              margin-top: -3px;
            }
          }
        }
        &__submit-btn {
          width: 100%;
          height: 50px;
          color: #ffffff;
          font-size: 12px;
          font-weight: 700;
          background: #fc8a3e;
          box-shadow: 0 10px 11.57px 1.43px rgba(255, 140, 63, 0.25);
          transition: all 0.3s;
          border: none;
          &:hover {
            background: #d45414;
            box-shadow: 0 10px 11.57px 1.43px rgba(213, 84, 20, 0.25);
          }
        }
      }
    }
  }
}*/