:root {
  --main-color: #4EB5AE;
  --main-light: #AFE7E3;
  --secondary-color: #5F5566;
  --bg: #F7FAFC;
  --purple: #3A2E39;
  --shadow: -1px 4px 8px rgba(0, 0, 0, 0.09);
}
/*GLOBAL*/
#blog {
  display: none !important;
}
.fact-card .sub-heading {
  font-size: 1rem !important;
}
#verified .cta {
  font-size: 1.3rem !important;
  margin-top: 1rem;
}
html {
  scroll-behavior: smooth;
}
#home-page, #about-page, #stairlift-page, #contact-page, #stairlifts-page {
  margin-top: 3rem;
}
.max-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 112rem;
  padding: 4%;
  width: 100%;
}
p {
  margin-bottom: 0px;
}
a {
  color: black;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: var(--main-color);
}
.max-container > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
section {
  overflow: hidden;
  position: relative;
  min-height: 34rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8% 0;
}
.container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/*GLOBAL END*/
/*FONTS*/
.copy-wrap {
  max-width: 36rem;
}
.hero-heading {
  font-family: rig-shaded-bold-face, sans-serif;
  font-size: 2.8rem;
  letter-spacing: -2px;
}
.main-heading {
  font-family: rig-shaded-bold-face, sans-serif;
  font-size: 2.1rem;
  letter-spacing: -2px;
}
.sub-heading {
  font-family: rig-shaded-bold-face, sans-serif;
  font-size: 1.1rem;
}
.cta {
  font-family: bernhard-gothic-urw, sans-serif;
  font-weight: 900;
  color: var(--secondary-color);
}
.cta:hover {
  text-decoration: none;
}
.label {
  font-family: bernhard-gothic-urw, sans-serif;
}
.copy {
  font-family: bernhard-gothic-urw, sans-serif;
  font-size: 1.2rem;
}
@media(min-width:768px) {
  section {
    padding: initial;
  }
  .sub-heading {
    font-size: 1.5rem;
  }
}
@media(min-width:992px) {
  .hero-heading {
    font-size: 4rem;
    letter-spacing: -2px;
  }
  .main-heading {
    font-size: 2.6rem;
    letter-spacing: -2px;
  }
  .copy {
    font-size: 1.2rem;
  }
}
/*FONTS-END*/
/*IMAGES*/
.image-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 78%;
  width: 100%;
}
.image-container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.image-asset {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.radial-grid {
  position: absolute;
  height: 385%;
  width: auto;
  z-index: -1;
  right: 0;
  left: -100%;
  top: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.tp-wrap {
  position: absolute;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 34%;
  right: 20%;
  z-index: 99;
  bottom: 1%;
  min-width: 10rem;
}
.tp-wrap .image-wrapper {
  padding-bottom: 25%;
}
.tp-wrap .image-asset {
  width: 100%;
  height: initial;
}
.senior-profile {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.senior-container {
  position: relative;
  height: 0;
  padding-bottom: 78%;
  width: 100%;
}
#s1 {
  height: 18%;
  right: initial;
  bottom: initial;
}
#s2 {
  height: 46%;
  left: initial;
  right: 20%;
  bottom: initial;
}
#s3 {
  height: 25%;
  right: initial;
}
#s4 {
  height: 32%;
  left: 26%;
  bottom: 24%;
  top: initial;
  right: initial;
}
#s5 {
  height: 32%;
  left: initial;
  right: 8%;
  top: initial;
}
#s6 {
  height: 20%;
  right: initial;
  left: 12%;
  top: initial;
}
.blog-card {
  position: relative;
  border-radius: 1rem;
  padding-bottom: 64%;
  max-width: 54rem;
  height: 100%;
  width: 100%;
  overflow: hidden;
  max-height: 6rem;
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.blog-card:hover {
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
}
.blog-card:after {
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  background-color: var(--main-color);
  -webkit-clip-path: polygon(0 0, /* left top */ 0% 0, /* right top */ 100% 100%, /* right bottom */ 0 100% /* left bottom */ );
  clip-path: polygon(0 0, /* left top */ 0% 0, /* right top */ 100% 100%, /* right bottom */ 0 100% /* left bottom */ );
  z-index: 0;
}
.blog-image {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.blog-copy-wrap {
  position: absolute;
  bottom: 2%;
  left: 2%;
  z-index: 9;
  width: 54%;
}
.blog-link {
  width: 88%;
  height: 100%;
  color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.blog-link:hover {
  color: black;
}
article .sub-heading {
  font-size: 1.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media(min-width:768px) {
  article .sub-heading {
    font-size: 1.55rem;
  }
  #home-page .blog-link {
    width: 64%;
  }
  .blog-card {
    padding-bottom: 64%;
  }
}
@media(min-width:992px) {
  article .sub-heading {
    font-size: 1.75rem;
  }
  .blog-card:after {
    width: 80%;
  }
  .blog-copy-wrap {
    width: 48%;
  }
}
/*IMAGES-END*/
/*BUTTONS*/
.button {
  width: 100%;
  background-color: var(--secondary-color);
  padding: 1rem 0rem;
  text-align: center;
  border-radius: 10rem;
  max-width: 20rem;
  font-family: bernhard-gothic-urw, sans-serif;
  font-weight: 900;
  color: white;
  font-size: 1.2rem;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.button:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
}
.button-container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/*BUTTONS END*/
/*HOMEPAGE*/
#home-page {
  overflow: hidden;
}
#hero-header {
  min-height: 44rem;
  background-color: var(--main-light);
  -webkit-clip-path: polygon(0 0, /* left top */ 100% 0, /* right top */ 100% 96%, /* right bottom */ 0 80% /* left bottom */ );
  clip-path: polygon(0 0, /* left top */ 100% 0, /* right top */ 100% 96%, /* right bottom */ 0 80% /* left bottom */ );
}
#hero-header .image-bg {
  opacity: .5;
  -o-object-position: 72%;
  object-position: 72%;
}
#about-globe {
  margin-top: -11%;
  overflow: visible;
}
#pills {
  width: 100%;
}
#pills .nav-item {
  width: 20%;
  text-align: center;
}
#pills .nav-item .cta {
  width: 100%;
  display: none;
}
.nav-pills .nav-link {
  border-radius: 1rem 1rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
}
.nav-pills .nav-link, .nav-pills .show > .nav-link {
  color: black;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  padding-bottom: 1rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  -webkit-box-shadow: inset 0px 4px 24px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 4px 24px rgba(0, 0, 0, 0.15);
  background-color: transparent;
}
.tab-content {
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  background: var(--bg);
  border-radius: 0px 0px 16px 16px;
  width: 100%;
  padding: 4%;
  text-align: center;
}
.tab-content .row > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.icon-container {
  width: 8vw;
  height: 8vw;
  max-width: 4rem;
  max-height: 4rem;
  margin: 8% 0rem;
  border-radius: 100%;
  background-color: var(--main-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.icon-container .image-wrapper {
  padding-bottom: 64%;
}
.icon-container__xl {
  border-radius: 100%;
  background-color: var(--main-color);
  width: 14vw;
  height: 14vw;
  min-height: 6rem;
  min-width: 6rem;
  max-width: 12rem;
  max-height: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.icon-container__xl .image-wrapper {
  padding-bottom: 64%;
}
#quote-carousel {
  width: 100%;
}
#quote-carousel blockquote {
  max-width: 36rem;
}
.quote {
  position: relative;
  background-color: white;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(var(--shadow));
  filter: drop-shadow(var(--shadow));
  filter: border -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=2, Color='#444')";
  padding: 2.5rem;
  border-radius: 1rem;
  position: relative;
  margin-bottom: 3rem;
}
.quote:before {
  content: '';
  height: 5rem;
  width: 7rem;
  position: absolute;
  bottom: -2rem;
  left: 0;
  background-color: white;
  -webkit-clip-path: polygon(0% 14%, 125% 3%, -76% 174%);
  clip-path: polygon(0% 14%, 125% 3%, -76% 174%);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  border-radius: 0 0 0 0.55em;
}
.senior-grid {
  width: 100%;
  height: 100%;
  position: absolute;
}
.senior-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.banner {
  background-color: var(--main-color);
  border-radius: 1rem;
  width: 100%;
  height: 32vw;
  max-width: 90rem;
  max-height: 18rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#stairlift-banner .copy-wrap {
  text-align: center;
}
#stairlift-banner {
  background-color: var(--main-color);
  min-height: 26rem;
}
#stairlift-banner .image-wrapper {
  padding-bottom: 90%;
}
#stairlift-banner .image-asset {
  min-height: 22rem;
}
@media(min-width:768px) {
  #hero-header .image-bg {
    -o-object-position: initial;
    object-position: initial;
    -o-object-position: 72% 8%;
    object-position: 72% 8%;
    opacity: 1;
  }
  .tab-content {
    text-align: initial;
  }
  #pills .nav-item .cta {
    display: block;
  }
  #stairlift-banner {
    background-color: transparent;
    min-height: 34rem;
  }
  #stairlift-banner .copy-wrap {
    text-align: initial;
  }
  .button-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}
