.info-bonus__banner { margin-bottom: 112px }

.info-bonus .banner-bonus {
        display: block;
        background-color: #f9f9f9;
        padding-top: 65px;
        padding-bottom: 65px;
        text-align: center;
        background-image: url("/new_templates/image/bonus-bg-banner.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }

.info-bonus .banner-bonus__logo {
            display: block;
            width: 353px;
            height: 91px;
            margin: auto;
            margin-bottom: 35px;
            background-image: url("/new_templates/image/bonus-banner-logo-new.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }

.info-bonus .banner-bonus__text {
            display: block;
            max-width: 480px;
            color: #777;
            font-size: 1.9rem;
            line-height: 2.6rem;
            margin: auto;
            margin-bottom: 35px;
        }

.info-bonus .banner-bonus__btn {
            display: flex;
            flex-direction: column;
            width: 351px;
            margin: auto;
            margin-top: 35px;
            text-align: center;
        }
.info-bonus .banner-bonus__btn .btn {
                font-weight: bold;
                font-size: 1.5rem;
                line-height: 4.8rem;
                height: 4.8rem;
                margin-bottom: 18px;
                border-radius: 3rem;
                background-image: none;
                text-transform: none;
            }
.info-bonus .banner-bonus__btn .btn:last-child { margin-bottom: 0 }



.info-bonus__steps {
        list-style: none;
        display: block;
        text-align: center;
        margin-bottom: 118px;
    }

.info-bonus__step {
        padding: 0;
        margin: 0;
        display: inline-block;
        padding-top: 103px;
        margin-right: 120px;
        position: relative;
        color: #000;
        font-size: 1.8rem;
        line-height: 2.5rem;
        max-width: 240px;
        vertical-align: top;
        background-position: center top;
        background-repeat: no-repeat;
    }
.info-bonus__step.card { background-image: url("/new_templates/image/svg/bonus-icon-card.svg") }

.info-bonus__step.bag { background-image: url("/new_templates/image/svg/bonus-icon-bag.svg") }

.info-bonus__step.percent { background-image: url("/new_templates/image/svg/bonus-icon-percent.svg") }

.info-bonus__step:last-child { margin-right: 0 }

.info-bonus__step:not(:last-child)::after {
            content: '';
            display: block;
            height: 11px;
            width: 46px;
            position: absolute;
            top: 32px;
            right: -83px;
            background: url("/new_templates/image/svg/icon_strelka.svg");
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
        }

.info-bonus__privileges { margin-bottom: 121px }

.info-bonus__payment { margin-bottom: 69px }

.info-bonus__payment .table-grey td:last-child, .info-bonus__payment .table-grey th:last-child
{
  text-align: center;
  padding: 0 10px;
  min-width: 150px;
}

.info-bonus h2 {
        font-size: 2.2rem;
        margin-bottom: 12px;
    }
.info-bonus hr {
        height: 0;
        border-top: 1px solid #e2e2e2;
        clear: both;
        margin-bottom: 40px;
    }

.info-bonus .privileges {
        list-style: none;
        display: block;
        padding-bottom: 7px;
        padding-top: 10px;
        background-image: url("/new_templates/image/bonus-bg-privileges.jpg");
        background-position: -10% center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 543px;
        box-sizing: border-box;
    }
.info-bonus .privileges__item {
            display: block;
            width: 380px;
            padding-left: 70px;
            color: #1d1d1b;
            font-size: 1.6rem;
            line-height: 2.3rem;
            margin-left: auto;
            margin-right: 23px;
            margin-top: 48px;
            margin-bottom: 48px;
            background-position: left center;
            background-repeat: no-repeat;
            min-height: 30px;
        }
.info-bonus .privileges__item.icon_money_box { background-image: url("/new_templates/image/bonus-icon_money_box.png") }

.info-bonus .privileges__item.icon_percent { background-image: url("/new_templates/image/bonus-icon_percent.png") }

.info-bonus .privileges__item.icon_cup {
                background-image: url("/new_templates/image/bonus-icon_cup.png");
                background-position: 4px center;
            }

.info-bonus .privileges__item.icon_leaflet {
                background-image: url("/new_templates/image/bonus-icon_leaflet.png");
                background-position: 5px 90%;
            }

.info-bonus .privileges__item.icon_horn {
                background-image: url("/new_templates/image/bonus-icon_horn.png");
                background-position: 7px 2px;
                padding-top: 6px;
                padding-bottom: 7px;
            }

.info-bonus__calculation { margin-bottom: 69px }

.info-bonus .text-content {
        padding-left: 50px;
        padding-right: 236px;
    }
.info-bonus .text-content .strong_text {
            color: #e40138;
            font-size: 20px;
            line-height: 25px;
            font-family: 'HelveticaNeueCyr', sans-serif;
		    font-weight: 900;
		    font-style: normal;
        }

.info-bonus .text-content p {
            margin: 2.3rem 0;
            line-height: 2.3rem;
        }

.info-bonus .text-content ul {
            margin: 2.3rem 0;
            list-style-position: inside;
        }
.info-bonus .text-content ul > li {
                line-height: 2.3rem;
                margin: 0;
                text-indent: 2.3rem;
            }

.info-bonus .bonus_payment {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 53px;
        background-image: url("/new_templates/image/bonus-bg-bonus_payment.jpg");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: auto 100%;
        height: 553px;
        margin-top: -40px;
        box-sizing: border-box;
        padding-top: 80px;
    }
.info-bonus .bonus_payment li {
            display: block;
            width: 300px;
            margin-right: auto;
            margin-left: 46px;
            padding-left: 70px;
            color: #1d1d1b;
            font-size: 1.6rem;
            line-height: 2.3rem;
            margin-top: 48px;
            margin-bottom: 48px;
            min-height: 50px;
            box-sizing: content-box;
        }
.info-bonus .bonus_payment li.icon_pers {
                background-image: url("/new_templates/image/bonus-icon_pers.png");
                background-position: left center;
                background-repeat: no-repeat;
            }

.info-bonus .bonus_payment li.icon_arms {
                background-image: url("/new_templates/image/bonus-icon_arms.png");
                background-position: left center;
                background-repeat: no-repeat;
            }

.info-bonus .bonus_payment li.icon_hourglass {
                background-image: url("/new_templates/image/bonus-icon_hourglass.png");
                background-position: left 80%;
                background-repeat: no-repeat;
                width: 236px;
            }

.info-bonus__block img {
            display: block;
            margin: auto;
            padding-left: 152px;
        }

.info-bonus .table-grey {
        border: none;
        border-collapse: collapse;
        width: 1000px;
        margin: auto;
        margin-bottom: 72px;
    }
.info-bonus .table-grey tbody {
            border-top: 9px solid #eee;
            border-bottom: 9px solid #eee;
        }

.info-bonus .table-grey tr {
            height: 45px;
            border-bottom: 1px solid #eee;
        }

.info-bonus .table-grey th {
            text-align: left;
            color: #000;
            font-size: 1.4rem;
            line-height: 2rem;
            vertical-align: middle;
            padding-left: 30px;
            padding-right: 30px;
            font-family: sans-serif;
		    font-weight: 550;
		    font-style: normal;
        }

.info-bonus .table-grey td {
            text-align: left;
            color: #000;
            font-size: 1.4rem;
            line-height: 2rem;
            vertical-align: middle;
            padding-left: 30px;
            padding-right: 30px;
            font-family: sans-serif;
		    font-weight: 400;
		    font-style: normal;
        }

.info-bonus__bottom_btn {
        display: block;
        text-align: center;
    }

.info-bonus__constraints .table-grey {
            width: 996px;
            min-width: 0;
        }
/* media */
@media (max-width: 1199px) {
    .info-bonus .banner-bonus,
    .info-bonus .privileges,
    .info-bonus .bonus_payment {
      margin-left: -20px;
      margin-right: -20px;
    }

    .info-bonus .banner-bonus {
      padding-top: 38px;
      padding-bottom: 43px;
      margin-bottom: 60px;
    }

    .info-bonus .banner-bonus__text {
      font-size: 1.5rem;
      line-height: 2.2rem;
      margin-bottom: 35px;
      width: 516px;
    }

    .info-bonus .banner-bonus__btn {
          margin-top: 35px;
          width: 216px;
      }
    .info-bonus .banner-bonus__btn .btn {
        font-size: 1.2rem;
        line-height: 3rem;
        height: auto;
        padding: 0;
      }

    .info-bonus__step {
          font-size: 1.3rem;
          line-height: 2rem;
          padding-top: 65px;
          margin-right: 70px;
      }
      .info-bonus__step.card {
        background-size: 71px 45px;
        width: 176px;
      }

      .info-bonus__step.bag { background-size: 42px 49px }

      .info-bonus__step.percent {
        background-size: 39px 42px;
        width: 168px;
      }

      .info-bonus__step:not(:last-child)::after { right: -62px }

    .info-bonus .privileges {
      background-size: 66% auto;
      padding: 0;
      height: auto;
    }

    .info-bonus .privileges__item {
          width: 240px;
          font-size: 1.3rem;
          line-height: 1.8rem;
          margin-right: auto;
          margin-left: 62%;
          margin-top: 28px;
          margin-bottom: 28px;
          padding-left: 40px;
      }
      .info-bonus .privileges__item.icon_money_box { background-size: 30px 33px }

      .info-bonus .privileges__item.icon_percent { background-size: 30px 29px }

      .info-bonus .privileges__item.icon_cup { background-size: 28px 33px }

      .info-bonus .privileges__item.icon_leaflet { background-size: 28px 38px }

      .info-bonus .privileges__item.icon_horn {
        background-size: 28px 25px;
        background-position: 7px 14px;
      }

    .info-bonus hr { margin-bottom: 28px }

    .info-bonus .text-content {
          padding: 0 30px;
          font-size: 1.3rem;
          line-height: 1.77em;
      }
    .info-bonus .text-content .strong_text {
        font-size: 1.6rem;
        line-height: 1;
      }

    .info-bonus .text-content p {
        margin: 1.6rem 0;
        font-size: 1.3rem;
        line-height: 1.77em;
      }

    .info-bonus .text-content ul { margin: 1.6rem 0 }
    .info-bonus .text-content ul > li {
          font-size: 1.3rem;
          line-height: 1.77em;
        }

    .info-bonus__privileges { margin-bottom: 64px }

    .info-bonus .bonus_payment {
          background-size: 71.35% auto;
          background-position: right top;
          margin-top: -28px;
          padding-top: 64px;
          height: 357px;
          margin-bottom: 48px;
      }
    .info-bonus .bonus_payment li {
        font-size: 1.3rem;
        line-height: 1.8rem;
        width: 226px;
        margin-top: 29px;
        margin-bottom: 29px;
        padding-left: 45px;
        min-height: 0;
    }
    .info-bonus .bonus_payment li.icon_pers {
          background-size: 30px 31px;
          width: 214px;
        }

    .info-bonus .bonus_payment li.icon_arms {
          background-size: 30px 26px;
          width: 238px;
        }

    .info-bonus .bonus_payment li.icon_hourglass {
          background-size: 32px 36px;
          width: 182px;
        }

    .info-bonus__payment { margin-bottom: 60px }

    .info-bonus__block img {
        padding: 0;
        width: 387px;
        height: auto;
      }

    .info-bonus .table-grey {
          max-width: 100%;
          width: 100%;
          margin-bottom: 43px;
      }
    .info-bonus .table-grey th {
        font-size: 1.2rem;
        line-height: 1;
        padding: 0 13px;
    }
    .info-bonus .table-grey th:nth-child(1) { width: 35% }

    .info-bonus .table-grey th:nth-child(2) { width: 36% }

    .info-bonus .table-grey td {
        font-size: 1.2rem;
        line-height: 1.6;
        padding: 0 13px;
      }

    .info-bonus .doc_link {
          font-size: 1.2rem;
          line-height: 2.2rem;
      }
    .info-bonus .doc_link::before {
        width: 10px;
        height: 13px;
      }
}

@media (max-width: 767px) {
    .info-bonus .banner-bonus {
      margin-left: -10px;
      margin-right: -10px;
      padding-bottom: 43px;
      margin-bottom: 40px;
    }

    .info-bonus .banner-bonus__logo {
      width: 175px;
      height: 45px;
    }

    .info-bonus .banner-bonus__text {
      width: 100%;
      padding-left: 18px;
      padding-right: 18px;
      text-align: left;
      font-size: 1.7rem;
      line-height: 2.5rem;
    }

    .info-bonus__step {
      display: block;
      padding-top: 82px;
      margin-left: auto;
      margin-right: auto;
  }
    .info-bonus__step:not(:last-child) {
        margin-right: auto;
        margin-bottom: 70px;
    }

    .info-bonus__step:not(:last-child)::after {
          height: 7px;
          width: 32px;
          top: calc(100% + 28px);
          left: 50%;
          transform: translateX(-50%) rotate(90deg);
        }

    .info-bonus__step:last-child { margin-right: auto }

    .info-bonus__step.card { background-size: 95px 60px }

    .info-bonus__step.bag { background-size: 56px 66px }

    .info-bonus__step.percent { background-size: 52px 56px }

    .info-bonus__steps { margin-bottom: 38px }

    .info-bonus h2 {
          font-size: 16px;
          line-height: 1;
          padding-top: 23px;
          padding-bottom: 23px;
          border-top: 1px solid #e2e2e2;
          padding-left: 18px;
          padding-right: 18px;
          margin-bottom: 0;
      }
    .info-bonus h2 + hr { display: none }
    .info-bonus h2 ~ div { padding-top: 20px }

    .info-bonus .privileges {
          padding: 0 23px;
          margin-left: -10px;
          margin-right: -10px;
          height: auto;
          padding-bottom: 248px;
          background-position: -14px 100%;
          background-size: auto 277px;
      }

    .info-bonus .privileges__item {
        margin: 0;
        box-sizing: border-box;
        width: 100%;
        font-size: 13px;
        line-height: 15px;
        padding-left: 48px;
        margin-bottom: 40px;
    }
    .info-bonus .privileges__item.icon_money_box { background-size: 37px 41px }

    .info-bonus .privileges__item.icon_percent { background-size: 36px 36px }

    .info-bonus .privileges__item.icon_cup { background-size: 35px 42px }

    .info-bonus .privileges__item.icon_leaflet {
          background-size: 35px 47px;
          background-position: 4px -12px;
        }

    .info-bonus .privileges__item.icon_horn {
          background-size: 35px 32px;
          background-position: 5px 8px;
        }

    .info-bonus .text-content {
          padding-left: 18px;
          padding-right: 18px;
          line-height: 1.26;
      }
   .info-bonus .text-content .strong_text { font-size: 1.5rem }

    .info-bonus .text-content p {
        margin: 20px 0;
        line-height: 1.26;
    }
    .info-bonus .text-content p:first-child { margin-top: 0 }

    .info-bonus .text-content ul > li {
          margin-bottom: 20px;
          padding-left: 0;
          text-indent: .7rem;
          line-height: 1.26;
        }

    .info-bonus__calculation { margin-bottom: 0 }

    .info-bonus .bonus_payment {
          margin-top: 0;
          padding-left: 21px;
          padding-right: 21px;
          padding-top: 0;
          margin-left: -10px;
          margin-right: -10px;
          height: auto;
          padding-bottom: 333px;
          background-position: 89% bottom;
          background-size: auto 333px;
          margin-bottom: 42px;
      }
    .info-bonus .bonus_payment li {
        margin: 0;
        box-sizing: border-box;
        width: 100%;
        font-size: 12px;
        line-height: 15px;
        padding-left: 50px;
        margin-bottom: 40px;
    }
    .info-bonus .bonus_payment li.icon_pers {
          /*background-size: 70px/2 74px/2;*/
          width: 240px;
        }

    .info-bonus .bonus_payment li.icon_arms {
          background-size: 36px 31px;
          width: 240px;
        }

    .info-bonus .bonus_payment li.icon_hourglass {
          /*background-size: 76px/2 86px/2;*/
          width: 100%;
          width: 240px;
        }

    .info-bonus__block img { padding-left: 0 }

    .info-bonus__constraints { display: none }

    .info-bonus__bottom_btn {
      display: block;
      text-align: center;
      border-top: 1px solid #e2e2e2;
      padding-top: 43px;
    }

    .info-bonus__privileges,
    .info-bonus__payment { margin-bottom: 0 }
}