html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/*GLOBAL CSS*/
@font-face {
    font-family: 'Fresh Script_Regular';
    src:    url('../font/freshscript/FreshScript-Regular_V1.1_WEB.eot');
    src:    url('../font/freshscript/FreshScript-Regular_V1.1_WEB.eot?#iefix') format('embedded-opentype'),
            url('../font/freshscript/FreshScript-Regular_V1.1_WEB.woff') format('woff'),
            url('../font/freshscript/FreshScript-Regular_V1.1_WEB.woff2') format('woff2'),
            url('../font/freshscript/FreshScript-Regular_V1.1_WEB.ttf') format('truetype'),
            url('../font/freshscript/FreshScript-Regular_V1.1_WEB.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FreshSans';
    src:    url('../font/freshsans/FreshSans-Regular_1_350_web.eot');
    src:    url('../font/freshsans/FreshSans-Regular_1_350_web.eot?#iefix') format('embedded-opentype'),
            url('../font/freshsans/FreshSans-Regular_1_350_web.woff') format('woff'),
            url('../font/freshsans/FreshSans-Regular_1_350_web.woff2') format('woff2'),
            url('../font/freshsans/FreshSans-Regular_1_350_web.ttf') format('truetype'),
            url('../font/freshsans/FreshSans-Regular_1_350_web.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FreshSans-Bold';
    src:    url('../font/freshsans/FreshSans-Bold_1_350_web.eot');
    src:    url('../font/freshsans/FreshSans-Bold_1_350_web.eot?#iefix') format('embedded-opentype'),
            url('../font/freshsans/FreshSans-Bold_1_350_web.woff') format('woff'),
            url('../font/freshsans/FreshSans-Bold_1_350_web.woff2') format('woff2'),
            url('../font/freshsans/FreshSans-Bold_1_350_web.ttf') format('truetype'),
            url('../font/freshsans/FreshSans-Bold_1_350_web.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'omnessemibold';
  src: url("../font/omnes/omnes-semibold.eot");
  src: url("../font/omnes/omnes-semibold.eot?#iefix") format("embedded-opentype"), url("../font/omnes/omnes-semibold.woff") format("woff"), url("../font/omnes/omnes-semibold.ttf") format("truetype"), url("../font/omnes/omnes-semibold.svg#omnessemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'omnes';
  src: url("../font/omnes/omnes.eot");
  src: url("../font/omnes/omnes.eot?#iefix") format("embedded-opentype"), url("../font/omnes/omnes.woff") format("woff"), url("../font/omnes/omnes.ttf") format("truetype"), url("../font/omnes/omnes.svg#omnessemibold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'omnes';
  src: url("../font/omnes/omnes-semibold.eot");
  src: url("../font/omnes/omnes-semibold.eot?#iefix") format("embedded-opentype"), url("../font/omnes/omnes-semibold.woff") format("woff"), url("../font/omnes/omnes-semibold.ttf") format("truetype"), url("../font/omnes/omnes-semibold.svg#omnessemibold") format("svg");
  font-weight: bold;
  font-style: normal; }
/* Mixin */
/* Common Class */
.list-inline > li {
  display: inline-block; }

.btn-default {
  background-color: #bdbdbd !important; }

.clearfix::after {
  clear: both;
  content: "";
  display: table; }

.program-item-listing {
   	display: block;
    text-align: center;
    width: 100%;
}
.boxborder{
	border:1px solid #CCC;
	border-radius: 10px;
	box-shadow:0px 5px 7px 4px rgba(240,240,240,1);
	-webkit-box-shadow: 0px 5px 7px 4px rgba(240,240,240,1);
	-moz-box-shadow: 0px 5px 7px 4px rgba(240,240,240,1);
}
.padded-outer{
	background:#fff;
	padding:20px;
}
.link-new-block {
    padding: 20px 0;
}
.link-block-ctn {
    padding: 0 10px !important;
}
.show-row{
	display:block;
}
.hiddenrow{
	display:none;
}
.redemption-item {
    background-color: white;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block !important;
    float: none !important;
    min-height: 118px;
    padding: 20px 20px 30px !important;
    text-align: left;
    vertical-align: top;
    width: 250px !important;
}
.greybackground {
    background: #FF8000;
    color: #fff;
}
.save-options-outer {
    text-align: center;
}
.dollar-options {
    text-align: left;
}
.opt-in-btn {
    float: right;
    font-family: "Arial" !important;
    font-size: 16px !important;
    min-width: 100px !important;
}

.yes-please-btn {
    min-width: 170px !important;
}

.switch-now-btn {
    min-width: 170px !important;
}

.switch-now-btn-div {
    padding-top: 10px;
}
@media screen and (max-width: 600px) {
  .switch-now-btn-div {
      text-align: center !important;
  }
}

.optin-float-left {
    float: left;
    margin: 10px 0 0 20px;
}
.redeem-check {
    margin: 10px !important;
}
.redeemtext {
    color: #9E9E9E !important;
    font-size: 16px !important;
    font-weight: normal !important;
	line-height: 22px !important;
	font-family: "Arial" !important;
}
#qff_existinglink_button {
	margin: 10px 10px 0 0 !important;
}

@media screen and (max-width: 600px) {
  #qff_existinglink_button {
  	margin: 30px 0px 10px 0 !important;
  }
}

.right-reward-pad{
	margin-right:10px;
}
.right-pad-none{
	margin-right:none;
}
.topmargin{
	margin-top:10px;
}
.reward-message {
    /*background: #fff none repeat scroll 0 0;*/
    border-radius: 0px;
    font-family: "Arial";
    font-size: 1.6rem;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.redemption-note {
    font-family: "Arial";
    font-size: 12px;
    height: 100px;
    padding: 10px !important;
    text-align: center;
}
.w-quantas-details {
    padding: 20px 0 10px;
}
/*
.w-quantas-details br {
    display: none;
}

@media screen and (max-width: 600px) {
  .w-quantas-details br {
      display: block;
  }
}
*/

@-webkit-keyframes load {
  0% {
    stroke-dashoffset: 0; } }

@keyframes load {
  0% {
    stroke-dashoffset: 0; } }
@-webkit-keyframes bounce {
  0% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-15px); } }
@keyframes bounce {
  0% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-15px); } }
/* INIT */
body {
  padding-top: 85px;
  color: #39464e;
  overflow-x: hidden; }

ul, li {
  margin: 0;
  padding: 0; }

a {
  cursor: pointer; }

.down10 {
  margin-top: 10px; }

.down20 {
  margin-top: 20px; }

.down30 {
  margin-top: 30px; }

.down40 {
  margin-top: 40px; }

.down50 {
  margin-top: 50px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.pad-top-20 {
  padding-top: 20px; }

.input-field > input[type="text"] + label,
.input-field > input[type="email"] + label,
.input-field > input[type="password"] + label {
  pointer-events: none; }

.btn {
  box-shadow: none !important;
  border-radius: 4px; }
  .btn:hover {
    box-shadow: none !important; }
  .btn.key, .btn.btn-primary {
    background-color: #e9660b;
    color: #fff; }
  .btn.red {
    background-color: #e41b23;
    color: white; }
  .btn.drop {
    background-color: #6f787d;
    border-radius: 0; }
    .btn.drop:hover {
      background-color: #e9660b; }
  .btn.btn-fb {
    background-color: #3949ab;
    color: #fff; }

.info-div {
  padding: 7px 10px;
  background-color: #e6e6e6;
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 20px; }

.blur-text, #page-communications .collapsible-header h4 + p {
  color: #9e9e9e; }

.clear-text {
  color: #000000; }

@media screen and (min-width: 992px) {
  html {
    position: relative;
    min-height: 100%; } }
.page-content {
  padding-bottom: 40px;
  background-color: #e6e6e6; }
  .page-content h1.title {
    margin-bottom: 30px; }
  @media screen and (max-width: 600px) {
    .page-content.page-authen {
      padding-top: 0px; } }
  .page-content.page-static {
    padding-top: 40px;
    background-color: #ededed;
    word-wrap: break-word; }
    .page-content.page-static .sub-content {
      padding-left: 30px; }
    .page-content.page-static section {
      margin-bottom: 30px; }
      .page-content.page-static section h4 {
        margin-top: 0;
        margin-bottom: 15px; }
      .page-content.page-static section p {
        margin-top: 0;
        margin-bottom: 10px; }
      .page-content.page-static section section {
        margin-bottom: 10px; }
  .page-content.page-inbenta {
    padding-top: 40px;
    background-color: #ededed; }
    .page-content.page-inbenta .uiTitle {
      margin-bottom: 40px; }

.white-padded-box {
  padding: 30px 50px !important;
  background-color: white;
  border-radius: 10px; }
  @media screen and (max-width: 600px) {
    .white-padded-box {
      padding: 20px 25px !important; } }

.page-header {
  height: 200px; }
  .page-header h1 {
    margin: 0;
    color: #fff;
    height: 200px;
    line-height: 200px;
    text-shadow: 3px 2px 20px #000; }
    @media screen and (max-width: 992px) {
      .page-header h1 {
        height: auto;
        line-height: normal;
        position: relative;
        top: 50px; } }
    @media screen and (max-width: 600px) {
      .page-header h1 {
        top: 0; } }
  .page-header.sticky {
    border-bottom: 1px solid #f1f1f1;
    background-color: #fff;
    width: 100%; }
  .page-header.no-bg {
    height: auto; }
    .page-header.no-bg h1 {
      height: auto;
      line-height: 1.4;
      color: #39464e;
      top: inherit;
      text-shadow: none; }
  @media screen and (max-width: 992px) {
    .page-header {
      height: 200px; } }
  @media screen and (max-width: 600px) {
    .page-header {
      padding-top: 50px; } }

.page-body {
  margin-top: 40px; }

.sticky {
  z-index: 99; }

.filter-element {
  display: inline-block; }

.inline-select {
  font-weight: bold;
  padding-right: 1.4rem;
  margin-left: .7rem;
  margin-right: .7rem;
  position: relative;
  cursor: pointer;
  display: inline-block; }
  .inline-select .inline-dropdown {
    position: absolute;
    z-index: 99;
    display: none; }
    .inline-select .inline-dropdown.right {
      right: 0px; }
      .inline-select .inline-dropdown.right li a {
        text-align: right; }
    .inline-select .inline-dropdown.left {
      left: 0px; }
      .inline-select .inline-dropdown.left li a {
        text-align: left; }
    .inline-select .inline-dropdown li a {
      width: 200px;
      text-transform: none;
      text-align: right; }
      .inline-select .inline-dropdown li a:hover {
        background-color: #e9660b !important; }
  .inline-select:hover .inline-dropdown {
    display: block; }

/* list same height */
.cols-ctn {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .cols-ctn .col-item {
    padding: 0 10px 20px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left; }
  .cols-ctn.cards-ctn {
    margin-left: -10px;
    margin-right: -10px;
    position: relative; }
    .cols-ctn.cards-ctn > .col-item {
      padding-bottom: 30px; }
      @media screen and (min-width: 1200px) {
        .cols-ctn.cards-ctn > .col-item {
          width: 25%; } }
      @media screen and (min-width: 1024px) and (max-width: 1200px) {
        .cols-ctn.cards-ctn > .col-item {
          width: 33.33333%; } }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .cols-ctn.cards-ctn > .col-item {
          width: 50%; } }
      @media screen and (max-width: 768px) {
        .cols-ctn.cards-ctn > .col-item {
          width: 100%; } }

.line {
  border-bottom: 1px solid #f1f1f1; }

/*//End for top icon*/
/*CSS for accordion select collection on detail page and communication*/
.collapsible {
  border: 0;
  padding: 0;
  box-shadow: none; }
  .collapsible li {
    position: relative; }
    .collapsible li .collapse-icon {
      position: absolute;
      top: 15px;
      right: 0; }
      .collapsible li .collapse-icon i {
        font-size: 3.6rem;
        width: auto;
        line-height: normal;
        margin-right: 0; }
      .collapsible li .collapse-icon i.fa-angle-up {
        display: none; }
      .collapsible li .collapse-icon i.fa-angle-down {
        display: block; }
    .collapsible li .collapsible-header.active .collapse-icon i.fa-angle-up {
      display: block; }
    .collapsible li .collapsible-header.active .collapse-icon i.fa-angle-down {
      display: none; }
    .collapsible li.active {
      border-bottom: 5px solid #ddd; }
    .collapsible li .collection {
      border-top: 0;
      border-bottom: 0; }
  .collapsible .collapsible-header {
    height: auto;
    display: block;
    cursor: pointer;
    line-height: inherit;
    padding: 5px 0;
    background-color: #fff; }
    .collapsible .collapsible-header h4 {
      padding-right: 30px; }
    .collapsible .collapsible-header h4 + p {
      margin-top: 0;
      margin-bottom: 10px;
      padding-right: 50px;
      color: #9e9e9e; }
  .collapsible .collapsible-body {
    border-bottom: none; }
  .collapsible .collection {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: hidden;
    position: relative; }
    .collapsible .collection .collection-item {
      border: none;
      color: #000000;
      padding-left: 0; }
      .collapsible .collection .collection-item.active {
        background-color: #c8c8c8; }
  .collapsible .select-bar {
    margin: 20px 0;
    font-weight: bold; }
    .collapsible .select-bar span {
      cursor: pointer; }

/*//END of CSS for accordion*/
/* FORM VALIDATION STYLE */
.invalid > label,
.input-field label.invalid {
  color: red !important; }

.invalid > input[type=text], .invalid > input[type=text]:focus:not([readonly]), input[type=text].invalid.ng-dirty, input[type=text].invalid:focus:not([readonly]), .invalid >
input[type=password], .invalid >
input[type=password]:focus:not([readonly]),
input[type=password].invalid.ng-dirty,
input[type=password].invalid:focus:not([readonly]), .invalid >
input[type=email], .invalid >
input[type=email]:focus:not([readonly]),
input[type=email].invalid.ng-dirty,
input[type=email].invalid:focus:not([readonly]), .invalid >
input[type=url], .invalid >
input[type=url]:focus:not([readonly]),
input[type=url].invalid.ng-dirty,
input[type=url].invalid:focus:not([readonly]), .invalid >
input[type=time], .invalid >
input[type=time]:focus:not([readonly]),
input[type=time].invalid.ng-dirty,
input[type=time].invalid:focus:not([readonly]), .invalid >
input[type=date], .invalid >
input[type=date]:focus:not([readonly]),
input[type=date].invalid.ng-dirty,
input[type=date].invalid:focus:not([readonly]), .invalid >
input[type=datetime-local], .invalid >
input[type=datetime-local]:focus:not([readonly]),
input[type=datetime-local].invalid.ng-dirty,
input[type=datetime-local].invalid:focus:not([readonly]), .invalid >
input[type=tel], .invalid >
input[type=tel]:focus:not([readonly]),
input[type=tel].invalid.ng-dirty,
input[type=tel].invalid:focus:not([readonly]), .invalid >
input[type=number], .invalid >
input[type=number]:focus:not([readonly]),
input[type=number].invalid.ng-dirty,
input[type=number].invalid:focus:not([readonly]), .invalid >
input[type=search], .invalid >
input[type=search]:focus:not([readonly]),
input[type=search].invalid.ng-dirty,
input[type=search].invalid:focus:not([readonly]), .invalid >
textarea.materialize-textarea, .invalid >
textarea.materialize-textarea:focus:not([readonly]),
textarea.materialize-textarea.invalid.ng-dirty,
textarea.materialize-textarea.invalid:focus:not([readonly]) {
  border-bottom-color: red;
  box-shadow: 0 1px 0 0 red;
  color: red; }

/*.select-wrapper input.select-dropdown{
  border: 1px solid #e9660b;
  padding-left: 10px;
  box-sizing: border-box;
}*/
.dropdown-content {
  font-family: 'Arial'; }

.checkbox-ctn {
  position: relative; }
  .checkbox-ctn span.invalid-msg {
    left: 5px; }

span.invalid-msg {
  font-size: 1.2rem;
  line-height: 1;
  color: red; }
  label + span.invalid-msg, .select-wrapper + span.invalid-msg {
    position: absolute;
    top: 37px;
    left: 8px; }
  input[type="checkbox"] + label + span.invalid-msg {
    display: block;
    position: relative;
    top: 0; }

/* END of FORM VALIDATION STYLE */
/*
todo: Cheat
Hide strange caret display when select change
Need find a better fix
*/
.input-field > span.caret {
  display: none; }

.loading-box {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 1 !important;
  text-align: center; }
  .loading-box > img {
    top: 33%;
    position: relative;
    width: 26px !important; }

.spinner {
  display: inline !important;
  width: 26px !important; }

.spinner2 {
    float: left;
    margin: 1px 10px 0 0; }
.btn-spinner {
  width: 26px;
  vertical-align: middle; }

.loading-placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 101;
  padding-top: 20%;
  text-align: center; }

html {
  font-size: 62.5%;
  font-family:  Arial, "Helvetica Neue", Helvetica, sans-serif !important; }

body {
  font-size: 1.4rem; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: 'Arial';
  line-height: 1.1; }

h1, .h1 {
  font-size: 3.6rem; }

h2, .h2 {
  font-size: 3.0rem; }

h3, .h3 {
  font-size: 2.4rem; }

h4, .h4 {
  font-size: 1.8rem;
  font-family: 'Arial';
  font-weight: bold; }

h5, .h5 {
  font-size: 1.6rem;
  font-family: 'Arial';
  font-weight: bold; }

h6, .h6 {
  font-size: 1.4rem;
  font-family: 'Arial';
  font-weight: bold; }

/*p {
  font-family: 'Arial';
  font-size: 1.6rem;
  line-height: 1.5;
}*/
b, strong {
  font-weight: 700; }

ul li a {
  font-size: 1.3rem; }

label {
  font-size: 1.4rem; }
  .input-field label {
    font-size: 1.6rem;
    font-family: 'Arial', sans-serif;
    color: #848a8f;
    top: 0.2em; }
    .input-field label.active {
      font-size: 1.2rem; }

.select-wrapper + label {
  font-size: 1.2rem;
  top: -1.6rem; }
.select-wrapper input.select-dropdown {
  font-size: 1.6rem;
  height: 3rem;
  line-height: 3rem; }

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  font-size: 1.6rem;
  line-height: 1.2;
  font-family: 'Arial'; }

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  font-size: 1.4rem;
  line-height: 1.8; }

[type="checkbox"] + label {
  font-size: 1.4rem;
  line-height: 1.5; }

.dropdown-content li {
  line-height: 2.5rem; }
  .dropdown-content li > a, .dropdown-content li > span {
    font-size: 1.4rem;
    padding: 10px 10px; }

.picker__table {
  font-size: 1.8rem; }
.picker__close, .picker__today {
  font-size: 1.5rem; }
.picker__weekday {
  font-size: 1.3rem; }
  .picker__weekday-display {
    font-size: 1.4rem; }

.material-tooltip {
  font-size: 1.2rem;
  line-height: normal; }

/*
nav {
    background-color:red !important;
}
*/
header {
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 100; }
  header nav {
    background-color: #fff; }
  header .primary-nav {
    height: 85px; }
    @media screen and (max-width: 992px) {
      header .primary-nav {
        height: 60px; } }
  header .nav-desktop ul {
    position: absolute;
    bottom: 0px;
    right: 0px; }
    header .nav-desktop ul .fa-chevron-down {
      font-size: 1.2rem;
      position: relative;
      top: -3px; }
    header .nav-desktop ul li a {
      color: #39464e;
      text-transform: uppercase;
      font-family: 'Arial'; }
      header .nav-desktop ul li a.active:after {
        position: absolute;
        content: " ";
        bottom: 0px;
        width: 100%;
        border-bottom: 4px solid #e9660b;
        left: 0px; }
  header .brand-logo {
    position: relative;
    float: left; }
    header .brand-logo:before {
      position: absolute;
      right: 0;
      display: block;
      content: " ";
      width: 1000px;
      background: url(../images/header-bg-1.jpg);
      /*background-color: #f47920;*/ }
    header .brand-logo > img {
      position: relative; }
  header .nav-desktop .brand-logo {
    height: 85px; }
    header .nav-desktop .brand-logo:before {
      height: 85px; }
    header .nav-desktop .brand-logo > img {
      height: 85px; }
  header .nav-mobile .brand-logo,
  header .sidebar-nav .brand-logo {
    height: 60px; }
    header .nav-mobile .brand-logo:before,
    header .sidebar-nav .brand-logo:before {
      height: 60px; }
    header .nav-mobile .brand-logo > img,
    header .sidebar-nav .brand-logo > img {
      height: 60px; }
    header .nav-mobile .brand-logo > img {
      width: 180px !important; }
  header .nav-sub {
    /*background: #15562b;*/
    background: rgb(91, 86, 86) !important;
    height: 50px; }
    header .nav-sub li {
      line-height: 50px; }
      header .nav-sub li a {
        line-height: 50px; }
  header .nav-sub-mobile {
    position: absolute;
    width: 100%; }
    header .nav-sub-mobile > ul.collapsible {
      margin: 0; }
    header .nav-sub-mobile .collapsible-header {
      background-color: #ccc;
      position: relative;
      padding: 15px 0; }
      header .nav-sub-mobile .collapsible-header i {
        position: absolute;
        right: 5px;
        top: 10px; }
        header .nav-sub-mobile .collapsible-header i.fa-angle-up {
          display: none; }
      header .nav-sub-mobile .collapsible-header.active i.fa-angle-up {
        display: block; }
      header .nav-sub-mobile .collapsible-header.active i.fa-angle-down {
        display: none; }
    header .nav-sub-mobile .collapsible-body {
      width: 100%;
      background-color: #fff; }
    header .nav-sub-mobile .collapsible-body ul > li > a {
      color: #1E1E1E;
      display: block;
      height: 4rem;
      line-height: 4rem;
      background-color: #fff;
      border-bottom: 1px solid #ddd; }
    header .nav-sub-mobile .collapsible-body ul > li:last-child > a {
      border-bottom: none; }
  header .nav-wrapper::after {
    clear: both;
    content: "";
    display: table; }
  header .nav-sub ul > li > a {
    border-bottom: 2px solid transparent;
    color: white; }
    header .nav-sub ul > li > a.active, header .nav-sub ul > li > a:hover {
      background-color: #fff;
      color: #1E1E1E;
      -webkit-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out;
      border-bottom: 2px solid #e9660b; }
  header .nav-mobile {
    display: none; }
    header .nav-mobile a.sub-mobile-active {
      background-color: #ccc; }
    header .nav-mobile .header-icon-group {
      margin-top: 5px;
      border: none; }
      header .nav-mobile .header-icon-group .earn {
        margin-left: 10px; }
  header .side-bar {
    display: none; }

.nav li {
  display: inline-block; }
  .nav li.active > a {
    text-decoration: underline; }
  .nav li > a {
    padding: 12px 10px;
    display: inline-block;
    color: #1E1E1E;
    text-decoration: none; }
    .nav li > a:hover {
      background-color: #D5D5D5; }

@media screen and (max-width: 992px) {
  body {
    padding-top: 60px; }

  nav,
  nav .nav-wrapper i,
  nav a.button-collapse,
  nav a.button-collapse i {
    height: 60px;
    line-height: 60px; }

  header .nav-desktop, header .nav-desktop .brand-logo {
    display: none; }
  header .nav-mobile {
    display: block;
    line-height: 60px; }
    header .nav-mobile .brand-logo {
      display: block;
      float: left;
      height: 60px;
      left: 0;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
    header .nav-mobile > ul > li > a {
      color: #1E1E1E;
      position: relative;
      text-transform: uppercase;
      font-family: 'Arial'; }
      header .nav-mobile > ul > li > a.active:after {
        position: absolute;
        content: " ";
        bottom: 0px;
        width: 100%;
        border-bottom: 4px solid #e9660b;
        left: 0px; }
  header .side-bar {
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    height: calc(100% + 60px);
    padding-bottom: 60px;
    background-color: #fff;
    z-index: 999;
    overflow-y: auto; } }
@media screen and (max-width: 992px) and (max-width: 480px) {
  header#anonymous-header .nav-mobile > ul > li:first-child {
    display: none; } }
@media screen and (max-width: 992px) and (max-width: 480px) {
  header#anonymous-header .nav-mobile > ul > li:first-child:last-child {
    display: block; } }
@media screen and (max-width: 992px) and (max-width: 480px) {
  header#anonymous-header .nav-mobile > ul > li:first-child:last-child > a {
    font-size: 1.2rem; } }
@media screen and (max-width: 992px) and (max-width: 320px) {
  header#anonymous-header .nav-mobile > ul > li:first-child:last-child > a {
    padding: 0 5px;
    right: -15px;
    font-size: 1.1rem; } }
@media screen and (max-width: 992px) and (max-width: 320px) {
  header#anonymous-header .nav-mobile > ul > li:hover {
    background-color: transparent; } }
@media screen and (max-width: 992px) and (max-width: 480px) {
  header#anonymous-header .nav-mobile > ul > li > a {
    padding: 0 5px;
    right: -15px; } }

@media screen and (max-width: 992px) {
  .sidebar-nav .close-sidebar {
    display: block;
    color: #1E1E1E; }
    .sidebar-nav .close-sidebar .mdi-navigation-close {
      font-size: 3rem;
      line-height: 60px; }
    .sidebar-nav .close-sidebar:hover {
      background: #f1f1f1; }
  .sidebar-nav .collapse-menu {
    margin: 0;
    border: none;
    /*background-color: #15562b;*/
    background-color: rgb(91, 86, 86) !important;
    color: #fff; }
    .sidebar-nav .collapse-menu .collapsible-header {
      padding: 20px 0;
      border: none;
      background-color: transparent; }
      .sidebar-nav .collapse-menu .collapsible-header > .container > .row {
        position: relative; }
      .sidebar-nav .collapse-menu .collapsible-header a {
        display: block;
        font-size: 1.8rem;
        text-transform: uppercase;
        color: #fff; }
      .sidebar-nav .collapse-menu .collapsible-header i.fa {
        margin-right: 0;
        position: absolute;
        right: 5px;
        top: -5px;
        font-size: 3rem;
        line-height: normal;
        display: none; }
        .sidebar-nav .collapse-menu .collapsible-header i.fa.fa-angle-down {
          display: block; }
      .sidebar-nav .collapse-menu .collapsible-header.active i.fa-angle-up {
        display: block; }
      .sidebar-nav .collapse-menu .collapsible-header.active i.fa-angle-down {
        display: none; }
    .sidebar-nav .collapse-menu .collapsible-body {
      padding-bottom: 20px; }
      .sidebar-nav .collapse-menu .collapsible-body .menu-links > li > a {
        padding: 10px 0 10px 15px;
        display: block;
        color: #fff;
        font-size: 1.4rem;
        text-transform: uppercase; }
  .sidebar-nav .primary-menu {
    background-color: #f1f1f1; }
    .sidebar-nav .primary-menu .links-ctn > li > a {
      padding: 20px 0;
      display: block;
      color: #39464e;
      font-size: 1.6rem;
      line-height: 1.2;
      text-transform: uppercase; }
    .sidebar-nav .primary-menu .links-ctn > li.info-link {
      position: relative;
      border-bottom: 1px solid #999; }
      .sidebar-nav .primary-menu .links-ctn > li.info-link > a {
        padding: 20px 0 40px; }
      .sidebar-nav .primary-menu .links-ctn > li.info-link > span {
        position: absolute;
        bottom: 20px;
        font-weight: 300;
        pointer-events: none; }
      .sidebar-nav .primary-menu .links-ctn > li.info-link > i.fa {
        font-size: 2.8rem;
        color: #39464e;
        position: absolute;
        right: 10px;
        top: 25%;
        pointer-events: none; }
      .sidebar-nav .primary-menu .links-ctn > li.info-link.small > a {
        padding: 20px 0 20px; }
  .sidebar-nav .social-links {
    background-color: #D5D5D5; }
    .sidebar-nav .social-links a:hover {
      background-color: #f1f1f1; }
    .sidebar-nav .social-links i.fa {
      font-size: 1.6rem; } }
.bar-earn-spend {
  display: none;
  line-height: 55px;
  background-color: #f1f1f1; }
  .bar-earn-spend::after {
    clear: both;
    content: "";
    display: table; }
  .bar-earn-spend .col-earn,
  .bar-earn-spend .col-spend {
    /*width: 50%;
    float: left;*/
    padding: 10px 0; }
  .bar-earn-spend p {
    margin: 0;
    vertical-align: middle;
    font-size: 1.4rem;
    line-height: normal; }
    .bar-earn-spend p img {
      width: 40px;
      vertical-align: middle;
      margin-right: 10px; }
    .bar-earn-spend p span {
      color: #e9660b; }
    @media screen and (max-width: 320px) {
      .bar-earn-spend p {
        font-size: 1.3rem; } }
  @media screen and (max-width: 600px) {
    .bar-earn-spend {
      display: none; } }

footer {
  position: relative; }
  footer .important-info {
    display: none;
    position: absolute;
    bottom: 100%;
    z-index: 99;
    width: 100%;
    background-color: #fff; }
    footer .important-info h2 {
      margin-top: 0; }
    footer .important-info .container {
      padding: 30px 50px; }
      @media screen and (max-width: 600px) {
        footer .important-info .container {
          padding-left: 0px;
          padding-right: 0px; } }
  footer span, footer #ii-trigger {
    padding: 12px 0px;
    display: inline-block; }
  footer #ii-trigger {
    color: #39464e;
    text-decoration: underline; }
    footer #ii-trigger .fa-minus {
      display: none; }
  footer #ii-close {
    cursor: pointer; }
  footer .nav-social {
    background-color: #f1f1f1; }
    footer .nav-social .nav {
      display: block;
      text-align: right; }
  footer .copyright {
    background-color: #e9660b;
    color: white; }
    footer .copyright::after {
      clear: both;
      content: "";
      display: table; }
    footer .copyright > p {
      margin: 12px 0; }
      @media screen and (max-width: 600px) {
        footer .copyright > p {
          text-align: center; } }
    footer .copyright .nav-links {
      text-align: right; }
      @media screen and (max-width: 600px) {
        footer .copyright .nav-links {
          text-align: center; } }
      @media screen and (max-width: 400px) {
        footer .copyright .nav-links {
          width: 100%; } }
    footer .copyright .nav-links > li {
      border-right: 1px solid #fff; }
      footer .copyright .nav-links > li a {
        color: white;
        text-transform: uppercase;
        font-size: 1.2rem; }
        footer .copyright .nav-links > li a:hover {
          background-color: inherit; }
      footer .copyright .nav-links > li:last-child {
        border-right: none; }
      @media screen and (max-width: 600px) {
        footer .copyright .nav-links > li {
          border-right: none;
          display: block; } }
    footer .copyright.row {
      margin-bottom: 0; }
    footer .copyright.copyright-mob {
      display: none; }
    @media screen and (max-width: 600px) {
      footer .copyright.copyright-desk {
        display: none; }
      footer .copyright.copyright-mob {
        display: block; } }

@media screen and (min-width: 992px) {
  /*footer {
    position: absolute;
    bottom: 0;
    width: 100%;
  }*/ }
/* Override */
.dropdown-content {
  z-index: 2; }

.select-dropdown li {
  border-bottom: 1px solid #ccc; }
  .select-dropdown li:last-child {
    border-bottom: none; }
.select-dropdown li.disabled {
  border-bottom: 1px solid #e9660b; }

.select-wrapper span.caret {
  right: 10px;
  top: 15%;
  font-size: 14px; }

.dropdown-content {
  border: 1px solid #aaa; }

/* OVERRIDE CONTAINER SIZING */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px !important; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }
@media (min-width: 992px) {
  .container {
    width: 970px; } }
@media (min-width: 1200px) {
  .container {
    width: 1170px; } }
@media (min-width: 1400px) {
  .container {
    width: 1370px; } }
/* MATERIALIZECSS OVERRIDES */
.row {
  margin-bottom: 0px; }

small, .small {
  font-size: 1.2rem; }

/*input:focus{
  border-bottom: 1px solid $color-key-base !important;
  box-shadow: 0 1px 0 0 $color-key-base !important;
}*/
/* MIXITUP OVERRIDES */
.pager-list .page-number {
  display: none; }

.pager-list {
  display: inline-block; }

.pager-link {
  font-weight: bold;
  margin: 0px 10px 0px 0px;
  cursor: pointer; }

#page-cards-account .page-header {
  background: url("../img/hero/card-accounts-mangoes.jpg") no-repeat center center;
  background-size: cover; }
  #page-cards-account .page-header.sticky {
    border-bottom: 1px solid #f1f1f1;
    background-color: #fff;
    width: 100%; }
    #page-cards-account .page-header.sticky h1 + p {
      display: none; }
#page-cards-account .cards-block {
  margin-top: 50px; }
@media screen and (max-width: 768px) {
  #page-cards-account .cards-ctn > .col.s12 {
    width: 100%;
    margin-bottom: 15px; } }
#page-cards-account .card-item {
  margin-bottom: 15px;
  border-radius: 10px;
  padding: 15px 20px;
  position: relative;
  min-height: 200px;
  background: url("../img/card-bg2.jpg") center center no-repeat;
  background-size: cover; }
  @media screen and (min-width: 1200px) {
    #page-cards-account .card-item {
      min-height: 240px; } }
  #page-cards-account .card-item .card-title {
    margin: 5px 0 0 0;
    color: #fff;
    text-shadow: 1px 1px 1px #333; }
  #page-cards-account .card-item .card-info {
    padding: 20px 20px 10px;
    position: absolute;
    bottom: 0;
    background-color: #f1f1f1;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    #page-cards-account .card-item .card-info h4, #page-cards-account .card-item .card-info p {
      margin: 0; }
    #page-cards-account .card-item .card-info h4 {
      margin-bottom: 10px; }
  #page-cards-account .card-item.card-primary .card-info {
    right: 30px;
    width: 70%; }
    @media screen and (max-width: 768px) {
      #page-cards-account .card-item.card-primary .card-info {
        right: inherit;
        width: calc(100% - 40px); } }
  #page-cards-account .card-item.card-linked .card-info {
    width: calc(100% - 40px); }
    #page-cards-account .card-item.card-linked .card-info .meta::after {
      clear: both;
      content: "";
      display: table; }
    #page-cards-account .card-item.card-linked .card-info .meta > p {
      width: 50%;
      float: left; }
      @media screen and (max-width: 400px) {
        #page-cards-account .card-item.card-linked .card-info .meta > p {
          margin-bottom: 5px;
          width: 100%; } }
    #page-cards-account .card-item.card-linked .card-info .meta > p i.fa {
      font-size: 2.0rem; }
#page-cards-account .collapsible .collapsible-header h3 {
  padding-right: 30px; }
#page-cards-account .collapsible .collapsible-header.active {
  border-bottom: none; }
#page-cards-account .collapsible .collapsible-body {
  padding-bottom: 20px; }
#page-cards-account .collapsible .collapsible-body form input[type="radio"] + label {
  color: rgba(0, 0, 0, 0.87); }
#page-cards-account .collapsible .link-block-ctn {
  padding-top: 15px; }
  #page-cards-account .collapsible .link-block-ctn .checkbox-ctn {
    margin-top: 15px; }
  #page-cards-account .collapsible .link-block-ctn .more {
    padding-left: 35px; }
@media screen and (max-width: 480px) {
  #page-cards-account #qff_linking_display [type="radio"]:not(:checked) + label,
  #page-cards-account #qff_linking_display [type="radio"]:checked + label {
    line-height: 1.5;
    margin-bottom: 20px; } }
