.fleft {
  float: left; }

.fright {
  float: right; }

@font-face {
  font-family: 'HelveticaNeue';
  src: url("../lib/fonts/HelveticaNeueLTPro-Md.ttf"), url("../lib/fonts/HelveticaNeueLTPro-Md.woff") format("woff"), url("../lib/fonts/HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md") format("svg"), url("../lib/fonts/HelveticaNeueLTPro-Md.eot"), url("../lib/fonts/HelveticaNeueLTPro-Md.eot?#iefix") format("embedded-opentype"); }

p, a {
  color: #424242; }

.red {
  color: #ee2325; }

.green {
  color: #00a04e; }

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none; }

img {
  border: 0;
  margin: 0;
  padding: 0; }

.bordered {
  border: 10px solid #009245;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 1024px) {
    .bordered {
      border-width: 5px; } }
  @media only screen and (max-width: 768px) {
    .bordered {
      border-width: 10px; } }

.btn {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background-color: #00a04e;
  border-radius: 1px;
  font-size: 14px;
  color: #fff;
  border: 0;
  outline: 0;
  cursor: pointer; }
  .btn > i {
    color: #fff;
    height: 30px;
    line-height: 30px; }

body, html {
  margin: 0 auto;
  background-color: #fff;
  overflow-x: hidden;
  cursor: default;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  font-family: 'HelveticaNeue';
  text-rendering: geometricPrecision !important;
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important; }

.container {
  width: 100%;
  height: 100%;
  margin: 0 auto; }

.max-width {
  height: auto;
  max-width: 1024px;
  margin: 0 auto; }
  @media only screen and (max-width: 1024px) {
    .max-width {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 15px; } }
  @media only screen and (max-width: 768px) {
    .max-width {
      width: 100%;
      padding: 0;
      float: left; } }

.breadcrumbs {
  float: left;
  position: relative;
  width: 100%;
  text-align: left;
  height: 30px;
  line-height: 30px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    .breadcrumbs {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px; } }
  @media only screen and (max-width: 540px) {
    .breadcrumbs {
      margin-top: 20px;
      text-align: center; } }
  .breadcrumbs > a {
    color: #00a04e; }

.content {
  height: auto;
  position: relative;
  float: left;
  width: 100%;
  text-align: justify;
  /*INSIDE CONTENT AREA*/ }
  @media only screen and (max-width: 768px) {
    .content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 10px; } }
  @media only screen and (max-width: 540px) {
    .content {
      text-align: left; } }
  .content#inside-content {
    float: left;
    width: 70%; }
    @media only screen and (max-width: 540px) {
      .content#inside-content {
        width: 100%; } }
    .content#inside-content #share {
      margin-bottom: 10px; }
  .content .tnc-header {
    text-align: center; }
  .content h1, .content h2 {
    font-size: 24px;
    color: #00a651; }
  .content h2.search-header {
    font-size: 24px;
    color: #00a651; }
    @media only screen and (max-width: 768px) {
      .content h2.search-header {
        text-align: center; } }
  .content h2.rno-title {
    margin: 0; }
  .content h3 {
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0; }
  .content p, .content a {
    font-size: 16px; }
    .content p.rno-period, .content a.rno-period {
      margin: 5px 0 10px 0;
      font-size: 12px; }
  .content a {
    color: #00a04e;
    text-decoration: none; }
    .content a.btn {
      padding: 0 20px;
      float: left;
      width: auto;
      margin-right: 10px;
      margin-bottom: 10px;
      height: 40px;
      line-height: 40px;
      border-radius: 4px;
      color: #fff; }
      .content a.btn.btn-youtube {
        background-color: #ff0000; }
      .content a.btn.btn-documents {
        background-color: #f5ac2b; }
      .content a.btn i {
        margin-right: 5px; }

@media only screen and (max-width: 768px) {
  #faqs-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px; } }

#faqs-content h2 {
  font-size: 24px;
  color: #00a651; }

/*----------------------------- start of MAIN MENU -----------------------------*/
/*STICKY TOP NAV*/
#sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100px;
  background-color: #030303;
  overflow: hidden;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  
  transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  
  font-weight: 600;
  letter-spacing: 0;
  
  /*BECOME A MEMBER*/
  /*LOGO*/
  /*SEARCH AND MENU*/
  /*SEARCH*/
  /*MENU*/ }
  @media only screen and (max-width: 1024px) {
    #sticky-header {
      height: 50px;
      padding: 0; } }
  #sticky-header .top-strip {
    width: 100%;
    height: 30px;
    line-height: 30px;
    opacity: 1;
    overflow: hidden; }
    @media only screen and (max-width: 1024px) {
      #sticky-header .top-strip {
        height: 0;
        opacity: 0; } }
    #sticky-header .top-strip > a {
      display: inline-block;
      text-transform: uppercase;
      font-size: 14px; }
  #sticky-header .top-strip > a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff; }
  #sticky-header .left-section {
    width: 40%; }
    @media only screen and (max-width: 1024px) {
      #sticky-header .left-section {
        width: 205px;
        padding: 13px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 50px; } }
    @media only screen and (max-width: 320px) {
      #sticky-header .left-section {
        width: 100%;
        padding: 13px 50px; } }
    #sticky-header .left-section > .logo {
      display: block;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px 0;
      max-width: 380px; }
      @media only screen and (max-width: 1024px) {
        #sticky-header .left-section > .logo {
          padding: 0; } }
      #sticky-header .left-section > .logo > img {
        width: 100%; }
  #sticky-header .right-section {
    width: 75%; }
    @media only screen and (max-width: 1024px) {
      #sticky-header .right-section {
        width: 70%; } }
    @media only screen and (max-width: 768px) {
      #sticky-header .right-section {
        width: auto; } }
    #sticky-header .right-section > .upper-section {
      width: 100%;
      height: 25px; 
	  margin-bottom: 0;}
      @media only screen and (max-width: 1024px) {
        #sticky-header .right-section > .upper-section {
          width: 25px;
          -webkit-box-sizing: content-box;
          box-sizing: content-box;
          padding: 12.5px 0; } }
      @media only screen and (max-width: 540px) {
        #sticky-header .right-section > .upper-section {
          width: 0;
          padding: 0; } }
    #sticky-header .right-section > .lower-section {
      width: 100%;
      height: 45px; }
      @media only screen and (max-width: 1024px) {
        #sticky-header .right-section > .lower-section {
          width: auto;
          margin-right: 10px; } }
  #sticky-header .open-search {
    float: right;
    height: 25px;
    line-height: 25px; }
    @media only screen and (max-width: 1024px) {
      #sticky-header .open-search {
        padding: 0;
        width: 25px;
        text-align: center; } }
    #sticky-header .open-search > i {
      height: 25px;
      line-height: 25px; }
  #sticky-header .top-menu {
    float: left;
    width: 100%;
    height: 45px;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 5px;
    margin-right: -15px; }
    @media only screen and (max-width: 1024px) {
      #sticky-header .top-menu {
        margin: 0;
        height: 25px;
        padding: 12.5px 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box; } }
    #sticky-header .top-menu li {
      float: right;
      display: inline-block;
      text-transform: uppercase;
      font-size: 14px;
      height: 40px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer;
      position: relative; }
      @media only screen and (max-width: 1024px) {
        #sticky-header .top-menu li {
          height: 37.5px;
          font-size: 12px; } }
      #sticky-header .top-menu li::after {
        width: 100%;
        height: 12px;
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url("../images/triangle-active.png");
        background-position: center 100%;
        background-size: 20px 12px;
        background-repeat: no-repeat;
        opacity: 0;
        z-index: 1; }
      #sticky-header .top-menu li:hover, #sticky-header .top-menu li.active {
        border-bottom: solid 5px #ee2325; }
        #sticky-header .top-menu li:hover::after, #sticky-header .top-menu li.active::after {
          opacity: 1; }
      #sticky-header .top-menu li a {
        height: 100%;
        line-height: 25px;
        padding: 0 10px;
        width: 100%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 2;
        position: relative;
        color: #fff; }
        @media only screen and (max-width: 1024px) {
          #sticky-header .top-menu li a {
            padding: 0 10px; } }
  @media only screen and (min-width: 541px) {
    #sticky-header.smaller {
      height: 46px;
      padding: 0; }
      #sticky-header.smaller .top-strip {
        height: 0;
        opacity: 0; }
      #sticky-header.smaller .left-section {
        width: 205px;
        padding: 13px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 50px; }
        #sticky-header.smaller .left-section > .logo {
          padding: 0; }
      #sticky-header.smaller .right-section {
        width: 70%; }
        #sticky-header.smaller .right-section > .upper-section {
          width: 25px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 12.5px 0; }
        #sticky-header.smaller .right-section > .lower-section {
          width: auto; }
      #sticky-header.smaller .open-search {
        padding: 0;
        width: 25px;
        text-align: center; }
      #sticky-header.smaller .top-menu {
        margin: 0;
        height: 25px;
        padding: 12.5px 0; } }

