/*


 */

html {
  scroll-behavior: smooth; }

body {
  background: #FFF;
  color: #616163;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 25px;
  margin: 0;
  padding: 0; }

h1 {
  font-size: 55px;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  h1 strong {
    font-weight: 600; }

h2 { font-size: 21px; }
h3 { font-size: 21px; }
h4 { font-size: 17px; }

h1, h2, h3, h4 { color: #333; }

a {
  color: #00A1DD;
  text-decoration: underline;
}
a:hover { text-decoration: none; }

section {
  margin: 0 auto;
  max-width: 925px;
  padding: 40px 0; }

#outer {
  background: #F7F5F2;
  margin-top: 30px;
  padding: 70px 0 70px 0;
  width: 100%;
  max-width: 100%; }

.left {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  max-width: 45%;
  padding: 20px 4% 20px 0; }
.right {
  display: inline-block;
  text-align: left;
  width: 45%;
  max-width: 100%;
  padding: 20px 0 20px 4%; }

.stripe {
  width: 100%;
  background: #F7F5F2;
}

/* Header
--------------------------------------------------*/
#header_wrap {
  min-height: 74px;
  position: sticky;
  top: 0;
  z-index: 10; }
  header {
    background: #FFF;
    overflow: hidden;
    border-bottom: 1px solid #CCC; }
    header a.logo {
      background: url(/images/marketing/logo_2x.png) no-repeat;
      background-position: 30px 18px;
      background-size: 170px 35px;
      float: left;
      text-indent: -5000px;
      height: 53px;
      width: 200px; }
    header nav {
      margin: 0; }
      header nav ul {
        float: left;
        margin: 0 0 0 20px;
        padding: 0;
        list-style: none; }
        header nav ul li {
          display: inline-block;
          padding: 24px 0; }
          header nav li a {
            margin-left: 30px;
            padding: 25px 0;
            color: #222;
            opacity: 0.5;
            transition: opacity .1s linear;
            font-size: 13px;
            text-decoration: none;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px; }
            header nav a:hover,
            header nav a:active,
            header nav a.active {
              text-decoration: none;
              opacity: 1; }

      body.index header nav ul li.home a,
      body.physician header nav ul li.physician a,
      body.pharmacy header nav ul li.pharmacy a,
      body.leadership header nav ul li.leadership a,
      body.connect header nav ul li.connect a,
      body.contact_request header nav ul li.connect a,
      body.connect_thanks header nav ul li.connect a {
              opacity: 1;
            }

        header div.login a {
          float: right;
          font-size: 11px;
          margin: 20px 40px 0 0;
          padding: 4px 10px; }


/* Hero
--------------------------------------------------*/

#hero_wrap {
  background: url(/images/marketing/hero_new4.jpg) no-repeat;
  background-size: cover;
  background-position: center -220px;
  height: 540px;
  width: 100%; }
  #hero_wrap.secondary {
    background: url(/images/marketing/hero_secondary.jpg) no-repeat;
    background-size: 140%;
    background-position-y: -550px;
    height: 160px; }
    body.pharmacy #hero_wrap.secondary {
      height: 227px; }
  #hero_wrap #hero {
    margin: 0 auto;
    width: 965px;
    max-width: 100%; }
    #hero_wrap #hero h1 {
      color: #333;
      font-weight: 100;
      line-height: 60px;
      letter-spacing: -2px;
      padding: 55px 15px 0 20px;
      text-shadow: 1px 1px #000;
      text-shadow: 0px 0px 20px #FFF;
      filter: dropshadow(color=#000, offx=0, offy=0);
      max-width: 60%; }
      #hero_wrap.secondary #hero h1 {
        max-width: 100%;
        color: #FFF;
        font-weight: bold;
        text-shadow: 0px 0px 20px #000; }
    #hero_wrap #hero p {
      font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Signika Negative', sans-serif;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased;
      color: #000;
      font-size: 16px;
      line-height: 23px;
      padding: 0 15px 40px 20px;
      text-shadow: 0px 0px 20px #FFF;
      filter: dropshadow(color=#000, offx=0, offy=0);
      max-width: 37%; }
    #hero_wrap #hero a {
      margin: 0 20px; }
    #hero_wrap #hero img {
      float: right;
      background-color: rgba(255,255,255,0.75);
      padding: 9px;
      border-radius: 8px;
      margin-top: -220px;
      margin-right: 20px;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35); }
      #hero_wrap #hero img + img {
        margin-top: -110px;
        background-color: rgba(255,255,255,0.45); }


