@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700;800&display=swap');
/* CSS Document */
h1, h2, h3, h4, h5, p, a, ul, li, span, label, input, button {
  color: #292929;
  text-decoration: unset;
  margin-block-start: unset;
  margin-block-end: unset;
}
h1, h2, h3, h4, h5, p, span {
  user-select: none;
  pointer-events: none;
}
/*font*/
h1, h2, h3, h5, label, p, a, li, span, input, button {
  font-family: 'Montserrat', sans-serif;
}
h1 {
  font-size: calc(2rem + 1vw);
  line-height: calc(2rem + 1vw);
}
h2 {
  font-size: calc(1.6rem + .8vw);
  line-height: calc(1.6rem + .8vw);
}
h3 {
  font-size: calc(1.2rem + .6vw);
  line-height: calc(1.2rem + .6vw);
}
h4 {
  font-size: calc(1rem + .4vw);
  line-height: calc(1rem + .4vw);
}
h5 {
  font-size: calc(0.9rem + 0.4vw);
  line-height: calc(0.9rem + 0.4vw);
}
p, li, span {
  font-size: calc(1rem + 0.3vw);
  line-height: calc(1.8rem + 0.2vw);
  font-weight: 300;
}
ul {
  list-style-type: none;
  margin-block: 0;
  padding-inline-start: 0;
}
nav ul {
  list-style-type: none;
  font-variant: small-caps;
  margin-block: 0;
  padding-inline-start: 0;
}
header a, header button {
  font-weight: 400;
  padding: 0.4rem 1.2rem;
  transition: 0.3s ease-in;
}
.nav-link.active-link, nav a:hover {
  background-color: #002152;
  color: #fff;
  font-weight: 400;
  padding: 0.4rem 1.2rem;
  /*    transition: 0.3s ease-in;*/
  animation: hover 0.3s forwards;
}
@keyframes hover {
  from {
    background-color: transparent;
  }
  to {
    background-color: #002152;
    color: white;
  }
}
header {
  overflow: hidden;
}
a {
  font-size: calc(0.8rem + 0.4vw);
  letter-spacing: 0.08rem;
  cursor: pointer;
}
button {
  border: unset;
  outline: unset;
  font-size: calc(0.6rem + 0.6vw);
  cursor: pointer;
}
/*///////////////*/
.btn {
  text-align: center;
  border-radius: 5px;
  background-color: #EB8D69;
  color: #002152;
  font-weight: 500;
  padding: 0.7rem 1.4rem;
  transition: 0.1s ease-in;
  border: 2px solid transparent;
}
.btn.secondary {
  background-color: #fff;
  border: 2px solid #002152;
}
.btn:hover {
  background-color: #fff;
  color: #002152;
  font-weight: 500;
  /*    padding: 0.4rem 1.2rem;*/
  box-shadow: 0 0 16px 8px rgba(235, 141, 105, 0.15);
  /*    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);*/
  transition: 0.1s ease-in;
  border: 2px solid #EB8D69;
}
/*
.btn:active {
    background-color: #fff;
    color: #002152;
    font-weight: 700;
    padding: 0.4rem 1.2rem;
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
    transition: 0.1s ease-in;
}
.btn:focus {
    background-color: #fff;
    color: #002152;
    font-weight: 700;
    padding: 0.4rem 1.2rem;
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
    transition: 0.1s ease-in;
}
*/
input[type="submit"], input[type="checkbox"], input[type="button"] {
  cursor: pointer;
}
label {
  font-size: calc(0.8rem + 0.6vw);
}
.form-input:focus {
  border: 3px solid #DE733D;
  transition: 0.3s ease-in;
}
.form-input {
  font-size: calc(0.8rem + 0.6vw);
  padding: 0.6rem 0.8rem;
  border-radius: unset;
  outline: unset;
  border: 3px solid #EB8D69;
  width: 100%;
  margin-top: .5rem;
  box-sizing: border-box;
}
body {
  margin: 0;
}
header {
  position: static;
  top: 0;
  z-index: 100;
  padding: 0 0.8rem;
}
main {
  margin: 0 auto;
  min-height: 95vh;
  z-index: 1;
  overflow: hidden;
}
footer {
  padding: 2rem;
  position: static;
  bottom: 0;
  background-color: #0A1D41;
}
footer ul {
  list-style-type: none;
  padding-inline-start: 0;
}
footer li a {
  color: white;
  font-size: calc(1rem + 0.2vw);
  letter-spacing: 0.08rem;
  font-weight: 600;
}
.footer-large {
  font-size: calc(1.6rem + 0.2vw);
  line-height: calc(2rem + 0.2vw);
}
.footer-medium {
  font-size: calc(1.2rem + 0.2vw);
  font-weight: 300;
  line-height: calc(1.6rem + 0.2vw);
}
.footer-small {
  font-size: calc(1rem + 0.2vw);
  font-weight: 300;
  line-height: calc(1.4rem + 0.2vw);
}
@media (min-width: 1440px) {
  body {
    max-width: calc(1440px + 30vw);
    margin: 0 auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.50);
  }
}
/*font-weight*/
.bolder {
  font-weight: 800;
}
.bold {
  font-weight: 700;
}
.medium {
  font-weight: 500;
}
.clickable {
  cursor: pointer;
}
.not-clickable {
  cursor: default;
}
/*Common Class*/
.a-items-start {
  align-items: flex-start;
}
.a-items-center {
  align-items: center;
}
.a-items-end {
  align-items: flex-end;
}
.a-self-start {
  align-self: flex-start;
}
.a-self-center {
  align-self: center;
}
.a-self-end {
  align-self: flex-end;
}
.box-shadow {
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
}
.btm-box-shadow {
  box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
}
.font-shadow {
  filter: drop-shadow(0 4px 4px #00000080);
}
.img-fluid {
  height: auto;
}
.d-none {
  display: none;
}
.d-flex {
  display: flex;
}
.flex-grow {
  flex-grow: 1;
}
.flex-row {
  flex-direction: row;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.gap-1 {
  grid-gap: 1rem;
}
.gap-2 {
  grid-gap: 2rem;
}
.gap-3 {
  grid-gap: 3rem;
}
.j-content-around {
  justify-content: space-around;
}
.j-content-between {
  justify-content: space-between;
}
.j-content-evenly {
  justify-content: space-evenly;
}
.j-content-center {
  justify-content: center;
}
.j-content-end {
  justify-content: flex-end;
}
.j-content-start {
  justify-content: flex-start;
}
.j-items-around {
  justify-items: space-around;
}
.j-items-between {
  justify-items: space-between;
}
.j-items-evenly {
  justify-items: space-evenly;
}
.j-items-center {
  justify-items: center;
}
.j-items-end {
  justify-items: flex-end;
}
.j-items-start {
  justify-items: flex-start;
}
.j-self-end {
  justify-self: flex-end;
}
.j-self-center {
  justify-self: center;
}
.position-r {
  position: relative;
}
.position-a {
  position: absolute;
}
.p-2 {
  padding: 2rem;
}
.p-3 {
  padding: 3rem;
}
.pl-1 {
  padding-left: 1rem;
}
.pl-2 {
  padding-left: 2rem;
}
.pr-1 {
  padding-right: 1rem;
}
.px-1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.px-2 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.px-3 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-1 {
  padding-right: 1rem;
  padding-left: 1rem;
}
.py-2 {
  padding-right: 2rem;
  padding-left: 2rem;
}
.py-3 {
  padding-right: 3rem;
  padding-left: 3rem;
}
.pt-1 {
  padding-top: 1rem;
}
.pt-2 {
  padding-top: 2rem;
}
.pb-1 {
  padding-bottom: 1rem;
}
.pb-2 {
  padding-bottom: 2rem;
}
.pb-3 {
  padding-bottom: 3rem;
}
.mr-3 {
  margin-right: 3rem;
}
.mx-2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mx-auto {
  margin: 0 auto;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-caps {
  text-transform: uppercase;
}
.w-20 {
  width: 20%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.h-40 {
  height: 40%;
}
.h-50 {
  height: 50%;
}
.h-60 {
  height: 60%;
}
.h-70 {
  height: 70%;
}
.h-80 {
  height: 80%;
}
.h-90 {
  height: 90%;
}
.h-100 {
  height: 100%;
}
.h-full {
  height: auto;
}
/*Grid Body Layout*/
/*Grid Class*/
.row-1-2 {
  grid-row: 1/2;
}
.row-2-3 {
  grid-row: 2/3;
}
.row-1-3 {
  grid-row: 1/3;
}
.row-1-4 {
  grid-row: 1/4;
}
.row-3-4 {
  grid-row: 3/4;
}
.column-1-2 {
  grid-column: 1/2;
}
.column-1-3 {
  grid-column: 1/3;
}
.column-2-3 {
  grid-column: 2/3;
}
.column-1-4 {
  grid-column: 1/4;
}
.column-3-4 {
  grid-column: 3/4;
}
/*POSTION CLASS*/
.position-f {
  position: fixed;
}
/*Z-INDEX CLASS */
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-3 {
  z-index: 3;
}
.z-4 {
  z-index: 4;
}
.z-5 {
  z-index: 5;
}
/*///////////////////////////////////////////////////////////////////////////////////////////*/
/*...........................................................*/
/*CAN BE DELETED*/
/*Section ID */
/*Font Color*/
.black {
  color: #3D3D3D;
}
.darkblue {
  color: #002152;
}
.grey {
  color: #626262;
}
.white {
  color: white;
}
/*//////////////////////////////////////////////////////////*/
/*Grid IDs*/
/*Home Page IDs*/
/*HERO SECTION*/
/*SECTION 1*/
#hero {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 4fr 1fr 1fr;
  min-height: 95vh;
}
#hero-banner {
  background-image: url("assets/heroX2880.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  grid-column: 1/4;
  grid-row: 1/3;
  overflow: hidden;
}
@media (max-width: 1920px) {
  #hero-banner {
    background-image: url("assets/heroX1920.jpg");
  }
}
@media (max-width: 1440px) {
  #hero-banner {
    background-image: url("assets/heroX1440.jpg");
  }
}
@media (max-width: 900px) {
  #hero-banner {
    background-image: url("assets/heroX900.jpg");
  }
}
#hero-cta {
  grid-column: 2/3;
  grid-row: 2/4;
  z-index: 5;
}
#hero-stairlift {
  grid-column: 2/3;
  grid-row: 2/4;
}
#hero-stairlift img {
  transform: translateX(-40%);
}
/*FOR YOU SECTION*/
/*SECTION 2*/
#for-you {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto auto;
  min-height: 90vh;
}
#for-you-banner {
  grid-column: 1/4;
  grid-row: 1/2;
}
#for-you-banner span {
  font-size: calc(0.9rem + 0.7vw);
}
#for-you-hero {
  grid-column: 2/3;
  grid-row: 2/3;
}
.for-you-card {
  max-width: 360px;
}
#for-you-card {
  grid-column: 2/3;
  grid-row: 3/4;
}
#for-you-bg {
  grid-column: 1/2;
  grid-row: 2/4;
}
#for-you-bg-2 {
  grid-column: 3;
  grid-row: 2/4;
}
#for-you-bg img {
  transition: 0.5s ease-out;
}
/*OVERVIEW*/
/*SECTION 3*/
#overview {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr 1fr;
}
#overview-card {
  grid-column: 2/3;
  grid-row: 1/3;
  z-index: 5;
}
#overview-straight {
  grid-column: 1/2;
  grid-row: 1/3;
}
#overview-straight img {
  opacity: 0;
  transform: translateX(-50%);
  transition: 0.75s ease-out;
}
#overview-curved img {
  opacity: 0;
  transform: translateX(50%);
  transition: 0.75s ease-out;
}
#overview-straight.slide-in img {
  animation: slideRight30 0.75s ease-out forwards;
}
#overview-straight.slide-out img {
  animation: slideOutRight30 0.75s ease-out forwards;
}
#overview-curved.slide-in img {
  animation: slideLeft30 0.75s ease-out forwards;
}
#overview-curved.slide-out img {
  animation: slideOutLeft30 0.75s ease-out forwards;
}
/*
#overview-straight img {
    transform: translateX(-30%);
}
*/
#overview-curved {
  grid-column: 3/4;
  grid-row: 1/3;
}
/*
#overview-curved img {
    transform: translateX(30%);
}
*/
/*INFORMATION*/
/*SECTION 4*/
#information {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  min-height: 70vh;
}
#information-img {
  background-image: url("assets/informationX1600.jpg");
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  grid-column: 1/2;
}
#information-content {
  grid-column: 2/3;
  grid-row: 1/2;
  z-index: 5;
}
/*
#information-bg {
    grid-column: 2/3;
    grid-row: 1/2;
}
*/
/*YOUR STAIRLIFT*/
/*SECTION 5*/
#your-stairlift {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr 3fr 1fr;
  min-height: 70vh;
}
#your-stairlift-banner {
  grid-row: 2/3;
  grid-column: 2/3;
  z-index: 5;
}
#your-stairlift-banner-img {
  background-image: url("assets/your-stairlift-banner.jpg");
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  min-height: 100%;
}
#your-stairlift-img {
  grid-row: 1/4;
  grid-column: 2/3;
}
#your-stairlift-img div {
  transform: translateX(-50%);
}
#your-stairlift-bg {
  grid-row: 1/4;
  grid-column: 2/3;
}
#your-stairlift-bg div {
  transform: translate(60%, 60%);
}
/*/////////////////////////////////*/
/*STAIRLIFT PAGE CSS*/
/*STAIRLIFT HERO*/
/*SECTION 1*/
#stairlift-hero {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  min-height: 60vh;
}
#stairlift-hero-content {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 5;
}
#stairlift-hero-bg {
  background-image: url("assets/stairlift-hero-bgX1400.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  grid-column: 2/3;
  grid-row: 1/2;
}
#stairlift-hero-img {
  grid-column: 1/2;
  grid-row: 1/2;
}
#stairlift-hero-img img {
  transform: translateX(-50%);
}
/*STAIRLIFT DISPLAY*/
/*SECTION 2*/
#stairlift-display {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr 2fr 1fr;
  min-height: 90vh;
}
#stairlift-display-content {
  grid-column: 2/3;
  grid-row: 2/3;
  z-index: 5;
}
#stairlift-display-staircase {
  grid-column: 1/4;
  grid-row: 1/4;
}
#stairlift-display-worker {
  grid-column: 1/4;
  grid-row: 1/4;
}
#stairlift-display-staircase.fade-in {
  animation: fadeIn 0.3s ease-out forwards;
}
#stairlift-display-staircase.fade-out {
  animation: fadeOut 0.3s ease-out forwards;
}
#stairlift-display-worker.fade-in img {
  animation: fadeIn 0.3s ease-out forwards;
}
#stairlift-display-worker.fade-out img {
  animation: fadeOut 0.3s ease-out forwards;
}
/*STAIRLIFT CONTENT*/
/*SECTION 3*/
#stairlift-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 6fr 1fr;
  min-height: 90vh;
}
#stairlift-content ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  list-style-type: disc;
  padding: 0 17px;
}
#stairlift-content-carousel {
  grid-column: 2/4;
  grid-row: 2/3;
  z-index: 5;
}
.active-carousel {
  background-color: #fff;
  color: #002152;
  font-weight: 500;
  /*    padding: 0.4rem 1.2rem;*/
  box-shadow: 0 0 16px 8px rgba(235, 141, 105, 0.15);
  /*    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);*/
  transition: 0.1s ease-in;
  border: 2px solid #EB8D69;
}
/*STAIRLIFT CONTENT*/
/*SECTION 4*/
#stairlift-content-bg {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column: 1/3;
  grid-row: 2/3;
}
/*/////////////////////////////////*/
/*ABOUT PAGE CSS*/
/*ABOUT HERO*/
/*SECTION 1*/
#about-hero {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr;
  min-height: 70vh;
}
#about-hero-content {
  grid-column: 2/4;
  grid-row: 1/2;
}
#about-hero-bg {
  background-image: url("assets/about-hero-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  grid-column: 1/2;
  grid-row: 1/2;
}
/*ABOUT CONTENT*/
/*SECTION 2*/
#about-stairlift {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr;
  min-height: 70vh;
}
#about-stairlift-bg {
  background-image: url("assets/about-content-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  grid-column: 3/4;
  grid-row: 1/2;
}
#about-stairlift-content {
  grid-column: 1/3;
  grid-row: 1/2;
  z-index: 5;
}
#about-stairlift-img {
  grid-column: 1/3;
  grid-row: 1/2;
}
/*ABOUT QUESTION*/
/*SECITON 3*/
#about-question {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: 1fr;
  min-height: 70vh;
}
#about-question-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-column: 2/4;
  grid-row: 1/2;
  z-index: 5;
}
#about-question-bg {
  background-image: url("assets/about-question-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  grid-column: 1/2;
  grid-row: 1/2;
}
#about-question-img {
  grid-column: 1/2;
  grid-row: 3/4;
}
/*ABOUT QUESTION SURVEY CSS*/
.question {
  font-size: calc(1rem + 0.4vw);
}
.question-card {
  display: none;
  grid-row: 2/3;
}
.question-card.display {
  display: flex;
}
.btn.selected-answer {
  background-color: #002152;
  color: #fff;
  font-weight: 500;
  padding: 0.4rem 1.2rem;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
  transition: 0.3s ease-in;
}
.n-visible {
  visibility: hidden;
  opacity: 0;
}
.visible {
  visibility: visible;
  opacity: 1;
}
/*/////////////////////////////////////*/
/*CONTACT SECTION */
#contact {
  display: grid;
  grid-template-columns: 1fr 6fr 1fr;
  grid-template-rows: 60vh 1fr;
}
#contact-bg {
  background-image: url("assets/contact-bgX1400.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  grid-column: 1/4;
  grid-row: 1/2;
}
#contact-form {
  grid-column: 2/3;
  grid-row: 2/3;
  z-index: 5;
}
#contact-img-stairlift {
  grid-column: 2/3;
  grid-row: 2/3;
}
#contact-img-staircase {
  grid-column: 2/3;
  grid-row: 2/3;
}
/*ADDITIONAL CSS*/
/*Card*/
#logo {
  /*
    background-image: url("assets/logo.svg");
    background-size: cover;
    background-position: center;
*/
  height: 6rem;
  width: 6rem;
}
/*
#logo:hover {
    background-image: url("assets/logo-alt.svg")
}
*/
.card {
  background-color: white;
  box-shadow: 0 0 16px 8px rgba(235, 141, 105, 0.15);
  padding: 2rem 3rem;
  overflow: hidden;
}
/*Components CSS*/
.carousel-card {
  display: none;
}
.carousel-card.active {
  display: flex;
}
.carousel-img {
  transform: translateX(30%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in;
}
.carousel-img.display {
  transform: translateX(-30%);
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease-in;
}
.tiny-footer {
  font-size: calc(0.6rem + 0.4vw);
  line-height: calc(0.4rem + 0.4vw);
  font-weight: 300;
}
.white {
  color: white;
}
.small-contact {
  font-size: calc(0.8rem + 0.4vw);
  line-height: calc(1rem + 0.5vw);
}
.icon {
  width: 2rem;
  height: 2rem;
}
/*Special Btn*/
.contact-btn {
  background-color: #002152;
  border: 3px solid #002152;
  border-radius: 5px;
  color: white;
  font-weight: 700;
  padding: 0.4rem 1.2rem;
  transition: 0.1s ease-in;
}
.contact-btn:hover {
  background-color: white;
  color: #002152;
  border: 3px solid #002152;
  font-weight: 700;
  padding: 0.4rem 1.2rem;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
  transition: 0.1s ease-in;
}
.contact-btn:active {
  background-color: white;
  border: 3px solid #002152;
  color: #002152;
  font-weight: 700;
  padding: 0.4rem 1.2rem;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
  transition: 0.1s ease-in;
}
.contact-btn:focus {
  background-color: #fff;
  border: 3px solid #002152;
  color: #002152;
  font-weight: 700;
  padding: 0.4rem 1.2rem;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
  transition: 0.1s ease-in;
}
.btn-footer {
  background-color: #fff;
  color: #002152;
  font-weight: 700;
  padding: 0.4rem 1.2rem;
}
.second-header {
  font-size: calc(1.2rem + 0.4vw);
}
.span-bar {
  background-color: #626262;
  height: 0.4rem;
  width: 2rem;
}
.span-bar:hover {
  background-color: #fff;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
}
.span-bar.active {
  background-color: #EB8D69;
}
.span-bar.active:hover {
  background-color: #fff;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.25);
}
/*Generic Content For Policies*/
.generic-content {
  max-width: calc(800px + 2vw);
}
/*KEYFRAMES ANIMATION*/
/*SLIDERIGHT*/
/*50*/
@media (min-width: 800px) {
  @keyframes slideRight50 {
    from {
      opacity: 0;
      transform: translateX(-50%);
    }
    to {
      opacity: 1;
      transform: translate(0);
    }
  }
  @keyframes slideOutRight50 {
    from {
      opacity: 1;
      transform: translate(0);
    }
    to {
      opacity: 0;
      transform: translateX(-50%);
    }
  }
  /*30*/
  @keyframes slideRight30 {
    from {
      opacity: 0;
      transform: translateX(-50%);
    }
    to {
      opacity: 1;
      transform: translate(-30%);
    }
  }
  @keyframes slideOutRight30 {
    from {
      opacity: 1;
      transform: translate(-30%);
    }
    to {
      opacity: 0;
      transform: translateX(-50%);
    }
  }
  /*STAIRLIFT HERO IMG*/
  @keyframes stairliftheroImg {
    from {
      opacity: 0;
      transform: translateX(-80%);
    }
    to {
      opacity: 1;
      transform: translate(-50%);
    }
  }
  @keyframes stairliftheroImgOut {
    from {
      opacity: 1;
      transform: translate(-50%);
    }
    to {
      opacity: 0;
      transform: translateX(-80%);
    }
  }
  /*/////////////*/
  /*SLIDELEFT*/
  @keyframes slideLeft30 {
    from {
      opacity: 0;
      transform: translateX(50%);
    }
    to {
      opacity: 1;
      transform: translate(30%);
    }
  }
  @keyframes slideOutLeft30 {
    from {
      opacity: 1;
      transform: translate(30%);
    }
    to {
      opacity: 0;
      transform: translateX(50%);
    }
  }
  /*SLIDELEFT*/
  /*50*/
  @keyframes slideLeft50 {
    from {
      opacity: 0;
      transform: translateX(50%);
    }
    to {
      opacity: 1;
      transform: translate(0);
    }
  }
  @keyframes slideOutLeft50 {
    from {
      opacity: 1;
      transform: translate(0);
    }
    to {
      opacity: 0;
      transform: translateX(50%);
    }
  }
  /*/////////////*/
  /*FADE*/
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
}
/*Page Transtion*/
/*
.fadeSiteIn {
    animation: fadeSiteIn 0.09s ease-out forwards;
}
main.fadeSiteOut {
    animation: fadeSiteOut 0.09s ease-out forwards;
}
@keyframes fadeSiteIn {
    from {
        opacity: 0;
        filter: blur(0);
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        filter: blur(1);
        transform: scale(1);
    }
}
@keyframes fadeSiteOut {
    from {
        opacity: 1;
        filter: blur(1);
        transform: scale(1);
    }
    to {
        opacity: 0;
        filter: blur(0);
        transform: scale(0.99);
    }
}
*/
.fix {
  display: grid;
  grid-template-columns: 1fr 1fr;
}