@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?ycmybc');
  src:  url('../fonts/icomoon.eot?ycmybc#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?ycmybc') format('truetype'),
    url('../fonts/icomoon.woff?ycmybc') format('woff'),
    url('../fonts/icomoon.svg?ycmybc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-1:before {
  content: "\e900";
}
.icon-2:before {
  content: "\e901";
}
.icon-3 .path1:before {
  content: "\e902";
  color: rgb(210, 167, 74);
}
.icon-3 .path2:before {
  content: "\e903";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-birthday:before {
  content: "\e904";
}
.icon-Cart:before {
  content: "\e905";
}
.icon-facebook:before {
  content: "\e906";
}
.icon-product:before {
  content: "\e907";
}
.icon-tag:before {
  content: "\e908";
  color: #77c043;
}
.icon-twitter:before {
  content: "\e909";
}
.icon-User .path1:before {
  content: "\e90a";
  color: rgb(0, 0, 0);
}
.icon-User .path2:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(119, 192, 67);
}
.icon-link-icon:before {
  content: "\e90c";
}
.icon-close:before {
  content: "\e90d";
}
.icon-facebook-icon:before {
  content: "\e90e";
}
.icon-instagram:before {
  content: "\e90f";
}
.icon-twitter-icon:before {
  content: "\e910";
}