@media(min-width: 2000px) {
  #about-globe {
    margin-top: -14rem;
  }
}
/*HOMEPAGE END*/
/* NAVBAR */
#navbar {
  background-color: var(--main-color);
}
.navbar-nav {
  height: 100vh;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
nav .nav-item {
  text-align: center;
  font-size: 3rem;
}
.nav-link, .dropdown-item {
  font-weight: bold;
  color: var(--main-color-light);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
nav .nav-link:hover, footer .nav-link:hover {
  color: var(--purple);
  font-size: 1.2rem;
}
.navbar-brand {
  width: 100%;
  max-width: 3rem;
}
.dropdown-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.2rem;
}
.dropdown-menu {
  background-color: var(--main-color);
  border: none;
}
@media(min-width:768px) {
  .dropdown-menu {
    border-left: 1px solid var(--main-light);
    border-bottom: 1px solid var(--main-light);
    border-right: 1px solid var(--main-light);
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
  }
}
.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;
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  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) {
  -webkit-transform: translate(15%, -33%) rotate(45deg);
  -ms-transform: translate(15%, -33%) rotate(45deg);
  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) {
  -webkit-transform: translate(15%, 33%) rotate(-45deg);
  -ms-transform: translate(15%, 33%) rotate(-45deg);
  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) {
  -webkit-transform: translate(0%, 0%) rotate(0deg);
  -ms-transform: translate(0%, 0%) rotate(0deg);
  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) {
  -webkit-transform: translate(0%, 0%) rotate(0deg);
  -ms-transform: translate(0%, 0%) rotate(0deg);
  transform: translate(0%, 0%) rotate(0deg);
}
@media(min-width:768px) {
  .navbar-nav {
    height: initial;
  }
  nav .nav-item {
    text-align: center;
    font-size: 1.4rem;
  }
}
/* NAVBAR END */
@media(min-width:992px) {
  #navbarNav {
    width: 90%;
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    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;
  }
}
/*FOOTER*/
.border {
  width: 100%;
  border: none !important;
  border-top: 2px solid #0000001c !important;
  margin-bottom: 1rem;
}
footer {
  width: 100%;
}
.footer-logo {
  width: 100%;
  max-width: 6rem;
}
.footer-link, .category {
  padding: 0rem 2rem;
  text-decoration: none;
  color: black;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.footer-link h4, .category {
  font-family: bernhard-gothic-urw, sans-serif;
  font-weight: 900;
  font-size: 1.4rem;
}
.footer-link:hover, .category:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  color: var(--purple)
}
#footer {
  background-color: var(--main-color);
  min-height: 18rem;
}
.disclaimer {
  margin-top: 2rem;
  font-family: bernhard-gothic-urw, sans-serif;
  color: var(--main-light);
}
/*FOOTER END*/
/*STAIRLIFT CAROUSEL*/
#stairlift-carousel, #quote-caorusel {
  width: 100%;
}
/*STAIRLIFT CAROUSEL END*/
/*BLOG CAROUSEL SECTION*/
#blog {
  overflow: visible;
  min-height: 34rem;
  ;
}
.content-wrap {
  position: absolute;
  width: 100%;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.carousel-control-next, .carousel-control-prev {
  background-color: var(--main-color);
  opacity: 1;
  height: 3vw;
  width: 3vw;
  min-width: 2rem;
  min-height: 2rem;
  max-width: 4rem;
  max-height: 4rem;
  border-radius: 100%;
  bottom: -3rem;
  margin-top: auto;
  margin-bottom: initial;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.carousel {
  width: 100%;
}
.carousel-control-next {
  left: 12%;
  right: initial;
}
#blog .radial-grid {
  height: initial;
  width: 150%;
  left: -25%;
}
#blog .max-container {
  padding: 0%;
  padding-top: 8%;
}
#blog .copy-wrap {
  text-align: center;
  padding-bottom: 1rem;
}
@media(min-width: 768px) {
  .carousel-control-next, .carousel-control-prev {
    bottom: 0;
    margin-bottom: auto;
  }
  .carousel-control-next {
    left: initial;
    right: 0;
  }
}
/*BLOG CAROUSEL END*/
/*ABOUT PAGE*/
#verified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#about-cards .radial-grid {
  width: 300%;
  height: auto;
  left: -100%;
}
#about-cards {
  overflow: visible;
}
#about-cards .icon-container {
  max-width: 14rem;
  width: 16vw;
  height: 16vw;
  min-width: 10rem;
  background-color: transparent;
}
#card-row > * {
  padding: 0;
}
#about-page {
  overflow: hidden;
}
.list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}
.list-wrap .image-wrapper {
  padding-bottom: 2rem;
  width: 2rem;
  margin-right: 4%;
}
.fact-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: var(--main-color);
  border-radius: 1rem;
  padding: 8%;
  -webkit-box-shadow: 0px 13px 2px -8px var(--main-light);
  box-shadow: 0px 13px 2px -8px var(--main-light);
  margin: 8% 4%;
}
.fact-card .icon-container {
  margin-bottom: 32%;
}
.fact-card .sub-heading {
  width: 100%;
  color: white;
}
.logo-row {
  background-color: var(--bg);
}
.logo-row .image-wrapper {
  padding-bottom: 64%;
}
.logo-row .image-asset {
  max-width: 12rem;
  height: auto;
  width: 100%;
}
@media (min-width:768px) {
  #card-row > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*ABOUT PAGE END*/
/*STAIRLIFTS PAGE*/
#stairlifts-page {
  overflow: hidden;
  position: relative;
}
#stairlifts-header {
  overflow: visible;
}
#layer-0 {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-light);
  -webkit-clip-path: polygon(0% 0, /* left top */ 100% 0%, /* right top */ 100% 64%, /* right bottom */ 0 100% /* left bottom */ );
  clip-path: polygon(0% 0, /* left top */ 100% 0%, /* right top */ 100% 64%, /* right bottom */ 0 100% /* left bottom */ );
}
.button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.button-wrap .button {
  margin-right: 1rem;
}
#info-cta {
  background-color: grey;
  overflow: visible;
  position: relative;
}
.image-bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.stairlift-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: var(--bg);
  border-radius: 1rem;
  padding: 8%;
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
  margin: 8% 4%;
  width: 100%;
  height: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.stairlift-card:hover {
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--main-color);
  -webkit-box-shadow: inset 0px 4px 25px rgba(0, 0, 0, 0.22);
  box-shadow: inset 0px 4px 25px rgba(0, 0, 0, 0.22);
}
.stairlift-card .copy-wrap {
  text-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.stairlift-card .sub-heading {
  width: 100%;
  text-align: start;
}
#featured-stairlifts .image-wrapper {
  background-color: white;
  border-radius: 1rem;
  margin: 1rem;
}
.stairlift-card .image-wrapper {
  padding-bottom: 100%;
}
#photo-gallery .image-asset {
  width: 100%;
  height: auto;
}
#photo-gallery .image-wrapper {
  padding-bottom: 55%;
}
/*STAIRLIFTS PAGE END*/
/*CONTACT PAGE*/
#contact-page {
  overflow: hidden;
}
#contact-page #stairlift-type {
  margin-top: -4rem;
}
.button:focus {
  outline: none;
  box-shadow: none;
}
#empty-field-label{
	opacity: 0;
	transition: all .3s ease-in-out;
	margin-top: -4rem;
	border-radius: 6rem;
	text-align: center;
	pointer-events: none;
	overflow:hidden;
	display: block;
	font-family: bernhard-gothic-urw, sans-serif;
    font-weight: 900;
    color: white;
    font-size: 1.2rem;
	background-color: #be5353;
	
}
#empty-field-label-footer{
	opacity: 0;
	transition: all .3s ease-in-out;
	margin-top: -4rem;
	border-radius: 6rem;
	text-align: center;
	pointer-events: none;
	overflow:hidden;
	display: block;
	font-family: bernhard-gothic-urw, sans-serif;
    font-weight: 900;
    color: white;
    font-size: 1.2rem;
	background-color: #be5353;
	
}

