/* Start:/local/templates/aspro_next/components/luxar/super/referal_program/style.css?16458677366773*/
.refprorgamm {
  font-size: 18px;
  line-height: 1.3em; }
  @media screen and (max-width: 999px) {
    .refprorgamm {
      font-size: 14px;
      line-height: 1.3em; } }
  @media screen and (max-width: 749px) {
    .refprorgamm {
      font-size: 15px;
      line-height: 1.4em; } }
  .refprorgamm p {
    margin-bottom: 20px; }
  .refprorgamm i {
    color: #FF3182;
    font-style: normal; }
  .refprorgamm__utp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    @media screen and (max-width: 999px) {
      .refprorgamm__utp {
        justify-content: space-between; } }
    .refprorgamm__utp_title {
      text-align: center;
      padding: 30px 0 40px;
      font-size: 24px;
      font-weight: 400;
      line-height: 28px; }
      @media screen and (max-width: 749px) {
        .refprorgamm__utp_title {
          font-size: 18px;
          line-height: 1.3em; } }
    .refprorgamm__utp_item {
      position: relative;
      box-sizing: border-box;
      width: 400px;
      text-align: center;
      margin-bottom: 77px; }
      @media screen and (max-width: 999px) {
        .refprorgamm__utp_item {
          width: calc(50% - 40px); } }
      @media screen and (max-width: 749px) {
        .refprorgamm__utp_item {
          width: 100%; } }
      .refprorgamm__utp_item:nth-child(1) {
        order: 1; }
      .refprorgamm__utp_item:nth-child(2) {
        order: 2; }
      .refprorgamm__utp_item:nth-child(3) {
        order: 4; }
        @media screen and (max-width: 749px) {
          .refprorgamm__utp_item:nth-child(3) {
            order: 3; } }
      .refprorgamm__utp_item:nth-child(4) {
        order: 3; }
        @media screen and (max-width: 749px) {
          .refprorgamm__utp_item:nth-child(4) {
            order: 4; } }
      .refprorgamm__utp_item_icon {
        margin-bottom: 20px; }
        .refprorgamm__utp_item_icon img {
          transition: all .4s ease-in-out;
          max-width: 100%; }
      .refprorgamm__utp_item:hover .refprorgamm__utp_item_icon img {
        transform: scale3d(1.1, 1.1, 1.1); }
      .refprorgamm__utp_item_name {
        font-size: 26px;
        font-weight: 700;
        line-height: 28px;
        color: #FF3182;
        margin-bottom: 15px; }
        @media screen and (max-width: 999px) {
          .refprorgamm__utp_item_name {
            font-size: 20px;
            line-height: 22px; } }
      .refprorgamm__utp_item_arrow {
        position: absolute;
        height: 0;
        border: 2px dashed #FF3182; }
        .refprorgamm__utp_item_arrow:before, .refprorgamm__utp_item_arrow:after {
          content: '';
          display: block;
          height: 3px;
          width: 15px;
          background-color: #FF3182;
          position: absolute;
          transform: rotate(45deg);
          border-radius: 3px; }
        .refprorgamm__utp_item_arrow:after {
          transform: rotate(-45deg); }
        .refprorgamm__utp_item_arrow.arrow_1 {
          width: 160px;
          right: -160px;
          top: 114px; }
          @media screen and (max-width: 999px) {
            .refprorgamm__utp_item_arrow.arrow_1 {
              width: 48px;
              right: -48px; } }
          .refprorgamm__utp_item_arrow.arrow_1:before, .refprorgamm__utp_item_arrow.arrow_1:after {
            right: -11px;
            top: -6px; }
          .refprorgamm__utp_item_arrow.arrow_1:after {
            top: 3px; }
        .refprorgamm__utp_item_arrow.arrow_2 {
          width: 48px;
          top: 109%;
          left: calc(50% - 31px);
          transform: rotate(90deg); }
          .refprorgamm__utp_item_arrow.arrow_2:before, .refprorgamm__utp_item_arrow.arrow_2:after {
            right: -11px;
            top: -6px; }
          .refprorgamm__utp_item_arrow.arrow_2:after {
            top: 3px; }
        .refprorgamm__utp_item_arrow.arrow_3 {
          width: 160px;
          left: -160px;
          top: 114px;
          transform: rotate(180deg); }
          @media screen and (max-width: 999px) {
            .refprorgamm__utp_item_arrow.arrow_3 {
              width: 48px;
              left: -48px; } }
          .refprorgamm__utp_item_arrow.arrow_3:before, .refprorgamm__utp_item_arrow.arrow_3:after {
            right: -11px;
            top: -6px; }
          .refprorgamm__utp_item_arrow.arrow_3:after {
            top: 3px; }
        @media screen and (max-width: 749px) {
          .refprorgamm__utp_item_arrow.arrow_1, .refprorgamm__utp_item_arrow.arrow_2, .refprorgamm__utp_item_arrow.arrow_3 {
            width: 48px;
            top: 109%;
            left: calc(50% - 31px);
            transform: rotate(90deg); }
            .refprorgamm__utp_item_arrow.arrow_1:before, .refprorgamm__utp_item_arrow.arrow_1:after, .refprorgamm__utp_item_arrow.arrow_2:before, .refprorgamm__utp_item_arrow.arrow_2:after, .refprorgamm__utp_item_arrow.arrow_3:before, .refprorgamm__utp_item_arrow.arrow_3:after {
              right: -11px;
              top: -6px; }
            .refprorgamm__utp_item_arrow.arrow_1:after, .refprorgamm__utp_item_arrow.arrow_2:after, .refprorgamm__utp_item_arrow.arrow_3:after {
              top: 3px; } }
  .refprorgamm__slogan {
    background: #FE7CA8;
    text-align: center;
    padding: 10px;
    font-size: 26px;
    font-weight: 700;
    line-height: 28px;
    color: #fff;
    margin-bottom: 40px; }
    @media screen and (max-width: 999px) {
      .refprorgamm__slogan {
        margin-left: -30px;
        margin-right: -30px; } }
    @media screen and (max-width: 749px) {
      .refprorgamm__slogan {
        margin-left: -15px;
        margin-right: -15px;
        font-size: 18px;
        line-height: 1.3em; } }
  .refprorgamm__text h3 {
    color: #555555;
    font-size: 24px; }
  .refprorgamm__text .vygoda__item {
    display: flex;
    align-items: center;
    margin-bottom: 40px; }
    @media screen and (max-width: 749px) {
      .refprorgamm__text .vygoda__item {
        flex-wrap: wrap; } }
    .refprorgamm__text .vygoda__item .value {
      min-width: 120px;
      color: #FE7CA8;
      font-weight: 700;
      font-size: 30px;
      line-height: 1em; }
      @media screen and (max-width: 749px) {
        .refprorgamm__text .vygoda__item .value {
          width: 100%;
          margin-bottom: 10px; } }
      .refprorgamm__text .vygoda__item .value div {
        font-size: 18px; }
        @media screen and (max-width: 749px) {
          .refprorgamm__text .vygoda__item .value div {
            display: inline-block;
            font-size: 30px; } }

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/aspro_next/components/luxar/super/referal_program/style.css?16458677366773 */