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

html {
  font-size: 16px;
}

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;
}



.si-float-wrapper {
  position: absolute;
  width: 100%;
}

.si-float-wrapper,
.si-float-wrapper * {
  box-sizing: border-box;
}

[class*=si-wrapper] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  cursor: default;
}

.si-wrapper-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -40px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

.si-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.si-wrapper-left {
  margin-top: -20px;
  margin-left: -11px;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.si-wrapper-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: -20px;
  margin-left: 11px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

[class*=si-shadow-wrapper] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.29804;
  z-index: 1;
}

.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.si-shadow-frame {
  box-shadow: 0 1px 3px 0 #000;
}

[class*=si-shadow-pointer] {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto;
}

[class*=si-shadow-inner-pointer] {
  position: absolute;
  /* width: 141%; */
  /* height: 141%; */
  box-shadow: -0.70711px 0.70711px 3px 0 #000;
}

.si-shadow-inner-pointer-top {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.si-shadow-inner-pointer-bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
  -ms-transform: translate(-50%, 50%) rotate(-45deg);
  transform: translate(-50%, 50%) rotate(-45deg);
}

.si-shadow-inner-pointer-left {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.si-shadow-inner-pointer-right {
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(-45deg);
  -ms-transform: translate(50%, -50%) rotate(-45deg);
  transform: translate(50%, -50%) rotate(-45deg);
}

.si-frame {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-radius: 3px;
  overflow: hidden;
  z-index: 2;
}

.si-content-wrapper {
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* max-height: 100%; */
  /* padding: 30px; */
  background-color: #fff;
}

.si-has-border .si-content-wrapper {
  border: 1px solid #bbb;
}

.si-content {
  overflow: auto;
}

.si-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  outline: none;
  background-color: transparent;
  color: inherit;
  font-family: Arial, Baskerville, monospace;
  font-size: 24px;
  cursor: pointer;
  opacity: 1;
  color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.si-close-button:hover,
.si-close-button:focus {
  opacity: 0.7;
}

[class*=si-pointer-border] {
  position: absolute;
  border: 15px solid transparent;
  z-index: 3;
}

[class*=si-pointer-bg] {
  position: relative;
  border: 15px solid transparent;
  z-index: 4;
}

.si-has-border [class*=si-pointer-bg] {
  border-width: 15px;
}

.si-pointer-border-top,
.si-pointer-border-bottom {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.si-pointer-border-left,
.si-pointer-border-right {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.si-pointer-top {
  border-bottom: 0;
}

.si-pointer-border-top {
  bottom: 0;
  border-top-color: #bbb;
}

.si-pointer-bg-top {
  border-top-color: #fff;
}

.si-has-border .si-pointer-bg-top {
  top: -1px;
  margin-bottom: 0px;
}

.si-pointer-bottom {
  border-top: 0;
}

.si-pointer-border-bottom {
  top: 0;
  border-bottom-color: #bbb;
}

.si-pointer-bg-bottom {
  border-bottom-color: #fff;
}

.si-has-border .si-pointer-bg-bottom {
  bottom: -1px;
  margin-top: 0px;
}

.si-pointer-left {
  border-right: 0;
}

.si-pointer-border-left {
  right: 0;
  border-left-color: #bbb;
}

.si-pointer-bg-left {
  border-left-color: #fff;
}

.si-has-border .si-pointer-bg-left {
  left: -1px;
  margin-right: 0px;
}

.si-pointer-right {
  border-left: 0;
}

.si-pointer-border-right {
  left: 0;
  border-right-color: #bbb;
}

.si-pointer-bg-right {
  border-right-color: #fff;
}

.si-has-border .si-pointer-bg-right {
  right: -1px;
  margin-left: 0px;
}

.screenshots .result-info,
.screenshots .info-window-content {
  -webkit-filter: blur(7px);
  filter: blur(7px);
}

.primary-color {
  color: #54b948;
}

.secondary-color {
  color: #0096d6;
}

.icon--white {
  color: #ffffff;
  stroke: #ffffff;
}

.icon--gray {
  color: #4e4e4e;
  stroke: #4e4e4e;
}

.icon--green {
  color: #54b948;
  stroke: #54b948;
}

.icon--rotated {
  -webkit-transform: rotate(-90deg) translateX(-4px);
  -ms-transform: rotate(-90deg) translateX(-4px);
  transform: rotate(-90deg) translateX(-4px);
}

.next-button .mat-button-wrapper {
  color: white !important;
}


@font-face {
  font-family: 'Open Sans Bold';
  src: url('../fonts/OpenSans-Bold.eot');
  src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Bold.woff2') format('woff2'),
    url('../fonts/OpenSans-Bold.woff') format('woff'),
    url('../fonts/OpenSans-Bold.ttf') format('truetype'),
    url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Italic';
  src: url('../fonts/OpenSans-Italic.eot');
  src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Italic.woff2') format('woff2'),
    url('../fonts/OpenSans-Italic.woff') format('woff'),
    url('../fonts/OpenSans-Italic.ttf') format('truetype'),
    url('../fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans ExtraBold';
  src: url('../fonts/OpenSans-ExtraBold.eot');
  src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
    url('../fonts/OpenSans-ExtraBold.woff') format('woff'),
    url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
    url('../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans ExtraBoldItalic';
  src: url('../fonts/OpenSans-ExtraBoldItalic.eot');
  src: url('../fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
    url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
    url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
    url('../fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Light';
  src: url('../fonts/OpenSans-Light.eot');
  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Light.woff2') format('woff2'),
    url('../fonts/OpenSans-Light.woff') format('woff'),
    url('../fonts/OpenSans-Light.ttf') format('truetype'),
    url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans BoldItalic';
  src: url('../fonts/OpenSans-BoldItalic.eot');
  src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
    url('../fonts/OpenSans-BoldItalic.woff') format('woff'),
    url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'),
    url('../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Bold_1';
  src: url('../fonts/OpenSans-Bold_1.eot');
  src: url('../fonts/OpenSans-Bold_1.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Bold_1.woff2') format('woff2'),
    url('../fonts/OpenSans-Bold_1.woff') format('woff'),
    url('../fonts/OpenSans-Bold_1.ttf') format('truetype'),
    url('../fonts/OpenSans-Bold_1.svg#OpenSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans MediumItalic';
  src: url('../fonts/OpenSans-MediumItalic.eot');
  src: url('../fonts/OpenSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-MediumItalic.woff2') format('woff2'),
    url('../fonts/OpenSans-MediumItalic.woff') format('woff'),
    url('../fonts/OpenSans-MediumItalic.ttf') format('truetype'),
    url('../fonts/OpenSans-MediumItalic.svg#OpenSans-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans Medium';
  src: url('../fonts/OpenSans-Medium.eot');
  src: url('../fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Medium.woff2') format('woff2'),
    url('../fonts/OpenSans-Medium.woff') format('woff'),
    url('../fonts/OpenSans-Medium.ttf') format('truetype'),
    url('../fonts/OpenSans-Medium.svg#../fonts/OpenSans-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans SemiBoldItalic';
  src: url('../fonts/OpenSans-SemiBoldItalic.eot');
  src: url('../fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
    url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),
    url('../fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans SemiBold';
  src: url('../fonts/OpenSans-SemiBold.eot');
  src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
    url('../fonts/OpenSans-SemiBold.woff') format('woff'),
    url('../fonts/OpenSans-SemiBold.ttf') format('truetype'),
    url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans LightItalic';
  src: url('../fonts/OpenSans-LightItalic.eot');
  src: url('../fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
    url('../fonts/OpenSans-LightItalic.woff') format('woff'),
    url('../fonts/OpenSans-LightItalic.ttf') format('truetype'),
    url('../fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans regular';
  src: url('../fonts/OpenSans-Regular.eot');
  src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/OpenSans-Regular.woff2') format('woff2'),
    url('../fonts/OpenSans-Regular.woff') format('woff'),
    url('../fonts/OpenSans-Regular.ttf') format('truetype'),
    url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


h2 {
  font-size: 6rem;
  font-family: 'Open Sans regular';
}

@media screen and (max-width: 768px) {
  h2 {
    font-size: 4rem;
  }
}

h3 {
  font-size: 4.5rem;
  line-height: 4.5rem;
  font-family: 'Open Sans regular';
}

@media screen and (max-width: 768px) {
  h3 {
    font-size: 2.8rem;
    line-height: 2.8rem;
  }
}

@media screen and (max-width: 980px) {
  h3 {
    font-size: 3.2rem;
    line-height: 3.2rem;
  }
}

@media screen and (max-width: 1300px) {
  h3 {
    font-size: 4.2rem;
    line-height: 4.2rem;
  }
}

h4 {
  font-size: 2.5rem;
  line-height: 2.5rem;
  font-family: 'Open Sans regular';
}

@media screen and (max-width: 768px) {
  h4 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
}

h5 {
  font-size: 3.5rem;
  line-height: 3.5rem;
  font-family: 'Open Sans regular';
}

@media screen and (max-width: 768px) {
  h5 {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}

.subhead {
  font-size: 1.6rem;
  font-family: 'Open Sans regular';
}

div,
p {
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-family: 'Open Sans regular';
}

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

  div,
  p {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
}

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

  div,
  p {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}

*,
html,
body,
div {
  color: #4d4d4d;
  font-size: 16px;
}

button {
  font-family: 'Open Sans regular';
}

html {
  font-size: 62.5%;
}

@media screen and (max-width: 768px) {
  .mat-stroked-button {
    font-size: 1.1rem;
    line-height: 0.6rem;
  }
}

.prolia-menu {
  border-radius: 0px !important;
  border-bottom: 3px solid #cfcfcf;
  width: 280px;
  box-sizing: border-box;
}

.prolia-menu .mat-menu-item {
  font-family: 'Open Sans regular';
  font-size: 1.25rem !important;
  padding-left: calc(16px + 0.875rem);
}

.prolia-menu .mat-menu-item .icon--gray {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
}

.header {
  min-height: 115px;
  position: relative;
  width: 100%;
  border-bottom: 2px solid #cfcfcf;
  height: auto;
}

.header__container {
  width: calc(100% - 100px);
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .header__container {
    width: 100%;
  }
}

@media print {
  .header__container {
    width: 100%;
  }
}

/* .header__logo {
  height: 100px;
} */
@media screen and (max-width: 768px) {
  .header__logo {
    height: 65px;
    padding-left: 1em;
  }
}

.header__link {
  display: inline-block;
  font-size: 1rem;
  text-decoration: none;
  line-height: 30px;
  padding: 0 2em;
  cursor: pointer;
}

.header__dropdown {
  display: inline-block;
  border: none;
  padding: 1em 2em;
  font-size: 1.25rem;
  background-color: #ffffff;
  font-family: 'Open Sans regular';
  cursor: pointer;
}

.header__dropdown--cta {
  justify-self: flex-end;
  margin-left: auto;
  color: #54b948;
  font-family: 'Open Sans regular';
}

.header__dropdown--cta--underline {
  justify-self: flex-end;
  margin-left: auto;
  color: #54b948;
  text-decoration: underline;
  font-family: 'Open Sans regular';
  padding: 0px;
}

.header__dropdown--cta sup {
  text-decoration: none !important;
  padding-bottom: 0.1em;
  top: 0;
  color: #54b948;
}

.header__menu-wrapper {
  border: 1px solid #4e4e4e;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.header__menu-wrapper svg {
  margin-top: -2px;
}

.header__mobile-menu {
  display: none;
  margin-left: auto;
  height: 100%;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.header__mobile-menu[aria-expanded=true] {
  background: #cfcfcf;
}

.header__mobile-menu .bar {
  width: 50%;
  height: 0;
  border-bottom: 2px solid #4e4e4e;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .header__mobile-menu {
    display: block;
  }
}

.header--gray-block {
  text-align: center;
  height: 30px;
  background-color: #4e4e4e;
}

.header--gray-block .header__container {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .header--gray-block .header__container {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}

.header--gray-block .header__link,
.header--gray-block .header__link sup {
  color: #ffffff;
}

.header--white-block {
  height: 100px;
  width: 100%;
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .header--white-block {
    height: 85px;
  }
}

.header--white-block .header__link {
  font-size: 1.25rem;
  font-family: 'Open Sans regular';
  line-height: 1.2;
  text-align: center;
}

@media print {
  .header--white-block .header__link {
    padding: 0 1rem;
  }
}

.mat-icon.icon--small {
  width: 1rem;
  height: 1rem;
}

.footer {
  position: relative;
  bottom: 0px;
  width: 100%;
  background-color: #ffffff;
}

.footer--fixed {
  position: fixed;
  max-width: 100vw;
  -webkit-transition: 100ms linear height;
  transition: 100ms linear height;
}

.footer__container {
  width: calc(100% - 100px);
  margin: 0 auto;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .footer__container {
    width: 100%;
    padding: 2rem 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.footer__isi {
  position: relative;
  top: 0px;
  width: 100%;
  -webkit-transition: 200ms height ease-in;
  transition: 200ms height ease-in;
  box-sizing: border-box;
}

.footer__isi--fixed {
  height: 100px;
  overflow: hidden;
  border-top: 3px solid #cfcfcf;
  max-width: 100vw;
}

.footer__isi--static {
  z-index: 10;
}

.footer__isi--open {
  height: 80vh;
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch;
}

.footer__isi--toggle {
  position: absolute;
  top: 0px;
  right: -1em;
  cursor: pointer;
}

.footer__isi--open-button {
  text-decoration: underline;
  font-weight: bold;
  font-family: 'Open Sans regular';
  color: #4e4e4e;
}

.footer__isi--close-button {
  width: 12px;
  height: 12px;
}

.footer__isi--container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  width: 80%;
  box-sizing: border-box;
}

.footer__link {
  text-decoration: none;
  color: #4e4e4e;
  padding: 0 1rem;
  border-right: 1px solid #4e4e4e;
}

.footer__link:first-child {
  padding-left: 0;
}

.footer__link:last-child {
  border: none;
}

.footer__copyright {
  padding-top: 2px;
  color: #4e4e4e;
  font-family: 'Open Sans regular';
}

@media screen and (max-width: 768px) {
  .footer__block {
    margin-left: 1rem;
  }
}

.footer__logo {
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .footer__logo {
    margin-left: 1rem;
    margin-right: auto;
    padding: 2rem 0rem 0 0;
  }
}

.footer .amgen-logo {
  height: 35px;
}

.disclaimer {
  position: relative;
  width: 100%;
  background: #4e4e4e;
  z-index: 1;
}

.disclaimer__container {
  width: 80%;
  margin: 0 auto;
  padding: 2rem 0;
}

@media screen and (max-width: 768px) {
  .disclaimer__container {
    width: 100%;
  }
}

.disclaimer__para {
  color: #ffffff;
  padding: 1rem 0;
  line-height: 1.4;
  font-size: 1.6rem;
  font-family: 'Open Sans regular';
}

.disclaimer__para span {
  color: #ffffff;
  padding: 1rem 0;
  line-height: 1.4;
  font-size: 1.6rem;
  font-family: 'Open Sans regular';
}

@media screen and (max-width: 768px) {
  .disclaimer__para {
    padding: 2rem;
  }
}

.disclaimer__para sup {
  color: #ffffff;
}

@media print {
  .disclaimer {
    background: white;
  }

  .disclaimer__container {
    width: 90%;
  }

  .disclaimer__para {
    color: #4e4e4e;
  }

  .disclaimer__para sup {
    color: #4e4e4e;
  }
}

.sites {
  width: 100%;
}

.sites__container {
  width: calc(100% - 100px);
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
}

@media screen and (max-width: 768px) {
  .sites__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.sites__block {
  border: 4px solid #54b948;
  border-radius: 50%;
  width: 360px;
  height: 360px;
  position: relative;
  padding: 2rem;
  margin: 4rem 2rem;
}

@media screen and (max-width: 768px) {
  .sites__block {
    width: 300px;
    height: 300px;
    margin: 2rem 0;
  }
}

.sites__icon {
  height: 75px;
  margin: 0 auto;
  display: block;
  padding: 1rem 2rem;
}

@media screen and (max-width: 768px) {
  .sites__icon {
    height: 50px;
  }
}

.sites__icon .stroke {
  color: #54b948;
  stroke: #54b948;
  fill: #54b948;
}

.sites__icon .bold-stroke {
  fill: none;
  stroke: #54b948;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7px;
}

.sites__heading {
  text-align: center;
  color: #54b948;
  padding: 1rem 2rem;
  font-size: 35px;
  font-family: 'Open Sans regular';
}

@media screen and (max-width: 768px) {
  .sites__heading {
    font-size: 30px;
    padding: 0.5rem 2rem;
  }
}

.sites__subheading {
  padding: 0.5rem 2rem;
  font-size: 14px;
  line-height: 16px;
  font-family: 'Open Sans regular';
}

.sites__list {
  list-style: disc;
  padding: 0.5rem 4rem;
  font-size: 14px;
  font-family: 'Open Sans regular';
}

.sites .sites__block--pharmacy.active .sites__icon,
.sites .sites__block--treatment.active .sites__icon {
  stroke: #ffffff;
}

.sites .sites__block--pharmacy.active .sites__icon .stroke,
.sites .sites__block--treatment.active .sites__icon .stroke {
  stroke: #ffffff;
  color: #ffffff;
  fill: #ffffff;
}

.sites .sites__block--pharmacy.active .sites__icon .bold-stroke,
.sites .sites__block--treatment.active .sites__icon .bold-stroke {
  stroke: #ffffff;
}

.sites .sites__block--pharmacy.active .sites__heading,
.sites .sites__block--pharmacy.active .sites__subheading,
.sites .sites__block--pharmacy.active .sites__list li,
.sites .sites__block--pharmacy.active sup,
.sites .sites__block--treatment.active .sites__heading,
.sites .sites__block--treatment.active .sites__subheading,
.sites .sites__block--treatment.active .sites__list li,
.sites .sites__block--treatment.active sup {
  color: #ffffff;
}

.sites .sites__block--treatment.active {
  background: #54b948;
}

.sites .sites__block--pharmacy.active {
  background: #0096d6;
  border: 4px solid #0096d6;
}

.pharmacy-results .result-label-container .result-label h3 {
  color: #0096d6;
}

.pharmacy-results .result-label-container {
  background-color: #ffffff;
}

.pharmacy-results .result-selected .result-label-container .result-label h3 {
  color: #ffffff;
}

.pharmacy-results .result-selected .result-label-container {
  background-color: #0096d6;
}

.pharmacy-results .result-forms {
  background-color: #0096d6;
}

.pharmacy-results .result-distance h3,
.pharmacy-results .result-distance div {
  color: #0096d6;
}

.treatment-dialog-button {
  background-color: #54b948;
}

.pharmacy-dialog-button {
  background-color: #0096d6;
}

.close-dialog-button {
  background-color: #4e4e4e;
}

.treatment-dialog-button,
.pharmacy-dialog-button,
.close-dialog-button {
  margin: 20px !important;
}

.treatment-dialog-button .mat-button-wrapper,
.pharmacy-dialog-button .mat-button-wrapper,
.close-dialog-button .mat-button-wrapper {
  color: #ffffff !important;
}

.treatment-results .result-label-container .result-label h3 {
  color: #54b948;
}

.treatment-results .result-label-container {
  background-color: #ffffff;
}

.treatment-results .result-selected .result-label-container .result-label h3 {
  color: #ffffff;
}

.treatment-results .result-selected .result-label-container {
  background-color: #54b948;
}

.treatment-results .result-forms {
  background-color: #54b948;
}

.treatment-results .result-distance h3,
.treatment-results .result-distance div {
  color: #54b948;
}

.share-results {
  padding: 4px;
  padding-left: 20px;
  padding-right: 20px;
}

.treatment-map .share-results,
.treatment-button-wrapper .share-results {
  background-color: #54b948;
  border-radius: 40px;
}

.treatment-map .share-results .mat-button-wrapper,
.treatment-button-wrapper .share-results .mat-button-wrapper {
  color: #ffffff !important;
}

.treatment-map .info-window-colored-section,
.treatment-button-wrapper .info-window-colored-section {
  background-color: #54b948;
}

.treatment-map .info-window-content .subhead,
.treatment-button-wrapper .info-window-content .subhead {
  color: #54b948;
}

.info-window-content .subhead {
  font-size: 1.8rem;
  line-height: 2rem;
}

.pharmacy-map .share-results,
.pharmacy-button-wrapper .share-results {
  background-color: #0096d6;
  border-radius: 40px;
}

.pharmacy-map .share-results .mat-button-wrapper,
.pharmacy-button-wrapper .share-results .mat-button-wrapper {
  color: #ffffff !important;
}

.pharmacy-map .info-window-colored-section,
.pharmacy-button-wrapper .info-window-colored-section {
  background-color: #0096d6;
}

.pharmacy-map .info-window-content .subhead,
.pharmacy-button-wrapper .info-window-content .subhead {
  color: #0096d6;
}

.info-window-icon {
  width: 32px;
  height: 31px;
  position: relative;
  top: 10px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../images/prolia-info-window-icon.png");
  background-size: 100%;
}

.mat-spinner circle {
  stroke: #54b948 !important;
}

.treatment-map .mat-spinner circle {
  stroke: #54b948 !important;
}

.pharmacy-map .mat-spinner circle {
  stroke: #0096d6 !important;
}

/* 
.landing-image-1 {
  background-image: url('../images/landing-1.7c2dac0ab77af0037331.png');
}
.landing-image-2 {
  background-image: url('../images/landing-2.e558765c724f8bd80cee.png');
}
.landing-image-3 {
  background-image: url('../images/landing-3.79d1013e6ec8dab40475.png');
}
.landing-image-4 {
  background-image: url('../images/landing-4.abc5eb44b93f7e8e384f.png');
}
.landing-image-5 {
  background-image: url('../images/landing-5.d1e4034d672e27b34f37.png');
} */
.mat-select-panel {
  border-radius: 0px !important;
  border-bottom: 2px solid #cfcfcf !important;
}

.finder {
  width: 100%;
  min-height: 450px;
  background-size: cover;
  height: auto;
}

.finder .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #ffffff !important;
  bottom: 1px !important;
}

.finder__container {
  margin: 0 auto;
  height: 100%;
  width: 95%;
  padding: 2rem;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .finder__container {
    width: 80%;
    padding: 5rem 2rem;
  }
}

.finder__heading,
.finder__subheading,
.finder__heading sup,
.finder__subheading sup {
  color: white;
  text-align: center;
}

.finder__heading {
  font-size: 6rem;
  line-height: 1;
  padding: 2rem 0;
  font-family: 'Open Sans regular';
}

@media screen and (max-width: 768px) {
  .finder__heading {
    font-size: 5rem;
  }
}

.finder__heading sup {
  font-size: 4rem;
  top: -2rem;
  vertical-align: baseline;
}

.finder__subheading {
  font-size: 2.5rem;
  line-height: 3rem;
  padding: 2rem;
  margin-bottom: 3rem;
  font-family: 'Open Sans regular';
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .finder__subheading {
    font-size: 2.5rem;
    padding-bottom: 4rem;
  }
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #54b948 !important;
}

.mat-form-field.mat-focused .mat-input-element {
  caret-color: #54b948 !important;
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #54b948 !important;
}

.mat-select-arrow {
  background-image: url('../images/caret--gray.84cee3c038a7c0338c4d.svg');
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.5rem !important;
  height: 1rem !important;
  border: none !important;
}

.mat-button-wrapper {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  padding: 0 2rem !important;
}

.mat-button-wrapper .mat-icon {
  margin-top: 5px !important;
}

.mat-form-field-type-mat-select .mat-form-field-ripple,
.mat-form-field-type-mat-select .mat-form-field-underline {
  display: none !important;
}

.join .mat-input-container .mat-input-underline {
  display: none;
}

.join .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #ebebeb;
}

.join__header {
  width: 100%;
  height: 450px;
  /* background-image: url('../images/join-backdrop-1.95ac52ceaff1cbbe0ccb.png');
  background-size: cover; */
}

.join__header .join__copy {
  color: #ffffff;
  text-align: center;
}

.join__container {
  width: 80%;
  margin: 0 auto;
  height: 100%;
  padding: 5rem 2rem;
}

@media screen and (max-width: 768px) {
  .join__container {
    width: 90%;
    padding: 2rem;
    margin: 0 auto;
    box-sizing: border-box;
  }
}

.join__container .mat-form-field-infix {
  padding: 0 !important;
}

.join__container .mat-form-field-label-wrapper {
  top: 0em !important;
  padding-top: 0em !important;
}

.join__container .mat-focused mat-form-field-label-wrapper {
  top: -2em;
}

.join__container .mat-form-field {
  font-family: 'Open Sans regular';
  margin-bottom: 0px;
  text-overflow: ellipsis;
  padding-top: 5px;
}

.join__container .mat-form-field input {
  background-color: #ebebeb;
  line-height: 5rem !important;
  height: 5rem;
}

.join__container input.mat-input-element {
  margin-top: 0em;
  padding-left: 1em;
}

.join__container .mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.05em !important;
  left: 1em !important;
}

.join__container .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-right: 1em !important;
}

.join__container .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  -webkit-transform: translateY(-1em) scale(0.75) perspective(100px) translateZ(0.001px) !important;
  transform: translateY(-1em) scale(0.75) perspective(100px) translateZ(0.001px) !important;
  -ms-transform: translateY(-1em) scale(0.75) !important;
  width: 133.33333%;
}

.join__block {
  background: #ebebeb;
}

.join__group {
  margin: 0 auto;
}

.join__group p {
  margin-bottom: 10px;
}

.join .form-row {
  position: relative;
  width: 100%;
}

.join .location-button {
  padding: 1em 2em;
  text-align: center;
  display: block;
  margin: 0;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-right: 2.5%;
  font-size: 15px;
  border-radius: 25px;
  font-family: 'Open Sans regular';
  position: relative;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .join .location-button {
    padding: 1rem 1.5rem;
    margin-right: 1rem;
  }
}

.join .location-button:focus {
  outline: none;
}

.join .treatment-button--inactive {
  color: #54b948;
  background-color: #ffffff;
  border: 1px solid #54b948;
}

.join .treatment-button--active {
  color: #ffffff;
  background-color: #54b948;
}

.join .pharmacy-button--inactive {
  color: #0096d6;
  background: #ffffff;
  border: 1px solid #0096d6;
}

.join .pharmacy-button--active {
  color: #ffffff;
  background-color: #0096d6;
}

.join .Treatment .mat-form-field.mat-focused .mat-form-field-label {
  color: #54b948 !important;
}

.join .Treatment .mat-form-field.mat-focused .mat-input-element {
  caret-color: #54b948 !important;
}

.join .Treatment .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #54b948 !important;
}

.join .Pharmacy .mat-form-field.mat-focused .mat-form-field-label {
  color: #0096d6 !important;
}

.join .Pharmacy .mat-form-field.mat-focused .mat-input-element {
  caret-color: #0096d6 !important;
}

.join .Pharmacy .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #0096d6 !important;
}

.join .form-field {
  position: relative;
}

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

  .join .form-field--location-name,
  .join .form-field--address-one,
  .join .form-field--address-two,
  .join .form-field--city,
  .join .form-field--state,
  .join .form-field--zip-code,
  .join .form-field--location-phone,
  .join .form-field--location-fax,
  .join .form-field--first-name,
  .join .form-field--last-name,
  .join .form-field--phone,
  .join .form-field--fax,
  .join .form-field--email-address {
    left: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
}

.join .form-field--location-name {
  width: 92.5%;
}

.join .form-field--address-one {
  width: 60%;
}

.join .form-field--address-two {
  left: 2.5%;
  width: 30%;
}

.join .form-field--city {
  width: 30%;
}

.join .form-field--state {
  left: 2.5%;
  width: 27.5%;
}

.join .form-field--zip-code {
  left: 5%;
  width: 22.5%;
}

.join .form-field--location-phone {
  width: 41.25%;
}

.join .form-field--location-fax {
  left: 2.5%;
  width: 41.25%;
}

.join .form-field--first-name {
  width: 41.25%;
}

.join .form-field--last-name {
  left: 2.5%;
  width: 41.25%;
}

.join .form-field--phone {
  width: 41.25%;
}

.join .form-field--fax {
  left: 2.5%;
  width: 41.25%;
}

.join .form-field--email-address {
  width: 85%;
}

.join__heading,
.join__subheading,
.join__heading sup,
.join__subheading sup {
  color: white;
  text-align: center;
}

.join__heading {
  font-size: 6rem;
  line-height: 1;
  padding: 2rem 0;
  font-family: 'Open Sans regular';
}

@media screen and (max-width: 768px) {
  .join__heading {
    font-size: 5rem;
  }
}

.join__heading sup {
  font-size: 4rem;
  top: -2rem;
  vertical-align: baseline;
}

.join__heading--form {
  color: #54b948;
  text-align: left;
  font-size: 35px;
}

.join__subheading {
  font-size: 2.5rem;
  line-height: 1;
  padding: 2rem;
  margin-bottom: 3rem;
  font-family: 'Open Sans regular';
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .join__subheading {
    font-size: 2.5rem;
    padding-bottom: 4rem;
  }
}

.join__button {
  color: #ffffff;
  background: #54b948;
  border: none;
  min-width: 175px;
  padding: 1em 2em;
  text-align: center;
  display: inline-block;
  margin: 1em auto;
  font-size: 15px;
  border-radius: 25px;
  font-family: 'Open Sans regular';
  cursor: pointer;
}

.join__button--primary {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .join__button--primary {
    margin-right: 1rem;
  }
}

.join__button--cancel {
  margin-left: 1rem;
}

@media screen and (max-width: 768px) {
  .join__button--cancel {
    margin-left: 0;
  }
}

.join__button--centered {
  display: block;
}

.join__button--inverted {
  display: block;
  color: #54b948;
  background: #ffffff;
}

.join__button sup {
  color: #ffffff;
}

.join__checkbox_label {
  padding-bottom: 0.5em;
}

.join__checkbox_label strong {
  font-family: 'Open Sans regular';
}

mat-checkbox .join__checkbox_label {
  padding-left: initial;
}

.join mat-checkbox .mat-checkbox-inner-container {
  margin-top: 1px;
}

.join mat-checkbox .mat-checkbox-background,
.join mat-checkbox .mat-checkbox-frame {
  border-radius: 100%;
}

.searchbar-container .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #ffffff !important;
  bottom: 1px !important;
}

.searchbar-container.green-button .mat-flat-button {
  background: #54b948 !important;
}

.searchbar-container.green-button .mat-flat-button .mat-button-wrapper {
  color: #ffffff !important;
}

.searchbar-container.green-button .mat-flat-button .icon--gray {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.mat-dialog-container {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  padding-right: 30px !important;
  padding-left: 30px !important;
  position: relative;
}

.mat-dialog-title {
  font: 500 3rem/3.2rem 'Open Sans regular' !important;
  padding-bottom: 10px;
  text-align: center;
}

.mat-dialog-content {
  position: relative;
  text-align: center;
}

.mat-dialog-content p {
  font: 500 1.6rem/2rem 'Open Sans regular' !important;
}

.close-button {
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  background-image: url("/assets/images/close.png");
  background-size: 100%;
  width: 25px;
  height: 25px;
  background-color: transparent;
}

.close-button:focus,
a:focus {
  outline: none;
}

.dialog-buttons {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}

@media screen and (max-width: 768px) {
  .dialog-buttons {
    width: 90% !important;
  }
}

.dialog-buttons button {
  margin-top: 40px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
}

html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
}

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.2em;
}

.hidden {
  display: none;
}

.header__container .header__link {
  font-size: 12px;
  font-family: 'Open Sans regular';
  font-weight: 500;
}

.home-index #CybotCookiebotDialogBodyButtonDecline,
.home-index #CybotCookiebotDialogBodyButtonAccept {
  font-size: 1em !important;
}

.home-index a#CybotCookiebotDialogBodyButtonDetails:after {
  font-size: 1.2em !important;
}

#CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyLink {
  font-size: 16px !important;
}