.show-error{
	opacity: 1!important;
	margin-top: 1rem!important;
}
.input-error{
	border-color: #be5353;
}
#faq-form {
  overflow: visible;
}
#faq-form .radial-grid {
  height: initial;
  width: 264%;
  left: -78%;
}
.faq-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 10%;
}
.faq-item:hover {
  cursor: pointer;
}
.faq-content .copy {
  overflow: hidden;
  height: 0rem;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.faq-content .expanded {
  height: 10rem;
}
.faq-icon {
  padding-left: 1rem;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rotate {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  padding-right: 1rem;
  padding-left: 0rem;
}
.faq-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3rem 0rem;
}
/*CONTACT PAGE END*/
/*BLOG ARTICLE*/
.blog-card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}
#landing-page .image-bg {
  opacity: .5;
}
.blog-card-wrap .cta {
  margin-bottom: 0rem;
}
.overlay {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: var(--main-color);
  opacity: .3
}
.blog-card-wrap .blog-card {
  padding-bottom: 72%;
  margin: 1rem;
}
#blog-header {
  position: relative;
  margin-bottom: -10%;
}
.blog-card-wrap .blog-card:after {
  width: 100%;
}
.blog-body {
  background-color: var(--bg);
  border-radius: 1rem;
  padding: 1rem;
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
}
.blog-copy-wrap {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#blog-header .image-asset {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50%;
  object-position: 50%;
  z-index: -1;
}
@media(min-width:768px) {
  #contact-page #stairlift-type {
    padding-top: 2rem;
  }
  .blog-body {
    padding: 8%;
  }
  #blog-header .image-asset {
    width: 100%;
    height: auto;
    -o-object-position: initial;
    object-position: initial;
  }
}
/*BLOG ARTICLE END*/
/*STAIRLIFT OVERVIEW PAGES*/
#stairlift-header .tab-content {
  border-radius: 1rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.feature-list li {
  margin: 1rem 0rem;
}
.details-img-wrap {
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.details-img-wrap .image-wrapper {
  padding-bottom: 34%;
  margin: 2%;
}
#stairlift-header .main-heading {
  color: var(--main-color);
  border-radius: 1rem;
  margin: 1rem 0rem;
}
#stairlift-header .nav-link.active {
  background-color: transparent;
}
#stairlift-header #layer-0 {
  background-color: var(--bg);
}
#stairlift-header .nav-tabs {
  width: 100%;
  border-bottom: none !important;
}
#stairlift-header .tab-content {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: none;
}
#stairlift-header .nav-tabs .nav-item {
  width: 25%;
}
#stairlift-header .nav-tabs .nav-link, #stairlift-specs .nav-tabs {
  border: none;
}
#stairlift-header .tab-pane {
  border-radius: 1rem;
  overflow: hidden;
}
#stairlift-header .image-asset {
  width: 100%;
  height: auto;
}
#stairlift-header .image-wrapper {
  padding-bottom: 90%;
}
#stairlift-header .nav-link.active .image-asset {
  border: 8px solid var(--main-color);
  border-radius: 1rem;
}
#stairlift-specs .tab-content {
  background-color: var(--main-color);
  -webkit-box-shadow: none;
  box-shadow: none;
}
table {
  background-color: var(--bg) !important;
}
#stairlift-specs .nav-tabs .nav-link.active {
  background-color: var(--main-color);
}
/*STAIRLIFT OVERVIEW PAGES END*/
/*STAIRLIFT TYPE FORM*/
#stairlift-type {
  background-color: var(--bg);
  -webkit-clip-path: polygon(0% 0, /* left top */ 100% 20%, /* right top */ 100% 100%, /* right bottom */ 0 100% /* left bottom */ );
  clip-path: polygon(0% 0, /* left top */ 100% 20%, /* right top */ 100% 100%, /* right bottom */ 0 100% /* left bottom */ );
  padding-top: 34%;
}
#msform {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  min-height: 20rem;
}
#msform fieldset {
  width: 100%;
  /*stacking fieldsets above each other*/
  position: relative;
}
input[type="radio"] {
  display: none;
}
label {
  width: 100%;
  padding: 1rem;
  background-color: var(--main-color);
  border-radius: 1rem;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
label:hover {
  cursor: pointer;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  -webkit-box-shadow: inset 0px 4px 25px rgba(0, 0, 0, 0.22);
  box-shadow: inset 0px 4px 25px rgba(0, 0, 0, 0.22);
}
.quote-form-button:checked + label, .Checked + label {
  background: var(--main-light);
  -webkit-box-shadow: inset 0px 4px 25px rgba(0, 0, 0, 0.22);
  box-shadow: inset 0px 4px 25px rgba(0, 0, 0, 0.22);
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
  display: none;
}
fieldset .row {
  width: 100%;
}
fieldset label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
label span {
  text-align: center;
  width: 100%;
}
/*inputs*/
#msform textarea {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  font-size: 13px;
}
/*buttons*/
#msform .action-button {
  width: 100px;
  color: white;
  font-family: bernhard-gothic-urw, sans-serif;
  font-weight: 900;
  background-color: transparent;
  color: var(--secondary-color);
  border: 0 none;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#msform .action-button:hover {
  color: var(--main-color);
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
input:focus {
  outline: none;
}
.input-icon {
  max-width: 4rem;
  max-height: 4rem;
  background-color: white;
  width: 8vw;
  height: 8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12%;
}
.quote-form {
  background-color: white;
  height: 100%;
  border: 1px solid lightgray;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 20rem;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1rem;
  -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow);
}
.quote-form .button {
  margin-bottom: 0px;
  width: 100%;
  max-width: initial;
}
.quote-form input {
  width: 100%;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 6rem;
  border-style: solid;
}
@media(min-width:768px) {
  #stairlift-type {
    padding-top: 12rem;
    padding-top: 12rem;
  }
}
@media(min-width:992px) {
  #msform {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
/*STAIRLIFT TYPE END */
/*ALT PAGES*/
.alt-page #hero-header {
  margin-bottom: -3rem;
}
.alt-page .blog-body {
  margin-bottom: 2rem;
}
.alt-page #msform {
  margin-bottom: 46%;
}
@media(min-width:768px) {
  .alt-page #msform {
    margin-bottom: 16%;
  }
}
/*ALT PAGES END*/