#page-cards-account .accounts-block {
  margin-top: 50px; }
  #page-cards-account .accounts-block button.btn {
    min-width: 250px; }
    @media screen and (max-width: 600px) {
      #page-cards-account .accounts-block button.btn {
        min-width: 100%; } }
  #page-cards-account .accounts-block .connect-fb-ctn {
    padding: 0 0 20px; }
  #page-cards-account .accounts-block .close-account-ctn {
    padding-bottom: 30px; }
#page-cards-account form .input-field input {
  margin-bottom: 35px; }
#page-cards-account form .form-actions {
  margin: 10px 0; }
  #page-cards-account form .form-actions .btn {
    min-width: 250px; }
    @media screen and (max-width: 600px) {
      #page-cards-account form .form-actions .btn {
        min-width: 100%; } }
#page-cards-account p {
  padding: 0;
  margin-bottom: 10px; }

#page-communications .page-header {
  background: url("../img/hero/communication-avocado.jpg") no-repeat top center;
  background-size: cover; }
#page-communications section {
  margin-bottom: 50px; }
  #page-communications section > h2 {
    margin-top: 0;
    margin-bottom: 20px; }
#page-communications .contact-pref-ctn {
  position: relative;
  margin-top: 20px; }
  #page-communications .contact-pref-ctn .col {
    margin-bottom: 10px; }
  #page-communications .contact-pref-ctn .form-actions .btn {
    height: auto; }
  #page-communications .contact-pref-ctn .form-actions .link-extend {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #e9660b;
    margin-right: 10px; }
#page-communications .promotions {
  position: relative; }
#page-communications .collapsible-header h4 {
  margin-top: 10px; }
#page-communications .collapsible-header h4 + p {
  margin-top: 0; }
#page-communications .collapsible-header.active {
  border-bottom: none; }
#page-communications [type="checkbox"] + label {
  color: #1E1E1E; }
@media screen and (max-width: 320px) {
  #page-communications [type="checkbox"].filled-in:checked + label:after {
    top: 5px; } }
@media screen and (max-width: 320px) {
  #page-communications [type="checkbox"].filled-in:checked + label:before {
    top: 5px; } }
#page-communications button {
  min-width: 250px; }
  @media screen and (max-width: 600px) {
    #page-communications button {
      width: 100%;
      height: auto; } }

/* Page Style */
#page-login {
  font-family: "Arial" !important; }
  #page-login p {
    font-size: 1.6rem; }
  #page-login .page-header {
    background: url("../img/hero/login-limes.jpg") no-repeat center center;
    background-size: cover; }
  #page-login .row.password-ctn {
    margin-bottom: 5px; }
  #page-login .forgot-pwd {
    margin-bottom: 30px;
    text-align: right; }
    #page-login .forgot-pwd > a {
      text-decoration: none; }
  #page-login .login-fb-ctn {
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f1f1; }
    #page-login .login-fb-ctn label {
      margin: 8px 0;
      font-size: 1.4rem; }
  #page-login .btn-login, #page-login .btn-login-fb, #page-login .btn-join {
    min-width: 250px; }
    @media screen and (max-width: 600px) {
      #page-login .btn-login, #page-login .btn-login-fb, #page-login .btn-join {
        min-width: 100%; } }
  #page-login #form-login {
    margin-top: 20px;
    margin-bottom: 20px; }
    #page-login #form-login .input-field input {
      margin-bottom: 35px; }
    #page-login #form-login input[type="checkbox"] + label {
      margin-bottom: 10px; }
    #page-login #form-login .error-summary-ctn {
      margin-bottom: 20px; }
  #page-login .reg-suggest {
    padding-top: 20px; }
    #page-login .reg-suggest h5 {
      line-height: 1.5;
      font-weight: 500; }

#page-forgot-pwd {
  font-family: "Arial"; }
  #page-forgot-pwd .page-header {
    background: url("../img/hero/login-limes.jpg") no-repeat center center;
    background-size: cover; }
  @media screen and (max-width: 600px) {
    #page-forgot-pwd .btn-primary {
      width: 100%; } }

#page-congrat {
  font-family: "Arial"; }
  #page-congrat .page-header {
    background: url("../img/hero/congrat-tomatoes.jpg") no-repeat top center;
    background-size: cover; }
  #page-congrat .btn {
    font-weight: 300;
    min-width: 250px;
    max-width: 100%;
    position: relative; }
    #page-congrat .btn i.fa {
      font-size: 2rem;
      position: absolute;
      right: 10px; }
  #page-congrat p {
    font-size: 1.6rem; }
    @media screen and (max-width: 600px) {
      #page-congrat p {
        font-size: 1.4rem; } }
  #page-congrat .card-ctn {
    position: relative;
    margin-bottom: 50px; }
    #page-congrat .card-ctn > img {
      margin-right: 50px;
      float: left;
      display: block;
      max-width: 100%;
      height: auto; }
      @media screen and (max-width: 992px) {
        #page-congrat .card-ctn > img {
          float: none;
          margin: 0 auto 20px;
          width: 250px; } }
      @media screen and (max-width: 600px) {
        #page-congrat .card-ctn > img {
          width: 150px; } }
    #page-congrat .card-ctn section {
      padding-top: 10px; }
    #page-congrat .card-ctn h3 {
      margin-top: 0; }
      @media screen and (max-width: 992px) {
        #page-congrat .card-ctn h3 {
          text-align: center; } }
    @media screen and (max-width: 992px) {
      #page-congrat .card-ctn h3 > br {
        display: none; } }
    #page-congrat .card-ctn .btn {
      position: absolute;
      bottom: 0;
      right: 0; }
      @media screen and (max-width: 992px) {
        #page-congrat .card-ctn .btn {
          position: relative;
          width: 100%; } }
  #page-congrat .lookout-ctn {
    margin-bottom: 30px; }
    #page-congrat .lookout-ctn p {
      margin: 0;
      width: 70%;
      float: left;
      line-height: 36px; }
      @media screen and (max-width: 992px) {
        #page-congrat .lookout-ctn p {
          width: 100%;
          float: none;
          margin-bottom: 10px;
          line-height: 1.4; } }
    #page-congrat .lookout-ctn .link-box {
      width: 30%;
      float: right;
      text-align: right; }
      @media screen and (max-width: 992px) {
        #page-congrat .lookout-ctn .link-box .btn {
          width: 100%; } }
      @media screen and (max-width: 992px) {
        #page-congrat .lookout-ctn .link-box {
          width: 100%;
          float: none; } }
  #page-congrat .manage-pref {
    margin: 0;
    padding: 30px 0;
    border-top: 1px solid #ddd;
    font-size: 1.4rem;
    color: #3f4b53;
    font-weight: 300; }

#page-404 .page-header {
  background: url("../img/page-header-error404.jpg") no-repeat center center;
  background-size: cover; }

#page-error .page-header {
  background: url("../img/page-header-errorGeneric.jpg") no-repeat top center;
  background-size: cover; }

/*My Activity page*/
#page-activity .page-header {
  width: 100%;
  background: url("../img/hero/my-activity-blueberries.jpg") no-repeat top center;
  background-size: cover; }
  #page-activity .page-header h1 {
    margin: 0px; }
  #page-activity .page-header .head-option {
    margin-top: 5px;
    text-align: right; }
    @media screen and (max-width: 992px) {
      #page-activity .page-header .head-option .responsive-option {
        width: 100%;
        display: block; } }
  #page-activity .page-header.sticky {
    border-bottom: none; }
#page-activity .main-table {
  background-color: white; }
#page-activity .filter-element {
  font-size: 1.8rem;
  color: #6f787d;
  margin-top: 10px; }
#page-activity .table-fixed-heading {
  background-color: #e6e6e6; }
  #page-activity .table-fixed-heading .cell-titles {
    padding: 0px; }
    #page-activity .table-fixed-heading .cell-titles .col {
      background-color: white;
      padding-top: 15px;
      padding-bottom: 15px;
      border-left: 5px solid #e6e6e6;
      height: 65px;
      width: 20%;
      margin-left: 0px; }
    #page-activity .table-fixed-heading .cell-titles .earned-header .s6 {
      padding: 0px;
      margin: 0px;
      border-left: none;
      height: auto; }
  #page-activity .table-fixed-heading:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 992px) {
    #page-activity .table-fixed-heading {
      display: none; } }
#page-activity table th {
  text-align: center;
  background-color: #D5D5D5;
  padding: 0;
  margin: 0;
  border: none;
  border-left: 5px solid white;
  width: auto; }
  #page-activity table th.first {
    width: 50%; }
  #page-activity table th.no-color {
    background-color: transparent; }
  #page-activity table th.sub-header {
    font-size: 12px;
    font-weight: normal;
    border-left: none; }
  #page-activity table th .large-header th {
    width: 20%; }
#page-activity table tr {
  border-bottom: 1px solid #D5D5D5; }
  #page-activity table tr.month-row td {
    padding: 10px;
    background-color: #39464d;
    color: white; }
  #page-activity table tr td {
    padding: 0; }
    #page-activity table tr td.col-content {
      padding: 10px;
      background-color: transparent;
      width: 33.33333%; }
      @media screen and (max-width: 992px) {
        #page-activity table tr td.col-content {
          width: 50%; } }
      @media screen and (max-width: 480px) {
        #page-activity table tr td.col-content {
          width: 40%; } }
    #page-activity table tr td .row-title {
      font-size: 16px; }
    #page-activity table tr td .row-date {
      color: #6f787d; }
    #page-activity table tr td .sub-full-row {
      background-color: #e9660b;
      color: white;
      border-radius: 0;
      height: 40px;
      padding: 10px;
      display: block;
      font-weight: bold;
      border-left: 5px white solid; }
    #page-activity table tr td .sub-full-row-reponsive {
      display: none; }
    #page-activity table tr td.col-table {
      background-color: #fbfbfb;
      width: 66.66667%; }
      @media screen and (max-width: 992px) {
        #page-activity table tr td.col-table {
          width: 50%; } }
      @media screen and (max-width: 480px) {
        #page-activity table tr td.col-table {
          padding: 5px 0;
          width: 60%; } }
  #page-activity table tr.last-row {
    border-bottom: none; }
    #page-activity table tr.last-row td {
      padding: 10px;
      color: #D5D5D5;
      border-bottom: none; }
      #page-activity table tr.last-row td .end-of-list {
        font-size: 18px;
        font-weight: bold; }
@media screen and (max-width: 992px) {
  #page-activity table.large-header {
    display: none; }
  #page-activity table tr td .sub-full-row {
    margin: 0;
    display: none; }
  #page-activity table tr td .sub-full-row-reponsive {
    display: block;
    border-left: none; } }
#page-activity table.responsive-table {
  min-height: 70px; }
  #page-activity table.responsive-table thead {
    display: none; }
    @media screen and (max-width: 480px) {
      #page-activity table.responsive-table thead th {
        font-size: 1.2rem; } }
  #page-activity table.responsive-table tr {
    border-bottom: none; }
    #page-activity table.responsive-table tr td {
      border-left: 5px solid white;
      padding: 10px;
      width: 20%; }
      @media screen and (max-width: 480px) {
        #page-activity table.responsive-table tr td {
          font-size: 1.2rem; } }
  @media screen and (max-width: 992px) {
    #page-activity table.responsive-table thead {
      border: none;
      display: block;
      width: 60%; }
      #page-activity table.responsive-table thead th {
        padding: 3px 5px;
        border: none;
        background: transparent;
        text-align: left; }
    #page-activity table.responsive-table tbody {
      width: 40%; }
    #page-activity table.responsive-table tr {
      padding: 0;
      width: 100%; }
      #page-activity table.responsive-table tr td {
        padding: 3px 5px;
        text-align: right;
        border: 0; } }
#page-activity .price-promise-value a {
  color: #39464e;
  text-decoration: underline; }
#page-activity .row-price-promise {
  border-bottom: none; }
#page-activity .price-promise-detail-ctn {
  display: none; }
#page-activity .table-detail > tbody > tr > td {
  font-size: 1.4rem; }
  #page-activity .table-detail > tbody > tr > td:first-child {
    padding: 10px; }
#page-activity .table-detail .row-header td {
  background: #e9660b;
  color: #fff;
  font-size: 1.7rem;
  position: relative; }
  #page-activity .table-detail .row-header td > a {
    margin-right: 45px;
    float: right;
    color: #fff;
    text-decoration: underline; }
    @media screen and (max-width: 992px) {
      #page-activity .table-detail .row-header td > a {
        margin-right: 5px; } }
  #page-activity .table-detail .row-header td .arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fbfbfb;
    position: absolute;
    top: -1px;
    right: 65px; }
    @media screen and (max-width: 992px) {
      #page-activity .table-detail .row-header td .arrow {
        right: 25px; } }
#page-activity .table-detail .row-title td {
  background: #e6e6e6;
  font-weight: 500; }
  #page-activity .table-detail .row-title td .intro {
    width: 40%; }
  #page-activity .table-detail .row-title td .col {
    width: 25%; }
  @media screen and (max-width: 992px) {
    #page-activity .table-detail .row-title td {
      display: none; } }
#page-activity .table-detail .row-summary td {
  font-weight: 500; }
  #page-activity .table-detail .row-summary td p {
    margin: 0;
    display: inline-block; }
  #page-activity .table-detail .row-summary td .intro {
    float: left; }
    @media screen and (max-width: 992px) {
      #page-activity .table-detail .row-summary td .intro {
        text-align: right;
        font-size: 1.6rem; } }
  #page-activity .table-detail .row-summary td .sum {
    width: 11%;
    float: right; }
    @media screen and (max-width: 992px) {
      #page-activity .table-detail .row-summary td .sum {
        display: none; } }
#page-activity .table-detail .row-explain td {
  background: #e6e6e6;
  text-align: right; }
  #page-activity .table-detail .row-explain td p {
    margin: 0;
    font-size: 1.2rem; }
  #page-activity .table-detail .row-explain td p:last-child {
    margin-bottom: 10px; }
#page-activity .table-detail .row-footer td {
  background: #39464e;
  color: #fff;
  text-align: center; }
  #page-activity .table-detail .row-footer td a {
    color: #fff;
    text-decoration: underline; }
    @media screen and (max-width: 600px) {
      #page-activity .table-detail .row-footer td a {
        float: right;
        margin-right: 15px; } }
  @media screen and (max-width: 600px) {
    #page-activity .table-detail .row-footer td {
      text-align: left; } }
#page-activity .table-detail .col-content {
  width: 50%; }
  @media screen and (max-width: 480px) {
    #page-activity .table-detail .col-content {
      width: 40%; } }
#page-activity .table-detail .col-table {
  width: 50%; }
  @media screen and (max-width: 480px) {
    #page-activity .table-detail .col-table {
      padding: 5px 0;
      width: 60%; } }
  @media screen and (min-width: 992px) {
    #page-activity .table-detail .col-table {
      background: transparent; } }
#page-activity .table-detail .responsive-table {
  min-height: 42px; }
  #page-activity .table-detail .responsive-table tr td {
    width: 25%; }
    @media screen and (max-width: 992px) {
      #page-activity .table-detail .responsive-table tr td {
        text-align: left;
        width: 100%; } }
  @media screen and (max-width: 480px) {
    #page-activity .table-detail .responsive-table th, #page-activity .table-detail .responsive-table td {
      font-size: 1.1rem; } }
#page-activity .icon-sort:before {
  position: absolute; }
