/*  Gotham  */
@font-face {
  font-family: 'Gotham Condensed';
  src: url("../fonts/GothamCondensed-Medium.eot");
  src: url("../fonts/GothamCondensed-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamCondensed-Medium.woff") format("woff"), url("../fonts/GothamCondensed-Medium.ttf") format("truetype"); }
@font-face {
  font-family: GothamBold;
  src: url("../fonts/gotham/HCo_Gotham_Bundle/OpenType/Gotham-Bold.otf") format("opentype"); }
@font-face {
  font-family: GothamRegular;
  src: url("../fonts/gotham/HCo_Gotham_Bundle/OpenType/Gotham-Book.otf") format("opentype"); }
@font-face {
  font-family: GothamCondensed;
  src: url("../fonts/gotham/HCo_Gotham_Bundle/OpenType/Gotham-Medium.otf") format("opentype"); }
/*  [temp] primary colors  */
/*  secondary colors  */
/*  headings  */
h1 {
  font-size: 40px;
  font-family: 'Gotham Condensed';
  text-transform: uppercase;
  letter-spacing: .13em;
  color: #2f3137; }

h2 {
  font-size: 30px;
  font-family: 'Gotham Condensed';
  text-transform: uppercase;
  letter-spacing: .13em;
  color: #2f3137; }

h3 {
  font-size: 20px;
  font-family: GothamBold;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .13em;
  color: #2f3137; }

h4 {
  font-size: 16px;
  font-family: GothamBold;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .13em;
  color: #2f3137; }

h5 {
  font-size: 14px;
  font-family: GothamBold;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .13em;
  color: #2f3137; }

h6 {
  font-size: 42px;
  font-family: GothamBold;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .13em;
  color: #2f3137; }

.mod-header-thin {
  font-family: GothamRegular; }

p, a, small {
  font-family: adelle, serif;
  font-style: normal;
  font-weight: 300;
  color: #6d6868;
  font-size: 14px;
  line-height: 2; }

small {
  font-size: 12px; }

.mod-color-nordic-sea {
  color: #0889d3; }

.mod-color-nordic-ice {
  color: #f7f7f7; }

hr {
  color: #0889d3;
  border: 2px solid #0889d3;
  width: 80px; }

.hr-mod-nordic-ice {
  border: 2px solid #f7f7f7; }

.hr-mod-left {
  margin-left: 0px; }

.hr-mod-classic {
  border: 1px solid #e7e8e8;
  width: 100%; }

.tiny-link {
  font-size: .9em; }
  .tiny-link:hover {
    color: inherit; }

.bold-link {
  color: #0889d3;
  font-weight: bold; }

.nordic-input {
  width: 293px;
  height: 45px;
  border: 1px solid #bebebe;
  border-radius: 3px;
  background-color: #ffffff;
  font-family: GothamRegular;
  color: #6d6868;
  font-size: 16px; }

.btn {
  font-family: GothamRegular;
  color: #6d6868;
  font-size: 16px; }

footer {
  background-color: #e7e8e8;
  padding-top: 26.4px;
  padding-bottom: 22px; }
  footer p {
    text-align: center;
    color: #979797; }

header {
  padding-top: 8px;
  padding-bottom: 8px; }

#input-block {
  padding-top: 32px;
  padding-bottom: 32px;
  background-image: url("../images/DesktopCofA_Landing-Page-Image-v2.jpg");
  background-size: cover;
  background-position: 50% 50%; }
  #input-block p {
    margin-right: 3%;
    margin-left: 3%;
    margin-bottom: 32px;
    font-size: 16px;
    letter-spacing: .002em;
    font-family: adelle, serif;
    font-style: normal;
    font-weight: 100; }
  #input-block b {
    font-family: adelle, serif;
    font-style: bold;
    font-weight: 500; }
  #input-block .error input {
    font-size: 16px;
    font-family: GothamRegular;
    font-weight: bold;
    text-transform: uppercase;
    color: #2f3137;
    line-height: 2;
    text-align: center; }
  #input-block label {
    font-family: adelle, serif;
    font-style: normal;
    font-weight: 300;
    color: #f7f7f7;
    font-size: 14px;
    line-height: 2; }
  #input-block input {
    text-align: center;
    text-transform: uppercase; }
  #input-block .btn-lookup {
    width: 195px;
    height: 45px;
    margin-top: 24px;
    border-radius: 3px;
    border: solid 1px #ffffff;
    background-color: transparent;
    text-transform: uppercase;
    color: #f7f7f7;
    transition: .3s; }
    #input-block .btn-lookup:hover {
      background-color: #f7f7f7;
      color: #0889d3; }
  #input-block a:hover {
    color: lightgray; }

#no-alternative-block {
  padding-top: 66px;
  padding-bottom: 66px; }
  #no-alternative-block .wrapper {
    width: 720px;
    max-width: 100%;
    padding-right: 44px;
    padding-left: 44px; }