@media only screen and (max-width: 768px) {
  .desktop-only, .open-search {
    display: none; } }

.cancel-btn, .search-btn {
  float: right;
  margin-left: 10px; }

.cancel-btn {
  background-color: #ccc;
  color: #424242; }

#search-form .overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  display: none; }

#search-form .popup {
  position: relative;
  width: 60%;
  height: 150px;
  margin: auto;
  top: 50%;
  margin-top: -75px;
  text-align: center; }
  @media only screen and (max-width: 540px) {
    #search-form .popup {
      width: 90%; } }
  #search-form .popup span {
    color: #fff;
    font-size: 24px;
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px; }
    @media only screen and (max-width: 540px) {
      #search-form .popup span {
        height: auto;
        line-height: 30px;
        font-size: 30px; } }

#search-form input {
  float: left;
  width: 100%;
  cursor: text;
  outline: 0;
  margin: 10px 0;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px #fff;
  color: #fff;
  background: none;
  font-size: 18px; }

/*MOBILE MENU*/
.mobile-only {
  display: none; }
  @media only screen and (max-width: 768px) {
    .mobile-only {
      display: block; } }
	  
	  
	  
	  
	  #mobile-nav-btn > svg, #mobile-search-btn > svg {
	      width: 40px;
	      height: 40px;
	      line-height: 40px;
	      font-size: 30px;
	      color: #424242;
	  }
	  

#mobile-nav-btn, #mobile-search-btn {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 5px;
  padding: 0;
  text-align: center;
  background: none; }
  @media only screen and (max-width: 320px) {
    #mobile-nav-btn, #mobile-search-btn {
      position: absolute;
      top: 0;
      left: 0; } }
  #mobile-nav-btn > i, #mobile-search-btn > i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #424242; }

@media only screen and (max-width: 320px) {
  #mobile-search-btn {
    left: auto;
    right: 0; } }

#mobile-nav {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transition: -webkit-transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  -o-transition: -o-transform .4s ease;
  -ms-transition: -ms-transform .4s ease;
  -moz-transition: -moz-transform .4s ease;
  -webkit-transition: -webkit-transform .4s ease; }
  #mobile-nav.active {
    transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -webkit-transform: translateX(0%); }

