@font-face {
  font-family: "Graphik";
  src: url("../../fonts/Graphik-Regular-Web.eot");
  src: url("../../fonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Graphik-Regular-Web.woff2") format("woff2"),
    url("../../fonts/Graphik-Regular-Web.woff") format("woff"),
    url("../../fonts/Graphik-Regular-Web.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik";
  src: url("../../fonts/Graphik-RegularItalic-Web.eot");
  src: url("../../fonts/Graphik-RegularItalic-Web.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/Graphik-RegularItalic-Web.woff2") format("woff2"),
    url("../../fonts/Graphik-RegularItalic-Web.woff") format("woff"),
    url("../../fonts/Graphik-RegularItalic-Web.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik";
  src: url("../../fonts/Graphik-Medium-Web.eot");
  src: url("../../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Graphik-Medium-Web.woff2") format("woff2"),
    url("../../fonts/Graphik-Medium-Web.woff") format("woff"),
    url("../../fonts/Graphik-Medium-Web.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik";
  src: url("../../fonts/Graphik-Semibold-Web.eot");
  src: url("../../fonts/Graphik-Semibold-Web.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Graphik-Semibold-Web.woff2") format("woff2"),
    url("../../fonts/Graphik-Semibold-Web.woff") format("woff"),
    url("../../fonts/Graphik-Semibold-Web.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Graphik";
  src: url("../../fonts/Graphik-Bold-Web.eot");
  src: url("../../fonts/Graphik-Bold-Web.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Graphik-Bold-Web.woff2") format("woff2"),
    url("../../fonts/Graphik-Bold-Web.woff") format("woff"),
    url("../../fonts/Graphik-Bold-Web.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}
body,
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p {
  font-family: "Graphik", "Helvetica Neue", Helvetica,sans-serif !important;

}

a.primary,
a.primary:visited  {
  text-decoration: none;
  color: #363e48;
  background-image: linear-gradient(to right, #f16426, #f99747),
    linear-gradient(#fae8df, #fae8df);
  background-repeat: no-repeat;
  background-position: bottom, 0 0;
  background-size: 100% 2px, 0 100%;
}
a.primary:focus,
a.primary:hover {
  background-size: 100% 2px, 100% 100%;
  transition: 0.5s;
  color: #363E4B;
}


/*.bold, strong, b, h1, h2, h3 {
  font-weight: 600 !important;
}*/
@media (min-width: 40em) {
  .logo--ob #logo {
      background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/nkf-logo.svg')  !important;
  }
}
.logo--ob #logo {
  background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/nkf-logo.svg') !important;
  width: 300px !important;
}
.awareness .url-textfield {
  display: none;
}

.awareness {
  font-size: 16px;
}
.font-size--18 {
  font-size: 18px;
}
.font-size--22 {
  font-size: 22px;
}
.awareness.print-version {
  font-size: 13.75px;
}

.bg--dark {
  background-color: #191919;
}
.awareness section {
  padding-left: 1rem;
  padding-right: 1rem;
}
.awareness .prose {
  max-width: 45rem;
}
.awareness .awareness-form,
.awareness .logos  {
  max-width: 42rem;
}


.step .form-type-radios {
    min-height: 216px;
}
.lead {

}
ul {
    padding-left: 2rem;
}
video {
  max-width: 100% !important;
  height: auto;
  max-height: 100%;
  display: inline-block;
}

.awareness input[type=text] {
  border: 3px solid #e9e9e9;
  border-radius: 50px;
}

.field-name-field-base-email .description {
  padding-top: 1rem;
}
.field-name-field-base-email label {
  max-width: 450px;
}

#edit-field-height {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 320px;
}
#edit-field-height .field-widget-number {
  width: 50%;
}
#edit-field-height .form-type-textfield {
  display: flex;
  align-items: center;
}
#edit-field-height > label {
  width: 100%;
}
#edit-field-height input {
  width: 100%;
}
#edit-field-height .field-suffix {
  padding-left: 3px;
}
.form-required {
  display: none;
}

