/*@import url('https://fonts.googleapis.com/css?family=Lato:400,300,700');*/

html, 
body {
  height: 100%;
}

body {
  padding-top: 50px;
  /*font-family: 'Lato', sans-serif;*/
}

a,
a:focus,
a:hover {
  text-decoration: none;
  color: #45b29b;
}

.lowercase {
  text-transform: lowercase;
}

.border-green {
  height: 4px;
  width: 85px;
  background-color: #45b29b;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.border-white {
  height: 4px;
  width: 85px;
  background-color: #fff;
  margin-bottom: 30px;
}

.btn-grey {
  background-color: #545a59;
  color: #fff;
}

.btn-grey:hover,
.btn-grey:focus {
  background-color: #393F3E;
  color: #fff;
}

.btn-pink {
  background-color: #df4f71;
  color: #fff;
}

.btn-pink:hover,
.btn-pink:focus {
  background-color: #CA2D52;
  color: #fff;
}

.circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  line-height: 80px;
  text-align: center;
  background: #45b29b;
  float: left;
  margin-right: 20px;
}

.glyphicon-asterisk {
  font-size: 8px;
  top: -5px;
  font-weight: 300;
  margin-left: 3px;
  color: #45b29b;
}

.img-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.intro {
  width: 100% !important;
}

.jumbotron {
  margin-bottom: 0px;
}

.jumbotron-grey {
  background-color: #f3f3f5;
}

.jumbotron-white {
  background-color: #fff;
}

.jumbotron h1 {
  font-weight: 600;
  margin-bottom: 20px;
}

.jumbotron h3 {
  font-weight: 300;
  margin-bottom: 30px;
}

.jumbotron p {
  font-size: 14px;
  font-weight: 400;
}

.order-list {
  list-style-type: upper-alpha;
}

p {
  line-height: 1.7;
}

.panel-default {
  border: none;
}

/*.row > [class^="col-"]:last,
.row > [class*=" col-"]*/

.romans {
  list-style-type: lower-roman;
}

.spacing-sm {
  padding-top: 30px;
  padding-bottom: 30px;
}

.spacing-md {
  padding-top: 60px;
  padding-bottom: 60px;
}

.spacing-lg {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media screen and (min-width: 768px) {
  body {
    padding-top: 70px;
  }

  .jumbotron .h1, .jumbotron h1 {
    font-size: 50px; 
  }
}


/* --------------------------------------------------------------
  NAVIGATION BAR STYLING
-------------------------------------------------------------- */
.navbar-default {
  background-color: #fff;
  margin-bottom: 0;
}

.navbar-default .navbar-brand {
  color: #158a73;
  font-weight: 700;
}

.navbar-default .navbar-nav>li>a {
  text-transform: capitalize;
  color: #000;
  font-weight: 700;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
  color: #158a73;
}

/* Navigation Bar Links Active State */
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  background-color: transparent;
  color: #158a73;
}


@media (min-width: 768px) {
  .navbar-nav > li{
    padding-left: 5px;
	  padding-right: 5px;
  }

  /* Navigation Bar height */
  .navbar {
  	min-height: 70px
  }

  .navbar-nav > li > a {
    /* (70px - line-height of 20px) / 2 = 25px */
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 20px;
  }

  .navbar-brand {
    padding: 0 15px;
    height: 70px;
    line-height: 70px;
    font-size: 28px;
  }
  
}

/* --------------------------------------------------------------
  FORM STYLINGS
-------------------------------------------------------------- */
textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input, 
.form-control {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 2px solid #d4d9dd;
}

textarea:focus,
select option:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: #45b29b;
  outline: 0 none;
}