#page-activity .icon-sort.fa-sort-down:before {
  top: -15px; }
#page-activity .icon-sort.fa-sort-up:before {
  top: -8px; }

/*END of My Activity*/
#page-details .page-header {
  background: url("../img/hero/my-detail-strawberries.jpg") no-repeat top center;
  background-size: cover; }
#page-details label.clear-text {
  color: #000000; }
#page-details .select-bar {
  color: #9e9e9e; }
#page-details #form-my-detail {
  margin-top: 20px; }
  #page-details #form-my-detail section {
    margin-bottom: 30px; }
    #page-details #form-my-detail section h2 {
      margin-top: 0;
      margin-bottom: 20px; }
  #page-details #form-my-detail input {
    margin-bottom: 35px; }
  #page-details #form-my-detail .form-actions {
    margin: 35px 0 0; }
    #page-details #form-my-detail .form-actions button {
      min-width: 250px; }
      @media screen and (max-width: 600px) {
        #page-details #form-my-detail .form-actions button {
          width: 100%; } }
  #page-details #form-my-detail .address-info p.change-addr-msg {
    margin-top: 0;
    margin-bottom: 10px; }
  #page-details #form-my-detail .same-addr-ctn {
    margin-bottom: 20px; }
#page-details .collapsible .collapsible-header.active {
  border-bottom: none; }

.page-offers {
  /* WELCOME MESSAGE AND WIDGET */ }
  .page-offers.page-authen {
    padding-top: 40px; }
  .page-offers .welcome {
    background: url("../img/abundance-greenapples-big.jpg") no-repeat center center;
    margin-top: -40px;
    padding-top: 40px;
    background-size: cover;
    position: relative;
    z-index: 99; }
    @media screen and (max-width: 992px) {
      .page-offers .welcome {
        background: url("../img/abundance-greenapples.jpg") no-repeat top right;
        background-size: cover; } }
    .page-offers .welcome h2, .page-offers .welcome .subheading {
      color: white; }
    .page-offers .welcome .container.padded {
      padding-bottom: 90px; }
    .page-offers .welcome .welcome-msg {
      max-width: 350px;
      float: left; }
      .page-offers .welcome .welcome-msg .h1 {
        font-size: 4.2rem; }
      .page-offers .welcome .welcome-msg .subheading {
        font-family: 'Arial';
        font-size: 2.8rem; }
      @media screen and (max-width: 1200px) {
        .page-offers .welcome .welcome-msg {
          width: 100%;
          min-width: 100%;
          float: none; } }
      @media screen and (max-width: 992px) {
        .page-offers .welcome .welcome-msg .h1 {
          font-size: 3.4rem; }
        .page-offers .welcome .welcome-msg .subheading {
          font-size: 2.2rem; } }
    .page-offers .welcome .summary-widget {
      width: 740px;
      float: right;
      margin-top: 24px;
      position: relative; }
      .page-offers .welcome .summary-widget  {
        position: absolute;
        bottom: 5px;
        right: 10px;
        font-size: 2rem;
        z-index: 99;
        font-size: 1.8rem; }
        .page-offers .welcome .summary-widget .tooltip a {
          color: #e9660b; }
      .page-offers .welcome .summary-widget .account-balance {
        float: right;
        display: inline-block;
        width: 180px;
        height: 180px;
        background-color: #e9660b;
        position: relative;
        margin-right: 5px;
        padding: 10px;
        color: white; }
        .page-offers .welcome .summary-widget .account-balance .tooltip a {
          color: white; }
        @media screen and (max-width: 1200px) {
          .page-offers .welcome .summary-widget .account-balance {
            width: 49%;
            float: left;
            margin-bottom: 5px; } }
        @media screen and (max-width: 992px) {
          .page-offers .welcome .summary-widget .account-balance {
            float: none;
            width: 100%;
            margin-bottom: 0; } }
        .page-offers .welcome .summary-widget .account-balance .account-sum {
          border: 5px solid white;
          width: 160px;
          height: 160px;
          border-radius: 50%;
          text-align: center;
          font-size: 5rem;
          line-height: 5rem;
          vertical-align: middle;
          font-family: 'Arial';
          padding-top: 35px;
          margin: auto; }
          .page-offers .welcome .summary-widget .account-balance .account-sum div {
            font-size: 2rem;
            font-family: 'Arial';
            line-height: 2.0rem;
            margin-top: -3px;
            opacity: 0.8; }
          .page-offers .welcome .summary-widget .account-balance .account-sum img {
            width: 50px;
            display: block;
            margin: auto; }
      .page-offers .welcome .summary-widget .earned-ctn {
        height: 180px;
        width: 180px;
        position: relative;
        background-color: white;
        float: right;
        margin-right: 1px; }
      .page-offers .welcome .summary-widget .earned-ctn .redemption-info {
            padding-left:10px;
            padding-right:10px;
            padding-bottom:10px;
            /* font-size: 1.8rem; */
            font-family: 'Arial';
            /* line-height: 2.2rem; */
            /* text-align: center; */
            /* display: block; */
        }
        .page-offers .welcome .summary-widget .earned-ctn .top-info {
          text-align:center;
          padding:3px;
          font-family: 'Arial';
        }

        .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr {
          /*position: relative;*/
          width: 90px;
          height: 90px;
          /*padding: 10px;*/
          /*padding-top: 25px;*/
          margin: auto;
          cursor: pointer; }
          .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr .chart-earn-graph {
            width: 160px;
            height: 160px; }
          .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr .arrow-earn-graph {
            display: block;
            width: 10px;
            height: 45px;
            background: transparent;
            position: absolute;
            left: 50%;
            bottom: 109px;
            margin-left: -5px;
            -webkit-transform-origin: 50% 100%;
                -ms-transform-origin: 50% 100%;
                    transform-origin: 50% 100%; }
            .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr .arrow-earn-graph:before {
              display: block;
              content: "";
              background: url("../img/arrow-icon.png") no-repeat;
              width: 17px;
              height: 33px;
              position: absolute;
              top: -12px;
              left: -5px; }
          .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr .info {
            /*position: absolute;
            top: 10px;
            left: 0px;*/
            width: 90px;
            text-align: center;
            font-family: 'Arial';
            font-size: 4.4rem;
            line-height: 5rem;
            margin-top: -70px; }
            .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr .info div {
              font-size: 2rem;
              font-family: 'Arial';
              line-height: 2.0rem;
               }
              .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr .info div:first-child {
                font-size: 2rem;
                line-height: normal; }
            .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr .info img {
              width: 30px;
              display: block;
              margin: auto; }
          .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr .loading-box {
            max-height: 180px; }
        @media screen and (max-width: 1200px) {
          .page-offers .welcome .summary-widget .earned-ctn {
            width: 49%;
            float: left;
            margin-bottom: 5px; } }
      .page-offers .welcome .summary-widget .block-copy-ctr {
        margin-right: 1px;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 10px;
        height: 180px;
        width: 184px;
        position: relative;
        float: right;
        cursor: pointer; }
        .page-offers .welcome .summary-widget .block-copy-ctr .top-block {
          border-bottom: 1px solid #39464e;
          color: #39464e;
          font-family: 'Arial';
          font-size: 4.1rem;
          text-align: center;
          display: block;
          margin-top: 15px; }
        .page-offers .welcome .summary-widget .block-copy-ctr .bottom-block {
          margin-top: 10px;
          font-size: 1.8rem;
          font-family: 'Arial';
          line-height: 2.2rem;
          text-align: center;
          display: block; }
        .page-offers .welcome .summary-widget .block-copy-ctr .tooltip a {
          color: #e9660b; }
        .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel {
          cursor: default; }
          .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .top-block {
            min-height: 73px;
            font-family: "Arial", sans-serif;
            font-size: 1.4rem;
            line-height: 2.2rem; }
            @media screen and (max-width: 992px) {
              .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .top-block {
                min-height: inherit; } }
            .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .top-block img {
              height: 44px;
              margin-right: 5px;
              vertical-align: middle; }
            .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .top-block .voucher-num {
              font-family: 'Arial', sans-serif;
              font-size: 4.5rem;
              line-height: 3.8rem;
              margin-right: 5px;
              display: inline-block;
              vertical-align: middle; }
            .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .top-block .desc {
              display: inline-block;
              color: #6f787d;
              font-size: 1.3rem;
              vertical-align: middle;
              margin-top: 6px; }
              @media screen and (max-width: 992px) {
                .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .top-block .desc {
                  display: block; } }
          .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .bottom-block {
            font-size: 1.3rem; }
            .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .bottom-block .dollars {
              font-family: 'Arial';
              font-size: 4.5rem;
              line-height: 3.8rem;
              margin-right: 5px;
              display: inline-block;
              vertical-align: top; }
              .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .bottom-block .dollars sup {
                top: -0.55em;
                font-size: 50%; }
            .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .bottom-block .desc {
              display: inline-block;
              vertical-align: top;
              margin-top: 6px; }
              @media screen and (max-width: 992px) {
                .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .bottom-block .desc {
                  display: block; } }
        @media screen and (max-width: 1200px) {
          .page-offers .welcome .summary-widget .block-copy-ctr {
            width: 49%;
            float: left;
            margin-bottom: 5px;
            margin-right: 5px; } }
      .page-offers .welcome .summary-widget sup {
        font-size: 50%; }
      @media screen and (max-width: 1200px) {
        .page-offers .welcome .summary-widget {
          float: left;
          width: 100%; } }
      @media screen and (max-width: 992px) {
        .page-offers .welcome .summary-widget {
          width: 100% !important;
          float: none; }
          .page-offers .welcome .summary-widget  {
            display: none; }
          .page-offers .welcome .summary-widget .block-copy-ctr {
            width: 100%;
            margin-top: 20px;
            height: inherit;
            text-align: center;
            position: relative; }
            .page-offers .welcome .summary-widget .block-copy-ctr:before {
              content: "";
              position: absolute;
              top: -10px;
              width: 0px;
              height: 0px;
              border-style: solid;
              border-width: 0 10px 10px 10px;
              border-color: transparent transparent #fff transparent;
              left: 50%;
              margin-left: -10px; }
            .page-offers .welcome .summary-widget .block-copy-ctr .top-block {
              display: inline;
              border-bottom: none;
              font-size: 2rem; }
            .page-offers .welcome .summary-widget .block-copy-ctr .bottom-block {
              display: inline;
              font-size: 2rem; }
              .page-offers .welcome .summary-widget .block-copy-ctr .bottom-block:before {
                content: " - "; }
            .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .top-block, .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .bottom-block {
              position: static;
              width: 50%;
              float: left;
              vertical-align: middle;
              line-height: normal;
              margin: 0;
              text-align: left; }
            .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .top-block img {
              display: none; }
            .page-offers .welcome .summary-widget .block-copy-ctr.block-fuel .bottom-block:before {
              content: ''; }
          .page-offers .welcome .summary-widget .earned-ctn {
            width: 100%;
            height: 180px; }
            .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr {
              float: none; }
              .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr #earn-graph {
                width: 160px !important;
                height: 160px !important; }
              .page-offers .welcome .summary-widget .earned-ctn .earn-graph-ctr .info {
                font-size: 5rem;
                line-height: 5rem;
                width: 90px;
                margin-top: -70px; }
          .page-offers .welcome .summary-widget .fuel-vouchers, .page-offers .welcome .summary-widget .fuel-savings {
            position: static;
            width: 50%;
            float: left; }
            .page-offers .welcome .summary-widget .fuel-vouchers .desc, .page-offers .welcome .summary-widget .fuel-savings .desc {
              font-size: 1rem; }
            .page-offers .welcome .summary-widget .fuel-vouchers img, .page-offers .welcome .summary-widget .fuel-savings img {
              display: none; } }
    @media screen and (max-width: 1200px) {
      .page-offers .welcome .large-screen-only {
        display: none; } }
    @media screen and (min-width: 1200px) {
      .page-offers .welcome .medium-screen-only {
        display: none; } }
  .page-offers .how-youre-earning {
    background-color: rgba(255, 255, 255, 0.7);
    position: relative;
    padding: 10px 0px 20px 0px; }
    .page-offers .how-youre-earning .row {
      margin-bottom: 0px; }
    .page-offers .how-youre-earning .program-close {
      position: absolute;
      font-size: 1.8rem;
      line-height: normal;
      font-weight: 100;
      cursor: pointer;
      right: 0px;
      top: 0px;
      background-color: rgba(0, 0, 0, 0.4);
      padding: 5px;
      color: white; }
    .page-offers .how-youre-earning .program-close + h2 {
      color: #1E1E1E; }
    .page-offers .how-youre-earning .program-item-listing {
      margin-top: 20px; }
      .page-offers .how-youre-earning .program-item-listing::after {
        clear: both;
        content: "";
        display: table; }
      .page-offers .how-youre-earning .program-item-listing .program-item.col {
        background-color: white;
        padding: 20px 20px 10px 20px;
        width: 32.444%;
        margin-right: 1.333%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        min-height: 210px; }
        .page-offers .how-youre-earning .program-item-listing .program-item.col:last-child {
          margin-right: 0px; }
      .page-offers .how-youre-earning .program-item-listing .program-item img {
        margin-top: 20px;
        display: block;
        max-width: 100%;
        height: auto;
        float: left; }
      .page-offers .how-youre-earning .program-item-listing .program-item .content {
        padding-left: 100px; }
        .page-offers .how-youre-earning .program-item-listing .program-item .content h3 {
          margin-bottom: 10px;
          line-height: normal; }
        .page-offers .how-youre-earning .program-item-listing .program-item .content p {
          color: #6f787d; }
      .page-offers .how-youre-earning .program-item-listing .program-item-scan .content {
        padding-left: 120px; }
      @media screen and (max-width: 1200px) {
        .page-offers .how-youre-earning .program-item-listing .program-item.col {
          min-height: 250px; } }
      @media screen and (max-width: 992px) {
        .page-offers .how-youre-earning .program-item-listing .program-item {
          margin-bottom: 20px; }
          .page-offers .how-youre-earning .program-item-listing .program-item.col {
            width: 100%;
            margin-right: 0%;
            min-height: 150px;
            border-radius: 10px; } }
      @media screen and (max-width: 600px) {
        .page-offers .how-youre-earning .program-item-listing .program-item img {
          float: none;
          margin: 0 auto; }
        .page-offers .how-youre-earning .program-item-listing .program-item .content {
          padding-left: 0;
          text-align: center; } }
  .page-offers .offers-body {
    position: relative; }
    .page-offers .offers-body .loading-box-offers {
      z-index: 4;
      background-color: #e6e6e6; }
    .page-offers .offers-body .loading-box-offers > .container {
      margin-top: 30px;
      padding-top: 50px; }
  .page-offers .offers-header {
    background-color: #e6e6e6;
    padding: 20px 0px 20px 0px;
    width: 100%; }
    .page-offers .offers-header.sticky {
      padding: 10px 0px 10px 0px;
      border-bottom: 1px solid #D5D5D5; }
      .page-offers .offers-header.sticky h1 {
        display: none; }
    .page-offers .offers-header h3 {
      margin-top: 0px; }
    .page-offers .offers-header .filter-ctn {
      margin-top: 10px;
      position: relative;
      display: none;
      font-weight: 700; }
      .page-offers .offers-header .filter-ctn .filter-element {
        font-size: 1.8rem;
        color: #6f787d;
        text-transform: uppercase; }
        .page-offers .offers-header .filter-ctn .filter-element > ul.list-inline {
          margin-left: 10px;
          display: inline-block;
          font-weight: normal; }
          .page-offers .offers-header .filter-ctn .filter-element > ul.list-inline > li {
            display: inline-block; }
            .page-offers .offers-header .filter-ctn .filter-element > ul.list-inline > li:after {
              margin-left: 5px;
              margin-right: 10px;
              content: '|';
              display: inline; }
            .page-offers .offers-header .filter-ctn .filter-element > ul.list-inline > li:last-child:after {
              display: none; }
          .page-offers .offers-header .filter-ctn .filter-element > ul.list-inline > li > a {
            font-size: 1.5rem;
            color: #6f787d;
            border-bottom: 1px solid #6f787d; }
            .page-offers .offers-header .filter-ctn .filter-element > ul.list-inline > li > a:hover {
              color: #e9660b;
              border-bottom-color: #e9660b; }
          .page-offers .offers-header .filter-ctn .filter-element > ul.list-inline > li.active > a {
            color: #e9660b;
            border-bottom-color: #e9660b; }
      .page-offers .offers-header .filter-ctn .select-wrapper {
        margin: 0 10px;
        display: inline-block; }
      .page-offers .offers-header .filter-ctn .remove-filter-ctn {
        position: absolute;
        right: 0px;
        top: -10px; }
      .page-offers .offers-header .filter-ctn.filter-desktop {
        background-color: #fff;
        border-radius: 10px;
        padding: 10px 15px; }
        @media screen and (min-width: 992px) {
          .page-offers .offers-header .filter-ctn.filter-desktop {
            display: block; } }
      @media screen and (max-width: 991px) {
        .page-offers .offers-header .filter-ctn.filter-mobile {
          display: block; } }
      @media screen and (max-width: 992px) {
        .page-offers .offers-header .filter-ctn .remove-filter-ctn {
          position: inherit;
          margin-top: 10px;
          right: inherit;
          top: inherit;
          margin-bottom: 10px; } }
  @media screen and (min-width: 992px) {
    .page-offers .offers-ctn .cards-ctn {
      margin-left: -10px;
      margin-right: -10px;
      width: auto; } }
  @media screen and (min-width: 992px) {
    .page-offers .offers-ctn .cards-ctn + .right-align {
      padding-right: 20px; } }

#page-public-offers .welcome {
  background: url("../img/abundance-greenapples-big.jpg") no-repeat center center;
  background-size: cover; }
  #page-public-offers .welcome .welcome-msg {
    max-width: 500px; }
    @media screen and (max-width: 992px) {
      #page-public-offers .welcome .welcome-msg {
        max-width: 100%; }
        #page-public-offers .welcome {
          background: url("../img/abundance-greenapples.jpg") no-repeat top right;
          background-size: cover; }
      }


.dates li {
  display: block !important; }

#page-register {
  font-family: "Arial"; }
  #page-register .page-header {
    background: url("../img/hero/join-lemons.jpg") no-repeat top center;
    background-size: cover; }
  #page-register .page-intro h4 {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.4;
    font-weight: 500; }
    #page-register .page-intro h4 span {
      display: block;
      margin-top: 10px; }
      @media screen and (max-width: 600px) {
        #page-register .page-intro h4 span {
          margin-top: 0; } }
  #page-register .use-fb-block {
    margin-bottom: 20px;
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    padding: 20px 0; }
    #page-register .use-fb-block p {
      margin-top: 0;
      margin-bottom: 10px; }
    @media screen and (max-width: 600px) {
      #page-register .use-fb-block .btn-login-fb {
        width: 100%; } }
  #page-register #registerForm .input-field input {
    margin-bottom: 35px; }
  #page-register .address-info p {
    font-size: 1.6rem; }
  #page-register .address-info > p.intro {
    margin-top: 20px;
    margin-bottom: 10px; }
  #page-register .address-info p.change-addr-msg {
    margin-top: 0; }
  #page-register .form-actions .btn {
    min-width: 250px; }
    @media screen and (max-width: 600px) {
      #page-register .form-actions .btn {
        margin-top: 20px;
        width: 100%; } }
    @media screen and (max-width: 480px) {
      #page-register .form-actions .btn {
        margin-top: 50px; } }
  #page-register .row.accept-term-ctn {
    margin-top: 20px; }
  #page-register .modal .modal-content {
    padding-top: 200px; }
  #page-register .modal .modal-footer {
    border-top: 1px solid #ccc; }

#page-forgot .page-header h1 {
  font-size: 30px; }
#page-forgot a.form-reset:hover {
  background: transparent;
  border: none;
  box-shadow: none; }
#page-forgot .msg-box {
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
  background: #D5D5D5;
  display: none; }
  #page-forgot .msg-box .close-box {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer; }
  #page-forgot .msg-box .close-box i {
    font-size: 1.5rem; }
  #page-forgot .msg-box h5 {
    font-weight: 700;
    margin-top: 0;
    font-size: 1.3rem; }
  #page-forgot .msg-box.success-msg-box {
    display: block; }
    #page-forgot .msg-box.success-msg-box .close-box {
      top: 17px; }
    #page-forgot .msg-box.success-msg-box .close-box i {
      font-size: 1.7rem; }
    #page-forgot .msg-box.success-msg-box h5 {
      margin-bottom: 0; }

.page-forgot {
  font-family: "Arial"; }
  .page-forgot .page-header {
    background: url("../img/hero/login-limes.jpg") no-repeat center center;
    background-size: cover; }
  .page-forgot .page-body > .container > .row {
    margin-bottom: 60px; }
  .page-forgot form > .input-field > input {
    margin-bottom: 35px; }
  .page-forgot .form-actions > button {
    min-width: 200px; }
    @media screen and (max-width: 600px) {
      .page-forgot .form-actions > button {
        min-width: 100%; } }
  .page-forgot .contact-box {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 10px 15px; }
    .page-forgot .contact-box h3 {
      margin-top: 10px; }
    .page-forgot .contact-box p {
      margin: 5px 0; }
    .page-forgot .contact-box table {
      margin: 15px 0; }
      .page-forgot .contact-box table tr:first-child {
        background-color: #ddd; }

#page-unsubscribe .page-header {
  background: url("../img/hero/unsubscribe-raspberries.jpg") no-repeat top center;
  background-size: cover; }
@media screen and (max-width: 600px) {
  #page-unsubscribe .form-actions button {
    width: 100%;
    max-width: 100%; } }
#page-unsubscribe .stay-in-touch-box {
  padding: 20px;
  border: 1px solid #D5D5D5;
  border-radius: 10px; }
  #page-unsubscribe .stay-in-touch-box h2 {
    margin-top: 0; }
  @media screen and (max-width: 600px) {
    #page-unsubscribe .stay-in-touch-box {
      margin-top: 30px;
      margin-bottom: 20px;
      padding: 0;
      border: 0; } }
@media screen and (max-width: 320px) {
  #page-unsubscribe .list-emails > .col {
    width: 100%; } }
#page-unsubscribe .list-emails ul {
  padding-left: 20px; }
#page-unsubscribe .list-emails ul li {
  list-style: circle; }

#page-replace-card .page-header {
  background: url("../img/hero/congrat-tomatoes.jpg") no-repeat center center;
  background-size: cover; }
#page-replace-card .tempcard-ctn {
  position: relative;
  display: inline-block; }
  #page-replace-card .tempcard-ctn img {
    display: block;
    max-width: 100%;
    height: auto; }
#page-replace-card #temp-barcode {
  position: absolute;
  left: 7%;
  bottom: 10%;
  width: 250px; }

  @media screen and (max-width: 730px) {
    #page-replace-card #temp-barcode {
      width: 210px;
      bottom: 12%;
      left: 9%; } }

  @media screen and (max-width: 600px) {
    #page-replace-card #temp-barcode {
      width: 200px; } }
  @media screen and (max-width: 480px) {
    #page-replace-card #temp-barcode {
      width: 125px;
      bottom: 12%;
      left: 9%; } }
  /*iphone    */
  @media screen and (max-width: 320px) {
    #page-replace-card #temp-barcode {
      width: 100px;
      bottom: 14%;
      left: 10%; } }