nav div div:not(:first-child) {
  display: none !important;
}
footer {
  display: none !important;
}
.footer {
  border-top: 1px solid #fff;
}
.button--gradient {
  border-radius: 1000px;
  box-sizing: border-box;
  display: inline-block;
  padding: 3px;
  position: relative;
  text-decoration: none;
  z-index: 2;
  font-weight: 500;
  max-height: 45px;
  background-repeat: initial;
  background-image: linear-gradient(to right,#f05e22,#f99747);
}
.button--gradient span,
.button--gradient input {
  padding: 10px 20px;
  border-radius: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  line-height: 1;
  font-weight: 500;
  background-image: linear-gradient(to right,#fff,#fff);
  background-repeat: no-repeat;
  background-position: 100% 100%,0 0;
  background-size: 200% 100%,100% 100%;
  transition: background-image .5s;
  color: #3b444f !important;
  font-size: 18px !important;

}
.button--gradient span:hover {
  background-image: linear-gradient(to right,#fff,#fff),linear-gradient(to right,#fcbe70,#fff);
  background-size: 0 100%,100% 100%;
  transition: .5s;
}

.next, .prev, .prev-next .form-submit {
  padding: .75rem 1.5rem !important;
  font-size: 1rem;
  font-weight: normal !important;
  text-transform: none !important;
  letter-spacing: .05rem !important;
}
.prev-next .next,
.awareness .button--yellow, .awareness input[type=submit].button--yellow {
  background: linear-gradient(90deg, #F05E22 0%, #F99747 100%);
  color: #fff !important;
  font-size: 18px;
}
.prev-next .next:hover,
.awareness .button--yellow:hover, .awareness input[type=submit].button--yellow:hover {
  color: #fff !important;
}
.prev-next .prev {
  text-decoration: none;
  color: #363e48;
  background-image: linear-gradient(to right, #f16426, #f99747),
    linear-gradient(#fae8df, #fae8df);
  background-repeat: no-repeat;
  background-position: bottom, 0 0;
  background-size: 100% 2px, 0 100%;
  padding: 0 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  margin-right: 22px;
}
.prev-next .prev:focus,
.prev-next .prev:hover {
  background-size: 100% 2px, 100% 100%;
  transition: 0.5s;
}

.prev-next .bold {
  font-weight: 500;
}

.prev-next > div {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}
.awareness .icon  {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 20px;
}
.awareness .icon img {
  max-width: 75px;
}
.awareness .icon p {
  padding-left: 2rem;
  text-align: left;
  font-size: 16px;
  letter-spacing: .15px;
}
.awareness .icon .font-weight--600 {
  letter-spacing: .5px;
}
@media (min-width: 52em) {
  .awareness .form-radios {
    flex-direction: row;
  }
  .awareness .icon  {
    flex-direction: column;
  }
  .awareness .icon img{
    max-height: 100px;
    max-width: none;
    padding-bottom: 1rem;
  }
  .awareness .icon p {
    padding-left: 0;
    text-align: center;
  }
}

.awareness-results h1 {
  font-size: 4rem;
  line-height: 1;
  display: inline-block;
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
  padding: 2rem 0;
}
.awareness-results h1.are-not {
  font-size: 2.9rem;
  line-height: 1;
  display: inline-block;
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
}
.awareness-results.spanish h1 {
  font-size: 3.4rem;
}
.awareness-results.spanish h1.are-not {
  font-size: 2rem;
}
.awareness-results.spanish h1.maybe {
  font-size: 1.68rem;
}
.awareness-results h1.maybe {
  font-size: 2.8rem;
  line-height: 1;
  display: inline-block;
  text-align: left;
  font-weight: normal;
  text-transform: uppercase;
}
.awareness-results h1 div {
  font-size: 4.3rem;
  font-weight: bold;
}


@media (min-width: 30em) {
  .awareness-results h1 {
    font-size: 5rem;
    line-height: 1;
  }
  .awareness-results.spanish h1 {
    font-size: 4.4rem;
  }
  .awareness-results h1.are-not {
    font-size: 3.8rem;
  }
  .awareness-results.spanish h1.are-not {
    font-size: 2.68rem;
  }
  .awareness-results.spanish h1.maybe {
    font-size: 2.4rem;
  }
  .awareness-results h1 div {
    font-size: 5.5rem;
  }

  .maybe .bold {
    letter-spacing: 6px;
  }
}
.awareness-results .results-list  {
  padding-bottom: 110px;
  background-size: 100% 100%;
  background-position: center;
}
.factor-count-1 {
  background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/frame4.png');
}
.factor-count-2 {
  background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/frame5.png');
}
.factor-count-3 {
  background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/frame6.png');
}
.factor-count-4 {
  background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/frame6.png');
}
.factor-count-5 {
  background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/frame6.png');
}
@media (min-width: 40em) {
  .factor-count-1 {
    background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/frame0.png');
  }
  .factor-count-2 {
    background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/frame1.png');
  }
  .factor-count-3 {
    background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/frame2.png');
  }
  .factor-count-4 {
    background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/frame4.png');
  }
  .factor-count-5 {
    background-image: url('/profiles/kidneys_distro/modules/custom/kidneys_spe/images/frame5.png');
  }
}
.awareness-results .risk-desc {
  max-width: 90%;
}
.awareness-results .risk-icon {
  max-width: 100px;
}
.awareness-results .risk-icon img {
  min-width: 50px;
}
@media (min-width: 35em) {
  .awareness-results .risk-icon img {
    min-width: 90px;
  }
}

.awareness-results .results-list h2 {
  font-weight: normal;
  font-size: 1.3rem;
}
.awareness-results .results-list h2 div{
  font-weight: bold;
  font-size: 2rem;
}
.awareness-results .form-item label {
  display: none;
}
/*
.awareness-results .form-text {
  border: 2px solid #f15e22;
  border-radius: 5px;
  padding: 28px 15px;
}
.awareness-results .form-text::placeholder {
  font-style: italic;
}
.awareness-results .form-item label {
  color: #f15e22;
  position: relative;
  top: 12px;
  left: 25px;
  display: table !important;
  background-color: #fff;
  padding: 0 7px;
  font-weight: normal !important;
  margin: 0;
}
*/
.highlight-section {
  position: relative;
  top: -28px;
}
.highlight-section div {
  position: relative;
  top: 28px;
  left: 25px;
  display: table !important;
  background-color: #fff;
  padding: 0 12px;
  margin: 0;
}
.highlight-section ol {
  border: 2px solid #f15e22;
  border-radius: 5px;
  padding: 20px 40px;
}

.button--orange--outline {
  display: inline-block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  line-height: normal;
  padding: 9px 16px;
  padding: .563rem 1rem;
  height: auto;
  border-width: 2px;
  border-style: solid;
  vertical-align: middle;
  border-radius: 7px;
  vertical-align: middle;
  text-align: center;
  z-index: 2;
  line-height: normal;
  box-sizing: border-box;
  margin: 0;
  -webkit-appearance: none;
  border-color: #f15e22;
  background-color: transparent;
  color: #f15e22;
  font-weight: bold;
}
.button--orange--outline:visited {
  color: #f15e22;
}
.button--orange--outline:hover {
  color: #d74908;
  border-color: #d74908;
}
.contact-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 500px;
}
.contact-wrapper > .field-name-field-base-first-name,
.contact-wrapper > .field-name-field-base-last-name {
  width: 50%;
}
.contact-wrapper > .field-name-field-base-first-name {
  padding-right: .5rem;
}
.contact-wrapper > .field-name-field-base-last-name {
  padding-left: .5rem;
}
.contact-wrapper > .field-name-field-base-email,
.contact-wrapper > .field-name-field-base-email input {
  width: 100%;
}
.awareness .contact-form {
  text-align: center;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.contact-form-wrapper {
  max-width: 465px;
}

.contact-form .throbber {
  display: none;
}
.form-confirmation {
  font-size: 22px;
  font-weight: 500;
}
.contact-form .email-field {
  height: 42px;
}
.contact-form .message {
  padding-top: .75rem;
}
.awareness .form-item-first-name {
  width: 100%;
}
.awareness .form-item-last-name {
  width: 100%;
}
@media (min-width: 40em) {
  .awareness .form-item-first-name {
    width: 50%;
    padding-right: 5px;
  }
  .awareness .form-item-last-name {
    width: 50%;
    padding-left: 5px;
  }
}
.awareness .form-item-email {
  width: 100%;
}

.contact-form .button--gradient{
  position: absolute;
  right: 0px;
  bottom: 0.563rem;
  max-height: 42px;
}

.initiative-partner-logos .logo-container  {
  max-width: 350px;
}
.strategic-partner-logos .logo-container  {
  max-width: 250px;
}
.tri-logo {
  margin-top: -45px;
}
.tri-logo-nkf {
  width: 40%;
  padding: .5rem;
}
.tri-logo-hhs {
  width: 24%;
  padding: .6rem;
}
.tri-logo-asn {
  width: 36%;
  padding: .85rem;
}
@media (min-width: 40em) {
  .tri-logo {
    margin-top: -65px;
  }
  .tri-logo-nkf {
    width: 40%;
    padding: 1.1rem;
  }
  .tri-logo-hhs {
    width: 24%;
    padding: 1.2rem;
  }
  .tri-logo-asn {
    width: 36%;
    padding: 1.5rem;
  }
}

.logo-otsuka  img {
  max-height: 80px;
}
.logo-bayer img {
  max-height: 120px;
}
.bayer .logo-bayer img {
  max-height: 175px;
}
.action-step {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
@media (min-width: 40em) {
  .action-step {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
}
.action-step:first-child {
  padding-top: 2.369rem !important;
}
.action-step:last-child {
  padding-bottom: 2.369rem !important;
}
.binder {
  width: 91%;
  display: block;
  margin: -19% auto;
}
.printed-logo.print--show {
  display: none !important;
}

.contact-form .message {

}
.contact-form .message {
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.awareness .form-item input.error {
  border-width: 2px;
}
@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.05);}
  100% {transform: scale(1);}
}
.contact-form .message {
  animation-name: pulse;
  animation-duration: 1.8s;
}

@media print {
  html {
      font-size: 13px !important;
  }
}

.hide-name .form-item-first-name,
.hide-name .form-item-last-name {
  display: none !important;
}

.horizontal-line {
  content: " ";
  height: 1px;
  width: 100%;
  background-color: #fff;
}
.cvs-icon {
  width: 50px;
  flex-basis: 50px;
  flex-shrink: 0;
}
.cvs-icon img {
  display: block;
}
.cvs-desc {
  flex-shrink: 1;
}

.step.processed {
  position: relative;
}
/*
.field-name-field-base-race-ethnicity-other {
    position: absolute;
    bottom: 80px;
    width: 80%;
    right: 0px;
}
*/
#spe-return-awareness {
  border-top: 1px solid;
}


.next-sections {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-top: 3px solid #F1F1F1;
}
.bayer #healthyio-section {
  order: 2;
}
.bayer #risk-section {
  order: 3;
}
.bayer #test-section {
  order: 1;
}
.next-section .header {
  cursor: pointer;
}
.next-section.collapsed .details {
  display: none;
}

.next-section i::before {
  transform: rotate(180deg);
}
.next-section.collapsed i::before {
  transform: none;
}

.next-section .header {
  border-bottom: 3px solid #F1F1F1;
}/*
#healthyio-section .header,
#risk-section .header,
#cvs-section .header {
  border-top: 3px solid #F1F1F1;
  border-bottom: 3px solid #F1F1F1;
}
#test-section .header {
  border-bottom: 3px solid #F1F1F1;
}*/
.detail {
  border-bottom: 3px solid #F1F1F1;
}

.rule--black {
  border-top: 1px solid #000000;
  height: 1px;
}
.rule--white {
  border-top: 1px solid #fff;
  height: 1px;
}

.letter-spacing--2 {
  letter-spacing: .2px
}

.share-icons a {
  background-repeat: no-repeat;
  background-size: contain;
  width: 55px;
  height: 55px;
  background-position: center;
  display: inline-block;
  margin: 10px;
}
.share-icon-facebook {
  background-image: url(../images/share-facebook.svg);
}
.share-icon-facebook:hover {
  background-image: url(../images/share-facebook-hover.svg);
}
.share-icon-twitter {
  background-image: url(../images/share-twitter.svg);
}
.share-icon-twitter:hover {
  background-image: url(../images/share-twitter-hover.svg);
}
.share-icon-email {
  background-image: url(../images/share-email.svg);
}
.share-icon-email:hover {
  background-image: url(../images/share-email-hover.svg);
}
.share-icon-chat {
  background-image: url(../images/share-chat.svg);
}
.share-icon-chat:hover {
  background-image: url(../images/share-chat-hover.svg);
}
.translate {
  position: absolute;
  right: 1rem;
  top: -3rem;
  font-weight: 500;
}
.awareness-form {
  position: relative;
}
.awareness-form .translate {
  top: 37px;
  right: 32px;
}
@media (min-width: 40em) {
  .awareness-form .translate {
    top: 44px;
  }
}
.callout li {
  padding-bottom: 9px;
}
.awareness h3 {
  font-weight: 400;
}
.awareness .font-weight--500 {
    font-weight: 500;
}
.print-version h3 {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1rem;
}

#cvs-section  .form-item input {
  width: 100%;
  max-width: 250px;
}
#cvs-section .contact-form .button--gradient {
  position: inherit;
}

.healthyio-iframe {
  overflow: hidden;
  border: none;
  height: 1035px;
}
.healthyio-icons-wrapper {
  border-bottom: 3px solid #F1F1F1;
}
.healthyio-icon-wrapper {
  width: 100%;
  padding: 0 16px 8px;
}
@media only screen and (min-width: 385px) {
  .healthyio-iframe {
    height: 995px;
  }
}
@media only screen and (min-width: 548px) {
  .healthyio-iframe {
    height: 650px;
  }
  .healthyio-icon-wrapper {
    width: 33.3333%;
  }
}
input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}