/* Home
--------------------------------------------------*/

#side_by_side {
    clear: left;
    float: left;
    width: 100%;
    overflow: hidden;
    background: rgba(0, 99, 136, 0.9);
    margin-top: -245px;
    border-top: 8px solid #FFF; }
#side_by_side .sbs_left {
    float: left;
    width: 100%;
    position: relative;
    right: 50%;
    background: rgba(64, 185, 230, 0.4);
    border-right: 8px solid #FFF; }
#side_by_side .physicians,
#side_by_side .pharmacies {
    color: #FFF;
    float: left;
    padding: 10px 0 20px 0;
    position: relative;
    left: 50%;
    overflow: hidden;
    text-align: center;
    width: 50%; }
  #side_by_side h2 {
    color: #FFF;
    font-size: 38px;
    font-weight: 300;
    margin-bottom: 15px; }
  #side_by_side p {
    width: 400px;
    padding-bottom: 30px;
    margin: 0 auto; }
    #side_by_side p + p {
      xpadding-bottom: 40px; }
  #side_by_side .button {
    background: none;
    border: 3px solid #FFF;
    box-shadow: none;
    font-size: 12px;
    padding: 14px 17px; }
    #side_by_side .button:hover {
      background: #00A2DB; }


#features {
  clear: both;
  margin: 0 auto;
  text-align: center;
  width: 965px; }
  #features ul {
    padding: 30px 0 50px 0;
    width: 100%; }
    #features ul li {
      color: #888;
      display: inline-block;
      font-size: 13px;
      line-height: 18px;
      vertical-align: top;
      width: 30%; }
      #features ul li + li {
        padding: 0 4%; }
        #features ul li + li + li {
          padding: 0; }
      #features ul li h4 {
        color: #666;
        font-size: 14px;
        margin: 0 0 4px 0;
        text-transform: uppercase; }

  .index #screen_shot {
    padding-top: 90px;
    text-align: center; }
    .index #screen_shot img {
      max-width: 100%; }

.quote {
  color: #00A1DD;
  font-weight: 100;
  font-style: italic;
  font-size: 30px;
  line-height: 36px;
  margin: 0 auto;
  text-align: center; }
  .quote p {
    margin: 0 auto;
    width: 670px; }
    .quote p span {
      display: block;
      font-size: 17px; }


/* Main copy for Physician & Pharmacy
--------------------------------------------------*/


body.pharmacy p,
body.physician p {
  font-size: 20px;
  line-height: normal;
  color: #222;
}
body.pharmacy h2,
body.physician h2 {
  font-weight: 400;
  font-size: 36px;
  margin: 0;
  padding: 0;
  line-height: normal;
  color: #222;
}


/* Physician
--------------------------------------------------*/

body.physician .video {
  text-align: center;
}
  body.physician .video p.intro {
    max-width: 670px;
    margin: 15px auto 45px;
    }
    body.physician .video iframe {
      border: 25px #F7F5F2 solid;
      margin-bottom: 35px;
      }

/* Pharmacy
--------------------------------------------------*/
body.pharmacy div.left,
body.pharmacy div.right {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  padding: 20px 0 20px 0;
  margin: 0;
}
body.pharmacy div.w_550 {
  width: 550px;
  max-width: 100%;
  margin-right: 20px;
}
body.pharmacy div.w_450 {
  width: 450px;
  max-width: 100%;
}
body.pharmacy div.w_350 {
  width: 350px;
  max-width: 100%;
}
body.pharmacy div.w_470 {
  width: 470px;
  max-width: 100%;
}

