/*///////////////////////////*/ :root {
  --main-color: #77878B;
  --secondary-color: #4464AD;
  --tertiary-color: #4CB5AE;
  --black: #280000;
  --bg: #F9F9F9;
  --bg-blue: #ebf6ff;
  --bg-blue-trans: #0089ff12;
  --bg-trans: #f9f9f9e0;
}
/*OVERRIDE*/
.nav-link.active .pill-card {
  border: .8rem solid var(--tertiary-color);
}
.pill-card {
  border: 1px solid #eaeaea;
}
.copy-wrap {
  z-index: 9;
}
.creditLink {
  color: var(--tertiary-color);
  font-family: europa, sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
  transition: all .2s ease-in-out;
}
.creditLink:hover {
  transform: scale(1.1);
}
#card-stack:hover {
  cursor: auto !important
}
#card-stack {
  border: 1rem solid var(--tertiary-color);
}
/* GLOBALS */
a {
  text-decoration: none;
}
button:focus {
  outline: none;
}
picture {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.max-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: 112rem;
  padding: 4%;
  width: 100%;
}
.background-w {
  background-color: white;
}
.fixed-top {
  z-index: 999999999;
}
.pt-8 {
  padding-top: 8rem;
}
.max-container > * {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.container-fluid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.bg-blue {
  background-color: var(--bg-blue) !important;
}
.bg-blue-trans {
  background-color: var(--bg-blue-trans) !important;
}
section {
  overflow: hidden;
  position: relative;
  min-height: 34rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*GLOBALS END*/
/*FONTS*/
.hero-heading {
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 900;
  color: var(--main-color);
  font-size: 3rem;
}
.main-heading {
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--main-color);
}
.list {
  font-size: 1rem;
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 700;
  margin-bottom: 0rem;
  color: var(--secondary-color);
  list-style: none;
  padding-left: 0px;
}
.list li {
  font-size: 1.4rem;
}
#card-stack {
  position: absolute;
  width: 40%;
  height: 76%;
  max-width: 18rem;
  max-height: 18rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bg-blue);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all .3s ease-in-out;
  padding: 2rem 0 !important;
}
#card-stack {
  cursor: pointer;
}
.card-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.card-container .category {
  font-size: 1rem;
  margin-bottom: 0rem;
}
.card-stack-1 {
  right: initial !important;
  left: -6% !important;
}
.card-stack-1:hover {
  z-index: 999;
  transform: scale(1.1);
}
.num {
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 500;
  font-size: 2rem;
  color: var(--bg-blue);
}
.card-stack-2 {
  z-index: 99;
  top: initial !important;
  bottom: 20% !important;
}
.card-stack-2:hover {
  z-index: 999;
  transform: scale(1.1);
}
.card-stack-3 {
  left: initial !important;
  right: -6% !important;
}
.card-stack-3:hover {
  z-index: 999;
  transform: scale(1.1);
}
.icon-container {
  position: absolute;
  z-index: 99999999;
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40%;
  max-width: 3rem;
  max-height: 3rem;
  top: 1rem;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--tertiary-color);
  border-radius: 100%;
}
.category {
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--secondary-color);
}
.highlight {
  color: var(--tertiary-color);
}
.link {
  color: var(--tertiary-color);
  font-family: europa, sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
  transition: all .2s ease-in-out;
}
.link:hover {
  font-size: 1.4rem;
}
.copy {
  font-family: europa, sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  color: var(--black);
}
.quote {
  font-family: europa, sans-serif;
  font-weight: 300;
  font-style: italic;
  color: var(--black);
  font-size: 1.1rem;
}
.credits {
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--tertiary-color);
}
.copy-wrap {
  max-width: 38rem
}
.empty{
	transition: all .3s ease-in-out;
	border: #8f2e2e 2px solid;
}
.show-error{
	opacity: 1!important;
	transition: all .3s ease-in-out;
}
/*FONTS END*/
/* IMAGES*/
.bg-image {
  position: absolute !important;
}
#home-hero-header .bg-image, #hero-header .bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72%;
  z-index: -1;
}
.image-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 75%;
  width: 100%;
}
.image-asset {
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  right: 0;
}
.image-icon {
  max-width: 8rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  right: 0;
}
.image-container {
  width: 100%;
}
.bg-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
/*IMAGES END*/
/*BUTTON*/
button {
  width: 100%;
  position: relative;
  border-radius: 3rem;
  padding: 1.5rem;
  border: none;
  max-width: 22rem;
  background: linear-gradient(45deg, var(--tertiary-color) 50%, var(--secondary-color) 50%);
  color: white;
  font-family: europa, sans-serif;
  font-weight: 700;
  margin-top: 1rem;
  transition: all .3s ease-in-out;
}
button:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
button, button:after {
  background-size: 300%;
  background-position: 100%;
}
button:hover, button:hover:after {
  background-position: 0;
  font-size: 1.1em;
  transform: scale(.8);
}
/*BUTTON END*/
/*CUTOUTS END*/
/*HOME*/
#home-hero-header {
  background-color: var(--bg-trans);
  min-height: 44rem;
}
#hero-header {
  min-height: 44rem;
}
#home-page #banner {
  background-color: white;
  width: 100%;
  min-height: 28rem;
}
#tips {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: -10%;
}
#fp-tabs .button-wrap {
  justify-content: space-between;
}
.list-card {
  padding: 4rem 2rem;
  border-radius: 1rem;
  box-shadow: 0px 0px 10px #00000014;
  background-color: white;
  margin-top: 1rem;
}
.list-card .list {
  transition: all .2s ease-in-out;
}
.list-card .list:hover {
  color: var(--tertiary-color);
}
.counter-mobile {
  width: 100%;
  height: 100%;
  position: relative;
}
.counter-wrap {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  z-index: 99;
  bottom: -6rem;
  top: 0;
  left: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  width: fit-content;
  margin-right: auto;
  font-size: 1.4rem;
  height: fit-content;
  transform: perspective(4cm) rotateX(31deg) rotateY(0deg) rotateZ(-21deg) translate3d(25%, 0, -20px);
}
.counter, .counter-copy {
  width: 100%;
  text-align: center;
}
.counter-copy {
  font-size: 1.4rem;
  width: 80%;
}
#survey .list-card, #stairlifts-info .list-card {
  width: 30%;
  margin-top: 1rem;
  margin-right: .6rem;
  padding: 2rem;
  display: flex;
  justify-content: center;
}
#survey .image-asset {
  top: 0;
  bottom: 0;
  margin-bottom: auto;
  margin-top: auto;
  width: 40%;
  min-width: 12rem;
}
.banner-card {
  height: 100%;
  display: flex;
  align-items: center;
}
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#survey-section {
  background-color: var(--bg);
}
#empty-field-label{
	width: 100%;
    position: relative;
    border-radius: 3rem;
    padding: 1.5rem;
    border: none;
    max-width: 22rem;
    background: #8f2e2e;
    color: white;
    font-family: europa, sans-serif;
    font-weight: 700;
    margin-top: 1rem;
    transition: all .3s ease-in-out;
	opacity: 0;
	text-align: center;
}
.blog-image {
/*  padding-bottom: 50%;*/
  overflow: hidden;
}
.blog-item {
  margin-bottom: 8%;
}
.blog-title {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 44rem;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem;
}
#blog-copy .copy-wrap {
  max-width: 48rem;
  padding: 4%;
  background-color: white;
}
.blog-credit-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog-image .image-asset {
  object-fit: contain;
  object-position: top;
  width: 100%;
}
.blog-image .image-asset2 {
  object-fit: cover;
  object-position: top;
  width: 100%;
}
.blog-credit {
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 500;
  font-size: 1.2rem;
  color: var(--tertiary-color);
}
/*HOME END*/
/*TIPS*/
#tips-page #hero-header {
  background-color: var(--bg-trans);
}
.pill-card {
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 10px #00000014;
  border-radius: 1rem;
  transition: all .2s ease-in-out;
}
.active .pill-card {
  background-color: var(--bg-blue);
}
.button-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  max-width: 36rem;
}
.main-logo {
  transition: all .2s ease-in-out;
}
.main-logo:hover {
  transform: scale(1.1);
}
.navbar-brand {
  margin: 0rem 1rem;
}
.nav-pills .nav-link, .nav-pills .show > .nav-link {
  transition: all .3s ease-in-out
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: transparent !important;
  transform: scale(1.2);
}
.awards-logos {
  padding-bottom: 52%;
}
.tp-logo {
  padding-bottom: 16%;
  margin-top: -1rem;
}
.tp-logo .image-asset {
  width: 100%;
  object-fit: contain;
}
.split-image .image-asset {
  width: 100%;
  object-fit: contain;
}
#virtual-survey .image-asset {
  object-fit: cover;
  height: 100%;
  border-radius: 1rem;
  box-shadow: 0px 0px 10px #00000014;
}
.awards-logos .image-asset {
  width: 100%;
  height: auto;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
#reviewCarousel {
  width: 100%;
}
.carousel-item {
  min-height: 20rem;
}
.carousel-indicators {
  bottom: -2rem;
}
.carousel-indicators li {
  width: 1rem;
  height: 1rem;
  background-color: var(--tertiary-color);
  border-radius: 100%;
}
cite {
  font-weight: bold;
  color: #00b67a !important;
}
blockquote {
  display: flex;
  flex-wrap: wrap;
}
.carousel-control-next, .carousel-control-prev {
  opacity: 1;
  justify-content: flex-end;
  width: initial;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-card {
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: 0px 0px 10px #00000014;
  background-color: white;
  margin-top: 1rem;
}
.carousel-control-prev-icon {
  background-image: url("./assets/images/prev.svg");
}
.carousel-control-next-icon {
  background-image: url("./assets/images/next.svg");
}
#tips-page #banner {
  background-color: var(--bg);
}
/*TIPS END*/
/*STAIRLIFTS PAGE*/
#stairlifts-page #hero-header {
  background-color: var(--bg-trans);
  ;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--secondary-color);
}
#stairlifts-info .image-wrapper {
  width: 88%;
  height: 100%;
  padding-bottom: 100%;
  box-shadow: 0px 0px 10px #00000014;
  border-radius: 1rem;
  overflow: hidden;
}
/*STAIRLIFTS END*/
/*SURVEY PAGE*/
#survey-page #hero-header {
  background-color: var(--bg-trans);
}
#banner .split-image {
  position: relative;
  height: 0;
  padding-bottom: 62%;
  height: 100%;
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0px 0px 10px #00000014;
}
#banner #split-image .image-asset {
  object-fit: cover;
}
#banner-info .split-image {
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0px 0px 10px #00000014;
}
/*SURVEY PAGE END*/
/*FORM BANNER*/
form {
  width: 100%;
}
input {
  padding: 1rem;
  width: 100%;
  margin: 1rem 0rem;
  border-radius: 6rem;
  border: 1px solid lightgray;
}
.recommended-logo {
  padding-bottom: 28%;
}
.recommended-logo .image-asset {
  height: initial;
  width: 100%;
}
/*FORM BANNER END*/
/*FOOTER*/
.border {
  width: 100%;
  border: none !important;
  border-top: 2px solid #0000001c !important;
  margin-bottom: 1rem;
}
footer {
  width: 100%;
}
#footer .category {
  color: var(--bg-blue);
}
.footer-link {
  padding: 0rem 2rem;
  text-decoration: none;
  color: var(--bg-blue);
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  transition: all .3s ease-in-out;
}
.footer-link:hover {
  color: var(--tertiary-color);
  transform: scale(1.2);
}
#footer {
  background-color: var(--main-color);
  min-height: 18rem;
}
/*FOOTER END*/
/* NAVBAR */
#navbar {
  background-color: var(--main-color);
}
.navbar-nav {
  height: 100vh;
  justify-content: center;
}
.nav-item {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 4rem;
  font-family: europa, sans-serif;
  color: var(--bg-blue);
}
.nav-link, .dropdown-item {
  font-weight: bold;
  color: var(--main-color-light);
  transition: all .3s ease-in-out;
}
.nav-link:hover {
  color: var(--tertiary-color);
  font-size: 1.4rem;
}
.dropdown-menu {
  background-color: var(--tertiary-color);
  border: none;
}
.navbar-toggler {
  padding: .55rem .75rem;
  border-radius: 100%;
  margin-right: .5rem;
  background-color: var(--tertiary-color);
}
/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
  display: block;
  background-color: var(--secondary-color);
  height: 3px;
  width: 25px;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  left: 0;
  opacity: 1;
  transition: all 0.35s ease-out;
  transform-origin: center left;
}
/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
  margin-top: 0.3em;
}
/**
 * Animate collapse into X.
 */