#page-how-it-works {
  padding: 0; }
  #page-how-it-works h3 {
    font-size: 3.3rem;
    margin: 0; }
  #page-how-it-works p {
    font-family: "Arial", sans-serif; }
  #page-how-it-works .icon-arrow-down {
    margin: 0 auto;
    padding: 10px;
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-animation: bounce .5s infinite alternate ease-out;
            animation: bounce .5s infinite alternate ease-out; }
  #page-how-it-works .opacity {
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.34);
    top: 0; }
  #page-how-it-works .hero {
    position: relative;
    height: 650px;
    overflow: hidden;
    background: url("../img/how-it-work/bg_hero.jpg") top center no-repeat;
    background-size: cover; }
    #page-how-it-works .hero .video-intro, #page-how-it-works .hero .video-intro > video {
      opacity: 0;
      -webkit-transition: opacity 1s linear;
              transition: opacity 1s linear;
      width: 100%;
      height: auto;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
    #page-how-it-works .hero .video-intro > video {
      opacity: 1; }
    #page-how-it-works .hero iframe.video-intro {
      height: 100%; }
    #page-how-it-works .hero .video-js .vjs-big-play-button {
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      margin: auto; }
    #page-how-it-works .hero .link {
      margin: auto;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      text-align: center; }
      #page-how-it-works .hero .link a {
        display: inline-block;
        height: 175px;
        position: relative;
        top: 35%;
        text-align: center;
        overflow: hidden; }
        #page-how-it-works .hero .link a h3 {
          font-family: 'Arial';
          font-size: 4rem;
          font-weight: 400;
          color: #fff;
          margin: 0 0 20px;
          display: inline-block; }
          @media screen and (max-width: 600px) {
            #page-how-it-works .hero .link a h3 {
              font-size: 3.5rem; } }
        #page-how-it-works .hero .link a > img {
          display: inline-block; }
          @media screen and (max-width: 600px) {
            #page-how-it-works .hero .link a > img {
              width: 40px; } }
        @media screen and (max-width: 600px) {
          #page-how-it-works .hero .link a {
            height: 140px;
            top: 30%; } }
    #page-how-it-works .hero .stop {
      visibility: hidden;
      margin: auto;
      width: 100%;
      height: 60px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      right: 0;
      text-align: center;
      overflow: hidden; }
    #page-how-it-works .hero.video-playing .video-intro {
      opacity: 1; }
    @media screen and (max-width: 992px) {
      #page-how-it-works .hero {
        height: 400px; } }
    @media screen and (max-width: 600px) {
      #page-how-it-works .hero {
        height: 300px; } }
  #page-how-it-works .reward {
    padding: 100px 0;
    background-color: #f5f5f5;
    overflow: hidden;
    position: relative;
    z-index: 2; }
    #page-how-it-works .reward h3 {
      margin: 0; }
    #page-how-it-works .reward p {
      font-size: 1.8rem; }
    #page-how-it-works .reward .why {
      width: 30%;
      margin-left: 10%;
      padding: 0; }
      @media screen and (max-width: 992px) {
        #page-how-it-works .reward .why {
          width: 100%;
          margin: 0;
          padding: 0 10%; } }
    #page-how-it-works .reward .why-right {
      position: relative;
      top: 75px;
      width: 50%;
      min-height: 247px;
      text-align: center; }
      @media screen and (max-width: 992px) {
        #page-how-it-works .reward .why-right {
          width: 100%;
          margin-top: 20px;
          top: auto; } }
    #page-how-it-works .reward .card-why-1,
    #page-how-it-works .reward .card-why-2 {
      position: absolute; }
      #page-how-it-works .reward .card-why-1 img,
      #page-how-it-works .reward .card-why-2 img {
        max-width: 100%;
        height: auto; }
      @media screen and (max-width: 992px) {
        #page-how-it-works .reward .card-why-1,
        #page-how-it-works .reward .card-why-2 {
          width: 100%; } }
    #page-how-it-works .reward:after {
      content: ' ';
      display: table;
      clear: both; }
    @media screen and (max-width: 600px) {
      #page-how-it-works .reward {
        padding: 40px 0; } }
  #page-how-it-works .dollar {
    background: #fff url("../img/how-it-work/bg_why.jpg") no-repeat 50%;
    background-size: cover;
    min-height: 423px;
    padding: 60px 10%;
    position: relative; }
    #page-how-it-works .dollar > img {
      position: absolute;
      top: 0;
      left: 35%;
      z-index: 1;
      margin: auto; }
      @media screen and (max-width: 480px) {
        #page-how-it-works .dollar > img {
          width: 200px; } }
    #page-how-it-works .dollar .dollar-left {
      width: 50%;
      float: left; }
      #page-how-it-works .dollar .dollar-left h3 {
        margin: 0 0 50px; }
        @media screen and (max-width: 992px) {
          #page-how-it-works .dollar .dollar-left h3 {
            margin: 0 0 30px; } }
      #page-how-it-works .dollar .dollar-left .convert-dollar {
        position: relative;
        z-index: 3; }
        #page-how-it-works .dollar .dollar-left .convert-dollar:after {
          content: ' ';
          display: table;
          clear: both; }
      #page-how-it-works .dollar .dollar-left .left {
        text-align: center;
        width: 40%; }
        #page-how-it-works .dollar .dollar-left .left p {
          text-align: center;
          font-size: 1.8rem;
          line-height: 1.2; }
        #page-how-it-works .dollar .dollar-left .left img {
          max-height: 135px; }
          @media screen and (max-width: 600px) {
            #page-how-it-works .dollar .dollar-left .left img {
              max-height: none;
              max-width: 90%; } }
        #page-how-it-works .dollar .dollar-left .left:nth-child(2) {
          width: 10%;
          margin-top: 50px; }
          @media screen and (max-width: 992px) {
            #page-how-it-works .dollar .dollar-left .left:nth-child(2) {
              width: 8%;
              margin: 33px 10px; } }
      @media screen and (max-width: 992px) {
        #page-how-it-works .dollar .dollar-left {
          width: 100%;
          float: none;
          margin: 0 0 40px;
          position: relative;
          z-index: 1; } }
    #page-how-it-works .dollar .dollar-right {
      position: relative;
      width: 50%;
      float: left;
      z-index: 2; }
      #page-how-it-works .dollar .dollar-right p {
        position: absolute;
        width: 50%;
        left: 30%;
        top: 70px;
        font-size: 18px; }
        @media screen and (max-width: 992px) {
          #page-how-it-works .dollar .dollar-right p {
            width: 100%;
            position: initial; } }
      @media screen and (max-width: 992px) {
        #page-how-it-works .dollar .dollar-right {
          width: 100%;
          float: none; } }
    @media screen and (max-width: 992px) {
      #page-how-it-works .dollar {
        background: #fff url("../img/how-it-work/m/bg_dollar.png") no-repeat;
        min-height: 506px;
        padding: 40px 10%; } }
  #page-how-it-works .earn {
    background: #fff url("../img/how-it-work/bg_earn.jpg") center center no-repeat;
    min-height: 522px;
    background-size: cover;
    position: relative; }
    #page-how-it-works .earn h3 {
      margin: 0;
      text-align: center;
      position: absolute;
      top: 50%;
      width: 100%;
      color: white;
      font-size: 3.3rem; }
    @media screen and (max-width: 480px) {
      #page-how-it-works .earn {
        background-image: url("../img/how-it-work/m/bg_earn.jpg"); } }
  #page-how-it-works .below-earn {
    position: relative;
    padding: 110px 10% 98px; }
    #page-how-it-works .below-earn::after {
      clear: both;
      content: "";
      display: table; }
    #page-how-it-works .below-earn h3 {
      font-size: 3.2rem; }
    #page-how-it-works .below-earn .below-earn-content,
    #page-how-it-works .below-earn .below-earn-img {
      width: 50%; }
    #page-how-it-works .below-earn .below-earn-content p {
      margin: 50px 0 0;
      padding: 35px 25px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      position: absolute;
      bottom: 0;
      left: 135px;
      width: 30%;
      background: #fff;
      opacity: 0.9;
      font-size: 1.8rem;
      z-index: 3; }
      @media screen and (max-width: 1400px) {
        #page-how-it-works .below-earn .below-earn-content p {
          width: 35%; } }
    @media screen and (max-width: 1400px) {
      #page-how-it-works .below-earn .below-earn-content {
        margin-bottom: 150px; } }
    @media screen and (max-width: 1200px) {
      #page-how-it-works .below-earn .below-earn-content {
        margin-bottom: 0; } }
    #page-how-it-works .below-earn .below-earn-img .top {
      float: right;
      position: relative; }
      #page-how-it-works .below-earn .below-earn-img .top .img-center {
        margin: 45px; }
      #page-how-it-works .below-earn .below-earn-img .top div:first-child {
        margin-top: 29px; }
      #page-how-it-works .below-earn .below-earn-img .top div:nth-child(3) img {
        margin-bottom: 34px; }
        @media screen and (max-width: 480px) {
          #page-how-it-works .below-earn .below-earn-img .top div:nth-child(3) img {
            margin-bottom: 0; } }
      #page-how-it-works .below-earn .below-earn-img .top:after {
        content: ' ';
        display: table;
        clear: both; }
      #page-how-it-works .below-earn .below-earn-img .top p {
        text-align: center;
        font-size: 1.8rem; }
      #page-how-it-works .below-earn .below-earn-img .top .earn-heart {
        position: absolute;
        bottom: -150px;
        left: 40%;
        z-index: 2; }
        @media screen and (max-width: 480px) {
          #page-how-it-works .below-earn .below-earn-img .top .earn-heart {
            bottom: -100px; } }
    #page-how-it-works .below-earn:after {
      content: ' ';
      display: table;
      clear: both; }
  #page-how-it-works .shop_count {
    position: relative;
    background: #fff url("../img/how-it-work/bg_count.jpg") no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
    min-height: 839px; }
    #page-how-it-works .shop_count h3 {
      margin: 0;
      text-align: center;
      position: absolute;
      top: 50%;
      width: 100%;
      color: white;
      font-size: 3.3rem; }
      @media screen and (max-width: 480px) {
        #page-how-it-works .shop_count h3 {
          top: 40%; } }
  #page-how-it-works .next-7 {
    position: relative;
    background-color: white;
    padding: 95px 0;
    min-height: 268px; }
    #page-how-it-works .next-7 p {
      font-size: 1.8rem;
      margin: 45px; }
    #page-how-it-works .next-7 .center {
      position: relative;
      z-index: 2; }
    #page-how-it-works .next-7 .center img:first-child {
      margin-right: 40px; }
      @media screen and (max-width: 480px) {
        #page-how-it-works .next-7 .center img:first-child {
          margin: 0 auto 20px !important; } }
    @media screen and (max-width: 480px) {
      #page-how-it-works .next-7 .center img {
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        display: block; } }
    #page-how-it-works .next-7 img.img-ab {
      position: absolute;
      z-index: 1; }
  #page-how-it-works .gas {
    background: url("../img/how-it-work/bg_gas.jpg") no-repeat;
    background-size: cover;
    min-height: 670px;
    position: relative; }
    #page-how-it-works .gas .content-gas {
      background-color: white;
      opacity: 0.9;
      padding: 50px;
      position: absolute;
      width: 444px;
      bottom: 0;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      left: 10%; }
      #page-how-it-works .gas .content-gas h3 {
        margin: 70px 0 0;
        padding: 0 0 30px;
        border-bottom: 1px solid #ee7202; }
      #page-how-it-works .gas .content-gas p {
        font-size: 1.8rem; }
  #page-how-it-works .price-promise {
    position: relative;
    min-height: 420px;
    background: url("../img/how-it-work/bg-price-promise.jpg") no-repeat;
    background-size: cover; }
    #page-how-it-works .price-promise .content-price-promise {
      position: absolute;
      width: 444px;
      padding: 30px 50px;
      background-color: white;
      left: 10%;
      bottom: 0;
      -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
              transition: all 0.5s cubic-bezier(0.4, 0, 1, 1); }
      #page-how-it-works .price-promise .content-price-promise h3 {
        padding: 0 0 30px;
        border-bottom: 1px solid #ee7202;
        margin-bottom: 30px; }
      #page-how-it-works .price-promise .content-price-promise a {
        color: #ee7202;
        font-size: 2rem;
        text-transform: capitalize; }
      #page-how-it-works .price-promise .content-price-promise p {
        margin: 0;
        font-size: 1.8rem; }
      #page-how-it-works .price-promise .content-price-promise p:first-child {
        margin: 30px 0; }
      @media screen and (min-width: 992px) {
        #page-how-it-works .price-promise .content-price-promise {
          min-height: 350px; } }
      @media screen and (max-width: 992px) {
        #page-how-it-works .price-promise .content-price-promise {
          position: initial;
          margin: 0 auto; } }
    #page-how-it-works .price-promise img {
      position: absolute;
      right: 20%;
      top: 30%; }
      @media screen and (max-width: 992px) {
        #page-how-it-works .price-promise img {
          position: initial;
          margin: 40px 0;
          max-width: 100px; } }
  #page-how-it-works .content-footer {
    background: url("../img/how-it-work/bg_footer_content.jpg") top center no-repeat;
    background-size: cover;
    min-height: 425px;
    position: relative; }
    #page-how-it-works .content-footer .center {
      position: absolute;
      top: 35%;
      width: 100%; }
    #page-how-it-works .content-footer h3 {
      color: white;
      width: 100%; }
      @media screen and (max-width: 600px) {
        #page-how-it-works .content-footer h3 {
          font-size: 2.8rem;
          line-height: 1.4; } }
    #page-how-it-works .content-footer p {
      margin: 30px 0 0; }
    #page-how-it-works .content-footer p > a {
      border: 2px solid white;
      border-radius: 8px;
      margin: 0 10px;
      padding: 10px 20px 10px 38px;
      font-size: 2rem;
      font-weight: 500;
      color: white;
      text-transform: uppercase; }
      #page-how-it-works .content-footer p > a i {
        background: url("../img/how-it-work/arrow.png") no-repeat;
        margin-left: 35px; }
      @media screen and (max-width: 600px) {
        #page-how-it-works .content-footer p > a {
          margin-top: 20px;
          display: block; } }

#page-intro {
  padding: 0;
  background: #fff;
  font-family: 'Arial'; }
#page-intro h2 {
  font-size: 3.2rem; }
  @media screen and (max-width: 600px) {
    #page-intro h2 {
      font-size: 2.8rem; } }
#page-intro p {
  margin-top: 0;
  margin-bottom: 10px; }
#page-intro .opacity {
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.34);
  top: 0; }
#page-intro h2.animation {
  margin-top: 0;
  line-height: 1.2; }
#page-intro .icon-arrow-down {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-animation: bounce .5s infinite alternate ease-out;
          animation: bounce .5s infinite alternate ease-out;
  padding: 10px; }
  @media screen and (max-width: 600px) {
    #page-intro .icon-arrow-down {
      display: none; } }
#page-intro .hero-ctn {
  position: relative;
  height: 650px;
  color: #fff;
  overflow: hidden; }
  #page-intro .hero-ctn .video-intro {
    width: 100%;
    height: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    @media screen and (max-width: 1024px) {
      #page-intro .hero-ctn .video-intro {
        display: none; } }
  #page-intro .hero-ctn .welcome-msg {
    width: 95%;
    height: 200px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center; }
    @media screen and (max-width: 600px) {
      #page-intro .hero-ctn .welcome-msg {
        height: 120px; } }
  #page-intro .hero-ctn h1 {
    margin: 0;
    font-size: 6rem;
    line-height: 1.4;
    color: white; }
    @media screen and (max-width: 600px) {
      #page-intro .hero-ctn h1 {
        font-size: 4rem; } }
  @media screen and (max-width: 1024px) {
    #page-intro .hero-ctn {
      height: 400px;
      background: url("../img/page-intro/hero-new.png") no-repeat;
      background-position-y: 40%;
      background-size: cover; } }
  @media screen and (max-width: 600px) {
    #page-intro .hero-ctn {
      height: 300px; } }
#page-intro .reward-ctn {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
  min-height: 480px; }
  #page-intro .reward-ctn .img-up {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -6%; }
  #page-intro .reward-ctn .img-easy {
      width: 100%;
      text-align: center;
      position: relative;
      top: 220px;}
  #page-intro .reward-ctn .img-pear {
      position: absolute;
      left: 0;
      text-align: left;
      top: 280px;
      z-index: 2;
      width:100%
      }
  #page-intro .reward-ctn .img-pear .p-image {
          max-width: 20%; }
  #page-intro .reward-ctn .img-orange {
      position: absolute;
      left: 70px;
      top: 340px;
      z-index: 2;
    width: 100%;
  text-align: left;}
    #page-intro .reward-ctn .img-orange .o-image {
      max-width: 15%;}

#page-intro .flourish-ctn {
  background: url("../img/page-intro/bg-flourish.jpg") center center no-repeat;
  background-size: cover;
  min-height: 420px;
  position: relative;
max-width: 100% }
  #page-intro .flourish-ctn .icon-arrow-down {
    z-index: 2; }
  #page-intro .flourish-ctn .container {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0; }
  #page-intro .flourish-ctn .flourish-color-item {
    position: absolute;
    top: -28px;
    left: 50%;
    z-index: 2; }

  #page-intro .flourish-ctn .detail {
    position: absolute;
    top: 100px;
    left: 0%;
    z-index: 2;
  max-width: 70% }

    @media screen and (max-width: 992px) {
      #page-intro .flourish-ctn .flourish-color-item {
        margin: auto;
        width: 56px;
        top: -28px;
        left: 0;
        right: 0; } }
    @media screen and (max-width: 600px) {
      #page-intro .flourish-ctn .flourish-color-item {
        width: 56px; } }
  #page-intro .flourish-ctn .feature-item {
    padding: 80px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
            transition: all 0.5s cubic-bezier(0.4, 0, 1, 1); }
    #page-intro .flourish-ctn .feature-item:after {
      content: ' ';
      display: table;
      clear: both; }
    #page-intro .flourish-ctn .feature-item img {
      float: left;
      height: 72px; }
      @media screen and (max-width: 600px) {
        #page-intro .flourish-ctn .feature-item img {
          float: none;
          height: 50px;
          margin-bottom: 10px; } }
    #page-intro .flourish-ctn .feature-item p {
      float: left;
      font-size: 3.2rem;
      line-height: 1.2;
      margin-left: 10%;
      margin-top: 5px;
      width: 65%; }
      @media screen and (max-width: 1200px) {
        #page-intro .flourish-ctn .feature-item p {
          font-size: 3rem;
          width: 60%; } }
      @media screen and (max-width: 992px) {
        #page-intro .flourish-ctn .feature-item p {
          width: 70%;
          margin-left: 30%;
          float: none; } }
      @media screen and (max-width: 600px) {
        #page-intro .flourish-ctn .feature-item p {
          margin: 0;
          width: 100%;
          float: none; } }
    @media screen and (max-width: 1200px) {
      #page-intro .flourish-ctn .feature-item {
        padding: 50px 40px; } }
    @media screen and (max-width: 992px) {
      #page-intro .flourish-ctn .feature-item {
        margin-bottom: 30px;
        padding: 30px 50px;
        border-radius: 10px; } }
    @media screen and (max-width: 600px) {
      #page-intro .flourish-ctn .feature-item {
        text-align: center; } }
  #page-intro .flourish-ctn .feature-list .col {
    position: relative;
    top: 156px; }
    @media screen and (min-width: 992px) {
      #page-intro .flourish-ctn .feature-list .col {
        width: 49%; } }
    @media screen and (max-width: 992px) {
      #page-intro .flourish-ctn .feature-list .col {
        top: 90px; } }
  @media screen and (max-width: 600px) {
    #page-intro .flourish-ctn {
      min-height: 650px; } }
#page-intro .earn-ctn {
  background: url("../img/page-intro/bg-earn.jpg") center center no-repeat;
  background-size: cover;
  min-height: 900px;
  position: relative; }
  #page-intro .earn-ctn .center {
    position: absolute;
    top: 40%;
    width: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
            transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
    color: #fff; }
    @media screen and (max-width: 600px) {
      #page-intro .earn-ctn .center {
        top: 30%; }
        #page-intro .earn-ctn .center h2 {
          font-size: 2.8rem; }
        #page-intro .earn-ctn .center img {
          max-width: 60px; } }
  @media screen and (max-width: 992px) {
    #page-intro .earn-ctn {
      min-height: 600px;
      background-image: url("../img/page-intro/bg-earn-m.jpg"); } }
  @media screen and (max-width: 600px) {
    #page-intro .earn-ctn {
      min-height: 500px; } }
#page-intro .you-earn {
  position: relative;
  padding: 65px 0 112px; }
  #page-intro .you-earn p {
    font-size: 3.2rem;
    line-height: 1.1;
    margin: 40px 0 0;
    padding: 40px 0 0;
    border-top: 1px solid #e9660b;
    display: inline-block; }
  @media screen and (max-width: 600px) {
    #page-intro .you-earn p {
      font-size: 2.8rem; }
    #page-intro .you-earn img {
      max-width: 80px; } }
#page-intro .below-you-earn {
  overflow: hidden;
  background: #f5f5f5 url("../img/page-intro/bg-reward.jpg") no-repeat center center;
  background-size: cover;
  min-height: 503px;
  width: 100%;
  position: relative;
  /*p.bottom {
    top: 230px;
    @media screen and (max-width: $screen-small) {
      top: 185px;
      color: #fff;
    }
    @media screen and (max-width: $screen-tiny) {
      top: 170px;
    }
  }*/ }
  #page-intro .below-you-earn p {
    position: absolute;
    top: 130px;
    font-size: 3.2rem;
    color: #fff; }
    @media screen and (max-width: 600px) {
      #page-intro .below-you-earn p {
        width: 90%;
        font-size: 2.5rem;
        top: 110px; } }
    @media screen and (max-width: 480px) {
      #page-intro .below-you-earn p {
        top: 60px; }
        #page-intro .below-you-earn p br {
          display: none; }
        #page-intro .below-you-earn p span {
          display: block; } }
  @media screen and (max-width: 992px) {
    #page-intro .below-you-earn {
      background-position: right; } }
  @media screen and (max-width: 600px) {
    #page-intro .below-you-earn {
      min-height: 420px; } }
#page-intro .simply {
  padding: 86px 0 126px;
  text-align: center;
  position: relative; }
  #page-intro .simply h2 {
    text-align: center;
    font-size: 4.4rem;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98);
            transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98); }
    @media screen and (max-width: 992px) {
      #page-intro .simply h2 {
        top: 60px; } }
  #page-intro .simply .simply-content {
    position: relative;
    margin-top: 120px;
    min-height: 180px; }
    #page-intro .simply .simply-content:after {
      content: ' ';
      display: table;
      clear: both; }
  #page-intro .simply .col-simply {
    width: 25%;
    position: absolute;
    -webkit-transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98);
            transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98); }
    #page-intro .simply .col-simply h3 {
      margin: 43px 0 28px; }
      @media screen and (max-width: 992px) {
        #page-intro .simply .col-simply h3 {
          margin: 20px 0; } }
    #page-intro .simply .col-simply p {
      text-align: left;
      width: 175px;
      margin: 0 auto;
      padding: 24px 0 0;
      border-top: 1px solid #ee7202; }
    #page-intro .simply .col-simply img {
      height: 149px; }
    #page-intro .simply .col-simply-1 {
      left: 5%; }
    #page-intro .simply .col-simply-2 {
      left: 35%; }
    #page-intro .simply .col-simply-3 {
      left: 67%; }
    @media screen and (max-width: 992px) {
      #page-intro .simply .col-simply {
        width: 100%;
        position: relative;
        left: 0; }
        #page-intro .simply .col-simply img {
          max-width: 100px;
          height: auto; } }
  #page-intro .simply .col-operator {
    width: 10%;
    margin-top: 60px;
    position: absolute;
    -webkit-transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98);
            transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98); }
    #page-intro .simply .col-operator-1 {
      left: 27%; }
    #page-intro .simply .col-operator-2 {
      left: 60%; }
    @media screen and (max-width: 992px) {
      #page-intro .simply .col-operator {
        margin: 30px 0;
        width: 100%;
        text-align: center;
        position: relative;
        left: 0; } }
  #page-intro .simply:after {
    content: ' ';
    display: table;
    clear: both; }
  @media screen and (max-width: 992px) {
    #page-intro .simply {
      padding: 50px 0; } }
#page-intro .home-footer {
  position: relative;
  height: 420px;
  overflow: hidden;
  background: url("../img/page-intro/bg-footer.jpg") left top no-repeat;
  background-size: cover; }
  #page-intro .home-footer .video-intro {
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  #page-intro .home-footer .center {
    position: absolute;
    width: 100%;
    top: 30%;
    text-align: center;
    color: white; }
    #page-intro .home-footer .center .link {
      margin-top: 60px; }
      @media screen and (max-width: 992px) {
        #page-intro .home-footer .center .link {
          margin-top: 30px; } }
    #page-intro .home-footer .center h2 {
      margin: 0; }
    #page-intro .home-footer .center a {
      margin: 20px;
      padding: 10px 20px 10px 38px;
      border: 2px solid white;
      border-radius: 8px;
      font-size: 2rem;
      font-weight: 500;
      color: white;
      text-transform: uppercase; }
      #page-intro .home-footer .center a span {
        margin-left: 20px; }
      @media screen and (max-width: 600px) {
        #page-intro .home-footer .center a {
          display: block;
          max-width: 80%;
          margin: 15px auto; } }

.babyclub-hide {
  display: none; }

.babyclub-right {
  padding-left: 40px !important; }

.babyclub-select-wrapper > .caret {
  display: none; }

.babyclub-select > .caret {
  display: block; }

#page-edr-terms .white-padded-box > ol > li > p {
  font-weight: inherit; }
#page-edr-terms ul {
  padding-left: 30px; }
#page-edr-terms ul li {
  list-style-type: disc; }
#page-edr-terms p {
  font-size: inherit; }

._720kb-tooltip {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  position: absolute;
  z-index: 101;
  padding: .4% 1%;
  opacity: 0;
  visibility: hidden;
  border-radius: 3px;
  left: -200%;
  top: 0;
  pointer-events: none;
  width: 320px;
  max-width: 100%; }

._720kb-tooltip-title {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 500;
  width: 100%;
  clear: both; }

._720kb-tooltip-caret:after, ._720kb-tooltip-caret:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0; }

._720kb-tooltip._720kb-tooltip-small {
  padding: 4.5px 10px;
  font-size: 12px; }

._720kb-tooltip._720kb-tooltip-medium {
  padding: 7px 15px;
  font-size: 13.5px; }

._720kb-tooltip._720kb-tooltip-large {
  padding: 10px 20px;
  font-size: 14px; }

._720kb-tooltip._720kb-tooltip-open {
  visiblity: '';
  opacity: 1; }

._720kb-tooltip-caret:before {
  border: 6px solid rgba(0, 0, 0, 0.8); }

._720kb-tooltip-caret:after {
  border: 5px solid transparent; }

._720kb-tooltip-left ._720kb-tooltip-caret:after, ._720kb-tooltip-left ._720kb-tooltip-caret:before, ._720kb-tooltip-right ._720kb-tooltip-caret:after, ._720kb-tooltip-right ._720kb-tooltip-caret:before {
  top: 50%;
  border-top-color: transparent;
  border-bottom-color: transparent; }

._720kb-tooltip-left ._720kb-tooltip-caret:before {
  left: 100%;
  margin-left: 0;
  margin-top: -6px;
  border-right-width: 0; }

