/* screen - skylokr */

.skylokr {
  background-color: var(--chambray);
  height: 1733px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1440px;
}

.skylokr .rectangle-259-p9HXX1 {
  background-color: var(--white);
  box-shadow: 0px 4px 4px #00000040;
  height: 1733px;
  left: 291px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 857px;
}

.skylokr .skylok_v5_-open-with-ford-truck1-3-p9HXX1 {
  background-color: transparent;
  height: 505px;
  left: 293px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 64px;
  width: 855px;
}

.skylokr .logo-3-p9HXX1 {
  background-color: transparent;
  height: 77px;
  left: 337px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 9px;
  width: 309px;
}

.skylokr .limited-availability-p9HXX1 {
  background-color: transparent;
  height: 41px;
  left: 553px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 598px;
  width: 322px;
}

.skylokr .the-first-skylokrs-will-be-coming-soon-p9HXX1 {
  background-color: transparent;
  height: auto;
  left: 428px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 1361px;
  width: 573px;
}

.skylokr .button-p9HXX1 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: 615px;
  pointer-events: auto;
  position: absolute;
  top: 670px;
  transition: all 0.2s ease;
  width: 201px;
}

.skylokr .button-p9HXX1:hover {
}

.skylokr .rectangle-257-yL1Z9U {
  background-color: var(--chambray);
  border-radius: 24.5px;
  height: 50px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 199px;
}

.skylokr .info-yL1Z9U {
  background-color: transparent;
  height: 19px;
  left: 8px;
  letter-spacing: -1.20px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 182px;
}

.skylokr .group-12-p9HXX1 {
  background-color: transparent;
  height: 479px;
  left: 360px;
  position: absolute;
  top: 820px;
  width: 330px;
}

.skylokr .rectangle-258-nfpyhO {
  background-color: var(--chambray-2);
  height: 479px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 325px;
}

.skylokr .skylokr-provides-ins-nfpyhO {
  background-color: transparent;
  height: auto;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 14px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 127px;
  width: 276px;
}

.skylokr .span0-EVVaBY {
  line-height: 22px;
}

.skylokr .span1-EVVaBY {
}

.skylokr .convenient-smart-sto-nfpyhO {
  background-color: transparent;
  height: auto;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 35px;
  width: 294px;
}

.skylokr .group-13-p9HXX1 {
  background-color: transparent;
  height: 479px;
  left: 753px;
  position: absolute;
  top: 820px;
  width: 330px;
}

.skylokr .rectangle-258-BJ5Hgn {
  background-color: var(--chambray-2);
  height: 479px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 326px;
}

.skylokr .dimensions-976-wide-BJ5Hgn {
  background-color: transparent;
  height: auto;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 22px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 121px;
  width: 278px;
}

.skylokr .incredible-utility-e-BJ5Hgn {
  background-color: transparent;
  height: auto;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 33px;
  width: 293px;
}

.skylokr .group-14-p9HXX1 {
  background-color: transparent;
  height: 116px;
  left: 291px;
  position: absolute;
  top: 1617px;
  width: 857px;
}

.skylokr .rectangle-258-ZfYZ8y {
  background-color: var(--chambray-2);
  height: 116px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 857px;
}

.skylokr .rectangle-260-p9HXX1 {
  background-color: transparent;
  height: 88px;
  left: 293px;
  mix-blend-mode: normal;
  position: absolute;
  top: 481px;
  width: 855px;
}

.skylokr .smart-storage-where-you-need-it-most-p9HXX1 {
  background-color: transparent;
  color: var(--chambray-3);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  height: 47px;
  left: 351px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 500px;
  width: 738px;
}

.skylokr .button-9ZxMtE {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: 602px;
  pointer-events: auto;
  position: absolute;
  top: 1449px;
  transition: all 0.2s ease;
  width: 201px;
}

.skylokr .button-9ZxMtE:hover {
  transform: scale(1.1);
}

.skylokr .rectangle-257-8AZC2x {
  background-color: var(--chambray);
  border-radius: 24.5px;
  height: 50px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 199px;
}

.skylokr .info-8AZC2x {
  background-color: transparent;
  height: 19px;
  left: 8px;
  letter-spacing: -1.20px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 182px;
}
/* screen - skylokr-2 */

.skylokr-2 {
  background-color: var(--white);
  height: 1687px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 834px;
}