body.pharmacy section.simple_data_collection {
   max-height: 415px;
   overflow:hidden;
   border-bottom: 1px solid #DDD;
}

body.pharmacy section#streamcare_advantage {}

body.pharmacy section#streamcare_advantage p {}

body.pharmacy section#streamcare_advantage p a {
  padding: 10px 15px;
  border: 1px solid #000;
  background-color: #FFF;
  border-radius: 4px;
  font-size: 30px;
  font-weight: 700;
  color: #000;
  opacity: .5;
  text-decoration: none;
  text-align: center;
}
body.pharmacy section#streamcare_advantage p a:hover,
body.pharmacy section#streamcare_advantage p a:active,
body.pharmacy section#streamcare_advantage p a.current {
  opacity: 1;
  border: 1px solid #20B5FF;
  box-shadow: 0 0 2px 0 #20B5FF;
}


/* Testimonials
--------------------------------------------------*/
section.testimonials {
  padding: 0;
  margin: -50px auto 40px auto;
}
body.physician p.testimonial,
body.pharmacy p.testimonial {
  background-color: #00A1DD;
  border-radius: 10px;
  padding: 20px 20px 65px;
  font-size: 18px;
  font-weight: 500;
  color: #FFF;
}
body.physician img.testimonial_photo,
body.pharmacy img.testimonial_photo {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: block;
  margin: -70px auto 0 auto;
  border: 2px solid #FFF;
}
body.physician p.testimonial_meta,
body.pharmacy p.testimonial_meta {
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 6px;
}
section div.left_third,
section div.center_third,
section div.right_third {
  display: inline-block;
  width: 292px;
  margin-right: 20px;
}
section div.right_third {
  margin-right: 0;
}



/* Content - Pages
--------------------------------------------------*/

.left h4,
.right h4 {
  margin-bottom: -15px; }

.physician h2 {
  font-weight: normal;
  font-size: 38px;
  margin-top: 0px;
  line-height: 38px;
}


/* Icon List
--------------------------------------------------*/

#value {
  margin-top: 30px;
  padding: 70px 0 70px 0;
  width: 100%;
  max-width: 100%; }
  #value ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 700px;
    max-width: 100%; }
    #value ul li {
      padding: 0 15px 35px 15px; }
      #value ul li h3 {
        color: #333;
        margin-bottom: 5px; }
      #value ul li p {
        font-size: 18px;
        padding: 0;
        margin: 0; }
      #value ul li .image {
        background-size: 82px 68px;
        background-repeat: no-repeat;
        float: left;
        margin: 20px 6% 40px 0;
        height: 68px;
        width: 82px; }
          #value ul li.e-prescribe .image {
            background-image: url(/images/marketing/icon_e-prescribe_2x.png); }
          #value ul li.inventory .image {
            background-image: url(/images/marketing/icon_inventory_2x.png); }
          #value ul li.billing .image {
            background-image: url(/images/marketing/icon_billing_2x.png); }
          #value ul li.compliance .image {
            background-image: url(/images/marketing/icon_compliance_2x.png); }
          #value ul li.support .image {
            background-image: url(/images/marketing/icon_support_2x.png); }
          #value ul li.supplies .image {
            background-image: url(/images/marketing/icon_supplies_2x.png); }



/* Other pages
--------------------------------------------------*/

section img {
  max-width: 100%; }
 section.bio {
   min-height: 200px; }
  .bio img {
    float: left;
    margin: 20px 35px 40px 0;
    -webkit-border-radius: 100px;
    border-radius: 100px;  }
  .bio p {
    width: 85%; }


/* Contact
--------------------------------------------------*/

  section.map {
    overflow: hidden; }
    section.map iframe {
      float: right; }