._720kb-tooltip-left ._720kb-tooltip-caret:after {
  left: 100%;
  margin-left: 0;
  margin-top: -5px;
  border-right-width: 0; }

._720kb-tooltip-right ._720kb-tooltip-caret:before {
  left: 0;
  margin-left: -6px;
  margin-top: -6px;
  border-left-width: 0; }

._720kb-tooltip-right ._720kb-tooltip-caret:after {
  left: 0;
  margin-left: -5px;
  margin-top: -5px;
  border-left-width: 0; }

._720kb-tooltip-bottom ._720kb-tooltip-caret:after, ._720kb-tooltip-bottom ._720kb-tooltip-caret:before, ._720kb-tooltip-top ._720kb-tooltip-caret:after, ._720kb-tooltip-top ._720kb-tooltip-caret:before {
  left: 50%;
  border-right-color: transparent;
  border-left-color: transparent; }

._720kb-tooltip-top ._720kb-tooltip-caret:before {
  top: 100%;
  margin-left: -6px;
  margin-bottom: -6px;
  border-bottom-width: 0; }

._720kb-tooltip-top ._720kb-tooltip-caret:after {
  top: 100%;
  margin-left: -5px;
  margin-bottom: -5px;
  border-bottom-width: 0; }

._720kb-tooltip-bottom ._720kb-tooltip-caret:before {
  bottom: 100%;
  margin-left: -6px;
  border-top-width: 0; }

._720kb-tooltip-bottom ._720kb-tooltip-caret:after {
  bottom: 100%;
  margin-left: -5px;
  border-top-width: 0; }

._720kb-tooltip-close-button {
  float: right; }

.offers-ctn {
  padding-top: 0px;
  padding-bottom: 80px;
  margin-bottom: -40px;
  background-color: #e6e6e6; }
  .offers-ctn .cards-ctn {
    margin-left: 0px;
    margin-right: 0px; }
    .offers-ctn .cards-ctn li {
      display: none;
      /*padding: 0 15px 20px 0px !important;

      &:nth-child(4n){
        padding: 0 0px 20px 0px !important;
      }*/ }
    @media screen and (max-width: 992px) {
      .offers-ctn .cards-ctn li {
        padding-left: 0px !important;
        padding-right: 0px !important; } }

.card-redemption {
  width: 100%;
  position: relative;
  /*padding-bottom: 44px;*/
  overflow: hidden;
  background-color: white;
  border-radius: 4px;
  min-height: 300px; }

@media screen and (max-width: 768px) {
  .card-redemption {
    min-height: 200px;
  }
}
.card-www {
  width: 100%;
  position: relative;
  padding-bottom: 44px;
  overflow: hidden;
  background-color: white;
  border-radius: 4px;
  min-height: 300px;
  /*Common*/
  /*Specific card types*/ }
  .card-www h4 {
    font-family: 'Arial';
    font-size: 1.5rem; }
  .card-www, .card-www * {
    box-sizing: border-box; }
  .card-www .card-header::after {
    clear: both;
    content: "";
    display: table; }
  .card-www .card-header .ch-col {
    float: left; }
  .card-www .card-header .img img {
    width: 100%; }
  .card-www .card-header h3, .card-www .card-header h4 {
    margin-top: 10px;
    margin-bottom: 0px; }
  .card-www .card-body {
    padding: 15px;
    font-size: 1.3rem; }
    .card-www .card-body h4 {
      margin-top: 0px;
      margin-bottom: 5px; }
    .card-www .card-body p {
      margin-top: 0px; }
    .card-www .card-body .exp-date {
      color: #6f787d;
      font-size: 1.4rem;
      font-weight: bold;
      margin: 10px 0px; }
    .card-www .card-body .card-body-bottom {
      position: absolute;
      bottom: 40px;
      left: 0px;
      width: 100%;
      padding: 0px 15px; }
      .card-www .card-body .card-body-bottom .price-wrapper {
        width: 100px;
        text-align: center;
        position: relative;
        top: -10px; }
        .card-www .card-body .card-body-bottom .price-wrapper h3, .card-www .card-body .card-body-bottom .price-wrapper h5 {
          margin: 0px; }
        .card-www .card-body .card-body-bottom .price-wrapper h3 {
          font-size: 2rem;
          font-family: 'Arial'; }
        .card-www .card-body .card-body-bottom .price-wrapper h5 {
          font-size: 1.4rem; }
  .page-redemption .card .card-action {
    cursor:pointer;
    cursor:hand;
  }
  .card-www .card-action, .card-www .card-action-button {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 10px 15px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: white; }
    .card-www .card-action::after, .card-www .card-action-button::after {
      clear: both;
      content: "";
      display: table; }
    .card-www .card-action .link, .card-www .card-action-button .link {
      float: left; }
      .card-www .card-action .link a, .card-www .card-action-button .link a {
        color: #1E1E1E;
        font-weight: 700;
        line-height: 20px; }
    .card-www .card-action .btns, .card-www .card-action-button .btns {
      float: right; }
      .card-www .card-action .btns a, .card-www .card-action-button .btns a {
        margin-left: 5px;
        width: 20px;
        display: inline-block;
        color: #D5D5D5;
        font-size: 20px;
        line-height: 20px;
        text-align: center; }
      .card-www .card-action .btns .dropdown-content, .card-www .card-action-button .btns .dropdown-content {
        top: auto !important;
        left: auto !important;
        bottom: 0;
        right: 0; }
      .card-www .card-action .btns .favourite-btn i.fa-star, .card-www .card-action-button .btns .favourite-btn i.fa-star {
        color: #e9660b; }
  .card-www .card-action-button {
    padding: 0px; }
    .card-www .card-action-button a {
      line-height: 40px;
      display: inline-block;
      width: 100%;
      background-color: #e9660b;
      text-align: center;
      color: white;
      font-family: 'Arial';
      font-size: 1.8rem;
      cursor: pointer; }
      .card-www .card-action-button a:hover {
        color: white;
        background-color: #f47319; }
  .card-www.expired {
    opacity: 0.5;
    pointer-events: none; }
  .card-www.card-members-get-more .card-header {
    padding: 15px 20px 0px 20px;
    min-height: 130px; }
    .card-www.card-members-get-more .card-header .img-container img {
      max-height: 135px;
      max-width: 125px; }
    .card-www.card-members-get-more .card-header .both-roundels {
      float: right;
      text-align: center;
      background: url("../img/cards/members-get-more.png") no-repeat center center;
      background-size: cover;
      width: 86px;
      height: 141px;
      margin-right: 10px;
      margin-top: -5px; }
      .card-www.card-members-get-more .card-header .both-roundels span.earn-val {
        font-family: 'Arial';
        font-size: 2.1rem;
        margin-top: 24px;
        display: block;
        color: white; }
      .card-www.card-members-get-more .card-header .both-roundels span.now {
        font-family: 'Arial';
        font-size: 2rem;
        margin-top: 31px;
        display: block; }
      .card-www.card-members-get-more .card-header .both-roundels span.was {
        font-family: 'Arial';
        font-size: 1.3rem;
        margin-top: -3px;
        display: block;
        color: white; }
  .card-www.card-members-get-more .card-body p.small {
    font-size: 1.3rem;
    margin: 0px;
    color: #6f787d; }
  .card-www.card-ww-dollars .card-header, .card-www.card-member-special .card-header {
    padding: 15px 20px 0px 20px;
    min-height: 130px; }
    .card-www.card-ww-dollars .card-header .earn-roundel, .card-www.card-member-special .card-header .earn-roundel {
      float: right;
      text-align: center;
      background: url("../img/cards/ww-dollar-earn.png") no-repeat center center;
      background-size: cover;
      width: 93px;
      height: 93px;
      margin-right: 10px; }
      .card-www.card-ww-dollars .card-header .earn-roundel span.earn-val, .card-www.card-member-special .card-header .earn-roundel span.earn-val {
        font-family: 'Arial';
        font-size: 2.2rem;
        margin-top: 25px;
        display: block;
        color: white; }
    .card-www.card-ww-dollars .card-header .img-container img, .card-www.card-member-special .card-header .img-container img {
      max-height: 115px; }
  .card-www.card-ww-dollars .card-body p.small, .card-www.card-member-special .card-body p.small {
    font-size: 1.3rem;
    margin: 0px;
    color: #6f787d; }
  .card-www.card-member-special .earn-roundel {
    background: url("../img/cards/member-roundel.png") no-repeat center center !important; }
    .card-www.card-member-special .earn-roundel .earn-val {
      color: #e9660b !important;
      margin-top: 50px !important; }
  .card-www.card-ww-special .card-header {
    padding: 15px 20px 0px 20px;
    min-height: 130px; }
    .card-www.card-ww-special .card-header .special-saving-roundel {
      float: right;
      text-align: center;
      background: url("../img/cards/ww-special-save.png") no-repeat center center;
      width: 102px;
      height: 98px;
      margin-right: 10px; }
      .card-www.card-ww-special .card-header .special-saving-roundel span.now {
        font-family: 'Arial';
        font-size: 2.3rem;
        margin-top: 30px;
        display: block; }
      .card-www.card-ww-special .card-header .special-saving-roundel span.was {
        font-family: 'Arial';
        font-size: 1.3rem;
        margin-top: 3px;
        display: block;
        color: white; }
    .card-www.card-ww-special .card-header img {
      max-height: 115px; }
  .card-www.card-ww-special .card-body p.small {
    font-size: 1.3rem;
    margin: 0px;
    color: #6f787d; }
  .card-www.card-ww-special .card-body .card-body-bottom .price-wrapper h3 {
    color: #c30f1b; }
  .card-www.card-fuel {
    /* Unused
    .saving {
      padding: 10px;
      width: 45%;
      font-size: 1.4rem;
      line-height: 3rem;

      span {
        display:block;
        font-size: 1.6rem;
        font-family: 'Arial';
      }
      span > strong {
        font-size: 4rem;
      }
      div {
        text-align: center;
        margin-top: -5px;
      }
    }*/ }
    .card-www.card-fuel .card-header {
      padding: 15px 15px 0px 15px;
      min-height: 105px;
      background: url("../img/cards/fuel-header.jpg") no-repeat center center;
      background-size: cover; }
    .card-www.card-fuel .saving-number {
      background: url("../img/cards/fuel-saving.png") no-repeat center center;
      width: 81px;
      height: 81px;
      position: relative; }
      .card-www.card-fuel .saving-number span {
        position: absolute;
        top: 18px;
        left: 8px;
        display: block;
        font-size: 3rem;
        font-family: 'Arial'; }
    .card-www.card-fuel .card-body-bottom {
      padding-bottom: 15px; }
    .card-www.card-fuel .card-body-bottom p {
      margin: 0; }
    .card-www.card-fuel .card-action, .card-www.card-fuel .card-action-button {
      text-align: center;
      background-color: #15562b; }
      .card-www.card-fuel .card-action .link, .card-www.card-fuel .card-action-button .link {
        float: none; }
      .card-www.card-fuel .card-action .link a, .card-www.card-fuel .card-action-button .link a {
        color: #fff;
        text-transform: uppercase; }
    .card-www.card-fuel .open-expander .fa {
      margin-left: 5px; }
  .card-www.card-exclusive .card-header {
    background: url("../img/cards/exclusive-offer-header.jpg");
    min-height: 100px;
    text-align: center;
    color: white;
    padding: 20px 0px 0px 0px;
    background-size: cover; }
    .card-www.card-exclusive .card-header .registered-header-hack {
      margin-top: -10px;
      margin-bottom: 10px; }
  .card-www.card-exclusive .open-expander .fa {
    margin-left: 5px;
    font-size: 16px; }
  .card-www.card-registered .card-header {
    background: url("../img/cards/exclusive-offer-header.jpg");
    min-height: 100px;
    text-align: center;
    color: white;
    padding: 10px 0px;
    background-size: cover; }
    .card-www.card-registered .card-header img {
      width: 50px; }
    .card-www.card-registered .card-header h4 {
      margin-top: 5px; }
  .card-www.card-explain {
    padding-bottom: 0;
    color: #fff;
    background-color: #919191; }
    .card-www.card-explain .card-header {
      padding: 30px 15px 0 15px;
      min-height: 100px;
      text-align: center; }
    .card-www.card-explain .card-body {
      text-align: center; }
      .card-www.card-explain .card-body h4 {
        margin-bottom: 10px; }





.card-redemption {
  padding: 15px;
  font-size: 1.3rem; }

.card-redemption .p1 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin: 0px 0px 10px 0px;
    font-weight: 600;
    text-align: center;
    color: #e9660b; }

.card-redemption .red-div {
  width:50%;
  float:left;
  text-align: center;
}

.card-redemption .red-div p {
  /*font-family: 'FreshSans-Bold';*/
  font-size: 1.6rem !important;
  line-height: 1.6rem !important;
  padding: 0px 5px;
  margin-top: 2px;
  margin-bottom: 10px;
  font-weight: 600;
}

.card-redemption .red-btn {
  /*float: left;*/
  /*display: block;*/
  width:100%;
  padding-top: 10px;
  text-align: center;
}

.card-redemption .red-div-left {
  border-right: 3px dotted;
  /*border-style: none none dotted;*/

}


.finished {
  position: relative;
  padding: 0px !important;
  margin: 0px; }
  .finished .card-wrap {
    position: relative; }
  .finished .card-www {
    overflow: initial; }
  .finished .finish-counter {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    left: 50%;
    margin-left: -82px;
    height: 50px;
    width: 160px;
    font-size: 2.5rem;
    color: #fff;
    text-align: center;
    top: 30px;
    font-family: 'Arial';
    text-transform: uppercase;
    line-height: 5rem;
    z-index: 3; }
  .finished a.show-finished-cards {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 2; }
  .finished .finished-modal {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px; }
    .finished .finished-modal .modal-close {
      position: absolute;
      top: 10px;
      right: 10px;
      font-size: 25px;
      line-height: normal;
      color: #D5D5D5; }
    .finished .finished-modal .cards-ctn {
      margin-top: 30px;
      overflow-y: auto; }
  .finished .stack-fake {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 10px;
    width: 100%; }
    .finished .stack-fake .fake-card {
      height: 5px;
      background-color: white;
      box-shadow: -1px 0px 3px #ccc;
      border-radius: 4px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px; }

.card-wrap {
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }

.card-expander-ctn {
  position: absolute;
  height: 0;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: height 0.5s ease-in-out;
          transition: height 0.5s ease-in-out;
  margin-top: 15px;
  width: 100%;
  left: 0px;
  padding-left: 10px;
  padding-right: 10px; }
  .card-expander-ctn .card-expander {
    position: relative;
    padding: 20px;
    background-color: white;
    border-radius: 4px; }
    .card-expander-ctn .card-expander .row {
      margin-right: 0px;
      margin-left: 0px; }
    .card-expander-ctn .card-expander .expanded-right {
      background-color: #fff;
      min-height: 320px;
      padding: 20px; }
      .card-expander-ctn .card-expander .expanded-right p {
        margin-top: 0;
        margin-bottom: 10px; }
      .card-expander-ctn .card-expander .expanded-right h2 {
        margin-top: 0;
        font-weight: 700; }
      .card-expander-ctn .card-expander .expanded-right h3 {
        margin-top: 0;
        font-weight: 300; }
      .card-expander-ctn .card-expander .expanded-right .btn-primary {
        margin-bottom: 10px;
        text-transform: uppercase; }
    .card-expander-ctn .card-expander .expanded-left {
      padding-right: 20px; }
    .card-expander-ctn .card-expander .close-expander {
      position: absolute;
      top: 15px;
      right: 25px;
      font-size: 25px;
      line-height: normal;
      font-weight: 300;
      color: #1E1E1E;
      z-index: 10; }
    .card-expander-ctn .card-expander .voucher-info img {
      display: block;
      height: auto; }
    .card-expander-ctn .card-expander .voucher-info .desc {
      padding: 15px 10px; }
    .card-expander-ctn .card-expander .voucher-info .saving {
      padding: 10px;
      width: 45%;
      font-size: 1.4rem;
      background-color: #D5D5D5;
      line-height: 3rem; }
      .card-expander-ctn .card-expander .voucher-info .saving span {
        display: block;
        font-size: 1.8rem;
        font-family: 'Arial'; }
      .card-expander-ctn .card-expander .voucher-info .saving span > strong {
        font-size: 4rem; }
      .card-expander-ctn .card-expander .voucher-info .saving div {
        text-align: right;
        border-bottom: 1px solid #6f787d;
        margin-top: -5px; }
    .card-expander-ctn .card-expander .voucher-info .dates {
      padding: 10px; }
      .card-expander-ctn .card-expander .voucher-info .dates li {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
        color: #ccc; }
        .card-expander-ctn .card-expander .voucher-info .dates li:last-child {
          border-bottom: none; }
        .card-expander-ctn .card-expander .voucher-info .dates li.available {
          color: #1E1E1E; }
    .card-expander-ctn .card-expander .map-ctn {
      position: relative; }
      .card-expander-ctn .card-expander .map-ctn .title {
        position: absolute;
        top: 10px;
        left: 10px;
        background-color: #15562b;
        color: white;
        font-weight: 700;
        border-radius: 4px;
        padding: 10px 20px;
        z-index: 999; }
      .card-expander-ctn .card-expander .map-ctn #map-petrol,
      .card-expander-ctn .card-expander .map-ctn .map-petrol {
        min-height: 400px; }
    .card-expander-ctn .card-expander .toc.collapsible {
      border: none;
      margin: 0; }
    .card-expander-ctn .card-expander .toc.collapsible li {
      border: 3px solid transparent;
      border-top: none; }
    .card-expander-ctn .card-expander .toc.collapsible li.active {
      border: 3px solid #ccc;
      border-top: none; }
    .card-expander-ctn .card-expander .toc .collapsible-header {
      border: none;
      background-color: #ccc; }
      .card-expander-ctn .card-expander .toc .collapsible-header .title {
        font-size: 24px;
        font-weight: 700; }
      .card-expander-ctn .card-expander .toc .collapsible-header .collapse-icon {
        top: 7px; }
    .card-expander-ctn .card-expander .toc .collapsible-body {
      padding: 20px 10px 0;
      background-color: #fff; }
      .card-expander-ctn .card-expander .toc .collapsible-body p {
        padding: 0;
        margin-bottom: 15px; }
  @media screen and (max-width: 600px) {
    .card-expander-ctn.reveal {
      position: fixed;
      top: 0 !important;
      left: 0;
      width: 100% !important;
      height: 100% !important;
      overflow-y: auto;
      z-index: 999; }
      .card-expander-ctn.reveal .card-expander {
        min-height: 100%; } }
  .card-exclusive + .card-expander-ctn .card-expander, .card-registered + .card-expander-ctn .card-expander {
    padding: 0; }
  .card-exclusive + .card-expander-ctn .expanded-right, .card-registered + .card-expander-ctn .expanded-right {
    position: relative;
    margin-left: 25%; }
    @media screen and (max-width: 600px) {
      .card-exclusive + .card-expander-ctn .expanded-right, .card-registered + .card-expander-ctn .expanded-right {
        margin-left: 0; } }
  .card-exclusive + .card-expander-ctn .expanded-left, .card-registered + .card-expander-ctn .expanded-left {
    position: absolute;
    height: 100%;
    padding-right: 0.75rem; }
    @media screen and (max-width: 600px) {
      .card-exclusive + .card-expander-ctn .expanded-left, .card-registered + .card-expander-ctn .expanded-left {
        position: relative;
        padding: 0; } }
  .card-exclusive + .card-expander-ctn .voucher-info img, .card-registered + .card-expander-ctn .voucher-info img {
    display: block;
    width: 100%;
    min-width: 100%;
    height: auto; }
    @media screen and (max-width: 600px) {
      .card-exclusive + .card-expander-ctn .voucher-info img, .card-registered + .card-expander-ctn .voucher-info img {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto; } }
  .card-fuel + .card-expander-ctn .card-expander .saving {
    width: 50%; }
  .card-fuel + .card-expander-ctn .card-expander .ico-fuel {
    position: relative;
    top: 20px;
    right: 25px; }
  @media screen and (max-width: 992px) {
    .card-expander-ctn {
      padding-left: 0;
      padding-right: 0; } }

@media screen and (max-width: 1024px) {
  #page-how-it-works .below-earn {
    padding: 110px 5% 99px; }
    #page-how-it-works .below-earn .below-earn-content, #page-how-it-works .below-earn .below-earn-img {
      width: 100%; }
    #page-how-it-works .below-earn .below-earn-content p {
      width: 100%;
      position: inherit; }
    #page-how-it-works .below-earn .below-earn-img .top {
      margin: 20px 50px;
      float: none; }
      #page-how-it-works .below-earn .below-earn-img .top .left {
        width: 30%;
        text-align: center; }
      #page-how-it-works .below-earn .below-earn-img .top .left:nth-child(2) {
        width: 6%;
        margin: 54px 14%; }
        #page-how-it-works .below-earn .below-earn-img .top .left:nth-child(2) img {
          width: 100%; }
      #page-how-it-works .below-earn .below-earn-img .top img {
        max-width: 100%; }
    #page-how-it-works .below-earn .below-earn-img .bottom img {
      left: 45%;
      top: -84px;
      width: 16%; } }
@media screen and (max-width: 600px) {
  #page-intro .flourish-ctn .container {
    position: inherit;
    padding: 30px 0; }
    #page-intro .flourish-ctn .container .feature-item {
      margin-bottom: 20px;
      min-height: 0; }

  footer .copyright .right {
    float: none !important; }
  footer .copyright span:last-child {
    display: block;
    text-align: center; }

  #page-how-it-works .gas .content-gas {
    position: initial;
    margin: 0 auto; }
  #page-how-it-works .next-7 .center {
    position: relative;
    z-index: 3; } }
@media screen and (max-width: 500px) {
  #page-how-it-works .icon-arrow-down {
    display: none; }
  #page-how-it-works h3 {
    font-size: 2rem; }
  #page-how-it-works p {
    font-size: 1.4rem !important; }
  #page-how-it-works .below-earn {
    padding: 40px 5% 224px; }
    #page-how-it-works .below-earn h3 {
      margin-bottom: 20px;
      font-size: 2rem;
      line-height: 1.4; }
    #page-how-it-works .below-earn .below-earn-img .top {
      margin: 0; }
      #page-how-it-works .below-earn .below-earn-img .top:after {
        content: ' ';
        display: table;
        clear: both; }
      #page-how-it-works .below-earn .below-earn-img .top .left {
        width: 37%; }
      #page-how-it-works .below-earn .below-earn-img .top .left:nth-child(2) {
        width: 10%;
        margin: 30px 20px; }
      #page-how-it-works .below-earn .below-earn-img .top div:first-child {
        margin-top: 20px; }
      #page-how-it-works .below-earn .below-earn-img .top div:last-child img {
        margin: 5px 0 13px;
        width: 90px; }
    #page-how-it-works .below-earn .below-earn-img .bottom img {
      display: none; }
    #page-how-it-works .below-earn .below-earn-content p {
      position: absolute;
      bottom: 0;
      width: 90%;
      left: 5%; }
  #page-how-it-works .shop_count {
    background-size: cover;
    min-height: 464px; }
  #page-how-it-works .next-7 p > br {
    display: none; }
  #page-how-it-works .next-7 img.img-ab {
    left: -77px;
    bottom: -92px; }
  #page-how-it-works .gas {
    background: #fff url("../img/how-it-work/m/bg_gas.png") no-repeat;
    background-size: cover;
    min-height: 435px; }
    #page-how-it-works .gas .content-gas {
      position: absolute;
      padding: 20px;
      width: 90%;
      left: 5%; }
      #page-how-it-works .gas .content-gas h3 {
        margin: 20px 0 0;
        text-align: center;
        padding: 0 0 10px; }
      #page-how-it-works .gas .content-gas p {
        text-align: center; }
      #page-how-it-works .gas .content-gas .center img {
        width: 35%; }
  #page-how-it-works .price-promise {
    min-height: 350px; }
    #page-how-it-works .price-promise .content-price-promise {
      width: 90%;
      padding: 30px 0;
      text-align: center;
      position: absolute;
      left: 5%; }
      #page-how-it-works .price-promise .content-price-promise p {
        padding: 0 10px; }
  #page-how-it-works .content-footer .center {
    top: 35%; }

  #page-intro .reward-ctn {
    min-height: 420px;
    padding-top: 10px;
    padding-bottom: 0; }
    #page-intro .reward-ctn .img-up {
      top: -5%; }
      #page-intro .reward-ctn .img-up .card-reward {
        max-width: 70%; }
    #page-intro .reward-ctn .img-easy {
        top: 175px;}
      #page-intro .reward-ctn .img-easy .simply-easy {
          max-width: 70%; }

          #page-intro .reward-ctn .img-pear {
              top: 340px; }
              #page-intro .reward-ctn .img-orange {
                  top: 380px; }
          #page-intro .reward-ctn .img-pear .p-image {
              max-width: 40%; }
              #page-intro .reward-ctn .img-orange .o-image {
                  max-width: 25%; }

  #page-intro .home-footer .video-intro {
    display: none; } }

