body {
  padding: 0;
  margin: 0;
}
@-ms-viewport {
  width: device-width;
}
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
/*icomoon*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/swell-tee-icomoon.eot?xxmap');
  src:  url('../fonts/swell-tee-icomoon.eot?xxmap#iefix') format('embedded-opentype'),
    url('../fonts/swell-tee-icomoon.ttf?xxmap') format('truetype'),
    url('../fonts/swell-tee-icomoon.woff?xxmap') format('woff'),
    url('../fonts/swell-tee-icomoon.svg?xxmap#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.page-tt-swell [class^="icon-"], .page-tt-swell [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon';
  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-account:before {
  content: "\e900";
}
.icon-birthday:before {
  content: "\e901";
}
.icon-dollar:before {
  content: "\e903";
}
.icon-edit:before {
  content: "\e904";
}
.icon-facebook:before {
  content: "\e905";
}
.icon-instagram:before {
  content: "\e906";
}
.icon-link-icon:before {
  content: "\e907";
}
.icon-pts:before {
  content: "\e908";
}
.icon-read:before {
  content: "\e909";
}
.icon-shirt .path1:before {
  content: "\e90a";
  color: rgb(0, 0, 0);
}
.icon-shirt .path2:before {
  content: "\e90b";
  margin-left: -1em;
  color: rgb(197, 31, 64);
}
.icon-twitter-icon:before {
  content: "\e90c";
}

/*Swell back link start*/
.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: absolute;
  top: 0;
  right: 30px;
}
.swell-referral-back-link:after,
.swell-referral-back-link:before {
  background: #000;
  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: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 back link end*/

.thompson-tee-rewards ul {
  padding: 0;
  margin: 0;
  text-align: center;
}
.thompson-tee-rewards li {
  list-style: none;
}
.thompson-tee-rewards h2 {
  font-size: 1.250em;
  text-transform: uppercase;
  margin: 0;
  color: #000;
}
.thompson-tee-rewards .desktop{
  display: none;
}
.thompson-tee-rewards .mobile{
  display: block;
}
/*.thompson-tee-rewards p{

}*/
.thompson-tee-rewards .header-holder {
  text-align: center;
  margin-bottom: 50px;
  color: #173F55;
}
.thompson-tee-rewards .container{
  max-width: 1229px;
  margin: 0 auto
}
/* banner start*/
.thompson-tee-rewards .banner .banner-image{
  width: 100%;
}
.thompson-tee-rewards .banner .banner-caption {
  text-align: center;
  padding: 30px 10px;
  color: #173F55;
}
.thompson-tee-rewards .banner .banner-caption .caption-details svg {
  width:45px;
  height:78px;
  margin-bottom: 20px;
}
.thompson-tee-rewards .banner .banner-caption .caption-details .title {
  font-size: 48px;
  margin: 0;
  line-height: 1;
  color: #173F55;;
}
.thompson-tee-rewards .banner .banner-caption .caption-details .detail {
  max-width: 500px;
  font-size: 16px;
  font-weight: bold;
  color: #173F55;;
  line-height: 1.2;
}
.thompson-tee-rewards .banner .banner-caption .caption-details .join-btn a {
  display: inline-block;
  border: unset;
  padding: 16px 32px;
  font-family: 'Secular One', sans-serif;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 2px;
  color: white;
  background: #173F55;
  margin-bottom: 30px;
}
.thompson-tee-rewards .banner .banner-caption .caption-details .sign-in {
  color: #173F55;
  font-size: 16px;
  font-weight: bold;
  max-width: 210px;
  margin: 0 auto;
}
.thompson-tee-rewards .sign-in span a {
  color: #c4351e;
  border-bottom: 1px solid #eed0d7;
}
/* banner end*/

/* how it work start*/
.thompson-tee-rewards .how-it-work{
  margin-bottom: 50px;
}
.thompson-tee-rewards .how-it-work .holder {
  background: #2b2626;
  margin: 0;
  padding: 40px 20px;
  text-align: center;
}
.thompson-tee-rewards .how-it-work .user-login {
  padding: 20px 0;
}
.thompson-tee-rewards .how-it-work .user-login h3 {
  color: #fff;
  text-align: center;
  margin: 0 auto 30px;
  font-size: 35px;
  font-weight: normal;
}
.thompson-tee-rewards .how-it-work .user-login .holder-content {
  margin-top: 30px;
}
.thompson-tee-rewards .how-it-work .swell-message {
  display: none;
}
.thompson-tee-rewards .how-it-work .error-message,
.thompson-tee-rewards .how-it-work .success-message{
  color: #fff;
  font-size: 16px;
  margin-top: 30px;
  font-weight: bold;
}
.thompson-tee-rewards .how-it-work .user-login .user-login-title{
  margin-bottom: 0;
  text-transform: capitalize;
  font-family: 'Secular One', sans-serif;
}
.thompson-tee-rewards .how-it-work .user-login .divider {
  display: block;
}
.thompson-tee-rewards .how-it-work .user-login .swell-link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thompson-tee-rewards .how-it-work .holder-content p{
  color: #fff;
  font-size: 16px;
  font-weight: normal;
}
.thompson-tee-rewards .how-it-work .holder-content a{
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #605c5c;
}
.thompson-tee-rewards .how-it-work .user-login .swell-link {
  display: inline-block;
  margin-bottom: 20px;
}
.thompson-tee-rewards .how-it-work .user-login .swell-link a {
  display: block;
  text-transform: uppercase;
  border: 2px solid #c4153e;
  padding: 10px 20px;
  text-align: center;
  min-width: 11.56em;
  color: #c4153e;
  font-family: 'Secular One', sans-serif;
  background-color: #fff;
  text-decoration: none;
}
.thompson-tee-rewards .how-it-work .user-login .swell-link a.swell-link-history {
  background-color: #c4153e;
  color: #fff;
}
.thompson-tee-rewards .how-it-work .user-login .swell-link a.swell-link-history:hover {
  background-color: #fff;
  color: #c4153e;
}
.thompson-tee-rewards .how-it-work .user-login .swell-link-login,
.thompson-tee-rewards .how-it-work .user-login .swell-link-checkout {
  background: #000;
  color: #fff;
}
.thompson-tee-rewards .how-it-work .holder .header-holder h2 {
  color: #fff;
}
.thompson-tee-rewards .how-it-work .holder ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.thompson-tee-rewards .how-it-work .holder ul .work-box {
  flex-basis: 100%;
  color: #fff;
  margin-bottom: 40px;
}
.thompson-tee-rewards .how-it-work .holder ul .work-box:last-child{
  margin-bottom: 0;
}
.thompson-tee-rewards .how-it-work .holder ul .work-box .list-box h3 {
  text-transform: uppercase;
  font-size: 1.125em;
  color: #fff;
  /* font-weight: bold; */
  margin: 0 0 10px 0;
}
.thompson-tee-rewards .how-it-work .holder ul .work-box .list-box .list-content {
  max-width: 263px;
  margin: 0 auto;
  font-size: 1.125em;
  font-weight: normal;
  line-height: 1.2;
}
.thompson-tee-rewards .how-it-work .holder ul .work-box:nth-child(2) .list-box .list-content {
  max-width: 155px;
  margin: 0 auto;
}
.thompson-tee-rewards .how-it-work .holder ul .work-box:nth-child(3) .list-box .list-content {
  max-width: 180px;
  margin: 0 auto;
}
.thompson-tee-rewards .how-it-work .holder ul .work-box .list-box .list-content span {
  font-weight: bold;
}
/* how it work end*/


/*points start*/

.thompson-tee-rewards .point-balance {
  max-width: 900px;
  margin: 0 auto 50px;
  padding: 0 20px;
  border-bottom: 1px solid #eee;
}
.thompson-tee-rewards .point-balance .points-bonus {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  max-width: 280px;
  margin: 0 auto;
}
.thompson-tee-rewards .point-balance .points-bonus li {
  flex: 10;
  margin-bottom: 40px;
}
.thompson-tee-rewards .point-balance .points-bonus li:nth-child(2) {
  flex: 1;
}
.thompson-tee-rewards .point-balance .points-bonus li .equal {
  font-size: 21px;
  font-weight: bold;
}
.thompson-tee-rewards .point-balance .points-bonus li .icon-holder .points-icon {
  font-size: 60px;
  display: block;
  margin-bottom: 20px;
}
.thompson-tee-rewards .point-balance .points-bonus li .icon-holder .points-icon.icon-shirt .path2:before {
  margin-left: -1.5em;
}
.thompson-tee-rewards .point-balance .points-bonus li .points-content {
  font-size: 20px;
  font-weight: bold;
}
.thompson-tee-rewards .point-balance .points-bonus li:last-child .points-content {
  color: #c4351e;
  font-size: 20px;
  font-weight: bold;
}
/*points end*/


/*referral start*/

.referral-section {
  margin-bottom: 50px;
}
.referral-section .swell-referral-content-container{
  background-color: #eee;
  padding: 40px 20px;
}
.referral-section .swell-referral-content-container .swell-referral-content-sidebar {
  display: none;
}
.referral-section .swell-referral-content-container .swell-referral-content-main {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  -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: 0 0 100%;
  min-height: 350px;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-register,
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-refer {
  max-width: 600px;
  width: 100%;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-heading {
  font-size: 2em;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 0 10px;
  color: #173F55;
  font-family: 'Secular One', sans-serif;
}
 .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-heading .refer-heading {
  margin: 0 auto 20px;
  display: block;
  font-size: 20px;
  color: #173F55;
  font-family: 'Secular One', sans-serif;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-details {
  font-size: 0.9em;
  color: #173F55;
  position: relative;
  line-height: 1.3;
  max-width: 450px;
  margin: 0 auto 16px;
  font-weight: 500;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper {
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
}

.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-wrapper::before {
  content: '';
  background-image: url(../img/divider-star.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: 24px;
  margin-bottom: 16px;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list{
  display: block;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list .swell-referral-form-list-field:nth-child(1){
  margin-bottom: 15px;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-header-details {
  font-size: 15px;
  color: #000;
  margin-bottom: 0.5em;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .refer-customer-error {
  color: #3c3c3f
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list-field-input {
  font-size: 16px;
  width: 100%;
  background-color: #fff;
  color: #2f2e2e;
  text-align: left;
  padding: 20px 12px;
  border: none;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list-field-input::placeholder {
  color: #737373;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list-submit {
  color: white;
  min-height: 0;
  padding: 12px 17px;
  max-width: 130px;
  min-width: 130px;
  background-color: #DB4B51;
  border: unset;
  font-family: 'Secular One', sans-serif;
  font-size: 20px;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper {
  font-size: 1em;
  padding-top: 40px;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list {
  display: flex;
  flex-direction: row;
  max-width: 500px;
  margin: 0 auto;
  list-style: none;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium {
  flex: 1;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-media-wrapper .swell-referral-media-list .swell-referral-medium .swell-referral-media-icon {
  margin-right: 10px;
  font-size: 1.125em;
}
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-thanks .swell-referral-details {
  font-size: 1em;
  margin: 0;
  padding: 0;
}
/* campaigns start*/
.thompson-tee-rewards .earn-points .earn-holder {
  max-width: 1230px;
  margin: 0 auto;
}
.thompson-tee-rewards .earn-points .header-holder h2{
  max-width: 240px;
  margin: 0 auto;
}
.thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list {
  justify-content: space-around;
  margin: 0;
}
.thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign {
  margin: 0;
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  padding: 0;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}
.thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign:nth-child(9){
  border-right: 0;
  border-bottom: 1px solid #eee;
}
.thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content {
  width: 100%;
  padding: 45px 0;
}
.thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-icon-content {
  font-size: 1.9em;
  margin-bottom: 10px;
  display: inline-block;
}
.thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-type-content {
  text-transform: uppercase;
  margin-bottom: 15px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-value-content {
  display: inline-block;
  border: 3px solid #c4153e;
  background-color: #c4153e;
  color: #fff;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: bold;
  max-width: 140px;
  min-width: 140px;
}
.thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign .swell-campaign-content .swell-campaign-value-content:hover {
  background-color: #fff;
  color: #c4153e;
}
.thompson-tee-rewards .earn-points .earn-points-heading-holder {
  text-align: center;
  margin-top: 40px;
}
.thompson-tee-rewards .earn-points .earn-points-heading-holder h3 {
  font-size: 1.6em;
  padding-bottom: 62px;
}
.swell-campaign-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;
  list-style: none;
}
.thompson-tee-rewards .swell-campaign {
  flex: 100%;
  max-width: 100%;
  position: relative;
}
 .thompson-tee-rewards .swell-campaign:nth-child(9) {
    -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%;
  }

.thompson-tee-rewards .swell-campaign .swell-campaign-hover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgb(255, 255, 255); 
}

.thompson-tee-rewards .swell-campaign .swell-campaign-hover-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -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;
  height: 100%; 
}
.thompson-tee-rewards .swell-campaign .swell-campaign-hover-content .swell-link-login {
  background: #c4153e;
  border: 2px solid #c4153e;
  color: #fff;
  min-width: 142px;
  display: block;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: 'Secular One', sans-serif;
  font-size: 16px;
}
.thompson-tee-rewards .swell-campaign .swell-campaign-hover-content .swell-link-register {
  background: #fff;
  color: #c4153e;
  border: 2px solid #c4153e; 
  min-width: 142px;
  display: block;
  padding: 10px 20px;
  text-transform: uppercase;
  font-family: 'Secular One', sans-serif;
  font-size: 16px;
}
.thompson-tee-rewards .swell-campaign .swell-campaign-hover-content .swell-link-register:hover{
  background-color: #c4153e;
  color: #fff;
}
.thompson-tee-rewards .swell-campaign .swell-campaign-hover-content .swell-link-login:hover{
  background-color: #fff;
  color: #c4153e;
}
.thompson-tee-rewards .swell-campaign .swell-campaign-hover-content .swell-link:not(:last-child) {
  margin-bottom: 1em; 
}
.thompson-tee-rewards .swell-campaign .swell-campaign-hover-content .swell-link {
  display: block; 
}

/* campaigns end*/
/* tiers start*/
.thompson-tee-rewards .earn-more{
  margin-bottom: 50px;
}
.thompson-tee-rewards .earn-more.logged-out{
  margin-top: 50px;
}
.thompson-tee-rewards .earn-more .table-holder{
  padding: 0 10px;
  overflow: hidden;
}
.thompson-tee-rewards .earn-more .table-holder .tier-eligibility {
  font-size: 15px;
  font-weight: normal;
  float: right;
  margin-top: 25px;
}
.thompson-tee-rewards .earn-more .header-holder {
  margin-bottom: 0;
}
.thompson-tee-rewards .earn-more .header-holder p{
  font-size: 18px;
}
.thompson-tee-rewards .earn-more .header-holder h2{
  max-width: 220px;
  margin: 0 auto;
}
.thompson-tee-rewards .earn-more .swell-tier-table {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 1em;
  border-collapse: collapse;`
}
.thompson-tee-rewards .earn-more .swell-tier-table td {
  text-transform: uppercase;
  text-align: left;
  padding: 12px;
  font-size: 18px;
  color: #000;
}
.thompson-tee-rewards .earn-more .swell-tier-table th {
  text-transform: uppercase;
  text-align: left;
  padding: 12px 5px;
  border: none;
  font-size: 18px;
  position: relative;
  color: #000;
  font-weight: 400;
}
.thompson-tee-rewards .earn-more .swell-tier-table tbody th[scope="row"] {
  background: #fff;
  text-transform: none;
  font-size: 12px;
  font-family: 'Secular One', sans-serif;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead tr:not(:first-child) th:not(:first-child) {
  text-align: center;
  text-transform: none;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-names th:nth-child(2){
  background-color: #9d9d9d;
  font-size: 12px;
  font-family: 'Secular One', sans-serif;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-names th:nth-child(3){
  background-color: #262b2b;
  font-size: 12px;
  font-family: 'Secular One', sans-serif;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-names th:nth-child(4){
  background-color: #c4153e;
  font-size: 12px;
  font-family: 'Secular One', sans-serif;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-values th{
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead th .current-status {
  font-size: 10px;
  font-weight: bold;
  max-width: 150px;
  margin: 0 auto;
  background-color: #c4153e;
  color: #fff;
  padding: 9px 5px;
  text-align: center;
  position: relative;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead th .current-status .arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #c4153e;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead th .next-status {
  font-size: 10px;
  font-family: 'Secular One', sans-serif;
  padding: 9px 5px;
  text-align: center;
  color: #000;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead th .per-year {
  font-size: 10px;
  display: block;
}
.thompson-tee-rewards .earn-more .swell-tier-names th[scope="row"] {
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  width: 40%;
}
.thompson-tee-rewards .earn-more .swell-tier-names th:first-child {
  text-transform: none;
  font-size: 16px;
}
.thompson-tee-rewards .earn-more .swell-tier-names th[scope="col"] {
  background: black;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  color: white;
}
.thompson-tee-rewards .earn-more .swell-tier-table tbody td {
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  font-size: 0.9em;
  background: #fff;
}
.thompson-tee-rewards .earn-more .swell-tier-table tbody th {
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  font-size: 0.9em;
  border-left: 1px solid #d7d7d7;
  font-weight: normal;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead tr.current-tier th {
  text-align: center;
  max-width: 150px;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead th {
  font-size: 0.9em;
  max-width: 100px;
  width: 15%;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead th .text-holder {
  margin-top: 15px;
}
.thompson-tee-rewards .earn-more .swell-tier-table thead tr:first-child {
  font-weight: bold;
}
.thompson-tee-rewards .earn-more .swell-tier-table tr td:not(:first-child) {
  text-align: center;
  color: #000;
  font-size: 0.6em;
  font-weight: bold;
}
.thompson-tee-rewards .earn-more td.swell-tier-active,
.thompson-tee-rewards .earn-more th.swell-tier-active {
  color: #000;
}
.thompson-tee-rewards .earn-more .swell-tier-status thead tr:last-child th:not(:first-child).friend-tab {
  background: #5c5a5b;
  border-color: #5c5a5b;
}
.thompson-tee-rewards .earn-more .swell-tier-status thead tr:last-child th:not(:first-child).best-friend {
  background: #2d2b2c;
  border-color: #2d2b2c;
}
.thompson-tee-rewards .earn-more .swell-tier-status thead tr:last-child th:not(:first-child).forever-friend {
  background: #1aa3d9;
  border-color: #1aa3d9;
}
.thompson-tee-rewards .earn-more .swell-tier-status-row th span {
  color: #ff4851;
  display: block;
}
.thompson-tee-rewards .earn-more .swell-tier-table td:last-child, .thompson-tee-rewards .earn-more .swell-tier-table th:last-child {
  display:none;
}
/* tiers end*/
/* how to spend points*/
.thompson-tee-rewards .spend-points.logged-in {
  margin-bottom: 50px;
}
.thompson-tee-rewards .spend-points {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 64px 20px;
  background-color: #eee;
}
.thompson-tee-rewards .spend-points .header-holder {
  margin-bottom: 40px;
}
.thompson-tee-rewards .spend-points .header-holder h2{
  max-width: 220px;
  margin: 0 auto 15px;
  line-height: 1.2;
  color: #173F55;
}
.thompson-tee-rewards .spend-points .text-holder p{
  line-height: 1.2;
  margin-bottom: 0;
  font-size: 18px;
  color: #173F55;

}
.thompson-tee-rewards .spend-points .heading-holder h3 {
  font-size: 1.6em;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.thompson-tee-rewards .spend-points .text-holder {
  max-width: 475px;
  margin: 0 auto;
}
.thompson-tee-rewards .spend-points .sigin-link {
  color: #173F55;
}
.thompson-tee-rewards .spend-points .points-block h4 {
  font-size: 24px;
  margin: 0 0 40px;
  color: #173F55;
}
.thompson-tee-rewards .spend-points.login {
  padding: 40px 0 0;
}
.thompson-tee-rewards .spend-points.login .spend-points-holder {
  padding: 0 0 30px;
}
.thompson-tee-rewards .spend-points .heading-holder {
  text-align: center;
  margin-bottom: 45px;
}
.thompson-tee-rewards .spend-points .heading-holder h3 {
  font-size: 1.6em;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.thompson-tee-rewards .spend-points .text-holder {
  max-width: 475px;
  margin: 0 auto;
}
.thompson-tee-rewards .spend-points .sigin-link {
  color: #173F55;
}
.spend-points.login .spend-points-holder {
  max-width: 800px;
  border-bottom: 1px solid #eee;
  margin: 0 auto;
}
.thompson-tee-rewards .spend-points .join-btn a {
  display: inline-block;
  border: unset;
  padding: 16px 32px;
  font-size: 16px;
  font-family: 'Secular One', sans-serif;
  line-height: 1;
  letter-spacing: 2px;
  color: white;
  background: #173F55;
  margin-bottom: 30px;
}
.thompson-tee-rewards .banner .banner-caption .caption-details .join-btn a:hover,
.thompson-tee-rewards .how-it-work .user-login .swell-link a:hover,
.thompson-tee-rewards .spend-points .join-btn a:hover,
.referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list-submit:hover {
  background-color: #c4153e;
  color: #fff;
}
.thompson-tee-rewards .spend-points .sign-in {
  max-width: 210px;
  margin: 0 auto;
  color: #173F55;
  font-size: 16px;
}
@media(min-width: 480px){
  .thompson-tee-rewards h2 {
    font-size: 1.875em;
  }

  .thompson-tee-rewards .banner .banner-caption {
    text-align: left;
    padding: 100px 0px;
    color: #173F55;
  }
  .thompson-tee-rewards .banner .banner-caption .caption-details .detail {
    max-width: 500px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.75;
  }
  .thompson-tee-rewards .banner .banner-caption .caption-details .sign-in {
    font-size: 16px;
    max-width: 100%;
  }
  .thompson-tee-rewards .how-it-work .holder ul .work-box .list-box h3 {
    font-size: 27px;
  }
  .thompson-tee-rewards .how-it-work .holder ul .work-box .list-box .list-content {
    max-width: 400px;
    font-size: 27px;
  }
  .thompson-tee-rewards .how-it-work .holder ul .work-box:nth-child(2) .list-box .list-content {
    max-width: 215px;
  }
  .thompson-tee-rewards .how-it-work .holder ul .work-box:nth-child(3) .list-box .list-content {
    max-width: 240px;
  }
  .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-heading {
    font-size: 2.725em;
  }
   .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-heading .refer-heading {
    margin: 0 auto 25px;
    font-size: 21px;
  }
  .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-details {
    font-size: 1.125em;
  }
  .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-header-details {
    font-size: 18px;
    color: #173F55;
  }
  .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list-submit {
    max-width: 150px;
    min-width: 150px;
    font-size: 22px;
  }
   .thompson-tee-rewards .swell-campaign {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
   .thompson-tee-rewards .swell-campaign:nth-child(9) {
    -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%;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table tr td:not(:first-child) {
    font-size: 0.8em;
  }
 .thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-values th{
    font-size: 16px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead th .per-year {
    font-size: 12px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead th .current-status,
  .thompson-tee-rewards .earn-more .swell-tier-table thead th .next-status {
    font-size: 14px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-names th:first-child {
    font-size: 17px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-names th:nth-child(2){
    font-size: 16px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-names th:nth-child(3){
    font-size: 16px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-names th:nth-child(4){
    font-size: 16px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table tbody th[scope="row"] {
    font-size: 16px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead th {
    width: 20%;
  }
  .thompson-tee-rewards .spend-points .sign-in {
    max-width: 100%;
  }
}
@media(min-width: 768px){
  body.pagepath--rewards .body > .container {
    max-width:unset;
    padding:0;
  }
  .thompson-tee-rewards .desktop{
    display: block;
  }
  .thompson-tee-rewards .mobile{
    display: none;
  }
  .thompson-tee-rewards h2 {
    font-size: 1.5em;
  }
   .thompson-tee-rewards .banner {
    background-image: url(../img/rewards-23-hero.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .thompson-tee-rewards .banner .banner-caption {
    flex-basis: 90%;
  }
  .thompson-tee-rewards .banner .banner-caption .caption-details .title {
    /* font-size: 110px; */
    margin-bottom: 1rem;
  }
  .thompson-tee-rewards .how-it-work .user-login .divider {
    display: inline-block;
  }
  .thompson-tee-rewards .how-it-work .user-login .swell-link {
    margin-bottom: 0;
  }
  .thompson-tee-rewards .how-it-work .user-login .swell-link:first-child {
    margin-right: 15px;
  }
  .thompson-tee-rewards .how-it-work .holder ul {
    flex-direction: row;
  }
  .thompson-tee-rewards .how-it-work .holder ul .work-box {
    flex-basis: 33%;
    margin-bottom: 0
  }
  .thompson-tee-rewards .how-it-work .holder ul .work-box .list-box h3 {
    font-size: 18px;
  }
  .thompson-tee-rewards .how-it-work .holder ul .work-box .list-box .list-content {
    max-width: 263px;
    font-size: 18px;
  }
  .thompson-tee-rewards .how-it-work .holder ul .work-box:nth-child(2) .list-box .list-content {
    max-width: 155px;
  }
  .thompson-tee-rewards .how-it-work .holder ul .work-box:nth-child(3) .list-box .list-content {
    max-width: 180px;
  }
  .referral-section .swell-referral-content-container {
    display: flex;
    justify-content: flex-end;
    text-align: center;
    background-color: #E2E1DE;
    background-image: url(../img/refer-23.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 539px;
    width: 100%;
  }
  .referral-section .swell-referral-content-container .swell-referral-content-main {
    -webkit-box-flex: 0 0 66.66667%;
    -moz-box-flex: 0 0 66.66667%;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 0 0 66.66667%;
  }
  .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list .swell-referral-form-list-field:nth-child(1){
    flex:3;
    /* margin-right: 10px; */
    margin-bottom: 0;
  }
  .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list-field-input {
    padding: 14px 12px;
  }
  .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-list-submit {
    max-width: 91px;
    min-width: 91px;
    font-size: 19px;
    padding: 12px 20px;
  }
  .referral-section .swell-referral-content-container .swell-referral-content-main .swell-referral-form-header-details {
    margin-bottom: 1em;
  }
  .thompson-tee-rewards .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%;
  }
   .thompson-tee-rewards .swell-campaign:nth-child(9) {
    -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%;
  }
  .thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign:nth-child(3),
  .thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign:nth-child(6),
  .thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign:nth-child(9){
    border-right: 0;
  }
  .thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign:nth-child(7),
  .thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign:nth-child(8),
  .thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list .swell-campaign:nth-child(9){
    border-bottom: 0;
  }

  .thompson-tee-rewards .earn-points .earn-holder .swell-campaign-list {
    justify-content: space-around;
    margin: 0;
    border: 1px solid #eee;
  }
  .thompson-tee-rewards .earn-points .header-holder h2{
    max-width: 100%;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table tr td:not(:first-child) {
    font-size: 1em;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-values th{
    font-size: 20px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead th .per-year {
    font-size: 15px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-names th:first-child {
    font-size: 20px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-names th:nth-child(2){
    font-size: 19px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-names th:nth-child(3){
    font-size: 19px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead .swell-tier-names th:nth-child(4){
    font-size: 19px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table tbody th[scope="row"] {
    font-size: 18px;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table thead th {
    width: 15%;
  }
  .thompson-tee-rewards .earn-more .swell-tier-table th {
    padding: 12px;
  }
  .thompson-tee-rewards .earn-more .header-holder h2{
    max-width: 100%;
  }
  .thompson-tee-rewards .spend-points {
    background-image: url(../img/rewards-pts.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 350px;
  }
  
  .thompson-tee-rewards .spend-points .header-holder h2{
    max-width: 100%;
  }
}
/* how to spedn points end*/

.swell-referral-copy {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999;
  background-color: rgba(0,0,0,0.8);
}
.swell-referral-copy .swell-referral-copy-sidebar {
  display: none;
}
.swell-referral-copy .swell-referral-copy-content {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 1229px;
  margin: 0 auto;
  padding: 0 20px;
}
.swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #efedf2;
  min-height: 300px;
  padding-top: 50px;
}
.swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main .swell-referral-heading {
  display: none
}
.swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main .swell-referral-back-link {
  top: 40px;
  right: 40px;
}
.swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main .swell-referral-copy-link {
  font-size: 1.5em;
  margin-bottom: 0.8em;
  font-family: 'Secular One', sans-serif;
}
.swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main .swell-referral-copy-button {
  color: #c4153e;
  padding: 10px 20px;
  max-width: 154px;
  min-width: 154px;
  border: 2px solid #c4153e;
  font-family: 'Secular One', sans-serif;
  font-size: 18px;
  background: transparent;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main .swell-referral-details {
  font-size: 1em;
  line-height: 1;
}
@media (min-width: 768px) {
  .swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main {
    background-image: url(../img/copy-link-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 0;
    padding-left: 10%;
    min-height: 450px;
    justify-content: flex-start;
  }
  .swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main .swell-referral-back-link {
    right: auto;
    left: 40px;
  }
  .swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main .swell-referral-copy-link {
    font-size: 1.8em;
    margin-bottom: 0.4em;
  }
  .swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main .swell-referral-copy-button {
    margin-bottom: 30px;
  }
  .swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main .swell-referral-details {
    font-size: 1.125em;
  }
}
@media (min-width: 1024px) {
  .swell-referral-copy .swell-referral-copy-content .swell-referral-copy-main .swell-referral-back-link {
    right: 40px;
    left: left;
  }
}
/*referral end*/
/*Post CHeckout CSS Start*/
.swell-post-checkout {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}
.swell-post-checkout .checkout-heading {
  position: relative;
}
.swell-post-checkout .checkout-heading .swell-referral-back-link {
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.swell-post-checkout .checkout-heading .swell-referral-back-link:after,
.swell-post-checkout .checkout-heading .swell-referral-back-link:before {
  background: #fff;
}
.swell-post-checkout .checkout-heading .swell-post-checkout-heading {
  color: #fff;
  padding-top: 1.5em;
  margin: 0 auto;
  font-size: 25px;
  text-align: center;
  text-transform: initial;
}
.swell-post-checkout .swell-post-checkout-holder {
  position: absolute;
  top: 14%;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
}
.swell-post-checkout .swell-post-checkout-holder .referral-section .swell-referral-content-container {
  min-height: 500px;
  padding: 20px;
}
@media (min-width: 768px) {
  .swell-post-checkout .checkout-heading .swell-referral-back-link {
    top: 25px;
  }
  .swell-post-checkout .checkout-heading .swell-post-checkout-heading {
    padding-top: 3em;
  }
  .swell-post-checkout .checkout-heading .swell-post-checkout-heading {
    max-width: 100%;
  }
  .swell-post-checkout .swell-post-checkout-holder {
    top: 18%;
  }
}
/*Post CHeckout CSS End*/