#video-image {
  cursor: pointer;
  width: 3000px;
  max-width: 100%; }

#video-container {
  background-color: #2f3137; }
  #video-container .vid-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }
  #video-container .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

#circles-block {
  background-color: #21a7c5;
  padding-top: 44px;
  padding-bottom: 44px; }
  #circles-block .circle {
    width: 291px;
    height: 291px;
    border-radius: 50%;
    border: solid 3px #ffffff;
    background-color: transparent;
    text-align: center;
    margin-bottom: 22px; }
    #circles-block .circle #health-hover-state, #circles-block .circle #purity-hover-state, #circles-block .circle #transparency-hover-state {
      display: none;
      margin-top: -80px; }
    #circles-block .circle #health-normal-state > h5, #circles-block .circle #purity-normal-state > h5, #circles-block .circle #transparency-normal-state > h5 {
      padding-top: 124px;
      font-family: GothamRegular;
      margin-bottom: 12px;
      color: #f7f7f7;
      font-size: 18px; }
    #circles-block .circle hr {
      width: 32px;
      margin-bottom: 8px;
      margin-top: 0px; }
    #circles-block .circle p {
      font-size: 14px;
      letter-spacing: .06em;
      padding-right: 8px;
      padding-left: 8px;
      line-height: 20px; }
    #circles-block .circle:hover {
      box-shadow: 2px 4px 9px 5px rgba(0, 0, 0, 0.15); }
  @media (max-width: 991px) {
    #circles-block .circle {
      width: 240px;
      height: 240px; }
      #circles-block .circle #health-normal-state > h5, #circles-block .circle #purity-normal-state > h5, #circles-block .circle #transparency-normal-state > h5 {
        padding-top: 98px;
        font-family: GothamRegular;
        margin-bottom: 12px;
        color: #f7f7f7; }
      #circles-block .circle #health-hover-state, #circles-block .circle #purity-hover-state, #circles-block .circle #transparency-hover-state {
        display: none;
        margin-top: -132px;
        padding-right: 22px;
        padding-left: 22px; }
      #circles-block .circle h5 {
        padding-top: 34px; } }
  @media (max-width: 767px) {
    #circles-block .circle {
      width: 291px;
      height: 291px; }
      #circles-block .circle #health-normal-state > h5, #circles-block .circle #purity-normal-state > h5, #circles-block .circle #transparency-normal-state > h5 {
        padding-top: 120px;
        font-family: GothamRegular;
        margin-bottom: 12px;
        color: #f7f7f7; }
      #circles-block .circle #health-hover-state, #circles-block .circle #purity-hover-state, #circles-block .circle #transparency-hover-state {
        display: none;
        margin-top: -112px; } }

#two-day-shipping-block {
  padding-top: 44px;
  padding-bottom: 44px; }
  #two-day-shipping-block p {
    margin-bottom: 2px; }
  #two-day-shipping-block img {
    max-width: 100%;
    margin-bottom: 22px; }
  #two-day-shipping-block #prod-group {
    margin-top: 88px; }