/* added by Brett 23/02/2015 */
.offerbox {
    background: #fff;
    border-radius: 5px;
    float: right !important;
    height: 150px;
    margin: 0 0 0 20px !important;
    width: 150px !important;
	cursor: pointer;
	display: flex;
	justify-content: center;
}
.offerbox-inner {
	text-align: center;
	align-self: center;
}
.row.offers-outer {
    margin: 20px 0 0;
}
.bottom-boxes-outer {
    float: right;
	margin: 0 0 0 200px;
}
.bottombox-outer {
	display: flex;
	justify-content: center;
	float:right;
	height:50px;
	border-radius: 5px;
    background: #fff;
	margin: 10px 0 0 10px;
    width: 270px;
}
.margin-top-30{
	margin-top: 30px;
}
.bottom-mid {
	height: 100%;
	font-size: 18px;
	display: flex;
	justify-content: center;
}
.bottombox {
	text-align: center;
	align-self: center;
}
.btn-choose {
    float: right;
    margin: -30px 0 0;
}
.choose-reward {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: 0 0 30px !important;
	height:300px;
    width: 25% !important;
}
#choosenow {
    align-self: center;
    margin-left: -70px !important;
    position: absolute;
    text-align: center;
}
#choosenow2 {
    align-self: center;
    margin: -40px 250px 0 0;
    text-align: center;
}
.rewardbox {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    padding: 10px 10px 20px;
}
.btn-close {
    color: #000000;
    cursor: pointer;
    float: right;
    font-size: 18px;
    font-weight: bold;
    height: 25px !important;
    line-height: 1;
    opacity: 0.2;
    padding: 0;
    text-shadow: 0 1px 0 #ffffff;
    width: 25px;
}
.christmas {
    background-color: white;

    display: inline-block;
    float: right;
    height: 180px;
    margin-right: 1px;
    padding: 15px;
    position: relative;
    width: 180px;

}

.selected-tick {
    background: url("/img/tick.png") no-repeat;
    height: 23px;
    margin: 0 0 0 180px;
    position: absolute;
    width: 25px;
}
.btn-position {
    margin-top: -40px !important;
}

/*  -- */

.inline-line-input {
  width:50px !important;
  height: 2rem !important;
}


.qff-settings {
  padding-left: 20px !important;
}

.modal-redeem-now {
  width: 85% !important ;
  max-height: 100% !important ;
  /*overflow-y: hidden !important ;*/
}



/*PAGE Redemption settings*/




    #page-redemption-setting {
      font-family: "Arial"; }

      #page-redemption-settings .page-header {
        background: url("../img/redemption/main-hero.jpg") no-repeat center center;
        background-size: cover;
        height: 200px !important;}

        #page-redemption-settings .page-header h1 {
          margin: 0;
          color: #fff;
          height: 200px !important;
          line-height: 200px !important;
          text-shadow: 3px 2px 20px #000; }

        @media screen and (max-width: 992px) {
          #page-redemption-settings .page-header h1 {
            height: auto !important;
            line-height: normal !important;
            position: relative;
            top: 70px !important; }
        }
        @media screen and (max-width: 600px) {
          #page-redemption-settings .page-header h1 {
              top: 0 !important;
              line-height: inherit !important; }
        }

      #page-redemption-settings .page-header.sticky {
        border-bottom: 1px solid #f1f1f1;
        background-color: #fff;
        width: 100%; }
        #page-redemption-settings .page-header.sticky h1 + p {
          display: none; }
    #page-redemption-settings .cards-block {
      margin-top: 50px; }
    @media screen and (max-width: 768px) {
      #page-redemption-settings .cards-ctn > .col.s12 {
        width: 100%;
        margin-bottom: 15px; } }
    #page-redemption-settings .card-item {
      margin-bottom: 15px;
      border-radius: 10px;
      padding: 15px 20px;
      position: relative;
      min-height: 200px;
      background: url("../img/card-bg2.jpg") center center no-repeat;
      background-size: cover; }
      @media screen and (min-width: 1200px) {
        #page-redemption-settings .card-item {
          min-height: 240px; } }
      #page-redemption-settings .card-item .card-title {
        margin: 5px 0 0 0;
        color: #fff;
        text-shadow: 1px 1px 1px #333; }
      #page-redemption-settings .card-item .card-info {
        padding: 20px 20px 10px;
        position: absolute;
        bottom: 0;
        background-color: #f1f1f1;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
        #page-redemption-settings .card-item .card-info h4, #page-redemption-settings .card-item .card-info p {
          margin: 0; }
        #page-redemption-settings .card-item .card-info h4 {
          margin-bottom: 10px; }
      #page-redemption-settings .card-item.card-primary .card-info {
        right: 30px;
        width: 70%; }
        @media screen and (max-width: 768px) {
          #page-redemption-settings .card-item.card-primary .card-info {
            right: inherit;
            width: calc(100% - 40px); } }
      #page-redemption-settings .card-item.card-linked .card-info {
        width: calc(100% - 40px); }
        #page-redemption-settings .card-item.card-linked .card-info .meta::after {
          clear: both;
          content: "";
          display: table; }
        #page-redemption-settings .card-item.card-linked .card-info .meta > p {
          width: 50%;
          float: left; }
          @media screen and (max-width: 400px) {
            #page-redemption-settings .card-item.card-linked .card-info .meta > p {
              margin-bottom: 5px;
              width: 100%; } }
        #page-redemption-settings .card-item.card-linked .card-info .meta > p i.fa {
          font-size: 2.0rem; }
    #page-redemption-settings .collapsible .collapsible-header h3 {
      padding-right: 30px; }
    #page-redemption-settings .collapsible .collapsible-header.active {
      border-bottom: none; }
    #page-redemption-settings .collapsible .collapsible-body {
      padding-bottom: 20px; }
    #page-redemption-settings .collapsible .collapsible-body form input[type="radio"] + label {
      color: rgba(0, 0, 0, 0.87); }
    #page-redemption-settings .collapsible .link-block-ctn {
      padding-top: 15px; }
      #page-redemption-settings .collapsible .link-block-ctn .checkbox-ctn {
        margin-top: 15px; }
      #page-redemption-settings .collapsible .link-block-ctn .more {
        padding-left: 35px; }
    @media screen and (max-width: 480px) {
      #page-redemption-settings #qff_linking_display [type="radio"]:not(:checked) + label,
      #page-redemption-settings #qff_linking_display [type="radio"]:checked + label {
        line-height: 1.5;
        margin-bottom: 20px; } }
    #page-redemption-settings .accounts-block {
      margin-top: 50px; }
      #page-redemption-settings .accounts-block button.btn {
        min-width: 250px; }
        @media screen and (max-width: 600px) {
          #page-redemption-settings .accounts-block button.btn {
            min-width: 100%; } }
      #page-redemption-settings .accounts-block .connect-fb-ctn {
        padding: 0 0 20px; }
      #page-redemption-settings .accounts-block .close-account-ctn {
        padding-bottom: 30px; }
    #page-redemption-settings form .input-field input {
      margin-bottom: 35px; }
    #page-redemption-settings form .form-actions {
      margin: 10px 0; }
      #page-redemption-settings form .form-actions .btn {
        min-width: 250px; }
        @media screen and (max-width: 600px) {
          #page-redemption-settings form .form-actions .btn {
            min-width: 100%; } }
    #page-redemption-settings p {
      padding: 0;
      margin-bottom: 10px; }

    #redeem-now .btn-action {
      min-width: 100px;
    }





.christmas-inner {
  font-size: 3.5rem;
  line-height: 3.5rem;
  vertical-align: middle;
  font-family: 'Arial';
  display: inline;
  vertical-align: top;
  }
  .christmas-inner div {
    font-size: 2rem;
    font-family: 'Arial';
    line-height: 2.0rem;
    margin-top: -3px;
    padding-top: 12px;
    opacity: 0.8; }



  .page-offers .welcome .summary-widget .off-nextshop {
    width: 160px;
    height: 160px;
    text-align: center;
    font-size: 5rem;
    line-height: 5rem;
    vertical-align: middle;
    font-family: 'Arial';
    padding-top: 35px;
    margin: auto; }
    .page-offers .welcome .summary-widget .off-nextshop-inner div {
    font-size: 2rem;
    font-family: 'Arial';
    line-height: 2.0rem;
    margin-top: -3px;
    opacity: 0.8; }

    .page-redemption-content {
      background-color: #e6e6e6 !important;
    }




.page-redemption .card .card-content {
  min-height: 230px;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 10px !important;
}

@media screen and (max-width: 992px) {
  .page-redemption .card .card-content {
    min-height: 265px;
  }
}

.inner-detail-view {
  background-color: #e6e6e6 !important;
}

.inner-detail-text-area {
  padding:inherit;
  background-color: #e6e6e6 !important;
}




.inner-detail-text-area .btn-div {
  display: inline-block;
}

@media screen and (max-width: 600px) {
  .inner-detail-text-area .btn-div {
    text-align:center;
    display:inherit;
    padding-top: 10px;
  }
}


.inner-detail-text-area .christmas-redemption-opt br {
  display: none;
}

@media screen and (max-width: 600px) {
  .inner-detail-text-area .christmas-redemption-opt br {
    display: block;
  }

  .inner-detail-text-area .christmas-redemption-opt button {
    text-align: center;
  }
}


.padded-top-10 {
  padding-top: 10px !important;
}

.details-redemtion-view {
  margin-top: 10px;
  background-color: #e6e6e6 !important;
  margin-left: 2rem;
  margin-right: 2rem;
}

@media screen and (max-width: 600px) {
  .details-redemtion-view {
      margin-top: 20px !important;
      margin-bottom: 10px !important;
  }
}

.page-redemption .card .card-content p {
    font-size: 1.6rem;
    font-family: 'Arial';
}

@media screen and (max-width: 992px) {
  .page-redemption .card .card-content p {
      font-size: 1.4rem;
      font-family: 'Arial';
  }

  .page-redemption .card .card-content .upper-text {
    font: 700 16.64px / 16.376px Arial !important;
  }

  .page-redemption-content .container {
    width: 100% !important;
  }
}



@media screen and (max-width: 600px) {
  .page-redemption .card .card-content p {
      font-size: 1.6rem;
      font-family: 'Arial'; }

  .page-redemption .card .card-content .upper-text {
    font: 700 20.64px / 20.376px Arial; }
}

.page-redemption .card .card-content .upper-text {
    color: #43525a;
    font-size: 1.8rem;
    /*font-family: 'Arial';*/
    text-transform: uppercase;
    text-align: center;
    font: 700 20.64px / 20.376px Arial;
  }

  .page-redemption .card .card-content .lower-text {
      margin-top: 10px;
      color: #39464e;
  }

 .page-redemption .detail-top-text {
   color: #43525a;

   /*font-family: 'Arial';*/
   text-transform: uppercase;
   font: 700 18.64px / 18.376px Arial;
 }

 .page-redemption .detail-bottom-text {
     margin-top: 10px;
     color: #39464e;
     font: 400 18.31px / 18.857px Arial;
 }

 .page-offers .welcome .top-tiles .margin-right {
    margin-right: 5px;
}

/*
.page-redemption .details-redemtion-view  .top-tiles {
   margin-left: 20px;
}
*/

@media screen and (max-width: 992px) {
  .page-redemption .top-tiles .orange-tile {
      width: 110px !important;
      height: 110px !important;
      padding-top: 20px !important;
  }

  .page-redemption .top-tiles .orange-tile img {
    width: 40px !important;
    margin-top: 20px !important;
    margin-left: 37px !important;
  }

}

.page-redemption .top-tiles .orange-tile {
    float: left;
    display: inline-block;
    width: 150px;
    height: 150px;
    background-color: #e9660b;
    position: relative;
    padding: 10px;
    color: white;
    text-align: center;
    padding-top: 30px;
}

.page-redemption .top-tiles .orange-tile img {
    /*width: 20px;
    position: absolute;
    border-radius: 50%;
    margin-top: 32px;
    margin-left: 65px;
    z-index: 1;*/
    width: 50px;
    position: absolute;
    margin-top: 20px;
    margin-left: 52px;
    z-index: 1;
}

@media screen and (max-width: 992px){
  .page-redemption .top-tiles .tile {
      width: 110px !important;
      height: 110px !important;
      padding-top: 20px !important;
  }
}
.page-redemption .top-tiles .tile {
    float: left;
    display: inline-block;
    width: 150px;
    height: 150px;
    background-color: #fff;
    position: relative;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    padding-top: 30px;
}

.redemption-btn {
    float:inherit;
}

.page-redemption .page-header {
    background: url("/img/hero/unsubscribe-raspberries.jpg") no-repeat center center !important;
    background-size: cover !important;
}

@media screen and (max-width: 992px) {
  .page-redemption .card {
      margin: 0.5rem 0rem 1rem 0rem !important;
  }
  .details-redemtion-view {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .page-redemption .detail-top-text {
    font: 700 14.64px / 14.376px Arial;
  }
}

@media screen and (max-width: 600px) {
  .page-redemption .card .card-image .first-image-auto {
      content: url('../img/redemption/f/auto-m.jpg') !important;
  }

  .page-redemption .card .card-image .first-image-qantas {
      content: url('../img/redemption/f/qantas-m.jpg') !important;
  }

  .page-redemption .card .card-image .first-image-christmas {
      content: url('../img/redemption/f/christmas-m.jpg') !important;
  }

  .page-redemption .card .card-image .first-image {
      height: 110px !important;
  }
  .page-redemption .card .card-content {
    min-height: 0px !important;
  }
  .page-redemption .card {
    margin: 0.5rem 0 1rem 0 !important;
  }
  .inner-detail-text-area {
    padding: 10px 20px !important;
  }
  .inner-detail-text-area-1 {
    background-color: #e6e6e6 !important;
    padding: 0px 20px 20px 20px !important;
  }
  .reward-message {
      padding-left: 0px !important;
      padding-right: 0px !important;
  }
  .redemption-btn {
      float:inherit !important;
  }

}

 .redemption-disclaimer-text {
   margin-top: 10px;
   font-size:1.5rem;
 }

.redemption-sub-text {
  margin-top: 10px;
}

.cursor-pointer {
  cursor: pointer;
}

.page-redemption .card .card-image .card-title {
    position: relative;
    bottom: 0;
    left: 0;
    /* padding: 20px; */
    text-align: center;
    display: block;
    /* margin-top: 20px; */
    margin-top: -35px;
    padding: 0px;
}
.page-redemption .card .card-image .card-title img {
    /* position: absolute; */
    /* top: calc(0% - 25px); */
    /* margin-top: -55px; */
    border-radius: 50%;
    width: 64px;
}

.page-redemption .card .card-action {
  /*min-height: 63px !important;*/
  padding: 0px !important;
  text-align: right;
  height:45px !important;
}

.page-redemption .card {
  border-radius: 0px !important;
  background-color: #e6e6e6 !important;
  margin: 0.5rem 2rem 1rem 2rem;
}


.page-redemption-container {
  background-color: #fff;
  padding-top: 30px !important;
  padding-bottom: 40px !important;
  border-radius: 10px;
}

@media screen and (max-width: 992px) {
  .page-redemption-container {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 600px) {
  .page-redemption-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

.page-redemption .card .card-action .learn-more-button {
    width: 100% !important;
    border-radius: 0px !important;
    background-color: #43525a !important;
    height: 45px !important;
    line-height: 45px !important;
    color: #ffffff;
}

.arrow_box {
	position: relative;
	background: #43525a;
  margin-top: -10px;
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(67, 82, 90, 0);
	border-top-color: #43525a;
	border-width: 20px;
	margin-left: -20px;
}

.arrow_box_orange {
	position: relative;
	background: #e9660b;
  margin-top: -10px;
}
.arrow_box_orange:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(67, 82, 90, 0);
	border-top-color: #e9660b;
	border-width: 20px;
	margin-left: -20px;
}

.page-redemption .card .card-action .selected {
    width: 100% !important;
    border-radius: 0px !important;
    background-color: #e9660b;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    height: 45px !important;
    line-height: 45px !important;
    text-align: center !important;
    /*font-family: "Arial" !important;*/
    /*font-weight: 800;*/
    font-size: 1.4rem !important;
}


.page-offers .welcome .summary-widget .total-saving {
    float: right;
    display: inline-block;
    width: 180px;
    height: 180px;
    background-color: white;
    position: relative;
    margin-right: 5px;
    padding: 10px;
    /* color: white; */
}

.page-offers .welcome .summary-widget .total-saving .total-saving-detail {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    text-align: center;
    font-size: 3.4rem;
    line-height: 5rem;
    vertical-align: middle;
    font-family: 'Arial';
    padding-top: 30px;
    margin: auto;
}

.page-offers .welcome .summary-widget .total-saving .total-saving-detail div {
    font-size: 2rem;
    font-family: 'Arial';
    line-height: 2.0rem;
    margin-top: -3px;
    opacity: 0.8;
}

.centerd-div-block-text {
text-align: center;
vertical-align: middle;
/*line-height: 80px;*/
font-size: 2rem;
font-family: 'Arial';
}

.toast-wow {
  line-height: 15px !important;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 300;
}

.toast-success {
  background-color: green !important;
}

.toast-failure {
  background-color: red !important;
}







/* OFFERS PAGE NEW */
.page-offers .welcome .top-tiles {
  width: 760px;
  float: right;
  margin-top: 24px;
  position: relative; }
.page-offers .welcome .public-top-tiles {
  width: 620px !important; }

  .page-offers .welcome .top-tiles-small {
    margin-top: 24px;
    position: relative; }
  .page-offers .welcome .top-tiles .tooltip {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 2rem;
    z-index: 99;
    font-size: 1.8rem; }
    .page-offers .welcome .top-tiles-small .tooltip {
      position: absolute;
      bottom: 5px;
      right: 10px;
      font-size: 2rem;
      z-index: 99;
      font-size: 1.8rem; }
    .page-offers .welcome .top-tiles .tooltip a {
      color: #e9660b; }
      .page-offers .welcome .top-tiles-small .tooltip a {
        color: #e9660b; }

      .page-offers .welcome .top-tiles .orange-tile {
          float: right;
          display: inline-block;
          width: 184px;
          height: 180px;
          background-color: #e9660b;
          position: relative;

          padding: 10px;
          color: white;
          text-align: center;
      }

      .page-offers .welcome .top-tiles-small .orange-tile-small {

          height: 85px;
          background-color: #e9660b;
          position: relative;
          padding: 10px;
          color: white;
          text-align: left;
      }

      .page-offers .welcome .top-tiles .tile-cursor {
        cursor:pointer;
        cursor:hand;
      }

      .page-offers .welcome .top-tiles .tile {
          float: right;
          display: inline-block;
          width: 184px;
          height: 180px;
          background-color: #fff;
          position: relative;
          padding: 10px;
          text-align: center;
          background-color: #e6e6e6;
      }

      .page-offers .welcome .top-tiles-small .tile-small.tile-cursor {
          cursor: pointer;
      }

      .page-offers .welcome .top-tiles-small .tile-small {

          height: 90px;
          background-color: #fff;
          position: relative;
          padding: 10px;
          text-align: left;
          background-color: #e6e6e6;
      }

      @media screen and (max-width: 992px) {
        .page-offers .welcome .top-tiles .tile {
          width: 150px;
        }

        .page-offers .welcome .top-tiles .orange-tile {
            width: 150px;
        }
      }

      @media screen and (max-width: 992px) {
        .tile-font-lower-1 {
          font-size: 1.2rem !important;
          line-height: 1.2rem !important;
        }
        .tile-font-upper {
            font-size: 2.8rem !important;
            line-height: 2.8rem !important;
        }
      }
      .page-offers .welcome .top-tiles .margin-right {
      margin-right: 5px; }

      .page-offers .welcome .top-tiles-small .margin-bottom {
      margin-bottom: 5px; }

      .page-offers .welcome .top-tiles img {
          position:relative;
          /*top: calc(0% - 25px);*/ /* 50% - 3/4 of icon height */
          margin-top: -40px;
          border-radius: 50%;
          width: 64px;
      }

      .page-offers .welcome .top-tiles-small img {
          float:left;
          position:relative;
          /*top: calc(0% - 25px);*/ /* 50% - 3/4 of icon height */
          margin-left: -40px;
          border-radius: 50%;
          width: 64px;
      }

      .dotted-orange {
        border: 3px dotted #e9660b;
        border-style: none none dotted;
        color: black;
        background-color: #43525a;
      }

      .dotted {
        border: 3px dotted #e6e6e6;
        border-style: none none dotted;
        color: black;
        background-color: #43525a;
      }

      .dotted-white {
        border: 3px dotted #fff;
        border-style: none none dotted;
        color: black;
        background-color: #43525a;
      }

      .tile-font-upper {
        text-align: center;
        font-size: 3.3rem;
        line-height: 3.3rem;
        /*vertical-align: middle;*/
        font-family: 'Arial';
        font-weight: 700;
      }

      .tile-font-lower-1 {
        font-size: 1.5rem;
        font-family: 'Arial';
        line-height: 1.5rem;
        text-align: center;
        /*display: block;*/
        margin-bottom: 7px;
        min-height: 34px;
        font-weight: 700;
        text-transform: uppercase;
      }

      .tile-font-lower-2 {
        font-size: 1.4rem;
        font-family: 'Arial';
        line-height: 1.4rem;
        text-align: center;
        /*display: block;*/
      }

      .tile-font-middle {
        font-size: 1.7rem;
        font-family: 'Arial';
        line-height: 1.7rem;
        text-align: center;
        opacity: 0.8;
        height: 135px;
        margin-top: 15px;
        text-transform:uppercase;
      }

      .tile-font-middle-christmas {
        top: 25%;
        position: absolute;
        padding: 10px;
      }

      .orange-color {
          color : #e9660b !important;
      }

      .tile-font-small-1 {
        text-align: left;
        font-size: 2.2rem;
        line-height: 4.0rem;
        font-family: 'Arial';
        padding-top: 13px;
        padding-left: 8px;
        position: absolute;
      }

      .tile-font-small-2 {
        font-size: 1.3rem;
        font-family: 'Arial';
        line-height: 1.3rem;
        text-align: left;
        padding-top: 15px;
        position: absolute;
        left:110px;
        padding-left: 8px;
        padding-right: 8px;
        text-transform: uppercase;
      }

      /*
      .tile-font-small-sincejoining {
        left:150px !important;
      }
      */

      .extended-margin-left {
        margin-left: 160px !important;
        margin-top: 10px !important;
      }

      .tile-font-small-3 {
        font-size: 1.3rem;
        font-family: 'Arial';
        line-height: 1.3rem;
        text-align: left;
        margin-bottom: 10px;
        display:inline-block;
        text-transform: uppercase;
        padding-left: 34px;
        padding-top: 5px;
      }

      @media screen and (max-width: 600px) {
        .tile-font-small-3 {
          display:inherit !important;
        }
      }

      .ilb {

        float: left;
      }

      .in-image {
        width:50px;
        border-radius: 50%;
      }

      .in-image-div {
        padding: 0;
      }

      .page-offers .opt-in-redemtion-settings {
          background-color: rgba(91, 86, 86, 0.7);
          position: relative;
          padding: 5px 0px 5px 0px;
          color: #fff;
      }

      .page-offers .opt-in-redemtion-settings div {
          font-size: 1.8rem;
          font-family: 'Arial';
      }

      #page-activity table tr td.detail-row-orange {
          padding: 10px;
          background-color: #e9660b !important;
          color: white;
      }

      #page-activity table tr td.detail-row {
          padding: 10px;
          font-size: 16px;
      }
      .center-aligned {
        text-align: center;
      }
      .page-offers .how-youre-earning {
        background-color: rgba(91, 86, 86, 0.7) !important;
         }

         .btn-caccount {
           min-width: 94px;
         }

.img1 {
    background: url(images/auto-redeem.png);
    color: #43525a;
    font: 700 24.04px / 30.376px Arial;
    color: #ffffff;

    color: #39464e;
    font: 400 20.04px / 22.442px Arial;

    color: #43525a;
    font: 700 31.64px / 30.376px Arial;
}
.img2 {
    background: url(images/10d.png);
    background: url(images/dotdotdot.png);
    background: url(images/christmas.png);
    background: url(images/saveforchristmas.png);
    background: url(images/Layer-9.png);
    background: url(images/GRAD-over-image.png);
    background: url(images/chooserewarded.png);
    font: 400 24.31px / 24.309px Arial;
    color: #ffffff;
}

.desktop {
    background: url(images/desktop/auto.png);
    background: url(images/desktop/christmas.png);
    background: url(images/desktop/qantas.png);
    background: url(images/desktop/plane.png);
    background: url(images/desktop/equal.png);
    background: url(images/desktop/dotted-small.png);
    background: url(images/desktop/dotted-large.png);
    background: url(images/desktop/bg-big.png);

    background: url(img/dot.png);
    background: url(img/dotdot.png);
    color: #43525a;
    font: 700 18.95px / 21.654px FreshSans;

}

.printgrid table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
}

.printgrid {
  font: normal 12px/150% Arial, Helvetica, sans-serif;
  background: #fff;
  overflow: hidden;
}

.printgrid table td,
.printgrid table th {
  padding: 5px 5px;
}

.printgrid table thead th.head {
  background-color: #39464d;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  padding-left: 20px;
}



.printgrid table thead th.first {
  text-align: left;
}

.printgrid table thead th:first-child {
  border: none;
}

.printgrid table tbody td {
  color: #00557F;
  border-left: 2px solid #E1EEF4;
  font-size: 20px;
  border-bottom: 2px solid #E1EEF4;
  font-weight: normal;
  text-align: center;
}

.printgrid table tbody td.earn {
  color: #e9660b;
}

.printgrid table tbody td:first-child {
  border-left: none;
}

.printgrid table tbody tr:last-child td {
  border-bottom: none;
}

.innerprintgrid table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.innerprintgrid {
  font: normal 12px/150% Arial, Helvetica, sans-serif;
  background: #fff;
  overflow: hidden;
}

.innerprintgrid table td,
.innerprintgrid table th {
  padding: 0px 0px;
}

.innerprintgrid table tbody td {
  color: #00496B;
  font-size: 12px;
  font-weight: normal;
}

.innerprintgrid table tbody td.product-detail {
  text-align: left;
  color: #e9660b;
  vertical-align: top;
}

.innerprintgrid table tbody td.product-detail h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #39464d;
}