.side-menu {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .side-menu li {
    height: 50px;
    line-height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
    @media only screen and (max-width: 320px) {
      .side-menu li {
        font-size: 14px; } }
    .side-menu li:last-child {
      border: 0; }
    .side-menu li > a {
      display: block;
      width: 100%;
      height: 100%; }
    .side-menu li:hover, .side-menu li.active {
      background-color: #00a04e; }
      .side-menu li:hover > a, .side-menu li:hover > a, .side-menu li.active > a, .side-menu li.active > a {
        color: #fff; }

/*----------------------------- end of MAIN MENU -----------------------------*/
/*----------------------------- start of WIDGETS -----------------------------*/
.widget-section {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*HOME WIDGET SECTION*/
  /*CONTACT US INFO*/
  /*REWARDS / PROMOS INSIDE PAGE*/ }
  .widget-section#home-widget {
    width: 464px;
    padding-left: 24px; }
    @media only screen and (max-width: 1024px) {
      .widget-section#home-widget {
        width: 45%;
        padding-left: 15px; } }
    @media only screen and (max-width: 768px) {
      .widget-section#home-widget {
        width: 100%;
        padding: 0 10px; } }
    @media only screen and (max-width: 540px) {
      .widget-section#home-widget {
        padding: 0; } }
  .widget-section .widget {
    position: relative;
    float: left;
    width: 100%;
    padding: 10px 0; }
    @media only screen and (max-width: 1024px) {
      .widget-section .widget {
        padding-bottom: 0; } }
    @media only screen and (max-width: 540px) {
      .widget-section .widget {
        padding-top: 0; } }
    .widget-section .widget .ws-header {
      position: relative;
      float: left;
      width: 100%;
      height: 50px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: solid 1px #424242;
      border-right: 0;
      border-left: 0;
      padding: 10px 0; }
      .widget-section .widget .ws-header > h2 {
        padding: 0;
        margin: 0;
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
        margin-left: 10px;
        height: 30px;
        line-height: 30px;
        width: auto;
        display: block;
        float: left; }
      .widget-section .widget .ws-header .ws-btn {
        border-radius: 2px;
        display: block;
        float: right;
        margin-right: 10px; }
    @media only screen and (max-width: 1024px) {
      .widget-section .widget#filter-widget .ws-header > h2 {
        text-align: center;
        margin-left: 0;
        width: 100%; } }
    .widget-section .widget .ws-content {
      position: relative;
      float: left;
      width: 100%;
      padding: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media only screen and (max-width: 1024px) {
        .widget-section .widget .ws-content {
          padding: 10px 0; } }
      @media only screen and (max-width: 768px) {
        .widget-section .widget .ws-content {
          padding: 10px; } }
      .widget-section .widget .ws-content .ws-thumb {
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        /*HOME WIDGET > PROMOS*/
        /*HOME WIDGET > BECOME A MEMBER*/ }
        .widget-section .widget .ws-content .ws-thumb.bordered {
          border-color: #fff; }
        .widget-section .widget .ws-content .ws-thumb.ws-promo-thumb {
          width: 48%;
          margin: 5px 1%; }
          @media only screen and (max-width: 430px) {
            .widget-section .widget .ws-content .ws-thumb.ws-promo-thumb {
              width: 98%; } }
          .widget-section .widget .ws-content .ws-thumb.ws-promo-thumb .ws-promo-thumb-preview {
            float: left;
            width: 100%;
            height: 100px; }
            @media only screen and (max-width: 1024px) {
              .widget-section .widget .ws-content .ws-thumb.ws-promo-thumb .ws-promo-thumb-preview {
                height: 65px; } }
            @media only screen and (max-width: 768px) {
              .widget-section .widget .ws-content .ws-thumb.ws-promo-thumb .ws-promo-thumb-preview {
                height: 250px; } }
          .widget-section .widget .ws-content .ws-thumb.ws-promo-thumb .ws-promo-title {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 5px 5px;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
            color: #009245;
            float: left;
            width: 100%; }
            @media only screen and (max-width: 768px) {
              .widget-section .widget .ws-content .ws-thumb.ws-promo-thumb .ws-promo-title {
                font-size: 18px;
                height: 30px; } }
          .widget-section .widget .ws-content .ws-thumb.ws-promo-thumb .ws-promo-date {
            float: left;
            width: 100%;
            font-size: 10px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 5px 5px;
            padding-top: 0; }
            @media only screen and (max-width: 768px) {
              .widget-section .widget .ws-content .ws-thumb.ws-promo-thumb .ws-promo-date {
                font-size: 12px; } }
        .widget-section .widget .ws-content .ws-thumb.ws-membership-thumb {
          width: 98%;
          margin: 10px 2%; }
          .widget-section .widget .ws-content .ws-thumb.ws-membership-thumb > img {
            width: 100%;
            height: auto;
            display: block; }
  .widget-section#contact-widget {
    width: 30%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 25px; }
    @media only screen and (max-width: 768px) {
      .widget-section#contact-widget {
        width: 100%;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
  .widget-section#preview-widget {
    width: 30%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 25px; }
    @media only screen and (max-width: 540px) {
      .widget-section#preview-widget {
        width: 100%;
        padding: 0 10px; } }
    .widget-section#preview-widget > .preview-image {
      width: 100%;
      margin-bottom: 10px;
      float: left; }
      @media only screen and (max-width: 768px) {
        .widget-section#preview-widget > .preview-image.bordered {
          border: 0; } }
    .widget-section#preview-widget > .category-logo {
      width: 100%;
      float: left;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 30px; }
      @media only screen and (max-width: 768px) {
        .widget-section#preview-widget > .category-logo {
          display: none; } }
    .widget-section#preview-widget a {
      color: #00a04e;
      text-decoration: none; }
      .widget-section#preview-widget a.btn {
        padding: 0;
        float: left;
        width: 100%;
        margin-bottom: 10px;
        height: 40px;
        line-height: 40px;
        border-radius: 4px;
        color: #fff;
        text-align: center; }
        .widget-section#preview-widget a.btn.btn-youtube {
          background-color: #ff0000; }
        .widget-section#preview-widget a.btn.btn-documents {
          background-color: #f5ac2b; }
        .widget-section#preview-widget a.btn i {
          margin-right: 5px; }

/*MAIN CAROUSEL*/
#featured-ad {
  float: left;
  width: 560px;
  height: 720px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-radius: 2px; }
  @media only screen and (max-width: 1024px) {
    #featured-ad {
      width: 55%;
      height: auto; } }
  @media only screen and (max-width: 768px) {
    #featured-ad {
      width: 100%; } }
  @media only screen and (max-width: 540px) {
    #featured-ad {
      border: 0; } }
  #featured-ad img {
    display: block; }
    @media only screen and (max-width: 1024px) {
      #featured-ad img {
        width: 100%;
        height: auto;
        display: block; } }
		
		
		
		
		
		
		
		/*APP BANNER CAROUSEL*/
		
		
		ul.slides, ul.slides li
		{
			list-style: none;
		}
		
		#user-dashboard-banner, #mobile-header-banner {
		  
		 
		
		 }
		  @media only screen and (max-width: 1024px) {
		    #user-dashboard-banner, #mobile-header-banner {
		      width: 55%;
		      height: auto; } }
		  @media only screen and (max-width: 768px) {
		   #user-dashboard-banner, #mobile-header-banner {
		      width: 100%; } }
		  @media only screen and (max-width: 540px) {
			  
	  		#mobile-header-banner img {
	  			padding: 5px;
	  		}
			  
		   #user-dashboard-banner, #mobile-header-banner {
		      border: 0; } }
		  #user-dashboard-banner img, #mobile-header-banner img {
		    display: block; }
		    @media only screen and (max-width: 1024px) {
		     #user-dashboard-banner img, #mobile-header-banner img {
		        width: 100%;
		        height: auto;
		        display: block; } }