.skylokr-2 .skylok_v5_-open-with-ford-truck1-4-UOAAWq {
  background-color: transparent;
  height: 501px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 69px;
  width: 834px;
}

.skylokr-2 .logo-4-UOAAWq {
  background-color: transparent;
  height: 77px;
  left: 46px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 10px;
  width: 309px;
}

.skylokr-2 .the-first-skylokrs-will-be-coming-soon-UOAAWq {
  background-color: transparent;
  height: auto;
  left: 127px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 1348px;
  width: 580px;
}

.skylokr-2 .button-UOAAWq {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: 317px;
  pointer-events: auto;
  position: absolute;
  top: 685px;
  transition: all 0.2s ease;
  width: 201px;
}

.skylokr-2 .button-UOAAWq:hover {
  transform: scale(1.1);
}

.skylokr-2 .rectangle-257-fWnmfD {
  background-color: var(--chambray);
  border-radius: 24.5px;
  height: 50px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 199px;
}

.skylokr-2 .info-fWnmfD {
  background-color: transparent;
  height: 19px;
  left: 8px;
  letter-spacing: -1.20px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 182px;
}

.skylokr-2 .group-12-UOAAWq {
  background-color: transparent;
  height: 458px;
  left: 57px;
  position: absolute;
  top: 815px;
  width: 330px;
}

.skylokr-2 .rectangle-258-40n9Di {
  background-color: var(--chambray-2);
  height: 458px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 325px;
}

.skylokr-2 .skylokr-provides-ins-40n9Di {
  background-color: transparent;
  height: auto;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: 14px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 121px;
  width: 276px;
}

.skylokr-2 .span0-W1ZU7M {
  line-height: 22px;
}

.skylokr-2 .span1-W1ZU7M {
}

.skylokr-2 .convenient-smart-sto-40n9Di {
  background-color: transparent;
  height: auto;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 33px;
  width: 294px;
}

.skylokr-2 .group-13-UOAAWq {
  background-color: transparent;
  height: 458px;
  left: 450px;
  position: absolute;
  top: 815px;
  width: 330px;
}

.skylokr-2 .rectangle-258-rUix1K {
  background-color: var(--chambray-2);
  height: 458px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 326px;
}

.skylokr-2 .dimensions-976-wide-rUix1K {
  background-color: transparent;
  height: auto;
  left: 22px;
  letter-spacing: 0.00px;
  line-height: 22px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 121px;
  width: 278px;
}

.skylokr-2 .incredible-utility-2-rUix1K {
  background-color: transparent;
  height: auto;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 33px;
  width: 293px;
}

.skylokr-2 .limited-availability-UOAAWq {
  background-color: transparent;
  height: 41px;
  left: 254px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 606px;
  width: 322px;
}

.skylokr-2 .group-17-UOAAWq {
  background-color: transparent;
  height: 116px;
  left: 0px;
  position: absolute;
  top: 1571px;
  width: 834px;
}

.skylokr-2 .rectangle-258-9R0mAT {
  background-color: var(--chambray-2);
  height: 116px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 834px;
}

.skylokr-2 .rectangle-262-UOAAWq {
  background-color: transparent;
  height: 89px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 481px;
  width: 834px;
}

.skylokr-2 .smart-storage-where-you-need-it-most-UOAAWq {
  background-color: transparent;
  color: var(--chambray-3);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  height: 47px;
  left: 43px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 501px;
  width: 744px;
}

.skylokr-2 .button-wwZeFx {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: 317px;
  pointer-events: auto;
  position: absolute;
  top: 1445px;
  transition: all 0.2s ease;
  width: 201px;
}

.skylokr-2 .button-wwZeFx:hover {
  transform: scale(1.1);
}

.skylokr-2 .rectangle-257-a75Rxa {
  background-color: var(--chambray);
  border-radius: 24.5px;
  height: 50px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 199px;
}

.skylokr-2 .info-a75Rxa {
  background-color: transparent;
  height: 19px;
  left: 8px;
  letter-spacing: -1.20px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 182px;
}
/* screen - skylokr2 */

