.header ul .show-only-nav {
  display: none; }
.header ul li {
  display: inline;
  float: left;
  line-height: 36px;
  padding: 10px 15px;
  margin-left: 5px; }
  .header ul li a {
    font-family: Avenir-Roman, serif;
    font-size: 11px;
    color: #7f868a;
    letter-spacing: normal;
    cursor: pointer; }
  .header ul li a:active {
    color: #F60086; }

#rewards {
  margin: 0 auto; }
  #rewards h3 {
    font-family: Avenir-Light, sans-serif; }
  #rewards p {
    font-family: Avenir-Roman, sans-serif;
    font-size: 15px;
    line-height: 25px; }
  #rewards a {
    color: #f60086; }
  #rewards .rewards-banner {
    background: url("../img/dashboard/Banner---Rewards-min.png") no-repeat center center;
    background-size: cover;
    height: 533px;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center; }
    #rewards .rewards-banner .slider .slick-arrow,
    #rewards .rewards-banner .slider .slick-next {
      display: none !important; }
    #rewards .rewards-banner h1 {
      font-family: Avenir-Black, sans-serif;
      text-align: center;
      margin-bottom: 30px;
      margin-top: 170px;
      color: #f60086;
      letter-spacing: 7.5px;
      font-size: 58px;
      font-weight: 100;
      text-align: center; }
    #rewards .rewards-banner h2 {
      width: 700px;
      text-align: center;
      font-family: "PlayfairDisplay-Italic", sans-serif;
      color: #ffffff;
      font-size: 36px;
      margin: 0 0 35px;
      font-weight: 100;
      letter-spacing: 1.5px; }
  #rewards .rewards-boxes-container {
    background: url("../img/rewards_bg.png") no-repeat center bottom;
    padding: 85px 0px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    text-align: center; }
    #rewards .rewards-boxes-container .box {
      -webkit-box-shadow: 1px 1px 65px -5px rgba(0, 0, 0, 0.45);
      -moz-box-shadow: 1px 1px 65px -5px rgba(0, 0, 0, 0.45);
      box-shadow: 1px 1px 65px -5px rgba(0, 0, 0, 0.45);
      display: flex;
      flex-flow: column wrap;
      align-items: center; }
      #rewards .rewards-boxes-container .box .box-text {
        flex: 1 0 auto;
        max-width: 99%; }
      #rewards .rewards-boxes-container .box h4,
      #rewards .rewards-boxes-container .box h5,
      #rewards .rewards-boxes-container .box p {
        width: 396px;
        max-width: 99%; }
      #rewards .rewards-boxes-container .box h4 {
        font-family: "PlayfairDisplay-Italic", sans-serif;
        font-size: 24px;
        margin-bottom: 0;
        line-height: normal; }
      #rewards .rewards-boxes-container .box h5 {
        font-family: "Avenir-Heavy", sans-serif;
        font-size: 24px;
        margin-top: 0px;
        line-height: normal; }
      #rewards .rewards-boxes-container .box p {
        font-family: "Avenir-Light", sans-serif;
        font-size: 15px;
        margin-top: 20px;
        margin-bottom: 37px;
        /* letter-spacing: 0.5px; */
        line-height: 1.54; }
      #rewards .rewards-boxes-container .box .join {
        color: #ffffff;
        background-color: #f60086;
        font-family: Avenir, sans-serif;
        font-size: 20px;
        cursor: pointer;
        text-align: center;
        width: 214px;
        height: 50px;
        text-transform: uppercase;
        line-height: 50px;
        letter-spacing: 3px;
        margin-bottom: 55px; }
    #rewards .rewards-boxes-container .sm-box {
      width: 570px;
      max-width: 99%;
      height: 655px;
      padding: 0px 75px;
      margin-bottom: 70px;
      color: #333333; }
      #rewards .rewards-boxes-container .sm-box .refer-friends-title {
        margin-top: 90px; }
      #rewards .rewards-boxes-container .sm-box .refer-one-friend-title {
        margin-top: 55px; }
    #rewards .rewards-boxes-container .pink-box {
      border: 10px solid #ffffff;
      background-color: #ffeae8;
      margin: auto;
      margin-bottom: 70px; }
    #rewards .rewards-boxes-container .white-box {
      border: 10px solid #ffeae8;
      background-color: #ffffff;
      margin: auto;
      margin-bottom: 70px; }
      #rewards .rewards-boxes-container .white-box p {
        width: 389px; }
      #rewards .rewards-boxes-container .white-box .min-max-title {
        margin-top: 145px; }
    #rewards .rewards-boxes-container .min-max-box {
      padding: 0 70px; }
    #rewards .rewards-boxes-container .lg-box {
      box-shadow: 0.5px 0.5px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      background-color: #ffffff;
      width: 1235px;
      max-width: 99%;
      height: 720px;
      padding: 0px 85px;
      margin-bottom: 70px; }
      #rewards .rewards-boxes-container .lg-box .checkout {
        margin-top: 260px;
        margin-bottom: 70px; }
      #rewards .rewards-boxes-container .lg-box .earning-title {
        margin-top: 60px; }
    #rewards .rewards-boxes-container .redemption-title {
      padding-top: 50px; }
    #rewards .rewards-boxes-container .last-box {
      padding-top: 150px;
      height: 570px; }
      #rewards .rewards-boxes-container .last-box .join {
        margin-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    #rewards .header ul li {
      padding: 10px 8px; } }
  @media only screen and (max-width: 480px) {
    #rewards .header ul .show-only-nav {
      display: block; }
    #rewards .rewards-banner h1 {
      font-size: 38px; }
    #rewards .rewards-banner h2 {
      font-size: 20px;
      width: auto; }
    #rewards .rewards-boxes-container {
      padding: 35px 10px; }
      #rewards .rewards-boxes-container .box {
        height: auto !important;
        padding: 30px 10px !important; } }
  @media only screen and (max-width: 1024px) {
    #rewards .rewards-boxes-container .lg-box {
      padding: 0px; }
    #rewards .rewards-boxes-container .last-box .join {
      margin-bottom: 40px; } }

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