#contact_wrap {
  background: #EDEAE5;
  width: 100%;
  max-width: 100%;
  padding: 20px 0; }
  #contact_wrap #contact {
    font-size: 18px;
    margin: 0 auto;
    padding: 30px 20px 50px 20px;
    max-width: 925px; }
  #contact_wrap #contact h2 {
    margin: 0; }
  #contact_wrap #contact p {
    margin: 6px 0 0px 0; }
  #contact_wrap #contact fieldset {
    border: none;
    margin: 0;
    padding: 10px 20px 0 0; }
    #contact_wrap #contact fieldset label {
      display: block;
      font-size: 15px;
      padding: 20px 0 0 0; }
    #contact_wrap #contact fieldset .button {
      display: block;
      float: left;
      margin: 25px 20px 0 0; }

/* Footer
--------------------------------------------------*/

footer {
  background: #00A1DD;
  color: #FFF;
  font-weight: 100;
  font-size: 35px;
  padding: 60px 0px;
  text-align: center; }
  footer span {
    display: block;
    font-size: 12px;
    margin-top: 15px; }



/* Buttons and Forms
--------------------------------------------------*/

.button,
input.button {
  background: #00A2DB;
  color: #FFF;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  padding: 17px;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 1px 1px 1px #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-appearance: none;
  transition: all 0.15s ease-in-out; /* CSS3 */
  -webkit-transition: all 0.15s ease-in-out; /* Safari, Chrome */ }
  .button:hover {
    background: #0071A8;
    text-decoration: none; }
  .button.disabled,
  .button[disabled] {
    color: #333333;
    background-color: #e6e6e6; }
.button_lite {
  background: #40B9E6;
  text-decoration: none; }

.left .button,
.right .button {
    background: none;
    border: 3px solid #00A2DB;
    box-shadow: none;
    color: #00A2DB;
    display: inline-block;
    font-size: 12px;
    padding: 14px 17px; }
    .left .button:hover,
    .right .button:hover {
      background: #00A2DB;
      color: #FFF; }

input, textarea {
  border: 1px solid #CCC;
  color: #333;
  display: block;
  font-family: 'Helvetica Neue', Helvetica, Arial;
  font-size: 15px;
  font-weight: bold;
  outline: none;
  padding: 10px;
  resize: none;
  transition: all 0.15s ease-in-out; /* CSS3 */
  -webkit-transition: all 0.15s ease-in-out; /* Safari, Chrome */
  box-shadow: inset 0px 0px 0px 0px #EEE; /* CSS3 */
  -webkit-box-shadow: inset 0px 0px 0px 0px #EEE;  /* Safari, Chrome */
  border-radius: 3px; /* CSS3 */
  -webkit-border-radius: 3px; /* Safari, Chrome */ }
  input:focus,
  select:focus,
  textarea:focus { border: 1px solid #777; }

.input-normal { width: 250px; }
.input-large { width: 400px; }


/* ****************************
    RESPONSIVE STARTS HERE
*******************************/


.nav_mobile {
  display: none; }


/* Hero image resizing
--------------------------------------------------*/

@media screen and (max-width: 850px) {
 #hero_wrap {
    background-position: center -100px; }
    #hero_wrap #hero h1 {
      max-width: 75%; }
}

/* Mobile
--------------------------------------------------*/

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

nav {
  display: none; }

header {
  height: 100px !important; }
header a.logo {
  background-position: 10px 18px;
  width: 100% !important; }

 header .nav_mobile {
  display: inherit !important;
  margin: 10px 0 10px 0 !important; }
  header .nav_mobile ul {
    margin-top: 0px;
    margin-left: 0px; }
  header .nav_mobile ul li {
    padding: 10px 0 !important; }
    header .nav_mobile ul li a {
      font-size: 12px !important;
      letter-spacing: 0;
      padding: 10px 0 !important;
      margin-left: 15px !important; }
    header div.login a {
    margin-top: -35px;
    margin-right: 15px;
    padding: 5px 10px; }

  #hero_wrap {
    height: 350px;
    text-align: center; }
    #hero_wrap #hero h1  {
      font-size: 30px;
      line-height: 35px;
      padding: 30px 30px 0 30px;
      max-width: 100%; }
      #hero_wrap #hero p {
        max-width: 100%;
        padding: 0 50px; }
      #hero_wrap #hero img {
        display: none; }

  #hero_wrap.secondary {
    margin-bottom: 0 !important;
    height: 40px; }
  body.pharmacy #hero_wrap.secondary {
    margin-bottom: 0 !important;
    height: 90px; }
    #hero_wrap.secondary #hero h1 {
      color: #000;
      text-shadow: none;
      text-align: center;
      padding-left: 20px; }

  .video iframe {
    width: 400px;
    height: 224px; }
  #side_by_side {
   margin-top: -180px !important;
   margin-bottom: 50px;
   width: inherit; }
   #side_by_side .sbs_left {
     border: none;
     float: inherit;
     right: inherit;
     width: inherit; }
   #side_by_side .physicians,
   #side_by_side .pharmacies {
     display: block;
     float: inherit;
     padding: 0;
     position: inherit;
     left: inherit;
     width: inherit; }
    #side_by_side .physicians { padding-top: 15px; }
    #side_by_side .pharmacies { padding-bottom: 25px; }
     #side_by_side .physicians h2,
     #side_by_side .pharmacies h2 {
       font-size: 30px; }
     #side_by_side .physicians p,
     #side_by_side .pharmacies p {
       padding-left: 15px;
       padding-right: 15px;
       width: inherit; }

  .index #screen_shot {
    padding-top: 50px; }

  #features {
    width: inherit; }
    #features ul {
      padding-top: 0;
      width: inherit; }
      #features ul li,
      #features ul li + li,
      #features ul li + li + li {
        display: block;
        font-size: 16px;
        line-height: 25px;
        padding: 0 20px;
        width: inherit; }
        #features ul li h4 {
          font-size: 21px;
          margin: 30px 0 5px 0;
          text-transform: inherit;}

  #outer {
    margin-top: 0px;
    padding: 25px 0; }
    #outer .quote p {
      width: inherit;
      font-size: 16px;
      line-height: 22px;
      padding: 0 15px; }