.innerprintgrid table tbody td {
  border-left: none;
}

.innerprintgrid table tbody tr td {
  border-bottom: none;
}

.main-print-section .print-icn a {
    float:right;
    color:black;
    font-size:20px;
    padding-top:10px;
    padding-right:10px;
}

.main-print-section .print-icn a span {
  text-decoration: underline;
}

.main-print-section .modal {
  width: 85% !important;
  max-height: 85% !important;
}

.main-print-section .modal .modal-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 5px !important;
}

@media screen {
  #printSection {
    display: none;
  }
}



/*CHANGES 19-08-2016*/

#page-how-it-works-points {
  padding: 0; }
  #page-how-it-works-points h3 {
    font-size: 3.3rem;
    margin: 0; }
  #page-how-it-works-points .icon-arrow-down {
    margin: 0 auto;
    padding: 10px;
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-animation: bounce .5s infinite alternate ease-out;
            animation: bounce .5s infinite alternate ease-out; }
  #page-how-it-works-points .opacity {
    height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.34);
    top: 0; }

  #page-how-it-works-points .hero {
    position: relative;
    height: 650px;
    overflow: hidden;
    background-color: #fff;
    /*background: url("../img/how-it-works-points/hero-wwr-1.png") no-repeat center center;
    background-size: cover;*/
    background-image:url('../img/how-it-works-points/hero-wwr-1.jpg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
  }

  /* Desktops and laptops ----------- */
  @media screen  and (min-width : 1224px) {
    /* Styles */

  }

  /* Large screens ----------- */
  @media only screen  and (min-width : 1400px) {
    /* Styles */
    #page-how-it-works-points .hero {
      height: 750px;
    }
  }

  /* Large screens ----------- */
  @media only screen  and (min-width : 1500px) {
    /* Styles */
    #page-how-it-works-points .hero {
      height: 950px;
    }
  }

  /* Large screens ----------- */
  @media only screen  and (min-width : 2000px) {
    /* Styles */
    #page-how-it-works-points .hero {
      height: 1500px;
    }
  }

  /* Large screens ----------- */
  /*@media screen  and (min-width : 1824px) {
    #page-how-it-works-points .hero {
      position: relative;
      height: 1110px;
    }
  }*/

  @media screen and (max-width: 992px) {
    #page-how-it-works-points .hero {
      height: 400px; } }
  @media screen and (max-width: 600px) {
    #page-how-it-works-points .hero {
      height: 390px; } }

  @media screen and (max-width: 600px) {
    #page-how-it-works-points .hero {
      background-size: cover !important;
    }
  }

  .video-js {
    background-color: #f2f4f5 !important;
  }

  #page-how-it-works-points .hero.video-playing {
    background-color: #f2f4f5 !important;
  }
    #page-how-it-works-points .hero .video-intro,
    #page-how-it-works-points .hero .video-intro > video {
      opacity: 0;
      -webkit-transition: opacity 1s linear;
              transition: opacity 1s linear;
      width: 100%;
      height: 85%;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }
    #page-how-it-works-points .hero .video-intro > video {
      opacity: 1; }
    #page-how-it-works-points .hero iframe.video-intro {
      height: 100%;
    }
    #page-how-it-works-points .hero .video-js .vjs-big-play-button {
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      margin: auto; }
    #page-how-it-works-points .hero .link {
      margin: auto;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      text-align: center; }
      #page-how-it-works-points .hero .link a {
        display: inline-block;
        height: 175px;
        position: relative;
        top: 33%;
        text-align: center;
        overflow: hidden; }
      @media screen and (max-width: 992px) {
        #page-how-it-works-points .hero .link a {
          top: 30%;
           }
        #page-how-it-works-points .hero .link a > img {
          width: 80px; }
      }
        #page-how-it-works-points .hero .link a h3 {
          font-family: 'Arial';
          font-size: 4rem;
          font-weight: 400;
          color: #fff;
          margin: 0 0 20px;
          display: inline-block; }
          @media screen and (max-width: 600px) {
            #page-how-it-works-points .hero .link a h3 {
              font-size: 3.5rem; } }
        #page-how-it-works-points .hero .link a > img {
          display: inline-block; }
          @media screen and (max-width: 600px) {
            #page-how-it-works-points .hero .link a > img {
              width: 60px; } }
        @media screen and (max-width: 600px) {
          #page-how-it-works-points .hero .link a {
            height: 140px;
            top: 30%; } }
    #page-how-it-works-points .hero .stop {
      visibility: hidden;
      margin: auto;
      width: 100%;
      height: 60px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      right: 0;
      text-align: center;
      overflow: hidden; }
    #page-how-it-works-points .hero.video-playing .video-intro {
      opacity: 1; }

  #page-how-it-works-points .reward {
    padding: 20px 0;
    background-color: #f47920;
    overflow: hidden;
    position: relative;
    z-index: 2;
    min-height: 423px; }

    #page-how-it-works-points .reward h3 {
      margin: 0;
      font: 400 25.83px / 29.685px FreshSans;
      margin-bottom: 45px;
    }
    #page-how-it-works-points .reward p {
      /*width: 341px;*/
      text-align: center;
      font: 500 17.22px / 21.796px FreshSans;}
    #page-how-it-works-points .reward .why {
      /*width: 30%;
      margin-left: 10%;*/
      text-align: center;
      color: #fff;
      padding: 30px 0;
    }
    #page-how-it-works-points .reward .why img {
        width: 31px;
      }
      @media screen and (max-width: 992px) {
        #page-how-it-works-points .reward .why {
          width: 100%;
          margin: 0;
          padding: 0 10%; }
      }
    #page-how-it-works-points .reward .why-right {
      position: relative;
      top: 85px;
      /*width: 60%;*/
      min-height: 247px;
      /*text-align: center;*/ }
      @media screen and (max-width: 992px) {
        #page-how-it-works-points .reward .why-right {
          width: 100%;
          margin-top: 20px;
          top: auto; } }
    #page-how-it-works-points .reward .card-why-1,
    #page-how-it-works-points .reward .card-why-2 {
      position: absolute;
      width: 100%; }
      #page-how-it-works-points .reward .card-why-1 img {
        max-width: 100%;
        height: 347px;
        margin-right:30%;
        z-index: 101;
        float: right;
        }
      #page-how-it-works-points .reward .card-why-2 img {
        max-width: 100%;
        width: 404px;
        z-index: 100;
        float: right; margin-bottom: -100px;}

      @media screen and (max-width: 992px) {
        #page-how-it-works-points .reward .card-why-1,
        #page-how-it-works-points .reward .card-why-2 {
          width: 100%; } }
    #page-how-it-works-points .reward:after {
      content: ' ';
      display: table;
      clear: both; }
    @media screen and (max-width: 600px) {
      #page-how-it-works-points .reward {
        padding: 40px 0; }
      #page-how-it-works-points .reward h3 br {
        display: none;}
    }

        #page-how-it-works-points .dollar {
          background-size: cover;
          min-height: 423px;
          padding: 20px 20px;
          position: relative;
          background-color: #fff; }

          #page-how-it-works-points .dollar > img {
            position: absolute;
            top: 0;
            left: 35%;
            z-index: 1;
            margin: auto; }

          #page-how-it-works-points .dollar .dollar-left {
            /*width: 50%;*/
            float: left; }
          #page-how-it-works-points .dollar .dollar-left .starting {
            text-align: center;
            color: #f47920;
            font: 400 25.83px / 24.685px FreshSans;}

          #page-how-it-works-points .dollar .dollar-left .upper-ele {
            text-align: center;}

          #page-how-it-works-points .dollar .dollar-left .inner-ele {
            display:inline-block;
            /*padding: 0 20px 0 20px;*/
            color: #39464e;
            font: 800 20.07px / 21px FreshSans;}

            #page-how-it-works-points .dollar .dollar-left .inner-ele img {
              width: 70%; }


          #page-how-it-works-points .dollar .dollar-left .p1 {
            text-align: center;
            color: #39464e;
            font: 300 19.52px / 17px FreshSans; }

          #page-how-it-works-points .dollar .dollar-left .p2 {
            text-align: center;
            color: #f47920;
            font: 400 25.83px / 33.296px "Fresh Script_Regular", Helvetica, sans-serif;
            font-family: "Fresh Script_Regular", Helvetica, sans-serif !important;}

          #page-how-it-works-points .dollar .p3 {
            position: absolute;
            bottom: 0;
            right: 0;
            /*color: rgba(57, 70, 78, 0.5);*/
            font: 400 10.17px / 11.028px 'Arial';
            text-align: center;
            padding-right: 60px;
            width: 600px;}


          #page-how-it-works-points .dollar .dollar-left h3 {
            margin: 0 0 50px; }

          @media screen and (max-width: 480px) {
            #page-how-it-works-points .dollar > img {
              width: 200px; } }

          @media screen and (max-width: 992px) {
            #page-how-it-works-points .dollar .dollar-left h3 {
              margin: 0 0 30px; } }

          @media screen and (max-width: 992px) {
            #page-how-it-works-points .dollar .p3 {
                padding-right: 5%;
                padding-left: 11%;
                /* width: 400px; */
                padding-bottom: 2%;
                max-width: 100%;
            }
            #page-how-it-works-points .dollar .dollar-left {
              width: 100%;
              float: none;
              margin: 0 0 40px;
              position: relative;
              z-index: 1; } }
          #page-how-it-works-points .dollar .dollar-right {
            position: relative;
            /*width: 50%;*/
            float: left;
            z-index: 2; }
            #page-how-it-works-points .dollar .dollar-right > img {
              width: 250px;
              margin-left: 170px;}
            #page-how-it-works-points .dollar .dollar-right h3 {
              margin: 0 0 50px;
              text-align: center;
              position: absolute;
              width: 140px;
              color: #fff;
              top: 65px;
              left: 200px;
              color: #ffffff;
              font: 400 24.11px / 22.963px FreshSans;}

              #page-how-it-works-points .dollar .dollar-right p {
                color: #ffffff;
                font: 400 24.11px / 22.963px FreshSans;}

            @media screen and (max-width: 992px) {
              #page-how-it-works-points .dollar .dollar-right {
                width: 100%;
                float: none; } }
          @media screen and (max-width: 992px) {
            #page-how-it-works-points .dollar {
              /*background: #fff url("../img/how-it-work/m/bg_dollar.png") no-repeat;*/
              min-height: 460px;
              padding: 40px 20px; } }



              @media screen and (max-width: 480px) {
                #page-how-it-works-points .dollar {
                  padding: 0px;
                }
                #page-how-it-works-points .dollar {
                   padding: 20px 0px;}
              }

  #page-how-it-works-points .earn {
    min-height: 423px;
    position: relative;
    background-color: #f2f4f5;}
    #page-how-it-works-points .earn h3 {
      margin: 0;
      text-align: center;
      position: absolute;
      top: 50%;
      width: 100%;
      color: white;
      font-size: 3.3rem; }

      #page-how-it-works-points .earn .orange-img {
        width:611px;
        margin-top: -319px;
        margin-left: -10px;}

      #page-how-it-works-points .earn .blue-img {
        width: 369px;
        position: absolute;
        top: 0;
        left: 0;
        margin-top:110px;
        margin-left:100px;}
        #page-how-it-works-points .earn .topimage {
          min-height: 200px;}
        #page-how-it-works-points .earn .text {
          padding-top: 50px;
          text-align: center;}
        #page-how-it-works-points .earn .text .p1 {
          color: #f47920;
          font: 400 25.83px / 29.685px FreshSans;}
        #page-how-it-works-points .earn .text .p2 {
          color: #39464e;
          font: 300 17.22px / 21.165px FreshSans;
          padding: 0 140px;}

          #page-how-it-works-points .earn .p3 {
            position: absolute;
            bottom: 0;
            right: 0;
            /*color: rgba(57, 70, 78, 0.5);*/
            font: 400 10.17px / 11.028px 'Arial';
            text-align: center;
            padding-right: 40px;
            width: 600px;}

            @media screen and (max-width: 600px) {
            }


          @media screen and (max-width: 992px) {
            #page-how-it-works-points .earn {
              min-height: 522px;}
              #page-how-it-works-points .earn .topimage {
                padding: 0px;
                min-height: 250px;}
            #page-how-it-works-points .earn .orange-img {
              content: url('../img/how-it-works-points/m/orange.png');
              width:50%;
              margin-top: -14%;}
            #page-how-it-works-points .earn .blue-img {
              /*width: 50%;*/
              position: absolute;
              top: 0;
              left: 0;
              margin-top: 10%;
              margin-left: 10%;}
              #page-how-it-works-points .earn .text {
                padding-top: 0px;
                text-align: center; }

                #page-how-it-works-points .earn .text .p2 {
                    font: 300 21.22px / 25.165px FreshSans;
                    padding: 0 100px;
                }

                #page-how-it-works-points .earn .p3 {
                    position: relative !important;
                    bottom: 0;
                    right: 0;
                    /*color: rgba(57, 70, 78, 0.5);*/
                    font: 400 10.17px / 11.028px 'Arial';
                    text-align: center;
                    padding-right: 40px;
                    width: 100%;
                }
          }

          @media screen and (max-width: 600px) {
            #page-how-it-works-points .earn .p3 {
                padding-right: 0px !important;
            }
            #page-how-it-works-points .earn .text {

            }
            #page-how-it-works-points .earn .topimage {
              min-height: 250px;}
            #page-how-it-works-points .earn .blue-img {
              width: 65%;
              margin-left: 15%;}
            /*
            #page-how-it-works-points .earn .text {
              padding-top: 200px;}
            */
            #page-how-it-works-points .earn .text .p1 {
              font: 400 21.81px / 22.963px FreshSans;}
            #page-how-it-works-points .earn .text .p2 {
              padding: 0 20px 0 20px;
              font: 300 21.22px / 25.165px FreshSans;
            }
          }


          @media screen and (max-width: 500px) {
            #page-how-it-works-points .earn .topimage {
              min-height: 200px;}
          }
          @media screen and (max-width: 400px) {
            #page-how-it-works-points .earn .topimage {
              min-height: 145px;}
          }

          #page-how-it-works-points .balance {
              height: 609px;
              background-color: #f47920;
          }

  #page-how-it-works-points .sit-back {
    position: relative;
    background: #fff url("../img/how-it-works-points/1920x800-girl-eating-yoghurt.jpg") no-repeat left center;
    background-size: cover;
    /*background-attachment: fixed;*/
    min-height: 423px;
    color: #fff; }

  @media screen and (max-width: 992px) {
    #page-how-it-works-points .sit-back {
      background: #fff url("../img/how-it-works-points/1920x800-girl-eating-yoghurt.jpg") no-repeat right center;
      /*background-size: cover !important;*/
      background-attachment: scroll !important;
    }
  }


  /* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

    #page-how-it-works-points .sit-back {
      background-attachment: scroll !important;
      /*background-size:contain !important;*/
    }
}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    #page-how-it-works-points .sit-back {
      background-attachment: scroll !important;
      /*background-size:contain !important;*/
    }
}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
    #page-how-it-works-points .sit-back {
      background-attachment: scroll !important;
      /*background-size:contain !important;*/
    }
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    #page-how-it-works-points .sit-back {
      background-attachment: scroll !important;
      /*background-size:contain !important;*/
    }
}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    #page-how-it-works-points .sit-back {
      background-attachment: scroll !important;
      /*background-size:contain !important;*/
    }
}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
    #page-how-it-works-points .sit-back {
      background-attachment: scroll !important;
      /*background-size:contain !important;*/
    }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
    #page-how-it-works-points .sit-back {
      background-attachment: scroll !important;
      /*background-size:contain !important;*/
    }
}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
    #page-how-it-works-points .sit-back {
      background-attachment: scroll !important;
      /*background-size:contain !important;*/
    }
}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    #page-how-it-works-points .sit-back {
      background-attachment: scroll !important;
      /*background-size:contain !important;*/
    }
}




    #page-how-it-works-points .sit-back:after {
      content: ' ';
      display: table;
      clear: both; }

    #page-how-it-works-points .sit-back .data .ms-only p {
      font: 600 17.22px / 17.796px FreshSans; }

    #page-how-it-works-points .sit-back .data {
      text-align: center;
      color: #ffffff; }
    #page-how-it-works-points .sit-back .data h3 {
      margin: 0;
      font: 400 25.83px / 29.685px FreshSans;
      margin-bottom: 20px;
      padding-top: 80px; }

    @media screen and (max-width: 400px) {
    #page-how-it-works-points .sit-back .data h3 {
      padding-top: 60px; }  }
    #page-how-it-works-points .sit-back .data p {
      text-align: center;
      font: 500 17.22px / 21.796px FreshSans; }
    #page-how-it-works-points .sit-back .data .sit-back-christmas,
    #page-how-it-works-points .sit-back .data .sit-back-qantas {
      text-align: center; }
    #page-how-it-works-points .sit-back .data .sit-back-christmas-text {
      padding: 15px;
      padding-top: 12px;
      padding-left: 20px;
      color: #ffffff;
      font: 600 17.22px / 21.796px FreshSans;
      text-align: left;
    }

    #page-how-it-works-points .sit-back .data .sit-back-qantas-text {
      padding-top: 12px;
      padding-bottom: 15px;
      padding-left: 20px;
      padding-right: 40px;

      color: #ffffff;
      font: 600 17.22px / 21.796px FreshSans;
      text-align: left;
    }

    #page-how-it-works-points .sit-back .data .l-item {
      /*padding-left: 60px;*/
    }

    #page-how-it-works-points .sit-back .data .sit-back-christmas img {
      width: 64px;
    }
    #page-how-it-works-points .sit-back .data .sit-back-qantas img {
      width: 64px;
    }

    @media screen and (max-width: 992px) {
      #page-how-it-works-points .sit-back .data .l-item {
        /*padding-left: 30px;*/
      }
    }

    @media screen and (max-width: 600px) {
      #page-how-it-works-points .sit-back .data .l-item {
        /*padding-left: 20px;*/
      }

      /*#page-how-it-works-points .sit-back {
        padding-top: 0px;
        background: #fff url("../img/how-it-works-points/girl-eating-yoghurt-1920.jpg") no-repeat right center;
        background-size: cover !important;
        background-attachment:inherit !important;
        }*/
      }

      @media screen and (max-width: 480px) {
        #page-how-it-works-points .sit-back br {
          /*display: none; */
        }
        #page-how-it-works-points .next-7 br {
          display: none; }
      }


  #page-how-it-works-points .shop_count {
    position: relative;
    background: #fff url("../img/how-it-works-points/sit-back.png") no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
    min-height: 669px; }
    #page-how-it-works-points .shop_count h3 {
      margin: 0;
      text-align: center;
      position: absolute;
      top: 50%;
      width: 100%;
      font-size: 3.3rem;
      color: #f47920;
      font: FreshSans; }
      @media screen and (max-width: 480px) {
        #page-how-it-works-points .shop_count h3 {
          top: 40%; } }


  #page-how-it-works-points .next-7 {
    position: relative;
    background-color: white;
    padding: 102px 20px;
    min-height: 423px;
    text-align: center;}
    #page-how-it-works-points .next-7 p {
      margin-bottom: 20px;
      color: #39464e;
      font: 300 17.22px / 21.815px FreshSans;
    }
    #page-how-it-works-points .next-7 h3 {
      color: #f47920;
      font: 400 25.83px / 29.685px FreshSans;
      margin-bottom: 20px;
    }
    #page-how-it-works-points .next-7 img.img-ab {
      position: absolute;
      z-index: 1;
      right: 0px;
      height: 460px;
      margin-top: -63px; }
      #page-how-it-works-points .next-7 img.img-2 {
        position: absolute;
        z-index: 1;
        right: 0px;
        padding-top: 80px;
        padding-right: 50px;
        width: 200px;
        }

        #page-how-it-works-points .next-7 p {
          margin-bottom: 50px;
        }

    @media screen and (max-width: 992px) {
      #page-how-it-works-points .next-7 {
        padding: 30px 0;
      }
      #page-how-it-works-points .next-7 p {
        font: 300 21.22px / 25.815px FreshSans;
      }
      #page-how-it-works-points .next-7 h3 {
        color: #f47920;
        font: 400 29.83px / 33.685px FreshSans;
        margin-bottom: 20px;
      }
      #page-how-it-works-points .next-7 .center {
        width:70%; }
      #page-how-it-works-points .next-7 img.img-ab {
        content:url("../img/how-it-works-points/m/fuel-flourish.png");
        width:70%;
        height:auto;
        margin-top: -50px;}
        #page-how-it-works-points .next-7 img.img-2 {
          padding-top: 30px;
          padding-right: 50px;
          width: 26%;
          height:auto; }
    }

    @media screen and (max-width: 600px) {
      #page-how-it-works-points .next-7 {
        padding: 30px 10px;
      }

      #page-how-it-works-points .next-7 .center {
        width:100%; }

        #page-how-it-works-points .next-7 img.img-ab {
          width:100%;
          height:auto;
          margin-top: -42px !important;}

        #page-how-it-works-points .next-7 img.img-2 {
          padding-top: 20px;
          padding-right: 50px;
          width: 40%;
          height:auto; }
    }


    /*SIMPLY SCAN*/

    #page-how-it-works-points .simply-scan {
      position: relative;
      padding: 30px 0;
      min-height: 419px;
      text-align: center;
      z-index: 1;}
      #page-how-it-works-points .simply-scan .first-block {
        padding-top: 30px; }

      #page-how-it-works-points .simply-scan .first-block .inner-block {
        text-align:center;
      }
      #page-how-it-works-points .simply-scan .first-block .inner-block .inner-item {
        display: inline-block;
        }
        #page-how-it-works-points .simply-scan .first-block .inner-block .inner-item img {
          width:64px; }
          #page-how-it-works-points .simply-scan .first-block .inner-block .inner-item .img-hh {
            width:13px; }
        #page-how-it-works-points .simply-scan .first-block .inner-block .inner-item p {
          margin-top: 10px; }

      #page-how-it-works-points .simply-scan p {
        margin-bottom: 20px;
        color: #39464e;
        font: 300 17.22px / 21.815px FreshSans;
      }
      #page-how-it-works-points .simply-scan .fancy {
        margin-bottom: 20px;
        color: #f47920;
        font: 400 25.83px / 33.296px 'Fresh Script_Regular';
      }
      #page-how-it-works-points .simply-scan h3 {
        font: 500 25.83px / 30.685px FreshSans;
        margin-bottom: 20px;
      }
      #page-how-it-works-points .simply-scan .buttons {
        position: absolute;
        z-index: 1;
        top: 230px; }
      #page-how-it-works-points .simply-scan .buttons a {
        min-width: 205px;
        margin-bottom: 10px;}

      #page-how-it-works-points .simply-scan img.img-ab {
        position: absolute;
        z-index: 1;
        right: 103px;
        height: auto;
        width: 260px;
        top: 100px; }

      #page-how-it-works-points .simply-scan .bg-image {
        position:absolute;
        z-index:-1;
        display: none;
      height: 46%;
      left:10px;}

      @media screen and (max-width: 992px) {

        #page-how-it-works-points .simply-scan .bg-image {
          display: block;}

        #page-how-it-works-points .simply-scan .first-block {
          padding-top: 80px; }

        #page-how-it-works-points .simply-scan .buttons {
          position: relative;
          text-align: center;
          top:10px; }

        #page-how-it-works-points .simply-scan p {
          font: 300 21.22px / 25.815px FreshSans;
        }
        #page-how-it-works-points .simply-scan h3 {
          color: #f47920;
          font: 400 29.83px / 35.685px FreshSans;
          margin-bottom: 20px;
        }

        #page-how-it-works-points .simply-scan img.img-ab {
          display:none; }
      }

      @media screen and (max-width: 600px) {
          #page-how-it-works-points .simply-scan img.img-ab {
            display: none;}
      }



      #page-how-it-works-points .final {
        min-height: 80px;
        background-color: #fff;

      }

      #page-how-it-works-points .final .col {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        font: 400 12.17px / 13.028px 'Arial';
      }









  #page-how-it-works-points .gas {
    background: url("../img/how-it-work/bg_gas.jpg") no-repeat;
    background-size: cover;
    min-height: 670px;
    position: relative; }
    #page-how-it-works-points .gas .content-gas {
      background-color: white;
      opacity: 0.9;
      padding: 50px;
      position: absolute;
      width: 444px;
      bottom: 0;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      left: 10%; }
      #page-how-it-works-points .gas .content-gas h3 {
        margin: 70px 0 0;
        padding: 0 0 30px;
        border-bottom: 1px solid #ee7202; }
      #page-how-it-works-points .gas .content-gas p {
        font-size: 1.8rem; }
  #page-how-it-works-points .price-promise {
    position: relative;
    min-height: 420px;
    background: url("../img/how-it-work/bg-price-promise.jpg") no-repeat;
    background-size: cover; }
    #page-how-it-works-points .price-promise .content-price-promise {
      position: absolute;
      width: 444px;
      padding: 30px 50px;
      background-color: white;
      left: 10%;
      bottom: 0;
      -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
              transition: all 0.5s cubic-bezier(0.4, 0, 1, 1); }
      #page-how-it-works-points .price-promise .content-price-promise h3 {
        padding: 0 0 30px;
        border-bottom: 1px solid #ee7202;
        margin-bottom: 30px; }
      #page-how-it-works-points .price-promise .content-price-promise a {
        color: #ee7202;
        font-size: 2rem;
        text-transform: capitalize; }
      #page-how-it-works-points .price-promise .content-price-promise p {
        margin: 0;
        font-size: 1.8rem; }
      #page-how-it-works-points .price-promise .content-price-promise p:first-child {
        margin: 30px 0; }
      @media screen and (min-width: 992px) {
        #page-how-it-works-points .price-promise .content-price-promise {
          min-height: 350px; } }
      @media screen and (max-width: 992px) {
        #page-how-it-works-points .price-promise .content-price-promise {
          position: initial;
          margin: 0 auto; } }
    #page-how-it-works-points .price-promise img {
      position: absolute;
      right: 20%;
      top: 30%; }
      @media screen and (max-width: 992px) {
        #page-how-it-works-points .price-promise img {
          position: initial;
          margin: 40px 0;
          max-width: 100px; } }
  #page-how-it-works-points .content-footer {
    background: url("../img/how-it-work/bg_footer_content.jpg") top center no-repeat;
    background-size: cover;
    min-height: 425px;
    position: relative; }
    #page-how-it-works-points .content-footer .center {
      position: absolute;
      top: 35%;
      width: 100%; }
    #page-how-it-works-points .content-footer h3 {
      color: white;
      width: 100%; }
      @media screen and (max-width: 600px) {
        #page-how-it-works-points .content-footer h3 {
          font-size: 2.8rem;
          line-height: 1.4; } }
    #page-how-it-works-points .content-footer p {
      margin: 30px 0 0; }
    #page-how-it-works-points .content-footer p > a {
      border: 2px solid white;
      border-radius: 8px;
      margin: 0 10px;
      padding: 10px 20px 10px 38px;
      font-size: 2rem;
      font-weight: 500;
      color: white;
      text-transform: uppercase; }
      #page-how-it-works-points .content-footer p > a i {
        background: url("../img/how-it-work/arrow.png") no-repeat;
        margin-left: 35px; }
      @media screen and (max-width: 600px) {
        #page-how-it-works-points .content-footer p > a {
          margin-top: 20px;
          display: block; } }