/*----------------------------- end of WIDGETS -----------------------------*/
/*----------------------------- start of FOOTER -----------------------------*/
#footer {
  margin-top: 25px;
  float: left;
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 14px;
  background: #fff;
  color: #fff;
  padding: 20px 0 35px 0; }
  #footer .max-width {
    border-top: 1px solid #ddd; }
  #footer .footer-link {
    padding: 0;
    margin: 0;
    margin-top: 40px;
    list-style-type: none; }
    #footer .footer-link li {
      display: inline;
      padding: 0px 10px;
      border-right: 1px solid #424242; }
      #footer .footer-link li:last-child {
        border-right: none; }
  #footer .footer-logo {
    padding: 0;
    margin: 0;
    margin-top: 20px;
    list-style-type: none; }
    #footer .footer-logo li {
      display: inline-block;
      padding: 0 10px; }
      #footer .footer-logo li img {
        width: 160px; }
  #footer #social-media-widget {
    margin-top: 25px; }

/*SOCIAL MEDIA*/
.ws-social-media {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  width: 120px;
  height: 30px; }
  .ws-social-media .ws-sm-btn {
    float: left; }
    .ws-social-media .ws-sm-btn .sm-icon {
      display: block;
      width: 30px;
      height: 30px;
      float: left;
      margin: 0 5px; }
      .ws-social-media .ws-sm-btn .sm-icon img {
        width: 100%;
        height: 100%; }

/*----------------------------- end of FOOTER -----------------------------*/
/*----------------------------- start of MAIN CONTAINER -----------------------------*/
#main-container {
  position: relative;
  float: left;
  padding-top: 130px;
  width: 100%;
  min-height: 700px;
  overflow-y: hidden; }
  @media only screen and (max-width: 1024px) {
    #main-container {
      padding-top: 70px;
      min-height: 600px; } }
  @media only screen and (max-width: 768px) {
    #main-container {
      padding-top: 60px; } }
  @media only screen and (max-width: 540px) {
    #main-container {
      padding-top: 50px; } }

/*ISOTOPE FILTER MENU*/
#side-widget {
  width: 25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 25px; }
  @media only screen and (max-width: 1024px) {
    #side-widget {
      width: 30%;
      padding-right: 15px; } }
  @media only screen and (max-width: 768px) {
    #side-widget {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px; } }
  @media only screen and (max-width: 540px) {
    #side-widget {
      padding: 0; } }
  #side-widget .ws-filter {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px 5px;
    list-style-type: none; }
    @media only screen and (max-width: 768px) {
      #side-widget .ws-filter {
        padding: 5px;
        text-align: center; } }
    #side-widget .ws-filter li {
      height: 30px;
      line-height: 30px;
      padding: 0;
      cursor: pointer; }
      @media only screen and (max-width: 768px) {
        #side-widget .ws-filter li {
          display: inline-block;
          width: auto;
          margin: 5px 2.5px;
          padding: 0 10px;
          border-radius: 3px;
          background-color: #ccc;
          color: #333; } }
      #side-widget .ws-filter li.active {
        color: #ee2325; }
        @media only screen and (max-width: 768px) {
          #side-widget .ws-filter li.active {
            background-color: #00a04e;
            color: #fff; } }
      #side-widget .ws-filter li.disabled {
        color: #bbb; }
        @media only screen and (max-width: 768px) {
          #side-widget .ws-filter li.disabled {
            background-color: #eee;
            color: #ccc; } }

/*ISOTOPE GRID CONTENT*/
#grid-content {
  float: left;
  width: 75%; }
  @media only screen and (max-width: 1024px) {
    #grid-content {
      width: 70%; } }
  @media only screen and (max-width: 768px) {
    #grid-content {
      width: 100%;
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  @media only screen and (max-width: 540px) {
    #grid-content {
      padding: 0; } }
  #grid-content .grid-sizer, #grid-content .grid-item {
    width: 32%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media only screen and (min-width: 767px) and (max-width: 900px) {
      #grid-content .grid-sizer, #grid-content .grid-item {
        width: 48%; } }
    @media only screen and (max-width: 768px) {
      #grid-content .grid-sizer, #grid-content .grid-item {
        width: 48%; } }
    @media only screen and (max-width: 430px) {
      #grid-content .grid-sizer, #grid-content .grid-item {
        width: 100%;
        margin: 0; } }
  #grid-content .grid-item {
    height: auto;
    margin-bottom: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
    #grid-content .grid-item .gi-preview {
      width: 100%;
      float: left; }
    #grid-content .grid-item .gi-details {
      padding: 10px 5px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: table; }
      @media only screen and (max-width: 430px) {
        #grid-content .grid-item .gi-details {
          border-bottom: solid 1px rgba(0, 0, 0, 0.2); } }
      #grid-content .grid-item .gi-details .gi-desc {
        width: 100%;
        display: table-cell; }
        #grid-content .grid-item .gi-details .gi-desc h3 {
          font-size: 16px;
          font-weight: bold;
         
          margin: 0;
          margin-bottom: 5px;
          color: #009245; }
        #grid-content .grid-item .gi-details .gi-desc p, #grid-content .grid-item .gi-details .gi-desc a {
          font-size: 12px;
          color: #555;
          margin-bottom: 0; }
        #grid-content .grid-item .gi-details .gi-desc .gi-logo {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0;
          margin: 0;
          width: 100%;
          overflow: hidden;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          padding-left: 40%; }
          #grid-content .grid-item .gi-details .gi-desc .gi-logo img {
            width: 100%; }
    #grid-content .grid-item.reward-item .gi-details .gi-desc h3 {
      height: 40px; }
    #grid-content .grid-item.reward-item .gi-details .gi-desc p, #grid-content .grid-item.reward-item .gi-details .gi-desc a {
      height: 45px; }
      @media only screen and (max-width: 1024px) {
        #grid-content .grid-item.reward-item .gi-details .gi-desc p, #grid-content .grid-item.reward-item .gi-details .gi-desc a {
          height: 60px; } }
    #grid-content .grid-item.partner-item .gi-details .gi-desc h3 {
      height: auto; }
    #grid-content .grid-item.partner-item .gi-details .gi-desc p, #grid-content .grid-item.partner-item .gi-details .gi-desc a {
      height: auto; }
      @media only screen and (max-width: 1024px) {
        #grid-content .grid-item.partner-item .gi-details .gi-desc p, #grid-content .grid-item.partner-item .gi-details .gi-desc a {
          height: auto; } }

.ws-contact, .ws-field, #ws-field-validation-errors {
  position: relative;
  float: left;
  width: 100%; }

