/*
Theme Name: BASF Theme
Theme URI: http://flint-group.com
Description: RR46 custom theme.
Author: 
Author URI: http://flint-group.com
Version: 1.0
Tags: 

License:
License URI:

General comments (optional).
*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
  font-weight: 600;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  color: #9B9B9B;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 40px;
  display: block;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.428571429;
  color: #404745;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #428bca;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 22px;
  margin-bottom: 11px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 41px;
}
h2,
.h2 {
  font-size: 34px;
}
h3,
.h3 {
  font-size: 28px;
}
h4,
.h4 {
  font-size: 20px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 14px;
}
p {
  margin: 0 0 11px;
}
.lead {
  margin-bottom: 22px;
  font-size: 18px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 24px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 11px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 22px;
}
dt,
dd {
  line-height: 1.428571429;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 20px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #999999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.428571429;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

section.hero .container {
  max-width: 1370px;
}

section .container {
  max-width: 948px;
}

section img {
  width: 100%;
  border-radius: 10px;
  box-shadow: 198px 221px 83px 0 rgba(0, 0, 0, 0.00), 127px 141px 76px 0 rgba(0, 0, 0, 0.01), 71px 79px 64px 0 rgba(0, 0, 0, 0.05), 32px 35px 47px 0 rgba(0, 0, 0, 0.09), 8px 9px 26px 0 rgba(0, 0, 0, 0.10);
}

.img-wrapper {
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
}

.img-wrapper a {
  margin-top: 16px;
}

/* ClubRoot Section */
section.clubroot {
  margin-top: 80px;
  margin-bottom: 80px;
}

section p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 40px;
}
section h2 {
  margin-top: 40px;
}

.resource-links {
  padding: 32px;
  border-radius: 10px;
  background: #F7F7F8;
}

.resource-links b {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin-bottom: 8px;
  display: block;
}

.resource-links div {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#hr-section .container {
  max-width: 1370px;
}

#hr-section hr {
  height: 1px;
  background-color: #C3C3CB;
}

/* Stripe Section */
section.stripe {
  margin-top: 80px;
  margin-bottom: 80px;
}

/* Articles */
#basf-articles {
  background: #F7F7F8;
  padding-top: 40px;
  padding-bottom: 80px
}

#basf-articles .container {
  max-width: 1370px;
}

#basf-articles img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}

#basf-articles h2 {
  margin-bottom: 40px;
}

.article-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.article-item {
  flex: 1 1 300px; 
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
}