/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
  transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
  transform: translate(15%, 33%) rotate(-45deg);
}
/**
 * Animate collapse open into hamburger menu
 */
/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
  transform: translate(0%, 0%) rotate(0deg);
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
  opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
  transform: translate(0%, 0%) rotate(0deg);
}
/*BLOG PAGE*/
#blog-page #hero-header .bg-image {
  z-index: -1;
  right: 0;
  width: 100% !important;
  max-width: initial;
  object-position: top;
}
#blog-page #hero-header {
  background-color: var(--bg-trans);
  align-items: flex-end;
}
@media(min-width:768px) {
  .navbar-nav {
    height: initial;
  }
  .pill-card {
    width: 6rem;
    height: 6rem;
  }
}
/* NAVBAR END */
@media(min-width:992px) {
  #navbarNav {
    width: 90%;
    justify-content: flex-end !important;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .nav-item {
    text-align: center;
    font-size: 1.3rem;
    margin-bottom: 0rem;
  }
  #home-page, #tips-page, #stairlifts-page, #survey-page {
    margin-top: 5rem;
  }
  #survey-page #hero-header {
    background-color: #e1e4e4;
  }
  .hero-heading {
    font-size: 4.6rem;
  }
  .list li {
    font-size: 1.2rem;
  }
  .list {
    font-size: 1.5rem;
  }
  .active .list {
    color: var(--tertiary-color);
  }
  #home-hero-header {
    background-color: var(--bg);
  }
  #home-hero-header .bg-image {
    z-index: 0;
    right: 0;
    width: 50%;
  }
  #hero-header .bg-image {
    z-index: 0;
    right: 0;
    width: 50%;
    max-width: 50rem;
  }
  .card-container .category {
    font-size: 1.5rem;
  }
  #stairlifts-page #hero-header {
    background-color: #e4e1dc;
  }
  .counter-wrap {
    font-size: 2rem;
  }
  .blog-image {
/*    padding-bottom: 100%;*/
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0px 0px 10px #00000014;
  }
  #survey .image-asset {
    width: 100%;
  }
  #survey .list-card, #stairlifts-info .list-card {
    width: 80%;
    margin-top: 1rem;
    text-align: center;
    padding: 2rem;
  }
}
/*LANDING PAGE*/
#landing-page .bg-image {
  max-width: initial;
  width: 100%;
  top: 0;
  z-index: -1;
}
#landing-page #hero-header {
  background-color: var(--bg-trans)
}