.ws-contact h3, .ws-field h3, #ws-field-validation-errors h3 {
  color: #ee2325;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0; }

.ws-contact p, .ws-field p, #ws-field-validation-errors p, .ws-contact a, .ws-field a, #ws-field-validation-errors a, .ws-contact a, .ws-field a, #ws-field-validation-errors a {
  font-size: 14px;
  margin: 5px 0; }

.ws-contact a, .ws-field a, #ws-field-validation-errors a, .ws-contact a:active, .ws-field a:active, #ws-field-validation-errors a:active, .ws-contact a:hover, .ws-field a:hover, #ws-field-validation-errors a:hover, .ws-contact a:visited, .ws-field a:visited, #ws-field-validation-errors a:visited, .ws-contact a:link, .ws-field a:link, #ws-field-validation-errors a:link {
  color: #00a04e;
  text-decoration: none; }

/*INQUIRY FORM*/
#inquiry-form {
  float: left;
  width: 70%; }
  @media only screen and (max-width: 768px) {
    #inquiry-form {
      width: 100%;
      padding: 0 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  #inquiry-form .ws-header {
    border: 0;
    padding: 0;
    text-align: center; }
    @media only screen and (max-width: 768px) {
      #inquiry-form .ws-header {
        height: 50px;
        border: solid 1px #424242;
        border-left: 0;
        border-right: 0;
        padding: 10px 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
    #inquiry-form .ws-header > h2 {
      float: none;
      margin: auto; }
      @media only screen and (max-width: 1024px) {
        #inquiry-form .ws-header > h2 {
          font-size: 14px; } }

.ws-field, #ws-field-validation-errors {
  margin: 0;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px; }

.ws-field .col_1_of_2 {
  width: 50%; }
  @media only screen and (max-width: 430px) {
    .ws-field .col_1_of_2 {
      width: 100%; } }

.ws-field label {
  float: left;
  text-transform: uppercase;
  font-size: 12px;
  margin: 5px 0; }

.ws-field input, .ws-field textarea {
  float: left;
  width: 100%;
  height: 30px;
  line-height: 26px;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 2px #424242;
  padding: 0 10px;
  font-family: 'HelveticaNeue';
  font-size: 14px; }

.ws-field textarea {
  height: 150px; }

/*FREQUENTLY ASKED QUESTIONS*/
#faqs-content {
  float: left;
  width: 100%; }
  #faqs-content li {
    margin-bottom: 20px; }
  #faqs-content h3 {
    font-size: 18px;
    margin: 0;
    cursor: pointer; }
  #faqs-content h6, #faqs-content a {
    font-size: 14px;
	font-weight: normal;
    margin: 10px 0;
    overflow: hidden;
    display: none; }
  #faqs-content #faq-1 h6, #faqs-content #faq-1 a {
    display: block; }
	
	#faqs-content ol, #faqs-content ul
	{
		margin-top: 20px;
		
	}