#show-data-hero {
  background-color: #0889d3;
  padding-top: 44px;
  padding-bottom: 44px; }
  #show-data-hero h5 {
    font-family: GothamRegular; }

#bottle-notice, #bottle-notice-mobile {
  margin-bottom: -14px;
  font-size: .8em;
  color: gray; }

#bottle-notice-mobile {
  display: none; }

@media (max-width: 991px) {
  #bottle-notice {
    margin-left: -10px; } }
@media (max-width: 767px) {
  #bottle-notice-wrapper {
    display: none; }

  #bottle-notice-mobile {
    display: block;
    margin-right: 0px;
    text-align: center; } }
#batch-details h3 {
  font-family: 'Gotham Condensed'; }
#batch-details #batch-details-wrapper {
  padding-top: 22px;
  padding-bottom: 22px;
  border: 1px solid #e7e8e8;
  width: 700px;
  max-width: 100%; }
  #batch-details #batch-details-wrapper .batch-details-left-column {
    text-align: center; }
  #batch-details #batch-details-wrapper .batch-details-right-column {
    text-align: center; }
  #batch-details #batch-details-wrapper td {
    width: 380px; }

#certificate-overview-block {
  margin-top: 44px;
  margin-bottom: 44px;
  background-color: white; }
  #certificate-overview-block #certificate-overview-text {
    padding-top: 44px;
    padding-bottom: 44px;
    padding-left: 7%;
    max-width: 100%;
    background-color: #e7e8e8;}
    #certificate-overview-block #certificate-overview-text #non-fish-oil-overview {
      margin-top: 84px; }
    @media (max-width: 768px) {
      #certificate-overview-block #certificate-overview-text #non-fish-oil-overview {
        margin-top: 0px; } }
    #certificate-overview-block #certificate-overview-text .i-button {
      background-color: transparent;
      color: #6d6868;
      margin-left: 4px;
      cursor: pointer; }
    #certificate-overview-block #certificate-overview-text h2 {
      margin-bottom: 38px; }
    #certificate-overview-block #certificate-overview-text img {
      margin-top: -2px;
      margin-right: 8px;
      display: inline-block; }
    #certificate-overview-block #certificate-overview-text h5 {
      margin-bottom: 22px;
      display: inline-block; }
    #certificate-overview-block #certificate-overview-text p {
      display: inline-block;
      padding-left: 4px; }
  #certificate-overview-block #certificate-overview-pic {
    height: 462px;
    background-color: white; }
    #certificate-overview-block #certificate-overview-pic #prod-image {
      overflow: hidden; }
      #certificate-overview-block #certificate-overview-pic #prod-image #product {
        padding-top: 20px;
        margin-left: -40px;
        width: 388px; }
  @media (max-width: 800px) {
    #certificate-overview-block #certificate-overview-pic {
      height: 482px; } }
  @media (max-width: 786px) {
    #certificate-overview-block #certificate-overview-pic {
      height: 502px; } }
  @media (max-width: 767px) {
    #certificate-overview-block #certificate-overview-pic {
      height: 320px; }
      #certificate-overview-block #certificate-overview-pic #prod-image #product {
        padding-top: 0px;
        margin-left: 0px;
        width: 320px;
        max-width: 100%; } }

