/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ==========================================================================
A custom selection of styles from HTML5BP main.css
Last updated: v5.2.0, 29 June 2015
https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css
========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4; }

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
* Remove default fieldset styles.
*/
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
* Allow only vertical resizing of textareas.
*/
textarea {
  resize: vertical; }

/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
Custom Base Styles Go Here
========================================================================== */
/* ==========================================================================
Box-sizing: border-box
https://css-tricks.com/box-sizing/
========================================================================== */
html {
  box-sizing: border-box; }

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

body {
  font-family: "din-all", "din-init", Helvetica, Arial, sans-serif;
  background-color: #f7f7f7; }

button,
input {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "din-all", "din-init", Helvetica, Arial, sans-serif; }
  button:focus,
  input:focus {
    outline: 0; }

a {
  text-decoration: none; }

img,
svg {
  max-width: 100%;
  height: auto; }

iframe {
  display: none; }

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading span,
.wf-loading a,
.wf-loading p {
  visibility: hidden; }

.no-js h1,
.no-js h2,
.no-js h3,
.no-js h4,
.no-js h5,
.no-js h6,
.no-js span,
.no-js a,
.no-js p,
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active span,
.wf-active a,
.wf-active p,
.wf-inactive h1,
.wf-inactive h2,
.wf-inactive h3,
.wf-inactive h4,
.wf-inactive h5,
.wf-inactive h6,
.wf-inactive span,
.wf-inactive a,
.wf-inactive p {
  visibility: visible; }

.hide-caption figcaption {
  visibility: hidden;
  height: 0px; }

.no-br {
  white-space: nowrap; }

.txt-link {
  color: #179fda;
  text-decoration: underline; }
  .txt-link:hover {
    color: #158ec3; }

.main {
  max-width: 1220px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }

.header {
  text-align: center;
  padding-top: 5%;
  padding-bottom: 70%;
  position: relative; }
  @media (min-width: 600px) {
    .header {
      padding-bottom: 70%; } }
  @media (min-width: 768px) {
    .header {
      padding-bottom: 10%; } }

.header-w-partner {
  padding-top: 0%; }

.header-txt-mod {
  text-align: center;
  margin: 0 auto;
  max-width: 500px;
  position: relative;
  z-index: 2; }
  @media (min-width: 768px) {
    .header-txt-mod {
      padding: 5% 0;
      margin-left: 0%;
      min-width: 500px;
      width: 50%; } }
  @media (min-width: 968px) {
    .header-txt-mod {
      margin-left: 5%; } }
  @media (min-width: 1200px) {
    .header-txt-mod {
      margin-left: 10%; } }

.header-w-partner .header-txt-mod {
  padding: 6% 0 0; }

.logo-figure {
  display: block; }

.logo-link {
  display: block;
  margin: 10px auto;
  max-width: 60px; }
  @media (min-width: 600px) {
    .logo-link {
      max-width: 70px; } }

.header-title {
  color: #666;
  font-size: 2.25rem;
  font-weight: 100;
  margin-bottom: 16px; }
  @media (min-width: 400px) {
    .header-title {
      font-size: 2.625rem; } }
  @media (min-width: 600px) {
    .header-title {
      font-size: 3.375rem; } }

.hero-figure {
  background-image: url("../images/img-hero-mobile-0a8a3d3432.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom left;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1; }
  @media (min-width: 768px) {
    .hero-figure {
      background-image: url("../images/img-hero-35bd4cc09f.png");
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      background-position: top left;
      background-size: cover;
      max-width: 1000px;
      right: 0;
      left: auto; } }

.btn-primary, .cta-submit-btn {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #179fda;
  display: inline-block;
  font-family: "din-all", "din-init", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #fff;
  border-radius: 100px;
  font-size: 1.125rem; }
  .btn-primary:focus, .cta-submit-btn:focus {
    outline: 0; }
  .btn-primary:hover, .cta-submit-btn:hover {
    background-color: #158ec3;
    cursor: pointer; }

.header-cta {
  margin: 0 auto 24px;
  padding: 12px 48px; }

.btn-clear {
  border: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "din-all", "din-init", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #179fda;
  cursor: pointer;
  border-radius: 100px;
  font-size: 1rem; }
  .btn-clear:focus {
    outline: 0; }

.header-play-btn {
  width: 250px; }

.icn-play-btn {
  width: 24px;
  height: 24px;
  margin-right: 3px; }

.video-length {
  color: #999; }

.partner-mod {
  margin-top: 48px; }
  @media (min-width: 768px) {
    .partner-mod {
      margin-top: 72px; } }

.partner-logo {
  max-width: 225px; }

.partner-txt {
  display: block;
  color: #999;
  font-size: 0.625rem;
  text-transform: uppercase; }
  @media (min-width: 400px) {
    .partner-txt {
      font-size: 0.75rem; } }

.nav {
  background-color: #fff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: -50px;
  left: 0;
  max-height: 80px;
  width: 100%;
  z-index: 3; }
  .nav .no-boxshadow {
    border: 1px solid 1px solid #eee; }
  .nav.is-fixed {
    position: fixed;
    bottom: auto;
    top: 0;
    max-width: 1220px;
    left: auto;
    right: auto; }

.is-fixed .nav-progressBar {
  top: 0;
  left: 0;
  height: 2px;
  background-color: #179fda;
  position: absolute; }

.nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .nav-list .no-flexbox:after {
    content: "";
    display: table;
    clear: both; }

.nav-item {
  border-right: 1px solid #eee;
  min-height: 50px;
  padding: 8px;
  text-align: center;
  width: 33.33%; }
  .no-flexbox .nav-item {
    float: left;
    width: 33%; }
  .no-flexbox .is-fixed .nav-item {
    width: 25%; }
  .nav-item:hover {
    cursor: pointer;
    background-color: #fcfcfc; }
  @media (min-width: 600px) {
    .nav-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .no-flexbox .nav-item {
        float: left;
        width: 25%; }
      .no-flexbox .is-fixed .nav-item {
        width: 20%; } }
  @media (min-width: 968px) {
    .nav-item {
      min-height: 75px; } }

.nav-item--delivery {
  display: none; }
  @media (min-width: 768px) {
    .nav-item--delivery {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .no-flexbox .nav-item--delivery {
        display: block; } }

.nav-icn {
  width: 40px;
  height: 40px; }
  @media (min-width: 600px) {
    .nav-icn {
      margin-right: 5px; } }

.nav-link,
.nav-link--mobile {
  color: #666; }

.nav-link {
  display: none; }
  @media (min-width: 600px) {
    .nav-link {
      display: block;
      width: 100%; } }

.nav-link--mobile {
  font-size: 0.875rem;
  display: block; }
  @media (min-width: 600px) {
    .nav-link--mobile {
      display: none; } }

.nav-item--cta {
  width: 0px;
  min-width: 0px;
  padding: 0px;
  margin: 0px;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .is-fixed .nav-item--cta {
    min-width: 150px;
    visibility: visible; }
    @media (min-width: 600px) {
      .is-fixed .nav-item--cta {
        width: 20%;
        min-width: 20%; } }
  .no-flexbox .nav-item--cta {
    padding: 16px 12px; }

.nav-cta {
  -webkit-transform: translateY(-150px);
          transform: translateY(-150px);
  font-size: 1rem;
  padding: 12px 24px;
  -webkit-transition: all 0.5s ease-in-out 0.6s;
  transition: all 0.5s ease-in-out 0.6s; }
  @media (min-width: 600px) {
    .nav-cta {
      padding: 12px 25%;
      min-width: 130px;
      font-size: 1rem; } }
  .is-fixed .nav-cta {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }

.nav-cta-today-txt {
  display: none; }

.signup-modal {
  background-color: #179fda;
  background-color: rgba(23, 159, 218, 0.9);
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
  height: 0px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out 0s;
  transition: opacity 0.2s ease-in-out 0s; }
  .signup-modal.is-open {
    height: 100%;
    visibility: visible;
    opacity: 1; }

.signup-modal-overlay {
  background-color: transparent;
  position: absolute;
  height: 100%;
  width: 100%; }

.signup-modal-card {
  background-color: #fff;
  margin: 10% auto 35px;
  padding: 32px 24px;
  max-width: 470px;
  width: 90%;
  -webkit-transform: translateY(200%);
          transform: translateY(200%);
  -webkit-transition: all 0.25s ease-in-out 0.2s;
  transition: all 0.25s ease-in-out 0.2s;
  border-radius: 5px;
  text-align: center; }
  @media (min-width: 600px) {
    .signup-modal-card {
      padding: 50px 50px;
      width: 75%; } }
  .is-open .signup-modal-card {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

.section {
  position: relative;
  overflow: hidden; }

.section-inner {
  max-width: 960px;
  margin: 0 auto;
  position: relative; }

.section-txt-mod {
  max-width: 90%;
  margin: 0 auto;
  padding-top: 10%;
  position: relative;
  text-align: center;
  z-index: 2; }
  @media (min-width: 600px) {
    .section-txt-mod {
      max-width: 450px; }
      .section-txt-mod.is-centered {
        margin: 0 auto;
        max-width: 500px; } }

.section-img {
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 1; }

.section-h {
  font-size: 2rem;
  font-weight: 100;
  margin-bottom: 8px; }
  .section-h:after {
    content: "\0020";
    background-color: #179fda;
    display: block;
    margin: 12px auto;
    position: relative;
    height: 4px;
    width: 50px; }
  @media (min-width: 600px) {
    .section-h {
      font-size: 2.625rem; } }

.section-p {
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.4375rem;
  margin-bottom: 24px; }

.section--meds {
  background-color: #f8f8f8;
  background: -webkit-linear-gradient(#f8f8f8, #ffffff);
  background: linear-gradient(#f8f8f8, #ffffff); }
  @media (min-width: 768px) {
    .section--meds {
      padding-bottom: 15%; } }
  .section--meds .section-txt-mod {
    margin-bottom: 24px;
    padding-top: calc(7.5% + 50px); }
    @media (min-width: 768px) {
      .section--meds .section-txt-mod {
        padding-bottom: 0px;
        margin-left: 2.5%;
        margin-top: 5%; } }

.section-img--meds {
  background-image: url("../images/inbox-shipment-2c1f951f7b.png");
  background-size: 100%;
  bottom: 0;
  position: relative;
  padding-bottom: 62.5%;
  width: 100%; }
  @media (min-width: 768px) {
    .section-img--meds {
      position: absolute;
      height: 100%;
      top: 0;
      right: -25%;
      width: 88%; } }

.img-med-icons {
  max-width: 220px; }

.section--deliver {
  background-color: #f8f8f8;
  min-height: 500px; }

@media (min-width: 600px) {
  .section--deliver .section-txt-mod {
    padding-top: 175px;
    margin-left: 55%; } }

.section-img--deliver {
  background-image: url("../images/img-unveal-6011c70c08.png");
  background-size: cover;
  padding-bottom: 100%;
  position: relative;
  width: 100%; }
  @media (min-width: 600px) {
    .section-img--deliver {
      width: 50%;
      position: absolute;
      padding-bottom: 0;
      top: 0;
      left: 0;
      height: 100%; } }
  @media (min-width: 768px) {
    .section-img--deliver {
      width: 500px;
      max-width: 50%; } }

.section--service:after {
  content: "\0020";
  display: block;
  height: 1px;
  border-bottom: 1px solid #eee;
  margin: 0 auto;
  width: 95%; }

.section--service .section-txt-mod {
  margin-bottom: 50px; }

.section-img--pharmacists {
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 35%;
  position: relative;
  left: -12.5%;
  width: 125%;
  background-image: url("../images/img-pharmacists-a5f085a90e.png");
  background-repeat: no-repeat;
  background-size: 100%; }
  @media (min-width: 400px) {
    .section-img--pharmacists {
      left: 0px;
      padding-bottom: 24%;
      width: 85%; } }

.section--cost {
  background: -webkit-linear-gradient(#f8f8f8, #ffffff);
  background: linear-gradient(#f8f8f8, #ffffff); }

.section--cost .section-txt-mod {
  padding-bottom: 10%; }

.br-section-h--cost {
  display: none; }
  @media (min-width: 600px) {
    .br-section-h--cost {
      display: block; } }

.section-img--cost {
  margin-bottom: 24px; }

.trustmark-img {
  display: inline-block;
  max-width: 90px;
  margin-right: 20px; }

.trustmark-txt {
  color: #999;
  display: inline-block;
  text-transform: uppercase;
  margin-top: 20px; }

.section--cta {
  background-color: #179fda; }
  @media (min-width: 600px) {
    .section--cta {
      background-image: url("../images/img-cta-shipment-bg-d82cd977a6.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; } }

.cta-card {
  margin: 10% auto 10px;
  padding: 32px 24px;
  max-width: 470px;
  width: 90%;
  background-color: #fff;
  border-radius: 5px;
  text-align: center; }
  @media (min-width: 600px) {
    .cta-card {
      margin-bottom: 35px;
      padding: 50px 50px;
      width: 75%; } }

.cta-title-txt {
  font-weight: 100;
  margin-bottom: 24px;
  font-size: 2.25rem; }
  @media (min-width: 600px) {
    .cta-title-txt {
      font-size: 2.625rem; } }
  @media (min-width: 600px) {
    .cta-title-txt {
      font-size: 3.375rem; } }

.cta-email-label {
  display: block;
  margin-bottom: 16px; }

.cta-email-input {
  color: #666;
  padding: 12px 8px;
  margin-bottom: 24px;
  width: 100%;
  border: 1px solid #eee;
  font-size: 1.25em;
  text-align: center; }

.cta-submit-btn {
  background-color: #54D25B;
  padding: 16px 32px;
  width: 100%; }
  .cta-submit-btn:hover {
    background-color: #33c03b; }
  @media (min-width: 600px) {
    .cta-submit-btn {
      min-width: 280px; } }

.cta-contact-mod {
  max-width: 320px;
  margin: 0 auto 10%; }
  @media (min-width: 600px) {
    .cta-contact-mod {
      max-width: 470px; } }

@media (min-width: 600px) {
  .cta-contact-options {
    margin-left: -20px; }
    .cta-contact-options:after {
      content: "";
      display: table;
      clear: both; }
    .cta-contact-options > * {
      float: left;
      padding-left: 20px;
      width: 50%; }
    .cta-contact-options > *:nth-child(1n) {
      clear: none; }
    .cta-contact-options > *:nth-child(2n + 1) {
      clear: both; } }

.cta-contact-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 150%;
  text-align: center;
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
  color: #fff; }
  @media (min-width: 600px) {
    .cta-contact-option {
      width: 50%;
      padding: 0;
      margin: 0;
      display: block; } }

.cta-contact-option--phone {
  border-bottom: 1px solid #fff; }
  @media (min-width: 600px) {
    .cta-contact-option--phone {
      border-bottom: none; } }

.cta-contact-icn {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  border: 2px solid #fff;
  margin: 0 auto 8px;
  padding: 10px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.cta-contact-txt-mod {
  width: calc(100% - 60px); }
  @media (min-width: 600px) {
    .cta-contact-txt-mod {
      width: 100%; } }

.cta-contact-txt {
  display: block; }

.footer {
  background-color: #666;
  color: #fff;
  font-size: 0.75rem;
  line-height: 160%;
  padding: 12px 16px; }

.footer-inner {
  margin: 0 auto;
  text-align: center; }
  @media (min-width: 600px) {
    .footer-inner {
      margin-left: -20px;
      text-align: left;
      margin: 0 auto; }
      .footer-inner:after {
        content: "";
        display: table;
        clear: both; }
      .footer-inner > * {
        float: left;
        padding-left: 20px;
        width: 50%; }
      .footer-inner > *:nth-child(1n) {
        clear: none; }
      .footer-inner > *:nth-child(2n + 1) {
        clear: both; } }

@media (min-width: 600px) {
  .footer-links {
    text-align: right; } }

.footer-link {
  color: #fff;
  text-decoration: underline; }
  .footer-link:first-child {
    margin-right: 8px; }

.cta-call-primaryTxt,
.cta-call-secondaryTxt {
  display: block; }

.cta-call-secondaryTxt {
  font-size: 0.75rem;
  font-weight: 300;
  margin-top: 5px;
  text-transform: uppercase;
  opacity: 0.75; }