.article-item h3 {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 24px;
  margin-bottom: 8px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.article-item p {
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.article-item a {
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 24px;
  display: block;
}

.article-item img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}



.container {
  position: relative;
  padding: 0 20px;
  width: 100%;
  max-width: 1370px;
}
body,
html {
  overflow-x: hidden;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333;
} 
h1,h2,h3,h4{
  margin-top: 0;
  font-weight: 500;
  line-height: 1.2;
}
h1{
  font-size: 66px;
  font-weight: 400;
}
h2{
  margin-bottom: 16px;
  font-size: 44px;
}
a{
  color: #63A224;;
}
a:hover{
  color: #63A224;
  text-decoration: underline;
}
.top-bar{
  background-color: #004A96;
  text-align: center;
  padding: 16px 0;
}
.top-bar img {
  border-radius: 0;
  box-shadow: none;
}

.top-logo{
  margin-right: 14px;
}
.top-logo:last-child{
  margin-right: 0;
}
.top-logo img{
  height: auto;
}
.btn:focus,
.btn{
  background-color: #63A224;
  padding: 12px 28px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
.btn:hover{
  background: #4A791B;
  color: #fff;
  text-decoration: none;
}
.btn.secondary:focus,
.btn.secondary{
  border: #63A224 1px solid;
  background: #fff;
  padding: 12px 28px;
  color: #63A224;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
.btn.secondary:hover{
  background: #63A224;
  color: #fff;
  text-decoration: none;
}
.gform-footer .button{
  background-color: #63A224 !important;
  padding: 12px 28px !important;
  color: #fff !important;
  font-weight: 500 !important;
  text-align: center !important;
  display: inline-block !important;
  text-decoration: none !important;
  border-radius:0 !important;
  font-size: 16px !important;
}

a.btn.download::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background: url('img/download.svg') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

a.downloadbtn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background: url('img/download-green.svg') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

a.readmore::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px; 
  background: url('img/readmore-chevron.svg') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

.gform-footer .button:hover{
  background: #4A791B !important;
  color: #fff !important;
  text-decoration: none !important;
}
body .gfield--input-type-html{
  position: relative;
}
.required-tag{
  position: absolute;
  bottom: -55px;
  left: 134px;
}

.hero{
  color: #fff;
  position: relative;
}
.hero-slide{
  position: relative;
  z-index:1;
  padding:88px 0 89px;
  background: 
    linear-gradient(
      266deg,
      rgba(0, 18, 37, 0) -81.98%, 
      rgba(0, 18, 37, 0.85) 100% 
    ),
    url('img/image-hero.png');

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-slide .container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.hero h1{
  font-size: 72px;
  font-style: normal;
  font-weight: 300;
}
.hero p{
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  max-width: 800px;
  margin-bottom: 32px;
}
.hero p sup{
  font-size: 0.6em;
}
.hero span {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 16px;
}
.hero .hero-links {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

.hero-test{
  font-size: 1px;
}
.callout {
  padding: 56px 0;
}
.callout .container {
  justify-content: space-between;
}
.callout-img{
  border-radius:10px;
  box-shadow: 198px 221px 83px 0px rgba(0, 0, 0, 0.00), 127px 141px 76px 0px rgba(0, 0, 0, 0.01), 71px 79px 64px 0px rgba(0, 0, 0, 0.05), 32px 35px 47px 0px rgba(0, 0, 0, 0.09), 8px 9px 26px 0px rgba(0, 0, 0, 0.10);
  background-size:cover;
  background-position: 50% 50%;
  min-height: 300px;
  margin-bottom: 30px;
}
.callout .callout-side {
  background: #004A96;
  border-radius: 10px;
  box-shadow: 198px 221px 83px 0 rgba(0, 0, 0, 0.00), 71px 79px 64px 0 rgba(0, 0, 0, 0.03), 32px 35px 47px 0 rgba(0, 0, 0, 0.05), 8px 9px 26px 0 rgba(0, 0, 0, 0.08);
  padding: 56px;
  color: #fff;
  max-width: 500px;
  margin-left: 20px;
}
.callout .callout-side ol {
  padding: 0;
  margin: 0 0 0 20px;
}
.callout p{
  font-size: 20px;
}
.cards{
  padding: 80px 0;
}
.cards h3{
  font-size: 30px;
}
.cards p{
  margin-bottom: 24px;
}
.card{
  margin-bottom: 50px;
}
.card:last-child{
  margin-bottom: 0;
}
.card-img{
  min-height: 320px;
  border-radius:10px;
  background-size:cover;
  margin-bottom: 32px;
}
.tabs{
  padding: 80px 0;
  background: #F7F7F8;
}
.tab-nav{
  margin: 80px 0 50px;
  padding: 0;
}
.tab-nav li{
  display: block;
  list-style-type: none;
  margin-bottom: 15px;
}
.tab-nav a,
.tab-nav a:focus{
  color: #333;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
}
.tab-nav a:hover{
  color: #63A224;
  text-decoration: none;
}
.tab-nav li.active a{
  color: #63A224;
  border-bottom:4px solid#63A224;
  padding-bottom: 8px;
}
.tabs h2{
  font-size: 44px;
}
.product-cards {
  margin-bottom: 55px;
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap:wrap;
}
@media screen and (min-width: 692px) {
  .product-cards.small {
    justify-content: flex-start;
  }
}
.product-cards .btn{
  display: block;
}
.product-card {
  text-align: center;
  border-radius: 10px;
  border: 1px solid #C7CCD6;
  background: #FFF;
  padding: 24px 24px 84px;
  /* margin-bottom: 50px; */
  max-width: 314px;
  position: relative;
  display: none;
}
.product-card.large {
  flex-grow: 1;
  background: #004A96;
  border-color: #004A96;
  max-width: unset;
  padding: 50px;
}
.product-card.large a {
  color: #FFF;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  background: transparent;
  max-width: 380px;
  margin: 0 auto;
  position: relative;
  bottom: unset;
  left: unset;
}
.product-card.card-show{
  display: block;
}
.product-card *:not(.btn){
  text-align: left;
}
.product-card > img{
  margin-left: auto;
  margin-right: auto;
  width: auto;
  max-width: 100%;
  height: 120px;
  margin-bottom: 24px;
}
.product-card .card-top {
  border-bottom: 3px solid #63A224;
  margin-bottom: 30px;
  padding: 0 24px;
}
.product-card .card-top h3{
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 22px;
  letter-spacing: 1.2px;
  margin-bottom: 10px;
  min-height: 44px;
  text-align: center;
}
.product-card p{
  margin-bottom: 20px;
}
.product-card .btn{
  position: absolute;
  bottom: 24px;
  left: 24px;
  width: calc(100% - 48px);
}
.tabs .disclaimer{
  color: #80878E;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 80px;
}
.tabs-cta {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px 24px;
}
.tabs-cta h3{
  font-size: 24px;
}
.lineup{
  padding: 80px 0 60px;
}
.lineup-group{
  padding-bottom: 60px;
  border-bottom: 1px solid #C3C3CB;
  margin-bottom: 80px;
}
.lineup-group:last-child{
  margin-bottom: 0;
  border-bottom-width: 0;
  padding-bottom: 0;
}
.lineup-card{
  border-radius: 10px;
  background: #FFF;
  box-shadow: 198px 221px 83px 0px rgba(0, 0, 0, 0.00), 71px 79px 64px 0px rgba(0, 0, 0, 0.03), 32px 35px 47px 0px rgba(0, 0, 0, 0.05), 8px 9px 26px 0px rgba(0, 0, 0, 0.08);
  padding: 48px;
  margin-bottom: 80px;
}
.lineup-intro{
  margin-bottom: 56px;
}
.lineup-card h3{
  color: #004A96;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 24px;
  max-width: 352px;
}
.lineup-card-img{
  width: 100%;
  height: auto;
}
.lineup-group-footer{
  color: #9B9B9B;
  font-size: 12px;
  margin-top: -20px;
  padding: 0 40px;
}
.pre-footer{
  background: #63A224;
  color: #fff;
  padding: 56px 0;
}
.pre-footer h2{
  font-size: 30px;
  font-weight: 500;
}
.pre-footer .btn{
  background-color: #fff;
  color: #63A224;
  border:1px solid #fff;
  padding-top: 11px;
  padding-bottom: 11px;
}
.pre-footer .btn:hover{
  color: #fff;
  border:1px solid #fff;
  background:transparent;
}
.pre-footer .left{
  margin-bottom: 30px;
}
#footer{
  background: #333;
  color: #fff;
  padding: 56px 0;
}
#footer a{
  color: #fff;
  font-size: 16px;
  font-weight: 200;
}
.footer-nav {
  padding: 0;
  margin: 0;
}
.footer-nav li{
  display: inline-block;
  margin-right: 20px;
}
.footer-nav li:last-child{
  margin-right: 0;
}
.follow-us{
  font-size: 24px;
  font-weight: 600;
  display: inline-block;
  margin-right: 40px;
}
.footerlogo{
  margin-bottom: 30px;
}
.social{
  display: flex;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:30px;
}
.social a{
  display: inline-block;
  margin-right: 16px;
}
.social a:hover{
  transform:translate(2px, -2px);
}
.social a:last-child{
  margin-right: 0;
}
.footer-bottom{
  border-top:1px solid #424242;
  padding: 30px 0 0;
}
.copyright{
  font-weight: 300;
  margin-bottom: 30px;
}
.signup{
  background: #EEEFF0;
  padding: 80px 0;
}
.signup .left{
  margin-bottom: 50px;
}
.go-back {
  margin-bottom: 20px;
}
.go-back a{
  color: #63A224;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.go-back a:hover{
  text-decoration: none;
  color: #63A224;
}
.go-back a:before{
  content:'';
  display: inline-block;
  height: 18px;
  width: 18px;
  background:url(img/arrow-left.svg) no-repeat 50% 50%;
  margin-right: 8px;
  position: relative;
  top: 3px;
}
.go-back a:hover:before{
  transform: translate(-4px, 0);
}
.signup h1{
  font-size: 44px;
  font-weight: 500;
}
.checks{
  padding: 0;
  margin: 50px 0 0;
}
.checks li{
  list-style-type: none;
  margin-bottom: 28px;
  font-size: 20px;
  font-weight: 400;
  line-height: 22px; 
  position: relative;
  padding-left: 32px;
}
.checks li:before{
  content:'';
  background:url(img/check.svg) no-repeat 50% 50%;
  display: inline-block;
  height: 24px;
  width: 24px;
  margin-right: 8px;
  position: absolute;
  top:0;
  left:0;
}
.form-disclaimer h3{
  color: #80878E;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
}
.form-disclaimer{
  color: #80878E;
}
.signup .form-intro{
  margin-bottom: 40px;
}
.signup .form-intro h2{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.form-content{
  border-radius: 10px;
  background: #FFF;
  box-shadow: 198px 221px 83px 0px rgba(0, 0, 0, 0.00), 71px 79px 64px 0px rgba(0, 0, 0, 0.03), 32px 35px 47px 0px rgba(0, 0, 0, 0.05), 8px 9px 26px 0px rgba(0, 0, 0, 0.08);
  padding: 56px 80px;
  margin-bottom: 30px;
}
.consent-modal{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  justify-content:space-between;
  align-items:center;
  background:rgba(0,0,0,0.8);
  z-index:10000000;
}
.consent-modal.active{
  display: flex;
}
.consent-modal .container{
  max-width: 880px;
  padding: 48px 48px 32px 48px;
  border-radius: 10px;
  background: #FFF;
  max-height:85%;
  overflow: auto;
}
.consent-modal h2{
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px; /* 110% */
}
.modal-footer{
  text-align: center;
  margin-top: 20px;
}
.modal-footer .btn{
  margin-left: auto;
  margin-right: auto;
}
.gform_required_legend{
  display: none;
}
body .gform-theme--foundation .gfield .ginput_password.large, 
body .gform-theme--foundation .gfield input.large, 
body .gform-theme--foundation .gfield select.large{
  padding: 2px 16px;
  border-radius: 10px;
  border: 0.5px solid #C7CCD6;
  background: #FAFAFA;
  font-size: 16px;
  color: #333;
  font-weight: 300;
  height: auto;
}
body .gform-theme--foundation label.gform-field-label{
  color: #333;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
body .gform-theme--foundation .gfield_error label.gform-field-label,
body .gform-theme--foundation .gfield_error label.gform-field-label .gfield_required_asterisk{
  color: #EA0000;
}
body .gform-theme--framework .validation_message{
  color: #EA0000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
body .gform-theme--framework .gform-field-label>.gfield_required{
  font-size: 14px;
  color: #333;
  position: relative;
  left: -6px;
  top: -1px;
}
body .gform-theme--framework .gform_fields{
  gap:25px !important;
}
.gfield_consent_label .gfield_required{
  display: none !important;
}
body .gform_heading .gform_description{
  margin-bottom: 40px;
}
body .gform_heading .gform_title{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

@media screen and (max-width: 419px) {
  .btn:focus, .btn {
    padding: 12px 12px;
  }

}

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

  .hero h1 {
    line-height: 1;
    font-size: 62px;
  }

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

  .hero-slide {
    padding-top: 38px;
  }
}

@media screen and (min-width:768px){
  .product-card{
    margin-bottom: 0;
  }
  .pre-footer .container{
    max-width: 798px;
    display: flex;
    justify-content:space-between;
    align-items:center;
  }
  .pre-footer .left{
    margin-bottom: 0;
    flex:1 1 100%;
  }
  .pre-footer .right{
    flex:0 0 130px;
  }
  .signup > .container{
    display: flex;
    justify-content:space-between;
    align-items:flex-start;
  }
  .signup .left,
  .signup .right{
    width: 50%;
  }
  .signup .left{
    padding-right: 100px;
  }
  .signup .right{
    max-width:594px;
  }
}

    .tab-nav {
      display: flex;
      justify-content: center;
      flex-wrap:wrap;
      margin-bottom: 8px;
      gap: 20px 56px;
    }
@media screen and (min-width:992px){
    .callout .container{
      display: flex;
      align-items:center;
    }
    .callout-img{
      max-width: 594px;
      width: 50%;
      margin-bottom: 0;
    }
    .callout-content{
      flex-grow:1;
      flex-shrink:1;
      max-width: 550px;
    }
    .cards .container{
      display: flex;
      flex-wrap:wrap;
      justify-content:space-between;
    }
    .card{
      width: calc(50% - 28px);
      margin-right: 56px;
    }
    .card:nth-child(even){
      margin-right: 0;
    }
    .tab-nav li{
      display: inline-block;
    }
    .tab-nav li:last-child{
      margin-right: 0;
    }
    .lineup-intro,
    .lineup-card,
    .lineup-group-footer{
      max-width: 976px;
      margin-left: auto;
      margin-right: auto;
    }
}
@media screen and (min-width:1100px){
  .footer-top,
  .footer-bottom{
    display: flex;
    justify-content:space-between;
    align-items:center;
    gap: 100px;
  }
  .footer-bottom .right {
    width: 100%;
  }
  .copyright{
    margin-bottom: 0;
  }
  .signup .left{
    padding-right: 114px;
  }
}