/*PAGE INTRO (HOME PAGE STARTS)*/

#page-intro-points {
  padding: 0;
  background: #fff;
  font-family: 'Arial'; }
#page-intro-points h2 {
  font-size: 3.2rem; }
  @media screen and (max-width: 600px) {
    #page-intro-points h2 {
      font-size: 2.8rem; } }
#page-intro-points p {
  margin-top: 0;
  margin-bottom: 10px; }
#page-intro-points .opacity {
  height: 100%;
  width: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.34);
  top: 0; }
#page-intro-points h2.animation {
  margin-top: 0;
  line-height: 1.2; }
#page-intro-points .icon-arrow-down {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-animation: bounce .5s infinite alternate ease-out;
          animation: bounce .5s infinite alternate ease-out;
  padding: 10px; }
  @media screen and (max-width: 600px) {
    #page-intro-points .icon-arrow-down {
      display: none; } }
#page-intro-points .hero-ctn {
  position: relative;
  height: 480px;
  background: url("../img/page-intro-points/1920x800-boy-eating-apple.jpg") no-repeat center center;
  background-size:cover;
}

@media screen  and (min-width : 1824px) {
  #page-intro-points .hero-ctn {
    position: relative;
    height: 680px;
  }
}
  #page-intro-points .hero-ctn .welcome-msg {
    width: 95%;
    height: 200px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center; }
    @media screen and (max-width: 600px) {
      #page-intro-points .hero-ctn .welcome-msg {
        height: 120px; } }
  #page-intro-points .hero-ctn h1 {
    margin: 0;
    font-size: 6rem;
    line-height: 1.4;
    color: white; }
    @media screen and (max-width: 600px) {
      #page-intro-points .hero-ctn h1 {
        font-size: 4rem; } }
  @media screen and (max-width: 1024px) {
    #page-intro-points .hero-ctn {
      height: 400px;
      background: url("../img/page-intro-points/1920x800-boy-eating-apple.jpg") no-repeat center center;
      background-size: cover; } }

  @media screen and (max-width: 600px) {
    #page-intro-points .hero-ctn {
      height: 400px;
      background: url("../img/page-intro-points/m/m-apple.png") no-repeat top center;
      background-size: cover; } }

  @media screen and (max-width: 600px) {
    #page-intro-points .hero-ctn {
      height: 300px; } }




#page-intro-points .myreward-ctn {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
  min-height: 400px;
  background-color: #f5f5f5; }

  @media screen and (max-width: 600px) {
    #page-intro-points .myreward-ctn .img-up img.responsive-img {
      max-width : 85%;
    }
  }

#page-intro-points .myreward-ctn .img-up  {
  width: 100%;
  text-align: center;
  position: absolute;
  top: -6%; }

#page-intro-points .myreward-ctn .main-content  {
  padding-top: 220px; }

#page-intro-points .myreward-ctn .main-content .img-rasp  {
  position: absolute;
  left: 0;
  margin-top: -100px;
  text-align: left;
  z-index:1; }

#page-intro-points .myreward-ctn .main-content .img-rasp img {
  max-width: 70% }

#page-intro-points .myreward-ctn .main-content .img-orange  {
  position: absolute;
  left: 90px;
  margin-top: 10px;
  text-align: left;
  z-index: 1;}

#page-intro-points .myreward-ctn .main-content .img-orange img {
  max-width: 65%; }


#page-intro-points .myreward-ctn .main-content .p1 {
  color: #39464e;
  font: 500 25.81px / 30.963px 'FreshSans';
  padding: 0 30px; }

#page-intro-points .myreward-ctn .main-content .p2 {
  color: #f47920;
  font: 600 32.81px / 37.963px 'Fresh Script_Regular';
  padding: 20px 0;
}

@media screen and (max-width: 992px) {
  #page-intro-points .myreward-ctn {
    min-height: 535px;
  }

  #page-intro-points .myreward-ctn .main-content {
    padding-top: 210px;
  }
}

@media screen and (max-width: 600px) {
  #page-intro-points .myreward-ctn .main-content {
    padding-top: 200px;
  }
}
@media screen and (max-width: 320px) {
  #page-intro-points .myreward-ctn .main-content {
    padding-top: 140px;
  }
}

@media screen and (max-width: 600px) {
  #page-intro-points .myreward-ctn .half .responsive-img {
    max-width: 55% !important;
  }
}
#page-intro-points .myreward-ctn .half .responsive-img {
  max-width: 70%;
  height: auto !important;
}

#page-intro-points .myreward-ctn .main-content .s-img-rasp  {
  position: absolute;
  left: 0;
  margin-top:-35px;
  text-align: left;
  z-index:1; }

#page-intro-points .myreward-ctn .main-content .s-img-orange  {
  position: absolute;
  left: 0;
  margin-top: 88px;
  text-align: left;
  z-index: 1;}


#page-intro-points .reward-ctn {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
  min-height: 480px; }
  #page-intro-points .reward-ctn .img-up {
    width: 100%;
    text-align: center;
    position: absolute;
    top: -6%; }
  #page-intro-points .reward-ctn .img-easy {
      width: 100%;
      text-align: center;
      position: relative;
      top: 220px;}
  #page-intro-points .reward-ctn .img-pear {
      position: absolute;
      left: 0;
      text-align: left;
      top: 280px;
      z-index: 2;
      width:100%
      }
  #page-intro-points .reward-ctn .img-pear .p-image {
          max-width: 20%; }
  #page-intro-points .reward-ctn .img-orange {
      position: absolute;
      left: 70px;
      top: 340px;
      z-index: 2;
    width: 100%;
  text-align: left;}
    #page-intro-points .reward-ctn .img-orange .o-image {
      max-width: 15%;}




#page-intro-points .plus-ctn {
  /*background: url("../img/page-intro/bg-flourish.jpg") center center no-repeat;
  background-size: cover;*/
  background-color: #fff;
  min-height: 400px;
  position: relative;
  max-width: 100% }

#page-intro-points .plus-ctn .plus-img {
  height: 55px !important;
}

#page-intro-points .plus-ctn .img-plus-div  {
  width: 100%;
  text-align: center;
  position: absolute;
  top:-27px;
}

#page-intro-points .plus-ctn .outer-block {
    text-align: center;
    padding-top:160px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 40px;
}

@media screen and (max-width: 600px) {
  #page-intro-points .plus-ctn .outer-block {
      padding-top:130px;
  }
}

#page-intro-points .plus-ctn .outer-block .inner-block {

}

#page-intro-points .plus-ctn .outer-block .inner-block .p1{
  margin-top: 15px;
  margin-bottom: 0px;
  color: #39464e;
  font: 800 22.22px / 26.815px 'FreshSans';
}

#page-intro-points .plus-ctn .outer-block .inner-block .p2{
  color: #39464e;
  font: 500 17.22px / 21.815px 'FreshSans';
}

@media screen and (max-width: 992px) {
  #page-intro-points .plus-ctn .outer-block .mobile .inner-block img {
    /*height: 50%;*/ }
  #page-intro-points .plus-ctn .outer-block .inner-block .p1 {
    font: 800 17.22px / 21.815px 'FreshSans'; }
  #page-intro-points .plus-ctn .outer-block .inner-block .p2 {
    font: 500 17.22px / 21.815px 'FreshSans'; }
}

@media screen and (max-width: 600px) {
  #page-intro-points .plus-ctn .outer-block .inner-block .p2 {
    font: 800 15.22px / 19.815px 'FreshSans'; }
  #page-intro-points .plus-ctn .outer-block .inner-block .p2 {
    font: 500 13.22px / 17.815px 'FreshSans'; }
}

@media screen and (max-width: 400px) {
  #page-intro-points .plus-ctn .outer-block .inner-block .p1 {
    font: 800 10.72px / 15.315px 'FreshSans'; }
}

#page-intro-points .shop-ctn {
  position: relative;
  background-color: #f47920;
  min-height: 400px;
}

#page-intro-points .shop-ctn .bg1-image {
    position: absolute;
    right: 0;
    top: 100px;
    width: 230px;
}

#page-intro-points .shop-ctn .bg2-image {
    position: absolute;
    right: 0;
    margin-top: -70px;
    margin-right: 105px;
    width: 130px;
}

@media screen and (max-width: 992px) {
  #page-intro-points .shop-ctn .bg1-image {
    top: 70px;
    width:90px;
  }
  #page-intro-points .shop-ctn .bg2-image {
    margin-top:-40px;
    width: 80px;
    margin-right: 17px;
  }
}

@media screen and (max-width: 600px) {
}

#page-intro-points .shop-ctn .main-content p {
    color: #ffffff;
    font: 500 22.96px / 27.963px FreshSans;
}

#page-intro-points .shop-ctn .top {
    padding-top: 100px;
    text-align: center;
    padding-bottom: 20px;
    color: #ffffff;
    font: 400 31.57px / 33.296px 'Fresh Script_Regular';
}

#page-intro-points .shop-ctn .mobile {
  text-align: center;
}


#page-intro-points .shop-ctn .desktop {
  text-align: center;
}

#page-intro-points .shop-ctn .mobile .c-image {
  width:160px;
}

#page-intro-points .shop-ctn .mobile .s-image {
  width:50px;
  padding-top: 50px;
}

@media screen and (max-width: 992px) {
  #page-intro-points .shop-ctn {
    min-height: 380px;
  }

  #page-intro-points .shop-ctn .mobile .c-image {
    width:100px;
  }

  #page-intro-points .shop-ctn .mobile .s-image {
    width:40px;
    padding-top: 28px;
  }
}

@media screen and (max-width: 600px) {
  #page-intro-points .shop-ctn .mobile .c-image {
    width:80px;
  }

  #page-intro-points .shop-ctn .mobile .s-image {
    width:30px;
    padding-top: 23px;
  }
}

@media screen and (max-width: 480px) {
  #page-intro-points .shop-ctn .mobile .c-image {
    width:60px;
  }

  #page-intro-points .shop-ctn .mobile .s-image {
    width:20px;
    margin-left: 20px;
  }
}

#page-intro-points .mysaving-ctn {
  position: relative;
  background-color: #d47320;
  color: #fff;
  min-height: 400px;
  background: #fff url("../img/page-intro-points/lettuce.png") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}

@media screen and (max-width: 992px) {
  #page-intro-points .mysaving-ctn {
    background-size: cover !important;
    background-attachment: scroll !important;
  }
}

#page-intro-points .mysaving-ctn:after {
  content: ' ';
  display: table;
  clear: both; }

#page-intro-points .mysaving-ctn .main-content {
  padding-top: 130px;
}

#page-intro-points .mysaving-ctn .main-content p {
  text-align: center;
  color: #ffffff;
  font: 700 30.26px / 34.963px FreshSans;
  margin-bottom: 30px;
}

#page-intro-points .mysaving-ctn .main-content a {
  min-width: 250px;
  font-size: 1.8rem;
}

#page-intro-points .mysaving-ctn .main-content br {
  display:none;
}

#page-intro-points .mysaving-ctn .main-content .b1 {
  margin-right: 20px;
}


@media screen and (max-width: 600px) {
  #page-intro-points .mysaving-ctn .main-content br {
    display:block;
  }

  #page-intro-points .mysaving-ctn .main-content .b1 {
    margin-right: -3px;
  }

  #page-intro-points .mysaving-ctn .main-content {
    padding-top: 80px;
  }
}

@media screen and (max-width: 320px) {
  #page-intro-points .mysaving-ctn .main-content {
    padding-top: 60px;
  }
}


#page-intro-points .earn-ctn {
  background: url("../img/page-intro/bg-earn.jpg") center center no-repeat;
  background-size: cover;
  min-height: 900px;
  position: relative; }
  #page-intro-points .earn-ctn .center {
    position: absolute;
    top: 40%;
    width: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
            transition: all 0.5s cubic-bezier(0.4, 0, 1, 1);
    color: #fff; }
    @media screen and (max-width: 600px) {
      #page-intro-points .earn-ctn .center {
        top: 30%; }
        #page-intro-points .earn-ctn .center h2 {
          font-size: 2.8rem; }
        #page-intro-points .earn-ctn .center img {
          max-width: 60px; } }
  @media screen and (max-width: 992px) {
    #page-intro-points .earn-ctn {
      min-height: 600px;
      background-image: url("../img/page-intro/bg-earn-m.jpg"); } }
  @media screen and (max-width: 600px) {
    #page-intro-points .earn-ctn {
      min-height: 500px; } }
#page-intro-points .you-earn {
  position: relative;
  padding: 65px 0 112px; }
  #page-intro-points .you-earn p {
    font-size: 3.2rem;
    line-height: 1.1;
    margin: 40px 0 0;
    padding: 40px 0 0;
    border-top: 1px solid #e9660b;
    display: inline-block; }
  @media screen and (max-width: 600px) {
    #page-intro-points .you-earn p {
      font-size: 2.8rem; }
    #page-intro-points .you-earn img {
      max-width: 80px; } }
#page-intro-points .below-you-earn {
  overflow: hidden;
  background: #f5f5f5 url("../img/page-intro/bg-reward.jpg") no-repeat center center;
  background-size: cover;
  min-height: 503px;
  width: 100%;
  position: relative;
  /*p.bottom {
    top: 230px;
    @media screen and (max-width: $screen-small) {
      top: 185px;
      color: #fff;
    }
    @media screen and (max-width: $screen-tiny) {
      top: 170px;
    }
  }*/ }
  #page-intro-points .below-you-earn p {
    position: absolute;
    top: 130px;
    font-size: 3.2rem;
    color: #fff; }
    @media screen and (max-width: 600px) {
      #page-intro-points .below-you-earn p {
        width: 90%;
        font-size: 2.5rem;
        top: 110px; } }
    @media screen and (max-width: 480px) {
      #page-intro-points .below-you-earn p {
        top: 60px; }
        #page-intro-points .below-you-earn p br {
          display: none; }
        #page-intro-points .below-you-earn p span {
          display: block; } }
  @media screen and (max-width: 992px) {
    #page-intro-points .below-you-earn {
      background-position: right; } }
  @media screen and (max-width: 600px) {
    #page-intro-points .below-you-earn {
      min-height: 420px; } }
#page-intro-points .simply {
  padding: 86px 0 126px;
  text-align: center;
  position: relative; }
  #page-intro-points .simply h2 {
    text-align: center;
    font-size: 4.4rem;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98);
            transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98); }
    @media screen and (max-width: 992px) {
      #page-intro-points .simply h2 {
        top: 60px; } }
  #page-intro-points .simply .simply-content {
    position: relative;
    margin-top: 120px;
    min-height: 180px; }
    #page-intro-points .simply .simply-content:after {
      content: ' ';
      display: table;
      clear: both; }
  #page-intro-points .simply .col-simply {
    width: 25%;
    position: absolute;
    -webkit-transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98);
            transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98); }
    #page-intro-points .simply .col-simply h3 {
      margin: 43px 0 28px; }
      @media screen and (max-width: 992px) {
        #page-intro-points .simply .col-simply h3 {
          margin: 20px 0; } }
    #page-intro-points .simply .col-simply p {
      text-align: left;
      width: 175px;
      margin: 0 auto;
      padding: 24px 0 0;
      border-top: 1px solid #ee7202; }
    #page-intro-points .simply .col-simply img {
      height: 149px; }
    #page-intro-points .simply .col-simply-1 {
      left: 5%; }
    #page-intro-points .simply .col-simply-2 {
      left: 35%; }
    #page-intro-points .simply .col-simply-3 {
      left: 67%; }
    @media screen and (max-width: 992px) {
      #page-intro-points .simply .col-simply {
        width: 100%;
        position: relative;
        left: 0; }
        #page-intro-points .simply .col-simply img {
          max-width: 100px;
          height: auto; } }
  #page-intro-points .simply .col-operator {
    width: 10%;
    margin-top: 60px;
    position: absolute;
    -webkit-transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98);
            transition: all 0.7s cubic-bezier(0.01, 0, 0.97, 0.98); }
    #page-intro-points .simply .col-operator-1 {
      left: 27%; }
    #page-intro-points .simply .col-operator-2 {
      left: 60%; }
    @media screen and (max-width: 992px) {
      #page-intro-points .simply .col-operator {
        margin: 30px 0;
        width: 100%;
        text-align: center;
        position: relative;
        left: 0; } }
  #page-intro-points .simply:after {
    content: ' ';
    display: table;
    clear: both; }
  @media screen and (max-width: 992px) {
    #page-intro-points .simply {
      padding: 50px 0; } }
#page-intro-points .home-footer {
  position: relative;
  height: 420px;
  overflow: hidden;
  background: url("../img/page-intro/bg-footer.jpg") left top no-repeat;
  background-size: cover; }
  #page-intro-points .home-footer .video-intro {
    position: absolute;
    width: 100%;
    height: auto;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  #page-intro-points .home-footer .center {
    position: absolute;
    width: 100%;
    top: 30%;
    text-align: center;
    color: white; }
    #page-intro-points .home-footer .center .link {
      margin-top: 60px; }
      @media screen and (max-width: 992px) {
        #page-intro-points .home-footer .center .link {
          margin-top: 30px; } }
    #page-intro-points .home-footer .center h2 {
      margin: 0; }
    #page-intro-points .home-footer .center a {
      margin: 20px;
      padding: 10px 20px 10px 38px;
      border: 2px solid white;
      border-radius: 8px;
      font-size: 2rem;
      font-weight: 500;
      color: white;
      text-transform: uppercase; }
      #page-intro-points .home-footer .center a span {
        margin-left: 20px; }
      @media screen and (max-width: 600px) {
        #page-intro-points .home-footer .center a {
          display: block;
          max-width: 80%;
          margin: 15px auto; } }




          @media screen and (max-width: 600px) {
            #page-intro-points .flourish-ctn .container {
              position: inherit;
              padding: 30px 0; }
              #page-intro-points .flourish-ctn .container .feature-item {
                margin-bottom: 20px;
                min-height: 0; } }


                @media screen and (max-width: 500px) {

                  #page-intro-points .reward-ctn {
                    min-height: 420px;
                    padding-top: 10px;
                    padding-bottom: 0; }
                    #page-intro-points .reward-ctn .img-up {
                      top: -5%; }
                      #page-intro-points .reward-ctn .img-up .card-reward {
                        max-width: 70%; }
                    #page-intro-points .reward-ctn .img-easy {
                        top: 175px;}
                      #page-intro-points .reward-ctn .img-easy .simply-easy {
                          max-width: 70%; }

                          #page-intro-points .reward-ctn .img-pear {
                              top: 340px; }
                              #page-intro-points .reward-ctn .img-orange {
                                  top: 380px; }
                          #page-intro-points .reward-ctn .img-pear .p-image {
                              max-width: 40%; }
                              #page-intro-points .reward-ctn .img-orange .o-image {
                                  max-width: 25%; }

                    #page-intro-points .home-footer .video-intro {
                      display: none; } }


                      .page-offers .offers-banner {
                        background-color: rgba(255, 255, 255, 0.7);
                        position: relative;
                        padding: 10px 0px 20px 0px; }
                        .page-offers .offers-banner .row {
                          margin-bottom: 0px; }
                        .page-offers .offers-banner .program-close {
                          position: absolute;
                          font-size: 1.8rem;
                          line-height: normal;
                          font-weight: 100;
                          cursor: pointer;
                          right: 0px;
                          top: 0px;
                          background-color: rgba(0, 0, 0, 0.4);
                          padding: 5px;
                          color: white; }
                        .page-offers .offers-banner .program-close + h2 {
                          color: #1E1E1E; }
                        .page-offers .offers-banner .program-item-listing {
                          margin-top: 20px; }
                          .page-offers .offers-banner .program-item-listing::after {
                            clear: both;
                            content: "";
                            display: table; }
                          .page-offers .offers-banner .program-item-listing .program-item.col {
                            background: url("../img/peel-background.jpg") no-repeat center center;
                            background-size: cover;
                            color: #fff;
                            padding: 30px 20px 10px 20px;
                            width: 32.444%;
                            margin-right: 1.333%;
                            border-top-left-radius: 0px;
                            border-top-right-radius: 0px;
                            border-bottom-left-radius: 0px;
                            border-bottom-right-radius: 0px;
                            min-height: 160px; }

                          @media screen and (max-width: 600px) {
                            .page-offers .offers-banner .program-item-listing .program-item.col {
                              padding: 20px 20px 10px 20px; }
                          }
                            .page-offers .offers-banner .program-item-listing .program-item.col:last-child {
                              margin-right: 0px; }

                          .page-offers .offers-banner .program-item-listing .program-item {
                            position: relative;
                            cursor: pointer;
                            cursor: hand;
                          }
                          .page-offers .offers-banner .program-item-listing .program-item p {
                            position: absolute;
                            text-align: center;
                            bottom: 0;
                            left: 0;
                            padding: 0 20px;
                            font-size: small;
                            color:#fff;
                          }
                          .page-offers .offers-banner .program-item-listing .program-item img {
                            margin-top: 20px;
                            display: block;
                            max-width: 100%;
                            height: auto;
                            float: left; }
                          .page-offers .offers-banner .program-item-listing .program-item .content {
                            /*padding-left: 100px; */
                            /*position: relative;*/
                          }
                            .page-offers .offers-banner .program-item-listing .program-item .content h3 {
                              margin-bottom: 10px;
                              margin-top: 0px;
                              line-height: normal;
                              text-align: left;
                              /*font-weight: 900 !important;*/
                              line-height: 2.8rem;
                              font-size: 2.8rem;
                              color: #fff;
                              font-weight: 900;
                              /*font-family: 'FreshSans-Bold'*/
                            }
                            @media screen and (max-width: 600px) {
                              .page-offers .offers-banner .program-item-listing .program-item .content h3 {
                              line-height: 2.4rem;
                              font-size: 2.4rem; }
                            }

                            .page-offers .offers-banner .program-item-listing .program-item .content p {
                              position: absolute;
                              color: #fff;
                              bottom: 0;
                              left: 0;
                            }
                          .page-offers .offers-banner .program-item-listing .program-item-scan .content {
                            /*padding-left: 120px; */
                          }
                          @media screen and (max-width: 1200px) {
                            .page-offers .offers-banner .program-item-listing .program-item.col {
                              min-height: 160px; } }
                          @media screen and (max-width: 992px) {
                            .page-offers .offers-banner .program-item-listing .program-item {
                              margin-bottom: 20px; }
                              .page-offers .offers-banner .program-item-listing .program-item.col {
                                width: 100%;
                                margin-right: 0%;
                                min-height: 150px;
                                border-radius: 0px; } }
                          @media screen and (max-width: 600px) {
                            .page-offers .offers-banner .program-item-listing .program-item img {
                              float: none;
                              margin: 0 auto; }
                            .page-offers .offers-banner .program-item-listing .program-item .content {
                              padding-left: 0;
                              text-align: center; } }

                              .page-offers .offers-banner {
                                background-color: rgba(91, 86, 86, 0.7) !important;
                                 }