/*----------------------------- end of MAIN CONTAINER -----------------------------*/
.label {
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-block; }
  .label .label-info {
    background: #f5ac2b;
    color: #fff; }
	
	
	
	html {
		height: 100%;
	}

	body {
	
		background-color: #fff;
		margin: 0;
		padding: 0;
		color: #484848;
		font-family: "Helvetica Neue", 
		  Helvetica, Arial, "Lucida Grande", sans-serif;
		font-size: 13px;

		background-size: 100%; 
		background-attachment: fixed;
		-moz-background-size:100% 100%; /* Firefox 3.6 */
	
		letter-spacing: 1px;
		
	
		}
		a:hover
		{
		text-decoration: none;	
		}
		img
		{
		border: none;	
		}
	
		.row
		{
		margin-left: 0 !important;
		margin-right: 0 !important;	
		}
	
	
		input, textarea, select, button {
		outline: none !important;
		box-shadow:none !important;
		/* border:1px solid #ccc !important; */
		border-radius: 0 !important;
		/* margin-bottom: 20px; */
		}
	
	
		.form-group-select
		{
			position: relative;
		
		}
	
		.form-group-select select {
		  -webkit-appearance: none;
		  -moz-appearance: none;
		  appearance: none;
		  background-color: transparent !important;
		  position: relative;
		  z-index: 2;
		  min-width: 100%;
		}
		.form-group-select select::-ms-expand {
		  display: none;
		}
	

		.form-group-select::after {
		    content: "";
		    border-top: 0.4em solid #999;
		    border-right: 0.4em solid transparent;
		    border-left: 0.4em solid transparent;
		    position: absolute;
		    top: 45%;
		    right: 10px;
			z-index: 10;
		}
	
	
	
		input[type=submit]
		{
			font-family: 'Raleway', sans-serif;
		}
	
	
		textarea, input, button { outline: none !important;}
		h1, h2, h3
		{
		
			font-weight: 700;
			margin: 0;
			padding: 0;
		
		}
	
	
		.container
		{
			padding-left: 0 !important;
			padding-right: 0 !important;
		}
	
		.container-fluid
		{
		padding-left: 0 !important;
			padding-right: 0 !important;	
		}
	
	
		.navbar-inverse .navbar-nav>li>a {
	    color: #fff;
	}
	
	.header-ss
	{
	
		background-color: #030303;
	}

	.inner-page
	{
		padding-bottom: 50px;
		padding-top: 80px;
	}
	.inner-page h2 {

	    font-size: 1.8em;
	    color: #08863c;
	    margin: 50px 0 20px 0;
	    padding: 0;
		font-weight: 700;
  
	}


	.inner-page h3 {

	    font-size: 1.3em;
	    color: #08863c;
	    margin: 50px 0 20px 0;
	    padding: 0 0 15px 0;
		font-weight: 700;
		border-bottom: 1px solid #e40d14;
  
	}

	.allvalue-red
	{
		color: #e40d14;
	}

	input.submit-but {
	    border: none !important;
	    color: #fff;
	    background-color: #f22613;
	    padding: 10px 40px 10px 40px;
	    font-size: 1em;
	    margin: 20px 0 0 15px;
	}

	input.submit-but:hover, a.red-but:hover {
	    background-color: #dc1503;
	}

	.no-margin-padding
	{
		margin: 0 !important;
		padding: 0 !important;
	}


	.birth-year-select::after {
		top: 15px !important;
		    right: 23px !important;
	}

	.bdaylabel
	{
		margin-left: 15px;
	}
	.allvalue-green
	{
		color: #08863c;
	
	}

	.terms-and-conditions
	{
	
		border: 1px solid #efefef;
		padding: 15px 0 15px 15px;
	
	}

	.terms-conditions-scroll
	{
	
		overflow-y: scroll;
		max-height: 200px;
		padding-right: 15px;
		margin-bottom: 20px;
	}

	.accept-check
	{
		margin-bottom: 0 !important;
	}

	.terms-conditions-scroll h3
	{
	text-transform: none !important;
	font-size: 1em !important;
	margin: 20px 0 20px 0 !important;
	padding: 0 0 10px 0 !important;	
	}


	.rewards-right
	{
		margin-top: 50px;
	}



	.points-table table a
	{
		color: #08863c;
	
	}
	.footer-ss
	{
		margin-top: 40px;
	}
	.footer-ss img
	{
		display: block;
		margin: 0 auto;
	}


	th.thcardno
	{
	
	}
	.my-account-left
	{
		background-color: #f9f9f9;
		margin-top: 50px;
		padding: 0;
	
	}

	.my-account-left p
	{
		margin: 0;
	}

	.my-account-left h1
	{
		color: #404040;
		font-size: 1.8em;
		margin: 0 0 20px 0;
		word-break: break-all;
	
	}

	.my-account-welcome
	{
		padding: 40px 20px 40px 20px;
	}

	a.logout-link
	{
		color: #fff;
		    margin-top: 20px;
		    background-color: #e40d14;
		    display: inline-block;
		    padding: 10px 40px 10px 40px;
		    font-weight: 700;
		    letter-spacing: 0;
		    font-size: 0.9em;
		    border-radius: .25rem;
			font-family: 'Raleway', sans-serif;
			    font-weight: 400;
	
	}

	.my-account-left h2
	{
		margin: 0;
		padding: 20px;
		color: #08863c;
		background-color: #ebebeb;
		font-size: 1.3em;
	}


	h2.mypersonaldetails-h2
	{
		margin-bottom: 40px !important;
	
	
	}

	table.infotable
	{
		margin-bottom: 20px;
	}

	table.infotable td
	{
		padding-right: 20px;
		line-height: 2em;
	}

	.my-membership ul
	{
		margin: 0 0 0 20px;
		padding: 0;
	}

	.my-membership ul li a
	{
	
		color: #404040;
	}

	.my-membership ul li ul
	{
		margin: 5px 0 15px 20px;
		padding: 0;
	}

	.my-membership ul li
	{
		list-style: none;

	}

	.my-membership
	{
		padding: 20px;
	}

	.my-account-left-wrap img
	{
		margin-top: 30px;
	}

	.my-account-main-wrap
	{
		margin-top: 50px;
	}

	.my-account-main-wrap h2
	{
		margin-bottom: 10px;
	}

	.nav-pills>li+li
	{
	
		margin: 0 !important;
	}


	form .row p
	{
		padding-left: 15px;
	}
	.points-table thead
	{
		background-color: #ff884d;
		    color: #000;
	}

	.table-striped tbody tr
	{
		background-color: #fff7e6 !important;
	}

	.table-striped tbody tr:nth-of-type(odd) {
	    background-color: #feda7e !important;
	}

	.points-table
	{
		margin-top: 30px;
	
	
	}



	ul.nav-pills li
	{
		margin: 0 !important;
		padding: 0 !important;
		text-align: center;
		background-color: #efefef;
	}

	.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover
	{
		border-radius: 0 !important;
	
	}
	.nav-pills>li>a
	{
		color: #404040;
	}

	.nav-pills .nav-link.active  
	{
		background-color: #08863c !important;
	}
	.nav-pills .nav-link
	{
		border-radius: 0 !important;
	}
	input.submit-but-mini {
	    border: none !important;
	    color: #fff;
	    background-color: #f22613;
	    padding: 10px 40px 10px 40px;
	    font-size: 1em;
	    margin: 0 15px 0 0;
		float: right;
		cursor: pointer;
	}

	ul.nav-pills
	{
		margin-top: 30px;
	}

	.save-print svg
	{
		font-size: 1.2em;
	}

	.save-print a
	{
		color: #404040;
		font-weight: 700;
		font-size: 0.8em;
		margin-right: 15px;
	}

	td.info-edit > a
	{
		color: #e40d14;
	}

	a.red-but
	{
	
		    color: #fff;
		    background-color: #f22613;
		    padding: 10px 40px 10px 40px;
		    font-size: 1.3em;
		    margin: 20px 0 0 15px;
			font-size: 1em;
			display: inline-block;
	}

	.login-wrap {
	    max-width: 370px;
	    margin: 70px auto 100px auto;
	    font-family: 'Open Sans', sans-serif !important;
		width: 100%;
	}

	.login-wrap .form-control
	{
		margin-bottom: 0 !important;
	}

	.login-but {
	    margin: 0 0 0 0 !important;
	    width: 100%;
	}
	.login-wrap h3
	{
		margin-top: 20px !important;
		text-align: center;
	}
	.forgot-link {
	    margin-top: 10px;
	    display: block;
	    color: #4b4340;
	    text-decoration: underline;
	}
	p.login-signup {
	    text-align: center;
	    margin: 40px 0 0 0;
	    padding: 20px 0 0 0;
	    border-top: 1px solid #d7d7d7;
	}

	.login-signup a {
	    color: #08863c;
	    font-weight: 400;
	    text-decoration: underline;
	}

	.submit-but-mini-table
	{
		border: none !important;
		    color: #fff;
		    background-color: #f22613;
		    padding: 5px;
		    font-size: 0.9em;
		    margin: 0 15px 0 0;
		    float: right;
	}

	.birth-year-select
	{
	
		float: left;
	}

	.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid
	{
	
		background-color: #ffdfdf !important;
	}

	.login-wrap h1
	{
		font-size: 1.8em;
		    color: #08863c;
		    margin: 50px 0 20px 0;
		    padding: 0;
		    font-weight: 700;
			text-align: center;
	}

	.login-wrap p
	{
		text-align: center;
	
		font-size: 0.9em;

	}

	.terms-and-conditions
	{
		margin-top: 30px;
	}
	
	
	
	.pending-applications-container
	{
		overflow-x: scroll;
	}
	
	.alert
	{
		margin-top: 50px;
	}
	
	
	.branch-container-row
	{
		margin-top: 50px;
	}
	.branch-container
	{
		padding-top: 30px;
		max-width: 700px;
		margin: 0 auto !important;
		text-align: center;
		
	}
	
	.branch-container img
	{
		max-width: 350px;
		margin-bottom: 20px;
	}
	
	.points-container
	{
		font-size: 1.2em;
		    font-weight: 700;
		    border: 1px solid #ced4da;
		    padding: 5px;
		    display: inline-block;
		    background-color: #eaeaea;
		

		
	}
	
	.loginh3
	{
		font-size: 1.8em !important;
	}
	
	table.activate-table tr td:nth-child(1) {
	    font-weight: 700;
		width: 25%;
		background-color: #efefef;
	}
	
	input[type=button]
	{
		cursor: pointer;
	}
	
	#mobile-header-image
	{
		display: none;
	}
	
	.my-account-main-wrap h2.activation-warning
	{
		margin-top: 0;
		margin-bottom: 20px;
		
	
	}
	
	.my-account-main-wrap h2
	{
		margin-top: 0px;
	}
	
	
	.my-account-main-wrap .alert
	{
		margin-top: 0;
	}
	
	
	
	.footer-mobile
	{
		display: none;
		background-color: #efefef;
		padding: 15px 0 15px 0;
		border-top: 1px solid #aaa;
		position: fixed;
		    width: 100%;
		    bottom: 0;
			z-index: 9999;
	}

	.footer-mobile i
	{
		font-size: 1.8em;
	}

	.footer-mobile p
	{
		margin: 0;
		padding: 0;
		font-family: 'Open Sans', sans-serif !important;
		font-weight: 300;
		font-size: 0.6em;
	}

	.footer-mobile a
	{
		color: #000;
	}
	.mobile-no-member
	{
		display: none;
	margin-top: 0;
	padding-bottom: 50px !important;
	}
	
	.link-custom-but
	{
		border: none !important;
		    color: #fff;
		    background-color: #f22613;
		    padding: 10px 40px 10px 40px;
		    font-size: 1em;
		    margin: 20px 0 0 15px;
			font-family: 'Raleway', sans-serif;
			    font-weight: 400;
	}
	
	.link-custom-but:hover
	{
		background-color: #dc1503;
		color: #fff;
	}
	
	
	.card-number-container
	{
		font-weight: 700;
		    font-size: 1.5em;
		    letter-spacing: 2px;
		    color: #e40d14;
			word-break: break-all;
	}
	
	.voucher-image
		{
	
	  border:	1px solid rgba(0,0,0,.125);
	
		}
	
	
	.voucher-row
	{
		
		margin-bottom: 30px !important;
			position: relative;
			display: inline-block;
	}
	
	.v-redeem-link, .claimed-info
	{
	position: absolute;
	bottom: 20%;
	right: 1%;	
	background-color: #e64024;
	padding: 5px;
	color: #fff;
	font-weight: 700;
	font-size: 0.8vw;
	}
	
	.v-redeem-link:hover
	{
		background-color: #50a137;
		color: #fff;
	}
	
	.v-info-row
	{
		position: absolute;
		bottom: 0;
		width: 67%;
		right: 0;
		font-size: 0.8vw;
		padding: 2px 5px 2px 5px;
		border-top: 1px dashed #363636;
	}
	
	.v-validity-container, .v-more-info-container
	{
		width: 50%;
	}
	
	.voucher-collapse
	{
		max-width: 547px;
		    margin-top: -30px;
			margin-bottom: 30px;
		
	}
	
	.voucher-collapse-wrap 
	{
		position: relative;
	}
	
	.card
	{
		border-radius: 0 !important;
		
		z-index: 1000;
	}
	
	.card-body
	{
		padding: 5px;
		
	}
	
	.v-more-info-container a
	{
		color: #484848;
	}
	
	.v-more-info-container a:hover
	{
		color: #808080;
		
	}
	
	ul.nav-pills-vouchertab
	{
		margin-bottom: 30px !important;
	}
	
	.modal-open
	{
		padding-right: 0 !important;
	}
	
	.modal-header
	{
		background-color: #e83e2c;
		color: #fff;
		border-radius: 0 !important;
		
	}
	
	.modal-body
	{
		text-align: center;
	}
	
	.modal-voucher-title
	{
		padding-bottom: 0;
		margin-bottom: 0;
		color: #00823f;
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1em;
	}
	
	.qr-card-number-container
	{
		display: none;
	}
	
	.card-number-container a
	{
		color: #e40d14;
	}
	
	#mobile-header-banner
	{
		display: none;
	}
	
	#mobile-header-banner img, #user-dashboard-banner img
	{
		max-width: 100%;
	}
	
	
	
	.footer-mobile a:active i {
	/* font-size: 1rem; */
	 transform: scale(1.5);
	
	/* box-shadow: 0 3px 15px -2px; */
	}
	.modal-dialog
	{
		
	}
	
	h3.user-home-h3
	{
		margin-top: 20px !important;
	}
	
	.voucher-user-home-wrap
	{
		border: 1px dashed #333;
		filter: brightness(98%);
	}
	
	.loading {
	   width: 100%;
	   height: 100%;
	   top: 0;
	   left: 0;
	   position: absolute;
	   display: block;
	   opacity: 1;
	   background-color: #fff;
	   z-index: 99;
	   text-align: center;
	}

	.loading-image {
	  max-width: 50px;
	  z-index: 100;
	}
	
	.tab-content
	{
		position: relative;
		overflow: hidden;
	}
	
	.coupon-file-wrapper
	{
	 text-align:center;
	 margin:0 auto;
	 padding: 15px;
	     border: 1px solid #eee;
		 margin-bottom: 20px;
		 background-color: #fcfcfc;
	
	}
	#output_image_front
	{
	 max-width:400px;
	 border: 1px dashed #efefef;
	 margin: 10px 0 10px 0;
	}

	#output_image_back
	{
	 max-width:400px;
	  border: 1px dashed #efefef;
	  margin: 10px 0 10px 0;
	}
	
	.coupon-file-wrapper input
	{
		margin-top: 15px;
	}
	
	span.coupon-file-header
	{
		font-size: 1.1em;
		    font-weight: 700;
	}
	
	
	.admin-store-email
	{
		
	    font-size: 1em;
	    font-weight: 700;
	    word-break: break-all;
	    margin-bottom: 12px !important;
	}
	
	

	
	/**RESPONSIVE**/
	
	

		@media (max-width: 992px) {
		
			.v-redeem-link, .claimed-info
			{
			position: absolute;
		
			padding: 5px;
			bottom: 25%;
			font-size: 1vw;
			}
	
	
	
			.v-info-row
			{
				padding: 0 2px 0 2px;
				font-size: 1.5vw;
			letter-spacing: 0;	
			}
		
		
	}



	@media (max-width: 767px) {
		
		
		
		.modal-dialog
		{    
		}
		.qr-card-number-container
		{
			display: block;
		}
		
		
		.v-redeem-link, .claimed-info
		{
		position: absolute;
	
		padding: 5px;
		bottom: 25%;
		font-size: 1.5vw;
		}



		.v-info-row
		{
			padding: 0 2px 0 2px;
			font-size: 1.5vw;
		letter-spacing: 0;	
		}
		
		
		
	
		.add-delete-card
		{
			float: none !important;
		}
	
		a.red-but
		{
			display: block;
		
			text-align: center !important;
			margin-bottom: 15px !important;
			margin-left: 0 !important;
		}
	
		ul.nav-pills li {
		   display:  block;
		   width: 100%;
		   margin-bottom: 15px !important;
		}
		
		
		ul.nav-pills-vouchertab li {
		   display:  block;
		   width: 33%;
		   margin-bottom: 0 !important;
		
		}
		
		
		.my-account-welcome
		{
			
			padding: 20px;
			text-align: center;
			margin-top: 10px;
		}
	}



	/* Landscape phones and down */
	@media (max-width: 480px) {
		
		body
		{
			font-size: 15px;
		}
		
		#available-vouchers, #used-vouchers, #expired-vouchers
		{
			margin-top: 30px;
		}
		
		ul.nav-pills
		{
			margin-bottom: 0 !important;
			
		}
		
		.points-table
		{
			margin-top: 0 !important;
		}
		
		
		.link-custom-but
		{
			margin-left: 0;
		}
		
		input.submit-but {
		  margin-left: 0;
		}
		
		#output_image_front
		{
		 max-width:100%;
		
		}

		#output_image_back
		{
		 max-width:100%;
		
		}
		
		.submit-but-mini-table
		{
			float: none;
		}
		
		input.admin-mini-button
		{
			margin: 10px 0 0 0;
		}
		
		#user-dashboard-banner
		{
			display: none;
		}
		#mobile-header-banner
		{
			display: block;
		}
	
		
		.qr-card-number-container img
		{
			margin-top: 20px;
		}
		
		.v-redeem-link
		{
		position: absolute;
	
		padding: 5px;
		bottom: 20%;
		font-size: 2.7vw;
		
		}

		.claimed-info
		{position: absolute;
	
		padding: 5px;
			bottom: 18%;
			font-size: 1.9vw;
		}
		



		.v-info-row
		{
			padding: 0 2px 0 2px;
			font-size: 2vw;
		letter-spacing: 0;	
		font-weight: 300;
		}
		
		
		
		.table td, .table th
		{
			font-size: 0.9em;
		}
		
		.table td
		{
			padding: 3px 3px 3px 57% !important;
			
		}
		
		.activate-table td
		{
			padding: 10px !important;
		}
		.login-wrap
		{
			padding-left: 10px;
			padding-right: 10px;
		}
		.login-bg-placer
		{
			background-image: url(../images/login-mobile-bg.jpg);
			background-repeat: no-repeat;
			background-size: 100%;
		}
		
		
		.inner-page h3 {
		   
		    margin: 0 0 20px 0;
		   
		}
			
			h3.mobile-h3-spacer
			{
				
				padding-top: 40px !important;
				margin-bottom: 40px !important;
			}
		
		
			h3.user-home-h3
			{
				margin-top: 15px !important;
			}
		
		.mobile-no-member
		{
			display: block;
		}
		
		.branch-container-row
		{
			padding-top: 0;
			margin-top: 0;
		}
		.branch-container
		{
			padding-left: 10px;
			padding-right: 10px;
		}
		
		
		.my-account-main-wrap
		{
			margin-top: 20px;
		}
	
		
	
		.my-account-main-wrap .alert
		{
			margin: 0;
			padding: 0;
		}
		
		#web-banner-ar
		{
			display: none;
		}
		
		#branch-banner-img
		{
			display: none;
		}
		
		.my-membership
		{
			display: none;
		}
		
		.my-account-left h2
		{
			display: none;
		}
		
	
		
		.my-account-left
		{
			margin-top: 0;
		}
		
		#mobile-header-image
		{
			padding: 10px;
			display: block;
		}
	
		
		
	
		
		
		
		/* MOBILE TABLE COLLAPSE */
		
		
		.no-more-tables
			{
				margin-top: 20px;
				padding-left: 10px;
				padding-right: 10px;
			}
	
			/* Force table to not be like tables anymore */
				.no-more-tables table, 
				.no-more-tables thead, 
				.no-more-tables tbody, 
				.no-more-tables th, 
				.no-more-tables td, 
				.no-more-tables tr { 
					display: block; 
				}
 
				/* Hide table headers (but not display: none;, for accessibility) */
				.no-more-tables thead tr { 
					position: absolute;
					top: -9999px;
					left: -9999px;
				}
 
				.no-more-tables tr { border: 1px solid #ccc; margin-bottom: 20px;}
 
				.no-more-tables td { 
					/* Behave  like a "row" */
					border: none;
					border-bottom: 1px solid #eee; 
					position: relative;
					padding-left: 50%; 
					white-space: normal;
					text-align:left;
				}
 
				.no-more-tables td:before { 
					/* Now like a table header */
					position: absolute;
					/* Top/left values mimic padding */
					top: 6px;
					left: 6px;
					width: 45%; 
					padding-right: 10px; 
					white-space: nowrap;
					text-align:left;
					font-weight: bold;
				}
 
				/*
				Label the data
				*/
				.no-more-tables td:before { content: attr(data-title); }
		
		 }
	 
	 
	 
		 /* centered columns styles */
	.row-centered {
	    text-align:center;
	}
	.col-centered {
	    display:inline-block;
	    float:none;
	    /* reset the text-align */
	    text-align:left;
	    /* inline-block space fix */
	    margin-right:-4px;
	}

	.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
		border-color: #ced4da;
	}

	/* extensions or overrids of bootstrap classes */
	.btn-primary:disabled {
	    background-color: gray;
	}
	
	
	
	*:not(input):not(textarea) {
	-webkit-user-select: none; /* disable selection/Copy of UIWebView */
	    -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
 
	}