.skylokr2 {
  background-color: var(--white);
  height: 1817px;
  mix-blend-mode: normal;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.skylokr2 .skylok_v5_-open-with-ford-truck1-5-2gPwDK {
  background-color: transparent;
  height: 221px;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 97px;
  width: 375px;
}

.skylokr2 .logo-5-2gPwDK {
  background-color: transparent;
  height: 51px;
  left: 85px;
  mix-blend-mode: normal;
  object-fit: cover;
  position: absolute;
  top: 23px;
  width: 203px;
}

.skylokr2 .smart-storage-where-you-need-it-most-2gPwDK {
  background-color: transparent;
  color: var(--chambray-3);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
  height: 58px;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 331px;
  width: 323px;
}

.skylokr2 .limited-availability-2gPwDK {
  background-color: transparent;
  height: auto;
  left: 20px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 426px;
  width: 322px;
}

.skylokr2 .button-2gPwDK {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: 82px;
  pointer-events: auto;
  position: absolute;
  top: 506px;
  transition: all 0.2s ease;
  width: 201px;
}

.skylokr2 .button-2gPwDK:hover {
  transform: scale(1.1);
}

.skylokr2 .rectangle-257-YqSnmR {
  background-color: var(--chambray);
  border-radius: 24.5px;
  height: 50px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 199px;
}

.skylokr2 .info-YqSnmR {
  background-color: transparent;
  height: 19px;
  left: 8px;
  letter-spacing: -1.20px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 182px;
}

.skylokr2 .group-18-2gPwDK {
  background-color: transparent;
  height: 411px;
  left: 25px;
  position: absolute;
  top: 631px;
  width: 330px;
}

.skylokr2 .rectangle-258-Ex2ifF {
  background-color: var(--chambray-2);
  height: 411px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 325px;
}

.skylokr2 .skylokr-provides-ins-Ex2ifF {
  background-color: transparent;
  height: auto;
  left: 26px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 107px;
  width: 276px;
}

.skylokr2 .convenient-smart-sto-Ex2ifF {
  background-color: transparent;
  height: auto;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 28px;
  width: 294px;
}

.skylokr2 .group-18-KuzD89 {
  background-color: transparent;
  height: 418px;
  left: 24px;
  position: absolute;
  top: 1079px;
  width: 330px;
}

.skylokr2 .rectangle-258-5sXXUX {
  background-color: var(--chambray-2);
  height: 418px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 326px;
}

.skylokr2 .dimensions-976-wide-5sXXUX {
  background-color: transparent;
  height: auto;
  left: 26px;
  letter-spacing: 0.00px;
  line-height: 22px;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 96px;
  width: 278px;
}

.skylokr2 .incredible-utility-2-5sXXUX {
  background-color: transparent;
  height: auto;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: left;
  top: 24px;
  width: 293px;
}

.skylokr2 .the-first-skylokrs-will-be-coming-soon-2gPwDK {
  background-color: transparent;
  height: auto;
  left: 24px;
  letter-spacing: 0.00px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 1543px;
  width: 326px;
}

.skylokr2 .button-KuzD89 {
  background-color: transparent;
  cursor: pointer;
  height: 50px;
  left: 86px;
  pointer-events: auto;
  position: absolute;
  top: 1678px;
  transition: all 0.2s ease;
  width: 201px;
}

.skylokr2 .button-KuzD89:hover {
  transform: scale(1.1);
}

.skylokr2 .rectangle-257-EXMwRE {
  background-color: var(--chambray);
  border-radius: 24.5px;
  height: 50px;
  left: 0px;
  mix-blend-mode: normal;
  position: absolute;
  top: 0px;
  width: 199px;
}

.skylokr2 .info-EXMwRE {
  background-color: transparent;
  height: 19px;
  left: 8px;
  letter-spacing: -1.20px;
  line-height: normal;
  mix-blend-mode: normal;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 182px;
}

.skylokr2 .group-18-zFLFeo {
  background-color: transparent;
  height: 58px;
  left: 0px;
  position: absolute;
  top: 1759px;
  width: 375px;
}

.skylokr2 .rectangle-258-eTmvGv {
  background-color: var(--chambray-2);
  height: 58px;
  left: 0px;
  mix-blend-mode: normal;
  position: relative;
  top: 0px;
  width: 375px;
}
@media screen and (max-width: 833px) {
  .screen.skylokr-2 { 
    display: none;
   }
  .screen.skylokr { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1439px) {
  .screen.skylokr { 
    display: none;
   }
  .screen.skylokr2 { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.skylokr-2 { 
    display: none;
   }
  .screen.skylokr2 { 
    display: none;
   }
}