section {
  width: 90% !important;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 0; }
body.pharmacy section.simple_data_collection {
   max-height: 780px; }

  #about {
    margin-top: -50px; }
    #about #screen_shot {
      height: 300px; }
    .left,
    .right {
      display: block;
      padding: 10px 0px;
      width: 90%;
      max-width: 100%; }

    .physician h2,
    .pharmacy h2 {
  font-size: 30px; }

  #about {
    margin-top: -100px; }

  #value {
    margin-top: 40px;
    padding: 50px 0 20px 0;
    width: 100% !important; }
    #value ul li {
      text-align: center;
      padding-left: 20px;
      padding-right: 20px; }
      #value ul li .image {
        display: block;
        float: none;
        margin: 20px auto 0px auto; }

  .bio img {
    display: block;
    float: none;
    margin: 20px auto 30px auto; }
  .bio p {
    width: 100%; }

  #contact_wrap #contact {
    margin: 0 auto !important;
    padding: 20px 0px 50px 20px !important; }
    #contact_wrap #contact h1 {
      font-size: 30px; }
  .map iframe {
    display: none; }

  .input-normal { width: 90%; }
  .input-large { width: 90%; }
}


@media screen and (max-width: 525px) {
  #hero_wrap {
    height: 400px;
    text-align: center; }

  footer {
    font-size: 16px;
    padding: 30px 0px 10px 0; }

}


/* Screen shot spacing better
--------------------------------------------------*/

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

    .video iframe {
      width: 250px;
      height: 140px; }
    #about #screen_shot {
      height: 300px; }
    #about #left,
    #about #right {
      padding: 0px 10px; }
    #value {
      margin: 0; }
}

div.recaptcha {
  margin-top: 25px;
}

#notice {
  width: 100%;
  margin: 0 auto;
  background-color: #FFF;
  padding: 15px 20px;
  font-size: 16px;
  color: #000;
  margin-bottom: 20px; }
  #notice.error {
    background-color: #f2dede;
    color: red; }