#certificate-of-analysis-block {
  margin-top: 44px; }
  #certificate-of-analysis-block h2 {
    margin-bottom: 44px;
    text-align: center; }
  #certificate-of-analysis-block .expander {
    width: 180px; }
  #certificate-of-analysis-block #mytable .table-top-section {
    margin-top: 24px; }
  #certificate-of-analysis-block #mytable tr > th {
    padding: 8px;
    background-color: #0889d3;
    color: #f7f7f7;
    font-family: adelle;
    font-weight: 300;
    font-size: 14px; }
  #certificate-of-analysis-block #mytable tr > td {
    padding: 8px;
    color: #818181;
    font-family: adelle;
    font-weight: 300;
    font-size: 14px; }
  #certificate-of-analysis-block #sig-offset-full {
    display: block; }
  #certificate-of-analysis-block #sig-offset-none {
    display: none; }
  @media (max-width: 991px) {
    #certificate-of-analysis-block #sig-offset-full {
      display: none; }
    #certificate-of-analysis-block #sig-offset-none {
      display: block; } }
  @media (max-width: 520px) {
    #certificate-of-analysis-block #mytable tr > th {
      font-size: 12px; }
    #certificate-of-analysis-block #mytable tr > td {
      font-size: 12px; } }
  @media (max-width: 310px) {
    #certificate-of-analysis-block #mytable tr > td {
      font-size: 10px; } }
  #certificate-of-analysis-block #signature-row {
    padding-top: 44px; }
  #certificate-of-analysis-block #show_signature p {
    color: #2f3137;
    display: inline-block; }
  #certificate-of-analysis-block #show_signature p.light-mod {
    display: block;
    color: #bebebe; }
  #certificate-of-analysis-block .btn-new-look-up {
    width: 300px;
    height: 45px;
    text-transform: uppercase;
    background-color: #0889d3;
    color: #f7f7f7;
    margin-top: 44px;
    font-size: 14px; }
    #certificate-of-analysis-block .btn-new-look-up:hover {
      background-color: #066398;
      color: #d8d8d8; }

#abbreviations {
  padding-top: 44px;
  padding-bottom: 44px; }
  #abbreviations #abbr-offset-full {
    display: block; }
  #abbreviations #abbr-offset-none {
    display: none; }
  @media (max-width: 991px) {
    #abbreviations #abbr-offset-full {
      display: none; }
    #abbreviations #abbr-offset-none {
      display: block; } }
  #abbreviations #abbr-title {
    text-transform: uppercase; }
  #abbreviations #abbr-content {
    padding-top: 22px;
    padding-bottom: 22px; }
  #abbreviations .abbr-wrap {
    max-width: 100%;
    margin-bottom: -8px;
    width: 400px; }
    #abbreviations .abbr-wrap h5 {
      display: inline-block;
      text-transform: none; }
    #abbreviations .abbr-wrap p {
      display: inline-block;
      padding-left: 2px; }

#email-block {
  padding-bottom: 44px; }
  #email-block #sign-up-container {
    margin-top: 40px;
    width: 400px; }
    #email-block #sign-up-container .nordic-input {
      border-radius: 4px 0px 0px 4px;
      width: 224px; }
    #email-block #sign-up-container .btn-join {
      text-transform: capitalize;
      color: #f7f7f7;
      width: 95px;
      height: 45px;
      margin-top: -3px;
      margin-left: -4px;
      background-color: #0889d3;
      border-left: solid 1px #bebebe;
      border-right: solid 1px #bebebe;
      border-top: solid 1px #bebebe;
      border-bottom: solid 1px #bebebe;
      border-radius: 0px 4px 4px 0px;
      transition: .3s; }
      #email-block #sign-up-container .btn-join:hover {
        background-color: #f7f7f7;
        color: #0889d3;
        border-left: solid 1px #0889d3;
        border-right: solid 1px #0889d3;
        border-top: solid 1px #0889d3;
        border-bottom: solid 1px #0889d3; }
    #email-block #sign-up-container #social-icons {
      margin-top: 18px;
      padding-left: 260px; }
      #email-block #sign-up-container #social-icons img {
        margin-right: 8px; }
    @media (max-width: 991px) {
      #email-block #sign-up-container #social-icons {
        padding-left: 0px; } }

li {
  color: #6d6868;
  font-family: adelle, serif;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 4px;
  margin-top: 4px; }

.featherlight-content {
  max-width: 100%; }

/*# sourceMappingURL=style.css.map */