#points {
  margin: 0 auto;
  max-width: 1280px;
  padding-top: 72px; }
  #points .points-container {
    text-align: center; }
    #points .points-container .points {
      font-family: Avenir;
      font-size: 64px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 2.5px;
      text-align: center;
      color: #f90b87;
      margin-top: 0px;
      margin-bottom: 0px; }
    #points .points-container .unit {
      font-family: Avenir;
      font-size: 24px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.9px;
      text-align: center;
      color: #f90b87;
      margin-top: 0px;
      margin-bottom: 13px; }
    #points .points-container .tips {
      font-family: Avenir;
      font-size: 16px;
      font-weight: lighter;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.6px;
      text-align: center;
      color: #7d8489;
      margin: 0 auto;
      margin-bottom: 47px;
      width: 254.5px; }
    #points .points-container hr {
      width: 825px;
      max-width: 75%;
      /* height: 3px;*/
      border-top: solid 1px #bcb0ab;
      margin-bottom: 54px; }
  #points .tabs-container {
    margin: 0 auto; }
    #points .tabs-container .nav.nav-tabs {
      width: 295px;
      max-width: 95%;
      margin: 0 auto;
      border-bottom: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #points .tabs-container .nav.nav-tabs li a {
        border: 0px;
        padding: 0px;
        font-family: Avenir;
        font-size: 14px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.5px;
        text-align: center;
        color: #888e92; }
      #points .tabs-container .nav.nav-tabs li.active a {
        border-bottom: 3px solid #f90b87; }
    #points .tabs-container .btn-group-vertical > .btn-group:after, #points .tabs-container .btn-group-vertical > .btn-group:before, #points .tabs-container .btn-toolbar:after, #points .tabs-container .btn-toolbar:before, #points .tabs-container .clearfix:after, #points .tabs-container .clearfix:before, #points .tabs-container .container-fluid:after, #points .tabs-container .container-fluid:before, #points .tabs-container .container:after, #points .tabs-container .container:before, #points .tabs-container .dl-horizontal dd:after, #points .tabs-container .dl-horizontal dd:before, #points .tabs-container .form-horizontal .form-group:after, #points .tabs-container .form-horizontal .form-group:before, #points .tabs-container .modal-footer:after, #points .tabs-container .modal-footer:before, #points .tabs-container .modal-header:after, #points .tabs-container .modal-header:before, #points .tabs-container .nav:after, #points .tabs-container .nav:before, #points .tabs-container .navbar-collapse:after, #points .tabs-container .navbar-collapse:before, #points .tabs-container .navbar-header:after, #points .tabs-container .navbar-header:before, #points .tabs-container .navbar:after, #points .tabs-container .navbar:before, #points .tabs-container .pager:after, #points .tabs-container .pager:before, #points .tabs-container .panel-body:after, #points .tabs-container .panel-body:before, #points .tabs-container .row:after, #points .tabs-container .row:before {
      display: table;
      content: none; }
    #points .tabs-container .loyalty-tab-content {
      padding-top: 50px;
      margin: 0 auto;
      width: 785px;
      max-width: 95%;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; }
      #points .tabs-container .loyalty-tab-content .center {
        margin-right: auto;
        margin-left: auto; }
        #points .tabs-container .loyalty-tab-content .center .loyalty-headline {
          font-family: Avenir;
          font-size: 36px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 1.4px;
          text-align: center;
          color: #f90b87;
          margin-top: 0px; }
        #points .tabs-container .loyalty-tab-content .center .loyalty-description {
          font-family: Avenir;
          font-size: 20px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          letter-spacing: 0.8px;
          color: #7d8489;
          margin-bottom: 50px; }
        #points .tabs-container .loyalty-tab-content .center .months-subs {
          font-family: Avenir;
          font-size: 16px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 1.4px;
          text-align: center;
          color: #f90b87;
          margin-top: 0px;
          margin-bottom: 35px; }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar {
        width: 100%;
        height: 20px;
        border-radius: 100px;
        background-color: rgba(125, 132, 137, 0.1);
        margin-bottom: 25px; }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-1 {
        width: 8.333333%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-2 {
        width: 16.6666667%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-3 {
        width: 25%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-4 {
        width: 33.33333333%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-5 {
        width: 41.6666667%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-6 {
        width: 50%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-7 {
        width: 58.33333%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-8 {
        width: 66.66667%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-9 {
        width: 75%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-10 {
        width: 83.3333%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-11 {
        width: 91.6667%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .loyalty-progress-bar-fill-12 {
        width: 100%;
        height: 20px;
        border-radius: 100px;
        background-image: linear-gradient(to left, #f90b87, #ffffff); }
      #points .tabs-container .loyalty-tab-content .redeem {
        width: 189px;
        max-width: 38vw;
        height: 43px;
        background-color: #f90b87;
        font-family: Avenir;
        font-size: 12px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.5px;
        text-align: center;
        color: #ffffff;
        cursor: pointer;
        padding: 13px 25px;
        padding-bottom: 9px; }
    @media screen and (max-width: 730px) {
      #points .tabs-container .loyalty-tab-content {
        justify-content: space-around; } }
    #points .tabs-container .earn-tab-content {
      padding-top: 88px;
      margin: 0 auto;
      width: 785px;
      max-width: 95%;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between; }
      #points .tabs-container .earn-tab-content .col {
        width: 335px;
        max-width: 95%; }
        #points .tabs-container .earn-tab-content .col .earn-title {
          font-family: Avenir;
          font-size: 36px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 1.4px;
          text-align: center;
          color: #f90b87;
          margin-top: 0px;
          margin-bottom: 15px; }
        #points .tabs-container .earn-tab-content .col .method {
          margin: 0 auto;
          max-width: 90%;
          font-family: Avenir;
          font-size: 16px;
          font-weight: 300;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.6px;
          text-align: center;
          color: #7d8489;
          margin-bottom: 26px; }
        #points .tabs-container .earn-tab-content .col a:hover {
          text-decoration: none; }
      #points .tabs-container .earn-tab-content .two-fifty-points {
        margin-bottom: 50px; }
        #points .tabs-container .earn-tab-content .two-fifty-points .share-copy {
          width: 100%;
          margin-bottom: 51px;
          display: flex; }
          #points .tabs-container .earn-tab-content .two-fifty-points .share-copy .share-link {
            width: 76.119403%;
            height: 49px;
            border: solid 1px #bcb0ab;
            font-family: Avenir;
            font-size: 14px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.5px;
            color: #7d8489;
            padding: 16px 2px 14px 13px; }
          #points .tabs-container .earn-tab-content .two-fifty-points .share-copy .copy-button {
            cursor: pointer;
            width: 24.119402%;
            height: 49px;
            background-color: #f90b87;
            font-family: Avenir;
            font-size: 14px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.5px;
            text-align: center;
            color: #ffffff;
            padding: 16px 17.7px 14px 22.1px; }
          @media screen and (max-width: 369px) {
            #points .tabs-container .earn-tab-content .two-fifty-points .share-copy .copy-button {
              padding: 16px 12.7px 14px 16.1px; } }
        #points .tabs-container .earn-tab-content .two-fifty-points .share {
          width: 100%;
          height: 39px;
          font-family: Avenir;
          font-size: 14px;
          font-weight: 300;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.5px;
          color: #ffffff;
          padding: 11px 0.5px 9px 55px;
          cursor: pointer;
          margin-bottom: 17px; }
        #points .tabs-container .earn-tab-content .two-fifty-points .share.fb {
          background-color: #3b5998;
          background-image: url("../img/points/earn/fb_icon.png");
          background-repeat: no-repeat;
          background-position: 23px 9px; }
        #points .tabs-container .earn-tab-content .two-fifty-points .share.twitter {
          background-color: #4099ff;
          background-image: url("../img/points/earn/twitter_icon.png");
          background-repeat: no-repeat;
          background-position: 20px 13px; }
        #points .tabs-container .earn-tab-content .two-fifty-points .share.pinterest {
          background-color: #c92228;
          background-image: url("../img/points/earn/pinterest_icon.png");
          background-repeat: no-repeat;
          background-position: 20px 11px; }
        #points .tabs-container .earn-tab-content .two-fifty-points .share.email {
          background-color: #f90b87;
          background-image: url("../img/points/earn/email_icon.png");
          background-repeat: no-repeat;
          background-position: 18px 14px; }
      #points .tabs-container .earn-tab-content .more-points .card {
        width: 100%;
        height: 157px;
        border: solid 1px #bcb0ab;
        margin-bottom: 19px; }
        #points .tabs-container .earn-tab-content .more-points .card .points-to-add {
          font-size: 24px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.9px;
          text-align: center;
          color: #f90b87;
          margin-top: 25px;
          margin-bottom: 3px; }
        #points .tabs-container .earn-tab-content .more-points .card .follow {
          margin-bottom: 8px; }
        #points .tabs-container .earn-tab-content .more-points .card .disabled .follow-button.twitter, #points .tabs-container .earn-tab-content .more-points .card .disabled .follow-button.youtube, #points .tabs-container .earn-tab-content .more-points .card .disabled .follow-button.pinterest, #points .tabs-container .earn-tab-content .more-points .card .disabled .follow-button.instagram {
          background-color: grey;
          cursor: not-allowed; }
        #points .tabs-container .earn-tab-content .more-points .card .follow-button {
          margin: 0 auto;
          width: 168px;
          height: 39px;
          background-color: grey;
          font-size: 14px;
          font-weight: 300;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.5px;
          color: #ffffff;
          padding: 11px 0.5px 9px 55px;
          cursor: pointer; }
        #points .tabs-container .earn-tab-content .more-points .card .follow-button.twitter {
          background-color: #4099ff;
          background-image: url("../img/points/earn/twitter_icon.png");
          background-repeat: no-repeat;
          background-position: 20px 13px; }
        #points .tabs-container .earn-tab-content .more-points .card .follow-button.youtube {
          background-color: #c4302b;
          background-image: url("../img/points/earn/youtube_icon.png");
          background-repeat: no-repeat;
          background-position: 21px 10px; }
        #points .tabs-container .earn-tab-content .more-points .card .follow-button.pinterest {
          background-color: #c92228;
          background-image: url("../img/points/earn/pinterest_icon.png");
          background-repeat: no-repeat;
          background-position: 20px 9px; }
        #points .tabs-container .earn-tab-content .more-points .card .follow-button.instagram {
          background-color: #cd486b;
          background-image: url("../img/points/earn/ig_icon.png");
          background-repeat: no-repeat;
          background-size: 20px;
          background-position: 20px 9px; }
    @media screen and (max-width: 730px) {
      #points .tabs-container .earn-tab-content {
        justify-content: space-around; } }
    #points .tabs-container .redeem-tab-content {
      padding-top: 61px;
      margin: 0 auto;
      width: 1206px;
      max-width: 95%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #points .tabs-container .redeem-tab-content .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 386px;
        max-width: 95%;
        height: 241px;
        border: solid 1px #bcb0ab;
        margin-bottom: 29px; }
        #points .tabs-container .redeem-tab-content .card .img-container {
          width: 160px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        #points .tabs-container .redeem-tab-content .card .text .points-needed {
          font-family: Avenir;
          font-size: 16px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.6px;
          color: #f90b87;
          margin-top: 54px;
          margin-bottom: 15px; }
        @media screen and (max-width: 320px) {
          #points .tabs-container .redeem-tab-content .card .text .points-needed {
            margin-top: 34px; } }
        #points .tabs-container .redeem-tab-content .card .text .name {
          font-family: Avenir;
          font-size: 12px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.5px;
          color: #888e92;
          margin-bottom: 14px; }
        #points .tabs-container .redeem-tab-content .card .text .content {
          font-family: Avenir;
          font-size: 12px;
          font-weight: normal;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.5px;
          color: #888e92;
          margin-bottom: 24px; }
        #points .tabs-container .redeem-tab-content .card .text .redeem {
          width: 189px;
          max-width: 38vw;
          background-color: #f90b87;
          font-family: Avenir;
          font-size: 12px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.5px;
          text-align: center;
          color: #ffffff;
          cursor: pointer;
          padding: 8px 25px;
          padding-bottom: 9px; }
        #points .tabs-container .redeem-tab-content .card .text .sold-out {
          background-color: #bcb0ab;
          cursor: not-allowed; }
    @media screen and (max-width: 1250px) and (min-width: 901px) {
      #points .tabs-container .redeem-tab-content {
        width: 800px; } }
    @media screen and (max-width: 900px) {
      #points .tabs-container .redeem-tab-content {
        -ms-flex-pack: distribute;
        justify-content: space-around; } }
    #points .tabs-container .activity-tab-content {
      padding-top: 75px;
      margin: 0 auto;
      width: 526px;
      max-width: 95%; }
      #points .tabs-container .activity-tab-content .activity {
        width: 100%;
        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;
        margin-bottom: 58px; }
        #points .tabs-container .activity-tab-content .activity .activity-icon {
          width: 60px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
        #points .tabs-container .activity-tab-content .activity .text {
          max-width: 353px; }
          #points .tabs-container .activity-tab-content .activity .text .date {
            width: 102px;
            height: 20px;
            background-color: #f90b87;
            font-family: Avenir;
            font-size: 14px;
            font-weight: 600;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.5px;
            text-align: right;
            color: #ffffff;
            padding-left: 8px;
            padding-right: 11px;
            padding-top: 1px;
            margin-bottom: 8px; }
          #points .tabs-container .activity-tab-content .activity .text .action {
            font-family: Avenir-Book;
            font-size: 16px;
            font-weight: lighter;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: 0.7px;
            color: #686e72; }
            #points .tabs-container .activity-tab-content .activity .text .action .highlight {
              font-family: Avenir;
              font-weight: 600; }
        @media screen and (max-width: 600px) {
          #points .tabs-container .activity-tab-content .activity .text {
            max-width: 62vw; } }
        @media screen and (max-width: 320px) {
          #points .tabs-container .activity-tab-content .activity .text {
            max-width: 57vw; } }
        #points .tabs-container .activity-tab-content .activity .points {
          font-family: Avenir;
          font-size: 18px;
          font-weight: 600;
          font-style: normal;
          font-stretch: normal;
          line-height: normal;
          letter-spacing: 0.7px;
          text-align: right; }
        #points .tabs-container .activity-tab-content .activity .points-earned {
          color: #f90b87; }
        #points .tabs-container .activity-tab-content .activity .points-redeemed {
          color: #686e72; }

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