/* Input Placeholder colours*/
.form-control::-webkit-input-placeholder { color: #cbcbcb; text-transform: uppercase; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #cbcbcb; text-transform: uppercase; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #cbcbcb; text-transform: uppercase; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #cbcbcb; text-transform: uppercase; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #cbcbcb; text-transform: uppercase; }  /* Microsoft Edge */

label {
  font-size: 12px;
  color: #555b61;
  text-transform: uppercase;
}

#gender, #dobd, #dobm, #doby, #country {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/drop-down-arrow.svg);
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

/* CAUTION: IE hackery ahead */
select::-ms-expand { 
  display: none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
  select {
    background:none\9;
    padding: 5px\9;
  }
}

@media (min-width: 768px) {
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input{
    height: 40px;
    padding: 10px 16px;
    font-size: 13px;
    line-height: 1.3333333;
  }

  .form-control {
    height: 40px;
    line-height: 1.3333333;
  }
}

/* --------------------------------------------------------------
  SIGNUP FORM STYLING 
-------------------------------------------------------------- */
#post_code {
  text-transform: uppercase;
}

#gender,
#dobd, #dobm, #doby, #country {
  text-transform: uppercase;
  color: #cbcbcb;
}

#sign-up-form .tc-checkbox label {
  text-transform: uppercase;
  font-weight: 700;
}

.signup-btn {
  text-transform: uppercase;
  font-weight: 700
}

@media(min-width: 768px) {
  .findAddress-btn {
    height: 40px;
  }

  .signup-btn {
    font-size: 30px;
  }
}

/* --------------------------------------------------------------
  LOGO SECTION STYLING
-------------------------------------------------------------- */
.logo-section li {
  color: #c7d1d0;
  font-size: 40px;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 700;
}

.logo-section img {
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 15px;
}


#contactModal .modal-header {
  border-bottom: none;
}

/* --------------------------------------------------------------
  FOOTER STYLING 
-------------------------------------------------------------- */
footer {
  background-color: #313131;
  color: #fff;
}

footer .footer-links li {
  padding-left: 8px;
  padding-right: 8px;
}

footer .footer-links li a {
  color: #fff
}

footer a:hover,
footer a:focus {
  text-decoration: underline;
}

.copyright {
  text-align: center;
  color: #d4d4d4; 
  margin-top: 20px;
  font-size: 12px;
}


/* --------------------------------------------------------------
  HOME PAGE STYLING 
-------------------------------------------------------------- */
.home-page .intro {
  height: 100%;
  background-color: #4ca796;
}

.home-page .intro h1 {
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 30px
}

.home-page .intro .panel-body {
  padding-top: 20px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:20px;
}

.home-page .how-section p{
  font-size: 16px;
}

.home-page .about-us {
  background: url(../images/about-bg-mobile.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  color: #fff;
}

.home-page .about-us p {
  font-size: 18px;
}

.home-page .faq-section {
  margin-bottom: 0;
}

.home-page .faq-section h3 {
  margin-bottom: 30px;
}

.home-page .faq-section .panel-default>.panel-heading {
  background-color: #fff;
}

.home-page .faq-section .panel h4 {
  color: #158a73;
}

.offers-page .faq-section {
  margin-bottom: 0;
}

.offers-page .faq-section h3 {
  margin-bottom: 30px;
}

.offers-page .faq-section .panel-default>.panel-heading {
  background-color: #fff;
}

.offers-page .faq-section .panel h4 {
  color: #158a73;
  margin-top: 0px;
  font-family: lato, sans-serif;
  font-size: 18px;
}

.offers-page .faq-section .panel .bigger-text {
  font-family: lato, sans-serif;
  font-size: 18px;
}

@media only screen and (min-width: 768px) {
  .offers-page .faq-section .panel .bigger-text {
    line-height: 32px;
  }
}

@media (max-width: 767px){
  .offers-page .faq-section .panel .bigger-text { font-size:16px; line-height:22px; color:#666; }
}

.offers-page .offers-wall .panel.panel-default .panel-body {
  padding: 15px 25px;
}

@media only screen and (min-width : 768px) {
  .hero-padding {
    padding: 0 4%;
  }
}

@media only screen and (min-width : 992px) {
  .hero-padding {
    padding: 0 12%;
  }
}

#accordion h4 a {
  color: #158a73;
}

#accordion h4:hover {
  cursor: pointer;
}