.passion .banner-holder .image-holder {
  position: relative;
}
.ambassador-only {
  display: none;
}
.passion .banner-holder .image-holder .caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 800px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
}
.swell-banner-heading{
  font-size: 30px;
  line-height: 45px;
  text-transform: uppercase;
  font-weight: 900;
}
.swell-banner-heading-bold {
  font-size: 80px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Avenir-Heavy";
  line-height: 66px;
  margin:5px 0;
}
.passion .banner-holder .image-holder .caption .holder .caption-content {
  max-width: 325px;
  margin: 5px auto;
  line-height: 18px;
  font-size: 14px;
  font-weight: 500;
}
.swell-section-heading {
  font-family: "Avenir-Heavy";
  text-transform: uppercase;
  font-weight: bold;
}
.swell-link-section{
  padding: 20px 0;
}
.swell-link-section .swell-section-heading h5{
  text-align: center;
  margin: 15px 0;
  font-weight: 600;
}
.swell-link-section .swell-campaign-logout .swell-link-list {
  list-style: none;
  text-align: center;
}
.swell-link-section .swell-campaign-logout .swell-link-list li{
  font-weight: 600;
}
.swell-link-section .swell-campaign-logout .swell-link-list li p a{
  border-bottom: 1px solid #76c405;
}
.swell-referral .swell-referral-content-container .swell-referral-heading .heading-earn{
    margin: 20px 0 30px;
    font-size: 20px;
}
.swell-referral .swell-referral-content-container .swell-referral-heading{
      text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    font-family: "Avenir-Heavy";
    margin: 10px 0 15px;
    color: #fff;
}
.swell-referral .swell-referral-content-container .swell-referral-details {
  max-width: 500px;
  margin: 10px auto;
  line-height: 18px;
}
.swell-referral-heading .heading-refer {
    font-weight: normal;
    font-family: "Avenir-Medium";
    font-size: 0.5em;
    margin-bottom: 10px;
    display: block;
    line-height: 35px;
}
.swell-referral-copy .swell-referral-copy-content {
 background: url(../img/copy-bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  align-items: center;
  padding: 30px 0;
  min-height: 400px; 
}

.referral-content-section {
  background: url(../img/email-bg.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  align-items: center;
  padding: 30px 0;
  min-height: 400px; 
}
.referral-content-section .holder {
  max-width: 100%;
  text-align: center;
}
.referral-loader {
  color: #000;
  display: flex;
  align-items: center;
  background: #ffffffde;
  min-height: 200px;
}
.referral-loader .holder-loader{
      margin: 0 auto;
    font-size: 40px;
}
.referral-loader .holder span{
  color: #000;
}

.referral-content-section .holder {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}
.referral-content-section .swell-referral-content-container{
  text-align: center;
}
.referral-content-section .swell-referral-content-container .swell-referral-content-sidebar {
  display: none;
}
.swell-referral-content-main {
  color: #fff;
  margin: 0 auto;
}
.swell-referral-form-wrapper {
  border-top: 1px solid #ffffff8a;
}
.swell-referral-form-list {
  list-style: none;
}
.swell-referral-form-body .swell-referral-form-list .swell-referral-form-list-field .swell-referral-form-list-field-input {
  border: 1px solid #eeeeee;
  line-height: 38px;
  height: 38px;
  outline: none;
  color: #000;
  margin: 0;
  width: 100%;
  text-indent: 10px;
  display: block;
  margin-bottom: 20px;
  background: #fff;
  font-size: 16px;
  border-radius: 30px;
  text-align: center;
}
.swell-referral-form-body .swell-referral-form-list .swell-referral-form-list-field .swell-referral-form-field-details{
  display: block;
  margin-bottom: 10px;
}
.swell-referral-form-list-submit, .swell-referral-form-footer input[type="submit"] {
  border-color: #76c405;
  background-color: #76c405;
  color: #fff;
  border-radius: 30px;
  font-size: 16px;
  padding:0.3em 4.2em 0.2em;
  line-height: 24px;
}
.swell-referral-copy-main .swell-referral-heading{
    font-family: "Avenir-Heavy";
}
.swell-referral-heading {
  text-transform: uppercase;
  font-weight: bold;
}
.swell-referral-heading .heading-earn {
  font-size: 0.6em;
  font-weight: bold;
}
.swell-referral-media-wrapper .swell-referral-media-details {
  margin-bottom: 5px;
}
.swell-referral-media-wrapper .swell-referral-media-list {
  display: table;
  width: 100%;
  padding: 0 131px;
  font-size: 14px;
  cursor: pointer;
}
.swell-referral-media-wrapper .swell-referral-media-list > li {
  display: table-cell;
}
.swell-campaign-section {
  text-align: center;
}
.swell-campaign-section .swell-section-content .swell-section-heading {
  margin-bottom: 50px;
}
.swell-vip-tiers,
.swell-campaign-section .swell-campaign-list{
    max-width: 1200px;
    margin: 0 auto;
}
.swell-campaign-list .swell-campaign .swell-campaign-icon {
  font-size: 30px;
  margin-bottom: 10px;
}
.swell-campaign-type{
  font-size: 18px;
  font-weight: 500;
  font-family: "Avenir-Medium";
  margin-bottom: 10px;
}
.swell-section-content {
  margin: auto;
  padding: 2em 0; 
}
.swell-campaign-list {
  list-style: none; 
}
.swell-campaign-list, .swell-campaign-content, .swell-redemption-option-list, .swell-referral-media-list, .swell-referral-content-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5em;
  margin-left: -0.5em; 
}
.swell-campaign-list .swell-campaign {
  text-align: center;
  min-height: 250px;
  align-items: center;
  display: flex;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  position: relative;
}
.swell-campaign-list .swell-campaign:nth-child(3), 
.swell-campaign-list .swell-campaign:nth-child(6),
.swell-campaign-list .swell-campaign:nth-child(9){
  border-right: 0;
}
.swell-campaign-list .swell-campaign:nth-child(7),
.swell-campaign-list .swell-campaign:nth-child(8),
.swell-campaign-list .swell-campaign:nth-child(9){
  border-bottom: 0;
}
.swell-campaign-list .swell-campaign .swell-campaign-content {
  margin: 0 auto;
}
 .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-icon,
 .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-type,
 .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-value {
        -webkit-box-flex: 100%;
    -moz-box-flex: 100%;
    -webkit-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }

.swell-campaign-list .swell-campaign .swell-campaign-icon {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  color: #000;
  display: initial;
  align-items: center;
  border-radius: 100%;
  font-size: 24px;
}
.swell-campaign-value-content {
      color: #76c405;
    border: 2px solid #76c405;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 30px;
    font-size: 16px;
    padding: 0.3em 1em 0.2em;
    line-height: 24px;
    min-width: 140px;
}
.swell-vip-tiers {
  text-align: center;
}

.swell-vip-tiers .tier-holder ul {
  width: 100%;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 900px;
  margin: 0 auto 50px;

}
.swell-vip-tiers .tier-holder ul li {
  text-align: center;
  width: 33.3%;
  display: flex;
  align-items: flex-end;
  min-height: 300px;
}
.swell-vip-tiers .tier-holder ul li .holder {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.tier-more-referrals {
  padding: 5px 15px;
  border: 2px solid #76c405;
  border-radius: 30px;
  margin: 50px 0;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  line-height: 20px;
}
.tier-more-referrals:after{
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  right: 0;
  content: '';
  background: #eee;
  margin: 0 auto;
  bottom: -95px;
}
.tier-more-referrals:before{
  position: absolute;
  width: 1px;
  left: 0;
  right: 0;
  content: '';
  background: #eee;
  margin: 0 auto;
  top: -95px;
  height: 100%;
}
.swell-vip-tiers .tier-holder ul li .holder h5{
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: bold;
}
.swell-vip-tiers .tier-holder ul li .holder.member h2,
.swell-vip-tiers .tier-holder ul li .holder.member h4,
.swell-vip-tiers .tier-holder ul li .holder.member h5 {
  color: #76c405;
}
.swell-vip-tiers .tier-holder ul li .holder.member h3 {
  color: #8d8d8d;
}
.swell-vip-tiers .tier-holder ul li .holder.elite h2,
.swell-vip-tiers .tier-holder ul li .holder.elite h4,
.swell-vip-tiers .tier-holder ul li .holder.elite h5 {
  color: #c9c9c9;
}
.swell-vip-tiers .tier-holder ul li .holder.elite h3 {
  color: #333333;
}
.swell-vip-tiers .tier-holder ul li .holder.mvp h2 {
  color: #d3a84b;
}
.swell-vip-tiers .tier-holder ul li .holder.mvp h4,
.swell-vip-tiers .tier-holder ul li .holder.mvp h5 {
  color: #debe78;
}
.swell-vip-tiers .tier-holder ul li .holder.mvp h3 {
  color: #000;
}
.swell-vip-tiers .tier-holder ul li .holder i {
  font-size: 50px;
}
.swell-vip-tiers .tier-holder ul li .holder h2 {
  margin: 6px 0 10px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 30px;
  font-size: 22px;
  font-family: "Avenir-Heavy";
}
.swell-vip-tiers .tier-holder ul li .holder h3 {
  margin: 5px 0 15px;
  font-size: 20px;
  line-height: 24px;
}
.swell-vip-tiers .tier-holder ul li .holder h4 {
  margin: 15px 0;
  font-family: "Avenir-Heavy";
  font-weight: bold;
}
.swell-vip-tiers .tier-holder ul li .holder .divider {
  background: #eee;
  height: 1px;
  max-width: 280px;
  margin: 0 auto 10px;
}
.swell-redemption-section .swell-link-section .swell-campaign-logout .swell-link-list li p a{
  color: #fff;
  border-bottom: 1px solid #fff;
}
.swell-campaign-login {
  text-align: center;
}
.swell-campaign-login .swell-section-heading h3 {
  margin: 0 0 5px;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: bold;
  font-family: "Avenir-Heavy";
}
.swell-campaign-login .swell-section-heading .swell-account-balance {
 font-weight: normal !important;
}
.swell-campaign-login .swell-section-heading h3 span{
  font-size: 26px;
}
.swell-campaign-login .swell-section-heading .user-message{
  font-size: 20px;
}
.swell-campaign-login .swell-link-list {
  margin: 20px 0;
  text-align: center;
}
.swell-campaign-login .swell-link-list li {
  display: inline-block;
  margin: 0 10px;
}
.swell-campaign-login .swell-link-list li .pp-button{
  min-width: 190px;
  display: inline-block;
}
.swell-campaign-login .swell-link-list li  .swell-link-redeem.pp-button{
  background-color: #fff;
  border: 1px solid #76c405;
  color: #76c405;
}
.swell-redemption-section {
  background: url(../img/redemm-img.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 80vh;
  text-align: center;
  padding: 40px 0; 
}
.swell-redemption-section .redemption-holder {
  margin:0 auto;
  color: #fff;
}
.swell-redemption-section .redemption-holder .swell-section-heading {
  margin-bottom: 15px;
}
.swell-redemption-section .redemption-holder .redemption-content {
  max-width: 533px;
  margin: 0 auto 90px;
  font-size: 16px;
  line-height: 22px;
  padding: 0 10px;
}
.thank-you-modal .referral-content-section{
  width: 100%;
  position: relative;
}
.thank-you-modal .swell-referral .heading-earn {
  display:none;
}
.thank-you-modal .referral-content-section .heading-holder {
    position: absolute;
    top: -70px;
    color: #fff;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}
.thank-you-modal .referral-content-section .heading-holder h4{
  color: #fff;
  margin: 0;
}
.swell-referral-back-link {
  margin: 0 auto 5px;
}

.redeem-modal .redeem-holder{
  background: #fff;
  padding: 15px;
  min-width: 400px;
  min-height: 180px;
  display: flex;
  align-items: center;
  position: relative;
}
.redeem-modal .redeem-holder .redeem-msg{
  color: #000;
  font-size: 18px;
  text-align: center;
}
.swell-payout-email {
    color: #76c405;
}
.redeem-modal .redeem-holder .holder{
  margin: 0 auto;
}
.redeem-modal .redeem-holder .holder .swell-referral-back-link {
    position: absolute;
    top: -33px;
    right: 0px;
    left: 0;
}
.redeem-modal .redeem-holder .holder .swell-referral-back-link:after,
.redeem-modal .redeem-holder .holder .swell-referral-back-link:before{
  background-color: #fff;
}
.redeem-modal,
.thank-you-modal,
.swell-referral-copy {
  position: fixed;
  background-color: #000000eb;
  z-index: 999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center; }

.swell-referral-copy-content {
  color: white;
  position: relative;
  padding-top: 32px;
  width: 100%;
  min-height: 15em;
  text-align: center;
  max-width: 95%; }
  @media all and (min-width: 576px) {
    .swell-referral-copy-content {
      max-width: 100%;
      min-height: 350px;
  }
}

.swell-referral-copy-button {
  width: auto;
  display: inline-block;
  text-transform: uppercase;
  background-color: rgb(118, 196, 5);
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 24px;
  border-color: rgb(118, 196, 5);
  border-radius: 30px;
  padding: 0.3em 2.3em 0.2em;

   }


.swell-referral-copy-link {
  padding: 0.5em;
  margin-bottom: 1em; }

.swell-referral-copy-main {
  padding: 1em;
  background: transparent; 
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.swell-referral-copy-link {
  background: white;
  color: black;
  border-radius: 30px; }

.swell-referral-copy-main .swell-referral-form-wrapper {
  border: none;
  margin-top: 0;
  padding-top: 0; }

.swell-referral-copy-main .swell-referral-back-link {
  position: absolute;
  right: 0;
      left: 0;
    top: -34px;
    margin: 0 auto;
}

.swell-referral-copy-main .swell-referral-heading {
  margin: 1em auto 0.5em;
  text-transform: uppercase;
  font-weight: bold; }
.swell-referral-copy-main .swell-referral-heading  i{
      display: block;
    margin-bottom: 15px
}
.swell-referral-back-link {
  width: 2em;
  height: 2em;
  max-width: 24px;
  max-height: 24px;
  display: block;
  vertical-align: middle;
  margin-left: auto;
  cursor: pointer;
  position: relative; }

.swell-referral-back-link:after,
.swell-referral-back-link:before {
  background: #fff;
  content: "";
  height: 2px;
  max-width: calc(24px * 1.414);
  position: absolute;
  top: 0;
  transition: 0.05s ease-in-out background-color;
  width: calc(2em * 1.414); }

.swell-referral-back-link + h2 {
  display: inline-block;
  width: 100%;
  clear: both; }

.swell-referral-back-link:before {
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left; }

.swell-referral-back-link:after {
  right: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right; }
  .swell-campaign-hover{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #ffffffed;
  }
  .swell-campaign-hover-content {
    margin: 0 auto;
    max-width: 200px;
  }
  .swell-campaign-hover-content .swell-link-list .swell-link {
    margin-bottom: 10px;
  }
  .swell-campaign-hover-content .swell-link-list .swell-link .swell-link-login{
    background-color: #fff;
    border:2px solid #76c405;
    color: #76c405;
  }
  .swell-campaign-hover-content .swell-link-list .swell-link .pp-button{
    padding: 8px 40px;
    display: block;
  }

  /*referrals table styling start*/
  .refer-details .swell-section-content {
    text-align: center;
  }
  .table-classes {
    max-width: 400px;
    margin: 0 auto;
  }
  .table-classes table {
    border: none;
  }
  .table-classes  .table>thead>tr>th{
    border:0;
    font-weight: bold;
    font-size: 16px;
  }
  .table-classes  .table>tbody>tr>td>span{
    color: #76c405;
  }

  .table-responsive{
   display: inline-block;
   max-height: 230px;
   overflow: scroll;
   padding: 0;
   overflow-x: hidden;
   margin-bottom: 20px;
   margin: 0 30px;
   min-width: 300px;
  }
   .table-responsive .table {
    width: 100%;
   }
  .table-responsive::-webkit-scrollbar {
    width: 0.6em;
  }

  .table-responsive::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background: #eee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .btn-theme {
   background: #19a59a !important;
   color: #fff !important;
  }

  .table-responsive::-webkit-scrollbar-thumb {
   background-color: #000;
   outline: 1px solid slategrey;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
  }
  /*referrals table styling ends*/
   .table-classes .table {
    width: 100%;
    margin: 0;
   }
  .table-classes .table tr th,
  .table-classes .table tr td{
    padding: 5px 12px;
    border: 0;
    text-align: left;
  } 
  .table-classes .table thead tr th{
    border-bottom: 1px solid #eee;
  }
  .total-earn .total-earn-holder {
    padding: 30px 30px 10px;
    color: #fff;
    font-size: 30px;
    background-color: #76c405;
  }
  .total-earn{
    max-width: 1000px;
    margin: 30px auto;
  }
.earn-details .inner-holder,
.total-earn .total-earn-holder  .inner-holder{
  display: flex;
  align-items: center;
}
.total-earn .total-earn-holder p{
  font-weight: normal;
  font-size: 16px;
}
.earn-details .inner-holder .col,
.total-earn-heading{
  width: 50%;
    font-weight: bold;
}
.total-earn-amount{
  width: 50%;
  text-align: right;
    font-weight: bold;
}
.earn-details .holder p{
  margin: 0;
}
.conversions-section .holder,
.earn-details .holder{
  border-bottom: 1px solid #eee;
  padding: 0 0 15px;
}

.earn-details .inner-holder .col ul li {
  min-height: 45px;
}
.earn-details .inner-holder .col ul li i{
  font-size: 16px;
  cursor: pointer;
  margin-right: 10px;
}
.earn-details .inner-holder .col ul li span{
  color: #76c405;
  font-weight: bold;
  font-size: 18px;
}
.earn-details .inner-holder .col ul li i.fa.fa-link{
  transform: rotate(90deg);
}
.top-seller h4,
.conversions-section h4,
.earn-details .holder h4{
  font-weight: bold;
  margin-bottom: 15px;
}
.conversions-section .holder .col h5{
  margin: 0 0 8px;
  font-size: 16px;
}
.conversions-section .holder .col{
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
.conversions-section .holder .col ul li{
  min-height: 120px;
  display: flex;
  align-items: center;
  background-color: #76c405;
  margin: 0 10px 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.conversions-section .holder .col ul li .holder-box span{
  display: block;
}
.conversions-section .holder .col ul li .holder-box{
  margin: 0 auto;
  text-align: center;
}
.top-seller .table-responsive {
  max-width: 100%;
  width: 100%;
  margin: 0;
}
.top-seller .table-holder table{
    width: 100%;
    border:0;
}
.top-seller .table-holder table tr th,
.top-seller .table-holder table tr td{
  border:0;
  text-align: left;
}
.top-seller .table-holder table thead tr th{
   border-bottom: 1px solid #eee;
   font-weight: bold;
   font-size: 18px;
   text-align: center;
}
.top-seller .table-holder table tr td:first-child,
.top-seller .table-holder table thead tr th:first-child{
  text-align: left;
}
.top-seller .table-holder table tr td:last-child,
.top-seller .table-holder table thead tr th:last-child{
  width: 200px;
}
.top-seller .table-holder table tr td:nth-child(2),
.top-seller .table-holder table thead tr th:nth-child(2){
  width: 200px;
}
.top-seller .table-holder table tr th,
.top-seller .table-holder table tr td{
  padding: 8px;
   font-weight: bold;
   text-align: center;
}
.mobile-banner{
  display: none;
}
.thank-you-section{
  display: none;
}
.error-border {
  border-color: red !important;
}
.refer-to-old-customer-error {
  color: #fff !important;
  line-height: 16px;
  padding: 4px 5px;
  font-size: 14px;
}
.account-wrapper .account-body .swell-link-section {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin: 25px 0;
}
.swell-link-section .swell-link-section-content {
  font-size: 13px;
  line-height: 15px;
}
.pb-40{
  padding-bottom: 40px !important;
}
.divider-full {
  width: 100%;
  max-width: 1155px;
  margin: 0 auto 40px;
}
@media (min-width: 576px) {
  .swell-campaign {
    -webkit-box-flex: 0 0 33.33333%;
    -moz-box-flex: 0 0 33.33333%;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; } 
}

@media (max-width: 860px) {
  .total-earn {
    padding: 0 15px;
  }
  .swell-redemption-section {
    background: url(../img/mobile-bg.jpg) no-repeat center center;
    min-height: 100%;
    background-size: cover;
    padding: 10px 0;
  }
  .swell-redemption-section .redemption-holder .redemption-content{
    margin: 0 auto 10px;
  }
  .mobile-banner{
    display: block;
  }
  .desktop-banner{
    display: none;
  }
  .swell-banner-heading-bold{
    font-size: 40px;
    line-height: 30px;
  }
  .swell-banner-heading{
      font-size: 26px;
      line-height: 36px;
  }
  .swell-vip-tiers .tier-holder ul{
    display: block;
  }
  .swell-vip-tiers .tier-holder ul li{
    width: 100%;
    min-height: 220px;
  }
  .swell-vip-tiers .tier-holder ul li:nth-child(2){
    min-height: 101px;
    margin: 50px 0;
  }
  .swell-campaign {
    -webkit-box-flex: 0 0 49.33333%;
    -moz-box-flex: 0 0 49.33333%;
    -webkit-flex: 0 0 49.33333%;
    -ms-flex: 0 0 49.33333%;
    flex: 0 0 49.33333%;
    max-width: 49.33333%;
  }
  .swell-campaign-list .swell-campaign:nth-child(2),
  .swell-campaign-list .swell-campaign:nth-child(4),
  .swell-campaign-list .swell-campaign:nth-child(6),
  .swell-campaign-list .swell-campaign:nth-child(8){
      border-right:0;
  }
  .swell-campaign-list .swell-campaign:nth-child(3){
    border-right: 1px solid #eee;
  }
  .swell-campaign:last-child{
     -webkit-box-flex: 0 0 100%;
      -moz-box-flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
       border-top: 1px solid #eee;
  }
  .swell-referral .swell-referral-content-container .swell-referral-heading{
    font-size: 36px;
  }
  
  .swell-referral-form-body {
    max-width: 400px;
    margin: 0 auto;
  }
  .swell-referral-content-main{
    padding: 0 10px;
  }
}
@media (max-width: 560px) {
  .swell-campaign {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    border-right: 0;
  }
  .swell-campaign-list .swell-campaign:nth-child(7), .swell-campaign-list .swell-campaign:nth-child(8), .swell-campaign-list .swell-campaign:nth-child(9){
    border-bottom: 1px solid #eee;
  }
  .swell-campaign:last-child{
    border-top: 0;
  }
}
@media (max-width: 400px) {
  .swell-banner-heading {
    font-size: 20px;
    line-height: 30px;
  }
  .swell-banner-heading-bold {
    font-size: 30px;
    line-height: 20px;
  }
  .passion .banner-holder .image-holder .caption .holder .caption-content {
    font-size: 12px;
    max-width: 258px;
  }
  .swell-link-section .swell-section-heading h5 {
    font-size: 16px;
  }
  .swell-redemption-section .redemption-holder .swell-section-heading {
    font-size: 20px;
  }
}