:root {
  --main-color: #00272b;
  --secondary-color: #F15152;
  --tertiary-color: #EDB183;
  --quaternary-color: #F4D8CD;
  --bg-alt: #FAFAFA;
  --black: #3A2E39;
  --gradient: linear-gradient(180deg, var(--secondary-color) 0%, #850707 100%);
}
a:hover {
  text-decoration: none;
  color: var(--tertiary-color);
}
section {
  min-height: 34rem;
  display: flex;
  justify-content: center;
  justify-content: center;
  align-items: center;
}
.max-container {
  padding: 4%;
  max-width: 112rem;
  width: 100%;
  justify-content: center;
}
/*TEXT & COPY*/
.copy-wrap {
  max-width: 40rem;
  display: flex;
  flex-wrap: wrap;
  height: fit-content;
}
.label {
  font-size: 1.5rem;
  font-family: komu-b, sans-serif;
  margin-bottom: 0px;
}
.main-heading {
  font-family: komu-a, sans-serif;
  color: var(--tertiary-color);
  font-size: 2.8rem;
  line-height: 3rem;
}
.blk {
  color: var(--black) !important;
}
.wht {
  color: var(--bg-alt) !important;
}
p {
  margin-bottom: 0rem;
}
.org {
  color: var(--secondary-color) !important;
}
.sub-heading {
  font-family: komu-a, sans-serif;
  color: var(--main-color);
  font-size: 2.2rem;
  line-height: 2.2rem;
}
.copy {
  font-size: 1.1rem;
  font-family: novecento-sans, sans-serif;
  color: var(--black);
}
@media(min-width:768px) {
  .label {
    font-size: 2rem;
  }
  .main-heading {
    font-size: 4rem;
    line-height: 4rem;
  }
  .copy {
    font-size: 1.4rem;
  }
  .sub-heading {
    font-size: 3.6rem;
    line-height: 3.6rem;
  }
}
/* TEXT & COPY END*/
/*IMAGE ASPECT RATIO*/
.image-wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 80%;
}
.image-asset {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
  bottom: 0;
  margin-left: auto;
  width: 100%;
}
.image-container {
  position: absolute;
  width: 50%;
  left: 0;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  max-width: 64rem;
  top: 16rem;
  transition: all .3s ease-in-out;
  align-items: center;
}
@media(min-width:1100px) {
  .image-container {
    top: 12%;
  }
}
@media(min-width:1900px) {
  .image-container {
    top: 0%;
  }
}
.image-mobile {
  width: 100vw;
}
/*IMAGE ASPECT RATIO END*/
/*BUTTONS*/
.button {
  min-width: 17rem;
  border-radius: 2rem;
  padding: 1rem 0rem;
  font-size: 1.4rem;
  text-align: center;
  background-color: var(--secondary-color);
  font-family: novecento-sans-condensed, sans-serif;
  color: var(--quaternary-color);
  margin-top: 1rem;
  transition: all .3s ease-in-out;
}
.button:hover {
  transform: scale(.8);
  box-shadow: inset 4px 7px 24px #00000052;
}
button {
  background-color: transparent;
  border: none;
}
button:focus {
  outline: none;
}
/*BUTTONS END
/*HOME*/
#hero-header {
  background-color: var(--main-color);
  position: relative;
  overflow: hidden;
}
#hero-header .copy {
  color: var(--bg-alt);
}
.container-fluid {
  display: flex;
  justify-content: center;
  align-items: center;
}
.background-pattern {
  position: absolute;
  width: 72%;
  right: -20%;
}
#hero-header .background-pattern {
  right: initial;
  left: -20%;
  opacity: 0.4;
}
#about-compare-section {
  position: relative;
  overflow: hidden;
}
#about-compare-section .image-mobile {
  left: -19%;
}
#about-compare-section .background-pattern {
  z-index: -1;
}
#about-compare-section .image-container .image-wrapper {
  padding-bottom: 50%;
}
#about {
  position: relative;
  overflow: hidden;
}
#about .background-pattern {
  right: initial;
  left: -20%;
  z-index: -1;
}
#about .image-container {
  top: 0;
  left: initial;
  right: 0;
  max-width: 74rem;
}
#about .image-wrapper {
  padding-bottom: 70%;
}
@media(min-width:1199.98px) {
  #about .image-asset {
    bottom: initial;
  }
}
/*AWARD BANNER*/
#award-banner {
  background-color: var(--main-color);
  padding: 2rem 0rem;
}
#award-banner .max-container {
  padding: 1%;
}
#award-banner .label {
  color: var(--quaternary-color)
}
#award-banner .image-wrapper {
  padding-bottom: 8rem;
}
#award-banner .image-asset {
  max-width: 6rem;
}
@media(min-width:768px) {
  #award-banner {
    padding: 0rem;
  }
}
/*AWARD BANNER END*/
/*CAROUSEL*/
.slide-wrap__header {
  display: flex;
}
.slide-wrap__header__num {
  margin-right: 1rem;
}
.carousel-item .image-wrapper {
  padding-bottom: 16rem;
}
.carousel-item .image-asset {
  max-height: 8rem;
}
.carousel-control-next {
  opacity: 1;
  right: -10%;
  top: -50%;
}
@media(min-width:768px) {
  .carousel-control-next {
    top: 0px;
  }
}
.carousel-control-next-icon {
  background-image: url("/assets/images/arrow.svg") !important;
  width: 3rem;
  height: 3rem;
}
@media(min-width:992px) {
  .carousel-item .image-wrapper {
    padding-bottom: 100%;
  }
  .carousel-item .image-asset {
    max-height: 10rem;
  }
}
/*CAROUSEL*/
#contact-banner {
  position: relative;
  min-height: 20rem;
}
.contact-card {
  position: relative;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  border: 1px solid rgba(127, 127, 127, 1.00);
  box-shadow: -4px 10px 10px #0000002e;
  background-color: white;
}
.contact-card .image-asset {
  right: -4px;
  top: -2px;
  margin-top: initial;
  width: initial;
  height: 102%;
  max-height: 36rem;
}
.contact-card .image-wrapper {
  padding-bottom: 35rem;
}
.contact-card .image-container {
  top: 0;
  right: 0;
  left: initial;
}
.contact-card .copy-wrap {
  max-width: 26rem;
  padding: 8% 0%;
  text-align: center;
  justify-content: center;
}
.contact-card-container {
  position: absolute;
  width: 100%;
  top: -10rem;
  z-index: 9;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
@media(min-width:768px) {
  .contact-card .copy-wrap {
    text-align: initial;
    justify-content: initial;
    padding-left: 2rem;
  }
}
/*CONTACT PAGE*/
#contact-header {
  background-color: var(--main-color);
  overflow: hidden;
  position: relative;
}
#contact-header .background-pattern {
  transform: rotate(75deg);
  right: -20%;
  min-width: 80rem;
  top: -44%;
  opacity: 0.4;
}
#contact-header .copy {
  color: var(--bg-alt);
}
#contact-header .image-wrapper {
  padding-bottom: 34rem;
}
#contact-header .image-asset {
  right: initial;
  max-width: 69rem;
}
#contact-header .image-mobile {
  left: -18vw;
  max-width: 30rem;
  bottom: -10%;
}
.max-form{
	max-width: 1268px;
}
input, textarea, select {
  background-color: #F2F2F2;
  border: 1px solid #C1C1C1;
  font-family: novecento-sans, sans-serif;
  transition: all .3s ease-in-out;
}
input:focus, textarea:focus, select:focus {
  outline: none;
  box-shadow: inset 0px 4px 4px 0 #0000002e;
  transform: scale(.96)
}
input, select {
  width: 100%;
  padding: 1rem;
  border-radius: 2rem;
  margin-top: 1rem;
}
textarea {
  width: 100%;
  min-height: 20rem;
  margin-top: 1rem;
  padding: 1rem;
  border-radius: 2rem;
}
select {
  color: #707070;
  position: relative;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#contact-header .mobile-wrapper {
  padding-bottom: 26rem;
}
#contact-form-body {
  position: relative;
  overflow: hidden;
}
#contact-form-body .background-pattern {
  right: initial;
  left: -20%;
}
.submit-button {
  min-width: 100% !important;
}
#empty-field-label {
  width: 100%;
  border-radius: 2rem;
  padding: 1rem 3rem;
  font-size: 1.4rem;
  text-align: center;
  background-color: darkred;
  font-family: novecento-sans-condensed, sans-serif;
  color: var(--quaternary-color);
  margin-top: 1rem;
  /*	display: none;*/
  opacity: 0;
  transition: all .3s ease-in-out;
  text-align: center;
}
/*CONTACT PAGE END*/
/* BRANDS PAGE*/
#brands-header {
  position: relative;
  overflow: hidden;
  background-color: var(--main-color);
}
#brands-header .background-pattern {
  left: -20%;
  right: initial;
	opacity: 0.4;
}
#brands-body {
  position: relative;
  overflow: hidden;
}
#brands-header .image-container {
  left: initial;
  right: 0;
  min-width: 40rem;
  top: 0;
}
#brands-header .copy {
  color: var(--bg-alt);
}
@media(min-width:992px) and (max-width:1110px) {
  #brands-header .image-asset {
    width: 54vw;
    height: 100%;
    left: initial;
  }
  #brands-header .image-wrapper {
    padding-bottom: 88%;
  }
}
.brand-card-wrap {
  border: 1px solid rgba(127, 127, 127, 1.00);
  border-radius: 1rem;
  background-color: var(--bg-alt);
  box-shadow: -4px 10px 10px #0000002e;
  overflow: hidden;
  margin: 4% 0%;
}
.brand-logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000933;
  padding: 2rem;
  ;
  padding: 2rem;
}
.brand-copy-container {
  padding: 2rem;
  display: flex;
  justify-content: center;
}
.brand-logo-container .image-wrapper {
  padding-bottom: 22%;
}
.brand-logo-container .image-asset {
  max-width: 26rem;
}
#brands-header .image-mobile {
  bottom: -12%;
  left: -10%;
  top: initial;
}
.brand-card-wrap:nth-child(2) .brand-logo-container {
  background-color: #f1f1f1;
}
.brand-card-wrap:nth-child(3) .brand-logo-container {
  background-color: #DDECFF;
}
.brand-card-wrap:nth-child(3) .brand-logo-container .image-asset {
  max-width: 16rem;
}
@media(min-width:992px) {
  .brand-logo-container {
    clip-path: polygon(0 0, 84% 0%, 100% 100%, 0% 100%);
  }
  .brand-card-wrap:nth-child(3) .brand-logo-container .image-asset {
    max-width: 22rem;
  }
}
@media(min-width:768px) {
  .brand-copy-container {
    padding: 2rem;
    display: flex;
    justify-content: initial;
  }
}
/*BRANDS PAGE END*/
/* OVERVIEW PAGE*/
#overview-header {
  overflow: hidden;
  position: relative;
}
#trust-pilot {
  min-height: 12rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.trust-pilot-score {
  position: absolute;
  width: 54%;
  height: 100%;
  background-color: var(--main-color);
  left: 0;
  border-radius: 0rem 1rem 1rem 0rem;
  box-shadow: -4px 10px 10px #0000002e;
}
.trust-pilot-score .image-wrapper {
  padding-bottom: 12rem;
}
.trust-pilot-score .image-asset {
  max-width: 48rem;
  width: 85%;
  right: initial;
  left: 16%;
}
#trust-pilot .max-container {
  padding: 0% 4%;
}
.trust-pilot-mobile {
  width: 100%;
  background-color: var(--main-color);
}
.trust-pilot-mobile .image-wrapper {
  padding-bottom: 8rem;
}
.features-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 0px;
}
.feature {
  color: var(--secondary-color);
  margin: 1.2rem 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

#stairlift-carousel{
	overflow:hidden;
}
#brand-reviews #info-carousel {
  margin-top: 2rem;
  height: 100%;
}
#brand-reviews .image-wrapper {
  padding-bottom: 3rem;
}
#brand-reviews .image-asset {
  max-height: 3rem;
  right: initial;
  left: 0;
  width: auto;
}
#brand-reviews .carousel-control-next {
  top: initial;
  height: 100%;
}
blockquote {
  display: flex;
  flex-wrap: wrap;
}
@media(min-width:768px) {
  .feature {
    justify-content: flex-start;
  }
}
/*  OVERVIEW PAGE END*/
/*TERMS AND CONDITIONS*/
#terms-header {
  position: relative;
  overflow: hidden;
  background-color: var(--main-color);
}
#terms-header .background-pattern{
	opacity: 0.4;
}
#terms-body {
  padding: 4rem 0rem;
}
#terms-body .copy-wrap {
  max-width: 70rem;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: var(--tertiary-color)
}
#terms-body h3 {
  margin-top: 2rem;
}
/*NAVIGATION*/
#navbar {
  background-color: var(--main-color);
  border-bottom: .5rem solid var(--secondary-color);
}
.nav-logo {
  max-width: 4rem;
}
#navbar .button {
  margin-top: 0rem;
}
#hero-header, #overview-header, #contact-header, #terms-header, #brands-header {
  margin-top: 6rem;
}
#navbarNav .button {
  max-width: 17rem;
}
#navbarNav .button a {
  color: var(--quaternary-color) !important;
}
.nav-link {
  color: var(--secondary-color);
  margin: 0rem 1rem;
}
.nav-item {
  width: 100%;
}
/* 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);
}
/*NAVIGATION END*/
/*FOOTER*/
#footer {
  background-color: var(--main-color);
  position: relative;
  min-height: 20rem;
}
.footer-logo {
  max-width: 7.2rem;
  margin-top: -3rem;
}
.footer-overflow {
  min-height: 40rem !important;
}
footer {
  position: absolute;
  width: 100%;
}
.footer-overflow footer {
  top: 24%;
}
.line-wrap {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  top: 0%;
  padding-top: 4%;
}
.footer-overflow .line-wrap {
  top: 24%;
}
.line {
  width: 32%;
  height: 1rem;
  background-color: var(--secondary-color);
}
.links {
  display: flex;
  justify-content: space-around;
  list-style: none;
  margin-top: 2rem;
  margin-bottom: 0rem;
  padding: 0px;
}
.dropright .dropdown-toggle::after {
  color: var(--secondary-color);
}
.sub-links {
  color: #236068;
}
.footer-link {
  width: 100%;
  text-align: center;
  margin-top: 1rem;
  transition: ALL .3S ease-in-out;
  color: var(--secondary-color);
}
.footer-link:hover {
  color: var(--tertiary-color);
}
footer .links {
  justify-content: center;
  flex-wrap: wrap;
}
@media(min-width:768px) {
  .footer-link {
    width: fit-content;
  }
  footer .links {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer-overflow .line-wrap {
    top: 52%;
  }
  .footer-overflow footer {
    top: 52%;
  }
  .line-wrap {
    top: 24%
  }
}
#footer .dropdown-toggle{
    color: var(--secondary-color);
    font-size: 2rem;
}
/*FOOTER END*/