#accordion .accordion-toggle:after {
  font-family:'Glyphicons Halflings';
  content: "\e113";
  float: left;
  font-weight: 400;
  color: #158a73;
  float: right;
}

#accordion .panel-heading.collapsed .accordion-toggle:after {
  content:"\e114";
}


@media(min-width: 768px) {
  .home-page .intro {
    min-height: 600px;
    background: url(../images/home-bg1.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .home-page .about-us {
    background: url(../images/about-bg.jpg) no-repeat center center;
    background-size: cover;
  }

  .jumbotron p {
    font-size: 18px;
  }

  .home-page .how-section img {
    margin-bottom: 10px;
  }
}

/* --------------------------------------------------------------
  OFFER PAGE STYLING 
-------------------------------------------------------------- */
.offers-page .intro {
  background-color: #4ca796;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  color: #fff;
}

.offers-page .intro h1 {
  margin-bottom: 30px;
}

.offers-page .offers-wall .panel-default .panel-body {
  padding: 20px;
}

.offers-page .offers-wall .panel-body img {
  margin-bottom: 30px;
}

.offers-page .glyphicon-ok{
  background-color: #45b29b;
  padding: 5px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  color: #fff !important;
  background-color: #545a59; 
}

.offers-page .offers-wall .panel-default .panel-body .text {
  margin-bottom: 30px;
}

@media(max-width: 767px) {
  .offers-page .offers-wall .panel-default .panel-body img {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .offers-page .offers-wall .panel-body h3 {
    text-align: center;
  }

  .offers-page .offers-wall .panel-body h3 {
    text-align: center;
  }
}

@media(min-width: 768px) {
  .offers-page .intro {
    min-height: 300px;
    background: url(../images/offer-bg.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .offers-page .intro p {
    font-size: 18px;
  }

  .offers-page .offers-wall .panel-default .panel-body img {
    float: left;
    margin-right: 50px;
  }

  .offer-submit {
    float: right;
  }
}

@media(max-width: 991px) {
  .offers-page .bootstrap-select {
    width: 100% !important;
  }
}

@media(min-width: 992px) {
  .offers-page .offers-wall .panel-body h3 {
    margin-bottom: 70px;
  }

  .offers-page .bootstrap-select {
    float: right !important;
  }
}

/* --------------------------------------------------------------
  CONFIRMATION PAGE STYLING
-------------------------------------------------------------- */
.confirmation-page .intro {
    background-color: #f23c43;
  height: 100%;
  color: #fff;
}

.confirmation-page .intro h1 {
  margin-bottom: 25px;
}

.confirmation-page .final-step-section h4 {
  font-weight: 700;
}

@media(max-width: 480px) {
  .circle {
    float: none;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .confirmation-page .final-step-section .text {
    text-align: center;
  }
}
@media(min-width: 480px) {
.home-page .intro .panel-body { padding:20px; }
}

@media(min-width: 768px) {
  .confirmation-page .intro {
    min-height: 300px;    
    background: url(../images/confirmation-bg.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .confirmation-page .intro p {
    font-size: 18px;
  }
}

/* --------------------------------------------------------------
  LEGAL PAGES STYLING
-------------------------------------------------------------- */
.legal-page .intro {
  background-color: #45b29b;
  height: 100%;
  color: #fff;
}

.cd-faq-categories a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 50px;
  line-height: 50px;
  padding: 0 28px 0 16px;
  background-color: #4e5359;
  color: #ffffff;
  white-space: nowrap;
  border-bottom: 1px solid #555b61;
  text-overflow: ellipsis;
}

.cd-faq-categories a:hover,
.cd-faq-categories a:focus,
.cd-faq-categories .active a,
.cd-faq-categories .active a:hover {
  background: #42464b !important;
  color: #45b29b;
  cursor: pointer;
}

@media(min-width: 768px) {
  .legal-page .intro {
    min-height: 300px;
  }

  .legal-page .intro h1 {
    font-size: 60px;
    padding-top: 50px;
  }
}

@media(max-width: 991px) {
  #sidebar {
    margin-bottom: 50px;
  }
}

@media(min-width: 992px) {
  .cd-faq-categories {
    width: 250px;
    float: left;
  }

  .legal-page .text {
    padding-left: 270px;
  }
}


@media(max-width: 767px) {
  .offers-page .intro h1,
  .confirmation-page .intro h1 {
        font-size: 32px;
  }
  .offers-page .intro p,
  .confirmation-page .intro p {
    font-size: 15px
  }
}

@media (min-width:992px){
  .survey-dropdown{
    float:right;
    width:220px !important;
  }
}

.survey-dropdown{
  font-size:20px;
}

.survey-dropdown input{
  vertical-align:middle;margin-top:0;margin-left:15px;cursor:pointer;width:20px;height:20px;
}

@media (min-width: 992px) {
  .row.flex-row{
    display: flex;
    align-items: center;
  }
}

.survey-dropdown.small-survey-dropdown{
  width: 140px !important;
  font-size:16px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 20px;
  display: block;
  float: none;
}

.offers-page .offers-wall .panel-default .panel-body .text.text-terms-links.small-text-terms-links{
  margin-bottom: -10px;
}

.offers-page .offers-wall .panel-body .rating.small-rating{
  text-align: center;
  margin: auto;
  display: block;
  padding: 0;
}

.offers-page .offers-wall .panel-body .rating.small-rating img.stars-trustpilot{
  float: none;
  margin: -2px 0 0 5px;
  width: 30%;
  display: inline-block;
}

.offers-page .offers-wall .panel-body .rating.small-rating small{
  font-size: 14px;
}

.offers-page .offers-wall .panel-body .rating.small-rating small.trusted{
  display: block;
  font-size: 12px;
  padding-top: 8px;
}

@media (max-width: 768px) {
  .mobile-centre{
    text-align: center;
  }
  .mobile-centre .navbar-brand{
    width:100%;
  }
}

#home h1{
  font-size: 42px;
} 

.subhead { font-size:24px; margin-bottom: 20px; }
  .h2, h2 {
    margin-bottom:18px;
  }
    ul { 
    font-size:140%;
    }                     
    .home-page .how-section p { font-size: 22px; }
    
@media (max-width: 768px) {
  .container { max-width: 600px;}
  
  #home h1{
    font-size: 26px;
    line-height:34px;
  }
  .h2, h2 {
    font-size: 22px;
  }
  .subhead {
    font-size: 18px;
    margin-top:10px;
    margin-bottom:10px;
  }           
  ul { font-size: 16px; }
  
  .home-page .how-section p {
    font-size: 16px;
  }
  .container {
    padding-right: 5px;
    padding-left: 5px;
  }
}

#home h1.smaller{
  font-size: 34px;
}

@media (max-width: 768px) {
  #home h1.smaller{
    font-size: 26px;
  }
}

.gender{
  position: relative;
  width: 100%;
  text-align: center;
  border: 1px solid #D4D9DC;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.gender:before{
  content: "";
  display: block;
  padding-top: 62%;
}

.gender-radio:checked+.gender{
  color: #fff;
  background-color: #aaa;
}

.gender:hover{
  background-color: #ddd;
  cursor: pointer;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf');
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.ttf');
  src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

.offers-page .offers-wall .panel-default.montserrat .panel-body .text {
  font-family: 'Montserrat', Sans-serif;
}

.jumbotron .panel-default.montserrat p {
  font-family: 'Montserrat', Sans-serif;
}

.montserrat {
  font-family: 'Montserrat', Sans-serif;
}

h2.montserrat {
  font-weight: unset;
}

.offers-page .offers-wall .panel-default.helvetica .panel-body .text {
  font-family: Helvetica, arial, sans-serif;
}

.jumbotron .panel-default.helvetica p {
  font-family: Helvetica, arial, sans-serif;
}

.helvetica {
  font-family: Helvetica, arial, sans-serif;
}

h2.helvetica {
  font-family: Helvetica, arial, sans-serif;
}

.stats-list:not(:last-child) {
  margin-bottom: 6px;
}

.gender-tick{
  position: relative;
  width:100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gender-tick i{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  font-size: 30px;
  text-align: left;
  color: green;
}

.gender-tick:before{
  content: "";
  display: block;
  padding-top: 10%;
}

.gender-tick i:before {
  content: "\f1db";
}

.gender-radio:checked+.gender-tick i:before {
  content: "\f058";
}

.gender-radio{
  display: none;
}

.flex{
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex img{
  height:45%;
}

@media (max-width: 768px) {
  .flex img{
    height:100%;
  }
  ul { line-height: 1.3em;}
}

@media (max-width : 480px) { .offers-page .intro h1 { margin-bottom: 10px !important; font-size:26px; } .confirmation-page .intro h1 { font-size: 26px; } }

    .form-control { height: 55px; font-size:15px; }
    input[type="text"] { height:55px; font-size: 15px; }
    .findAddress-btn { height:55px; font-size: 15px; }
    #about { text-align: center; }   
    .border-white { margin: 0 auto; margin-bottom:30px; text-align: center; }    
    p { margin: 0 auto; text-align:center; }
    .offers-page .offers-wall .panel-default .panel-body { padding: 30px; }
    .border-green { text-align:center; margin:0 auto;  margin-bottom:30px;}   
    .jumbotron h1 { margin-top:0px; font-size:40px; color: #555b61; }
    label { font-size:14px; }
    .btn btn-pink btn-block btn-lg signup-btn { padding: 16px; }
    .checkbox input[type=checkbox] { width:18px; height:18px; }
    .spacing-sm { padding-top:15px; padding-bottom:15px; }
    input[type="text"] { height:60px; border: 1px solid #D4D9DC;}
    select {border: 1px solid #d4d9dd;}
    .form-control { height:60px; border: 1px solid #D4D9DC;}
    p { line-height: 1.4; }
    
    h5 { font-size:16px; 
    line-height: 1.4em; font-weight:normal; }
    .home-page .intro h1 { margin-bottom:15px; margin-top:10px;color: #555b61; }
    ul { 
    color:#fff;
    font-weight:normal;
    display: block;
    list-style-type: disc;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;  
    line-height:1.7em; }
    .home-page .intro h1 {
    letter-spacing: 0px; 
    font-size: 34px; }   
    body { font-family: "Segoe UI",Arial,sans-serif; }
    @media (min-width: 768px) {
    input[type="number"] {
    height: 55px;
    padding: 10px 22px;
    font-size: 18px;
    }
    h5 { font-size:19.6px; 
    line-height: 1.7em; font-weight:normal; }
    }
    .gender-tick i {
    font-family: FontAwesome;
    font-size: 32px;
    color: #404040;
    margin: 4px;
}
    .form-control { border: 1px solid #696969 !important; }
    label {
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
      }
  
    label span { margin-bottom:3px; }
    h2 { margin-bottom:30px;}
    
    .subhead { font-size:26px; }
    @media (max-width: 768px)
    { .subhead { font-size: 19px; line-height:24px; }  #home h1 { line-height:30px; } }
    .home-page .how-section p { font-size: 140%; }
    h4 { font-size:130%; }
    .home-page .about-us p { font-size: 16px; }
    .jumbotron p { font-size: 16px; }
    footer .footer-links li { font-size:16px;}
    .navbar-default .navbar-nav li a { font-weight: 600; }
    #sign-up-form .tc-checkbox label {
    text-transform: uppercase;
    font-weight: 700;
    font-size:13px;
    }
    .checkbox { padding-left:5px; padding-right:5px; margin-top:0px; }
    
  
    .form-control { height: 55px; font-size:15px; }
    input[type="text"] { height:55px; font-size: 15px; }
    .findAddress-btn { height:55px; font-size: 15px; }
    #about { text-align: center; }   
    .border-white { margin: 0 auto; margin-bottom:30px; text-align: center; }    
    p { margin: 0 auto; text-align:center; }
    .offers-page .offers-wall .panel-default .panel-body { padding: 30px; }
    .border-green { text-align:center; margin:0 auto;  margin-bottom:30px;}   
    .jumbotron h1 { margin-top:0px; font-size:40px; color: #555b61; }
    label { font-size:14px; }
    .btn btn-pink btn-block btn-lg signup-btn { padding: 16px; }
    .checkbox input[type=checkbox] { width:18px; height:18px; }
    .spacing-sm { padding-top:15px; padding-bottom:15px; }
    input[type="text"] { height:60px; border: 1px solid #D4D9DC;}
    select {border: 1px solid #d4d9dd;}
    .form-control { height:60px; border: 1px solid #D4D9DC;}
    p { line-height: 1.4; }
    .home-page .intro h1 { margin-bottom:15px; margin-top:10px;color: #555b61; }
    ul { 
    color:#fff;
    display: block;
    list-style-type: disc;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;  
    line-height:1.7em; }
    .home-page .intro h1 {
    letter-spacing: 0px; 
    font-size: 34px; }   
    h2 { font-size:26px; }
    
    .subhead { font-size:26px; }
    @media (max-width: 768px)
    { .subhead { font-size: 19px; line-height:24px; } #home h1 { line-height:32px; font-size:28px; } }
    .home-page .how-section p { font-size: 140%; }
    h4 { font-size:140%; }
    .home-page .about-us p { font-size: 16px; }
    .jumbotron p { font-size: 16px; }
    footer .footer-links li { font-size:16px;}
    .navbar-default .navbar-nav li a { font-weight: 600; }
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
    }

 .subhead {
    font-size: 24px;
}
    label { text-align:left; }
    label span { margin-top: 3px; margin-bottom: 3px; } 
    h2 { font-size:24px; margin-bottom: 15px; font-weight:bold; }
    .btn-pink { font-size:24px; padding:15px; }
    ul { line-height:1.1em; text-align:left; font-size:18px; } 
    .logo-section img { height:65px; }
    .col-md-6 small { color:#fff; font-size:15px; line-height:17px; }
    .list-inline { text-align:center; }
    h4 { font-size: 18px; }
    .gender-tick i { color:#555; }
    .spacing-md { padding-top:50px; padding-bottom:50px; }
    .home-page .intro { padding-top:30px; padding-bottom:30px; }
    .home-page .how-section p { font-size:18px; }
    .subline { font-size:16px;}
        
    @media (max-width: 768px) { 
    .home-page .intro { padding-top:15px; padding-bottom:15px; }
    h2 { font-size:20px; }
    .flex img { height: 25px !important; }
    #home h1 { font-size: 28px; }
    .nav-brand { padding: 12px !important; } 
    .subhead { margin-top:15px; margin-bottom:20px; font-size: 20px; line-height: 22px; } 
    label span { margin-top:0px; margin-bottom: 0px; } 
    label { font-size:17px; } 
    .gender-tick i { width: 32px;} 
    .btn-pink { font-size:20px; }
    .home-page .intro .panel-body { padding-left: 15px; padding-right: 15px; }
    .col-xs-4, .col-xs-12 { padding-left:0px; padding-right:0px; }
    .border-green { margin-bottom:20px; }
    .logo-section img { padding-left: 10px; padding-right: 10px; height:50px; }
    .col-md-6 small { font-size:14px; line-height:16px !important; }
    .home-page .how-section p { font-size: 16px; }
    .home-page .about-us p { font-size: 16px; }
    .jumbotron p { font-size: 16px; }
    .panel-group h4 { font-size: 16px; }
    .subline { font-size:16px;}
    ul { font-size:16px; line-height:18px; }
    }
    
    @media (max-width: 400px) { 
    #home h1 { padding-left:5px; padding-right:5px; }  
    .home-page .how-section p { font-size: 15px; }
    .home-page .about-us p { font-size: 15px; }
    .jumbotron p { font-size: 15px; }
    .panel-group h4 { font-size: 15px; }
    .subline { font-size:15px;}
    ul { font-size:15px; line-height:17px; }
    .col-md-offset-3 ul { padding-left:30px; }
    }
    
    @media (min-width: 768px) and (max-width: 992px) {
    .col-md-6 { margin:0 auto; width:80%; }
    .container { max-width:720px; }
    #home h1 { font-size: 32px; line-height:38px; }
    .col-md-6 small { padding-bottom:30px; }
    .navbar-right ul { font-size:16px !important; }
    .navbar-nav li a { padding-top:20px; padding-bottom:20px; }
        .navbar-brand { height: 60px; }
    .navbar {
    min-height: 60px;
}
        body {
    padding-top: 60px;
}
        .home-page .intro .panel-body { padding:25px;}
    }
        
    .col-md-offset-3 ul { margin-bottom:30px; }
    .col-md-offset-3 li { margin-bottom:10px; }
    .email-optin-text { padding-bottom:10px; padding-top:10px; font-size:15px; color:#5a5a5a; }
    .tc-checkbox { color:#5a5a5a; } 
    .privacy-terms { color:#5a5a5a; }
        
    @media (max-width: 768px) { 
        .email-optin-text { font-size:14px; }
        }

        #sign-up-form .tc-checkbox label { font-size:14.5px; font-weight:600; }
    @media (max-width: 768px) { 
        #sign-up-form .tc-checkbox label { font-size:14px; line-height:16px; font-weight:600; }
        
        }

.reward-brand { height:70px; }

.clearfix { clear:both; }

.pixel { position: fixed; left: 0; top: 0; }

.offers-page .offers-wall .panel-body .bullet-image { padding: 0; }

.offer-tick {
  display: inline-block;
  margin-right: 5px;
}

.text-content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 30px);
}

.faq-section .sub-title {
  margin-bottom: 30px;
}

#faq-accordion div {
    cursor: pointer;
}

/* --------------------------------------------------------------
  #ACCORDIONS
-------------------------------------------------------------- */
.accordion-group:last-child {
  margin-bottom: 0px;
}

.accordion-group .panel {
  border-radius: 2px;
  border: 0;
}

.accordion-group .panel:not(:last-child) {
  margin-bottom: 30px;
}

.accordion-group .panel >.panel-heading {
  background-color: #fff;
  padding: 20px 25px;
}

.accordion-group .panel >.panel-heading:hover,
.accordion-group .panel >.panel-heading:focus {
  cursor: pointer;
}

.accordion-group .panel >.panel-heading h4 a {
  color: #158a73;
}

.accordion-group .panel-heading.collapsed h4 a {
  color: #333;
}

.accordion-group .accordion-toggle:after {
  display: block;
  font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 600;
    float: right;
    content: '\f068';
}

.accordion-group .panel-heading.collapsed .accordion-toggle:after {
  content: '\f067';
}

.accordion-group .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top: 0;
}

.accordion-group .panel-body {
  padding: 15px 25px;
}

.bigger-text{
  font-size: 18px;
}

@media (max-width: 767px){
  .bigger-text { font-size:16px; line-height:22px; color:#666; }
}

@media screen and (max-width: 992px) {
    .container { width:100%; max-width:850px !important; } 
}

@media (max-width: 768px)
{
.container { padding: 0; max-width: 100%; }
}

@media (max-width: 768px) {     
  .offers-page .offers-wall .panel-default .panel-body .col-md-9 { padding-top:15px; }
  .offers-page .offers-wall .panel-default .panel-body img { margin-bottom: 0px !important; /*padding-bottom:0px !important;*/ }
  .offers-page .offers-wall .panel-body .rating { padding-left:0px !important; }
  .container { width:100%; max-width:680px !important; }
}

@media only screen and (min-width: 768px) {
  .bigger-text {
    line-height: 32px;
  }
}

.mb-0 {
  margin-bottom: 0px !important;
}

.jumbotron p.bigger-text {
  margin: 0 0 10px;
}