/** Shopify CDN: Minification failed

Line 12720:4 "marign-right" is not a known CSS property
Line 13443:26 Expected identifier but found "!"
Line 14455:6 Expected identifier but found "calc("
Line 17097:4 "padding-bototm" is not a known CSS property
Line 17276:6 "marign-top" is not a known CSS property
Line 23148:6 "marign" is not a known CSS property
Line 23452:2 Unexpected "}"

**/
.plpHero button,
.plpText button,
.plpIconRow button,
.plpLifestyle button,
.plpSplit button,
.pdpCompare button,
.plpFeatures button,
.plpMediaText button,
.plpAppGrid button,
.plpAppDownload button,
.plpInteractive button,
.pdpVideo button,
.plpFaq button{
      color:black;
}

#smart-lock-solutions .section-content{
    padding:0!important;
  }
  #smart-lock-solutions .footer-top{
    padding:50px 0px !important;
  }
  .smBanner{
    position:relative;
    height:538px;
  }
  .smBanner__bkg{
    position:absolute;
    width:100%;
    height:100%;
  }
  .smBanner__bkgImg{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    object-position: left;
  }
  .smBanner__content{
    max-width:1185px;
    width:calc(100% - 60px);
    margin:auto;
    position:relative;
  }
  .smBanner__inner{
    width:330px;
    color:white;
    padding-top:86px;
  }
  .smBanner__title{
    font-size:42px !important;
    line-height:46px;
    width:250px;
  }
  .smBanner__text{
    font-size:22px;
    margin-top:30px;
    line-height:30px;
  }
  .smBanner__Icon{
    width:212px;
    margin-top:21px;
  }
  
  .crossOne{
    padding:84px 0;
  }
  .crossOne__inner{
    max-width: 1233px;
    width:calc(100% - 60px);
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .crossOne__left{
    width:calc(100% - 432px);
  }
  .crossOne__img{
    width:100%;
  }
  .crossOne__right{
    width:372px;
    display:flex;
  }
  .crossOne__text{
    margin:auto;
    padding-top:28px;
  }
  .crossOne__title{
    font-size:29px !important;
  }
  .crossOne__body{
    margin-top:26px;
    font-size:16px;
    line-height:22px;
  }
  
  .crossTwo{
    padding-top:7px;
    padding-bottom:39px;
  }
  .crossTwo__inner{
    max-width:953px;
    width:calc(100% - 60px);
    margin:auto;
    text-align:center;
  }
  .crossTwo__title{
    font-size:34px !important;
  }
  .crossTwo__body{
    font-size:20px;
    line-height:32px;
    margin-top:23px;
  }
  .crossTwo__body p{
    margin:0;
  }
  .crossTwo__tailText{
    font-size:20px;
    margin-top:34px;
  }
  .crossTwo__tailText p{
    margin:0;
  }
  
  .crossThree{
    padding-bottom:50px;
    padding-top:15px;
  }
  .crossThree__inner{
    max-width:1200px;
    width:calc(100% - 60px);
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  .crossThree__column{
    width:calc(50% - 20px);
    max-width:550px;
  }
  .crossThree_imgWrapper{
    width:100%;
    position:relative;
    height:0;
    padding-top:74%;
  }
  .crossThree__img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .crossThree__textWrapper{
    text-align: center;
    width: 100%;
    margin: auto;
    max-width: 430px;
    padding-top: 44px;
  }
  .crossThree__title{
    font-size: 23px !important;
  }
  .crossThree__text{
    line-height:26px;
    margin-top:20px;
  }
  .crossThree__icon{
    display:block;
    margin:auto;
    margin-top:46px;
    height:67px;
  }
  .crossThree__link{
    font-size:18px;
    text-decoration:underline;
    display:block;
    margin-top:14px;
  }
  .crossThree__icon--august{
    padding:15px 0;
  }
  
  .crossFour{
    position:relative;
    height:660px;
    width:100%;
  }
  .crossFour__bkg{
    width:100%;
    height:100%;
    position:absolute;
  }
  .crossFour__bkgImg{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left;
  }
  .crossFour__inner{
    margin:auto;
    max-width:1200px;
    width:calc(100% - 60px);
    position:relative;
    padding-top:170px;
    color:white;
  }
  .crossFour__title{
    max-width:380px;
  
  }
  .crossFour__rail{
    margin-top:40px;
  }
  .crossFour__content{
    max-width:370px;
  }
  .crossFour__subHead{
    line-height:37px;
    font-family: 'YaleSolis-Regular';
    font-size: 24px!important;
  }
  .crossFour__text{
    line-height:22px;
    margin-top:34px;
  }
  
  .crossFive{
    padding-top:92px;
    position:relative;
  }
  .crossFive__left{
    width:50%;
  }
  .crossFive__img{
    width:100%;
    height:auto;
  }
  .crossFive__inner{
    position:absolute;
    height:100%;
    top:0;
    padding-top:92px;
    width:50%;
    max-width:619px;
    left:50%;
    padding-left:30px;
    padding-right:30px;
    display:flex;
  }
  .crossFive__right{
    margin:auto;
    max-width:420px;
  }
  .crossFive__title{
    font-size:35px !important;
    margin-bottom:24px;
  }
  .crossFive__body{
    line-height:22px;
    padding-bottom:7px;
  }
  .crossFive__body p{
    margin-bottom:23px;
  }
  
  .crossSix{
    padding-top:80px;
    padding-bottom:90px;
  }
  .crossSix__titleRow{
    width: calc(100% - 60px);
    max-width: 1130px;
    margin: auto;
    text-align: center;
    padding-bottom: 67px;
  }
  .crossSix__title{
    font-size: 35px !important;
  }
  .crossSix__inner{
    position: relative;
    display: flex;
    justify-content: flex-end;
  }
  .crossSix__content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 60px);
    max-width: 1172px;
  }
  .crossSix__innerTitle{
    max-width: 420px;
    font-size: 36px !important;
    margin-bottom: 13px;
    padding-top: 6px;
  }
  .crossSix__text{
    max-width: 420px;
    line-height: 22px;
    margin-bottom: 35px;
  }
  .crossSix__text p{
    margin-bottom:20px;
  }
  .crossSix__imgWrapper{
    width: calc(50% - 50px);
    height: 600px;
  }
  .crossSix__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
  }
  .crossSix__button{
  
  }
  .smYaleButton{
    display: block;
    background: #FFD200;
    height: 40px;
    border-radius: 20px;
    width: max-content;
    font-size: 14px;
    padding: 0px 61px;
    line-height: 40px;
    transition:all .2s;
    border:none;
  }
  .smYaleButton:hover{
    background:#eeba00;
    border:none;
  }
  
  .crossSeven__inner{
    width: calc(100% - 60px);
    margin: auto;
    max-width: 1170px;
  }
  .crossSeven__title{
    text-align: center;
    text-transform: uppercase;
    font-size: 30px !important;
    margin-top: -10px;
  }
  .crossSeven__flex{
    display: flex;
    margin-top: 60px;
    justify-content: space-between;
  }
  .crossSeven__prod{
    width: calc(100% / 3);
    position: relative;
  }
  .crossSeven__imgWrapper{
    height:215px;
  }
  .crossSeven__img{
    width:100%;
    height:100%;
    object-fit:contain;
  }
  .crossSeven__textWrapper{
    text-align:center;
    margin-top:27px;
  }
  .crossSeven__name{
    font-size:22px !important;
  }
  .crossSeven__text{
    text-align: center;
    font-size: 18px;
    max-width: 280px;
    margin: auto;
    margin-top: 27px;
    line-height: 24px;
    padding-bottom: 63px;
  }
  .crossSeven__link{
    padding: 0px 35px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .crossSeven__text p{
    margin:0;
  }
  .crossSeven{
    padding-bottom:75px;
  }
  
  .crossEight{
    height:727px;
    position:relative;
  }
  .crossEight__bkg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }
  .crossEight__bkgImg{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:right;
  }
  .crossEight__inner{
    position:relative;
    width: calc(100% - 60px);
    margin: auto;
    max-width: 1200px;
    display: flex;
    justify-content: flex-end;
    height: 100%;
  }
  .crossEight__content{
    width: 466px;
    margin: auto 0;
  }
  .crossEight__title{
    font-size: 35px !important;
    line-height: 41px;
    margin-bottom: 29px;
  }
  .crossEight__text{
    line-height:22px;
  }
  .crossEight__text p{
    margin-bottom:22px;
  }
  .crossEight__icon{
    width: 130px;
    margin-left: 7px;
    margin-top: 66px;
    display: block;
  }
  .crossEight__button{
    margin-top:32px;
  }
  .smAugustButton{
    color: white;
    background: #DC101D;
    height: 40px;
    display: block;
    line-height: 40px;
    border-radius: 20px;
    width: max-content;
    font-size: 14px;
    padding: 0px 34px;
    margin-top: 32px;
  }
  .smAugustButton:hover{
    color:white;
    border:none;
    background:#bd0e19;
  }
  
  .crossNine{
    margin-top:80px;
    position:relative;
    height:542px;
  }
  .crossNine__bkg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
  }
  .crossNine__bkgImg{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
  }
  .crossNine__inner{
    position: relative;
    margin: auto;
    max-width: 1308px;
    width: calc(100% - 60px);
    height: 100%;
    display: flex;
  }
  .crossNine__content{
    margin: auto 0;
    width: 400px;
    padding-bottom: 36px;
  }
  .crossNine__superTitle{
    font-weight: bold;
    font-size: 15px;
    margin-bottom: -7px;
  }
  .crossNine__title{
    font-family: 'YaleSolis-Regular';
    font-size: 35px !important;
    font-weight: normal;
  }
  .crossNine__text{
    font-size: 28px;
    margin-top: 24px;
    line-height: 34px;
  }
  .crossNine__button{
    margin-top:62px;
  }
  
  .crossTen{
    padding:87px 0;
  }
  .crossTen__inner{
    display:flex;
    width: calc(100% - 60px);
    margin: auto;
    max-width: 1257px;
    justify-content: space-between;
  }
  .crossTen__left{
    width:54%;
  }
  .crossTen__img{
    width:100%;
  }
  .crossTen__right{
    width:calc(46% - 30px);
    max-width: 494px;
    display:flex;
  }
  .crossTen__content{
    max-width: 370px;
    margin: auto 0;
    padding-top: 40px;
  }
  .crossTen__title{
    font-size: 35px !important;
    margin-bottom: 25px;
  }
  .crossTen__text{
    line-height:22px;
  }
  
  .crossTable{
    padding-top:5px;
    padding-bottom:100px;
  }
  .crossTable__inner{
    width:calc(100% - 60px);
    margin:auto;
    max-width:1214px;
  }
  .crossTable__title{
    text-align:center;
    font-size:30px !important;
  }
  .crossTable__table{
    display:flex;
    flex-direction:column;
    margin-top:52px;
  }
  .crossTable__imgRow{
    display:flex;
    padding-bottom: 28px;
    border-bottom: 1px solid black;
  }
  .crossTable__blankKey, .crossTable__imgCell{
    width:calc(100% / 5);
  }
  .crossTable__prodImg{
    height: 230px;
    width: 100%;
    object-fit: contain;
    margin:auto;
    max-width:180px;
    display:block;
  }
  .crossTable__prodName{
    font-weight: bold;
    font-size: 21px;
    margin: auto;
    max-width: 220px;
    text-align: center;
    line-height: 27px;
    height: 54px;
    margin-top: 5px;
  }
  .crossTable__prodLink{
    margin: auto;
    display: block;
    height: 40px;
    background: black;
    color: white;
    line-height: 40px;
    border-radius: 20px;
    width: max-content;
    padding: 0px 30px;
    font-size: 14px;
    margin-top: 20px;
  }
  .crossTable__prodLink:hover{
    color:white;
  }
  .crossTable__row{
    border-bottom: 1px solid black;
    display: flex;
  }
  .crossTable__keyRow{
    width: calc(100% / 5);
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 30px 20px;
    line-height: 24px;
    display:flex;
    margin:auto;
    flex-direction:column;
  }
  .crossTable__cell{
    width: calc(100% / 5);
    display: flex;
    border-right: 1px solid black;
  }
  .crossTable__check{
    width: 27px;
    display: block;
    margin: auto;
  }
  .crossTable__cellText{
    margin: auto;
    width: calc(100% - 40px);
    line-height: 24px;
  }
  .crossTable__cellText{
    margin:auto;
    width:calc(100% - 40px);
    line-height:24px;
  }
  .crossTable__extra{
    font-size:14px;
    margin-top:15px;
  }
  .smBanner__mobImg, .crossFour__mobImg, .crossEight__mobImg, .crossNine__mobImg, .smBanner__mobileIcon{
    display:none;
  }
  .crossSeven__mobSliderWrapper{
    height:0;
    overflow:hidden;
  }
  
  @media only screen and (max-width:900px){
    .crossOne__inner{
      flex-direction:column;
      max-width:580px;
    }
    .crossOne__left, .crossOne__right{
      width:100%;
    }
    .crossTwo__inner{
      max-width:580px;
    }
    .crossThree{
      padding-bottom:10px;
    }
    .crossThree__inner{
      flex-direction:column;
      max-width:580px;
    }
    .crossThree__column{
      width:100%;
      max-width:none;
      margin-bottom:40px;
    }
    .crossFour{
      display: flex;
      flex-direction: column;
      height: auto;
    }
    .crossFour__bkg{
      height:auto;
      position:relative;
    }
    .crossFour__inner{
      color: #1a1a1a;
      padding-top: 50px;
    }
    .crossFour__rail{
      margin-top:30px;
      text-align:center;
    }
    .crossFour__content{
      max-width:none;
      margin:auto;
    }
    .crossFive{
      padding-top: 50px;
      margin: auto;
      width: calc(100% - 60px);
      display: flex;
      flex-direction: column;
      max-width: 580px;
    }
    .crossFive__left{
      width:100%;
    }
    .crossFive__inner{
      position: relative;
      max-width: none;
      width: 100%;
      left: 0;
      padding: 0;
      padding-top: 30px;
    }
    .crossFive__right{
      max-width:none;
    }
    .crossSix{
      padding-top:40px;
    }
    .crossSix__titleRow{
      padding-bottom:30px;
    }
    .crossSix__inner{
      flex-direction: column;
      max-width: 580px;
      margin: auto;
    }
    .crossSix__content{
      position: relative;
      top: 0;
      left: 0;
      transform: none;
      width: calc(100% - 60px);
      margin:auto;
      text-align: center;
      margin-bottom: 50px;
    }
    .crossSix__innerTitle{
      max-width: none;
      font-size: 24px !important;
    }
    .crossSix__text{
      max-width:none;
    }
    .crossSix__button{
      margin:auto;
    }
    .crossSix__imgWrapper{
      width:100%;
      height:auto;
    }
    .crossSeven{
      padding-bottom:40px;
    }
    .crossSeven__inner{
      max-width:580px;
    }
    .crossSeven__flex{
      flex-direction:column;
      margin-top:30px;
    }
    .crossSeven__prod{
      width:100%;
      display:flex;
      margin-bottom:30px;
    }
    .crossSeven__imgWrapper{
      width:200px;
    }
    .crossSeven__textWrapper{
      width:calc(100% - 200px);
      text-align:left;
    }
    .crossSeven__text{
      text-align: left;
      padding: 0;
      max-width: none;
      margin-top: 10px;
    }
    .crossSeven__link{
      position: relative;
      left: 0;
      bottom: 0;
      transform: none;
      margin-top: 20px;
    }
    .crossEight{
      height:auto;
    }
    .crossEight__bkg{
      position:relative;
      height:auto;
    }
    .crossEight__inner{
      height:auto;
      margin-top:30px;
      max-width:580px;
    }
    .crossEight__content{
      width:100%;
    }
    .crossEight__icon{
      margin-top:30px;
    }
    .crossNine{
      margin-top:60px;
      height:auto;
    }
    .crossNine__bkg{
      position:relative;
      height:auto;
    }
    .crossNine__inner{
      max-width:580px;
      margin-top:40px;
    }
    .crossNine__content{
      padding:0;
      width:auto;
    }
    .crossNine__text{
      margin-top:10px;
    }
    .crossNine__button{
      margin-top:10px;
    }
    .crossTen{
      padding-top:50px;
      padding-bottom:35px;
    }
    .crossTen__inner{
      flex-direction:column;
      max-width:580px;
    }
    .crossTen__left{
      width:100%;
    }
    .crossTen__right{
      width:100%;
      max-width:none;
    }
    .crossTen__content{
      max-width:none;
    }
    .crossTable__prodImg{
      height:100px;
    }
    .crossTable__prodName{
      font-size:16px;
    }
    .crossTable__inner{
      width:100%;
    }
    .crossTable__wrapper{
      overflow:auto;
    }
    .crossTable__table{
      width:1000px;
      padding:0px 30px;
    }
    .crossTable__imgWrapper{
      padding:0px 15px;
    }
    .crossTable__extra{
      width: calc(100% - 60px);
      margin: auto;
      margin-top: 40px;
    }
    .topbar .container .row .d-block{
      width:100%;
      /* text-align:left !important; */
    }
    .smBanner{
      height:auto;
    }
    .smBanner__bkg{
      position:relative;
    }
    .smBanner__bkgImg{
      display:none;
    }
    .smBanner__mobImg{
      display:block;
      width:100%;
    }
    .smBanner__inner{
      color:#1a1a1a;
      width:100%;
      text-align:center;
      padding-top:40px;
    }
    .smBanner__title{
      width:100%;
      margin:0;
      font-size:35px !important;
      line-height:35px;
    }
    .smBanner__text{
      font-size:16px;
      line-height:20px;
      margin-top:20px;
    }
    .smBanner__Icon{
      display:none;
    }
    .smBanner__mobileIcon{
      display:block;
      margin:auto;
      width:130px;
    }
    .crossOne{
      padding-bottom:30px;
    }
    .crossTow__body{
      font-size:16px;
      line-height:25px;
      text-align:left;
    }
    .crossTwo__tailText{
      font-size:16px;
      text-align:left;
      margin-top:20px;
    }
    .crossFour{
      height:612px;
    }
    .crossFour__bkg{
      background:white;
    }
    .crossFour__bkgImg{
      display:none;
    }
    .crossFour__mobImg{
      display: block;
      height: 612px;
      opacity:.3;
      margin: auto;
    }
    .crossFour__inner{
      margin-top:0;
      color:white;
    }
    .crossFour__title{
      text-align:left;
    }
    .crossFour__rail{
      text-align:left;
    }
    .crossSix__inner{
      flex-direction:column-reverse;
      width:calc(100% - 60px);
    }
    .crossSix__content{
      width:100%;
      text-align:left;
      margin-top:20px;
    }
    .crossSix{
      padding-bottom:20px;
    }
    .crossSeven__flex{
      display:none;
    }
    .crossSeven__mobSliderWrapper{
      height:auto;
      overflow:none;
    }
    .crossSeven__imgWrapper{
      margin: auto;
      padding-top: 10px;
      width: 100%;
      height: 240px;
    }
    .crossSeven__textWrapper{
      margin: auto;
      text-align: center;
      width: 100%;
      max-width: 350px;
    }
    .crossSeven__text{
      text-align:center;
    }
    .crossSeven__link{
      margin:auto;
      margin-top:20px;
    }
    .slick-dots{
      display: flex;
      justify-content: center;
      position: relative;
      z-index: 100;
      list-style: none;
      padding: 0;
    }
    .slick-dots li button{
      padding: 0;
      overflow: hidden;
      color: transparent;
      width: 16px;
      height: 16px;
      border: 1px solid black;
      background: none;
      border-radius: 100%;
      margin: 0px 5px;
    }
    .slick-dots li.slick-active button{
      background:black;
    }
    .crossFour__inner{
      position:absolute;
      top:0;
      padding:0px 30px;
      padding-top:50px;
      width:100%;
    }
  
    .crossTable__table{
      width:calc(170px * 5);
    }
  
    .crossTable__title{
      position:relative;
    }
    .crossTable__title::before{
      content:'';
      position:absolute;
      height:25px;
      width:15px;
      background-image: url(/cdn/shop/files/aero-left.svg?15170);
      top:50px;
      left:25px;
      background-repeat:no-repeat;
    }
    .crossTable__title::after{
      content:'';
      position:absolute;
      height:25px;
      width:15px;
      transform:rotate(180deg);
      background-image: url(/cdn/shop/files/aero-left.svg?15170);
      top:50px;
      right:25px;
      background-repeat:no-repeat;
    }
    .crossTable{
      display:none;
    }
  }
  
  .crossThree__link{
    width:max-content;
    margin:auto;
    margin-top:14px;
  }
  .crossTable__prodLink, .smAugustButton{
    font-weight:bold!important;
  }
  .smYaleButton{
    font-weight:bold!important;
  }
  
  .crossHeader__yale{
    margin-left:1px;
  }
  .crossHeader__yale:hover{
    background:white;
    border:none!important;
    transition:all .2s;
  }
  .crossHeader__yale:hover .crossHeader__augustImg{
    filter:none!important;
  }
  
  .smVideoButton{
    background:transparent;
    border:none;
  }
  .smVideoButton{
    width:70px;
    height:71px;
    object-fit: contain;
    padding: 0;
    overflow: visible;
  }
  .smVideoModal{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 100;
  }
  .smVideoModal__bkg{
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
  }
  .smVideoModal__inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 800px;
    width: calc(100% - 60px);
  }
  .smVideoModal__wrapper{
    height: 0;
    width: 100%;
    position: relative;
    padding-top: 56%;
  }
  .smVideoModal__wrapper iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  .register .klaviyo-form{
    width: 100%;
    max-width:570px;
    margin: auto;
  }
  .register .klaviyo-form form{
    padding:0;
  }
  
  .crossTable__prodLink:hover{
    background:#333;
    border:none;
  }
  
  .buy-pro-section{
    padding:150px 0 !important;
  }
  
  .index-three-sections .right-sec-wrap .aero-btn:after {
    background-image: url(/cdn/shop/files/aero-right-y.svg?15487);
  }
  
  .crossSeven__link{
    min-width:150px;
  }
  .crossTable__keyRow p:last-of-type{
    margin:0;
  }
  
  .buy-pro-section{
    cursor:pointer;
  }
  
  .smVideoModa__close{
    position:absolute;
    top:-40px;
    right:-40px;
    color:white;
    font-weight:bold;
    font-size:25px;
    background:none;
    border:none;
  }
  
  .variant-name button{
    border:none;
    background:transparent;
  }
  .variant-name button.focus-visible .que-popup{
    display:block;
  }
  
  .sm-techButton .que-image{
    opacity:0;
  }
  .variant-name svg{
    position: absolute;
    right:28px;
  }
  @media only screen and (max-width:768px){
    .variant-name svg{
      right:8px;
      top:6px;
    }
    .variant-name button{
      width:26px;
      padding:0;
    }
    .sm-techButton .que-image{
      width: 100%;
      height: 100%;
      margin: 0!important;
    }
  }
  
  .newHero__slider .slick-prev{
    color: transparent;
    background-color: transparent;
    background-image: url(/cdn/shop/files/aero-left.svg?15170);
    border: none;
    background-repeat: no-repeat;
    padding: 0;
    width: 30px;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    left: 15px;
  }
  .newHero__slide{
    height: 32vw!important;
    position: relative;
    min-height: 550px!important;
  }
  .newHero__desktopImg{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
  }
  .newHero__mobileImg{
    display:none!important;
  }
  .newHero__slideContent{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 130px);
    max-width: 1340px;
  }
  .newHero__superTitle{
    color: white;
    font-family: YaleSolis-Regular,sans-serif;
    font-size: 3.5rem!important;
    font-weight: 300!important;
    width: 50%;
    line-height: 56px !important;
    margin-bottom: 30px !important;
  }
  .newHero__title{
    font-size: 2.375rem!important;
    margin-bottom: .5rem;
    font-family: YaleSolis-Bold,sans-serif;
    font-weight: 600;
    color: white;
    width: 50%;
    line-height: 30px !important;
  }
  .newHero__button{
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .9375rem 1.125rem;
    font-size: .9375rem;
    line-height: 1.2;
    border-radius: 2rem;
    transition: color .15s;
    background-color: #ffc700;
    border-color: #ffc700;
    padding-right: 3rem!important;
    padding-left: 3rem!important;
    margin-top: 1rem!important;
    text-transform: uppercase!important;
    color: #1a1a1a;
    font-weight: 600;
  }
  .newHero__button:hover{
    background: #eeba00!important;
    border-color: #eeba00!important;
  
  }
  .newHero .slick-next{
    color: transparent;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    padding: 0;
    width: 30px;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    right: 15px;
    background-image: url(/cdn/shop/files/aero-right.svg?15170);
  }
  .newHero .slick-dots{
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-top:15px;
  }
  .newHero li{
    margin:0 4px;
    height:3px;
  }
  .newHero li button{
    display: inline-block;
    width: 25px;
    height: 3px;
    background: #333;
    border-radius: 0;
    opacity: .4;
    cursor: pointer;
    color: transparent;
    border:none;
  }
  
  .newHero li.slick-active button{
    opacity:1;
  }
  .newHero__mobInner{
    display:none;
  }
  .newHero__mobileSlideContainer{
    display:none;
    text-align:center;
  }
  @media only screen and (max-width:992px){
    .newHero__desktopImg{
      display:none!important;
    }
    .newHero__mobileImg{
      display:block!important;
      width:100%;
      height:72vw;
      object-fit:cover;
    }
    .newHero__slideContent{
      display:none;
    }
    .newHero__slide{
      height:auto!important;
    }
    .newHero__mobileSlideContainer{
      width: calc(100% - 60px);
      margin: auto;
      display:block;
    }
    .newHero__mobInner{
      display: block;
      width: calc(100% - 60px);
      margin: auto;
      text-align: center;
      margin-bottom: 60px;
      margin-top: 35px;
    }
    .newHero__mobSuperTitle{
      font-family: YaleSolis-Regular,sans-serif;
      font-size: 2.5rem!important;
      font-weight: 300!important;
      margin-bottom: 1rem!important;
      line-height: 1.3!important;
    }
    .newHero__mobTitle{
      font-size: 2.875rem!important;
      margin-bottom: .5rem;
      font-family: YaleSolis-Bold,sans-serif;
      font-weight: 600;
      line-height: 1.3!important;
    }
    .newHero__mobButton{
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: 1px solid transparent !important;
      padding: .9375rem 1.125rem;
      font-size: .9375rem;
      line-height: 1.2;
      border-radius: 2rem;
      transition: color .15s;
      background-color: #ffc700;
      border-color: #ffc700;
      padding-right: 3rem!important;
      padding-left: 3rem!important;
      margin-top: 2rem!important;
      text-transform: uppercase!important;
      color: #1a1a1a;
      font-weight: 600;
    }
    .newHero__mobButton:hover{
      background: #eeba00!important;
      border-color: #eeba00!important;
    }
    .newHero__slider .slick-prev{
      left:5px;
    }
    .newHero__slider .slick-next{
      right:5px;
    }
    .newHero__mobileSlideContainer{
      padding:30px 0px;
    }
    .newHero__mobSuperTitle{
      font-size:2rem!important;
    }
    .newHero__mobTitle{
      font-size:2.2rem!important;
    }
    .newHero__slider .slick-arrow{
      display:none;
    }
    .newHero{
      margin-bottom:50px;
    }
  
    .newHero__overlay {
      display: none;
    }
  }
  
  .abHero{
    max-height:588px;
    position:relative;
    height:45vw;
  }
  .abHero__background{
    width:100%;
    height:100%;
  }
  .abHero__desktopImg{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .abHero__mobileImg{
    width:100%;
    height:100%;
    object-fit:cover;
    display:none;
  }
  .abHero__inner{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:calc(100% - 140px);
    max-width:1640px;
  }
  .abHero__content{
    width:50%;
    padding-bottom:82px;
  }
  .abHero__content h1{
    color: white;
    font-family: 'YaleSolis-Regular';
    font-weight: normal;
    font-size: 56px!important;
    line-height: 63px!important;
  }
  .abDark{
    background:#2D2C2E;
  }
  .abDark__inner{
    width: calc(100% - 140px);
    margin: auto;
    max-width: 1640px;
    text-align: center;
    color: white;
    padding-top: 44px;
    padding-bottom: 54px;
  }
  .abDark__flex{
    display:flex;
    justify-content:center;
  }
  .abDark__title{
    font-size:48px;
    margin-right:43px;
  }
  .abDark__image{
    width:195px;
    height:61px;
    margin:auto 0;
  }
  .abDark__text{
    font-size:24px;
    line-height:30px;
    margin-top:20px;
  }
  .abIcons{
    background-image: linear-gradient(135deg, #FDFEEE, #FCDB74);
    padding-top: 96px;
    padding-bottom: 100px;
    min-height: 624px;
  }
  .abIcons__flex{
    width: calc(100% - 140px);
    margin: auto;
    max-width: 1640px;
    display: flex;
    justify-content: space-between;
    mix-blend-mode: darken;
  }
  .abIcons__left{
    width:calc(50% - 20px);
  }
  .abIcons__title{
    font-family: 'YaleSolis-Bold';
    font-size: 48px;
    line-height: 57px;
    max-width: 680px;
  }
  .abIcons__text{
    max-width: 680px;
    font-size: 24px;
    margin-top: 33px;
    line-height: 30px;
  }
  .abIcons__text p{
    margin-bottom:30px;
  }
  .abIcons__right{
    width:calc(50% - 20px);
  }
  .abIcons__grid{
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 800px;
    margin-top: 28px;
    justify-content: space-between;
  }
  .abIcon{
    width: calc((100% / 3) - 30px);
    text-align: center;
    margin-bottom: 38px;
  }
  .abIcon__text{
    font-family: 'YaleSolis-Bold';
    max-width: 150px;
    margin: auto;
    margin-top: 19px;
    line-height: 21px;
    font-size: 16px;
  }
  .abRepeater{
    padding-top:76px;
    padding-bottom:1px;
  }
  .abRepeater__inner{
    width: calc(100% - 140px);
    margin: auto;
    max-width: 1640px;
  }
  .abBlock{
    margin-bottom:68px;
  }
  .abBlock__flex{
    display: flex;
    justify-content: space-between;
  }
  .abBlock__imgWrapper{
    width: calc(50% - 10px);
  }
  .abBlock__desktopImg{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .abBlock__mobileImg{
    width:100%;
    height:100%;
    object-fit:cover;
    display:none;
  }
  .abBlock__textWrapper{
    width: calc(50% - 10px);
    display: flex;
  }
  .abBlock__inner{
    margin: auto;
    max-width: 620px;
  }
  .abBlock__title{
    font-family: 'YaleSolis-Bold';
    font-size: 48px;
    line-height: 58px;
  }
  .abBlock__text{
    font-size: 24px;
    margin-top: 32px;
    line-height: 30px;
  }
  .abBlock__text p{
    margin-bottom:30px;
  }
  .abBlock:nth-of-type(2n) .abBlock__flex{
    flex-direction: row-reverse;
  }
  .abPhones{
    background-color:#ECECEA;
    padding-top:68px;
    padding-bottom:27px;
  }
  .abPhones__inner{
    width:calc(100% - 140px);
    margin:auto;
    max-width:1640px;
  }
  .abPhones__title{
    font-family:"YaleSolis-Bold";
    font-size:48px;
  }
  .abPhones__textFlex{
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    line-height: 31px;
    margin-top: 21px;
  }
  .abPhones__textBlock{
    width:calc(50% - 10px);
  }
  .abPhones__mid{
    margin-top:90px;
  }
  .abPhones__flex{
    display:flex;
    justify-content:space-between;
  }
  .abPhone{
    width:calc((100% / 3) - 10px);
  }
  .abPhone__phone{
    width:100%;
  }
  .abPhone__description{
    font-family: 'YaleSolis-Bold';
    margin-top: 14px;
    line-height: 20px;
  }
  .abPhones__sliderWrapper{
    height:0;
    overflow:hidden;
  }
  .abPhones__slider{
    height:500px;
  }
  .abPhones__bottom{
    margin-top:73px;
  }
  .abPhone__yaleLogo{
    width:82px;
    display:block;
    margin:auto;
  }
  .abPhone__yaleText{
    text-align:center;
    font-size:34px;
    margin-top:25px;
  }
  .abPhone__appFlex{
    display:flex;
    justify-content:center;
    margin-top:13px;
  }
  .abPhone__appLogo{
    margin:auto 0;
  }
  .abPhones__appLogo:first-of-type{
    padding-right:16px;
    padding-left:40px;
  }
  .abPhone__legal{
    text-align:center;
    font-size:12px;
    margin-top:20px;
  }
  .abChoose{
    padding-top:62px;
    background:#F5F5F5;
    padding-bottom:88px;
  }
  .abChoose__inner{
    width: calc(100% - 140px);
    margin: auto;
    max-width: 820px;
  }
  .abChoose__titleUp{
    text-align: center;
    font-family: 'YaleSolis-Bold';
    font-size: 48px;
    max-width: 620px;
    margin: auto;
    line-height: 58px;
  }
  .abChoose__flex{
    display: flex;
    margin-top: 73px;
  }
  .abChoose__card{
    width: 50%;
  }
  .abChoose__card:first-of-type{
    border-right: 1px solid #C4C4C4;
  }
  .abChoose__cardInner{
    margin: auto;
    width: calc(100% - 40px);
    max-width: 340px;
    text-align: center;
    padding-right: 22px;
    padding-left: 22px;
    padding-top: 46px;
  }
  .abChoose__icon{
    width:80px;
  }
  .abChoose__title{
    font-family: 'YaleSolis-Bold';
    font-size: 24px;
    margin-top: 25px;
  }
  .abChoose__text{
    margin-top: 0px;
    line-height: 20px;
    font-size: 16px;
  }
  .abProduct{
    padding-top:59px;
    padding-bottom:100px;
  }
  .abProduct__inner{
    margin: auto;
    max-width: 1640px;
    width: calc(100% - 140px);
    display: flex;
    justify-content: space-between;
  }
  .abProduct__content, .abProduct__imageSliderWrapper{
    width: calc(50% - 10px);
  }
  .abProduct__title{
    font-family: 'YaleSolis-Bold';
    font-size: 60px;
    max-width: 580px;
    line-height: 73px;
  }
  .abProduct__text{
    max-width: 650px;
    font-size: 24px;
    margin-top: 32px;
    line-height: 30px;
  }
  .abProduct__prodTitle{
    font-family: 'YaleSolis-Bold';
    font-size: 24px;
    margin-top: 25px;
  }
  .abProduct__prodPrice{
    font-size: 24px;
    margin-top: 6px;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
  }
  .abProduct__optionGrid{
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
  }
  .abProduct__option{
    width: 275px;
    margin-bottom: 24px;
    position:relative;
  }
  .abProduct__optionTitle{
    font-family: 'YaleSolis-Bold';
  }
  .abProduct__optionText{
    text-decoration:underline;
  }
  .abProduct__toolButton{
    padding: 0;
    border: none;
    background: none;
    transform: translate(19px, -2px);
  }
  .abProduct__colorRow{
    display: flex;
    margin-top: -15px;
    margin-left: -4px;
  }
  .abProduct__color{
    border: 1px solid transparent;
    background: none;
    padding: 3px;
    border-radius: 100%;
    margin-right: 18px;
  }
  .abProduct__color--selected{
    border: 1px solid black;
  }
  .abProduct__colorInner{
    overflow: hidden;
    border-radius: 100%;
    height: 48px;
    width: 48px;
  }
  .abProduct__color:last-of-type{
    margin-right:0;
  }
  .abProduct__buttonRow{
    margin-top: 34px;
    display: flex;
  }
  .abProduct__qtyContainer{
    position: relative;
    width: 207px;
    border: 1px solid #B2BCC3;
    height: 56px;
    border-radius: 28px;
    overflow: hidden;
  }
  .abProduct__qtyMinus{
    position:absolute;
    left: 20px;
    font-size: 35px;
    line-height: 19px;
    height: 43px;
    top: 6px;
    background:none;
    border:none;
    padding-bottom: 6px;
  }
  .abProduct__qty{
    text-align: center;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 25px;
    font-family: 'YaleSolis-Bold';
    -moz-appearance: textfield;
    border-radius: 28px;
    padding: 0;
  }
  .abProduct__qty::-webkit-outer-spin-button,
  .abProduct__qty::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
  }
  .abProduct__qtyPlus{
    position:absolute;
    right: 20px;
    font-size: 35px;
    line-height: 19px;
    height: 43px;
    top: 6px;
    padding-bottom: 6px;
    background:none;
    border:none;
  }
  .abProduct__buy{
    font-family: 'YaleSolis-Bold';
    font-size: 23px;
    margin-left: 20px;
    height: 56px;
    width: 193px;
    border-radius: 28px;
    border-color: #FFD800;
    background: #FFD800;
    padding: 0;
    border: 0px;
    display:initial!important;
  }
  .abProduct__hiddenSelectWrapper{
    display:none;
  }
  
  .abProduct__specWrapper{
    background: #F5F5F5;
    margin-top: 63px;
  }
  .abProduct__specTitle{
    height: 50px;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
    padding: 0px 14px;
  
  }
  .abProduct__specTitleLeft{
    display:flex;
  }
  .abProduct__specTitleIcon{
    margin: auto 0;
  }
  .abProduct__specTitleText{
    margin: auto 0;
    margin-left: 20px;
    font-family: 'YaleSolis-Bold';
  }
  .abProduct__specTitleRight{
    height: 50px;
    width: 50px;
    display: flex;
  }
  .abProduct__specTitleArrow{
    margin: auto;
    transform:rotate(0deg);
    transition:all .2s;
  }
  .abProduct__specContentInner{
    display: grid;
    grid-template-columns: calc((100% / 3) - 28px) calc((100% / 3) - 28px) calc((100% / 3) - 28px);
    grid-column-gap: 28px;
    padding: 20px;
    padding-top: 36px;
    justify-content: space-between;
  }
  .abProduct__spec{
    width:100%;
    margin-bottom:3px;
  }
  .abProduct__spec:last-of-type{
    margin-right:auto;
  }
  .abProduct__spec p{
    margin-top:-4px;
    line-height:24px;
  }
  .abProduct__finalRow{
    border-top: 1px solid #707070;
    margin-top: 28px;
    padding-top: 17px;
    display: flex;
    justify-content: space-between;
  }
  .abProduct__finalLeft{
    display: flex;
    height: 40px;
  }
  .abProduct__spec--model{
    margin:auto;
  }
  .abProduct__finalRight{
    display: flex;
    height: 40px;
  }
  .abProduct__finalShare{
    margin-right: 32px;
    margin-top: 6px;
  }
  .abProuct__finalSocial{
    font-size: 38px;
    line-height: 40px;
    margin-right: 18px;
  }
  .abProduct__imageSliderWrapper{
    width:calc(50% - 30px);
  }
  .abProduct__imageSliderWrapper .slick-prev {
    color: transparent;
    background-color: transparent;
    background-image: url(/cdn/shop/files/aero-left.svg?15170);
    border: none;
    background-repeat: no-repeat;
    padding: 0;
    width: 30px;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    left: 15px;
  }
  .abProduct__imageSliderWrapper .slick-next {
    color: transparent;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    padding: 0;
    width: 30px;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    right: 15px;
    background-image: url(/cdn/shop/files/aero-right.svg?15170);
  }
  .abProduct__imageWrapper{
    position: relative;
    width: 100%;
    padding-top: calc(100% - 70px);
    height: 0;
  }
  .abProduct__image{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
  }
  .abProduct__imageSliderWrapper .slick-dots{
    padding: 0;
    display: flex;
    justify-content: flex-end;
    margin: auto;
    width: 100%;
    max-width: 628px;
  }
  .abProduct__imageSliderWrapper .slick-dots li{
    list-style-type: none;
    display: block;
    margin-left: 10px;
    opacity:.5;
  }
  .abProduct__imageSliderWrapper .slick-dots li.slick-active{
    opacity:1;
  }
  .abProduct__imageSliderWrapper .slick-dots li button{
    color: transparent;
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    background: #727272;
    border-radius: 100%;
  }
  .abProduct__toolTip{
    bottom: calc(100% - -8px);
    width: 210px;
    background: #000;
    color:white;
    position:absolute;
    transform: translate(8px, 0);
    text-align: center;
    padding: 15px 10px;
  }
  .abProduct__toolTip::after{
    position: absolute;
    content: "";
    border-top: 10px solid #000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    left: 0;
    right: 0;
    width: 0;
    bottom: -10px;
    margin: auto;
  }
  .abProduct__toolTipInner{
    font-family: 'YaleSolis-Regular';
    line-height:21px;
  }
  .abProduct__mobileTitle{
    display:none;
  }
  
  @media only screen and (max-width:1200px){
    .abHero__content{
      padding-bottom: 0;
      width: 800px;
    }
    .abProduct__mobileTitle{
      display:block;
    }
    .abProduct__inner{
      flex-direction: column-reverse;
      max-width: 800px;
    }
    .abProduct__content{
      width:100%;
    }
    .abProduct__content .abProduct__title{
      display:none;
    }
    .abProduct__content .abProduct__text{
      display:none;
    }
    .abProduct__imageSliderWrapper{
      width:100%;
    }
    .abProduct__title, .abProduct__text{
      max-width:none;
    }
    .abHero__inner{
      width:calc(100% - 60px);
    }
    .abDark__inner{
      width: calc(100% - 60px);
    }
    .abIcons__flex{
      width: calc(100% - 60px);
    }
    .abRepeater__inner{
      width: calc(100% - 60px);
    }
    .abPhones__inner{
      width:calc(100% - 60px);
    }
    .abChoose__inner{
      width: calc(100% - 60px);
    }
    .abProduct__inner{
      width: calc(100% - 60px);
    }
  }
  
  
  .newHero--collection{
    margin-bottom:50px;
  }
  .newHero--collection .newHero__slide{
    max-height:400px;
  }
  
  @media only screen and (max-width:992px){
  
    .newHero--collection .newHero__slide{
      max-height:none;
    }
  
  
    .abHero{
      max-height: none;
      height: auto;
    }
    .abHero__background{
      height: 62vw;
      max-height: 470px;
    }
    .abHero__desktopImg{
      display:none;
    }
    .abHero__mobileImg{
      display:block;
    }
    .abHero__inner{
      position: initial;
      transform: none;
      width: calc(100% - 60px);
      margin: auto;
      padding: 20px 0;
      padding-bottom: 15px;
    }
    .abHero__content h1{
      color: initial;
      font-family: 'YaleSolis-Bold';
      font-size: 34px!important;
      line-height: 41px!important;
    }
    .abDark__flex{
      flex-direction: column;
    }
    .abDark__title{
      font-size: 34px;
      margin-right: 0;
    }
    .abDark__image{
      margin: 20px auto;
    }
    .abIcons{
      padding-top: 54px;
      padding-bottom: 20px;
    }
    .abIcons__flex{
      flex-direction: column;
    }
    .abIcons__left{
      width: 100%;
    }
    .abIcons__title{
      font-size: 24px;
      line-height: 31px;
      max-width: none;
    }
    .abIcons__text{
      max-width: none;
      font-size: 16px;
      line-height: 20px;
    }
    .abIcons__right{
      width:100%;
    }
    .abIcons__grid{
      max-width: 550px;
    }
    .abIcon{
      width: calc((100% / 2) - 30px);
    }
    .abRepeater{
      padding-top:20px;
    }
    .abRepeater__inner{
      width: 100%;
    }
    .abBlock{
      margin-bottom: 10px;
    }
    .abBlock__flex{
      flex-direction: column!important;
    }
    .abBlock__imgWrapper{
      width: 100%;
    }
    .abBlock__desktopImg{
      display: none;
    }
    .abBlock__mobileImg{
      display: block;
      max-height: 550px;
    }
    .abBlock__textWrapper{
      width: calc(100% - 60px);
      margin: auto;
      margin-top: 30px;
    }
    .abBlock__inner{
      max-width: none;
    }
    .abBlock__title{
      font-size: 24px;
      line-height: 30px;
    }
    .abBlock__text{
      font-size: 16px;
      line-height: 20px;
      margin-top: 20px;
    }
    .abPhones{
      padding-top:30px;
    }
    .abPhones__title{
      font-size:24px;
    }
    .abPhones__textFlex{
      font-size: 16px;
      line-height: 20px;
      flex-direction: column;
    }
    .abPhones__textBlock{
      margin-bottom: 20px;
      width: 100%;
    }
    .abPhones__mid{
      display:none;
    }
    .abPhones__sliderWrapper, .abPhones__slider{
      height:auto;
    }
    .abPhones__sliderWrapper .slick-prev{
      color: transparent;
      background-color: transparent;
      background-image: url(/cdn/shop/files/aero-left.svg?15170);
      border: none;
      background-repeat: no-repeat;
      padding: 0;
      width: 30px;
      background-position: center;
      position: absolute;
      z-index: 1;
      bottom: 12px;
      left: 15px;
    }
    .abPhones__sliderWrapper .slick-next{
      color: transparent;
      background-color: transparent;
      border: none;
      background-repeat: no-repeat;
      padding: 0;
      width: 30px;
      background-position: center;
      position: absolute;
      z-index: 1;
      bottom: 12px;
      right: 15px;
      background-image: url(/cdn/shop/files/aero-right.svg?15170);
    }
    .abPhone__slidePhone{
      width: 100%;
      height: auto;
      max-height: 459px;
      object-fit: contain;
    }
    .abPhone__slideDescription{
      font-family: 'YaleSolis-Bold';
      margin: auto;
      max-width: 420px;
    }
    .abPhones__sliderWrapper .slick-dots{
      padding: 0;
      display: flex;
      justify-content: center;
      margin: auto;
      width: 100%;
      max-width: 628px;
      margin-top:40px;
    }
    .abPhones__sliderWrapper .slick-dots li{
      list-style-type: none;
      display: block;
      margin-left: 10px;
      opacity:.5;
    }
    .abPhones__sliderWrapper .slick-dots li.slick-active{
      opacity:1;
    }
    .abPhones__sliderWrapper .slick-dots li button{
      color: transparent;
      width: 12px;
      height: 12px;
      padding: 0;
      border: 0;
      background: #727272;
      border-radius: 100%;
    }
    .abPhone__appFlex{
      flex-direction:column;
    }
    .abPhone__appLogo{
      margin:auto;
    }
    .abPhones{
      padding-bottom:35px;
    }
    .abChoose{
      padding-top: 40px;
      padding-bottom: 10px;
    }
    .abChoose__titleUp{
      font-size: 24px;
      line-height: 30px;
    }
    .abChoose__flex{
      flex-direction: column;
      margin-top: 30px;
    }
    .abChoose__card{
      border-right: 0!important;
      margin: auto;
      width: 100%;
      padding-bottom: 30px;
      max-width: 400px;
    }
    .abChoose__cardInner{
      padding-right:0px;
    }
    .abChoose__card:first-of-type{
      border-bottom: 1px solid #c4c4c4;
    }
    .abProduct__imageSliderWrapper .slick-prev{
      bottom:10px;
      top:auto;
    }
    .abProduct__imageSliderWrapper .slick-next{
      bottom:10px;
      top:auto;
    }
    .abProduct__imageSliderWrapper .slick-dots{
      justify-content:center;
    }
    .abProduct__buttonRow{
      flex-direction:column;
    }
    .abProduct__buy{
      margin: 0;
      margin-top: 30px;
      width: 210px;
    }
    .abProduct__optionGrid{
      flex-direction: column;
      margin-bottom: 20px;
    }
    .abProduct__specContentInner{
      grid-template-columns: calc((100% / 2) - 20px) calc((100% / 2) - 20px);
      grid-column-gap: 20px;
    }
    .abHero__content{
      width:auto;
    }
    .abPhone__yaleText{
      margin-bottom:50px;
    }
    .abProduct__qtyContainer{
      width:100%;
    }
    .abProduct__buy{
      width:100%;
    }
    .abProduct__finalRow{
      flex-direction:column;
    }
    .abProduct__finalLeft{
      display:block;
    }
  }
  .abPhones .slick-arrow, .abProduct .slick-arrow{
    z-index:101;
  }
  .abProduct__specTitleArrow--active{
    transform:rotate(180deg);
  }
  @media only screen and (min-width:1201px){
    .abProduct__imageSliderWrapper{
      position: sticky;
      top: 0;
      height: min-content;
    }
  }
  @media only screen and (max-width:1201px){
    .abProduct__imageWrapper{
      padding-top: calc(100% + 80px);
    }
  }
  
  @media only screen and (max-width: 1400px){
    .abHero__content h1{
      font-size: 42px!important;
      line-height: 62px!important;
    }
  }
  .abPhone__appFlex a{
    display: block;
    margin: auto 0;
  }
  .abPhone__appFlex a:hover{
    text-decoration:none;
    border:none;
  }
  
  @media only screen and (max-width: 900px){
    .abPhone__appFlex a{
      margin: auto;
    }
  }
  
  
  @media only screen and (min-width:1920px){
    .abHero__content h1{
      font-size: 56px!important;
      line-height: 63px!important;
    }
    .abDark__title, .abIcons__title, .abBlock__title, .abPhones__title, .abChoose__titleUp, .abProduct__title{
      font-size: 48px!important;
      line-height: 55px!important;
    }
  }
  @media only screen and (max-width:1920px){
    .abHero__content h1{
      font-size: 2.92vw!important;
      line-height: 3.3vw!important;
    }
    .abDark__title, .abIcons__title, .abBlock__title, .abPhones__title, .abChoose__titleUp, .abProduct__title{
      font-size: 2.5vw!important;
      line-height: 2.9vw!important;
    }
  }
  @media only screen and (max-width:1780px){
    .abHero__content h1{
      font-size: 52px!important;
      line-height: 53px!important;
    }
  }
  @media only screen and (max-width:1600px){
    .abDark__title, .abIcons__title, .abBlock__title, .abPhones__title, .abChoose__titleUp, .abProduct__title{
      font-size: 40px!important;
      line-height: 53px!important;
    }
  }
  @media only screen and (max-width:1280px){
    .abHero__content h1{
      font-size: 4.06vw!important;
      line-height: 53px!important;
    }
    .abDark__title, .abIcons__title, .abBlock__title, .abPhones__title, .abChoose__titleUp, .abProduct__title{
      font-size: 3.13vw!important;
      line-height: 4.2vw!important;
    }
  }
  @media only screen and (max-width:1135px){
    .abHero__content h1{
      font-size: 46px!important;
      line-height: 53px!important;
    }
  }
  @media only screen and (max-width:895px){
    .abDark__title, .abIcons__title, .abBlock__title, .abPhones__title, .abChoose__titleUp, .abProduct__title{
      font-size: 28px!important;
      line-height: 33px!important;
    }
  }
  @media only screen and (max-width:768px){
    .abHero__content h1{
      font-size: 5.99vw!important;
      line-height: 7vw!important;
    }
  }
  @media only screen and (max-width:666px){
    .abHero__content h1{
      font-size: 40px!important;
      line-height: 50px!important;
    }
  }
  
  #shopify-section-nestStickyBanner, #shopify-section-matterSticky{
    position: sticky;
    top: 0px;
    left: 0;
    width: 100%;
    z-index:100;
    height: 48px;
    background: white;
    border-bottom:1px solid #ececea;
  }
  .nestSticky__inner{
    display: flex;
    margin: auto;
    width: calc(100% - 40px);
    max-width: 1326px;
    justify-content: space-between;
    height: 48px;
  }
  .nestSticky__title{
    font-weight: 900;
    font-size: 16px;
    margin: auto 0;
    letter-spacing: .2px;
  }
  .nestSticky__buy{
    background: #FFC600;
    border: 0;
    font-weight: bold;
    text-align: center;
    height: 35px;
    margin: auto 0;
    margin-right: 13px;
    width: 124px;
    border-radius: 16px;
    font-size: 17px;
  }
  #shopify-section-nestBanner{
    margin-top: -48px;
  }
  .nestBanner{
    width: 100%;
    position: relative;
    height: 440px;
  }
  .nestBanner__bkgWrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .nestBanner__bkg{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nestBanner__inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: white;
    width: calc(100% - 40px);
    max-width: 1326px;
  }
  .nestBanner__content{
    width: 50%;
    max-width: 580px;
    margin-left: 4px;
    padding-top: 10px;
  }
  .nestBanner__title{
    font-size: 48px!important;
  }
  .nestBanner__subTitle{
    font-family: 'YaleSolis-Regular';
    font-weight: normal;
    font-size: 34px!important;
    margin-top: 12px;
  }
  .nestBanner__google{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    color: white;
    width: calc(100% - 40px);
    max-width: 1326px;
    bottom: 36px;
    display: flex;
    justify-content: flex-end;
  }
  .nestBanner__googleImage{
    width: 120px;
    box-sizing: content-box;
    display: block;
    padding-right: 10px;
  }
  .nestIcons{
    padding-top: 50px;
  }
  .nestIcons__inner{
    width: calc(100% - 40px);
    max-width: 1326px;
    margin: auto;
    text-align: center;
  }
  .nestIcons__title{
    font-family: 'YaleSolis-Bold';
    font-size: 48px;
    line-height: 58px;
  }
  .nestIcons__text{
    max-width: 900px;
    margin: auto;
    font-size: 24px;
    line-height: 30px;
    margin-top: 18px;
  }
  .nestIcons__flex{
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1116px;
    margin-top: 64px;
  }
  .nestIcons__iconCard{
    max-width: 160px;
    width: calc(100% / 6);
    padding: 0px 10px;
  }
  .nestIcons__icon{
    width: 78px;
    height: 78px;
    object-fit: contain;
  }
  .nestIcons__iconText{
    font-family: 'YaleSolis-Bold';
    line-height: 20px;
    margin-top: 9px;
  }
  .nestIcons__legal{
    font-size: 12px;
    max-width: 869px;
    margin: auto;
    margin-top: 40px;
    line-height: 15px;
  }
  .nestLockup{
    padding-top: 19px;
  }
  .nestLockup__inner{
    width: calc(100% - 40px);
    max-width: 1326px;
    margin: auto;
    display: flex;
    justify-content: space-between;
  }
  .nestLockup__right{
    width: calc(50% - 10px);
  }
  .nestLockup__card--tall{
    width: 100%;
    height: 0;
    padding-top: calc(110% + 16px);
    position: relative;
  }
  .nestLockup__img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nestLockup__textBox{
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,.9);
    width: 100%;
    padding: 10px;
    padding-bottom: 33px;
    padding-top: 24px;
  }
  .nestLockup__title{
    margin: auto;
    font-family: 'YaleSolis-Bold';
    font-size: 24px;
    max-width: 580px;
    line-height: 28px;
    margin-bottom: 8px;
  }
  .nestLockup__subTitle{
    margin: auto;
    max-width: 580px;
  }
  .nestLockup__left{
    width: calc(50% - 10px);
  }
  .nestLockup__card--short{
    width: 100%;
    height: 0;
    padding-top: 55%;
    position: relative;
    margin-bottom: 16px;
  }
  .nestLockup__card--short:last-of-type{
    margin-bottom:0;
  }
  .abProduct__imageSlider .slick-prev{
    color: transparent;
    background-color: transparent;
    background-image: url(/cdn/shop/files/aero-left.svg?15170);
    border: none;
    background-repeat: no-repeat;
    padding: 0;
    width: 30px;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    left: 15px;
  }
  .abProduct__imageSlider .slick-next{
    color: transparent;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    padding: 0;
    width: 30px;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    right: 15px;
    background-image: url(/cdn/shop/files/aero-right.svg?15170);
  }
  .abProduct__imageSlider .slick-dots{
    padding: 0;
    display: flex;
    justify-content: flex-end;
    margin: auto;
    width: 100%;
    max-width: 628px;
  }
  .abProduct__imageSlider .slick-dots li{
    list-style-type: none;
    display: block;
    margin-left: 10px;
    opacity: .5;
  }
  .abProduct__imageSlider .slick-dots li.slick-active{
    opacity: 1;
  }
  .abProduct__imageSlider .slick-dots li button{
    color: transparent;
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    background: #727272;
    border-radius: 100%;
  }
  .nestPDP__inner{
    display: flex;
    justify-content: space-between;
    width: calc(100% - 40px);
    max-width: 1206px;
    margin: auto;
  }
  .nestPDP__left{
    width: calc(60% - 25px);
  }
  .nestPDP__right{
    width: calc(40% - 15px);
    max-width: 435px;
    padding-top:86px;
  }
  .nestPDP{
    padding-top:45px;
  }
  .nestPDP__titleImg{
    max-width: 276px;
    width: 100%;
  }
  .nestPDP__subTitle{
    font-family: 'YaleSolis-Bold';
    font-size: 24px;
    margin-top: 49px;
    line-height: 30px;
    max-width: 260px;
  }
  .nestPDP__price{
    font-size: 24px;
    margin-top: 17px;
  }
  .nestPDP .abProduct__colorRow{
    margin: 0;
  }
  
  .nestPDP .abProduct__colorRow .abProduct__color{
    border-width: 2px;
  }
  .nestPDP .abProduct__colorRow .abProduct__color .abProduct__colorInner{
    width: 38px;
    height: 38px;
  }
  .nestPDP__new{
    border: 2px solid #FFD801;
    font-size: 10px;
    font-family: 'YaleSolis-Bold';
    text-align: center;
    background: rgba(255,216,0,.25);
    width: 50px;
    border-radius: 10px;
    margin-left: 20px;
    margin-top: 15px;
  }
  .nestPDP__colorName{
    font-family: 'YaleSolis-Bold';
    margin-top: 6px;
  }
  .nestPDP .abProduct__colorRow{
    margin-top: 14px;
  }
  .nestPDP .abProduct__qtyContainer{
    display: none;
  }
  .nestPDP .abProduct__buy{
    margin-left: 0;
    height: 50px;
    font-size: 18px;
    width: 163px;
  }
  .nestLower__inner{
    width: calc(100% - 40px);
    max-width: 1326px;
    margin: auto;
  }
  .nestLower__flex{
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1213px;
  }
  .nestLower__iconCard{
    display:flex;
  }
  .nestLower__iconWrapper{
    display: flex;
  }
  .nestLower__icon{
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin: auto;
  }
  .nestLower__textWrapper{
    padding-left: 25px;
    font-family: 'YaleSolis-Bold';
    max-width: 140px;
    line-height: 21px;
    display: flex;
  }
  .nestLower__text{
    margin: auto;
  }
  .nestLower{
    padding-top:55px;
  }
  .nestSwapper{
    padding-top: 75px;
  }
  .nestSwapper__inner{
    display: flex;
    width: calc(100% - 40px);
    max-width: 1326px;
    margin: auto;
    justify-content: space-between;
  }
  .nestSwapper__left{
    width: 40%;
    padding-top: 45px;
  }
  .nestSwapper__title{
    font-family: 'YaleSolis-Bold';
    font-size: 34px;
    line-height: 41px;
    margin-left: 44px;
    max-width: 360px;
  }
  .nestSwapper__buttonWrapper{
    margin-left: 44px;
    margin-top: 40px;
  }
  .nestSwapper__button{
    border: 0;
    background: none;
    display: flex;
    padding: 6px 8px;
    margin-bottom: 30px;
  }
  .nestSwapper__button:last-of-type{
    margin-bottom:0;
  }
  .nestSwapper__imgWrapper{
    margin:auto;
  }
  .nestSwapper__img{
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin: auto;
  }
  .nestSwapper__textWrapper{
    text-align: left;
    margin-left: 25px;
    line-height: 21px;
    padding-top: 4px;
  }
  .nestSwapper__buttonTitle{
    font-family: 'YaleSolis-Bold';
    max-width: 240px;
    margin-bottom: 8px;
  }
  .nestSwapper__text{
    max-width: 320px;
  }
  .nestSwapper__right{
    width: calc(60% - 30px);
  }
  .nestSwapper__slideImgWrapper{
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 94%;
  }
  .nestSwapper__slideImg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nestSwapper__mobileContainer{
    display: none;
  }
  .nestSwapper__right .slick-dots{
    padding: 0;
    display: flex;
    margin: auto;
    position: absolute;
    bottom: 32px;
    left: 66px;
  }
  .nestSwapper__right .slick-dots li{
    list-style-type: none;
    display: block;
    margin-left: 10px;
    opacity: .5;
  }
  .nestSwapper__right .slick-dots li button{
    color: transparent;
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    background: #727272;
    border-radius: 100%;
  }
  .nestSwapper__right .slick-dots li.slick-active{
    opacity: 1;
  }
  .nestApps{
    padding-top: 86px;
  }
  .nestApps__inner{
    width: calc(100% - 40px);
    max-width: 1326px;
    margin: auto;
  }
  .nestApps__flex{
    display: flex;
    justify-content: center;
    height: 67px;
  }
  .nestApps__nestIcon{
    width: 64px;
    height: 64px;
  }
  .nestApps__nestAvailable{
    width: 177px;
    margin-left: 50px;
    font-size: 24px;
    margin-top: 2px;
    line-height: 29px;
  }
  .nestApps__line{
    margin-right: 30px;
    width: 2px;
    background: #707070;
  }
  .nestApps__appIcons{
    height: 80px;
    position: relative;
    top: -7px;
  }
  .nestApps__legal{
    text-align: center;
    font-size: 12px;
    margin-top: 32px;
  }
  .nestApps__grayBox{
    background: #4E4E51;
    display: flex;
    margin-top: 47px;
    padding: 20px;
    padding-top: 32px;
    justify-content: space-between;
    color: white;
    padding-bottom: 28px;
  }
  .nestApps__left{
    width: 390px;
    margin: auto;
    padding-bottom: 8px;
  }
  .nestApps__title{
    font-family: 'YaleSolis-Bold';
    font-size: 24px;
    margin-bottom: 9px;
  }
  .nestApps__text{
    line-height: 20px;
  }
  .nestApps__right{
    display: flex;
    width: calc(100% - 590px);
    margin: auto;
    justify-content: space-between;
  }
  .nestApps__card{
    width: 100;
  }
  .nestApps__cardImgWrapper{
     height: 300px;
  }
  .nestApps__cardImg{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .nestApps__cardText{
    text-align: center;
    font-family: 'YaleSolis-Bold';
    margin-top: 12px;
  }
  .nestGallery{
    padding-top: 35px;
  }
  .nestGallery__inner{
    width: calc(100% - 40px);
    max-width: 1326px;
    margin: auto;
  }
  .nestGallery__title{
    font-family: 'YaleSolis-Bold';
    font-size: 34px;
  }
  .nestGallery__slider{
    padding-top: 16px;
  }
  .nestGallery__slider .slick-prev{
    color: transparent;
    background-color: transparent;
    background-image: url(/cdn/shop/files/aero-left.svg?15170);
    border: none;
    background-repeat: no-repeat;
    padding: 0;
    width: 30px;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    left: 15px;
    bottom: 9px;
    top: auto;
    left: 60px;
  }
  .nestGallery__slider .slick-next{
    color: transparent;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    padding: 0;
    width: 30px;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    right: 15px;
    background-image: url(/cdn/shop/files/aero-right.svg?15170);
    bottom: 9px;
    top: auto;
    left: 245px;
  }
  .nestGallery__slider .slick-dots{
    padding: 0;
    display: flex;
    justify-content: flex-end;
    margin: auto;
    width: 100%;
    justify-content: flex-start;
    margin: auto;
    width: calc(100% - 60px);
    margin-top: 33px;
  }
  .nestGallery__slider .slick-dots li{
    list-style-type: none;
    display: block;
    margin-left: 10px;
    opacity: .5;
  }
  .nestGallery__slider .slick-dots li.slick-active{
    opacity:1;
  }
  .nestGallery__slider .slick-dots li button{
    color: transparent;
    width: 12px;
    height: 12px;
    padding: 0;
    border: 0;
    background: #727272;
    border-radius: 100%;
  }
  .nestGallery__imageWrapper{
    width: 100%;
    height: 0;
    padding-top: 90%;
    position: relative;
  }
  .nestGallery__image{
    top: 8px;
    left: 8px;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    object-fit: cover;
    position: absolute;
  }
  .nestOther__inner{
    width: calc(100% - 40px);
    max-width: 1326px;
    margin: auto;
  }
  .nestOther{
    padding-top: 47px;
  }
  .nestOther__title{
    text-align: center;
    font-family: 'YaleSolis-Bold';
    font-size: 34px;
  }
  .nestOther__text{
    text-align: center;
    max-width: 490px;
    margin: auto;
    font-size: 23px;
    line-height: 31px;
    margin-top: 6px;
  }
  .nestOther__slider{
    margin-top:40px;
  }
  .nestProdCard__inner{
    padding: 20px 15px;
    margin: 0px 5px;
    border: 1px solid #F0F0F0;
  }
  .nestProdCard__imageWrapper{
    width: 100%;
    height: 0;
    padding-top: 62%;
    position: relative;
  }
  .nestProdCard__image{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
  }
  .nestProdCard__title{
    font-family: 'YaleSolis-Bold';
    margin-top: 29px;
    line-height:21px;
    font-size: 16px;
  }
  .nestProdCard__price{
    margin-top: 5px;
  }
  .nestProdCard__colorPicker{
    margin-top: 8px;
    display: flex;
  }
  .nestProdCard__color{
    width: 27px;
    height: 27px;
    border: 0;
    background: black;
    border-radius: 100%;
    margin-right: 5px;
  }
  .nestProdCard__buttonRow{
    margin-top:11px;
    display:flex;
  }
  .nestProdCard__currentColor{
    margin-top:7px;
  }
  .nestProdCard__buyButton{
    background: #ffc600;
    border: 0;
    font-weight: 700;
    text-align: center;
    height: 38px;
    margin: auto 0;
    margin-right: 13px;
    width: 132px;
    border-radius: 16px;
    font-size: 17px;
    padding-top: 4px;
  }
  .nestProdCard__learnMore{
    text-decoration: underline;
    font-family: 'YaleSolis-Bold';
    font-size: 16px;
    margin-left: 7px;
    padding-top: 6px;
  }
  .nestOther__slider .slick-dots{
    display:none;
  }
  .nestSpecs{
    padding-top: 36px;
  }
  .nestSpecs__inner{
    width: calc(100% - 40px);
    max-width: 1326px;
    margin: auto;
  }
  .nestSpecs__grey{
    background: #ECECEA;
    padding: 60px 0px;
    margin-bottom: 14px;
    padding-bottom: 58px;
  }
  .nestSpecs__greyInner{
    display: flex;
    margin: auto;
    width: calc(100% - 40px);
    max-width: 1094px;
    justify-content: space-between;
  }
  .nestSpecs__greyLeft{
    width: calc(50% - 23px);
    max-width: 435px;
  }
  .nestSpecs__greyTitle{
    font-family: 'YaleSolis-Bold';
    font-size: 24px;
    line-height: 31px;
  }
  .nestSpecs__greyText{
    margin-top: 22px;
    line-height: 20px;
  }
  .nestSpecs__greyText p{
    margin-bottom: 20px;
  }
  .nestSpecs__greyText p:last-of-type{
    font-size: 12px;
    margin-top: 33px;
  }
  .nestSpecs__greyRight{
    width: calc(50% - 7px);
    position: relative;
  }
  .nestSpecs__greyImageWrapper{
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .nestSpecs__greyImage{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
  }
  .nestSpecs__black{
    background: #151415;
    display: flex;
  }
  .nestSpecs__blackLeft{
    width: 516px;
    position: relative;
  }
  .nestSpecs__blackImg{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
  }
  .nestSpecs__blackRight{
    width: calc(100% - 516px);
    display: flex;
    padding: 0px 30px;
  }
  .nestSpecs__blackRightInner{
    margin: auto;
    padding: 66px 0;
    color: white;
    padding-bottom: 61px;
  }
  .nestSpecs__techIcon{
    width: 145px;
    margin: auto;
    display: block;
  }
  .nestSpecs__blackBold{
    font-family: 'YaleSolis-Bold';
    margin-top: 11px;
  }
  .nestSpecs__blackText{
    margin-top: -6px;
  }
  .nestFaq{
    padding-top: 70px;
  }
  .nestFaq__inner{
    width: calc(100% - 40px);
    max-width: 1326px;
    margin: auto;
  }
  .nestFaq__title{
    text-align: center;
    font-family: 'YaleSolis-Bold';
    font-size: 34px;
    margin-bottom: 20px;
  }
  .nestFaq__shelf{
    background: #F5F5F5;
    margin-bottom:15px;
  }
  .nestFaq__shelfTop{
    border: 0;
    display: flex;
    padding: 17px 29px;
    justify-content: space-between;
    width: 100%;
    background: none;
    padding-bottom: 19px;
  }
  .nestFaq__shelfTitle{
    font-family: 'YaleSolis-Bold';
    padding-left: 6px;
  }
  .nestFaq__shelfArrow{
    width: 18px;
    height: 11px;
    margin-top: 10px;
  }
  .nestFaq__drop{
    padding: 5px 35px;
    padding-bottom:17px;
  }
  .nestFaq__techSpecGrid{
    display: flex;
    max-width: 850px;
    flex-wrap: wrap;
  }
  .nestFaq__cell{
    width: 267px;
    margin-bottom: 14px;
  }
  .nestFaq__cellLabel{
    font-family: 'YaleSolis-Bold';
  }
  .nestFaq__includeFlex{
    display: flex;
    margin: auto;
    max-width: 1230px;
  }
  .nestFaq__includeCard{
    width: calc(100% / 3);
    padding: 0px 24px;
  }
  .nestFaq__includeImageWrapper{
    height: 200px;
    width: 100%;
  }
  .nestFaq__includeImage{
    width: 100%;
    height: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
  }
  .nestFaq__includeText{
    line-height: 21px;
    margin-top: 14px;
  }
  .nestFaq__drop--standard{
    line-height:20px;
  }
  .nestFaq__legal{
        text-align: center;
      font-size: 14px;
      margin: auto;
      max-width: 870px;
      margin-top: 45px;
      line-height: 22px;
      padding-bottom: 50px;
  }
  .nestFaq__shelfArrow{
    transform:rotate(0deg);
    transition:all .2s;
  }
  .nestFaq__shelfArrow--active{
    transform:rotate(180deg);
  }
  .nestGallery__slider .slick-dots{
    width: calc(100% - 250px);
  }
  .nestPDP__mobileTitleImg{
    display:none;
  }
  .nestSpecs__greyText--mobile{
    display:none;
  }
  .nestSwapper__inner{
    background:#ECECEA
  }
  
  .nestSwapper__button{
    margin-bottom:0;
    padding: 16px 8px;
    border-left: 4px solid #D8D7D6;
    background:transparent;
    transition:all .2s;
  }
  
  .nestSwapper__img{
    mix-blend-mode: darken;
  }
  .nestSwapper__button--active{
    background: white;
    border-left: 4px solid #FCDF26;
  }
  .nestApps__appIconsWrapper{
    position:relative;
  }
  .nestApps__apple{
    position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 47%;
  }
  .nestApps__play{
        position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 53%;
  }
  @media only screen and (max-width:900px){
    .nestSwapper__inner{
      background:white;
    }
    .nestBanner{
      height:auto;
    }
    .nestBanner__bkgWrapper{
          position: initial;
      height: 390px;
    }
    .nestBanner__inner{
          position: initial;
      transform: none;
      color: black;
      margin: auto;
      margin-top: 15px;
    }
    .nestBanner__content{
          width: 100%;
      max-width: none;
    }
    .nestBanner__title{
          font-size: 24px!important;
      margin-bottom: 0px!important;
    }
    .nestBanner__subTitle{
      font-size: 24px!important;
      margin-top: 0;
      font-family: 'YaleSolis-Bold';
    }
    .nestBanner__google{
      bottom: auto;
      top: 330px;
    }
    .nestIcons{
          padding-top: 20px;
    }
    .nestIcons__inner{
          text-align: left;
    }
    .nestIcons__title{
      font-size: 24px;
      line-height: initial;
    }
    .nestIcons__text{
          font-size: 16px;
      line-height: initial;
    }
    .nestIcons__flex{
          margin-top: 30px;
      text-align: center;
      flex-wrap: wrap;
      max-width: 470px;
    }
    .nestIcons__iconCard{
      width: 160px;
    }
    .nestIcons__legal{
      display:none;
    }
    .nestLockup{
      padding-top:50px;
    }
    .nestLockup__inner{
          width: 100%;
      flex-direction: column;
      max-width: 600px;
    }
    .nestLockup__right{
      width:100%;
    }
    .nestLockup__card--tall{
      margin-bottom:20px;
    }
    .nestLockup__textBox{
          padding-left: 20px;
      padding-right: 20px;
    }
    .nestLockup__title{
      max-width:none;
    }
    .nestLockup__subTitle{
      max-width:none;
    }
    .nestLockup__left{
      width:100%;
    }
    .nestLockup__card--short{
      padding-top: calc(110% + 16px);
    }
    .nestPDP__mobileTitleImg{
      display:block;
      width: 100%;
      height: auto;
      max-width: 220px;
      margin: auto;
    }
    .nestPDP{
      padding-top:30px;
    }
    .nestPDP__inner{
      flex-direction:column;
    }
    .nestPDP__left{
      width:100%;
      margin: auto;
      max-width: 600px;
    }
    .nestPDP__right{
          width: 100%;
      max-width: none;
      margin: auto;
      max-width: 600px;
      padding-top:10px;
    }
    .nestPDP__titleImg{
      display:none;
    }
    .abProduct__buttonRow{
      margin-top:0;
    }
    .nestLower__flex{
          flex-wrap: wrap;
      max-width: 300px;
    }
    .nestLower__iconCard{
          width: 136px;
      flex-direction: column;
      margin-bottom:20px;
    }
    .nestLower__iconCard:last-of-type{
      margin:auto;
    }
    .nestLower__textWrapper{
          padding: 0;
      text-align: center;
    }
    .nestSwapper__inner{
      flex-direction: column;
          max-width: 600px;
      width: 100%;
    }
    .nestSwapper__left{
          width: 100%;
      max-width: calc(100vw - 40px);
      padding: 0;
      margin-bottom:30px;
    }
    .nestSwapper__title{
          margin: 0;
      font-size:24px;
      max-width:none;
      line-height:initial;
    }
    .nestSwapper__buttonWrapper{
          display: none;
    }
    .nestSwapper__right{
          width: 100%;
    }
    .nestSwapper__mobileContainer{
          display: block;
    }
    .nestSwapper__mobileContainer{
          display: flex;
      margin: auto;
      max-width: 400px;
      margin-top: 25px;
    }
    .nestSwapper__mobileImg{
          width: 64px;
      height: auto;
    }
    .nestSwapper__mobileTextWrapper{
          margin-left: 15px;
    }
    .nestSwapper__mobileTitle{
          font-family: 'YaleSolis-Bold';
    }
    .nestSwapper__right .slick-dots{
      left:0;
      bottom:-30px;
    }
    .nestApps__flex{
          flex-wrap: wrap;
      width: 300px;
      margin: auto;
      height: auto;
    }
    .nestApps__nestIcon{
      margin-left: auto;
    }
    .nestApps__nestAvailable{
          margin-right: auto;
      margin-left: 26px;
      width: 135px;
    }
    .nestApps__line{
          display: none;
    }
    .nestApps__appIcons{
          width: 100%;
      height: auto;
      max-width: 300px;
      margin: auto;
      margin-top: 20px;
    }
    .nestApps__legal{
          margin-top: 0;
    }
    .nestApps__inner{
      width:100%;
    }
    .nestApps__flex, .nestApps__legal{
      max-width:calc(100% - 40px);
    }
    .nestApps__grayBox{
      flex-direction: column;
    }
    .nestApps__left{
      width: 100%;
    }
    .nestApps__right{
          width: 100%;
      margin-top: 30px;
    }
    .nestGallery__slider .slick-next{
     right: 60px;
      left: auto;
    }
    .nestGallery__slider .slick-dots{
      justify-content: center;
    }
    .nestOther__slider .slick-dots{
      padding: 0;
      display: flex;
      margin: auto;
      max-width: 628px;
      max-width: 1185px;
      justify-content: flex-start;
      margin: auto;
      width: calc(100% - 60px);
      margin-top: 33px;
      justify-content: center;
      width: calc(100% - 250px);
    }
    .nestOther__slider .slick-dots li{
      list-style-type: none;
      display: block;
      margin-left: 10px;
      opacity: .5;
    }
    .nestOther__slider .slick-dots li.slick-active{
          opacity: 1;
    }
    .nestOther__slider .slick-dots li button{
          color: transparent;
      width: 12px;
      height: 12px;
      padding: 0;
      border: 0;
      background: #727272;
      border-radius: 100%;
    }
    .nestOther__title{
          font-size: 24px;
      text-align: left;
    }
    .nestGallery__title{
      font-size:24px;
    }
    .nestOther__text{
          font-size: 16px;
      line-height: initial;
      text-align: left;
      max-width: none;
    }
    .nestSpecs__grey{
          padding-top: 40px;
      padding-bottom: 44px;
    }
    .nestSpecs__greyInner{
          flex-direction: column;
    }
    .nestSpecs__greyLeft{
          width: 100%;
      max-width: none;
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(0,0,0,0.2);
      margin-bottom: 50px;
    }
    .nestSpecs__greyText p:last-of-type{
      display:none;
    }
    .nestSpecs__greyRight{
          width: 100%;
    }
    .nestSpecs__greyImageWrapper{
          position: initial;
    }
    .nestSpecs__greyImage{
          height: 367px;
      object-position: center;
    }
    .nestSpecs__greyText--mobile{
          display: block;
      font-size: 12px;
      margin-top: 27px;
    }
    .nestSpecs__greyText--mobile p{
      display:none;
    }
    .nestSpecs__greyText--mobile p:last-of-type{
      display:block;
    }
    .nestSpecs__inner{
      width:100%;
    }
    .nestSpecs__black{
          flex-direction: column-reverse;
      padding: 30px 20px;
    }
    .nestSpecs__blackLeft{
          width: 100%;
    }
    .nestSpecs__blackImg{
          position: initial;
      max-width: 406px;
      height: 246px;
      margin: auto;
      display: block;
      object-fit: cover;
    }
    .nestSpecs__blackRight{
          padding: 0;
      width: 100%;
    }
    .nestSpecs__blackRightInner{
          padding: 0;
      text-align: center;
      padding-bottom: 30px;
    }
    .nestFaq{
      padding-top:20px;
    }
    .nestFaq__title{
      font-size:24px;
    }
    .nestFaq__includeFlex{
          flex-direction: column;
    }
    .nestFaq__includeCard{
          width: 100%;
    }
  }
  .nestSticky__buy{
    line-height:35px;
  }
  .nestProdCard__color{
    background-size:cover;
  }
  .nestSpecs__greyImageWrapper{
        height: auto;
      position: relative;
  }
  .nestSpecs__blackText a{
    color:white;
    text-decoration:underline;
  }
  .nestPDP .slick-arrow, .nestPDP .slick-dots{
    display:none!important;
  }
  .nestIcons__flex{
    padding-bottom:60px;
  }
  
  .nestApps__cardImg--mobile{
    display:none;
  }
  .nestFaq__includeText strong{
    font-family: 'YaleSolis-Bold';
  }
  .nestBanner__title--mobile{
    display:none;
  }
  .nestBanner__subTitle--mobile{
    display:none;
  }
  
  .nestIcons__text--mobile{
    display:none;
  }
  .nestIcons__title--mobile{
    display:none;
  }
  
  @media only screen and (max-width:900px){
    .nestApps__cardImg--mobile{
      display:block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .nestApps__cardImg{
      display:none;
    }
    .nestApps__cardImgWrapper{
      height:200px;
    }
    .nestSwapper__right .slick-dots{
      position: initial;
      margin-top: 33px;
      padding-right: 12px;
    }
    .nestBanner__inner{
      margin: 0;
      width: 100%;
      background: #F8F8F8;
      padding: 20px;
    }
    .nestBanner__title{
      font-size: 34px!important;
    }
    .nestBanner__subTitle{
      font-family: 'YaleSolis-Regular'!important;
      font-size: 34px!important;
    }
    .nestBanner__title--mobile{
      display:block;
    }
    .nestBanner__subTitle--mobile{
      display:block;
    }
    .nestBanner__title--desktop{
      display:none;
    }
    .nestBanner__subTitle--desktop{
      display:none;
    }
    .nestIcons__text--desktop{
      display:none;
    }
    .nestIcons__text--mobile{
      display:block;
    }
    .nestIcons__title--desktop{
      display:none;
    }
    .nestIcons__title--mobile{
      display:block;
    }
  }
  
  /* Airbnb Three */
  
  /*.abHeroThree__content h1 {
    font-size: 96px !important;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.00 !important;
    letter-spacing: -0.1px;
  }*/
  
  @media only screen and (max-width: 992px) {
    .abHeroThree__content h1 {
     /*font-size: 34px !important;*/
    }
    .abHeroThree__content br {
      display: none;
    }
  }
  
  .ABHalfHero__top {
    min-height: 134px;
    height: auto;
    padding-top: 44px;
    padding-bottom: 44px;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: auto;
  }
  
  .ABHalfHero__topTitle {
    font-family: 'YaleSolis-Bold';
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: -0.03px;
    text-align: center;
    color: #2d2c2e;
  }
  
  .ABHalfHero {
    background-image: url(/cdn/shop/files/yellow-bg.png?v=1596189415);
    background-size: 100% 100%;
    background-position: bottom;
    width: 100%;
    min-height: 582px;
    max-height: 582px;
  }
  
  .ABHalfHero__inner {
  
  }
  
  .ABHalfHero .ABHalfHero__block {
    max-height: 582px;
    width: 100%;
    flex-direction: row;
    display: flex !important;
    justify-content: space-between;
  }
  
  .ABHalfHero__imgWrapper {
    width: calc(50% - 10px);
  }
  
  .ABHalfHero__desktopImg {
    max-height: 582px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  
  .ABHalfHero__mobileImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
  }
  
  .ABHalfHero__textWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
  }
  
  .ABHalfHero__textWrapperInner {
      width: 588px;
      margin: auto;
      padding-left: 64px;
      padding-right: 64px;
  }
  
  .ABHalfHero__title {
    font-family: 'YaleSolis-Regular', sans-serif;
    font-size: 52px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
    text-align: left;
    color: #2d2c2e;
    margin-bottom: 33px;
  }
  
  .ABHalfHero__text {
    font-family: 'YaleSolis-Regular',sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2d2c2e;
    margin-bottom: 33px;
  }
  
  .ABHalfHero__button {
    width: 224px;
    height: 56px;
    border-radius: 100px;
    background-color: #2d2c2e;
    font-family: 'YaleSolis-Bold';
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ABHalfHero__button:hover {
    color: #fff;
    background: #333;
    box-shadow: unset !important;
  }
  
  .ABHalfHero .slick-prev {
    color: transparent;
    background-color: transparent;
    background-image: url(/cdn/shop/files/aero-left.svg?15170);
    border: none;
    background-repeat: no-repeat;
    padding: 0;
    width: 30px;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    /*left: 15px; */
    left: 6.5%;
  }
  
  
  .ABHalfHero .slick-next {
    color: transparent;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
    padding: 0;
    width: 30px;
    background-position: center;
    position: absolute;
    z-index: 1;
    top: calc(50% - 20px);
    right: 56%;
    background-image: url(/cdn/shop/files/aero-right.svg?15170);
  }
  
  
  .ABHalfHero .slick-dots li button {
      color: transparent;
      width: 8px;
      height: 8px;
      padding: 0;
      border: 0;
      background: #2d2c2e;
      border-radius: 100%;
      opacity: 0.3;
  }
  
  .ABHalfHero .slick-active button  {
    opacity: 1 !important;
  }
  
  .ABHalfHero .slick-dots {
    position: absolute;
    bottom: 75px;
    left: 11%;
    list-style: none;
    display: flex;
  }
  
  
  
  .ABHalfHero .slick-dots button {
    margin-left: 10px;
  }
  
  @media only screen and (max-width: 1440px) {
    .ABHalfHero .slick-prev {
      left: 15px;
    }
    .ABHalfHero .slick-next {
      right: 50%;
    }
    .ABHalfHero__textWrapperInner { width: 100%; }
    .ABHalfHero .slick-dots {
      left: 7%;
    }
  }
  
  @media only screen and (max-width: 1380px) {
    .ABHalfHero .slick-dots {
      left: 35px;
    }
  }
  @media only screen and (max-width: 978px) {
    .ABHalfHero__top {
      padding-bottom: 18px;
      width: calc(100% - 140px);
      text-align: left;
    }
    .ABHalfHero__topTitle {
      text-align: left;
    }
    .ABHalfHero .ABHalfHero__block {
        max-height: unset;
        height: fit-content;
        padding-bottom: 48px;
        width: 100%;
        flex-direction: column-reverse;
    }
    .ABHalfHero .ABHalfHero__imgWrapper .ABHalfHero__desktopImg { display: none; }
    .ABHalfHero .ABHalfHero__imgWrapper .ABHalfHero__mobileImg { display: flex; }
  
    .ABHalfHero__imgWrapper {
      width: 100%;
      height: 375px;
    }
    .ABHalfHero__textWrapper {
      width: 100%;
    }
    .ABHalfHero {
      width: 100%;
      min-height: unset;
      height: auto;
      max-height: unset;
    }
    .ABHalfHero__title {
      margin-top: 58px;
      margin-bottom: 24px;
      font-size: 30px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.07;
      letter-spacing: -0.12px;
    }
  
    .ABHalfHero__text {
        margin-bottom: 24px;
    }
  
    .ABHalfHero .slick-dots {
      top: 391px;
      left: 44% !important;
      bottom: unset;
    }
    .ABHalfHero .slick-next {
      right: 15px;
      top: 187px;
    }
    .ABHalfHero .slick-prev {
      left: 15px;
      top: 187px;
    }
  
  
  }
  
  
  .abProductThree__Wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: calc(100% - 140px);
    margin: auto;
    max-width: 1640px;
    padding-top: unset;
  }
  
  .abProductThree {
    display: flex;
    flex-direction: column;
    width: calc((100% / 3) - 70px);
    max-width: unset;
    margin: unset;
    align-items: center;
  }
  
  
  .abProductThree .abProduct__text {
    margin-top: 6px;
    border-bottom: 1px solid #707070;
    padding-bottom: 22px;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #2d2c2e;
  }
  
  .abProductThree .abProduct__prodPrice {
    border-bottom: unset;
  }
  
  .abProductThree .abProduct__prodTitle {
    line-height: 1.25;
  }
  
  .abProductThree .abProduct__content {
    width: 100%;
  }
  .abProductThree .abProductThree__imageSliderWrapper {
    width: 100%;
  }
  
  .abProductThree__imageSliderWrapper {
    position: unset;
  }
  
  .abProductThree .abProduct__imageSliderWrapper .slick-prev {
    left: 0px;
  }
  
  .abProductThree .abProduct__imageSliderWrapper .slick-next {
    right: 0px;
  }
  
  .abProduct__finalRight {
    display: none;
  }
  @media only screen and (max-width: 1050px) {
    .abProductThree__Wrapper {
      padding-bottom: 10px;
    }
    .abProductThree__Wrapper { flex-direction: column; max-width: 600px;}
    .abProductThree { width: 100%; }
  
    .abProductThree .abProduct__imageSliderWrapper .slick-prev {
        top: 20%;
        width: 10px;
    }
    .abProductThree .abProduct__imageSliderWrapper .slick-next {
      top: 20%;
      width: 10px;
    }
    .abProductThree .abProduct__text {
      display: flex;
      border-bottom: unset;
      padding-top: 31px;
      font-size: 18px;
      border-top: 1px solid #707070;
    }
    .abProductThree__top {
      text-align: left;
      margin: auto;
      width: calc(100% - 140px);
    }
    .abProductThree__top .ABHalfHero__topTitle {
      text-align: left;
      padding-bottom: 24px;
    }
  }
  .abProductThree .abProduct__text{
    min-height:83px;
  }
  .abProductThree{
    margin-bottom:auto;
  }
  
  #shopify-section-boxStickyBanner,
  #shopify-section-cabinetStickyBanner
  {
    position: sticky;
    top: 0px;
    left: 0;
    width: 100%;
    z-index:100;
    height: 48px;
    background: white;
    border-bottom:1px solid #ececea;
  }
  .boxBanner{
    margin-top: -45px;
      position: relative;
      height: 440px;
  }
  .boxBanner__imageWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .boxBanner__image{
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .boxBanner__image--mobile{
        display: none;
  }
  .boxBanner__badge{
        position: absolute;
      bottom: 30px;
      right: 62px;
      width: 150px;
      height: auto;
  }
  .boxBanner__textWrapper{
        position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 60px);
      max-width: 1320px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .boxBanner__text{
        color: white;
      max-width: 450px;
      padding-bottom: 20px;
  }
  .boxBanner__title{
    font-size: 50px!important;
      line-height: 58px;
      margin-bottom: 23px;
  }
  .boxBanner__subTitle{
        font-size: 34px;
      line-height: 41px;
  }
  .boxIcons{
        padding-top: 51px;
  }
  .boxIcons__inner{
        display: flex;
      justify-content: space-between;
      width: calc(100% - 60px);
      max-width: 1070px;
      margin: auto;
  }
  .boxIcons__iconCard{
        display: flex;
      width: calc(25% - 14px);
  }
  .boxIcons__icon{
    width:84px;
  }
  .boxIcons__textWrapper{
        display: flex;
      flex-direction: column;
      justify-content: center;
      padding-left: 5px;
  }
  .boxIcons__text{
        font-family: 'YaleSolis-Bold';
      font-size: 17px;
      max-width: 160px;
      line-height: 20px;
      padding-top: 8px;
  }
  .boxSBS{
        padding-top: 52px;
  }
  .boxSBS__inner{
        margin: auto;
      max-width: 1315px;
      width: calc(100% - 60px);
  }
  .boxSBS__blade{
        display: flex;
      justify-content: space-between;
      min-height: 400px;
      margin-bottom: 16px;
  }
  .boxSBS__textBox{
        background: #F5F5F5;
      width: calc(42% - 18px);
      display: flex;
      justify-content: center;
      flex-direction: column;
  }
  .boxSBS__textWrapper{
        padding: 0px 20px;
      max-width: 500px;
      margin: auto;
      padding-bottom: 48px;
  }
  .boxSBS__title{
        font-family: 'YaleSolis-Bold';
      font-size: 25px;
        line-height: 28px;
      margin-bottom: 13px;
  }
  .boxSBS__text{
        font-size: 16px;
      line-height: 21px;
  }
  .boxSBS__imageBox{
        width: calc(58%);
      position: relative;
  }
  .boxSBS__image{
    position: absolute;
      top: 0;
      left: 0;
        object-fit: cover;
      width: 100%;
      height: 100%;
  }
  .boxSBS__image--mobile{
    display:none;
  }
  .boxSBS__blade:nth-of-type(2n){
    flex-direction:row-reverse;
  }
  .boxAd{
        margin-top: 24px;
  }
  .boxAd__inner{
        background: #2D2C2E;
      margin: auto;
      max-width: 1315px;
      display: flex;
  }
  .boxAd__left{
        width: calc(100% - 539px);
  }
  .boxAd__textWrapper{
    margin: auto;
      width: calc(100% - 40px);
      color: white;
      max-width: 670px;
      padding-top: 37px;
  }
  .boxAd__title{
        font-family: 'YaleSolis-Bold';
      font-size: 26px;
      line-height: 32px;
  }
  .boxAd__text{
        font-size: 23px;
      margin-top: 15px;
      line-height: 30px;
  }
  .boxAd__linkButton{
        background: white;
      margin-top: 30px;
      display: block;
      width: 182px;
      text-align: center;
      font-family: 'YaleSolis-Bold';
      font-size: 17px;
      padding-top: 6px;
      padding-bottom: 7px;
      border-radius: 21px;
  }
  .boxAd__legal{
        font-size: 12px;
      margin-top: 21px;
  }
  .boxAd__legal a{
        color: white;
      font-family: 'YaleSolis-Bold';
  }
  .boxAd__right{
        width: 539px;
  }
  .boxAd__image{
        width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: left;
  }
  .boxPDP{
    padding-top: 50px;
    padding-bottom:30px;
  }
  .boxPDP__inner{
        display: flex;
      width: calc(100% - 60px);
      max-width: 1315px;
      margin: auto;
  }
  .boxPDP__left{
        width: calc(100% - 540px);
  }
  .boxPDP__imageWrapper{
        width: 100%;
      height: 0;
      padding-top: 80%;
      position: relative;
  }
  .boxPDP__image{
        position: absolute;
      top: 0;
      left: 10%;
      width: 80%;
      height: 100%;
      object-fit: contain;
  }
  .boxPDP__right{
    width: 540px;
      padding-top: 18px;
  }
  .boxPDP__title{
        font-size: 36px;
      font-family: 'YaleSolis-Bold';
      line-height: 49px;
      margin-bottom: 16px;
  }
  .boxPDP__subTitle{
    font-size: 24px;
      max-width: 400px;
      line-height: 29px;
  }
  .boxPDP__colorRow{
        display: flex;
      margin-top: 48px;
  }
  .boxPDP__colorButton{
        width: 120px;
      margin-right: 19px;
      border: none;
      background: none;
      cursor: pointer;
      padding: 0;
  }
  .boxPDP__colorButton:first-of-type{
    order:1;
  }
  .boxPDP__colorImageWrapper{
    border: 1px solid transparent;
      margin: auto;
      width: 58px;
      height: 58px;
  }
  .boxPDP__colorButton--active .boxPDP__colorImageWrapper{
    border: 1px solid black;
  }
  .boxPDP__colorImage{
        width: 58px;
      height: 58px;
      object-fit: contain;
  }
  .boxPDP__colorNameWrapper{
        font-family: 'YaleSolis-Bold';
      font-size: 17px;
      line-height: 20px;
      margin-top: 14px;
  }
  .boxPDP__line{
        border-top: 1px solid rgba(115,115,115,.25);
      margin-top: 27px;
      font-family: 'YaleSolis-Bold';
      font-size: 17px;
      padding-top: 10px;
  }
  .boxPDP__optionRow{
        display: flex;
      margin-top: 20px;
      padding-left: 3px;
  }
  .boxPDP__option{
        border: 1px solid #2D2C2E;
      font-family: 'YaleSolis-Bold';
      height: 46px;
      border-radius: 23px;
      padding: 0px 48px;
      font-size: 17px;
    background:none;
      margin-right: 42px;
  }
  .boxPDP__option--active{
    background:#2D2C2E;
    color:white;
  }
  .boxPDP__price{
        font-size: 23px;
      margin-left: 7px;
      margin-top: 33px;
  }
  .boxPDP__buy{
        border: 0;
      background: #FFC600;
      height: 46px;
      border-radius: 23px;
      font-family: 'YaleSolis-Bold';
      font-size: 17px;
      padding: 0 48px;
      margin-top: 16px;
  }
  .boxPDP__iconInner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1095px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 75px;
  }
  .boxPDP__iconCard{
        width: calc((100% / 3) - 10px);
      display: flex;
      max-width: 330px;
      margin-bottom: 46px;
  }
  .boxPDP__icon{
    width: 80px;
      height: 80px;
      object-fit: contain;
  }
  .boxPDP__iconTextWrapper{
    margin-left: 17px;
      max-width: 200px;
  }
  .boxPDP__iconTitle{
        font-family: 'YaleSolis-Bold';
  }
  .boxPDP__iconText{
    line-height: 21px;
      margin-top: 5px;
  }
  .boxPDP__legal{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1315px;
      text-align: center;
      font-size: 12px;
      line-height: 16px;
      margin-top: 5px;
  }
  .boxWorks__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1315px;
  }
  .boxWorks{
            padding-top: 40px;
      padding-bottom: 40px;
      background: #F5F5F5;
  }
  .boxWorks__title{
    font-family: 'YaleSolis-Bold';
      font-size: 50px;
  }
  .boxWorks__slider{
        margin-top: 42px;
      left: -8px;
      width: calc(100% + 16px);
  }
  .boxWorks__slideInner{
        width: calc(100% - 16px);
      margin: auto;
  }
  .boxWorks__slideImageWrapper{
    width: 100%;
      height: 0;
      padding-top: 86%;
      position: relative;
  }
  .boxWorks__slideImage{
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .boxWorks__slideTitle{
    font-family: 'YaleSolis-Bold';
      margin-top: 8px;
  }
  .boxWorks__slideText{
        line-height: 21px;
      margin-top: 6px;
  }
  .boxWorks__appRow{
        display: flex;
      margin-top: 97px;
      justify-content: center;
  }
  .boxWorks__appLeft{
        display: flex;
      border-right: 1px solid #707070;
  }
  .boxWorks__appIcon{
        width: 63px;
      height: 63px;
      object-fit: contain;
      margin-top: 6px;
      margin-right: 30px;
  }
  .boxWorks__appText{
        font-size: 25px;
      width: 205px;
      line-height: 32px;
  }
  .boxWorks__appRight{
        display: flex;
      padding-left: 19px;
      padding-right: 9px;
  }
  .boxWorks__appLink{
        display: block;
  }
  .boxWorks__appImage{
        height: 80px;
      margin: auto 0;
  }
  .boxWorks__appLink{
        display: block;
  }
  .boxWorks__appImage{
        height: 80px;
      margin: auto 0;
  }
  .boxWorks__legal{
    text-align: center;
      font-size: 12px;
      margin-top: 20px;
  }
  .boxVideo{
            padding-top: 43px;
  }
  .boxVideo__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1315px;
      position: relative;
  }
  .boxVideo__backgroundWrapper{
        width: 100%;
      height: 0;
      position: relative;
      padding-top: 41%;
  }
  .boxVideo__background{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .boxVideo__background--mobile{
    display: none;
  }
  .boxVideo__playButton{
    position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: none;
      border: none;
      padding: 0;
  }
  .boxVideo__playButtonIcon{
    width: 94px;
      height: 94px;
      object-fit: contain;
  }
  .boxVideoModal{
        position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 10000;
    display:none;
  }
  .boxVideoModal__overlay{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,.6);
  }
  .boxVideoModal__wrapper{
        position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 60px);
      max-width: 800px;
  }
  .boxVideoModal__close{
        color: white;
      border: 0;
      background: none;
      font-family: 'YaleSolis-Bold';
      font-weight: 900;
      font-size: 30px;
      position: absolute;
      right: -40px;
      top: -50px;
  }
  .boxVideoModal__bucket{
        position: relative;
      width: 100%;
      height: 0;
      padding-top: 67%;
      background: black;
  }
  .boxVideoModal__bucket iframe{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .boxFaq{
        padding-top: 30px;
  }
  .boxFaq .nestFaq__title{
        font-size: 51px;
      margin-bottom: 34px;
  }
  html {
    scroll-behavior: smooth;
  }
  .boxAd__imageWrapper{
    height:100%;
  }
  @media only screen and (max-width:990px){
    .boxWorks__slider .slick-next{
      color: transparent;
      border: 0;
      padding: 0;
      background: 0;
      width: 10px;
      height: 19px;
      overflow: hidden;
      background-image: url(/cdn/shop/files/arrow_2x_28e38625-c0f2-46f5-839f-61233a3efdd1.png?v=1633730729);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 8px;
      right: 0;
          z-index: 101;
    }
    .boxWorks__slider .slick-prev{
      color: transparent;
      border: 0;
      padding: 0;
      background: 0;
      width: 10px;
      height: 19px;
      overflow: hidden;
      background-image: url(/cdn/shop/files/arrowLeft_2x_5119a1b4-b714-4cd7-b0b7-7cc4669a8327.png?v=1633730729);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 8px;
      left: 0;
          z-index: 101;
    }
    .boxWorks__slider .slick-dots{
      display: flex;
      list-style: none;
      padding: 0;
      justify-content: center;
      padding-top: 40px;
    }
    .boxWorks__slider li{
      opacity:.3;
    }
    .boxWorks__slider li.slick-active{
      opacity:1;
    }
    .boxWorks__slider li button{
      width: 6px;
      padding: 0;
      border: 0;
      color: transparent;
      background: black;
      border-radius: 100%;
      height: 6px;
      margin: 0px 10px;
    }
    .boxWorks__slider .slick-arrow.slick-disabled{
      opacity:.3;
    }
    .boxBanner{
          height: auto;
    }
    .boxBanner__imageWrapper{
      position: relative;
      height: 440px;
    }
    .boxBanner__textWrapper{
      transform: none;
      background: #F8F8F8;
      padding-top: 30px;
      padding-bottom: 10px;
          position: relative;
      top: 0;
      left: 0;
      margin: 0;
      width: 100%;
    }
    .boxBanner__text{
      margin: auto;
      text-align: center;
      max-width: 600px;
      padding-top: 40px;
    }
    .boxBanner__textWrapper .al2Hero__gradientBanner{
      position: absolute;
      top: 0;
      width: 100%;
      left: 0;
    }
    #shopify-section-cabinetBanner .newColBanner{
      height:45px;
    }
    #shopify-section-cabinetBanner .al2Hero__gradientBanner{
      display:none;
    }
    #shopify-section-cabinetBanner .newColBanner__text{
      font-size: 18px;
      font-weight: 900;
      line-height: 18px;
    }
    .boxBanner__title{
          font-size: 34px!important;
      line-height: 38px;
      color: black!important;
    }
    .boxBanner__subTitle{
          font-size: 30px;
      line-height: 38px;
      color: black!important;
    }
    .boxIcons__inner{
          flex-wrap: wrap;
      max-width: 600px;
    }
    .boxIcons__iconCard{
          flex-direction: column;
      width: 50%;
      margin-bottom:30px;
    }
    .boxIcons__iconWrapper{
      margin: auto;
    }
    .boxIcons__textWrapper{
          text-align: center;
      margin: auto;
    }
    .boxSBS__inner{
      width: 100%;
    }
    .boxSBS__blade{
          flex-direction: column-reverse!important;
    }
    .boxSBS__textBox{
      width: 100%;
    }
    .boxSBS__textWrapper{
          padding-top: 32px;
      padding-bottom: 36px;
      max-width: 600px;
    }
    .boxSBS__imageBox{
          height: 400px;
      width: 100%;
    }
    .boxSBS__image{
      object-fit: cover;
    }
    .boxAd__inner{
      flex-direction: column;
      padding-bottom: 30px;
    }
    .boxAd__left{
          width: 100%;
    }
    .boxAd__textWrapper{
          max-width: 600px;
    }
    .boxAd__right{
          width: calc(100% - 60px);
      margin: auto;
      max-width: 600px;
    }
    .boxPDP__inner{
      flex-direction: column;
      max-width: 600px;
    }
    .boxPDP__left{
          width: 100%;
    }
    .boxPDP__right{
          width: 100%;
    }
    .boxPDP__colorRow{
      justify-content: center;
    }
    .boxPDP__colorButton{
          margin: 0px 10px;
    }
    .boxPDP__optionRow{
          flex-direction: column;
    }
    .boxPDP__option{
          margin-right: auto;
      margin-bottom: 20px;
    }
    .boxPDP__option--keypad{
      margin-bottom:0px;
    }
    .boxPDP__iconInner{
          max-width: 600px;
    }
    .boxPDP__iconCard{
          width: 50%;
      flex-direction: column;
      margin-bottom: 30px;
    }
    .boxPDP__iconWrapper{
          margin: auto;
    }
    .boxPDP__iconTextWrapper{
      text-align: center;
      margin: auto;
      margin-top: 10px;
    }
    .boxPDP__legal{
      max-width:600px;
      margin-top:30px;
    }
    .boxWorks__appRow{
          flex-direction: column;
      margin-top: 60px;
    }
    .boxWorks__appLeft{
          margin: auto;
      border: none;
    }
    .boxWorks__appRight{
          padding: 0;
      margin: auto;
      margin-top: 20px;
    }
    .boxWorks__title{
      font-size: 34px;
      text-align: Center;
    }
    .boxFaq .nestFaq__title{
      font-size:34px;
    }
    .boxVideoModal__close{
          right: -7px;
      top: -50px;
    }
  }
  @media only screen and (max-width:750px){
    .boxBanner__imageWrapper{
          height: 100vw;
    }
    .boxBanner__image--desktop{
      display:none;
    }
    .boxBanner__image--mobile{
      display:block;
    }
    .boxSBS__imageBox{
      height:100vw;
    }
    .boxSBS__image--desktop{
      display: none;
    }
    .boxSBS__image--mobile{
      display:block;
    }
    .boxVideo__inner{
          width: 100%;
    }
    .boxVideo__backgroundWrapper{
          padding-top: 93%;
    }
    .boxVideo__background--desktop{
          display: none;
    }
    .boxVideo__background--mobile{
      display: block;
    }
  }
  .nestSticky__buy:hover, .boxPDP__buy:hover{
    border:none;
    background:#eeba00;
  }
  
  
  /* Smart Cabinet Override Styles */
  #yale-smart-cabinet-lock-yale-home .nestIcons__iconCard {
    width: auto;
    max-width: 100%;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestIcons__flex {
    padding-bottom: 0;
    margin-top: 30px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestIcons {
    padding-top: 0;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestIcons__text {
    display: none;
  }
  
  #yale-smart-cabinet-lock-yale-home .abRepeater {
    padding-top: 30px;
  }
  
  #yale-smart-cabinet-lock-yale-home .abRepeater .abBlock:first-child {
    margin-bottom: 20px;
  }
  
  #yale-smart-cabinet-lock-yale-home .abRepeater__inner {
    max-width: 1312px;
  }
  
  #yale-smart-cabinet-lock-yale-home .abBlock__imgWrapper {
    width: calc( 60% - 20px );
  }
  
  #yale-smart-cabinet-lock-yale-home .abBlock__textWrapper {
    background: #F5F5F5;
    width: 40%;
    padding: 40px 60px;
  }
  
  #yale-smart-cabinet-lock-yale-home .abBlock__textWrapper .abBlock__title {
    font-size: 24px !important;
    line-height: 28px !important;
  }
  
  #yale-smart-cabinet-lock-yale-home .abBlock__textWrapper .abBlock__text {
    font-size: 16px;
    margin-top: 15px;
  }
  
  #yale-smart-cabinet-lock-yale-home .abBlock__textWrapper .abBlock__text p {
    margin-bottom: 0;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__flex {
    flex-wrap: wrap;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestIcons-lower {
    padding: 0 0 30px 0;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__iconCard {
    width: calc( 33.3333% - 40px );
    margin-bottom: 40px;
    align-items: unset;
    justify-content: left;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__inner {
    max-width: 980px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__iconText {
    text-align: left;
    margin-top: 5px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__iconText p {
    font-family: YaleSolis-Regular,sans-serif;
    margin-top: 10px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestIcons-lower .disclaimer {
    font-size: 12px;
    /* font-style: italic; */
    text-align: center;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery {
    max-width: 1312px;
    margin: 0 auto;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .nestGallery__imageWrapper {
    height: auto;
    padding-top: 0;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .nestGallery__image {
    position: static;
    width: 100%;
    height: auto;
  
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .nestGallery__imageWrapper span {
    display: block;
    font-size: 24px;
    margin-top: 10px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-slide {
    padding: 0 10px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-dots {
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 0;
    margin: 0;
    padding-top: 40px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-dots li {
    display: block;
    font-size: 0;
    margin: 0 5px;
    width: 100%;
      max-width: 36px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-dots li button {
    display: block;
    font-size: 0;
    border: none;
    background: none;
    padding: 0;
    width: 100%;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-dots li button::before {
    display: block;
    content: '';
    width: 100%;
    height: 8px;
    background: #9E9E9E;
    border-radius: 10px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-dots li.slick-active button::before {
    background: #000;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
  }
  
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .nestGallery__inner {
    max-width: 1312px;
    width: calc( 100% - 10px );
   }
  
  
   #yale-smart-cabinet-lock-yale-home .nestGallery .nestGallery__title {
   font-size: 48px;
   }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-arrow {
    display: block;
    font-size: 0;
    border: none;
    background: none;
    padding: 0;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-arrow::before {
    content: '';
    display: block;
    height: 27px;
    width: 10px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-next {
    right: -40px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-prev {
    left: -40px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-next::before {
    background: url('icon-slide-arrow-right.svg') center no-repeat;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestGallery .slick-prev::before {
    background: url('icon-slide-arrow-left.svg') center no-repeat;
  }
  
  /* Smart Cabinet Override Styles */
  #smart-safe .nestIcons__iconCard {
    width: auto;
    max-width: 100%;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  
  #smart-safe .nestIcons__flex {
    padding-bottom: 0;
    margin-top: 30px;
  }
  
  #smart-safe .nestIcons {
    padding-top: 0;
  }
  
  #smart-safe .nestIcons__text {
    display: none;
  }
  
  #smart-safe .abRepeater {
    padding-top: 30px;
  }
  
  #smart-safe .abRepeater.second .abBlock__flex, #smart-safe .abRepeater.third .abBlock__flex{
    flex-direction: row-reverse;
  }
  
  #smart-safe .abRepeater .abBlock:first-child {
    margin-bottom: 20px;
  }
  
  #smart-safe .abRepeater__inner {
    max-width: 1312px;
  }
  
  #smart-safe .abBlock__imgWrapper {
    width: calc( 60% - 20px );
  }
  
  #smart-safe .abBlock__textWrapper {
    background: #F5F5F5;
    width: 40%;
    padding: 40px 60px;
  }
  
  #smart-safe .abBlock__textWrapper .abBlock__title {
    font-size: 24px !important;
    line-height: 28px !important;
    margin-bottom: 40px;
  }
  
  #smart-safe .abBlock__textWrapper .abBlock__text {
    font-size: 16px;
    margin-top: 15px;
  }
  
  #smart-safe .abBlock__textWrapper .abBlock__text p {
    margin-bottom: 0;
  }
  
  #smart-safe .nestIcons-lower .nestIcons__flex {
    flex-wrap: wrap;
  }
  
  #smart-safe .nestIcons-lower {
    padding: 0 0 30px 0;
  }
  
  #smart-safe .nestIcons-lower .nestIcons__iconCard {
    width: calc( 33.3333% - 40px );
    margin-bottom: 40px;
    align-items: unset;
    justify-content: left;
  }
  
  #smart-safe .nestIcons-lower .nestIcons__inner {
    max-width: 980px;
  }
  
  #smart-safe .nestIcons-lower .nestIcons__iconText {
    text-align: left;
    margin-top: 5px;
  }
  
  #smart-safe .nestIcons-lower .nestIcons__iconText p {
    font-family: YaleSolis-Regular,sans-serif;
    margin-top: 10px;
  }
  
  #smart-safe .nestIcons-lower .disclaimer {
    font-size: 12px;
    /* font-style: italic; */
    text-align: center;
  }
  
  #smart-safe .nestGallery {
    max-width: 1312px;
    margin: 0 auto;
  }
  
  #smart-safe .nestGallery .nestGallery__imageWrapper {
    height: auto;
    padding-top: 0;
  }
  
  #smart-safe .nestGallery .nestGallery__image {
    position: static;
    width: 100%;
    height: auto;
  
  }
  
  #smart-safe .nestGallery .nestGallery__imageWrapper span {
    display: block;
    font-size: 20px;
    margin-top: 5px;
    line-height: 30px;
  }
  
  #smart-safe .nestGallery .nestGallery__imageWrapper h3 {
    font-size: 24px !important;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 30px;
  }
  
  #smart-safe .nestGallery .slick-slide {
    padding: 0 10px;
    padding-bottom: 15px;
  }
  
  #smart-safe .nestGallery .slick-dots {
    display: none;
    width: 100%;
    justify-content: center;
    padding: 0;
    margin: 0;
    padding-top: 40px;
  }
  
  #smart-safe .nestGallery .slick-dots li {
    display: block;
    font-size: 0;
    margin: 0 5px;
    width: 100%;
      max-width: 36px;
  }
  
  #smart-safe .nestGallery .slick-dots li button {
    display: block;
    font-size: 0;
    border: none;
    background: none;
    padding: 0;
    width: 100%;
  }
  
  #smart-safe .nestGallery .slick-dots li button::before {
    display: block;
    content: '';
    width: 100%;
    height: 8px;
    background: #9E9E9E;
    border-radius: 10px;
  }
  
  #smart-safe .nestGallery .slick-dots li.slick-active button::before {
    background: #000;
  }
  
  #smart-safe .nestGallery .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
  }
  
  
  #smart-safe .nestGallery .nestGallery__inner {
    max-width: 1312px;
    width: calc( 100% - 10px );
   }
  
  
   #smart-safe .nestGallery .nestGallery__title {
    font-size: 48px;
    margin-bottom: 20px;
   }
  
  #smart-safe .nestGallery .slick-arrow {
    display: block;
    font-size: 0;
    border: none;
    background: none;
    padding: 0;
  }
  
  #smart-safe .nestGallery .slick-arrow::before {
    content: '';
    display: block;
    height: 27px;
    width: 10px;
  }
  
  #smart-safe .nestGallery .slick-next {
    right: -40px;
  }
  
  #smart-safe .nestGallery .slick-prev {
    left: -40px;
  }
  
  #smart-safe .nestGallery .slick-next::before {
    background: url('icon-slide-arrow-right.svg') center no-repeat;
  }
  
  #smart-safe .nestGallery .slick-prev::before {
    background: url('icon-slide-arrow-left.svg') center no-repeat;
  }
  
  .cabPDP .inner {
    max-width: 1312px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .cabPDP .pdp__image {
    width: 50%;
  }
  
  .cabPDP .pdp__image img{
    width: 100%;
  }
  
  
  .cabPDP .pdp__details {
    width: calc( 50% - 30px );
    padding: 60px 0 60px 105px;
  }
  
  .cabPDP .pdp__heading--mobile {
    display: none;
  }
  
  .cabPDP .pdp__heading h2 {
    font-size: 34px;
    margin-bottom: 10px;
   }
  
   .cabPDP .pdp__heading p {
    font-size: 24px;
    max-width: 420px;
    line-height: 26px;
   }
  
   .cabPDP .pdp__options {
    padding-top: 10px;
    margin-top: 40px;
    border-top: 1px solid rgba( 0,0,0,.28 );
  }
  
  .cabPDP .pdp__options .title {
    font-family: YaleSolis-Bold,sans-serif;
    margin-bottom: 20px;
  }
  
  .cabPDP .pdp__options button {
    font-family: YaleSolis-Bold,sans-serif;
    border-radius: 60px;
    background: #fff;
    color: #000;
    border: 2px solid #000;
    display: inline-block;
    padding: 5px 45px;
    margin-right: 15px;
    font-size: 24px;
  }
  
  .cabPDP .pdp__options button.active {
    background: #000;
    color: #fff;
  }
  
  .cabPDP .pdp__price {
    margin-top: 30px;
  }
  
  .cabPDP .pdp__price .price {
    display: none;
    font-size: 24px;
  }
  
  .cabPDP .pdp__price .price.active {
    display: block;
  }
  
  .cabPDP .pdp__buy {
    padding: 20px 0;
  }
  
  .cabPDP .pdp__buy button {
    font-family: YaleSolis-Bold,sans-serif;
    border-radius: 60px;
    background: #F5CF00;
    color: #000;
    border: none;
    display: inline-block;
    padding: 5px 45px;
    margin-right: 15px;
    font-size: 24px;
  }
  
  .cabPDP .pdp__buy button:hover {
  background: #eeba00;
  }
  
  .cabPDP .pdp__select {
    display: none;
  }
  
  .cabPDP .pdp__disclaimer p {
    font-size: 12px;
  }
  
  #yale-smart-cabinet-lock-yale-home .nestBanner__bkg--mobile {
    display: none;
  }
  
  #smart-safe .nestBanner__bkg--mobile {
    display: none;
  }
  
  #smart-safe .pdp__technical .nestFaq__shelfTop {
    padding: 12px 29px 14px;
    border-radius: 4px;
  }
  
  #smart-safe .pdp__features {
    padding: 12px 21px 14px;
    background: #F5F5F5;
    margin: 15px 0;
    border-radius: 8px;
  }
  
  #smart-safe .pdp__image-wrap {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  
  #smart-safe .pdp__image {
    width: 530px;
    order: 2;
  }
  
  
  #smart-safe .pdp__thumbs {
    width: 75px;
    order: 1;
  }
  
  #smart-safe .pdp__thumbs .slick-protect {
   padding: 15px 0;
  }
  
  #smart-safe .pdp__thumbs .slick-arrow {
    font-size: 0;
    width: 55px;
    background: #fff;
    border: 1px solid #B4BCC2;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  }
  
  #smart-safe .pdp__thumbs .slick-arrow::before {
    content: '';
    display: block;
    width: 27px;
    height: 14px;
  }
  
  #smart-safe .pdp__thumbs .slick-prev::before {
    background: url( /cdn/shop/t/147/assets/storage-arrow-up.svg ) center center/contain no-repeat;
  }
  
  
  #smart-safe .pdp__thumbs .slick-next::before {
    background: url( /cdn/shop/t/147/assets/storage-arrow-down.svg ) center center/contain no-repeat;
  }
  
  #smart-safe .pdp__image .works__with img {
    width: auto;
    display: inline-block;
    margin-right: 10px;
    max-height: 30px;
  }
  
  @media screen and (max-width: 900px) {
  
    #smart-safe .pdp__image-wrap {
      width: 100%;
    }
  
    #smart-safe .pdp__image-wrap .pdp__image,
    #smart-safe .pdp__image-wrap .pdp__thumbs {
      width: 100%;
    }
  
    #smart-safe .pdp__details {
      width: 100% !important;
    }
  
    #smart-safe .pdp__image {
      order: 1;
    }
    
    
    #smart-safe .pdp__thumbs {
      order: 2;
    }
  
    #smart-safe .slick-protect img {
      display: block;
      margin: 0 auto;
    }
  
    #smart-safe  .cabPDP .slick-arrow {
      top: 50%;
      transform: translateY( -50% );
    }
  
    #smart-safe .pdp__thumbs {
      padding: 0 30px;
    }
    
    #smart-safe .cabPDP  .pdp__thumbs .slick-arrow {
      position: absolute;
      top: 50%;
      transform: translateY( -50% );
      font-size: 0;
      width: 45px;
      background: #fff;
      border: 1px solid #B4BCC2;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    }
    
    #smart-safe .cabPDP  .pdp__thumbs .slick-arrow::before {
      content: '';
      display: block;
      width: 27px;
      height: 14px;
    }
  
    #smart-safe  .cabPDP .pdp__thumbs .slick-prev {
      left: -30px;
    }
  
    #smart-safe .cabPDP .pdp__thumbs .slick-next {
      right: -30px;
    }
    
    #smart-safe .cabPDP  .pdp__thumbs .slick-prev::before {
      transform: rotate( -90deg );
    }
    
    
    #smart-safe .cabPDP  .pdp__thumbs .slick-next::before {
      transform: rotate( -90deg );
    }
  
  }
  
  #smart-safe .cabPDP .inner {
    align-items: flex-start;
  }
  
  #smart-safe .cabPDP {
    padding: 60px 0 0 0;
  }
  
  #smart-safe .pdp__features ul {
    margin-left: 10px;
  }
  
  @media( max-width: 1200px ) {
    .cabPDP .pdp__details {
      width: calc( 65% - 30px );
    }
  
    .cabPDP .pdp__image {
      width: 35%;
    }
  
  
  }
  
  @media( max-width: 992px ) {
    #yale-smart-cabinet-lock-yale-home .abBlock {
      margin-bottom: 0 !important;
      padding-bottom: 0;
      background: #f5f5f5;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock:last-child {
      padding-bottom: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__flex {
      padding: 15px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__textWrapper {
      width: 100%;
      padding: 0;
      background: none;
      margin-top: 15px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__desktopImg {
      display: none;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__mobileImg {
      display: block;
      margin-top: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__imgWrapper {
      width: 100%;
      padding: 0;
      background: none;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__text {
      font-size: 16px;
      line-height: 26px;
    }
  
    #smart-safe .abBlock {
      margin-bottom: 0 !important;
      padding-bottom: 0;
      background: #f5f5f5;
    }
    
    #smart-safe .abBlock:last-child {
      padding-bottom: 20px;
    }
    
    #smart-safe .abBlock__flex {
      padding: 15px;
    }
    
    #smart-safe .abBlock__textWrapper {
      width: 100%;
      padding: 0;
      background: none;
      margin-top: 15px;
    }
    
    #smart-safe .abBlock__desktopImg {
      display: none;
    }
    
    #smart-safe .abBlock__mobileImg {
      display: block;
      margin-top: 20px;
    }
    
    #smart-safe .abBlock__imgWrapper {
      width: 100%;
      padding: 0;
      background: none;
    }
    
    #smart-safe .abBlock__text {
      font-size: 16px;
      line-height: 26px;
    }
  
    .cabPDP .inner {
      padding: 30px 15px 0 15px;
    }
  
    .cabPDP .pdp__image {
      width: 100%;
    }
  
    .cabPDP .pdp__details {
      width: 100%;
      padding: 0;
    }
  
    .cabPDP .pdp__image img {
      display: block;
      margin: 0 auto;
      max-width: 500px;
    }
  
    .cabPDP .pdp__heading--mobile {
      display: block;
    }
  
    .cabPDP .pdp__heading--mobile p {
     font-size: 24px;
     line-height: 28px;
    }
  
    .cabPDP .pdp__details .pdp__heading {
      display: none;
    }
  
    .cabPDP .pdp__options button {
      margin-bottom: 20px;
    }
  
    .cabPDP .pdp__price {
      margin-top: 15px;
    }
  
  
    .cabPDP .pdp__disclaimer {
      width: 100%;
      text-align: center;
    }
  
  
    #yale-smart-cabinet-lock-yale-home .nestGallery__inner  .nestGallery__title{
      font-size: 24px;
      text-align: center;
      padding-bottom: 20px;
     }
  
     #yale-smart-cabinet-lock-yale-home .cabGallery__slider {
       padding: 0 40px;
     }
  
     #yale-smart-cabinet-lock-yale-home .cabGallery__slider .slick-next {
      right: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .cabGallery__slider .slick-prev {
      left: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestGallery {
      padding-top: 0;
    }
  
  
    #yale-smart-cabinet-lock-yale-home .nestFaq__shelfTop {
      padding: 15px;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestFaq__shelfTitle {
      text-align: left;
    }
  
    #smart-safe .nestGallery__inner  .nestGallery__title{
      font-size: 24px;
      text-align: center;
      padding-bottom: 20px;
     }
    
     #smart-safe .cabGallery__slider {
       padding: 0 40px;
     }
    
     #smart-safe .cabGallery__slider .slick-next {
      right: 20px;
    }
    
    #smart-safe .cabGallery__slider .slick-prev {
      left: 20px;
    }
    
    #smart-safe .nestGallery {
      padding-top: 0;
    }
    
    
    #smart-safe .nestFaq__shelfTop {
      padding: 15px;
    }
    
    #smart-safe .nestFaq__shelfTitle {
      text-align: left;
      color: #000;
    }
  }
  
  @media( max-width: 900px ) {
    #yale-smart-cabinet-lock-yale-home .nestBanner__inner {
      display: none;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestFaq {
      padding-top: 50px;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestIcons__text {
      display: block;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestIcons__inner {
      padding-top: 30px;
      text-align: center;
      width: calc( 100% - 15px );
    }
  
    #yale-smart-cabinet-lock-yale-home .nestIcons__text--mobile {
      font-size: 24px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons__title--mobile {
      font-size: 28px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons__iconCard {
       display: block;
       width: calc( 50% - 40px );
       margin-bottom: 30px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__flex {
       max-width: calc( 100% - 15px );
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__iconCard {
       width: calc(50% - 20px );
       text-align: center;
       margin-bottom: 15px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__iconText {
       text-align: center;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestGallery .nestGallery__imageWrapper span {
      display: block;
      font-size: 24px;
      margin-top: 10px;
      text-align: center;
    }
  
    #smart-safe .nestBanner__inner {
      display: none;
    }
    
    #smart-safe .nestFaq {
      padding-top: 50px;
    }
    
    #smart-safe .nestIcons__text {
      display: block;
    }
    
    #smart-safe .nestIcons__inner {
      padding-top: 30px;
      text-align: center;
      width: calc( 100% - 15px );
    }
    
    #smart-safe .nestIcons__text--mobile {
      font-size: 24px;
     }
    
     #smart-safe .nestIcons__title--mobile {
      font-size: 28px;
     }
    
     #smart-safe .nestIcons__iconCard {
       display: block;
       width: calc( 50% - 40px );
       margin-bottom: 30px;
     }
    
     #smart-safe .nestIcons-lower .nestIcons__flex {
       max-width: calc( 100% - 15px );
     }
    
     #smart-safe .nestIcons-lower .nestIcons__iconCard {
       width: calc(50% - 20px );
       text-align: center;
       margin-bottom: 15px;
     }
    
     #smart-safe .nestIcons-lower .nestIcons__iconText {
       text-align: center;
     }
    
     #smart-safe .nestGallery .nestGallery__imageWrapper span {
      display: block;
      font-size: 24px;
      margin-top: 10px;
      text-align: center;
    }
  
  }
  
  @media( max-width: 480px ) {
    #yale-smart-cabinet-lock-yale-home .nestBanner__bkg--mobile {
      display: block;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestBanner__bkg--desktop {
      display: none;
    }
  
    #smart-safe .nestBanner__bkg--mobile {
      display: block;
    }
    
    #smart-safe .nestBanner__bkg--desktop {
      display: none;
    }
  }
  
  .nestSticky__buy:hover, .boxPDP__buy:hover{
    border:none;
    background:#eeba00;
  }
  .newColBanner{
    height: 68px;
    position: relative;
  }
  
  .newColBanner--color::before {
    content: '';
    width: 100%;
    position: absolute;
    opacity: .3;
    top: 0;
    left: 0;
    height: 40px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
  }
  .newColBanner--color::after {
    content: '';
    width: 100%;
    position: absolute;
    opacity: .3;
    bottom: 0;
    left: 0;
    height: 40px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 100%);
  }
  .newColBanner__inner{
      margin: auto;
      max-width: calc(100% - 60px);
      display: flex;
      flex-direction: column;
      height: 100%;
  }
  .newColBanner__text{
        text-align: center;
      margin: auto;
      font-family: 'YaleSolis-Bold';
      font-size: 25px;
  }
  @media only screen and (max-width:480px){
    .newColBanner{
      height:auto;
    }
  }
  
  .newProLanding__row{
    display: flex;
      justify-content: center;
      flex-wrap: wrap;
  }
  .newProLanding__card{
        width: 20%;
      padding-right: 15px;
        max-width: 184px;
      padding-left: 15px;
  }
  .newProdLanding__cardInner{
        margin: auto;
      width: max-content;
      max-width: 123px;
  }
  @media only screen and (max-width:770px){
    .newProLanding__card{
          padding-bottom: 30px;
      width: 50%;
      max-width:150px;
    }
  }
  
  .accessHero{
    height: 440px;
      position: relative;
  }
  .accessHero__background{
        display: flex;
      width: 100%;
      height: 100%;
  }
  .accessHero__backgroundImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .accessHero__inner{
        position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      color: white;
      width: calc(100% - 60px);
      max-width: 1310px;
  }
  .accessHero__textWrapper{
        padding-top: 12px;
  }
  .accessHero__title{
        font-size: 48px!important;
  }
  .accessHero__subTitle{
        font-family: 'YaleSolis-Regular';
      font-weight: normal;
      font-size: 34px!important;
      margin-top: 14px;
  }
  .accessText{
        padding-top: 45px;
      padding-bottom: 38px;
  }
  .accessText__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1310px;
  }
  .accessText__title{
        text-align: center;
      font-family: 'YaleSolis-Bold';
      font-size: 48px;
  }
  .accessText__text{
        margin: auto;
      max-width: 850px;
      text-align: center;
      font-size: 24px;
      line-height: 30px;
  }
  .accessDesktop{
        background: #F5F5F5;
  }
  .accessDesktop__inner{
        display: flex;
      justify-content: space-between;
      position: relative;
  }
  .accessDesktop__left{
        width: 50%;
  }
  .accessDesktop__right{
    width: 50%;
      height: 100%;
  }
  .accessDesktop__left{
        padding-top: 48px;
  }
  .accessDesktop__leftWidthContainer{
        margin-left: auto;
      width: calc(100% - 30px);
      max-width: 555px;
  }
  .accessDesktop__leftWrapper{
        margin-right: auto;
      width: calc(100% - 30px);
      max-width: 426px;
  }
  .accessDesktop__title{
    font-family: YaleSolis-Bold;
      font-size: 34px;
      padding-left: 11px;
  }
  .accessDesktop__buttonColumn{
        display: flex;
      flex-direction: column;
      margin-top: 27px;
  }
  .accessDesktop__button{
        padding: 0;
      border: none;
      background: transparent;
      border-left: 4px solid #C4C4C4;
  }
  .accessDesktop__buttonInner{
        display: flex;
      margin: auto;
      max-width: 369px;
      justify-content: space-between;
      padding: 24px 0;
  }
  .accessDesktop__iconWrapper{
        width: 56px;
      margin-top: 7px;
  }
  .accessDesktop__icon{
        width: 100%;
  }
  .accessDesktop__textWrapper{
    width: calc(100% - 90px);
      text-align: left;
  }
  .accessDesktop__buttonTitle{
        font-size: 18px;
      font-weight: bold;
  }
  .accessDesktop__buttonText{
    font-size: 16px;
      line-height: 22px;
      margin-top: -6px;
  }
  .accessDesktop__button--active{
    background: white;
      border-left: 4px solid #FFC700;
  }
  .accessDesktop__right{
        position: absolute;
      top: 0;
      right: 0;
  }
  .accessDesktop__slider{
        height: inherit;
  }
  .accessDesktop__slider .slick-list{
        height: inherit;
  }
  .accessDesktop__slider .slick-track{
        height: inherit;
  }
  .accessDesktop__imageWrapper{
        height: 100%;
  }
  .accessDesktop__image{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .accessMobile{
    display:none;
  }
  .accessDesktop__left{
    padding-bottom:72px;
  }
  .accessLinks{
        padding-top: 42px;
      padding-bottom: 82px;
  }
  .accessLinks__inner{
    margin: auto;
      width: calc(100% - 60px);
  }
  .accessLinks__upper{
        display: flex;
      justify-content: center;
  }
  .accessLinks__left{
        display: flex;
      padding-right: 56px;
      border-right: 1px solid black;
      margin-right: 56px;
  }
  .accessLinks__yaleLogoWrapper{
        margin-right: 35px;
  }
  .accessLinks__yaleLogo{
        width: 100px;
  }
  .accessLinks__yaleLogoText{
        font-size: 24px;
      max-width: 171px;
      line-height: 30px;
      margin: auto 0;
  }
  .accessLinks__right{
        display: flex;
  }
  .accessLinks__appStoreLink{
        display: block;
      margin: auto 0;
      margin-right: 15px;
  }
  .accessLinks__appStoreIcon{
        width: 175px;
  }
  .accessLinks__playStoreLink{
        display: block;
      margin: auto 0;
  }
  .accessLinks__playStoreIcon{
        width: 199px;
  }
  .accessLinks__lower{
        text-align: center;
      font-size: 12px;
      margin-top: 25px;
  }
  .accessIcons__inner{
        display: flex;
      justify-content: space-between;
      margin: auto;
      width: calc(100% - 60px);
      max-width: 1312px;
  }
  .accessIcons__left{
    width: calc(50% - 12px);
  }
  .accessIcons__title{
        font-family: YaleSolis-Bold;
      font-size: 34px;
      max-width: 500px;
      line-height: 42px;
      padding-top: 8px;
  }
  .accessIcons__text{
        max-width: 580px;
      font-size: 16px;
      margin-top: 9px;
      line-height: 27px;
  }
  .accessIcons__iconFlex{
        display: flex;
      justify-content: space-between;
      max-width: 454px;
      margin-top: 29px;
  }
  .accessIcons__iconWrapper{
        display: flex;
  }
  .accessIcons__icon{
        width: 59px;
      margin: auto;
  }
  .accessIcons__iconText{
    font-weight: bold;
      text-align: center;
      max-width: 120px;
      margin: auto;
      margin-top: 9px;
      line-height: 19px;
  }
  .accessIcons__right{
        width: calc(50% - 12px);
  }
  .accessIcons__image{
    width: 100%;
  }
  .accessThree{
    padding-top: 49px;
  }
  .acessThree__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1312px;
  }
  .accessThree__title{
        font-family: YaleSolis-Bold;
      font-size: 34px;
  }
  .accessThree__text{
        margin-top: -3px;
  }
  .accessThree__flex{
        margin-top: 36px;
      display: flex;
      justify-content: space-between;
  }
  .accessThree__card{
        width: calc((100% / 3) - 14px);
  }
  .accessThree__imageWrapper{
    position: relative;
      height: 0;
      width: 100%;
      padding-top: 53%;
  }
  .accessThree__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .accessThree__textWrapper{
        padding: 19px 10px;
  }
  .accessThree__cardTitle{
        font-family: YaleSolis-Bold;
      font-size: 24px;
  }
  .accessThree__cardText{
        max-width: 360px;
  }
  .accessThree__iconRow{
        display: flex;
      margin-top: 20px;
      margin-left: -10px;
      height: 27px;
  }
  .accessThree__iconWrapper{
    margin-right: 14px;
  }
  .accessThree__icon{
        height: 100%;
  }
  .accessCollection{
        padding-top: 61px;
  }
  .accessCollection__innner{
        margin: auto;
      width: calc(100% - 15px);
  }
  .accessCollection__title{
    margin: auto;
      font-family: YaleSolis-Bold;
      font-size: 34px;
      text-align: center;
      max-width: 450px;
      line-height: 42px;
  }
  .accessCollection{
    padding-top: 61px;
  }
  .accessCollection__innner{
        margin: auto;
      width: calc(100% - 4px);
      max-width: 1440px;
  }
  .accessCollection__title{
        margin: auto;
      font-family: YaleSolis-Bold;
      font-size: 34px;
      text-align: center;
      max-width: 450px;
      line-height: 42px;
  }
  .accessCollection__sliderWrapper{
        display: flex;
      margin-top: 40px;
  }
  .accessCollection__prev{
        padding: 0;
      margin: auto 0;
      border: none;
      background: none;
  }
  .accessCollection__prevArrow{
        width: 56px;
  }
  .accessCollection__next{
        padding: 0;
      margin: auto 0;
      border: none;
      background: none;
  }
  .accessCollection__nextArrow{
        width: 56px;
  }
  .accessCollection__slider{
    width: calc(100% - 112px);
  }
  .accessCollectionCard__inner{
        width: calc(100% - 24px);
      margin: auto;
      border: 1px solid #B4BCC2;
  }
  
  .accessCollectionCard__inner--banner {
    .accessCollectionCard__imageWrapper {
      margin-top: 50px;
    }
   
  }
  .accessCollectionCard__imageWrapper{
        width: 100%;
      height: 0;
      padding-top: 100%;
      position: relative;
  }
  .accessCollectionCard__image{
        position: absolute;
      top: 0px;
      left: 20px;
      width: calc(100% - 40px);
      height: calc(100% - 40px);
      object-fit: cover;
  }
  .accessCollectionCard__title{
        font-weight: bold;
      padding: 0px 18px;
      margin-top: -2px;
      line-height: 22px;
  }
  .accessCollectionCard__priceRow{
        font-weight: bold;
      padding: 0px 18px;
      margin-top: 20px;
      font-size: 15px;
  }
  .nestProdCard__buttonRow{
        margin-top: 20px;
      padding: 0px 10px;
      padding-bottom: 40px;
  }
  .accessFeatured{
        padding-top: 103px;
  }
  .accessFeatuerd__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1310px;
      display: flex;
      justify-content: space-between;
  }
  .accessFeatured__left{
        width: calc(54% - 40px);
  }
  .accessFeatured__image{
        width: 100%;
  }
  .accessFeatured__right{
    width: calc(46% - 20px);
      max-width: 531px;
      margin-top: 6px;
  }
  .accessFeatured__title{
        font-family: YaleSolis-Bold;
      font-size: 34px;
      max-width: 270px;
      line-height: 40px;
  }
  .accessFeatured__text{
        font-size: 24px;
      max-width: 410px;
      line-height: 29px;
      margin-top: 12px;
      padding-bottom: 39px;
  }
  .accessFeatured__included{
        border-top: 1px solid #B4BCC2;
      padding-top: 41px;
        font-size: 24px;
      line-height: 29px;
  }
  .accessFeatured__included strong{
        font-family: YaleSolis-Bold;
      font-size: 24px;
  }
  .accessFeatured__price{
    font-size: 24px;
      margin-top: 40px;
  }
  .accessFAQ{
        padding-top: 59px;
      padding-bottom: 40px;
  }
  .accessFAQ__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1300px;
  }
  .accessFAQ__title{
    text-align: center;
      font-family: YaleSolis-Bold;
      font-size: 48px;
  }
  .accessFAQ__wrapper{
        background: #F5F5F5;
      width: 100%;
      margin-top: 26px;
  }
  .accessFAQ__titleButton{
        width: 100%;
      display: flex;
      border: none;
      justify-content: space-between;
      height: 64px;
      padding: 0 17px;
  }
  .accessFAQ__accordionTitle{
        margin: auto 0;
      font-weight: bold;
  }
  .accessFAQ__arrow{
        margin: auto 0;
      padding-right: 7px;
  }
  .accessFAQ__arrowIcon{
        width: 18px;
  }
  .accessFAQ__accordionWrapper{
        display: none;
  }
  .accessFAQ__accordionInner{
        padding: 20px 17px;
  }
  .accessFeatured__mobTitle{
    display:none;
  }
  .accessCollection__controls{
    display:none;
  }
  @media only screen and (max-width: 900px) {
    .accessHero{
          height: auto;
      background: #F5F5F5;
    }
    .accessHero__background{
          height: 100vw;
      max-height: 400px;
    }
    .accessHero__inner{
          position: initial;
      transform: none;
      margin: auto;
      text-align: center;
    }
    .accessHero__textWrapper{
      color: black;
      padding: 30px 0;
    }
    .accessHero__title{
          font-size: 28px!important;
    }
    .accessHero__subTitle{
          font-size: 32px !important;
    }
    .accessText{
          padding-top: 24px;
      padding-bottom: 24px;
    }
    .accessText__title{
          font-size: 24px;
      text-align: left;
      margin-bottom: 16px;
    }
    .accessText__text{
          text-align: left;
      font-size: 16px;
      margin: 0;
      line-height: 26px;
    }
    .accessDesktop{
          display: none;
    }
    .accessMobile{
          display: block;
    }
    .accessMobile__titleRow{
          margin: auto;
      width: calc(100% - 60px);
      padding-top: 30px;
      margin-bottom: 24px;
    }
    .accessMobile__title{
          font-family: YaleSolis-Bold;
      font-size: 34px;
    }
    .accessMobile__slider{
          max-width: 600px;
      margin: auto;
    }
    .accessMobile__imageWrapper{
          position: relative;
      width: 100%;
      height: 0;
      padding-top: 100%;
    }
    .accessMobile__image{
          position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .accessMobile__controls{
          max-width: 600px;
      margin: auto;
      width: calc(100% - 60px);
      padding-top: 24px;
    }
    .accessMobile__inner{
          display: flex;
      justify-content: space-between;
    }
    .accessMobile__previous{
          border: 0;
      background: none;
      padding: 0;
    }
    .accessMobile__previousArrow{
      width: 50px;
    }
    .accessMobile__dots{
          display: flex;
      margin: auto;
    }
    .accessMobile__dot{
          width: 12px;
      height: 12px;
      border: 0;
      background: black;
      border-radius: 100%;
      margin: 0px 12px;
      opacity: .4;
    }
    .accessMobile__dot--active{
      opacity: 1;
    }
    .accessMobile__next{
          border: 0;
      background: none;
      padding: 0;
    }
    .accessMobile__nextArrow{
          width: 50px;
    }
    .accessMobile__textSlider{
      max-width: 600px;
      width:calc(100% - 60px);
      margin: auto;
      margin-top: 24px;
    }
    .accessMobile__textSlideInner{
          display: flex;
    }
    .accessMobile__textSlideIcon{
      width: 58px;
    }
    .accessMobile__textSlideTextWrapper{
      margin-left: 32px;
      font-size: 18px;
    }
    .accessMobile__textSlideButtonTitle{
          font-weight: bold;
    }
    .accessLinks{
          background: #F5F5F5;
      margin-top: 40px;
      padding-top: 40px;
      padding-bottom: 40px;
    }
    .accessLinks__upper{
          flex-direction: column;
    }
    .accessLinks__left{
          width: 100%;
      justify-content: center;
    }
    .accessLinks__yaleLogo{
          width: 80px;
    }
    .accessLinks__right{
          margin-top: 15px;
      justify-content: center;
    }
    .accessLinks__lower{
          margin-top: 10px;
    }
    .accessLinks__appStoreIcon{
          width: 126px;
    }
    .accessLinks__playStoreIcon{
          width: 144px;
    }
    .accessIcons{
          padding-top: 32px;
    }
    .accessIcons__left{
          width: 100%;
    }
    .accessIcons__title{
          font-size: 24px;
      max-width: none;
    }
    .accessIcons__text{
          max-width: none;
    }
    .accessIcons__iconFlex{
          flex-wrap: wrap;
      justify-content: center;
      max-width: none;
    }
    .accessIcons__iconCard{
          padding: 0px 20px;
      width:50%;
    }
    .accessIcons__right{
      display:none;
    }
    .accessLinks__left{
      padding:0;
      border:0;
    }
    .accessThree__title{
          font-size: 24px;
    }
    .accessThree__text{
          margin-top: 16px;
    }
    .accessThree__flex{
          flex-direction: column;
      margin-left: -31px;
      width: calc(100% + 62px);
    }
    .accessThree__card{
          width: 100%;
    }
    .accessThree__textWrapper{
          padding: 20px 30px;
      padding-bottom: 40px;
    }
    .accessCollection{
          padding-top: 30px;
    }
    .accessCollection__title{
          font-size: 24px;
      line-height: initial;
      width: calc(100% - 60px);
      max-width: none;
      text-align: left;
    }
    .accessCollection__sliderWrapper{
          max-width: 600px;
      margin: auto;
      margin-top: 40px;
    }
    .accessCollection__slider{
      width:100%;
    }
    .accessFeatured__mobTitle{
      display:block;
    }
    .accessFeatured__title{
      display:none;
    }
    .accessFeatured{
          padding-top: 50px;
    }
    .accessFeatuerd__inner{
          flex-direction: column;
    }
    .accessFeatured__mobTitle{
          font-size: 24px;
      font-family: YaleSolis-Bold;
      text-align: center;
    }
    .accessCollection__sliderWrapper .accessCollection__prev{
      display:none;
    }
    .accessCollection__sliderWrapper .accessCollection__next{
      display:none;
    }
    .accessCollection__controls{
      display: flex;
      justify-content: center;
      font-family: YaleSolis-Bold;
      font-size: 24px;
      margin-top: 24px;
    }
    .accessCollection__prevArrow{
          width: 48px;
    }
    .accessCollection__counter{
          padding: 0px 50px;
      margin: auto 0;
    }
    .accessCollection__nextArrow{
      width: 48px;
    }
    .accessFeatuerd__inner{
          max-width: 600px;
    }
    .accessFeatured__left{
          width: 100%;
      padding-top: 30px;
    }
    .accessFeatured__right{
          width: 100%;
    }
    .accessFeatured__text{
          font-size: 14px;
      max-width: none;
      line-height: initial;
      padding-bottom: 0;
      margin-bottom: 15px;
    }
    .accessFeatured__included{
      border: none;
      padding-top: 0;
      font-size: 14px;
    }
    .accessFeatured__included strong{
          font-size: 16px;
    }
    .accessFeatured__price{
      font-family: YaleSolis-Bold;
      margin-top: 20px;
      font-size: 18px;
    }
    .accessFAQ{
          padding-top: 30px;
    }
    .accessFAQ__title{
          font-size: 24px;
    }
    .accessThree__imageWrapper{
      padding-top:70%;
    }
  }
  
  .sloHero__background{
    height: 440px;
  }
  .sloHero__backgroundImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .sloHero__backgroundImageMobile{
        width: 100%;
      height: 100%;
      object-fit: cover;
    display:none;
  }
  .sloHero__inner{
        position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 60px);
      color: white;
      max-width: 1310px;
  }
  .sloHero__title{
        font-size: 48px!important;
      padding-bottom: 42px;
  }
  .sloIcons{
        padding-top: 38px;
  }
  .sloIcons__inner{
    max-width: 1100px;
      margin: auto;
      width: calc(100% - 60px);
  }
  .sloIcons__top{
        text-align: center;
      font-size: 24px;
      max-width: 750px;
      margin: auto;
      line-height: 30px;
  }
  .sloIcons__lower{
        margin-top: 46px;
  }
  .sloIcons__flex{
        display: flex;
      justify-content: space-between;
      margin: auto;
      max-width: 1088px;
  }
  .sloIconCard{
        max-width: 224px;
  }
  .sloIconCard__inner{
        display: flex;
  }
  .sloIconCard__imageWrapper{
    width: 84px;
      height: 84px;
  }
  .sloIconCard__imageIcon{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .sloIconCard__textWrapper{
        width: calc(100% - 84px);
      margin: auto 0;
      padding-left: 17px;
  }
  .sloIconCard__text{
    line-height: 20px;
      font-size: 16px;
      font-weight: bold;
  }
  .sloHero{
    position:relative;
  }
  .sloApps{
        padding-top: 55px;
      padding-bottom: 5px;
  }
  .sloApps__inner{
        display: flex;
      width: calc(100% - 60px);
      margin: auto;
      max-width: 1310px;
      justify-content: space-between;
  }
  .sloApps__left{
    width: calc(50% - 59px);
  }
  .sloApps__textWrapper{
        margin-top: -10px;
      padding-left: 3px;
  }
  .sloApps__title{
        font-family: YaleSolis-Bold,sans-serif;
      font-size: 24px;
  }
  .sloApps__text{
        margin-top: 8px;
      max-width: 530px;
      line-height: 26px;
  }
  .sloApps__lower{
        margin-top: 118px;
  }
  .sloApps__lowerRow{
    display: flex;
      justify-content: space-between;
  }
  .sloApps__innerLeft{
    display: flex;
  }
  .sloApps__logoWrapper{
        width: 48px;
      height: 48px;
  }
  .sloApps__logo{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .sloApps__logoText{
        margin: auto 0;
      margin-left: 24px;
  }
  .sloApps__innerRight{
    display: flex;
  }
  .sloApps__appStoreLink{
    margin: auto 0;
  }
  .sloApps__appStoreImg{
        width: 106px;
      margin-right: 14px;
  }
  .sloApps__appStoreImg{
        width: 119px;
  }
  .sloApps__legal{
        font-size: 12px;
      margin-top: 11px;
  }
  .sloApps__right{
        width: calc(50% - 12px);
  }
  .sloApps__image{
        width: 100%;
      height: auto;
  }
  .accessCollectionCard__colorRow{
        padding: 0 18px;
      margin-top: 2px;
      margin-left: 2px;
  }
  .accessCollectionCard__colorButton{
        width: 32px;
      height: 32px;
      padding: 4px;
    background:none;
    position:realtive;
      border: none;
  }
  .accessCollectionCard__colorBack{
        width: 100%;
      height: 100%;
      border-radius: 100%;
    background:gray;
    background-size:cover!important;
  }
  .accessCollectionCard__colorName{
        padding: 0 18px;
    margin-bottom:15px;
      margin-top: 2px;
  }
  .sloFeatured__inner{
    display: flex;
      width: calc(100% - 60px);
      margin: auto;
      max-width: 1380px;
      justify-content: space-between;
  }
  .sloFeatured__left{
        width: calc(50% + 23px);
  }
  .sloFeatured__sliderWrapper{
        display: flex;
  }
  .sloFeatured__right{
        width: calc(50% - 60px);
      max-width: 590px;
  }
  .sloFeatured__textWrapper{
        max-width: 560px;
  }
  .sloFeatured__prevButton{
        padding: 0;
      background: none;
      border: none;
      margin: auto 0;
  }
  .sloFeatured__prevArrow{
        width: 56px;
  }
  .sloFeatured__slider{
        width: calc(100% - 115px);
  }
  .sloFeatured__nextButton{
        padding: 0;
      background: none;
      border: none;
      margin: auto 0;
  }
  .sloFeatured__nextArrow{
        width: 56px;
  }
  .sloFeatured__imgWrapper{
        padding-top: 77%;
      position: relative;
      height: 0;
  }
  .sloFeatured__img{
        width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      object-fit: cover;
  }
  .sloFeatured{
    padding-top:150px;
  }
  
  .sloFeatured__thumbSliderWrapper{
        padding-left: 15px;
      max-width: 475px;
  }
  .sloFeatured__thumbImg{
    width:100%;
  }
  .sloFeatured__thumbSliderWrapper{
    margin-top: 30px;
  }
  .sloFeatured__thumbImgWrapper{
        padding-top: 77%;
      height: 0;
      position: relative;
  }
  .sloFeatured__thumbImg{
        position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
    object-fit:cover;
  }
  .sloFeatured__thumb{
    padding:0 10px;
  }
  .accessCollectionCard__colorButton--active{
    position:relative;
  }
  .accessCollectionCard__colorButton--active:before{
    content:'';
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    position:absolute;
    top:-1px;
    left:-1px;
    border:2px solid black;
    border-radius:100%;
  }
  
  .sloFeatured__title{
        font-family: YaleSolis-Bold;
      font-size: 24px;
      margin-top: 21px;
  }
  .sloFeatured__text{
        line-height: 26px;
      margin-top: 11px;
      padding-bottom: 15px;
      border-bottom: 1px solid #C9C9C9;
  }
  .sloFeatured__colorRow{
        display: flex;
      margin-top: 12px;
  }
  .sloFeatured__colorButton{
        width: 32px;
      height: 32px;
    margin-right:5px;
      padding: 4px;
      background: none;
      position: relative;
      border: none;
  }
  .sloFeatured__colorBack{
        width: 100%;
      height: 100%;
      border-radius: 100%;
      background: gray;
      background-size: cover!important;
  }
  .sloFeatured__colorName{
        font-size: 18px;
      margin-top: 8px;
  }
  .sloFeatured__price{
        font-size: 24px;
      font-weight: bold;
  }
  .nestProdCard__buttonRow{
        padding-bottom: 17px;
  }
  .sloFeatured__legal{
        font-size: 12px;
      line-height: 25px;
  }
  .sloFeatured__colorButton--active:before{
    content:'';
    width:calc(100% + 2px);
    height:calc(100% + 2px);
    position:absolute;
    top:-1px;
    left:-1px;
    border:2px solid black;
    border-radius:100%;
  }
  .sloBreak{
        background: #F5F5F5;
      margin-top: 70px;
      padding-top: 82px;
      padding-bottom: 70px;
  }
  .sloBreak__inner{
        display: flex;
      width: calc(100% - 60px);
      margin: auto;
      max-width: 1310px;
      justify-content: space-between;
  }
  .sloBreak__left{
        width: calc(55% - 20px);
  }
  .sloBreak__text{
        font-size: 34px;
      font-family: YaleSolis-Bold;
      line-height: 41px;
  }
  .sloBreak__right{
        width: calc(45% - 20px);
      max-width: 530px;
  }
  .sloBreak__flex{
        display: flex;
      justify-content: space-between;
      margin-top: -20px;
  }
  .sloBreak__zWaveWrapper{
        width: 50%;
      max-width: 234px;
  }
  .sloBreak__zWave{
        width: 100%;
  }
  .sloBreak__zigbeeWrapper{
    width: 50%;
      max-width: 234px;
  }
  .sloBreak__zigbee{
        width: 100%;
  }
  .card.card-product-style-3 .color-swatch label{
   background-size:130%!important;
  }
  
  .sloZwave{
        padding-top: 82px;
  }
  .sloZwave__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1310px;
      display: flex;
      justify-content: space-between;
  }
  .sloZwave__left{
        width: 380px;
  }
  .sloZwave__title{
        font-family: YaleSolis-Bold;
      font-size: 24px;
  }
  .sloZwave__text{
        font-size: 16px;
      line-height: 26px;
      margin-top: 8px;
  }
  .sloZwave__imageWrapper{
        margin-top: 80px;
  }
  .sloZwave__image{
        width: 100%;
  }
  .sloZwave__right{
        width: calc(100% - 400px);
      max-width: 872px;
  }
  .sloZwave__sliderWrapper{
    display: flex;
        justify-content: space-between;
  }
  .sloZwave__prevButton, .sloZwave__nextButton{
    padding: 0;
      border: 0;
      background: 0;
      margin: auto 0;
      width: 58px;
  }
  .sloZwave__prevArrow, .sloZwave__nextArrow{
    width:100%;
  }
  .sloZwave__slider{
        width: calc(100% - 120px);
  }
  .sloZwave__slider .slick-track{
    display:flex;
  }
  .accessCollectionCard--2up{
    height:inherit!important;
  }
  .accessCollectionCard__inner {
    height: 100%;
  }
  .sloZwave--zigbee{
        padding-top: 32px;
      background: #F7F7F7;
      margin-top: 50px;
      padding-bottom: 40px;
  }
  .sloZwave--zigbee .sloZwave__inner{
        flex-direction: row-reverse;
  }
  .sloTableD{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1305px;
      padding-top: 26px;
  }
  .sloTableD__title{
        text-align: center;
      font-size: 48px;
      font-family: YaleSolis-Bold;
  }
  .sloTableD__tableWrapper{
    display: flex;
      flex-direction: column;
  }
  .sloTableD__row{
    display:flex;
    justify-content:center;
    border-bottom:1px solid #E4E4EF;
    background:#F7F7F7;
  }
  .sloTableD__row:nth-of-type(2n){
    background:transparent;
  }
  .sloTableD__row--key{
    border-bottom:0px solid #E4E4EF;
    background:transparent;
        margin-top: 4px;
      margin-bottom: 11px;
  }
  
  .sloTableD__cell{
    width: calc((100% / 5) + (40px / 5));
    text-align:center;
    padding:14px 14px;
    line-height:22px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    border-left:1px solid #E4E4EF;
  }
  .sloTableD__cell:first-of-type{
        width: calc((100% / 5) - 40px);
    border-left:0px solid #E4E4EF;
  }
  .sloTableD__cell--key{
        font-family: YaleSolis-Bold;
    border-left:0px solid #E4E4EF;
  }
  .sloTableD__cell--bold{
    text-align:left;
    font-family: YaleSolis-Bold;
    padding-right:60px;
  }
  .sloTableD__row--learn{
    border-bottom:0px solid #E4E4EF;
    background:transparent;
  }
  .sloTableD__row--learn .sloTableD__cell{
     width: calc((100% / 5) + (40px / 5));
    text-decoration:none;
    border-bottom:none!important;
  }
  .sloTableD__row--learn .sloTableD__cell--blank{
    width: calc((100% / 5) - 40px);
  }
  .sloTableD__row--learn .sloTableD__cell span{
    text-decoration:underline;
    font-family: YaleSolis-Bold;
  }
  .sloTableD{
    padding-bottom: 30px;
  }
  .sloTableM{
    display:none;
  }
  .sloBottom{
        background-image: linear-gradient(to top right, #69B1E0, #FEF3B1);
      padding-top: 33px;
      padding-bottom: 28px;
  }
  .sloBottom__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 510px;
  }
  .sloBottom__title{
        text-align: center;
      font-size: 34px;
      font-family: YaleSolis-Bold;
      line-height: 41px;
  }
  .sloBottom__button{
        background: white;
      text-align: Center;
      font-family: YaleSolis-Bold;
      display: block;
      width: max-content;
      margin: auto;
      margin-top: 23px;
      padding: 6px 25px;
      border-radius: 40px;
  }
  .sloApps__lower--mobile{
    display:none;
  }
  .sloFeatured__mobileText{
    display:none;
  }
  .sloZwave__controls{
    display:none;
  }
  .accessCollectionCard__inner {
    background:white;
  }
  .sloFeatured__slider .slick-active{
      position:relative;
      z-index:1;
  }
  @media only screen and (max-width:1000px){
    .sloHero__background{
      height: 390px;
    }
    .sloHero__backgroundImage{
      display:none;
    }
    .sloHero__backgroundImageMobile{
      display:block;
    }
    .sloHero__inner{
      position: initial;
      transform: none;
      color: black;
      margin: auto;
      margin-top: 23px;
    }
    .sloHero__title{
      font-size: 28px!important;
      text-align: center;
      padding-bottom: 0;
    }
    .sloIcons{
      padding-top: 12px;
    }
    .sloIcons__top{
      font-size: 16px;
      line-height: 26px;
      max-width: 650px;
    }
    .sloIcons__lower{
      max-width: 650px;
      margin: auto;
      margin-top: 60px;
    }
    .sloIcons__flex{
      flex-wrap: wrap;
    }
    .sloIconCard{
      width: 50%;
      max-width: none;
      padding: 0px 15px;
      margin-bottom: 20px;
    }
    .sloIconCard__inner{
      flex-direction: column;
    }
    .sloIconCard__imageWrapper{
      margin: auto;
    }
    .sloIconCard__textWrapper{
      width: 100%;
      padding: 0;
      text-align: center;
      margin-top: 15px;
    }
    .sloApps__inner{
      flex-direction: column;
      max-width: 650px;
    }
    .sloApps__left{
      width: 100%;
    }
    .sloApps__text{
      max-width:none;
    }
    .sloApps__lower--desktop{
      display:none;
    }
    .sloApps__lower--mobile{
      display:block;
      margin-top: 48px;
    }
    .sloApps__right{
          width: 100%;
      margin-top: 25px;
    }
    .sloApps__image{
          min-height: 365px;
      object-fit: cover;
    }
    .sloApps__lowerRow{
          flex-direction: column;
    }
    .sloApps__innerLeft{
          max-width: 181px;
      margin: auto;
      margin-bottom: 24px;
    }
    .sloApps__logoText{
          width: calc(100% - 64px);
      margin-left: 16px;
      font-size: 15px;
    }
    .sloApps__innerRight{
          margin: auto;
    }
    .sloApps__legal{
          text-align: center;
    }
    .accessCollection--overview{
      padding-top: 20px;
    }
    .sloFeatured__mobileText{
      display:block;
    }
    .sloFeatured__inner{
          flex-direction: column;
      max-width: 650px;
    }
    .sloFeatured{
      padding-top:40px;
    }
    .sloFeatured__left{
          width: 100%;
    }
    .sloFeatured__mobileText{
          margin-bottom: 26px;
    }
    .sloFeatured__title{
          margin-top: 0;
    }
    .sloFeatured__text{
          border-bottom: 0;
    }
    .sloFeatured__thumbSliderWrapper{
      display: none;
    }
    .sloFeatured__right{
          width: 100%;
    }
    .sloFeatured__textWrapper .sloFeatured__title{
      display:none;
    }
    .sloFeatured__textWrapper .sloFeatured__text{
      display:none;
    }
    .sloBreak{
          margin-top: 40px;
      padding-top: 32px;
      padding-bottom: 20px;
    }
    .sloBreak__inner{
      flex-direction: column;
      max-width: 650px;
    }
    .sloBreak__left{
      width: 100%;
      margin-bottom: 40px;
    }
    .sloBreak__right{
          width: 100%;
      margin: auto;
    }
    .sloZwave{
          padding-top: 50px;
    }
    .sloZwave__inner{
          flex-direction: column !important;
      max-width: 650px;
    }
    .sloZwave__left{
          width: 100%;
    }
    .sloZwave__imageWrapper{
          width: calc(100% + 60px);
      left: -30px;
      position: relative;
      margin-top: 26px;
    }
    .sloZwave__right{
          width: 100%;
      margin-top: 30px;
    }
  
    .sloZwave__controls{
      display: flex;
      justify-content: center;
      font-family: YaleSolis-Bold;
      font-size: 24px;
      margin-top: 24px;
    }
    .sloZwave__prevArrow{
          width: 48px;
    }
    .sloZwave__counter{
          padding: 0px 50px;
      margin: auto 0;
    }
    .sloZwave__nextArrow{
      width: 48px;
    }
    .sloZwave__prev{
      padding: 0;
      background: none;
      border: none;
      margin: auto 0;
    }
    .sloZwave__next{
      padding: 0;
      background: none;
      border: none;
      margin: auto 0;
    }
    .sloZwave__prevButton{
      display:none;
    }
    .sloZwave__nextButton{
      display:none;
    }
    .sloZwave__slider{
      width:100%;
      margin:auto;
      max-width:500px;
    }
    .sloTableD{
      display:none;
    }
    .sloTableM{
          display: block;
      padding-top: 20px;
    }
    .sloTableM__title{
          font-family: YaleSolis-Bold;
      font-size: 34px;
      margin: auto;
      width: calc(100% - 60px);
      max-width: 650px;
    }
    .sloTableM__label{
          font-family: YaleSolis-Bold;
      font-size: 24px;
      margin: auto;
      width: calc(100% - 60px);
      text-align: center;
      max-width: 650px;
      margin-bottom:15px;
      margin-top: 10px;
    }
    .sloTableM__dropRow{
          display: flex;
      margin: auto;
      width: calc(100% - 60px);
      max-width: 650px;
      justify-content: space-between;
    }
    .sloTableM__dropWrapper{
          position: relative;
      width: calc(50% - 10px);
    }
    .sloTableM__dropSelected{
          position: relative;
      z-index: 2;
      width: 100%;
      height: 48px;
      border: 1px solid #2D2C2E;
      background: none;
      font-size: 16px;
      font-family: YaleSolis-Bold;
      padding: 0px 10px;
      text-align: left;
    }
    .sloTableM__dropWrapper--open .sloTableM__dropSelected{
          background: #F5CF00;
      border: 1px solid #F5CF00;
    }
    .sloTableM__dropDownInner{
          position: absolute;
      top: 48px;
      left: 0;
      z-index: 1;
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: 5px;
      background: #F5CF00;
      padding-top: 0;
    }
    .sloTableM__dropButton{
      background: white;
      border: 0;
      height: 48px;
      font-family: YaleSolis-Bold;
      padding: 0px 10px;
      text-align: left;
    }
    .sloTableM__dropButton:nth-of-type(2n){
          background: #FFFBE5;
    }
    .sloTableM__arrow{
          width: 10px;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translate(0%, -50%);
    }
    .sloTableM__dropWrapper--open .sloTableM__arrow{
      transform: translate(0%, -50%) rotate(180deg);
    }
    .sloTableM__dropRow{
      margin-bottom:20px;
    }
    .sloTableM__box{
          margin: auto;
      max-width: 650px;
    }
    .sloTableM__top{
      background: #2D2C2E;
      color: white;
      text-align: center;
      font-family: YaleSolis-Bold;
      padding: 14px 0;
    }
    .sloTableM__flex{
          display: flex;
    }
    .sloTableM__left, .sloTableM__leftLink{
      background: #F5F5F5;
      border-right: 1px solid rgba(0,0,0,0.25);
      width: 50%;
      text-align: center;
      padding: 14px 0px;
    }
    .sloTableM__leftLink{
    background:white;
    }
    .sloTableM__right, .sloTableM__rightLink{
          width: 50%;
      text-align: center;
      padding: 14px 0px;
    }
    .sloTableM__rightLink{
      background:white;
    }
    .sloTableM__flex--buttons{
      margin: auto;
      display:flex;
      max-width: 650px;
          border-top: 1px solid rgba(0,0,0,.25);
    }
    .sloTableM__flex--buttons .sloTableM__left{
      background:white;
    }
    .sloTableM__flex--buttons .sloTableM__right{
      background:white;
    }
    .sloTableM__left:hover, .sloTableM__right:hover, .sloTableM__leftLink:hover, .sloTableM__rightLink:hover{
      border:none;
    }
    .sloTableM__leftLink span, .sloTableM__rightLink span{
      text-decoration:underline;
    }
    .sloBottom{
      margin-top:20px;
    }
    .sloBottom__title{
          font-size: 24px;
      line-height: normal;
    }
    .sloTableM__dropSelected:focus{
      outline:none!important;
    }
  }
  
  .notifyMe__message{
        color: #B20606;
      margin-bottom: 8px;
  }
  .notifyMe__formWrapper{
        position: relative;
  }
  .notifyMe__form{
        border: 2px solid rgba(0,0,0,0.7);
      border-radius: 200px;
      height: 58px;
      width: 100%;
    overflow: hidden;
  }
  .notifyMe__flex{
        display: flex;
      justify-content: space-between;
      height: 100%;
      width: 100%;
  }
  .notifyMe__input{
        font-size: 18px;
      border: 0;
      background: 0;
      padding-left: 34px;
        width: calc(100% - 210px);
  }
  .notifyMe__input::placeholder{
    color:black;
  }
  .notifyMe__submit{
        font-family: YaleSolis-Bold,sans-serif;
      font-size: 18px;
      background-color: #FFD800;
      height: 42px;
      border: 0;
      padding: 0px 48px;
      margin: auto 0;
      border-radius: 200px;
      margin-right: 8px;
  }
  .notifyMe__submit--mobile{
    display:none;
  }
  .notifyMe__error{
    color:#F61724;
    margin-top:8px;
  }
  .notifyMe__success{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #FFD800;
      border-radius: 200px;
  }
  .notifyMe__successFlex{
        display: flex;
      justify-content: center;
      height: 100%;
  }
  .notifyMe__successText{
        font-family: YaleSolis-Bold,sans-serif;
      font-size: 34px;
      margin: auto 0;
  }
  .notifyMe__check{
    width: 29px;
      margin: auto 0;
      margin-left: 40px;
  }
  @media only screen and (max-width:900px){
    .notifyMe__form{
      height: 57px;
    }
    .notifyMe__input{
          width: calc(100% - 50px);
    }
    .notifyMe__submit--desktop{
          display: none;
    }
    .notifyMe__submit--mobile{
          width: 40px;
      height: 40px;
      display: flex;
      padding: 0;
    }
    .notifyMe__arrow{
      width: 15px;
      margin: auto;
    }
  }
  
  #shopify-section-al2Sticky{
    position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  z-index: 1;
  background: white;
  }
  .al2Sticky{
        height: 100%;
  }
  .al2Sticky__inner{
    width: calc(100% - 60px);
  margin: auto;
  display: flex;
  justify-content: space-between;
  max-width: 1310px;
  height: 100%;
  }
  .al2Sticky__titleWrapper{
    margin: auto 0;
  font-weight: bold;
  }
  .al2Sticky__buttonWrapper{
        margin: auto 0;
  }
  .al2Sticky__button{
    display: block;
  background: #FFD800;
  margin-right: 32px;
  padding: 5px 33px;
  border-radius: 30px;
  cursor: pointer;
        font-family: YaleSolis-Bold;
  }
  .al2Sticky__button:hover{
    border-bottom:none;
  }
  .al2Hero{
        position: relative;
  }
  .al2Hero__backgroundWrapper{
    position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  }
  .al2Hero__desktopBackground{
    width: 100%;
  height: 100%;
  object-fit: cover;
  }
  .al2Hero__mobileBackground{
        display: none;
  }
  .al2Hero__inner{
    position: relative;
  color: white;
  margin: auto;
  width: calc(100% - 60px);
  max-width: 1313px;
  padding-top: 75px;
  padding-bottom: 81px;
    min-height: 370px;
      display: flex;
  }
  .al2Hero__textWrapper{
        max-width: 560px;
    margin: auto 0;
  }
  .al2Hero__title{
        font-size: 48px!important;
  }
  .al2Hero__text{
    font-family: 'YaleSolis-Regular';
  font-weight: normal;
  font-size: 34px!important;
  margin-top: 12px;
  line-height: 42px;
  }
  .al2Hero__button{
    cursor: pointer;
  font-family: 'YaleSolis-Bold';
  background: white;
  margin-top: 20px;
  display: block;
  width: max-content;
  padding: 13px 34px;
  border-radius: 30px;
  font-size: 18px;
  }
  .al2Hero__button:hover{
    border-bottom:none;
  }
  .al2Icons__inner{
    width: calc(100% - 60px);
  margin: auto;
  max-width: 1050px;
  padding-top: 56px;
      padding-bottom: 67px;
  }
  .al2Icons__title{
    font-family: YaleSolis-Bold;
  text-align: center;
  font-size: 34px;
  }
  .al2Icons__text{
    font-size: 24px;
  text-align: Center;
  margin: auto;
  max-width: 760px;
  line-height: 28px;
  }
  .al2Icons__flex{
    display: flex;
        margin-top: 64px;
  justify-content: space-between;
  }
  .al2Icon{
    display: flex;
          width: calc(25% - 13px);
  }
  .al2Icon__icon{
        width: 84px;
  }
  .al2Icon__textWrapper{
    padding-left: 13px;
  font-family: YaleSolis-Bold;
  line-height: 18px;
  margin: auto 0;
  }
  .al2GridBlock__inner{
    width: 100%;
  max-width: 1440px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  }
  .al2GridBlock__textSide{
    background: #F5F5F5;
  width: calc(50% + 4px);
  position: relative;
  display: flex;
  }
  .al2GridBlock__textWrapper{
    widtH: calc(100% - 60px);
  margin: auto;
  max-width: 550px;
  min-height: 368px;
  }
  .al2GridBlock__title{
    font-size: 24px;
  font-family: YaleSolis-Bold;
  line-height: 30px;
  max-width: 360px;
  }
  .al2GridBlock__text{
    max-width: 460px;
  letter-spacing: .1px;
  line-height: 27px;
  }
  .al2GridBlock__lowerWrapper{
    position: absolute;
  bottom: 66px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 60px);
  max-width: 597px;
  }
  .al2GridBlock__appRow{
    display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  }
  .al2GridBlock__yaleLogo{
    width: 41px;
      margin: auto 0;
  }
  .al2GridBlock__lowerText{
    font-size: 14px;
  margin: auto 0;
  margin-left: 23px;
  margin-right: auto;
  }
  .al2GridBlock__appStoreIconWrapper{
        margin: auto 0;
  }
  .al2GridBlock__appStoreImg{
    width: 89px;
  margin-right: 3px;
  }
  .al2GridBlock__playStoreIconWrapper{
        margin: auto 0;
  }
  .al2GridBlock__playStoreImg{
    width: 116px;
  margin-right: 34px;
  }
  .al2GridBlock__legal{
    font-size: 12px;
  }
  .al2GridBlock__gridSide{
    width: calc(50% - 12px);
  }
  .al2GridBlock__gridInner{
    position: relative;
  width: 100%;
  height: 0px;
  padding-top: calc(100% + 20px);
  }
  .al2GridBlock__upper{
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
  padding-top: calc(50% + 14px);
  }
  .al2GridBlock__upperLeft{
    position: absolute;
  top: 0;
  left: 0;
  width: calc(32% - 4px);
  height: 100%;
  }
  .al2GridBlock__upperLeftImgWrapper{
    width: 100%;
  height: 100%;
  }
  .al2GridBlock__upperLeftImg{
    width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .al2GridBlock__upperRight{
    position: absolute;
  top: 0;
  right: 0;
  width: calc(68% - 4px);
  height: 100%;
  }
  .al2GridBlock__upperRightImgWrapper{
    width: 100%;
  height: 100%;
  }
  .al2GridBlock__upperRightImg{
    width: 100%;
  height: 100%;
  object-fit: cover;
  }
  .al2GridBlock__lower{
    position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-top: calc(50% - 1px);
  }
  .al2GridBlock__lowerImgWrapper{
    position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  }
  .al2GridBlock__lowerImg{
    width: 100%;
  height: 100%;
  object-fit: cover;
  }
  .al2GridBlock{
    margin-bottom: 8px;
  }
  .al2GridBlock:nth-of-type(2n) .al2GridBlock__inner{
        flex-direction: row-reverse;
  }
  .al2GridBlock:nth-of-type(2n) .al2GridBlock__textSide{
      width: calc(50% - 12px);
  }
  .al2GridBlock:nth-of-type(2n) .al2GridBlock__gridSide{
        width: calc(50% + 4px);
  }
  .al2GridBlock:nth-of-type(2n) .al2GridBlock__lowerWrapper{
    display:none;
  }
  .al2GridBlock:nth-of-type(2n) .al2GridBlock__textWrapper{
        min-height: 248px;
  }
  .al2GridBlock:nth-of-type(2n) .al2GridBlock__upperRightImgWrapper{
    width: 100%;
    height: calc(200% + -8px);
  }
  .al2GridBlock:nth-of-type(2n) .al2GridBlock__lower{
        width: calc(32% - 4px);
  }
  .al2Break{
        background: #2D2C2E;
  }
  .al2Break__inner{
    width: calc(100% - 60px);
  margin: auto;
  max-width: 1297px;
  padding-top: 36px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 36px;
  }
  .al2Break__imgWrapper{
    width: calc(50% - 15px);
  max-width: 544px;
  }
  .al2Break__img{
    width: 100%;
      height: auto;
  }
  .al2Break__textWrapper{
    width: calc(50% - 15px);
  color: white;
  margin: auto 0;
  max-width: 550px;
  padding-top: 25px;
  }
  .al2Break__title{
    font-family: YaleSolis-Bold;
  max-width: 450px;
  font-size: 24px;
  line-height: 30px;
  }
  .al2Break__text{
    max-width: 450px;
  margin-top: 8px;
  }
  
  .al2Prod__inner{
    width: calc(100% - 60px);
  margin: auto;
  max-width: 1310px;
  padding-top: 73px;
  display: flex;
  justify-content: space-between;
  }
  .al2Prod__contentSide{
    width: calc(50% - 40px);
  max-width: 555px;
  }
  .al2Prod__title{
    font-family: YaleSolis-Bold;
      font-size: 34px;
    line-height:1.2;
    text-wrap:balance;
  }
  .al2Prod__text{
    margin-top: -2px;
      font-size: 18px;
      line-height: 27px;
      max-width: 500px;
  }
  .al2Prod__prodRow{
    display: flex;
  margin-top: 22px;
  }
  .al2Prod__prodButton{
    margin: 0;
  background:rgba(217, 217, 217, 0.15);
  border: 1px solid transparent;
  border-radius: 10px;
  padding-right: 32px;
  padding-left: 16px;
  }
  .al2Prod__prodButton--active{
    border: 1px solid black;
    background:none;
  }
  .al2Prod__prodButtonInner{
      display: flex;
  }
  
  .al2Prod__prodButtonImage{
    width: 55px;
  height: 82px;
  object-fit: contain;
  }
  .al2Prod__prodButtonTextWrapper{
    margin: auto 0;
  padding-left: 15px;
  width: 150px;
  }
  .al2Prod__prodButtonText{
    font-family: YaleSolis-Bold;
  font-size: 18px;
  text-align: left;
  line-height: 22px;
  }
  .al2Prod__prodButton:nth-of-type(2){
    margin-left:40px;
  }
  .al2Prod__imageSide{
        width: calc(50% + 11px);
  }
  .al2Prod__finishLabel{
    font-family: YaleSolis-Bold;
  margin-top: 26px;
  border-bottom: 1px solid rgba(128, 125, 130, 0.3);
  padding-bottom: 3px;
  }
  .al2Prod__finishRow{
    display: flex;
  margin-top: 16px;
  }
  .al2Prod__finishButtonRow{
    display: flex;
  margin-left: 6px;
  }
  .al2Prod__colorButton{
    width: 34px;
      height: 34px;
      border: 2px solid transparent;
      border-radius: 100%;
      background: none;
      padding: 0;
    margin-right:27px;
  }
  .al2Prod__colorButton--active{
    border: 2px solid black;
  }
  .al2Prod__colorButtonInner{
      width: 100%;
      height: 100%;
      background-size: calc(100% + 2px);
      position: relative;
      margin: auto;
      background-position: center;
      border: 2px solid white;
      border-radius: 100%;
  }
  .al2Prod__colorButton[data-color="Snow"] .al2Prod__colorButtonInner{
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
  }
  .al2Prod__finishName{
    font-size: 18px;
    margin-left: 30px;
  }
  .al2Prod__keyOptionLabel{
    font-family: YaleSolis-Bold;
  margin-top: 28px;
  border-bottom: 1px solid rgba(128,125,130,.3);
  padding-bottom: 3px;
  }
  .al2Prod__keyOptionRow{
    margin-left: 5px;
      margin-top: 17px;
  }
  .al2Prod__keyOptionButton{
    margin: auto;
  font-family: YaleSolis-Bold;
  background: 0;
  border: 2px solid black;
  border-radius: 30px;
  padding: 4px 33px;
  }
  .al2Prod__keyOptionButton--active{
        background: black;
        color:white;
  }
  .al2Prod__keyOptionButton:nth-of-type(2){
    margin-left:27px;
  }
  .al2Prod__listContainer{
    padding-left: 33px;
    margin-top: 25px;
    background: #F5F5F5;
    border-radius: 8px;
    padding-top: 14px;
    padding-right: 20px;
    line-height: 26px;
    padding-bottom: 1px;
  }
  .al2Prod__accessContainer{
    padding-left: 33px;
  margin-top: 8px;
  background: #F5F5F5;
  border-radius: 8px;
  padding-top: 0px;
  padding-right: 33px;
  line-height: 26px;
  padding-bottom: 1px;
  }
  .al2Prod__accessButton{
    position: relative;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background: 0;
  }
  .al2Prod__accessButtonInner{
    display: flex;
      padding-top: 4px;
      padding-left: 2px;
      justify-content: space-between;
      width: calc(100% - 36px);
      max-width: 338px;
  }
  .al2Prod__accessTitle{
    margin: auto 0;
  }
  .al2Prod__accessTitleImageWrapper{
    padding-top: 8px;
    padding-bottom: 7px;
  }
  .al2Prod__accessTitleImage{
    width: 152px;
  }
  .al2Prod__accordionArrow{
    position: absolute;
  right: -5px;
  top: 18px;
  width: 19px;
  }
  .al2Prod__accessShelfInner{
    display: flex;
  justify-content: space-between;
  position: relative;
      padding-top: 46px;
      left: -8px;
      width: calc(100% + 16px);
      padding-bottom:15px;
  }
  .al2Prod__accessCard{
    width: calc((100% / 3) - 10px);
        max-width: 150px;
  }
  .al2Prod__accessCardInner{
        display: flex;
    height:100%;
  }
  .al2Prod__accessCardImage{
        width: 32px;
  }
  .al2Prod__accessCardText{
    font-size: 14px;
    margin:auto 0;
  line-height: 16px;
    padding-left: 8px;
  }
  .al2Prod__accessCardImageWrapper{
        margin: auto 0;
  }
  .al2Prod__techContainer{
    padding-left: 33px;
  margin-top: 8px;
  background: #F5F5F5;
  border-radius: 8px;
  padding-top: 0px;
  padding-right: 33px;
  line-height: 26px;
  padding-bottom: 1px;
  }
  .al2Prod__techTitleButton{
    position: relative;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  background: 0;
  padding-top: 7px;
  padding-bottom: 10px;
  }
  .al2Prod__techTitleInner{
    display: flex;
      padding-top: 4px;
      padding-left: 2px;
      justify-content: space-between;
      width: calc(100% - 36px);
      max-width: 338px;
  }
  .al2Prod__techTitleWrapper{
        margin: auto 0;
  }
  .al2Prod__techShelfInner{
    display: flex;
  justify-content: space-between;
  position: relative;
  padding-top: 26px;
  width: 100%;
  padding-bottom: 15px;
  }
  .al2Prod__price{
    font-size: 34px;
  margin-top: 16px;
  }
  .al2Prod__buyButtonRow{
    display: flex;
  margin-top: 7px;
  }
  .al2Prod__buyButton{
    border: 0;
  margin: 0;
  background: #F5CF00;
  font-size: 24px;
  border-radius: 30px;
  font-family: YaleSolis-Bold;
  padding: 7px 30px;
  }
  .al2Prod__learnButton{
    border: 2px solid black;
  margin: 0;
  font-size: 24px;
  border-radius: 30px;
  font-family: YaleSolis-Bold;
  padding: 3px 33px;
  margin-left: 24px;
  line-height: 46px;
  }
  .al2Prod__imageSide{
        padding-top: 15px;
  }
  .al2Prod__slideImgWrapper{
    width: 100%;
      height: 0;
      padding-top: calc(100% + 63px);
      position: relative;
  }
  .al2Prod__slideImg{
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
  .al2Prod__slider .slick-prev{
    position: absolute;
  left: 18px;
  top: calc(50% - 30px);
  transform: translateY(-50%);
  z-index: 1;
  background-image: url(/cdn/shop/files/Frame.png?v=1658523599);
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 48px;
  border: 0;
  background-color: transparent;
  color: transparent;
  overflow: hidden;
  }
  .al2Prod__slider .slick-next{
    position: absolute;
  right: 18px;
  top: calc(50% - 30px);
  transform: translateY(-50%);
  z-index: 1;
  background-image: url(/cdn/shop/files/Frame_1.png?v=1658523599);
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 48px;
  border: 0;
  background-color: transparent;
  color: transparent;
  overflow: hidden;
  }
  .al2Prod__slider .slick-dots{
    position: absolute;
  bottom: 0;
  display: flex;
  list-style: none;
  padding: 0;
  left:30px;
  }
  .al2Prod__slider .slick-dots li{
        margin-right: 8px;
        height:15px;
        width:15px;
  }
  .al2Prod__slider .slick-dots li button{
    color: transparent;
  background: black;
  border: 0;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  opacity: .1;
  overflow:hidden;
  }
  .al2Prod__slider .slick-dots li.slick-active button{
    opacity: .8;
  }
  .al2Prod__worksWrapper{
        margin-top: 22px;
  }
  .al2Prod__worksText{
    font-family: YaleSolis-Bold;
      font-size: 18px;
  }
  .al2Prod__worksFlex{
    margin-top: 11px;
  flex-wrap: wrap;
  display: flex;
  }
  .al2Prod__worksIconWrapper{
    height: 30px;
  margin-right: 10px;
  }
  .al2Prod__worksIcon{
        height: 100%;
  }
  .al2Prod--2 .al2Prod__inner{
        flex-direction: row-reverse;
  }
  .al2App{
    background: #F5F5F5;
  margin-top: 22px;
  }
  .al2App__inner{
    display: flex;
  max-width: 1440px;
    margin:auto;
  width: 100%;
  }
  .al2App__left{
    width: calc(50%);
  display: flex;
        padding-bottom: 21px;
  }
  .al2App__leftContainer{
    margin-left: auto;
  margin-right: 50px;
  max-width: 504px;
  width: 100%;
  }
  .al2App__title{
    font-family: YaleSolis-Bold;
  font-size: 34px;
  padding-left: 10px;
  padding-top: 14px;
  line-height: 42px;
  max-width: 390px;
  }
  .al2App__column{
    margin-top: 39px;
  max-width: 424px;
  }
  .al2App__button{
    background: 0;
  border: 0;
  border-left: 4px solid #C4C4C4;
  margin-bottom: 7px;
  }
  .al2App__button--active{
    background: white;
    border-left: 4px solid #FFC700;
  }
  .al2App__buttonInner{
    display: flex;
  }
  .al2App__buttonImgWrapper{
    margin-top:27px;
      padding-left: 18px;
      padding-right: 32px;
  }
  .al2App__buttonImg{
        width: 58px;
  }
  .al2App__buttonTextWrapper{
    text-align: left;
  padding-top: 18px;
  padding-bottom: 7px;
  padding-right: 30px;
  }
  .al2App__buttonTitle{
    font-family: YaleSolis-Bold;
  font-size: 18px;
  }
  .al2App__buttonText{
    line-height: 22px;
  margin-top: -4px;
  }
  .al2App__right{
        width: calc(50%);
        position: relative;
  }
  .al2Bundle{
        margin-top: 79px;
      background-image: url(/cdn/shop/files/Rectangle_851.jpg?v=1658528734);
      background-size: cover;
  }
  .al2Bundle__inner{
        width: calc(100% - 60px);
      margin: auto;
      padding-top: 44px;
      padding-bottom: 28px;
  }
  .al2Bundle__title{
        font-family: YaleSolis-Bold;
      font-size: 34px;
      text-align: center;
  }
  .al2Bundle__button{
        background: white;
      display: block;
      width: max-content;
      margin: auto;
      margin-top: 34px;
      padding: 7px 18px;
      border-radius: 100px;
      font-family: YaleSolis-Bold;
  }
  .al2App__imageWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .al2App__image{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .al2AppRow__inner{
      width: calc(100% - 60px);
      margin: auto;
      max-width: 810px;
  }
  .al2AppRow__row{
    display: flex;
      justify-content: space-between;
      padding-top: 20px;
  }
  .al2AppRow__left{
    display: flex;
      padding-right: 38px;
      border-right: 2px solid black;
  }
  .al2AppRow__logo{
        width: 100px;
      height: 100px;
  }
  .al2AppRow__textWrapper{
        margin: auto 0;
  }
  .al2AppRow__text{
    font-size: 25px;
      margin-left: 35px;
      line-height: 30px;
      width: 190px;
      padding-right: 0px;
  }
  .al2AppRow__right{
        display: flex;
      width: calc(100% - 420px);
      justify-content: space-between;
  }
  .al2AppRow__appStoreWrapper{
        margin: auto 0;
  }
  .al2AppRow__appStoreLogo{
    width: 175px;
  }
  .al2AppRow__playStoreWrapper{
        margin: auto 0;
  }
  .al2AppRow__playStoreLogo{
        width: 199px;
  }
  .al2AppRow__legal{
    margin-top: 28px;
      font-size: 12px;
      text-align: center;
  }
  .al2Table__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1310px;
      padding-top: 59px;
  }
  .al2Table__title{
    font-family: YaleSolis-Bold;
      text-align: center;
      font-size: 48px;
  }
  .al2Table__table{
        margin-top: 37px;
  }
  .al2Table__row{
            display: flex;
    background:none;
  }
  .al2Table__row:nth-of-type(2n){
    
    background:#FAFAFA;
  }
  .al2Table__cell{
        width: calc((75% + 47px) / 3);
    text-align: center;
      padding: 14px 20px;
    border-right:1px solid #E4E4EF;
    border-bottom:1px solid #E4E4EF;
  }
  .al2Table__cell--key{
    width: calc((75% + 47px) / 3);
      font-family: YaleSolis-Bold;
  }
  .al2Table__cell:first-of-type{
        width: calc((75% + 47px) / 3);
    text-align:left;
    font-family: YaleSolis-Bold;
  }
  .al2Table__row--key, .al2Table__row--links{
    background:none;
  }
  .al2Table__row--key .al2Table__cell, .al2Table__row--links .al2Table__cell{
  border:0;
  }
  .al2Table__link{
    font-family: YaleSolis-Bold;
    text-decoration:underline;
  }
  .al2Faq__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1330px;
      padding-top: 46px;
    padding-bottom:40px;
  }
  .al2Faq__title{
      text-align: center;
        font-family: 'YaleSolis-Regular';
      font-size: 48px;
      margin-top: 19px;
      margin-bottom: 38px;
  }
  .al2Faq__accordionWrapper{
        background: #F5F5F5;
      margin-bottom: 16px;
  }
  .al2Faq__titleWrapper{
    position: relative;
      width: calc(100% - 33px);
      border: 0;
      padding: 0;
      background: 0;
      margin-top: 8px;
      padding-bottom: 18px;
  }
  .al2Faq__header{
        text-align: left;
      padding-left: 42px;
      font-family: YaleSolis-Bold;
      padding-top: 10px;
    padding-right:20px;
  }
  .al2Faq__shelf{
    padding: 20px 42px;
      padding-top: 10px;
  }
  .al2Prod__accessButton .al2Prod__accordionArrow, .al2Prod__techTitleButton .al2Prod__accordionArrow, .al2Faq__titleWrapper .al2Prod__accordionArrow{
    transform:scaleY(1);
    transition:all .2s;
  }
  .al2Prod__accessButton--active .al2Prod__accordionArrow, .al2Prod__techTitleButton--active .al2Prod__accordionArrow, .al2Faq__titleWrapper--active .al2Prod__accordionArrow{
    transform:scaleY(-1);
  }
  .al2Prod__accessButton:focus, .al2Prod__techTitleButton:focus, .al2Faq__titleWrapper:focus{
    outline:none!important;
  }
  .al2GridBlock__mobileAppWrapper{
    display:none;
  }
  .al2Prod__mobTitle{
    display:none;
  }
  .al2MobApp{
    display:none;
  }
  .al2MobTable{
    display:none;
  }
  .al2Prod__mobileWorksWith{
    display:none;
  }
  @media only screen and (max-width:1240px){
    .al2Prod__prodRow{
      flex-wrap:wrap;
    }
    .al2Prod__prodButton:nth-of-type(2){
          margin-left: 0;
      margin-top: 20px;
    }
    .al2Prod__prodButton{
      margin-right:20px;
    }
  }
  @media only screen and (max-width:1000px){
    .al2Hero__backgroundWrapper{
          position: relative;
      height: 100vw;
      max-height: 550px;
    }
    .al2Hero__desktopBackground{
          display: none;
    }
    .al2Hero__mobileBackground{
          display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
    }
    .al2Hero__inner{
      display:none;
    }
    .al2Icons__inner{
          padding-top: 32px;
      padding-bottom:40px;
    }
    .al2Icons__title{
          font-size: 26px;
    }
    .al2Icons__text{
          font-size: 24px;
    }
    .al2Icons__flex{
          margin: auto;
      margin-top: 43px;
      flex-wrap: wrap;
      max-width: 600px;
    }
    .al2Icon{
          width: calc(50% - 13px);
      flex-direction: column;
      margin-bottom: 25px;
    }
    .al2Icon__iconWrapper{
          margin: auto;
    }
    .al2Icon__textWrapper{
          text-align: center;
    }
    .al2GridBlock{
          background: #F5F5F5;
    }
    .al2GridBlock__inner{
          flex-direction: column;
    }
    .al2GridBlock__textSide{
          width: 100%;
      padding-top: 48px;
      padding-bottom: 32px;
    }
    .al2GridBlock__textWrapper{
          min-height: 0;
    }
    .al2GridBlock__title{
          margin-bottom: 16px;
      max-width: none;
    }
    .al2GridBlock__text{
          max-width: none;
    }
    .al2GridBlock__lowerWrapper{
          max-width: 550px;
      display: none;
    }
    .al2GridBlock__gridSide{
          width: 100%;
      margin: auto;
      max-width: 550px;
    }
    .al2GridBlock__mobileAppWrapper{
      display:block;
    }
    .al2GridBlock{
          margin-bottom: 0;
    }
    .al2GridBlock__mobileAppWrapper{
          width: calc(100% - 60px);
      max-width: 550px;
      margin: auto;
      padding-top: 58px;
      padding-bottom: 10px;
    }
    .al2GridBlock__appRow{
          flex-direction: column;
    }
    .al2GridBlock__appUpper{
          margin: auto;
      display: flex;
      margin-bottom: 24px;
    }
    .al2GridBlock__yaleLogo{
          width: 64px;
    }
    .al2GridBlock__lowerText{
          font-size: 16px;
      max-width: 120px;
      display: block;
      line-height: 26px;
    }
    .al2GridBlock__appLower{
          margin: auto;
      display: flex;
    }
    .al2GridBlock__appStoreIconWrapper{
          display: block;
      padding: 0px 8px;
    }
    .al2GridBlock__appStoreImg{
          width: 126px;
    }
    .al2GridBlock__playStoreIconWrapper{
          display: block;
    }
    .al2GridBlock__playStoreImg{
          margin-right: 0;
      width: 144px;
    }
    .al2GridBlock:nth-of-type(2n) .al2GridBlock__inner{
          flex-direction: column;
      padding-bottom: 26px;
    }
    .al2GridBlock:nth-of-type(2n) .al2GridBlock__textSide{
          width: 100%;
    }
    .al2GridBlock:nth-of-type(2n) .al2GridBlock__textWrapper{
      min-height:0;
    }
    .al2GridBlock:nth-of-type(2n) .al2GridBlock__gridSide{
          width: 100%;
    }
    .al2GridBlock:nth-of-type(2n) .al2GridBlock__mobileAppWrapper{
      display:none;
    }
    .al2Break{
          margin-top: 48px;
    }
    .al2Break__inner{
          flex-direction: column;
      max-width: 550px;
    }
    .al2Break__imgWrapper{
          width: 100%;
    }
    .al2Break__textWrapper{
          width: 100%;
    }
    .al2Break__title{
          max-width: none;
    }
    .al2Break__text{
          max-width: none;
    }
    .al2Prod__mobTitle{
      display:block;
    }
    .al2Prod__contentWrapper .al2Prod__title{
      display:none;
    }
    .al2Prod__contentWrapper .al2Prod__text{
      display:none;
    }
    .al2Prod__inner{
          flex-direction: column-reverse!important;
    }
    .al2Prod__inner{
          max-width: 550px;
    }
    .al2Prod__contentSide{
          width: 100%;
    }
    .al2Prod__prodRow{
          margin-top: 24px;
      justify-content: space-between;
    }
    .al2Prod__prodButton{
          padding: 0px 10px;
      width: calc(50% - 7px);
      margin: 0;
    }
    .al2Prod__prodButtonInner{
          flex-direction: column;
    }
    .al2Prod__prodButtonImage{
          margin: auto;
    }
    .al2Prod__prodButtonTextWrapper{
      padding: 0;
      padding-bottom: 10px;
      width: 100%;
      max-width: 170px;
      margin: auto;
    }
    .al2Prod__prodButtonText{
        text-align: center;
    }
    .al2Prod__prodButton{
          padding: 0px 10px;
      width: calc(50% - 7px);
      margin: 0;
    }
    .al2Prod__price{
          font-size: 24px;
    }
    .al2Prod__buyButtonRow{
          justify-content: space-between;
    }
    .al2Prod__imageSide{
          width: 100%;
    }
    .al2Prod__slideWrapper{
          position: relative;
      left: -20px;
      width: calc(100% + 40px);
    }
    .al2Prod__slider .slick-dots{
          left: 50%;
      transform: translateX(-50%);
    }
    .al2Prod__worksWrapper{
          display: none;
    }
    .al2Prod__mobileWorksWith .al2Prod__worksWrapper{
      display:block;
    }
    .al2Prod__prodButton{
          height: inherit;
      margin-top: initial!important;
    }
    .al2Prod__prodButtonInner{
          height: 100%;
    }
    .al2Prod__prodButtonImage{
      margin-bottom: 0;
      margin-top: 0;
    }
    .al2Prod__prodButtonTextWrapper{
          margin-top: 0;
    }
    .al2Bundle__inner{
          padding-top: 71px;
      padding-bottom: 72px;
    }
    .al2Bundle__title{
          font-size: 24px;
    }
    .al2Bundle__button{
          margin-top: 22px;
      padding: 5px 40px;
    }
    .al2MobApp{
      display:block;
    }
    .al2App{
      display:none;
    }
    .al2MobApp__inner{
          width: calc(100% - 40px);
      margin: auto;
      max-width: 550px;
      padding-bottom:20px;
      padding-top: 27px;
    }
    .al2MobApp__title{
          font-size: 34px;
      font-family: YaleSolis-Bold;
      line-height: normal;
      margin-bottom: 24px;
    }
    .al2MobApp__topSlider{
          padding-bottom: 80px;
    }
    .al2MobApp__topSlider .slick-arrow{
          position: absolute;
    }
    .al2MobApp__topSlider .slick-dots{
      position:absolute;
    }
    .al2MobApp__imgWrapper{
          width: 100%;
      height: 0px;
      position: relative;
      padding-top: 95%;
    }
    .al2MobApp__img{
          position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .al2MobApp__topSliderWrapper{
          width: calc(100% + 40px);
      position: relative;
      left: -20px;
    }
    .al2MobApp__topSlider .slick-prev{
          bottom: 0;
      left: 0;
      width: 48px;
      height: 56px;
      color: transparent;
      padding: 0;
      overflow: hidden;
      border: 0;
      background-image: url(/cdn/shop/files/Arrow_Nav_cc6e575a-fd39-452f-80f7-df1d84808fff.png?v=1658868895);
      background-size: contain;
    }
    .al2MobApp__topSlider .slick-next{
      bottom: 0;
      right: 0;
      width: 48px;
      height: 56px;
      color: transparent;
      padding: 0;
      overflow: hidden;
      border: 0;
      background-image: url(/cdn/shop/files/Arrow_Nav_1_27beb345-9612-400b-8269-2b12e8ea5c24.png?v=1658868895);
      background-size: contain;
    }
    .al2MobApp__topSlider .slick-dots{
      position: absolute;
      bottom: 0;
      display: flex;
      list-style: none;
      padding: 0;
      left: 50%;
      transform: translateX(-50%);
    }
    .al2MobApp__topSlider .slick-dots li{
          margin-right: 8px;
      height: 15px;
      width: 15px;
    }
    .al2MobApp__topSlider .slick-dots li button{
          color: transparent;
      background: black;
      border: 0;
      width: 15px;
      height: 15px;
      border-radius: 100%;
      opacity: .1;
      overflow: hidden;
    }
    .al2MobApp__topSlider .slick-dots li.slick-active button{
      opacity:1;
    }
    .al2MobApp__bottomSliderWrapper{
          padding-top: 25px;
    }
    .al2MobApp__bottomSlide{
      display: flex!important;
      justify-content: center;
    }
    .al2MobApp__iconWrapper{
          padding-right: 32px;
    }
    .al2MobApp__icon{
          width: 58px;
    }
    .al2MobApp__textWrapper{
          max-width: 320px;
    }
    .al2MobApp__slideTitle{
          font-family: YaleSolis-Bold;
      font-size: 18px;
    }
    .al2AppRow{
          background: #F5F5F5;
    }
    .al2AppRow__inner{
          padding-top: 40px;
      padding-bottom: 40px;
    }
    .al2AppRow__row{
          flex-direction: column;
    }
    .al2AppRow__left{
          padding: 0;
      border: 0;
      margin: auto;
      margin-bottom: 24px;
    }
    .al2AppRow__logo{
          border-radius: 20px;
    }
    .al2AppRow__right{
          margin: auto;
    }
    .al2MobTable{
      display:block;
    }
    .al2Table{
      display:none;
    }
    .al2MobTable{
      padding-top: 20px;
    }
    .al2MobTable__title{
          width: calc(100% - 60px);
      margin: auto;
      max-width: 550px;
      font-family: YaleSolis-Bold;
      font-size: 34px;
      line-height: normal;
    }
    .al2MobTable__label{
          font-size: 24px;
      font-family: YaleSolis-Bold;
      padding-top: 42px;
      width: calc(100% - 60px);
      margin: auto;
      max-width: 550px;
      text-align: center;
    }
    .al2MobTable__dropRow{
          width: calc(100% - 60px);
      margin: auto;
      max-width: 550px;
      display: flex;
      justify-content: space-between;
      height: 48px;
      position: relative;
    }
    .al2MobTable__dropWrapper{
          width: calc(50% - 8px);
      border-radius: 3px;
      border: 1px solid black;
      box-sizing: border-box;
      position: relative;
    }
    .al2MobTable__dropTitle{
          height: 48px;
      background: none;
      width: 100%;
      display: flex;
      border: 0;
      justify-content: space-between;
      padding: 0px 7px;
    }
    .al2MobTable__dropTitle span{
          margin: auto 0;
      font-family: YaleSolis-Bold;
      display: block;
      width: calc(100% - 20px);
      text-align: left;
    }
    .al2MobTable__dropArrow{
          margin: auto 0;
      width: 14px;
    }
    .al2MobTable__dropWrapper--active{
          background: #F5CF00;
      border: 1px solid #F5CF00;
    }
    .al2MobTable__dropWrapper--active .al2MobTable__dropArrow{
          margin: auto 0;
      width: 14px;
      transform: scaleY(-1);
    }
    .al2MobTable__dropShelf{
          background: #F5CF00;
      position: absolute;
      top: 100%;
      width: calc(100% + 2px);
      left: -1px;
      border-radius: 0px 0px 4px 4px;
      padding: 3px;
      padding-top: 0;
    }
    .al2MobTable__dropOption{
          background: white;
      width: 100%;
      height: 56px;
      border: 0;
      font-family: YaleSolis-Bold;
      text-align: left;
    }
    .al2MobTable__dropOption:nth-of-type(2n){
      background:#FFFBE5;
    }
    .al2MobTable__column{
          width: 100%;
      max-width: 550px;
      margin: auto;
      margin-top: 20px;
    }
    .al2MobTable__blockTop{
          background: black;
      color: white;
      font-family: YaleSolis-Bold;
      display: flex;
      height: 56px;
      padding: 0px 20px;
    }
    .al2MobTable__blockTitle{
          margin: auto;
    }
    .al2MobTable__blockBottom{
          display: flex;
      font-size: 14px;
    }
    .al2MobTable__cell--left{
          width: 50%;
      background: #F5F5F5;
      padding: 15.75px 20px;
      text-align: center;
      border-right: 1px solid #B8B8B8;
      display:flex;
    }
    .al2MobTable__cell--right{
          width: calc(50% - 1px);
      padding: 15.75px 20px;
      text-align: center;
      display:flex;
    }
    .al2MobTable__cell span{
      margin:auto;
    }
    .al2MobTable__linkRow{
          display: flex;
      border: 1px solid #B8B8B8;
    }
    .al2MobTable__linkCell{
          width: 50%;
      border-right: 1px solid #B8B8B8;
      padding: 0px 20px;
      display: flex;
      height: 74px;
    }
    .al2MobTable__linkCell--right{
      width:calc(50% - 1px);
      border:0;
    }
    .al2MobTable__link{
      font-family:YaleSolis-Bold;
      text-decoration:underline;
      margin:auto;
    }
    .al2Faq__title{
      font-size:24px;
    }
    .al2MobTable__dropTitle:focus, .al2MobTable__dropOption:focus{
      outline:none!important;
    }
  }
  
  
  #smart-studio .topbar.d-block, #smart-studio #shopify-section-footer{
    display:none!important;
  }
  .smartStudioD{
      position: relative;
      width: 100vw;
      height: calc(100vh - 97px);
  }
  .smartStudioD__frame{
      position: absolute;
      width: 100%;
      height: calc(100% - 78px);
      left: 0;
      bottom: 0;
  }
  .smartStudioD__showBox{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .smartStudioD__wideViewWrapper{
      width: 100%;
      height: 100%;
      position: relative;
  }
  .smartStudioD__wideHouse{
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      left: 0;
      top: 0;
  }
  .smartStudioD__wideDoor{
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      left: 0;
      top: 0;
  }
  .smartStudioD__wideLock{
        position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      left: 0;
      top: 0;
  }
  .smartStudioD__wideHandle{
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      left: 0;
      top: 0;
  }
  .smartStudioD__zoomViewWrapper{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 36%;
      height: 43%;
      transition: all .2s;
      opacity: 0;
  }
  .smartStudioD__zoomHouse{
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      left: 0;
      top: 0;
  }
  .smartStudioD__zoomDoor{
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      left: 0;
      top: 0;
  }
  .smartStudioD__zoomLock{
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      left: 0;
      top: 0;
  }
  .smartStudioD__zoomHandle{
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      left: 0;
      top: 0;
  }
  .smartStudioD__topBar{
      position: absolute;
      bottom: 100%;
      left: 0;
      width: 100%;
      height: 78px;
      background: white;
  }
  .smartStudioD__topBarInner{
      margin: auto;
      width: calc(100% - 60px);
      max-width: 1842px;
      display: flex;
      justify-content: space-between;
      height: 100%;
  }
  .smartStudioD__topBarLeft{
      display: flex;
        width: calc(100% - 260px);
  }
  .smartStudioD__topBarTitle{
      font-size: 28px;
      margin: auto 0;
      margin-left: 4px;
      padding-top: 7px;
  }
  .smartStudioD__topBarButtonRow{
    margin: auto;
    
    overflow:auto;
    width:calc(100% - 270px);
        height: 100%;
      display: flex;
  }
  .smartStudioD__topBarButtonSled{
      display: flex;
    width:954px;
        min-width: 954px;
    margin-left: 45px;
   padding-top: 6px;
  }
  .smartStudioD__topBarButton{
      height: 26px;
      border: 1px solid black;
      background: white;
      border-radius: 30px;
      margin: auto 0;
      font-size: 14px;
      padding: 0px 14px;
      margin-right: 12px;
      opacity: .4;
  }
  .smartStudioD__topBarButton--active{
  opacity:1;
  }
  .smartStudioD__topBarRight{
      display: flex;
      margin: auto 0;
      padding-top: 7px;
  }
  .smartStudioD__topBarNavButton{
      border: 2px solid black;
      background: none;
      width: 114px;
      height: 36px;
      border-radius: 20px;
      margin-left: 14px;
      opacity:1;
  cursor:pointer;
  }
  .smartStudioD__topBarNavButton--disabled{
    opacity:.4;
  }
  .smartStudioD__startPop{
        position: absolute;
      top: calc(50% - 30px);
      left: 50%;
      transform: translate(-50%, -50%);
      background: white;
      border-radius: 20px;
      max-width: 640px;
      width: calc(100% - 60px);
  }
  
  .smartStudioD__close{
        background: none;
      padding: 0;
      border: 0;
      position: absolute;
      font-size: 21px;
      right: 21px;
      top: 10px;
      cursor: pointer;
  }
  .smartStudioD__startPopInner{
        text-align: center;
      margin: auto;
      max-width: 520px;
      padding-top: 52px;
      padding-bottom: 40px;
  }
  .smartStudioD__startPopTitle{
        font-size: 28px;
  }
  .smartStudioD__startPopText{
        margin-top: 10px;
      line-height: 24px;
  }
  .smartStudioD__startPopButton{
        border: none;
      background: #FFD800;
      font-family: YaleSolis-Bold;
      height: 36px;
      padding: 0px 48px;
      border-radius: 30px;
      margin-top: 38px;
  }
  .smartStudioD__sideBarWrapper{
      position: absolute;
      top: 0px;
      background: white;
      right: 0;
      width: 349px;
      height: 100%;
    transform:translateX(calc(100% + 1px));
    transition:all .2s;
  }
  .smartStudioD__sideBarWrapper--open{
    transform:translateX(0%);
  }
  #smart-studio{
    overflow: hidden;
  }
  .smartStudioD__sideBar{
        position: relative;
      padding: 30px 40px;
      padding-top: 51px;
        height: 100%;
  }
  .smartStudioD__sideBarInner{
        height: 100%;
  }
  .smartStudioD__sideBarClose{
        position: absolute;
      top: 8px;
      right: 16px;
      border: 0;
      background: none;
      padding: 0;
      font-size: 19px;
  }
  .smartStudioD__sideBarTop{
        display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #DFDFDF;
      padding-bottom: 19px;
  }
  .smartStudioD__sideBarTitle{
        font-size: 20px;
      padding-left: 12px;
  }
  .smartStudioD__sideBarInfo{
        padding: 0;
      border: 0;
      background: 0;
      margin-right: 3px;
  }
  .smartStudioD__sideBarInfoIcon{
    width: 23px;
  }
  .smartStudioD__sideBarColumnOuter{
    padding-top: 35px;
      position: relative;
    height: calc(100% - 55px);
  }
  .smartStudioD__sideBarToolTip{
        position: absolute;
      background: white;
      border: 1px solid #FFD800;
      right: calc(100% + 80px);
      width: 259px;
      top: 38px;
      border-radius: 20px;
  }
  .smartStudioD__sideBarToolTip:after{
    content:'';
        position: absolute;
      background: white;
      border: 1px solid #FFD800;
      border-left: 0;
      border-bottom: 0;
      width: 20px;
      height: 20px;
      top: calc(50% - 12px);
      right: -10px;
      transform: rotate(45deg);
  }
  .smartStudioD__sideBarToolTipClose{
    position: absolute;
      background: none;
      border: 0;
      padding: 0;
      font-size: 20px;
      left: 10px;
      top: 2px;
      cursor: pointer;
  }
  .smartStudioD__sideBarToolTipInner{
        padding: 17px 40px;
      line-height: 25px;
      padding-right: 20px;
  }
  .smartStudioD__sideBarColumnInner{
        overflow: auto;
      height: 100%;
      margin: auto;
      width: 226px;
  }
  .smartStudioD__sideBarButton{
        border: 0;
      padding: 0;
      background: 0;
      width: 100%;
      height: 135px;
      margin-bottom: 25px;
  }
  .smartStudioD__sideBarButtonThumb{
        width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .smartStudioD__sideBarButton{
    opacity:.5;
    transition:all .2s;
    border:2px solid transparent;
  }
  .smartStudioD__sideBarButton:focus{
    outline:0!important;
  }
  .smartStudioD__sideBarButton--active{
    opacity:1;
    border:2px solid #FFD800;
  }
  .smartStudioD__topBarNavButton{
    transition:all .2s;
  }
  .smartStudioD__topBarNavButton--active, .smartStudioD__topBarNavButton--results{
    border:2px solid #FFD800;
    background: #FFD800;
  }
  .smartStudioD__showBox{
    transition:all .2s;
  }
  .smartStudioD__showBox--open{
        width: calc(100% - 349px);
  }
  .smartStudioD__sideBarColorFlex{
        display: flex;
      flex-wrap: wrap;
        margin-top: 14px;
  }
  .smartStudioD__sideBarColorButton{
        padding: 0;
      border: 0;
      background: 0;
      margin-right: 33px;
        margin-bottom: 44px;
  }
  .smartStudioD__sideBarColorButton:nth-of-type(3n){
    margin-right:0;
  }
  .smartStudioD__sideBarColorImage{
        width: 64px;
      height: 70px;
  }
  .smartStudioD__sideBarSlider{
        margin-top: -20px;
      position: relative;
      width: 100%;
        overflow: hidden;
  }
  .smartStudioD__sideBarPrevious{
        position: absolute;
      background: none;
      border: 0;
      padding: 0;
      top: calc(50% + 7px);
    z-index:1;
  }
  .smartStudioD__sideBarPreviousArrow{
        width: 12px;
  }
  .smartStudioD__sideBarPreviousArrow--disabled{
    opacity:.3;
  }
  .smartStudioD__sideBarNext{
        position: absolute;
      background: none;
      border: 0;
      padding: 0;
      top: calc(50% + 7px);
      right: 0;
    z-index:1;
  }
  .smartStudioD__sideBarNextArrow{
        width: 12px;
  }
  .smartStudioD__sideBarNextArrow--disabled, .smartStudioD__sideBarNextArrow--end{
    opacity:.3;
  }
  .smartStudioD__sideBarSliderSled{
        width: 400%;
      display: flex;
    transform:translateX(0%);
    transition:all .2s;
  }
  .smartStudioD__sideBarSlide{
        width: calc(100% / 4);
  }
  .smartStudioD__sideBarSlideText{
        line-height: 24px;
      max-width: 265px;
  }
  .smartStudioD__sideBarSlideColumn{
        display: flex;
      flex-direction: column;
      margin-top: 38px;
  }
  .smartStudioD__sideBarSlideButton{
        width: 111px;
      margin: 0 auto;
      border-radius: 10px;
      border: 1px solid rgba(0,0,0,0.25);
      background: none;
      padding: 18px 10px;
      margin-bottom: 18px;
    box-sizing:content-box;
  }
  .smartStudioD__sideBarSlideButton:focus{
    outline:none!important;
  }
  .smartStudioD__sideBarSlideButtonImage{
        width: 42px;
  }
  .smartStudioD__sideBarSlideButtonText{
    font-size: 14px;
      font-family: 'YaleSolis-Bold';
      padding-top: 5px;
  }
  .smartStudioD__sideBarSlideButton--wifi{
        padding-bottom: 28px;
  }
  .smartStudioD__sideBarSlideButton--wifi .smartStudioD__sideBarSlideButtonImage{
    width:64px;
  }
  .smartStudioD__sideBarSlideButton--active{
    border:2px solid #FFD800;
  }
  .smartStudioD__sideBarColorButton:focus{
    outline:none!important;
  }
  .smartStudioD__sideBarColorButton .smartStudioD__sideBarColorImage{
    filter: drop-shadow(3px 4px 2px rgba(0,0,0,0.0));
    transition:all .2s;
  }
  .smartStudioD__sideBarColorButton--active .smartStudioD__sideBarColorImage{
    filter: drop-shadow(3px 4px 2px rgba(0,0,0,0.3));
  }
  .smartStudioD__sideBarDotRow{
        display: flex;
      justify-content: center;
  }
  .smartStudioD__sideBarDot{
        border: 1px solid black;
      background: white;
      font-size: 8px;
      width: 16px;
      height: 16px;
      padding: 0;
      border-radius: 100%;
      margin: 0px 3px;
  }
  .smartStudioD__sideBarDot--active{
      border: 1px solid #FFD800;
      background: #FFD800;
  }
  
  .smartStudioD__wideViewWrapper{
    transition:all .2s;
  }
  .smartStudioD__showBox--zoom .smartStudioD__zoomViewWrapper{
    opacity:1;
    transform: translate(-50%,-50%) scale(2.8);
  }
  .smartStudioD__showBox--zoom .smartStudioD__wideViewWrapper{
    opacity:1;
    transform: scale(2.8);
  }
  #smart-studio #shopify-section-header{
        position: relative;
      background: white;
      z-index: 1;
  }
  .studioResults__stickyBanner{
        position: relative;
      width: 100%;
      height: 80px;
  }
  .studioResults__stickyBannerInner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1835px;
      display: flex;
      justify-content: space-between;
      height: 100%;
  }
  .studioResutls__stickyBannerLeft{
        display: flex;
      margin: auto 0;
  }
  .studioResults__stickyBannerTitle{
        font-size: 28px;
      margin-bottom: 5px;
  }
  .studioResults__stickyBannerShare{
        margin: auto 0;
      margin-left: 29px;
      font-family: 'YaleSolis-Bold';
      background: #FFD800;
      height: 36px;
      line-height: 36px;
      transform: translateY(-2px);
      border-radius: 20px;
      padding: 0px 32px;
  }
  .studioResults__stickyBannerShare:focus{
    outline:none!important;
  }
  .studioResults__stickyBannerRight{
        display: flex;
  }
  .studioResults__stickyBannerBack{
        margin: auto 0;
      margin-left: 29px;
      font-family: 'YaleSolis-Bold';
      background: #FFD800;
      height: 36px;
      line-height: 36px;
      transform: translateY(-2px);
      border-radius: 20px;
      padding: 0px 26px;
  }
  .studioResults__stickyBannerBack:focus{
    outline:none!important;
  }
  .studioResults__heroBoxDesktop{
        width: 100%;
      height: 0;
      padding-top: 40%;
      position: relative;
  }
  .studioResults__heroBoxDesktopInner{
        width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
  }
  .studioResults__heroBoxDesktopHome, .studioResults__heroBoxDesktopDoor, .studioResults__heroBoxDesktopLock, .studioResults__heroBoxDesktopHandle{
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .studioResults__heroBoxMobile{
    display:none;
  }
  .studioResults__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1360px;
      padding-top: 66px;
  }
  .studioResults__title{
        font-family: 'YaleSolis-Bold';
      font-size: 49px;
      text-align: center;
  }
  .studioResults__text{
        font-size: 20px;
      text-align: center;
      margin-top: 22px;
  }
  .studioResults__flex{
    display:flex;
    flex-wrap:wrap;
    margin-top:80px;
    justify-content:center;
  }
  .studioCard{
        width: calc(100% - 60px);
      max-width: 391px;
      margin: 0px 35px;
      border: 1px solid #CFCECE;
    margin-bottom:70px;
  }
  .studioCard__inner{
        padding: 20px;
    display:flex;
    flex-direction:column;
    height:100%;
  }
  .studioCard__imageWrapper{
        width: 100%;
      height: 0;
      padding-top: 100%;
      position: relative;
  }
  .studioCard__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .studioCard__title{
        font-family: 'YaleSolis-Bold';
      font-size: 20px;
      padding-top: 11px;
      line-height: 25px;
  }
  .studioCard__reviewWrapper{
        margin-top: 5px;
      margin-left: -8px;
  }
  .studioCard__reviewWrapper [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container{
        font-size: 14px!important;
  }
  .studioCard__reviewWrapper [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container{
        font-size: 14px!important;
  }
  .studioCard__reviewWrapper [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist#WAR{
    display:none!important;
  }
  .studioCard__price{
        font-family: 'YaleSolis-Bold';
      margin-top: 6px;
   }
  .studioCard__finishWrapper{
        margin-top: 20px;
  }
  .studioCard__finishLabel{
        font-family: 'YaleSolis-Bold';
  }
  .studioCard__finish{
    margin-top: -4px;
  }
  .studioCard__learnMore{
        font-family: 'YaleSolis-Bold';
      text-decoration: underline;
      display: block;
      margin-top: 11px;
  }
  .studioCard__extendWrapper{
        margin-top: 19px;
    margin-bottom:9px;
  }
  .studioCard__controllRow{
        display: flex;
      justify-content: space-between;
      margin-top: auto;
    
  }
  .studioCard__quantityWrapper{
        display: flex;
      border: 2px solid black;
      width: 122px;
      height: 36px;
      border-radius: 40px;
      justify-content: space-between;
      overflow: hidden;
  }
  .studioCard__quantityMinus{
        background: none;
      border: none;
      padding: 0;
      width: 40px;
  }
  .studioCard__quantity{
        font-family: 'YaleSolis-Bold';
  }
  .studioCard__quantityPlus{
        background: none;
      border: none;
      padding: 0;
      width: 40px;
  }
  .studioCard__buyWrapper{
        width: calc(100% - 138px);
  }
  .studioCard__buyButton{
        width: 100%;
      padding: 0;
      border: 0;
      background: #FFD800;
      height: 36px;
      border-radius: 40px;
  }
  .studioCard__inner form{
        height: 100%;
      display: flex;
      flex-direction: column;
  }
  @media only screen and (max-width:1000px){
    .smartStudioD{
      display:none;
    }
    .smartStudioM{
      display:block;
          position: relative;
      height: calc(100vh - 85px);
      height: calc(100dvh - 85px);
      width: 100%;
    }
    .smartStudioM a, .smartStudioM button, .shopify-section-studio-products a, .shopify-section-studio-products button{
      color:black;
    }
    .smartStudioM__typeSlideButtonImage{
      width:80px;
    }
    .smartStudioM__frame{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .smartStudioM__showBox{
          position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .smartStudioM__wideViewWrapper{
          width: 100%;
      height: 100%;
      transform: scale(1);
      transition: all .2s;
    }
    .smartStudioM__wideHouse, .smartStudioM__wideDoor, .smartStudioM__wideLock, .smartStudioM__wideHandle{
          position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .smartStudioM__zoomViewWrapper{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 36%;
      height: 43%;
      transition: all .2s;
      opacity: 0;
    }
    .smartStudioM__zoomHouse, .smartStudioM__zoomDoor, .smartStudioM__zoomLock, .smartStudioM__zoomHandle{
          position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    #smart-studio #talkable-offer{
      display:none!important;
    }
    .smartStudioM__controlBar{
          position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      background: white;
      z-index:1;
    }
    .smartStudioM__controlBarInner{
          padding-top: 16px;
      padding-bottom: 13px;
    }
    .smartStudioM__controlBarTopFrame{
          overflow: auto;
      padding-bottom:15px;
    }
    .smartStudioM__controlBarTopSled{
          min-width: 950px;
      padding: 0px 10px;
      display:flex;
      
    }
    .smartStudioM__controlBarTopButton{
          height: 26px;
      line-height: 22px;
      background: 0;
      border: 1px solid black;
      border-radius: 20px;
      font-size: 13px;
      font-family: 'YaleSolis-Bold';
      padding: 0px 15px;
      margin-right: 12px;
      opacity:.4;
      transition:all .2s;
    }
    .smartStudioM__controlBarTopButton:last-of-type{
      margin-right:0;
    }
    .smartStudioM__controlBarTopButton--active{
      opacity:1;
    }
    .smartStudioM__controlBarBottom{
      margin-top: 12px;
      padding: 0px 15px;
      display: flex;
      justify-content: center;
    }
    .smartStudioM__controlBarButton{
      height: 36px;
      line-height: 32px;
      font-family: 'YaleSolis-Bold';
      background: none;
      border: 2px solid black;
      border-radius: 30px;
      padding: 0px 23px;
      margin-right: 14px;
      transition:all .2s;
    }
    .smartStudioM__startPop{
          position: absolute;
      bottom: 118px;
      background: #F5F5F5;
      padding: 0px 47px;
      border-radius: 20px 20px 0 0;
    }
    .smartStudioM__startPopInner{
      padding-top: 32px;
      padding-bottom: 30px;
    }
    .smartStudioM__startPopTitle{
          text-align: center;
      font-size: 25px;
    }
    .smartStudioM__startPopText{
          text-align: center;
      margin-top: 16px;
      line-height: 24px;
    }
    .smartStudioM__startPopButton{
          margin: auto;
      margin-top: 30px;
      font-family: 'YaleSolis-Bold';
      display: block;
      height: 36px;
      border: 2px solid #FFD800;
      background: #FFD800;
      padding: 0px 51px;
      border-radius: 30px;
    }
    .smartStudioM__settingsWrapper{
      background: white;
      position: absolute;
      bottom: 118px;
      width: 100%;
      left: 0;
      transform: translateY(100%);
      transition:all .2s;
    }
    .smartStudioM__settingsWrapper--open{
      transform: translateY(0%);
    }
    .smartStudioM__settingsBarTop{
      padding: 0 10px;
      display: flex;
      justify-content: space-between;
      padding-top: 16px;
      padding-bottom: 15px;
    }
    .smartStudioM__settingsBarTitle{
          font-size: 18px;
      margin: auto 0;
    }
    .smartStudioM__settingsBarInfo{
          padding: 0;
      border: 0;
      background: 0;
    }
    .smartStudioM__settingsBarInfoIcon{
          width: 24px;
    }
    .smartStudioM__settingsBarBottom{
          overflow: auto;
      width: 100%;
    }
    .smartStudioM__settingsBarSled{
      padding: 0px 10px;
      display: flex;
    }
    .smartStudioM__settingsBarButton{
          height: 65px;
      border: 2px solid transparent;
      padding: 0;
      background: 0;
      margin-right: 6px;
      opacity: .4;
      transition:all .2s;
    }
    .smartStudioM__settingsBarButton:focus{
      outline:none!important;
    }
    .smartStudioM__settingsBarButton--active{
      opacity:1;
      border:2px solid #FFD800;
    }
    .smartStudioM__settingsBarButtonThumb{
          height: 100%;
    }
    .smartStudioM__toolTip{
          position: absolute;
      right: 11px;
      bottom: calc(100% + 18px);
      width: 256px;
      background: #F5F5F5;
      border: 2px solid #FFD800;
      border-radius: 14px;
      padding: 20px 22px;
    }
    .smartStudioM__toolTip:after{
      content:'';
      transform:rotate(45deg);
      background: #F5F5F5;
      border: 2px solid #FFD800;
      border-top:0;
      border-left:0;
      position:absolute;
      bottom: -11px;
      right:20px;
      width:20px;
      height:20px;
    }
    .smartStudioM__controlBarButton--active{
      background:#FFD800;
      border-color:#FFD800;
    }
    .smartStudioM__toolTipClose{
          position: absolute;
      background: 0;
      border: 0;
      padding: 0;
      right: 8px;
      top: 8px;
      font-size: 18px;
    }
    .smartStudioM__toolTipInner{
      line-height: 24px;
    }
    .smartStudioM__settingsColorFlex{
          display: flex;
      flex-wrap: wrap;
      padding: 0 20px;
      padding-bottom: 10px;
    }
    .smartStudioM__colorButton{
          margin: 5px 15px;
      background: 0;
      border: 0;
      padding: 0;
    }
    .smartStudioM__colorButton:focus{
      outline:none!important;
    }
    .smartStudioM__colorImage{
          width: 64px;
    }
    .smartStudioM__colorButton--active .smartStudioM__colorImage{
      filter: drop-shadow(3px 4px 2px rgba(0,0,0,0.3));
    }
    .smartStudioM__typeSlideSliderSled{
          width: 400vw;
      display: flex;
    }
    .smartStudioM__typeSlide{
          min-width: 100vw;
    }
    .smartStudioM__typeSlider{
      position: relative;
      padding-top: 10px;
      padding-bottom:20px;
    }
    .smartStudioM__typeSlidePrevious{
          position: absolute;
      left: 11px;
      bottom:70px;
      transform: translateY(-50%);
      z-index: 1;
      padding: 0;
      border: 0;
      background: 0;
    }
    .smartStudioM__typeSlidePreviousArrow{
          width: 11px;
      opacity:1;
    }
    .smartStudioM__typeSlidePreviousArrow--disabled{
      opacity:.4;
    }
    .smartStudioM__typeSlideNext{
          position: absolute;
      right: 11px;
      bottom:70px;
      transform: translateY(-50%);
      z-index: 1;
      padding: 0;
      border: 0;
      background: 0;
    }
    .smartStudioM__typeSlideNextArrow{
      width: 11px;
      opacity:1;
    }
    .smartStudioM__typeSlideNextArrow--disabled{
      opacity:.4;
    }
    .smartStudioM__typeSlide{
      padding: 0px 38px;
    }
    .smartStudioM__typeSlideTitle{
          font-size: 20px;
    }
    .smartStudioM__typeSlideText{
          margin-top: 23px;
      line-height: 24px;
    }
    .smartStudioM__typeSlideFlex{
      display: flex;
      margin-top: 28px;
      justify-content: center;
    }
    .smartStudioM__typeSlideButton{
      border-radius: 10px;
      border: 2px solid black;
      background: none;
      padding:0;
      margin:auto 10px;
    }
    .smartStudioM__typeSlideButton:focus{
      outline:none!important;
    }
    .smartStudioM__typeSlideButton--active{
      border-color:#FFD800;
    }
    .smartStudioM__typeSlideButton--bluetooth, .smartStudioM__typeSlideButton--wifi{
          margin: 0px 11px;
      height: 108px;
      width: 111px;
    }
    .smartStudioM__typeSlideButton--bluetooth .smartStudioM__typeSlideButtonImage{
      width: 42px;
    }
    .smartStudioM__typeSlideButton--bluetooth .smartStudioM__typeSlideButtonText{
          font-family: "YaleSolis-Bold";
      font-size: 13px;
      margin-top: 9px;
    }
    .smartStudioM__typeSlideButton--wifi .smartStudioM__typeSlideButtonImage{
          width: 64px;
    }
    .smartStudioM__typeSlideDotRow{
      padding-bottom:30px;
      display:flex;
      justify-content:center;
    }
    .smartStudioM__typeSlideBarDot{
      width:16px;
      height:16px;
      font-size:8px;
      margin:0px 3px;
      padding:0;
      background:white;
      transition:all .2s;
      border:1px solid black;
      border-radius:100%;
    }
    .smartStudioM__typeSlideBarDot--active{
      background:#FFD800;
      border-color:#FFD800;
    }
    .smartStudioM__typeSlideButton--keyfree{
          width: 111px;
      height: 125px;
      margin: 0px 3px;
    }
    .smartStudioM__typeSlideButton--keyfree .smartStudioM__typeSlideButtonImage{
          width: 35px;
    }
    .smartStudioM__typeSlideButton--keyfree .smartStudioM__typeSlideButtonText{
          font-family: "YaleSolis-Bold";
      font-size: 13px;
      margin-top: 15px;
    }
    .smartStudioM__typeSlideButton--keyed{
      width: 111px;
      height: 125px;
      margin: 0px 3px;
    }
    .smartStudioM__typeSlideButton--keyed .smartStudioM__typeSlideButtonImage{
      width: 43px;
    }
    .smartStudioM__typeSlideButton--keyed .smartStudioM__typeSlideButtonText{
      font-family: "YaleSolis-Bold";
      font-size: 13px;
      margin-top: 10px;
    }
    .smartStudioM__typeSlideButton--either{
      width: 111px;
      height: 125px;
      margin: 0px 3px;
    }
    .smartStudioM__typeSlideButton--either .smartStudioM__typeSlideButtonImage{
          width: 41px;
    }
    .smartStudioM__typeSlideButton--either .smartStudioM__typeSlideButtonText{
      font-family: "YaleSolis-Bold";
      font-size: 13px;
      margin-top: 11px;
    }
    .smartStudioM__typeSlideButton--touchscreen, .smartStudioM__typeSlideButton--keypad{
          width: 111px;
      height: 196px;
      margin: 0px 10px;
    }
    .smartStudioM__typeSlideButton--touchscreen .smartStudioM__typeSlideButtonImage, .smartStudioM__typeSlideButton--keypad .smartStudioM__typeSlideButtonImage{
          width: 93px;
    }
    .smartStudioM__typeSlideButton--touchscreen .smartStudioM__typeSlideButtonText, .smartStudioM__typeSlideButton--keypad.smartStudioM__typeSlideButtonText{
          margin-top: 5px;
      font-family: "YaleSolis-Bold";
      font-size: 13px;
    }
    .smartStudioM__settingsBarButton--finish{
      display: flex;
      flex-direction: column;
      height: auto;
      width: 111px;
      border: none!important;
    }
    .smartStudioM__settingsBarButton--finish .smartStudioM__settingsBarButtonThumb{
      height: 40px;
      width: 100%;
      border: 2px solid transparent;
      object-fit:contain;
    }
    .smartStudioM__settingsBarButton--finish.smartStudioM__settingsBarButton--active .smartStudioM__settingsBarButtonThumb{
          border: 2px solid #FFD800;
    }
    .smartStudioM__settingsBarButtonText{
          font-family: "YaleSolis-Bold";
      font-size: 13px;
      text-align: center;
      display: block;
      width: 100%;
      margin-top:2px;
    }
    .studioResults__stickyBanner{
          position: fixed;
      bottom: 0;
      background: white;
      z-index: 10000000000;
      height: 62px;
    }
    .studioResults__stickyBannerTitle{
          display: none;
    }
    .studioResults__stickyBannerShare{
          margin-left: 0;
      top: 2px;
      position: relative;
    }
    .studioResults__stickyBannerBack{
          top: 2px;
      position: relative;
    }
    .studioResults__heroBoxDesktop{
          display: none;
    }
    .studioResults__heroBoxMobile{
      width: 100%;
      height: 0;
      padding-top: 700px;
      position: relative;
      display: block;
    }
    .studioResults__heroBoxMobileInner{
          width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
    .studioResults__heroBoxMobileHome{
          width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      left: 0;
      top: 0;
    }
    .studioResults__heroBoxMobileDoor{
          width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      left: 0;
      top: 0;
    }
    .studioResults__heroBoxMobileLock{
          width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      left: 0;
      top: 0;
    }
    .studioResults__heroBoxMobileHandle{
          width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      left: 0;
      top: 0;
    }
    .studioResults__inner{
          padding-top: 40px;
    }
    .studioResults__title{
          font-size: 25px;
    }
    .studioResults__text{
          font-size: 18px;
      margin-top: 11px;
    }
    .studioResults__flex{
          margin-top: 38px;
    }
  }
  .matterBanner{
    position:relative;
    height:441px;
  }
  .matterBanner__background{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
  }
  .matterBanner__backgroundImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .matterBanner__backgroundImage--mobile{
        display: none;
  }
  .matterBanner__inner{
        position: absolute;
      top: 50%;
      width: calc(100% - 60px);
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 1310px;
  }
  .matterBanner__wrapper{
        width: 60%;
      padding-bottom: 42px;
  }
  .matterBanner__logo{
        margin-bottom: 19px;
  }
  .matterBanner__logoImg{
        width: 372px;
      position: relative;
      left: -34px;
  }
  .matterBanner__title{
        font-family: 'YaleSolis-Bold';
    font-size: 34px;
  }
  .matterBanner__text{
        font-size: 28px;
    line-height:30px;
  }
  .matterBreak{
        padding-top: 31px;
      padding-bottom: 35px;
  }
  .matterBreak__inner{
        width: calc(100% - 60px);
      margin: auto;
          max-width: 880px;
      text-align: center;
  }
  .matterBreak__title{
        font-family: 'YaleSolis-Bold';
      font-size: 24px;
  }
  .matterBreak__text{
        line-height: 26px;
      margin-top: 11px;
  }
  .matterRepeater{
        background: #F5F5F5;
      padding-top: 17px;
    padding-bottom:52px;
  }
  .matterRepeater__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1312px;
  }
  .matterBlock{
        margin-bottom: 23px;
  }
  .matterBlock__inner{
    display: flex;
      justify-content: space-between;
  }
  .matterBlock__textSide{
        width: 42.4%;
  }
  .matterBlock__textWrapper{
        display: flex;
      flex-direction: column;
      height: 100%;
  }
  .matterBlock__textContainer{
        margin: auto;
      max-width: 448px;
      padding-right: 30px;
    width:100%;
      padding-bottom: 22px;
  }
  .matterBlock__title{
        font-family: 'YaleSolis-Bold';
      font-size: 24px;
      line-height: 29px;
  }
  .matterBlock__text{
        line-height: 26px;
      margin-top: 16px;
      max-width: 360px;
  }
  .matterBlock__imageSide{
        width: 57.6%;
  }
  .matterBlock__imageWrapper{
        width: 100%;
      position: relative;
      height: 0;
      padding-top: 64.5%;
  }
  .matterBlock__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .matterBlock__image-mobile{
        display: none;
  }
  .matterBlock:nth-of-type(2n) .matterBlock__inner{
    flex-direction:row-reverse;
  }
  .matterBlock:nth-of-type(2n) .matterBlock__textContainer{
        padding-right: 0;
      padding-left: 24px;
  }
  .matterFinal{
        padding-top: 32px;
    padding-bottom:25px;
  }
  .matterFinal__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1312px;
  }
  .matterBlock--final .matterBlock__inner{
        flex-direction: row-reverse;
  }
  .matterBlock--final .matterBlock__textSide{
        width: calc(38% - 30px);
  }
  .matterBlock--final .matterBlock__textContainer{
        padding-right: 0;
      margin-right: 0;
      max-width: 422px;
      width: 100%;
      padding-bottom: 0;
  }
  .matterBlock--final .matterBlock__title{
        max-width: 320px;
  }
  .matterBlock__button{
        background: #FFD800;
      font-size: 24px;
      font-family: 'YaleSolis-Bold';
      line-height: 24px;
      border-radius: 40px;
      padding: 13.5px 20px;
      width: 100%;
      display: block;
      text-align: center;
      margin-top: 27px;
  }
  .matterBlock--final .matterBlock__imageSide{
        width: 61.7%;
      display: flex;
  }
  .matterBlock--final .matterBlock__imageWrapper{
        margin-left: auto;
      max-width: 756px;
      padding-top: 52.3%;
  }
  .matterNotify{
        background-image: linear-gradient(20deg, #69B1E0, white, #FEF3B1);
      padding-top: 47px;
      padding-bottom: 58px;
  }
  .matterNotify__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1000px;
      text-align: center;
  }
  .matterNofity__text{
        font-family: 'YaleSolis-Bold';
      font-size: 24px;
  }
  .notifyMe--matter{
        margin: auto;
      margin-top: 33px;
      max-width: 550px;
  }
  .notifyMe--matter .notifyMe__form{
        background: white;
  }
  @media only screen and (max-width:1000px){
    .matterBanner{
          height: auto;
    }
    .matterBanner__background{
          position: relative;
      height: auto;
    }
    .matterBanner__backgroundImage--desktop{
          display: none;
    }
    .matterBanner__backgroundImage--mobile{
          display: block;
      max-height: 500px;
    }
    .matterBanner__inner{
          position: relative;
      top: 0;
      left: 0;
      transform: none;
      margin: auto;
    }
    .matterBanner__wrapper{
          width: 100%;
      padding-top: 30px;
      padding-bottom: 64px;
    }
    .matterBanner__logo{
          margin: auto;
      width: max-content;
      margin-bottom: 14px;
    }
    .matterBanner__logoImg{
          width: 100%;
      max-width: 372px;
    }
    .matterBanner__text{
          font-size: 24px;
      text-align: center;
    }
    .matterBreak{
          padding-top: 0;
      padding-bottom: 40px;
    }
    .matterBreak__inner{
          max-width: 600px;
    }
    .matterRepeater{
          padding-top: 32px;
          padding-bottom: 1px;
    }
    .matterRepeater__inner{
          max-width: 600px;
    }
    .matterBlock{
          margin-bottom: 36px;
    }
    .matterBlock__inner{
          flex-direction: column!important;
    }
    .matterBlock__textSide{
          width: 100%;
      padding-bottom: 3px;
    }
    .matterBlock__textContainer{
          padding: 0!important;
      max-width: none;
    }
    .matterBlock__imageSide{
          width: 100%;
    }
    .matterBlock__imageWrapper{
          padding-top: 434px;
    }
    .matterBlock__image--desktop{
          display: none;
    }
    .matterBlock__image-mobile{
          display: block;
    }
    .matterBlock__text{
      max-width: none;
    }
    .matterFinal{
          padding-top: 30px;
      padding-bottom: 38px;
    }
    .matterFinal__inner{
          max-width: 600px;
      width: 100%;
    }
    .matterBlock--final{
          margin-bottom: 0;
    }
    .matterBlock--final .matterBlock__inner{
          flex-direction: column-reverse!important;
    }
    .matterBlock--final .matterBlock__textSide{
          width: 100%;
      padding-top: 30px;
    }
    .matterBlock--final .matterBlock__textWrapper{
          width: 100%;
      margin: auto;
      max-width: calc(100vw - 60px);
    }
    .matterBlock--final .matterBlock__textContainer{
      max-width: none;
    }
    .matterBlock--final .matterBlock__title{
      max-width: none;
    }
    .matterBlock--final .matterBlock__button{
          font-size: 18px;
    }
    .matterBlock--final .matterBlock__imageSide{
          width: 100%;
    }
    .matterBlock--final .matterBlock__imageWrapper{
          padding-top: 406px;
    }
    .matterNotify{
          padding-top: 53px;
      padding-bottom: 42px;
    }
    .matterNotify__inner{
          max-width: 600px;
      text-align: left;
    }
    .matterBanner__text{
      color:black!important;
    }
    .matterBanner__logoImg{
      filter: brightness(0);
    }
  }
  .al2Prod--2 .al2Prod__accessButtonInner{
        max-width: 390px;
  }
  .al2Prod--2 .al2Prod__accessTitleImage{
        width: 225px;
  }
  .al2Video{
        padding-bottom: 40px;
      padding-top: 50px;
  }
  .al2Video__inner{
        margin: auto;
      max-width: 1311px;
      width: calc(100% - 60px);
  }
  .al2Video__iframeWrapper{
    overflow: hidden;
      border-radius: 15px;
  }
  
  
  .notifyMe__message{
        color: #B20606;
      margin-bottom: 8px;
  }
  .notifyMe__formWrapper{
        position: relative;
  }
  .notifyMe__form{
        border: 2px solid rgba(0,0,0,0.7);
      border-radius: 200px;
      height: 58px;
      width: 100%;
    overflow: hidden;
  }
  .notifyMe__flex{
        display: flex;
      justify-content: space-between;
      height: 100%;
      width: 100%;
  }
  .notifyMe__input{
        font-size: 18px;
      border: 0;
      background: 0;
      padding-left: 34px;
        width: calc(100% - 210px);
  }
  .notifyMe__input::placeholder{
    color:black;
  }
  .notifyMe__submit{
        font-family: YaleSolis-Bold,sans-serif;
      font-size: 18px;
      background-color: #FFD800;
      height: 42px;
      border: 0;
      padding: 0px 48px;
      margin: auto 0;
      border-radius: 200px;
      margin-right: 8px;
  }
  .notifyMe__submit--mobile{
    display:none;
  }
  .notifyMe__error{
    color:#F61724;
    margin-top:8px;
  }
  .notifyMe__success{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #FFD800;
      border-radius: 200px;
          min-height: 55px;
  }
  .pdpMain__notifyFormWrapper{
    min-height:55px;
  }
  .notifyMe__successFlex{
        display: flex;
      justify-content: center;
      height: 100%;
  }
  .notifyMe__successText{
        font-family: YaleSolis-Bold,sans-serif;
      font-size: 34px;
      margin: auto 0;
  }
  .notifyMe__check{
    width: 29px;
      margin: auto 0;
      margin-left: 40px;
  }
  @media only screen and (max-width:900px){
    .notifyMe__form{
      height: 57px;
    }
    .notifyMe__input{
          width: calc(100% - 50px);
    }
    .notifyMe__submit--desktop{
          display: none;
    }
    .notifyMe__submit--mobile{
          width: 40px;
      height: 40px;
      display: flex;
      padding: 0;
    }
    .notifyMe__arrow{
      width: 15px;
      margin: auto;
    }
  }
  
  .pdp__option--unavailable{
    position:relative;
    overflow:hidden;
  }
  .pdp__option--unavailable:after{
    content:'';
    position:absolute;
    height: 2px;
    background: black;
    width: 100%;
    left: 0;
    top: calc(50% - 1px);
    transform: rotate(-16deg);
  }
  
  .pdp__option--unavailable.active:after{
    background:white;
  }
  
  .boxPDP__option--unavailable{
     position:relative;
    overflow:hidden;
  }
  
  .boxPDP__option--unavailable:after{
    content:'';
    position:absolute;
    height: 2px;
    background: black;
    width: 100%;
    left: 0;
    top: calc(50% - 1px);
    transform: rotate(-16deg);
  }
  .pdp__option--unavailable.boxPDP__option--active:after{
    background:white;
  }
  .color-swatch{
    width:25px;
    height:25px;
  }
  .color-swatch--unavailable{
    position:relative;
  }
  .color-swatch--unavailable:after{
    content:'';
    width:29px;
    height:1px;
    background:black;
    position:absolute;
    top:12px;
    left:-2px;
    transform:rotate(-45deg);
  }
  .accessCollectionCard{
    position:relative;
  }
  .prodCardNotify__frame{
        position: absolute;
      bottom: 0;
      width: calc(100% - 24px);
      left: 12px;
      height: 100%;
      overflow: hidden;
    transition:all .4s;
  }
  .prodCardNotify__card{
    height: 100%;
      background-image: linear-gradient(45deg, #69B1E0, #F2F8FB, #FEF3B1);
  }
  .prodCardNotify__close{
        position: absolute;
      top: 18px;
      right: 18px;
      background: 0;
      padding: 0;
      border: 0;
      display: block;
      cursor: pointer;
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 24px;
  }
  .prodCardNotify__inner{
        padding: 25px;
      padding-top: 90px;
  }
  .prodCardNotify__text{
        font-size: 24px;
      line-height: 29px;
      text-align: center;
      margin-bottom: 53px;
  }
  .prodCardNotify__selector{
        border-radius: 24px;
      overflow: hidden;
      border: 1px solid black;
      background: white;
  }
  .prodCardNotify__selectorWrapper{
    height: 48px;
    position:relative;
    width:100%;
    margin-bottom:18px;
  }
  .prodCardNotify__selected{
        display: flex;
      width: 100%;
      cursor: pointer;
      border-radius: 24px;
      height: 48px;
      justify-content: space-between;
      padding: 0px 12px;
      border: 0;
      background: white;
  }
  .prodCardNotify__title{
        font-weight: 700;
      margin: auto 0;
  }
  .prodCardNotify__arrow{
        margin: auto 0;
      font-weight: 700;
      transform: rotate(180deg) scaleX(1.5);
      position: relative;
      top: -2px;
    transition:all .2s;
      font-size: 14px;
      line-height: 14px;
  }
  .prodCardNotify__slider{
        display: flex;
      flex-direction: column;
  }
  .prodCardNotify__choice{
        border: 0;
      height: 36px;
      background: white;
      margin: 8px 0;
      padding: 0;
    text-align:left;
    font-weight:700;
    padding:0px 12px;
  }
  .prodCardNotify__choice:last-of-type{
    margin-bottom:22px;
  }
  .prodCardNotify__choice:nth-of-type(2n){
    background:#FFFBE5;
  }
  .prodCardNotify__hiddenSelector{
    display:none;
  }
  .prodCardNotify__card .notifyMe__input{
        display: block;
      background: white;
      width: 100%;
      border-radius: 24px;
      height: 48px;
      border: 1px solid black;
      padding: 0px 12px;
      font-size: 16px;
      font-weight: 700;
      margin-top: 21px;
  }
  .prodCardNotify__card .notifyMe__input::placeholder{
    color:rgba(0,0,0,0.6);
  }
  .prodCardNotify__card .notifyMe__submit {
        margin-top: 16px;
      width: 100%;
      height: 48px;
  }
  .prodCardNotify__selector--active{
        border-color: #FFD800;
  }
  .prodCardNotify__selector--active .prodCardNotify__selected{
        background: #FFD800;
  }
  .prodCardNotify__selector--active .prodCardNotify__arrow{
        transform: rotate(0deg) scaleX(1.5);
    top:0px;
  }
  .prodCardNotify__selected:focus{
    outline:none!important;
  }
  .nestProdCard{
    position:relative;
  }
  .accessCollectionCard__colorButton{
    position:relative;
  }
  .accessCollectionCard__colorButton[data-available="false"]:after{
              content: "";
      width: 23px;
      height: 1px;
      background: black;
      position: absolute;
      top: 16px;
      left: 5px;
      transform: rotate(-45deg);
  }
  .sloFeatured__colorButton[data-available="false"]:after{
  content: "";
      width: 23px;
      height: 1px;
      background: black;
      position: absolute;
      top: 16px;
      left: 5px;
      transform: rotate(-45deg);
  }
  .sloFeatured__colorButton--active[data-available="false"]:after{
  content: "";
      width: 23px;
      height: 1px;
      background: black;
      position: absolute;
      top: 16px;
      left: 5px;
      transform: rotate(-45deg);
  }
  
  .accessCollectionCard__colorButton--active[data-available="false"]:after{
          content: "";
      width: 33px;
      height: 1px;
      background: black;
      position: absolute;
      top: 15px;
      left: 0px;
      transform: rotate(-45deg);
  }
  .nestProdCard__color{
    position:relative;
  }
  .nestProdCard__color[data-available="false"]:after{
          content: "";
      width: 27px;
      height: 1px;
      background: black;
      position: absolute;
      top: 13px;
      left: 0px;
      transform: rotate(-45deg);
  }
  .nestProdCard__notifyButton{
        background: #ffc600;
      border: 0;
      font-weight: 700;
      text-align: center;
      height: 38px;
      margin: auto 13px auto 0;
      width: 132px;
      border-radius: 16px;
      font-size: 17px;
      padding-top: 4px;
  }
  
  #shopify-section-sloCollection .accessCollection__sliderWrapper{
    margin-top:0;
  }
  #shopify-section-sloCollection .accessCollectionCard{
    padding-top:40px;
  }
  .accessCollectionCard__saleWrapper{
        position: absolute;
      top: 16px;
      left: 0px;
  }
  .accessCollectionCard__sale{
        width: 81px;
  }
  .sloAppDetails{
        margin-top: 24px;
  }
  .sloAppDetails__yaleLogo{
    width: 48px;
      margin-right: 24px;
  }
  .sloAppDetails__iconRow{
    display: flex;
      justify-content: center;
      margin-top: 20px;
  }
  .sloAppDetails__apple{
        margin: auto 0;
      width: 106px;
  }
  .sloAppDetails__play{
        margin: auto 0;
      width: 120px;
      margin-left: 20px;
  }
  .sloAppDetails__legal{
        text-align: center;
      font-size: 12px;
      line-height: 19px;
      margin-top: 15px;
  }
  
  #smart-safe .nestBanner__bkgWrapper::after {
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.576) 0%, rgba(0, 0, 0, 0) 75%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  #smart-safe .nestBanner__inner {
    z-index: 2;
  }
  
  #smart-safe .nestIcons-upper .nestIcons__icon {
    transform: scale(.45);
  }
  
  #smart-safe .nestIcons-lower .nestIcons__icon {
    width: 73px;
  }
  
  #smart-safe .nestIcons__iconText {
    margin-top: 0;
  }
  
  @media screen and (max-width: 900px) {
    #smart-safe .nestBanner__bkgWrapper:after {
      display: none;
    }
    #smart-safe .nestBanner__inner {
      text-align: center;
      display: block;
      background: white;
    }
    #smart-safe .nestGallery__inner .nestGallery__title {
      margin-top: 30px;
      padding-bottom: 10px;
    }
    #smart-safe .nestGallery .slick-dots {
      display: flex !important;
    }
    #smart-safe .nestGallery .nestGallery__imageWrapper h3 {
      text-align: center;
    }
    #smart-safe .nestGallery .nestGallery__imageWrapper span {
      display: block;
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: -18px;
      text-align: center;
      max-width: 265px;
      margin-left: auto;
      margin-right: auto;
    }
    #smart-safe .abRepeater.second .abBlock__flex, #smart-safe .abRepeater.third .abBlock__flex {
      flex-direction: column-reverse !important;
    }
    #smart-safe .abBlock__textWrapper .abBlock__title {
      margin-bottom: 0;
    }
  }
  
  #smart-safe .nestIcons__title {
    font-size: 39px;
    line-height: 40px;
    margin-top: 35px;
  }
  
  #shopify-section-cabinetIconsTwo .nestIcons-lower .nestIcons__flex{
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1116px;
    margin-top: 64px;
    flex-wrap: wrap;
  }
  #shopify-section-cabinetIconsTwo .nestIcons-lower .nestIcons__iconCard{
    max-width: none;
    width: calc(100% / 3);
    padding: 0px 10px;
  }
  #shopify-section-cabinetIconsTwo .nestIcons-lower .nestIcons__icon{
    width: 78px;
    height: 78px;
    object-fit: contain;
  }
  #shopify-section-cabinetIconsTwo .nestIcons-lower .nestIcons__iconText{
    font-family: 'YaleSolis-Bold';
    line-height: 20px;
    margin-top: 9px;
    max-width: 240px;
      margin: auto;
  }
  
  #shopify-section-cabinetGallery .slick-prev, #shopify-section-cabinetGallery .slick-next {
    display: none !important;
  }
  
  #shopify-section-cabinetGallery .slick-dots {
      list-style: none;
      padding: 0;
      display: flex;
      justify-content: center;
      margin-top: 15px;
  }
  
  #shopify-section-cabinetGallery li {
      margin: 0 4px;
      height: 3px;
  }
  
  #shopify-section-cabinetGallery li.slick-active button {
      opacity: 1;
  }
  
  #shopify-section-cabinetGallery li button {
      display: inline-block;
      width: 25px;
      height: 3px;
      background: #333;
      border-radius: 0;
      opacity: .4;
      cursor: pointer;
      color: transparent;
      border: none;
  }
  
  @media only screen and (max-width: 900px){
    .nestBanner__bkg--desktop {
      display: none;
    }
  }
  
  @media only screen and (min-width: 900px){
    .nestBanner__bkg--mobile {
      display: none;
    }
  }
  
  /*---------Home Depot-----------*/
  
  #the-home-depot #shopify-section-header{
        display: none!important;
  }
  .hdBars__top{
      background: #F96302;
      height: 62px;
  }
  .hdBars__topInner{
        width: calc(100% - 60px);
      margin: auto;
      display: flex;
      justify-content: center;
  }
  .hdBars__topText{
    color: white;
      font-family: 'YaleSolis-Bold';
      margin: auto 0;
      margin-right: 30px;
  }
  .hdBars__topIcon{
        height: 62px;
  }
  .hdBars__bottom{
        border-bottom: 1px solid #CCCCCC;
      height: 85px;
  }
  .hdBars__bottomIconWrapper{
        display: flex;
      height: 100%;
  }
  .hdBars__bottomIcon{
        width: 60px;
      margin: auto;
  }
  #shopify-section-hdProduct1 .al2Prod__slideWrapper, #shopify-section-hdProduct2 .al2Prod__slideWrapper, #shopify-section-lowesProduct1 .al2Prod__slideWrapper,
  #shopify-section-costcoProduct1 .al2Prod__slideWrapper{
    position: relative;
  }
  .hdProd__homedepoLogo{
      position: absolute;
      z-index: 2;
      width: 134px;
      left: -10px;
  }
  .al2Prod__list .al2Prod__accessTitle{
    font-family: 'YaleSolis-Bold';
    margin-bottom:20px;
  }
  .al2Prod__accessTitle, .al2Prod__techTitleWrapper{
    font-family: 'YaleSolis-Bold';
  }
  .hdColor{
        background: linear-gradient(135deg, #FFF7CC 0%, rgba(255, 247, 204, 0) 100%), linear-gradient(180deg, #FCF0A2 0%, #FFDA04 100%);
      padding: 48px 0;
      margin-top: 70px;
  }
  .hdColor__inner{
        margin: auto;
      width: calc(100% - 60px);
  }
  .hdColor__logoWrapper{
        margin: auto;
      width: 90px;
      height: 90px;
      overflow: hidden;
      position: relative;
  }
  .hdColor__logo{
        position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
  }
  .hdColor__text{
        font-size: 34px;
      margin-top: 18px;
      text-align: center;
  }
  .hdSBS{
        padding-top: 30px;
  }
  .hdSBS__inner{
        width: calc(100% - 60px);
      margin: auto;
  }
  .hdSBS__iconWrapper{
        width: max-content;
      margin: auto;
  }
  .hdSBS__icon{
        width: 112px;
  }
  .hdSBS__flex{
        display: flex;
      justify-content: center;
      margin-top: 25px;
      padding-bottom: 30px;
  }
  .hdSBS__card{
    max-width: 322px;
      margin: 0 60px;
  }
  .hdSBS__imageWrapper{
        margin: auto;
      width: max-content;
  }
  .hdSBS__image{
        width: 183px;
  }
  .hdSBS__button{
        margin-top: 30px;
      background: #F5CF00;
      border-radius: 60px;
      padding: 12px 32px;
  }
  .hdSBS__buttonText{
        font-family: 'YaleSolis-Bold';
      font-size: 24px;
      line-height: 24px;
      text-align: Center;
  }
  
  @media only screen and (max-width:800px){
    .hdColor__text{
          font-size: 24px;
      line-height:27px;
    }
    .hdSBS__flex{
          flex-direction: column;
      padding-bottom: 0;
    }
    .hdSBS__card{
          margin: auto;
      margin-bottom: 30px;
    }
    .hdSBS__buttonText{
          font-size: 16px;
      line-height: normal;
    }
    #home-depot .al2AppRow__appStoreLogo{
      width:calc(175px / 2);
    }
    #home-depot .al2AppRow__playStoreLogo{
      width:100px;
    }
    #home-depot .al2Prod__accessCard{
      width:calc(50% - 10px);
    }
  }
  
  #home-depot #WAR{
    display:none!important;
  }
  #home-depot .al2Prod__accessCard{
    margin-bottom:20px!important;
  }
  @media only screen and (max-width: 1000px){
    #home-depot .al2AppRow__right{
    width: 100%;
    }
    .hdHideMobile{
      display:none;
    }
    .hdMobReviews{
      margin-bottom:20px;
    }
  }
  /*-----------Costco-----------*/
  .costco-bar .hdBars__top {
    background: #005dab !important;
    display:flex;
  }
  #shopify-section-costcoProduct1 .hdProd__homedepoLogo {
    width:182px;
  }
  @media screen and (max-width:767px) {
    #shopify-section-costcoProduct1 .hdProd__homedepoLogo {
      width:96px;
    }
  }
  .al2Prod__slideWrapper.costco-slidewrapper {
    border:1px solid #e5e5e5;
  }
  .costco-bar .hdBars__topIcon {
    width: 89px !important;
    height: 25px !important;
  }
  .costco-slidewrapper .hdProd__homedepoLogo {
    left:15px;
    top:25px;
  }
  @media screen and (max-width:767px) {
    .costco-slidewrapper .hdProd__homedepoLogo {
        left: 15px;
        top: auto;
        bottom: 20px;
    }
    #shopify-section-costcoProduct1 .al2Prod__slider .slick-dots {
      bottom:-45px;
    }
    #shopify-section-costcoProduct1 .al2Prod__contentWrapper {
      margin-top:30px;
    }
  }
  #shopify-section-costcoProduct1 .al2Prod__accessTitleImage {
    width:225px;
  }
  #shopify-section-costcoProduct1 .al2Prod__accessButtonInner {
    max-width:380px;
  }
  .costco-break.al2Break {
    margin-top:30px !important;
  }
  .costcoApp.al2App .al2App__title{
    padding-top:40px;
  }
  .costcoApp.al2App .al2App__left {
    padding-bottom:40px;
  }
  .costco.hdSBS {
    padding-top:50px;
  }
  .costco .hdSBS__flex {
    margin-top:50px;
  }
  /*-----------Lowes------------*/
  
  .lowes-bar-blue{
    background-color:#004990;
  }
  
  .lowesProd__lowesLogo__wrap{
      position: absolute;
      z-index: 2;
      height:90px;
      width: 90px;
      left: 10px;
      top:10px;
      border-radius:1rem;
      background:#fff;
      display:flex;
      justify-content:center;
      align-items:center;
  }
  
  .lowesProd__lowesLogo__wrap img{
     height:90%;
     width:90%;
     aspect-ratio:1;
     object-fit:cover;
  }
  
  
  .pdpKAPop{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000000!important;
  }
  .pdpKAPop__background{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
  }
  .pdpKAPop__modal{
    position:absolute;
    top:50%;
    transform:translate(-50%, -50%);
    left:50%;
    width:calc(100% - 60px);
    max-width:806px;
    padding-top:89px;
    padding-bottom:80px;
    background-color:white;
    background-image:url(/cdn/shop/files/Rectangle_7.jpg?v=1663278176);
    background-size:cover;
    border-radius:6px;
  }
  .pdpKAPop__close{
    position:absolute;
    top:8px;
    right:16px;
    background:none;
    border:none;
    padding:0;
    font-size:20px;
  }
  .pdpKAPop__inner{
    width:calc(100% - 60px);
    max-width:694px;
    margin:auto;
  }
  .pdpKAPop__text{
        font-size: 34px;
      font-family: 'YaleSolis-Bold';
      line-height: 39px;
      margin: auto;
      max-width: 450px;
      text-align: center;
      margin-bottom: 50px;
  }
  .pdpKAPop__buttonRow{
        display: flex;
      justify-content: center;
  }
  .pdpKAPop__continueButton, .pdpKAPop__addToExisting{
  
    padding: 16px 37px;
      border: none;
      border-radius: 30px;
      font-size: 22px;
      line-height: 24px;
      font-family: 'YaleSolis-Bold';
      background: #FFD800;
    
      margin-right: 27px;
  }
  .pdpKAPop__editButton{
        padding: 16px 35px;
      border: none;
      border-radius: 30px;
      font-size: 22px;
      line-height: 24px;
      font-family: 'YaleSolis-Bold';
      background: white;
  }
  
  .pdpKAPop__no{
    display:block;
    padding:0;
    border:0;
    background:none;
    text-decoration:underline;
    color:black;
    font-size:18px;
    font-family: 'YaleSolis-Bold';
    margin:auto;
    margin-top:15px;
    margin-bottom:-15px;
  }
  .pdpKAPop__editButton:hover{
    outline:none!important;
    border:0!important;
  }
  .miniCartKA{
        background: #F5F5F5;
      border-top: 2px solid rgba(0,0,0,0.2);
      padding: 16px;
  }
  .miniCartKA__title{
        text-align: center;
      font-family: 'YaleSolis-Bold';
  }
  .miniCartKA__link{
        display: block;
      margin: auto;
      width: max-content;
      background: #2D2C2E;
      color: white;
      font-family: 'YaleSolis-Bold';
      line-height: 16px;
      padding: 8px 32px;
      border-radius: 30px;
      margin-top: 10px;
    border:2px solid #2D2C2E;
  }
  .miniCartKA__link:hover{
    color:#2D2C2E;
    background:transparent;
    border:2px solid #2D2C2E;
  }
  .ka__banner{
        background-image: url(/cdn/shop/files/Rectangle_828.jpg?v=1663611520);
      background-size: cover;
      padding-top: 34px;
      padding-bottom: 16px;
  }
  .ka__bannnerInner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1311px;
  }
  .ka__bannerTitle{
        font-size: 48px;
      font-family: 'YaleSolis-Bold';
      line-height: 58px;
  }
  .ka__bannerText{
    font-size: 34px;
  }
  .ka__inner{
        width: calc(100% - 60px);
      max-width: 1311px;
      margin: auto;
  }
  .ka__instructions{
        text-align: center;
      font-size: 24px;
      padding-top: 20px;
  }
  .ka__flex{
        margin-top: 70px;
      display: flex;
      justify-content: space-between;
  }
  .ka__cartSide{
        width: calc(50% - 10px);
  }
  .ka__cartTitle{
        font-family: 'YaleSolis-Bold';
      font-size: 24px;
      line-height: 25px;
  }
  .ka__cartLabelRow{
        display: flex;
      margin-top: 33px;
      justify-content: space-between;
      padding-bottom: 14px;
      border-bottom: 1px solid rgba(0,0,0,0.2);
  }
  .ka__cartLabelLeftWrapper{
        width: calc(100% - 162px);
  }
  .ka__cartLabelLeft{
        font-family: 'YaleSolis-Bold';
  }
  .ka__cartLabelRightWrapper{
        width: 147px;
  }
  .ka__cartLabelRight{
        font-family: 'YaleSolis-Bold';
  }
  .kaCartItem{
        padding: 16px 0;
      border-bottom: 1px solid rgba(0,0,0,0.2);
  }
  .kaCartItem__inner{
        display: flex;
      justify-content: space-between;
  }
  .kaCartItem__left{
        width: calc(100% - 162px);
      display: flex;
  }
  .kaCartItem__imageWrapper{
        width: 80px;
      margin: auto 0;
  }
  .kaCartItem__image{
        width: 80px;
      height: 80px;
      object-fit: contain;
  }
  .kaCartItem__titleWrapper{
        margin: auto 0;
      padding-left: 22px;
  }
  .kaCartItem__title{
        line-height: 26px;
      max-width: 240px;
  }
  .kaCartItem__right{
    width: 147px;
      display: flex;
      justify-content: space-between;
  }
  .kaCartItem__qtyWrapper{
        margin: auto 0;
      font-family: 'YaleSolis-Bold';
      text-align: center;
      min-width: 25px;
  }
  .kaCartItem__editQty{
        display: none;
  }
  .kaCartItem__plusButtonWrapper{
    margin: auto 0;
      padding-right: 24px;
  }
  .kaCartItem__plusButton{
        background: 0;
      padding: 0;
      border: 0;
  }
  .kaCartItem__plusButtonImg{
        width: 40px;
  }
  .ka__groupSide{
        width: calc(50% - 10px);
  }
  .ka__groupTitle{
        font-family: YaleSolis-Bold;
      font-size: 24px;
      line-height: 25px;
      padding-left: 24px;
  }
  .ka__groupFrame{
        background: #F5F5F5;
      margin-top: 11px;
      height: 788px;
        position: relative;
  }
  .ka__groupFrameUpper{
        width: 100%;
      height: 100%;
      overflow: auto;
      position: relative;
    padding-bottom:85px;
  }
  .kaState__empty{
        position: absolute;
      left: 50%;
      top: 255px;
      transform: translateX(-50%);
  }
  .kaEmpty__startButton{
        background: #FFD800;
      border: 2px solid #FFD800;
      padding: 0;
      border-radius: 50px;
      font-size: 21px;
      font-family: 'YaleSolis-Bold';
      padding: 8px 46px;
  }
  .kaState__full{
        display: none;
  }
  .kaRemovePopup{
    display: none;
  }
  .ka__groupFrameLower{
        display: none;
  }
  .ka__cartList{
        height: 734px;
      overflow: auto;
  }
  .kaGroups{
        padding: 18px 10px;
  }
  .kaGroups{
    padding: 18px 10px;
  }
  .kaGroup{
        background: white;
        margin-bottom: 10px;
  }
  .kaGroup__accordionTitle{
        border: 0;
      padding: 0;
      background: none;
      display: flex;
      height: 82px;
      justify-content: space-between;
      width: 100%;
  }
  .kaGroup__title{
        margin: auto 0;
      font-family: 'YaleSolis-Bold';
      font-size: 24px;
      padding-left: 29px;
  }
  .kaGroup__arrowWrapper{
        padding-right: 34px;
      margin: auto 0;
  }
  .kaGroup__arroe{
      width: 28px;
      display: none;
      transform:rotate(180deg);
  }
  .kaGroup--hidden .kaGroup__arroe{
    transform:rotate(0deg);
  }
  .kaGroup__content{
        padding: 0px 18px;
        display: flex;
      flex-direction: column;
      padding-bottom: 23px;
  }
  .kaGroup__labelRow{
    display: flex;
      justify-content: space-between;
      padding: 0px 13px;
      line-height: 16px;
      padding-top: 5px;
      border-bottom: 1px solid rgba(0,0,0,0.1);
      padding-bottom: 5px;
  }
  .kaGroup__labelLeftWrapper{
        font-family: 'YaleSolis-Bold';
      width: calc(100% - 122px);
  }
  .kaGroup__labelRightWrapper{
        width: 107px;
      font-family: 'YaleSolis-Bold';
  }
  .kaGroup__emptyInner{
    height: 378px;
  }
  .kaGroup__emptyPlusWrapper{
        margin: auto;
      width: max-content;
      padding-top: 94px;
  }
  .kaGroup__emptyPlusImg{
    width: 40px;
  }
  .kaGroup__emptyText{
        text-align: center;
      font-size: 24px;
      margin-top: 22px;
  }
  .kaGroup__productList{
        display: none;
  }
  .kaGroup__unsavedButtonRow{
        display: none;
  }
  .kaGroup__savedButtonRow{
        display: none;
  }
  .kaGroups__createButton{
        display: none;
  }
  .ka__groupFrameLower{
      position: absolute;
      bottom: 0;
    background: #2D2C2E;
      color: white;
        height: 68px;
      width: 100%;
      left: 0;
  }
  .ka__groupSubtotalRow{
        display: flex;
      justify-content: flex-end;
      height: 100%;
      padding-right: 37px;
  }
  .ka__groupSubtotalText{
        margin: auto 0;
      font-family: 'YaleSolis-Bold';
      font-size: 24px;
      margin-right: 44px;
  }
  .ka__groupSubtotalPrice{
        margin: auto 0;
      font-family: 'YaleSolis-Bold';
      font-size: 24px;
  }
  .kaGroupProd{
        border-bottom: 1px solid rgba(0,0,0,.1);
  }
  .kaGroupProd__inner{
        display: flex;
      justify-content: space-between;
      padding: 19px 0;
  }
  .kaGroupProd__left{
        display: flex;
      width: calc(100% - 150px);
  }
  .kaGroupProd__image{
        width: 64px;
      height: 64px;
      object-fit: contain;
  }
  .kaGroupProd__titleWrapper{
    margin: auto 0;
      width: calc(100% - 64px);
      max-width: 320px;
  }
  .kaGroupProd__title{
        padding-left: 18px;
      line-height: 26px;
  }
  .kaGroupProd__right{
        display: flex;
      justify-content: space-between;
      width: 135px;
      box-sizing: border-box;
      padding-right: 28px;
  }
  .kaGroupProd__qtyWrapper{
        margin: auto 0;
  }
  .kaGroupProd__qty{
        font-family: 'YaleSolis-Bold';
      text-align: center;
      width: 36px;
  }
  .kaGroupProd__buttonWrapper{
        margin: auto 0;
  }
  .kaGroupProd__removeButton{
    padding: 0;
      border: 0;
      background: 0;
  }
  .kaGroupProd__removeButtonImg{
        width: 40px;
  }
  .kaCartItem__plusButton--disabled{
    filter:grayscale(1);
  }
  .kaGroups__createButton--hidden{
    display:none!important;
  }
  .kaRemovePopup{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.8);
      color: white;
  }
  .kaRemovePop__inner{
        width: calc(100% - 60px);
      margin: auto;
      padding-top: 186px;
  }
  .kaRemovePop__title{
        font-size: 24px;
      font-family: 'YaleSolis-Bold';
      max-width: 333px;
      margin: auto;
      text-align: center;
      line-height: 34px;
  }
  .kaRemovePop__buttonRow{
    display: flex;
      justify-content: center;
      margin-top: 42px;
  }
  .kaRemovePop__cancel{
        margin: 0px 9px;
      background: white;
      border: 0;
      border-radius: 20px;
      font-family: 'YaleSolis-Bold';
      padding: 4px 32px;
  }
  .kaRemovePop__remove{
        margin: 0px 9px;
      background: #F5CF00;
      border: 0;
      border-radius: 20px;
      font-family: 'YaleSolis-Bold';
      padding: 4px 32px;
  }
  .kaLeavePop{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:100000;
    width:100%;
    height:100%;
  }
  .kaLeavePop__background{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
  }
  .kaLeavePop__modal{
    position:absolute;
    background:white;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:calc(100% - 60px);
    max-width:806px;
    padding-top:116px;
    padding-bottom:80px;
    border-radius:10px;
  }
  .kaLeavePop__close{
        position: absolute;
      top: 5px;
      right: 14px;
      padding: 0;
      border: 0;
      background: 0;
      font-size: 20px;
      font-family: 'YaleSolis-Bold';
  }
  .kaLeavePop__inner{
        width: calc(100% - 60px);
      margin: auto;
  }
  .kaLeavePop__title{
        font-size: 24px;
      text-align: center;
  }
  .kaLeavePop__buttonRow{
        margin-top: 76px;
      display: flex;
      justify-content: center;
  }
  .kaLeavePop__keepShopping{
        display: block;
      margin: 0px 19px;
      font-size: 24px;
      font-family: 'YaleSolis-Bold';
      border: 2px solid black;
      border-radius: 30px;
      padding: 5px 46px;
  }
  .kaLeavePop__keepShopping:hover{
    border: 2px solid black!important;
  }
  .kaLeavePop__continue{
        display: block;
      margin: 0px 19px;
      font-size: 24px;
      font-family: 'YaleSolis-Bold';
      border: 2px solid #FFD800;
      border-radius: 30px;
      padding: 5px 46px;
      background: #FFD800;
  }
  .kaGroup__unsavedButtonRow, .kaGroup__savedButtonRow{
        width: max-content;
      margin-left: auto;
      padding-top: 33px;
  }
  .kaGroup__saveButton{
        background: #FFD800;
      font-family: 'YaleSolis-Bold';
      line-height: 16px;
      border: 0;
      padding: 10px 32px;
      border-radius: 30px;
  }
  .kaGroup__editButton{
    background: #FFD800;
      font-family: 'YaleSolis-Bold';
      line-height: 16px;
      border: 0;
      padding: 10px 32px;
      border-radius: 30px;
  }
  .kaGroup__removeButton{
    font-family: 'YaleSolis-Bold';
      line-height: 16px;
      border: 0;
      padding: 8px 30px;
      border-radius: 30px;
    background:white;
    border:2px solid black;
    marign-right:11px;
  }
  
  .kaGroups__createButton{
        background: #FFD800;
      font-family: YaleSolis-Bold;
      line-height: 21px;
      font-size: 21px;
      border: 0;
      padding: 17px 48px;
      border-radius: 30px;
      position: relative;
      left: 50%;
      transform: translate(-50%, 0);
  }
  .ka__groupButtonRow{
        display: flex;
      justify-content: space-between;
      margin-top: 48px;
      padding-bottom: 58px;
  }
  .ka__groupKeepShoppingButton{
      width: calc(50% - 13px);
      padding: 10px 10px;
      line-height: 22px;
      background: white;
      border: 2px solid black;
      height: min-content;
      font-family: 'YaleSolis-Bold';
      border-radius: 30px;
  }
  .ka__groupCompleteButton{
      width: calc(50% - 13px);
      padding: 10px 10px;
      line-height: 22px;
      height: min-content;
      background: #FFD800;
      border: 2px solid #FFD800;
      font-family: 'YaleSolis-Bold';
      border-radius: 30px;
  }
  .ka__groupCompleteButtonArrow{
      width: 10px;
      position: relative;
      top: -2px;
      margin-left: 8px;
  }
  .kaState__full--noScroll{
        height: 100%;
      overflow: hidden;
  }
  .kaM{
      display:none;
    }
  @media only screen and (max-width:1000px){
    .ka{
      display:none;
    }
    .kaM{
      display:block;
    }
    .kaM__banner{
          background-image: url(/cdn/shop/files/Rectangle_828.jpg?v=1663611520);
      background-size: cover;
      padding: 43px 0;
    }
    .kaM__bannnerInner{
          margin: auto;
      width: calc(100% - 60px);
      text-align: center;
    }
    .kaM__bannerTitle{
          font-family: 'YaleSolis-Bold';
      font-size: 28px;
    }
    .kaM__bannerText{
          font-size: 28px;
    }
    .kaM__instructions{
      margin: auto;
      margin-top: 33px;
      width: calc(100% - 60px);
      font-size: 18px;
      text-align: center;
      max-width: 600px;
      line-height: 25px;
      padding-bottom: 30px;
    }
    .kaM__groupsTitle{
          font-family: 'YaleSolis-Bold';
      margin: auto;
      width: calc(100% - 60px);
      max-width: 600px;
      padding-bottom: 11px;
    }
    .kaM__groupsEmptyWrapper{
          background: #F5F5F5;
      border-top: 1px solid rgba(0,0,0,0.1);
      height: 200px;
      display: flex;
    }
    .kaM__groupsEmpty{
          margin: auto;
    }
    .kaM__groupsEmptyCreateNew{
          font-family: 'YaleSolis-Bold';
      background: #FFD800;
      border: 0;
      border-radius: 30px;
      padding: 4px 32px;
    }
    .kaM__cartBox{
          border-top: 1px solid black;
      padding-bottom:50px;
    }
    .kaM__cartTitle{
          font-family: 'YaleSolis-Bold';
      margin: auto;
      width: calc(100% - 60px);
      max-width: 600px;
      padding-top: 23px;
    }
    .kaM__cartKeyRow{
          max-width: 660px;
      margin: auto;
      padding: 0px 30px;
      display: flex;
      border-bottom: 1px solid rgba(0,0,0,0.1);
      justify-content: space-between;
      margin-top: 15px;
      padding-bottom: 3px;
      font-family: 'YaleSolis-Bold';
      font-size: 14px;
    }
    .kaM__cartKeyLeftWrapper{
      width: calc(100% - 60px);
    }
    .kaM__cartKeyRightWrapper{
      width: 40px;
    }
    .kaMCartItem{
          border-bottom: 1px solid rgba(0,0,0,0.1);
      max-width: 660px;
      margin: auto;
      padding: 0px 30px;
    }
    .kaMCartItem__inner{
          display: flex;
      justify-content: space-between;
      padding: 20px 0;
    }
    .kaMCartItem__leftWrapper{
          width: calc(100% - 60px);
    }
    .kaMCartItem__left{
          display: flex;
    }
    .kaMCartItem__imgWrapper{
      width: 40px;
      margin: auto 0;
    }
    .kaMCartItem__img{
          width: 100%;
    }
    .kaMCartItem__titleWrapper{
          line-height: 22px;
      margin: auto 0;
    }
    .kaMCartItem__rightWrapper{
          width: 20px;
      padding-right: 20px;
      box-sizing: content-box;
      text-align: center;
      margin: auto 0;
    }
    .kaM__groupsList{
          background: #F5F5F5;
      padding-top: 10px;
      padding-bottom: 18px;
    }
    .kaM__groupWrapper{
      display: flex;
      background: white;
      margin-bottom: 8px;
      border-top: 1px solid rgba(0,0,0,0.2);
      border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    .kaM__group{
          margin: auto;
      background: 0;
      border: 0;
      width: calc(100% - 60px);
      display: flex;
      justify-content: space-between;
      max-width: 600px;
      padding: 13px 0px;
    }
    .kaM__groupTitleSide{
          display: flex;
      font-size: 18px;
      font-family: 'YaleSolis-Bold';
      margin: auto 0;
    }
    .kaM__groupNumber{
          margin-left: 3px;
    }
    .kaM__groupArrow{
      width: 10px;
    }
    .kaM__groupCard{
          position: fixed;
      background: white;
      top: 0;
      left: 0;
      z-index: 10000;
      width: 100%;
      height: 100%;
      overflow: auto;
      transform: translateX(100%);
      transition:all .2s;
    }
    .kaM__groupsAddNewWrapper{
          display: flex;
      padding-top:6px;
    }
    .kaM__groupsAddNew{
      font-family: YaleSolis-Bold;
      background: #FFD800;
      border: 0;
      border-radius: 30px;
      padding: 7px 32px;
      margin: auto;
    }
    .kaMFooter{
          position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 142px;
      background: #F5F5F5;
      z-index: 10000;
    }
    .kaMFooter__inner{
          max-width: 660px;
      margin: auto;
    }
    .kaMFooter__subtotalRow{
          padding: 0px 30px;
      border-bottom: 1px solid rgba(0,0,0,0.2);
      display: flex;
      justify-content: flex-end;
      height: 44px;
      font-family: 'YaleSolis-Bold';
    }
    .kaMFooter__subtotalText{
          margin: auto 0;
      margin-right: 14px;
    }
    .kaMFooter__subtotalPrice{
          margin: auto 0;
    }
    .kaMFooter__buttonWrapper{
          margin-top: 13px;
      display: flex;
    }
    .kaMFooter__completeButton, .kaMFooter__saveGroupButton{
          font-family: YaleSolis-Bold;
      background: #FFD800;
      border: 0;
      border-radius: 30px;
      padding: 8px 32px;
      margin: auto;
    }
    .kaMFooter__buttonArrow{
          width: 10px;
      margin-left: 5px;
      position: relative;
      top: -2px;
    }
    .kaMGroup__header{
          height: 54px;
      display: flex;
      border-bottom: 1px solid rgba(0,0,0,0.1);
      justify-content: center;
    }
    .kaMGroup__headerTitle{
          margin: auto 0;
      width: calc(100% - 75px);
      font-family: 'YaleSolis-Bold';
      max-width: 585px;
    }
    .kaMGroup__close{
          margin: auto 0;
      width: 15px;
      border: 0;
      padding: 0;
      background: 0;
      font-size: 20px;
    }
    .kaMGroup__titleRow{
          width: calc(100% - 60px);
      max-width: 600px;
      margin: auto;
      position: relative;
      padding-top: 18px;
      padding-bottom: 24px;
    }
    .kaMGroup__titleArrowButton{
          position: absolute;
      padding: 0;
      border: 0;
      background: 0;
      top: 50%;
      transform: translateY(-50%);
      height: 18px;
    }
    .kaMGroup__titleArrow{
          width: 10px;
      transform: rotate(180deg);
      position: relative;
      top: -6px;
    }
    .kaMGroup__titleWrapper{
          display: flex;
      justify-content: center;
      font-size: 24px;
      font-family: 'YaleSolis-Bold';
      line-height: 24px;
    }
    .kaMGroup__keyRow{
          display: flex;
      width: 100%;
      max-width: 660px;
      margin: auto;
      border-bottom: 1px solid rgba(0,0,0,0.1);
      padding: 0px 30px;
      padding-bottom: 3px;
      justify-content: space-between;
      font-size: 14px;
      font-family: 'YaleSolis-Bold';
    }
    .kaMGroup__keyLeftWrapper{
          width: calc(100% - 173px);
    }
    .kaMGroup__keyRightWrapper{
          width: 151px;
    }
    .kaMProd{
          width: 100%;
      max-width: 660px;
      margin: auto;
      border-bottom: 1px solid rgba(0,0,0,0.1);
      padding: 10px 30px;
    }
    .kaMProd__inner{
          display: flex;
      justify-content: space-between;
      min-height: 76px;
    }
    .kaMProd__leftWrapper{
          width: calc(100% - 173px);
      margin: auto 0;
    }
    .kaMProd__left{
      display: flex;
    }
    .kaMProd__imageWrapper{
          margin: auto 0;
    }
    .kaMProd__image{
          width: 40px;
    }
    .kaMProd__titleWrapper{
      margin: auto 0;
      margin-left: 10px;
    }
    .kaMProd__rightWrapper{
          width: 158px;
      margin: auto 0;
    }
    .kaMProd__right{
          display: flex;
      justify-content: space-between;
      margin: auto 0;
    }
    .kaMProd__qtyWrapper{
      width: 38px;
      text-align: center;
      margin: auto 0;
    }
    .kaMProd__plusButton{
          padding: 0;
      border: 0;
      background: 0;
    }
    .kaMProd__plusButton--disabled{
      filter:grayscale(1);
    }
    .kaMProd__plusImg{
          width: 40px;
    }
    .kaMProd__minusButton{
          padding: 0;
      border: 0;
      background: 0;
    }
    .kaMProd__minusImg{
          width: 40px;
    }
    .kaMGroup__removeWrapper{
          display: flex;
      padding-top: 30px;
    }
    .kaMGroup__removeButton{
          font-family: YaleSolis-Bold;
      background: #FFD800;
      border: 0;
      border-radius: 30px;
      padding: 8px 32px;
      margin: auto;
    }
    .kaMGroup__removePopup{
          position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.8);
      display: flex;
    }
    .kaMGroup__removePopInner{
          margin: auto;
      width: calc(100% - 60px);
      max-width: 600px;
    }
    .kaMGroup__removePopTitle{
          text-align: center;
      color: white;
      font-size: 24px;
      font-family: 'YaleSolis-Bold';
    }
    .kaMGroup__removePopButtonRow{
          margin-top: 30px;
      display: flex;
      justify-content: center;
    }
    .kaMGroup__removePopCancel{
          display: block;
      margin: 0 19px;
      font-size: 18px;
      font-family: YaleSolis-Bold;
      border: 2px solid black;
      border-radius: 30px;
      padding: 5px 46px;
    }
    .kaMGroup__removePopRemove{
          display: block;
      margin: 0 19px;
      font-size: 18px;
      font-family: YaleSolis-Bold;
      border: 2px solid #FFD800;
      border-radius: 30px;
      padding: 5px 46px;
      background: #FFD800;
    }
    #edit-keyed-alike #talkable-offer{
      display:none!important;
    }
  }
  .miniCartKA__text{
      font-size: 13px;
      font-family: 'YaleSolis-Bold';
    margin-bottom:5px;
    line-height: 17px;
  }
  .miniCartKA__prodTitleAdjust{
    line-height:22px;
  }
  .miniCartKA__textProperty{
        font-family: 'YaleSolis-Regular';
  }
  .miniCartKA__prodTitleAdjust .item-title{
    padding-bottom:8px;
  }
  .miniCartKA__editLinkWrapper{
    margin-top: 16px;
  }
  .miniCartKA__editLink{
        font-size: 14px;
      border: 1px solid black;
      border-radius: 30px;
      padding: 5px 35px;
      display: block;
      width: max-content;
  }
  .miniCartKA__qtyWrapperKey > div{
        width: 60px;
      min-width: 0;
      border: 1px solid #cccdcd;
      border-radius: 30px;
  }
  .miniCartKA__qtyWrapperKey input{
    border:0;
  }
  .miniCartKA__checkoutButton{
        font-family: 'YaleSolis-Bold';
      font-size: 16px!important;
    text-transform:none!important;
      background: #F5CF00;
      color: black;
      border: 0;
      padding: 18px 0 !important;
  }
  .miniCartKA__checkoutButton:hover{
    background: #F5CF00 !important;
      color: black !important;
  }
  .miniCartKA__checkoutButton i{
        position: relative;
      left: 3px;
      top: 1px;
  }
  #keyedAlike{
    display:none;
  }
  .pdpKA, .pdpKA--assureLanding{
        background: #F5F5F5;
      margin-top: 14px;
      border-radius: 8px;
      padding: 16px;
    color:black;
  }
  .pdpKA__inner{
        display: flex;
  }
  .pdpKA__icon{
        width: 64px;
      mix-blend-mode: multiply;
  }
  .pdpKA__right{
        padding-left: 20px;
  }
  .pdpKA__title{
        font-size: 18px;
      font-family: 'YaleSolis-Bold';
  }
  .pdpKA__text{
        font-size: 13px;
      color: #2d2C2E;
  }
  .pdpKA__inputRow{
        display: flex;
      margin-top: 8px;
  }
  .pdpKA__checkbox{
        width: 24px;
      height: 24px;
      border: 2px solid black;
      margin: auto 0;
  }
  .pdpKA__inputTextWrapper{
        font-size: 16px;
      font-family: 'YaleSolis-Bold';
      margin-left: 16px;
  }
  
  .kaM button, .kaM a, .kaM button:visited, .kaM a:visited, .kaM button:target, .kaM a:target , .kaM button:focus, .kaM a:focus{
    color:black!important;
  }
  
  @media only screen and (max-width:1000px){
    .pdpKAPop__buttonRow{
          flex-direction: column;
    }
    .pdpKAPop__continueButton{
          margin: 0;
      margin-bottom: 20px;
    }
    .pdpKAPop__editButton{
          text-align: center;
    }
  }
  
  .ka__groupButtonRow{
    position: fixed;
      bottom: 0;
      z-index: 999999;
      width: 100vw;
      height: 80px;
      padding: 0;
      margin: 0;
      left: 0;
      background: white;
      padding: 0px 30px;
      justify-content: center;
      border-top: 1px solid rgba(0,0,0,.2);
  }
  .ka__groupKeepShoppingButton{
    margin: auto 0;
      max-width: 350px;
      margin-right: 15px;
  }
  .ka__groupCompleteButton{
        margin: auto 0;
      max-width: 350px;
  }
  .removeWrapperKA{
    display:none;
  }
  .miniCartKA__qtyWrapperKey{
    display:none;
  }
  .miniCartKA__text--groups{
        margin-bottom: -39px;
  }
  .kaLeavePop__buttonRow{
        flex-direction: column;
      margin-top: 30px;
  }
  .kaLeavePop__keepShopping{
        text-align: center;
      margin: auto;
      display: block;
      margin-bottom: 20px;
      max-width: 420px;
      width: 100%;
  }
  .kaLeavePop__continue{
        margin: auto;
      display: block;
      max-width: 420px;
      width: 100%;
  }
  
  .smartPDP__qtyWrapper{
        width: 26.5%;
  }
  .smartPDP__qtyBox{
        display: flex;
      border: 1px solid rgba(0,0,0,0.2);
      position: relative;
      height: 56px;
      border-radius: 30px;
  }
  .smartPDP__qtyMinus{
        padding: 0;
      margin: auto 0;
      background: 0;
      border: 0;
      position: absolute;
      top: 9px;
      left: 12px;
  }
  .samrtPDP__qtyMinusImg{
        width: 14px;
  }
  .smartPDP__qty{
        padding: 0;
      margin: 0;
      background: 0;
      border: 0;
      width: 100%;
      text-align: center;
      height: 100%;
      font-size: 24px;
      font-weight: bold;
  }
  .smartPDP__qtyPlus{
        padding: 0;
      background: 0;
      border: 0;
      margin: auto 0;
      position: absolute;
      top: 9px;
      right: 12px;
  }
  .samrtPDP__qtyPlusImg{
        width: 14px;
  }
  
  .smartPDP__learnWrapper{
        width: 27%;
      margin: auto 0;
  }
  .smartPDP__learn{
        font-size: 24px;
      font-weight: bold;
      text-decoration: underline;
  }
  
  .smartPDP__buyWrapper{
    width: 35%;
      height: 56px;
  }
  .al2Prod__buyButtonRow{
        justify-content: space-between;
      flex-wrap: wrap;
  }
  .smartPDP__buyWrapper .al2Prod__buyButton{
    width:100%;
  }
  
  .pdpKA--assureLanding{
        margin-bottom: 16px;
  }
  .al2Prod__buyButton{
    height:100%;
  }
  
  @media only screen and (max-width: 1000px){
    .al2Prod__buyButtonRow .smartPDP__qtyMinus, .al2Prod__buyButtonRow .smartPDP__qtyPlus{
      top:15px;
    }
    .al2Prod__buyButtonRow .smartPDP__learnWrapper{
          width: 100%;
      margin-top: 20px;
    }
    .al2Prod__buyButtonRow .smartPDP__qtyWrapper, .al2Prod__buyButtonRow .smartPDP__buyWrapper{
          width: calc(50% - 10px);
    }
  }
  
  #cartDrawer{
        z-index: 99999999;!important;
  }
  
  .al2Break__text a{
    color:#FFD800;
    font-weight:bold;
  }
  
  .quantity-wrapper{
        border: 1px solid #cccdcd;
      border-radius: 40px;
      overflow: hidden;
  }
  .quantity-wrapper input{
    border:0;
  }
  .quantity-wrapper a{
    border:0;
  }
  
  .zBanner{
        height: 400px;
      display: flex;
      width: 100%;
  }
  .zBanner__left{
        background: linear-gradient(135deg, #FFF7CC 0%, rgba(255, 247, 204, 0) 100%), linear-gradient(180deg, #FCF0A2 0%, #FFDA04 100%);
      width: 50%;
      display: flex;
  }
  .zBanner__inner{
        width: calc(100% - 30px);
      margin-left: auto;
      max-width: 576px;
      display: flex;
  }
  .zBanner__contentWrapper{
        width: calc(100% - 30px);
      margin: auto;
  }
  .zBanner__iconWrapper{
        margin-bottom: 24px;
  }
  .zBanner__icon{
        width: 165px;
  }
  .zBanner__title{
        font-size: 24px!important;
      line-height: 28px!important;
  }
  .zBanner__right{
        width: 50%;
  }
  .zBanner__imgWrapper{
        width: 100%;
      height: 100%;
  }
  .zBanner__img{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .zNew{
    position: relative;
      padding: 31px 0;
  }
  .zNew__bkgWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
  }
  .zNew__bkg{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .zNew__inner{
        position: relative;
      margin: auto;
      max-width: 402px;
  }
  .zNew__text{
        color: white;
      font-weight: bold;
      line-height: 28.8px;
      font-size: 24px;
      text-align: center;
  }
  .zIcons{
        padding-top: 48px;
  }
  .zIcons__inner{
        margin: auto;
      width: calc(100% - 60px);
  }
  .zIcons__title{
        font-size: 32px;
      line-height: 38.4px;
      font-weight: bold;
      text-align: center;
  }
  .zIcons__text{
        max-width: 624px;
      margin: auto;
      font-size: 18px;
      line-height: 21.6px;
      margin-top: 16px;
      text-align: center;
  }
  .zIcons__flex{
        margin-top: 24px;
      display: flex;
      justify-content: center;
  }
  .zIcons__iconBox{
        width: 100%;
      max-width: 260px;
      margin: 0px 8px;
      height: 80px;
  }
  .zIcons__iconInner{
        display: flex;
      height: 100%;
  }
  .zIcons__left{
        margin: auto 0;
  }
  .zIcons__icon{
        width: 64px;
  }
  .zIcons__right{
        margin: auto 0;
      padding-left: 14px;
  }
  .zIcons__label{
    font-size: 16px;
      font-weight: bold;
      line-height: 19.2px;
  }
  .zThree{
        padding-top: 80px;
  }
  .zThree__inner{
        max-width: 1150px;
      margin: auto;
      width: calc(100% - 60px);
  }
  .zThree__top{
        display: flex;
      margin-bottom: 32px;
  }
  .zThree__left{
        width: calc(50% - 20px);
      max-width: 543px;
      font-size: 32px;
      font-weight: bold;
      line-height: 39px;
  }
  .zThree__right{
        display: flex;
      padding-left: 40px;
  }
  .zThree__logoWrapper{
        margin: auto 8px;
  }
  .zThree__logo{
        height: 48px;
  }
  .zThree__flex{
        display: flex;
      justify-content: space-between;
  }
  .zThreeCard{
    width: calc((100% - 24px) / 3);
      position: relative;
      background: #F5F5F5;
  }
  .zThreeCard__imgWrapper{
        width: 100%;
      height: 0;
      padding-top: 68.2%;
      position: relative;
  }
  .zThreeCard__img{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .zThreeCard__inner{
        padding: 16px;
      padding-bottom: 32px;
  }
  .zThreeCard__title{
        font-size: 24px;
      line-height: 29px;
  }
  .zThreeCard__text{
    margin-top: 8px;
      font-size: 16px;
      line-height: 19px;
  }
  .zTwo{
        padding-top: 96px;
  }
  .zTwo__inner{
        max-width: 1150px;
      margin: auto;
      width: calc(100% - 60px);
  }
  .zTwo__title{
        font-size: 32px;
      line-height: 39px;
      font-weight: bold;
      margin-bottom: 32px;
  }
  .zTwo__cardFlex{
        display: flex;
      justify-content: space-between;
  }
  .zTwoCard{
        background: #F5F5F5;
      width: calc((100% - 20px) / 2);
      display: flex;
      min-height: 309px;
  }
  .zTwoCard__left{
        width: calc(100% - 206px);
  }
  .zTwoCard__inner{
        display: flex;
      padding: 32px 24px;
      height: 100%;
  }
  .zTwoCard__textWrapper{
        margin-top: auto;
  }
  .zTwoCard__title{
        font-size: 24px;
      line-height: 29px;
      margin-bottom: 8px;
  }
  .zTwoCard__text{
        font-size: 14px;
      line-height: 17px;
  }
  .zTwoCard__right{
        width: 206px;
      height: 100%;
      position: relative;
  }
  .zTwoCard__imgWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .zTwoCard__img{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .zTwoCard{
        background: #F5F5F5;
      width: calc((100% - 20px) / 2);
  }
  .zTwo__partnerRow{
        margin-top: 80px;
  }
  .zTwo__partnerRowInner{
        margin: auto;
      display: flex;
      justify-content: center;
  }
  .zTwo__partnerRowIconWrapper{
        margin: auto 0;
      margin-right: 24px;
  }
  .zTwo__partnerRowIcon{
        width: 48px;
  }
  .zTwo__partnerRowTitle{
    font-size: 20px;
      line-height: 24px;
      margin: auto 0;
      max-width: 237px;
  }
  .zTwo__partnerRowLine{
        width: 1px;
      background: black;
      margin: 0px 24px;
  }
  .zTwo__partnerRowText{
        font-size: 16px;
      line-height: 19px;
      max-width: 417px;
  }
  .zTwo__partnerRowText p{
    margin:0;
  }
  .zTwo__learnLink{
        margin: auto;
      margin-top: 24px;
      display: block;
      width: max-content;
      text-decoration: underline;
      font-weight: bold;
      font-size: 16px;
  }
  .accessCollection--zwave{
        padding-top: 80px;
  }
  .accessCollection--zwave .accessCollection__title{
    max-width: none;
  }
  .zFaq{
        padding-top: 48px;
  }
  .zFaq__inner{
        max-width: 1150px;
      margin: auto;
      width: calc(100% - 60px);
  }
  .zFaq__legal{
        margin: auto;
      max-width: 680px;
      padding-bottom: 40px;
  }
  .zFaq__legalInner{
        font-size: 12px;
      line-height: 14px;
      text-align: center;
  }
  .zFaq__seeMoreRow{
        padding-top: 32px;
      padding-bottom: 48px;
  }
  .zFaq__seeMoreLink{
        margin: auto;
      width: max-content;
      display: flex;
  }
  .zFaq__seeMoreText{
        margin-right: 8px;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 16px;
      text-decoration: underline;
  }
  .zFaq__seeMoreArrow{
        width: 13px;
      margin: auto 0;
      height: 12px;
  }
  @media only screen and (max-width:900px){
    .zBanner{
          flex-direction: column-reverse;
      height: auto;
    }
    .zBanner__left{
          width: 100%;
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .zBanner__inner{
          margin: auto;
    }
    .zBanner__iconWrapper{
          margin: auto;
      margin-bottom: 24px;
      width: max-content;
    }
    .zBanner__titleWrapper{
          text-align: center;
    }
    .zBanner__right{
          width: 100%;
    }
    .zNew__inner{
          width: calc(100% - 60px);
    }
    .zIcons__flex{
          flex-wrap: wrap;
    }
    .zThree__top{
          flex-direction: column;
    }
    .zThree__left{
      width: 100%;
      text-align: center;
      max-width: 640px;
      margin: auto;
      margin-bottom: 30px;
    }
    .zThree__right{
          padding: 0;
      justify-content: center;
      flex-wrap: wrap;
    }
    .zThree__flex{
          flex-direction: column;
      max-width: 480px;
      margin: auto;
    }
    .zThreeCard{
      width: 100%;
      margin-bottom: 20px;
    }
    .zTwo{
          padding-top: 30px;
    }
    .zTwo__title{
          width: 100%;
      text-align: center;
      max-width: 640px;
      margin: auto auto 30px;
    }
    .zTwo__cardFlex{
          flex-direction: column;
      margin: auto;
      max-width: 640px;
    }
    .zTwoCard{
          width: 100%;
      margin-bottom: 20px;
    }
    .zTwoCard__left{
      width: 65%;
    }
    .zTwoCard__right{
          width: 35%;
      height: auto;
    }
    .zTwo__partnerRow{
          margin-top: 40px;
    }
    .zTwo__partnerRowInner{
      flex-wrap: wrap;
      max-width: 640px;
    }
    .zTwo__partnerRowLine{
      display: none;
    }
    .zTwo__partnerRowText{
          width: 100%;
      max-width: none;
      text-align: center;
      margin-top: 30px;
    }
    .accessCollection--zwave{
          padding-top: 20px;
    }
    .zTwo__title, .zThree__left, .zIcons__title{
          font-size: 24px;
      line-height: 29px;
    }
  }
  @media only screen and (max-width:500px){
    .zTwoCard{
          flex-direction: column-reverse;
      min-height: 0;
    }
    .zTwoCard__left{
      width: 100%;
    }
    .zTwoCard__right{
          width: 100%;
      height: 200px;
    }
  }
  
  
  .smartBanner{
        position: relative;
      padding-top: 163px;
      padding-bottom: 150px;
  }
  .smartBanner__bkg{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .smartBanner__desktop{
        width: 100%;
      height: 100%;
  }
  .smartBanner__img{
    width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .smartBanner__mobile{
        display: none;
    width: 100%;
      height: 100%;
  }
  .smartBanner__inner{
        position: relative;
      width: calc(100% - 60px);
      margin: auto;
      max-width: 1311px;
  }
  .smartBanner__title{
        color: white;
      font-size: 48px!important;
      max-width: 500px;
      line-height: 60px;
  }
  .smartSecond{
        padding-top: 34px;
    padding-bottom:71px;
  }
  .smartSecond__inner{
        width: calc(100% - 60px);
      max-width: 1088px;
      margin: auto;
  }
  .smartSecond__text{
        margin: auto;
      max-width: 867px;
      font-size: 24px;
      line-height: normal;
      text-align: center;
  }
  .smartSecond__iconFlex{
        display: flex;
      justify-content: space-between;
      padding-top: 18px;
  }
  .smartSecond__icon{
        display: flex;
      width: 224px;
  }
  .smartSecond__iconImgWrapper{
    width: 84px;
      height: 84px;
      margin: auto 0;
  }
  .smartSecond__iconImg{
        width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .smartSecond__iconTextWrapper{
        margin: auto 0;
      margin-left: 16px;
        width: 132px;
  }
  .smartSecond__iconText{
    font-size: 16px;
      font-weight: bold;
        line-height: normal;
  }
  .smartSBS{
    background: #F5F5F5;
      padding: 20px 0;
  }
  .smartSBS__inner{
        width: calc(100% - 60px);
      max-width: 1266px;
      margin: auto;
      display: flex;
      justify-content: space-between;
  }
  .smartSBS__textWrapper{
        width: 40%;
      padding-right: 30px;
      max-width: 422px;
      margin: auto 0;
  }
  .smartSBS__textInner{
        padding-bottom: 46px;
  }
  .smartSBS__title{
        font-size: 34px;
      font-weight: bold;
      margin-bottom: 15px;
      line-height: normal;
  }
  .smartSBS__text{
        font-size: 24px;
      line-height: normal;
  }
  .smartSBS__imageWrapper{
        width: 59.7%;
      height: 382px;
  }
  .smartSBS__image{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .smartSBS__image--mobile{
    display:none;
  }
  .smartPDP{
        padding-top: 50px;
        padding-bottom: 24px;
  }
  .smartPDP__inner{
    width: calc(100% - 60px);
      max-width: 1266px;
      margin: auto;
      display: flex;
      justify-content: space-between;
  }
  .smartPDP__gallerySide{
        width: 55%;
  }
  .smartPDP__galleries{
        display: flex;
      justify-content: space-between;
  }
  .smartPDP__thumbsWrapper{
        width: 72px;
    height:512px;
  }
  .smartPDP__thumbs{
        padding-top: 15px;
    height:100%;
  }
  .smartPDP__thumbs .slick-prev{
        width: 62px;
      height: 55px;
      background: none;
      background-image: url(/cdn/shop/files/Arrow_Nav_2.png?v=1678739672);
      color: transparent;
      background-size: contain;
      border: 0;
      background-repeat: no-repeat;
      position: relative;
      left: 5px;
  }
  .smartPDP__imagesWrapper{
    width: calc(100% - 92px);
  }
  .smartPDP__infoSide{
        width: calc(45% - 38px);
  }
  .smartThumb__inner{
        width: 100%;
      height: 0px;
      padding-top: calc(100% + 14px);
      position: relative;
  }
  .smartThumb__img{
    position: absolute;
      top: 7px;
      left: 0;
      width: 100%;
      height: calc(100% - 14px);
      object-fit: cover;
  }
  .smartPDP__thumbs .slick-next{
        width: 62px;
      height: 55px;
      background: none;
      background-image: url(/cdn/shop/files/Arrow_Nav_3.png?v=1678739672);
      color: transparent;
      background-size: contain;
      border: 0;
      background-repeat: no-repeat;
      position: relative;
      left: 5px;
  }
  .smartImage__inner{
        height: 532px;
  }
  .smartImage__img{
        width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .smartPDP__icons{
        margin-top: 13px;
  }
  .smartPDP__iconsTitle{
        font-weight: bold;
      font-size: 18px;
  }
  .smartPDP__iconsFlex{
    display: flex;
      flex-wrap: wrap;
  }
  .smartPDP__icon{
        margin-right: 10px;
  }
  .smartPDP__iconImg{
        height: 30px;
  }
  .smartPDP__oldPrice{
    opacity: .4;
    text-decoration:line-through;
  }
  .smartPDP__title{
    font-weight: bold;
      font-size: 34px;
      line-height: normal;
      padding-top: 1px;
  }
  .smartPDP__priceRow{
        font-size: 28px;
      font-weight: bold;
      line-height: normal;
      display: flex;
      margin-top: 12px;
  }
  .smartPDP__features{
        background: #F5F5F5;
      margin-top: 10px;
      padding: 16px;
    margin-bottom:12px;
  }
  .smartPDP__featuresInner{
        padding-left: 8px;
  }
  .smartPDP__featuresTitle{
        font-weight: bold;
  }
  .smartPDP__featuresText ul{
        padding-left: 24px;
      line-height: 24px;
      padding-top: 4px;
  }
  .smartPDP__featuresText ul li{
        margin-bottom: 3px;
  }
  .smartPDP__tech, .smartPDP__compat{
        background: #F5F5F5;
      padding: 0px 16px;
      margin-bottom: 12px;
  }
  .smartPDP__techButton, .smartPDP__compatButton{
        display: flex;
      justify-content: space-between;
      border: 0;
      padding: 11px 16px;
    background:none;
      width: 100%;
  }
  .smartPDP__techTitle, .smartPDP__compatTitle{
        margin: auto 0;
      font-weight: bold;
  }
  .smartPDP__arrow{
        margin: auto 0;
      width: 18px;
    transform:rotate(0deg);
    transition: all .2s;
  }
  
  .smartPDP__compatText, .smartPDP__techText{
    padding-bottom: 1px;
  }
  .smartPDP__compatText ul, .smartPDP__techText ul{
        padding-left: 40px;
      line-height: 24px;
      padding-top: 0px;
  }
  .smartPDP__compatText ul li, .smartPDP__techText ul li{
      margin-bottom: 3px;
  }
  .smartPDP__accordion--active .smartPDP__arrow{
      transform:rotate(180deg);
  }
  .smartPDP__buyRow{
        display: flex;
      justify-content: space-between;
  }
  .smartPDP__qtyWrapper{
        width: 26.5%;
  }
  .smartPDP__qtyBox{
        display: flex;
      border: 1px solid rgba(0,0,0,0.2);
      position: relative;
      height: 56px;
      border-radius: 30px;
  }
  .smartPDP__qtyMinus{
        padding: 0;
      margin: auto 0;
      background: 0;
      border: 0;
      position: absolute;
      top: 9px;
      left: 12px;
  }
  .samrtPDP__qtyMinusImg{
        width: 14px;
  }
  .smartPDP__qty{
        padding: 0;
      margin: 0;
      background: 0;
      border: 0;
      width: 100%;
      text-align: center;
      height: 100%;
      font-size: 24px;
      font-weight: bold;
  }
  .smartPDP__qtyPlus{
        padding: 0;
      background: 0;
      border: 0;
      margin: auto 0;
      position: absolute;
      top: 9px;
      right: 12px;
  }
  .samrtPDP__qtyPlusImg{
        width: 14px;
  }
  .smartPDP__buyWrapper{
    width: 35%;
      height: 56px;
  }
  .smartPDP__buy{
        width: 100%;
      background: #FFD800;
      border: 0;
      height: 100%;
      border-radius: 30px;
      font-weight: bold;
      font-size: 24px;
  }
  .smartPDP__learnWrapper{
        width: 27%;
      margin: auto 0;
  }
  .smartPDP__learn{
        font-size: 24px;
      font-weight: bold;
      text-decoration: underline;
  }
  .smartShop{
        height: 219px;
      position: relative;
  }
  .smartShop__bkg{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .smartShop__bkgImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .smartShop__inner{
    display: flex;
      flex-direction: column;
      position: relative;
      width: calc(100% - 60px);
      margin: auto;
      height: 100%;
      justify-content: center;
  }
  .smartShop__title{
        font-size: 24px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 37px;
      line-height: normal;
  }
  .smartShop__buttonWrapper{
    display: flex;
      width: 100%;
  }
  .smartShop__button{
    display: block;
      margin: auto;
      height: 50px;
      font-size: 16px;
      font-weight: bold;
      text-decoration: none!important;
      background: #FFD800;
      line-height: 50px;
      padding: 0px 43px;
      border-radius: 40px;
  }
  .smartMatterSBS .smartSBS__inner{
    flex-direction: row-reverse;
  }
  .smartMatterPDP .smartPDP__inner{
    flex-direction: row-reverse;
  }
  .smartMatterPDP .smartPDP__galleries{
    flex-direction: row-reverse;
  }
  .smartPDP__infoSide .notifyMe__message{
        color: black;
      font-size: 24px;
  }
  .smartPDP--mobile{
    display:none;
  }
  @media only screen and (max-width:1150px){
    .smartPDP__buyRow{
      flex-wrap: wrap;
    }
    .smartPDP__qtyWrapper{
          width: 48%;
    }
    .smartPDP__buyWrapper{
          width: 48%;
    }
    .smartPDP__learnWrapper{
          width: 100%;
      margin-top: 10px;
    }
  }
  
  @media only screen and (max-width:950px){
    .smartBanner{
          padding-top: 0;
      padding-bottom: 0;
    }
    .smartBanner__bkg{
          position: relative;
    }
    .smartBanner__desktop{
          display: none;
    }
    .smartBanner__mobile{
          display: block;
      height: 390px;
    }
    .smartBanner__title{
          color: black;
      text-align: center;
      margin: auto;
      margin-top: 10px;
    }
    .smartSecond{
          padding-top: 16px;
          padding-bottom: 20px;
    }
    .smartSecond__iconFlex{
      flex-wrap: wrap;
      padding-top: 34px;
    }
    .smartSecond__icon{
      width: 50%;
      flex-direction: column;
      padding: 0px 10px;
      margin-bottom: 32px;
    }
    .smartSecond__iconImgWrapper{
      margin: auto;
    }
    .smartSecond__iconTextWrapper{
          width: 100%;
      margin: 0;
      text-align: center;
    }
    .smartSBS{
      padding: 0;
    }
    .smartSBS__inner{
          flex-direction: column!important;
      width: 100%;
    }
    .smartSBS__textWrapper{
      margin: auto;
      width: calc(100% - 60px);
      max-width: none;
      padding-top: 32px;
    }
    .smartSBS__textInner{
      padding-bottom: 24px;
    }
    .smartSBS__title{
      font-size: 24px;
    }
    .smartSBS__imageWrapper{
          width: 100%;
      height: 328px;
    }
    .smartSBS__image--desktop{
      display: none;
    }
    .smartSBS__image--mobile{
      display: block;
    }
    .smartPDP{
          padding-top: 31px;
    }
    .smartPDP__inner{
          flex-direction: column!important;
    }
    .smartPDP__infoSide{
          width: 100%;
    }
    .smartPDP__priceRow{
          font-size: 24px;
    }
    .smartPDP__qtyWrapper{
          width: calc(50% - 10px);
    }
    .smartPDP__buyWrapper{
      calc(50% - 10px);
    }
    .smartPDP__learnWrapper{
      text-align:center;
    }
    .smartPDP--mobile{
      display:block;
    }
    .smartPDP--desktop{
      display:none;
    }
    .smartPDP__gallerySide{
      width: 100%;
    }
    .smartPDP__galleries{
          flex-direction: column-reverse!important;
    }
    .smartPDP__thumbsWrapper{
          width: 100%;
      max-width:250px;
      margin:auto;
      height: auto;
    }
    .smartPDP__thumbsWrapper{
      position: relative;
      margin-top: 20px;
      margin-bottom:10px;
    }
    .smartPDP__thumbs{
      padding-top: 0;
    }
    .smartPDP__thumbs .slick-prev{
      position: absolute;
      transform: translateY(-50%) rotate(-90deg);
      top: 50%;
      right: 100%;
      left: auto;
    }
    .smartThumb__inner{
      padding-top: calc(100% - 14px);
    }
    .smartThumb__img{
      height: 100%;
      width: calc(100% - 14px);
      top: 0;
      left: 7px;
    }
    .smartPDP__thumbs .slick-next{
      position: absolute;
      transform: translateY(-50%) rotate(-90deg);
      top: 50%;
      left: 100%;
      right: auto;
    }
    .smartPDP__imagesWrapper{
          width: 100%;
      max-width: 600px;
      margin: auto;
    }
    .smartPDP__buyRow{
          padding-top: 10px;
      padding-bottom: 20px;
    }
  }
  .zWaveBar{
        padding-top: 50px;
  }
  .zWaveBar__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1310px;
      display: flex;
  }
  .zWaveBar__left{
        width: 55%;
  }
  .zWaveBar__text{
    font-weight: bold;
      font-size: 26px;
      line-height: 35px;
  }
  .zWaveBar__right{
        display: flex;
      width: 45%;
  }
  .zWaveBar__img{
        margin: auto;
      width: 140px;
  }
  @media only screen and (max-width:900px){
    .zWaveBar__inner{
      flex-direction: column-reverse;
      max-width: 650px;
    }
    .zWaveBar__left{
          width: 100%;
    }
    .zWaveBar__right{
          width: 100%;
      margin-bottom: 30px;
    }
  }
  #now-available-at-lowes-stores-yale-assure-lock®-2 #shopify-section-header{
      display:none;
    }
  
  #shopify-section-smartMod-newProd .al2Prod{
    padding-bottom:30px;
  }
  #shopify-section-smartMod-newProd .al2Prod__techContainer{
    margin-bottom:30px;
  }
  #shopify-section-smartMod-newProd .al2Prod__accessTitleImageWrapper{
    display:none!important;
  }
  #shopify-section-smartMod-newProd .al2Prod__accessButton{
        padding: 7px 0 10px;
  }
  #shopify-section-smartMod-newProd .al2Prod__accessButtonInner{
            padding-top: 0;
  }
  
  .downloadCards{
        padding-top: 40px;
      background: #F5F5F5;
    padding-bottom:60px;
    margin-bottom:40px;
  }
  .downloadCards__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1312px;
  }
  .downloadCards__title{
    font-family: YaleSolis-Bold;
      font-size: 34px;
      line-height: 42px;
    text-align:center;
  }
  .downloadCards__text{
    max-width: 770px;
      font-size: 16px;
      line-height: 27px;
      text-align: center;
      margin: auto;
      margin-top: 20px;
  }
  .downloadCards__flex{
        display: flex;
      justify-content: space-between;
      max-width: 1000px;
      margin: auto;
      margin-top: 60px;
  }
  .downloadCard{
    background: white;
      border-radius: 7px;
      overflow: hidden;
      width: calc(50% - 15px);
    transition:all .2s;
    transform:translateY(0px);
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.2));
  }
  .downloadCard:hover{
    filter: drop-shadow(1px 3px 3px rgba(0,0,0,0.2));
    transform:translateY(-3px);
  }
  
  .downloadCard__inner{
    display: block;
  }
  .downloadCard__inner:hover{
    text-decoration:none;
    border:0;
  }
  .downloadCard__logoWrapper{
        display: block;
      margin: auto;
      height: 100px;
      background: black;
        height: 80px;
        padding: 12px 0;
  }
  .downloadCard:last-of-type .downloadCard__logoWrapper{
    padding: 15px 0;
  }
  .downloadCard__logo{
        display: block;
      height: 100%;
      margin: auto;
  }
  .downloadCard__downloadIconRow{
        display: flex;
    padding:20px;
  }
  .downloadCard__downloadIcon{
        display: block;
      width: 40px;
      height: auto;
      margin: auto 0;
      margin-top: 0px;
      margin-right: 10px;
    filter:contrast(2);
  }
  .downloadCard__textWrapper{
        width: calc(100% - 50px);
  }
  .downloadCard__title{
        font-family: YaleSolis-Bold;
      font-size: 20px;
  }
  .downloadCard__text{
        font-size: 16px;
      line-height: 21px;
      margin-top: 10px;
  }
  #shopify-section-downloadThreeUp .accessThree{
        padding-bottom: 40px;
  }
  #shopify-section-downloadSecondApps .accessLinks{
        padding-bottom: 20px;
  }
  .accessHero__backgroundImage--desktop{
    display:block;
  }
  .accessHero__backgroundImage--mobile{
    display:none;
  }
  .accessIcons__iconFlex--four{
        max-width: 580px;
  }
  @media only screen and (max-width:900px){
    .downloadCards{
          padding-top: 0;
      padding-bottom: 20px;
      margin-bottom: 0px;
    }
    .downloadCards__title{
      font-size: 25px;
    }
    .downloadCards__flex{
          flex-direction: column;
      margin-top: 40px;
      max-width: 410px;
    }
    .downloadCard{
          width: 100%;
      margin-bottom: 30px;
    }
    .downloadCard{
          width: 100%;
      margin-bottom: 30px;
    }
    #shopify-section-downloadThreeUp .accessThree{
        padding-bottom: 0px;
    }
    .accessHero__backgroundImage--desktop{
      display:none;
    }
    .accessHero__backgroundImage--mobile{
      display:block;
    }
  }
  
  .panProd__inner{
        width: calc(100% - 60px);
      max-width: 1312px;
      margin: auto;
  }
  .panProd__title{
        text-align: center;
      max-width: 827px;
      width: 100%;
      font-size: 48px;
      font-family: 'YaleSolis-Bold';
      line-height: normal;
      margin: auto;
  }
  .panProd__main{
        display: flex;
      justify-content: space-between;
      margin-top: 48px;
  }
  .panProd__left{
        width: calc(42% - 15px);
      max-width: 529px;
  }
  .panProd__text{
        font-size: 24px;
      line-height: normal;
  }
  .panProd__right{
        width: calc(58% - 15px);
      max-width: 754px;
  }
  .panProd__priceRow{
        display: flex;
      margin-top: 24px;
      font-size: 34px;
      margin-bottom: 39px;
  }
  .panProd__comparePrice{
        margin-left: 20px;
      text-decoration: line-through;
      opacity: .5;
  }
  .panProd__label{
        display: block;
      border-bottom: 1px solid #c8ecc8;
      margin-bottom: 21px;
  }
  .panProd__limitedEditionRow{
        display: flex;
    margin-bottom:10px;
  }
  .panProd__colorSelector{
        background: 0;
      border: 2px solid transparent;
      border-radius: 100%;
    transition:all .2s;
      width: 34px;
      height: 34px;
      padding: 0;
      margin: auto 8px;
  }
  .panProd__colorSelector--active{
    border: 2px solid white;
  }
  .panProd__colorSelectorInner{
        width: 100%;
      height: 100%;
      display: flex;
    position: relative;
  }
  .panProd__colorSelectorImg{
      display: block;
      width: 26px;
      height: 26px;
      position: absolute;
      top: calc(50% - 0.5px);
      left: 50%;
      transform: translate(-50%, -50%);
  }
  .panProd__limitedTitle{
        display: flex;
      margin: auto 0;
      flex-direction: column;
      margin-left: 37px;
      justify-content: center;
      font-size: 18px;
      color: white;
      font-family: 'YaleSolis-Bold';
      line-height: normal;
  }
  .panProd__colorSelector--limited{
    margin: auto 0;
  }
  .panProd__colorRow .panProd__colorSelector:first-of-type{
    margin-left:0;
  }
  .panProd__colorRow{
        display: flex;
  }
  .panProd__colorTitle{
        margin: auto 0;
      margin-left: 16px;
    color:white;
  }
  .panProd__purchaseRow{
        display: flex;
      margin-top: 55px;
      justify-content: space-between;
  }
  .panProd__qtyWrapper{
        border-radius: 28px;
      background: white;
      display: flex;
      height: 56px;
      overflow: hidden;
      width: 140px;
      justify-content: space-between;
  }
  .panProd__qtyMinus{
        padding: 12px;
      margin: auto 0;
      border: 0;
      background: 0;
      width: 14px;
      box-sizing: content-box;
      height: 14px;
      position: relative;
  }
  .panProd__qtyMinusLine{
        width: 14px;
      height: 2px;
      background: black;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  .panProd__qty{
        color: black;
      font-family: 'YaleSolis-Bold';
      margin: auto 0;
      font-size: 24px;
    cursor:pointer!important;
  }
  .panProd__qtyPlus{
        padding: 12px;
      margin: auto 0;
      border: 0;
      background: 0;
      width: 14px;
      box-sizing: content-box;
      height: 14px;
      position: relative;
    cursor:pointer!important;
  }
  .panProd__qtyPlusLineOne{
        width: 14px;
      height: 2px;
      background: black;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  .panProd__qtyPlusLineTwo{
        width: 14px;
      height: 2px;
      background: black;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(90deg);
  }
  .panProd__buy{
        background: #F5CF00;
      color: black;
      font-family: 'YaleSolis-Bold';
      border-radius: 28px;
      border: 2px solid #F5CF00;
      width: 195px;
    cursor:pointer!important;
      font-size: 24px;
  }
  .panProd__leanMore{
    color: white;
      font-size: 25px;
      font-family: 'YaleSolis-Bold';
      text-decoration: underline;
      margin: auto 0;
    cursor:pointer!important;
  }
  .panProd__leanMore:hover{
    border:none!important;
    color:white!important;
  }
  .panProd__worksLabel{
        margin-top: 29px;
        font-size: 18px;
      font-family: 'YaleSolis-Bold';
      margin-bottom: 12px;
  }
  .panProd__slideShowWrapper .slick-prev{
        background: url(/cdn/shop/files/icon-chevron-right-white.png?v=1688068275);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 35px;
      width: 35px;
    cursor:pointer!important;
      overflow: hidden;
      color: transparent;
      border: 0;
      transform: translateY(-50%) rotate(180deg);
      top: 50%;
      left:0;
      position: absolute;
      z-index: 1;
  }
  .panProd__slideShowWrapper .slick-next{
    background: url(/cdn/shop/files/icon-chevron-right-white.png?v=1688068275);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      height: 35px;
      width: 35px;
      overflow: hidden;
    cursor:pointer!important;
      color: transparent;
      border: 0;
      transform: translateY(-50%);
      top: 50%;
      right:0;
      position: absolute;
      z-index: 1;
  }
  .panProd__slideShowWrapper .slick-arrow.slick-disabled{
    opacity:.3;
  }
  .panProd__slideImage{
        width: calc(100% - 100px);
      max-width: 582px;
      margin: auto;
  }
  
  .panProd__slideshow .slick-dots{
        display: flex;
      list-style: none;
      position: absolute;
      width: 100%;
      justify-content: center;
      left: 0;
      top: 100%;
      padding: 0;
      margin: 0;
    padding-right:20px;
  }
  .panProd__slideshow .slick-dots li{
        width: 28px;
      height: 28px;
      display: flex;
  }
  .panProd__slideshow .slick-dots li button{
        width: 12px;
      height: 12px;
      border-radius: 100%;
      overflow: hidden;
    cursor:pointer!important;
      color: transparent;
      background: black;
      border: 0;
      padding: 0;
      margin: auto;
    opacity:.3;
  }
  .panProd__slideshow .slick-dots li.slick-active button{
    opacity:1;
  }
  .panProd__worksFlex{
        display: flex;
  }
  .panProd__works{
        height: 30px;
      margin-right: 13px;
  }
  .panProd__cardFlex{
        display: flex;
      justify-content: space-between;
      margin-top: 48px;
  }
  .panProd__card{
        background: white;
      border-radius: 8px;
      color: black;
      width: calc((100% - 48px) / 3);
  }
  .panProd__cardInner{
        padding: 16px 24px;
  }
  .panProd__cardTitle{
        font-size: 16px;
      font-family: YaleSolis-Bold;
  }
  .panProd__cardContent{
        line-height: 26px;
      margin-top: 10px;
  }
  .panProd__accessTop{
    margin-top: 23px;
  }
  .panProd__wayToAccessTopImage{
        width: 225px;
      margin: auto;
      display: block;
  }
  .panProd__accessBottom{
        display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 27px;
  }
  .panProd__wayToAccess{
        display: flex;
      margin: 0px 6px;
      max-width: 163px;
      width: calc((100% - 24px) / 2);
      margin-bottom: 27px;
  }
  .panProd__wayToAccessImageWrapper{
        width: 48px;
      height: 48px;
      display: flex;
      margin: auto 0;
    margin-right:8px;
  }
  .panProd__wayToAccessImage{
        width: 32px;
      height: 32px;
      object-fit: contain;
      margin: auto;
  }
  .panProd__wayToAccessTextWrapper{
        margin: auto 0;
  }
  .panProd__wayToAccessText{
        font-size: 14px;
  }
  .panProd__text--mobile{
    display:none;
  }
  .panProd__priceRow--mobile{
    display:none;
  }
  .panProd{
    padding-bottom:48px;
  }
  @media only screen and (max-width:1250px){
    .panProd__purchaseRow{
          flex-wrap: wrap;
      justify-content:flex-start;
    }
    .panProd__qtyWrapper{
          margin-right: 20px;
    }
    .panProd__learnMoreWrapper{
          width: 100%;
      margin-top: 10px;
    }
  }
  @media only screen and (max-width:950px){
    .panProd__title{
      font-size: 34px;
      text-align: left;
      max-width: none;
    }
    .panProd__main{
      flex-direction: column-reverse;
    }
    .panProd__left{
          width: 100%;
      max-width: 600px;
      margin: auto;
      margin-top: 40px;
    }
    .panProd__text--desktop{
      display: none;
    }
    .panProd__priceRow--desktop{
      display:none;
    }
    .panProd__text--mobile{
      display:block;
    }
    .panProd__priceRow--mobile{
      display:flex;
          justify-content: center;
      margin-bottom: 20px;
    }
    .panProd__right{
          width: 100%;
      max-width: none;
    }
    .panProd__slideShowWrapper{
          margin: auto;
      max-width: 600px;
    }
    .panProd__limitedEditionRow{
          justify-content: space-between;
    }
    .panProd__limitedTitle{
      width: 140px;
      margin-left: 20px;
    }
    .panProd__colorTitle{
          width: 140px;
      margin-left: auto;
    }
    .panProd__price{
          font-family: 'YaleSolis-Bold';
    }
    .panProd__purchaseRow{
          justify-content: center;
      margin-top: 20px;
    }
    .panProd__learnMoreWrapper{
          display: flex;
      justify-content: center;
    }
    .panProd__slideShowWrapper .slick-prev{
          top: 100%;
      transform: rotate(180deg);
      height: 25px;
      width: 25px;
      z-index:2;
    }
    .panProd__slideShowWrapper .slick-next{
          top: 100%;
      transform: none;
      height: 25px;
      width: 25px;
      z-index:2;
    }
    .panProd__worksFlex{
          flex-wrap: wrap;
    }
    .panProd__worksWrapper{
          margin-bottom: 18px;
    }
    .panProd__slideImage{
      width:100%;
    }
    .panProd__cardFlex{
          flex-direction: column;
      max-width: 600px;
      margin: auto;
      margin-top: 30px;
    }
    .panProd__card{
          width: 100%;
      margin-bottom: 20px;
    }
    .panProd__accessBottom{
          max-width: 500px;
      margin: auto;
      margin-top: 27px;
    }
    .panProd__slideshow .slick-dots{
      z-index:1;
    }
  }
  .panInsta{
        background: #E8CEC4;
      padding-top: 35px;
    padding-bottom:102px;
  }
  .panInsta__inner{
        color: #AF4057;
      width: calc(100% - 60px);
      margin: auto;
      max-width: 1334px;
  }
  .panInsta__title{
        font-family: YaleSolis-Bold;
      text-align: center;
      font-size: 48px;
      line-height: normal;
  }
  .panInsta__hashtag{
        margin-top: 24px;
      font-size: 34px;
      text-align: center;
      line-height: normal;
  }
  .panInsta__sliderWrapper{
    margin-top: 24px;
  }
  .panInsta__slider .slick-prev{
        position: absolute;
      left: 11px;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: 1;
      width: 48px;
      height: 48px;
      overflow: hidden;
      border: 0;
      color: transparent;
      background: url(/cdn/shop/files/slide-arrow-plp-left.png?v=1689183931);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }
  .panInsta__slideInner{
    width: calc(100% - 22px);
      height: 0px;
      padding-top: 124%;
      position: relative;
      border-radius: 10px;
      overflow: hidden;
      margin: auto;
  }
  .panInsta__bkgWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .panInsta__bkg{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .panInsta__playButtonWrapper{
    position: absolute;
      top: 50%;
      left: 50%;
      width: 50px;
      height: 50px;
      background: 0;
      border: 0;
      transform: translate(-50%, -50%);
      z-index: 3;
  }
  .panInsta__playButtonWrapper svg{
    fill:white;
  }
  .panInsta__linkOverlay{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
  }
  .panInsta__textRow{
        display: flex;
      margin-top: auto;
      padding: 17px 24px;
      color: white;
      padding-top: 90px;
      background-image: linear-gradient(0deg, rgba(0,0,0,.5), rgba(0,0,0,0));
  }
  .panInsta__iconWrapper{
        width: 20px;
      height: 29px;
      margin: auto 0;
  }
  .panInsta__iconWrapper svg{
    fill:white;
  }
  .panInsta__name{
        font-family: YaleSolis-Bold;
      margin: auto 0;
      margin-left: 10px;
  }
  
  .panInsta__slider .slick-next{
        position: absolute;
      right: 11px;
      top: 50%;
      transform: translate(50%, -50%);
      z-index: 1;
      width: 48px;
      height: 48px;
      overflow: hidden;
      border: 0;
      color: transparent;
      background: url(/cdn/shop/files/slide-arrow-plp-right.png?v=1689183931);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }
  .panInsta__slider .slick-dots{
        position: absolute;
      top: calc(100% + 44px);
      display: flex;
      justify-content: center;
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0;
  }
  .panInsta__slider .slick-dots li{
    opacity:.5;
  }
  .panInsta__slider .slick-dots li.slick-active{
    opacity:1;
  }
  .panInsta__slider .slick-dots li button{
        color: transparent;
      border: 0;
      height: 12px;
      width: 12px;
      border-radius: 100%;
      background: #BE3455;
      padding: 0;
      margin: 0px 8px;
      overflow: hidden;
  }
  .panInsta__modal{
        position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100;
      backdrop-filter: blur(3px);
  }
    
  .panInsta__modalBkg{
        width: 100%;
      height: 100%;
      background: black;
      opacity: .8;
  }
  .panInsta__modalInner{
    position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 60px);
      max-width: 700px;
  }
  .panInsta__modalClose{
        position: absolute;
      top: -40px;
      padding: 0;
      background: 0;
      border: 0;
      color: white;
      font-size: 30px;
      width: 30px;
      height: 30px;
      line-height: 30px;
      right: -40px;
  }
  .panInsta__modalIframeWrapper{
        background: black;
      width: 100%;
      height: 0;
      padding-top: 90.5%;
  }
  .panInsta__modalIframeWrapper iframe{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .panInsta__modalIframeWrapper p{
    display:none;
  }
  
  @media only screen and (max-width:800px){
    .panInsta__modalClose{
          right: 0;
    }
  }
  
  .pgBanner{
        height: 544px;
      position: relative;
      width: 100%;
  }
  .pgBanner__backgroundWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .pgBanner__background{
    width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .pgBanner__background--mobile{
    display:none;
  }
  .pgBanner__inner{
    position: relative;
      color: white;
      width: calc(100% - 60px);
      max-width: 1086px;
      margin: auto;
      text-align: center;
  }
  .pgBanner__textWraper{
        padding-top: 64px;
      padding-bottom: 14px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 287px;
      box-sizing: content-box;
  }
  .pgBanner__title{
    font-size: 60px!important;
      font-weight: 700;
      letter-spacing: -0.6px;
      line-height: normal;
      margin-bottom: 24px;
  }
  .pgBanner__text{
        font-size: 34px;
      line-height: normal;
  }
  .pgBanner__text p{
        margin: 0;
  }
  #enter-to-win-up-to-15-000-in-prizes-yale-home{
        background: #E8CEC4;
  }
  #enter-to-win-up-to-15-000-in-prizes-yale-home header{
    background:white;
  }
  .pgMain{
        position: relative;
      margin-top: -178px;
      padding-bottom: 90px;
  }
  .pgMain__inner{
    width: calc(100% - 60px);
      max-width: 1090px;
      margin: auto;
  }
  .pgMain__scriptWrapper{
        background: rgb(245, 245, 245);
      border-radius: 20px;
      overflow: hidden;
      padding-top: 20px;
    padding-bottom: 60px
  }
  .pgMain__scriptWrapper iframe{
    width:100%!important;
  }
  .pgMain__flex{
        margin-top: 86px;
      display: flex;
      justify-content: space-between;
  }
  .pgMain__left{
        width: calc(40% - 15px);
      max-width: 445px;
  }
  .pgMain__imageWrapper{
        position: relative;
      width: 100%;
      height: 0px;
      padding-top: 70%;
  }
  .pgMain__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .pgMain__right{
        width: calc(60% - 15px);
      max-width: 587px;
  }
  .pgMain__textWrapper{
        display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100%;
  }
  .pgMain__title{
    color: #BE3455;
      font-size: 48px!important;
      margin-bottom: 16px;
  }
  .pgMain__text{
    color: #BE3455;
      font-size: 24px;
      line-height: normal;
      max-width: 570px;
  }
  .pgLower{
        background: linear-gradient(0deg, #BE3455 0%, #BE3455 100%), linear-gradient(135deg, #E6A3B3 0%, #BE3455 71.18%), #E8CEC4;
      color: white;
      padding-top: 88px;
      padding-bottom: 44px;
  }
  .pgLower__inner{
        max-width: 1198px;
      width: calc(100% - 60px);
      margin: auto;
  }
  .pgLower__title{
        max-width: 867px;
      font-size: 60px!important;
      letter-spacing: -0.6px;
  }
  .pgLower__flex{
        margin-top: 88px;
      display: flex;
      justify-content: space-between;
  }
  .pgLower__left{
        width: 420px;
  }
  .pgLower__text{
        padding-top: 64px;
      font-size: 24px;
      line-height: normal;
  }
  .pgLower__text p{
        margin-bottom: 24px;
  }
  .pgLower__right{
        width: calc(100% - 475px);
  }
  .pgLower__imageWrapper{
        width: 100%;
      height: 0;
      padding-top: 87.414%;
      position: relative;
  }
  .pgLower__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .pgLower__legal{
        text-align: center;
      max-width: 1091px;
      margin: auto;
      margin-top: 87px;
      font-size: 16px;
      line-height: normal;
  }
  
  @media only screen and (max-width:800px){
    .pgBanner{
      height: auto;
      padding-top: 92px;
      padding-bottom: 69px;
    }
    .pgBanner__background--desktop{
          display: none;
    }
    .pgBanner__background--mobile{
          display: block;
    }
    .pgBanner__textWraper{
          padding: 0;
      height: auto;
    }
    .pgBanner__title{
          font-size: 34px!important;
      letter-spacing: normal;
    }
    .pgMain{
          margin-top: -45px;
      padding-bottom: 61px;
    }
    .pgMain__scriptWrapper{
          height: auto;
      padding-bottom: 20px;
      padding-top: 0;
    }
    .pgMain__flex{
          margin-top: 32px;
      flex-direction: column;
    }
    .pgMain__left{
          width: 100%;
      max-width: none;
    }
    .pgMain__right{
          margin-top: 32px;
      width: 100%;
      max-width: none;
    }
    .pgMain__text{
          max-width: none;
    }
    .pgLower{
          padding-top: 40px;
    }
    .pgLower__title{
          font-size: 48px!important;
    }
    .pgLower__flex{
          flex-direction: column-reverse;
      margin-top: 40px;
    }
    .pgLower__left{
          width: 100%;
    }
    .pgLower__text{
      padding-top: 52px;
    }
    .pgLower__right{
          width: 100%;
    }
    .pgLower__imageWrapper{
      padding-top: 0;
      height: auto;
    }
    .pgLower__image{
          height: auto;
      position: relative;
    }
    .pgLower__legal{
      margin-top: 50px;
    }
  }
  @media only screen and (max-width:500px){
    .panProd__purchaseRow{
          flex-direction: column;
    }
    .panProd__qtyWrapper{
          margin: auto;
      width: 100%;
      margin-bottom: 20px;
    }
    .panProd__buy{
          margin: auto;
      width: 100%;
    }
  }
  @media only screen and (max-width:800px){
    .pantone__slider .smVideoButton{
          height: auto;
      width: 100%;
      max-width: 340px;
      position: relative;
      z-index: 10;
    }
    .smVideoButtonWrapper{
          width: 100%;
      height: 0px;
      position: relative;
      padding-top: 46%;
    }
    .smVideoButtonWrapper img{
          position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  
  .smartStudioD__sideBarColumn{
        overflow: auto;
  }
  
  .descriptionPadding{
    padding:0px 25px;
  }
  
  #description{
    flex-direction:column;
  }
  
  .template-product .template-product-classic.vertical-thumbs .carousel-nav{
    width:380px;
  }
  
  .al2Prod__prodButton, .al2Prod__keyOptionButton, .al2Prod__accessButton, .al2Prod__buyButton, .al2Prod__techTitleButton, .al2MobTable__dropTitle, .al2Faq__titleWrapper{
    color:black;
  }
  .al2Prod__keyOptionButton--active{
    color:white;
  }
  @media only screen and (max-width:650px){
    .al2Prod__buyButtonRow{
          flex-direction: column;
    }
    .smartPDP__qtyWrapper{
          width: 100%!important;
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .smartPDP__buyWrapper{
          width: 100%!important;
    }
    .al2AppRow__appStoreLogo{
          width: 109px;
    }
    .al2AppRow__playStoreLogo{
      width: 120px;
    }
  }
  @media only screen and (max-width:1000px){
  .al2AppRow__right{
    width: 100%;
      justify-content: center;
  }
    .al2AppRow__appStoreWrapper{
      margin-right: 10px;
    }
  }
  
  .template-page-lowes .bv_modal_component_container .bv_button_component_container, .template-page-homedepot .bv_modal_component_container .bv_button_component_container{
    display:none!important;
  }
  
  .assureLock2Touch .al2t__titleRow{
        display: flex;
      justify-content: space-between;
      margin-bottom: 20px;
  }
  .assureLock2Touch .al2Prod__price{
        margin: auto 0;
  }
  
  .assureLock2Touch .yale-t-4__desktop__title{
    font-family: YaleSolis-Bold;
      margin: auto 0;
      width: 110px;
    margin-right:2px;
        min-width: 110px;
      height: 28px;
  }
  
  .assureLock2Touch .al2Prod__prodButton{
        margin: auto;
      font-family: YaleSolis-Bold;
      background: 0;
      border: 2px solid black;
      border-radius: 30px;
      padding: 4px 30px;
    padding-left:8px;
    margin-left:15px;
    margin-right:0;
  }
  
  .assureLock2Touch .al2Prod__prodButtonImage{
      height: 30px;
  }
  
  .assureLock2Touch .al2Prod__prodButtonTextWrapper{
        width: auto;
  }
  .assureLock2Touch .al2Prod__prodButtonText{
        font-size: 16px;
      line-height: normal;
  }
  .assureLock2Touch .al2Prod__keyOptionRow{
    display:flex;
    margin-top:24px;
  }
  .assureLock2Touch .al2Prod__finishRow{
    margin-top:24px;
  }
  .assureLock2Touch .al2Prod__techContainer{
        margin-bottom: 30px;
  }
  .assureLock2Touch .al2Prod__prodButton--active{
    color:white;
    background:black;
  }
  
  .assureLock2Touch .al2Prod__prodButtonTextWrapper{
        padding-left: 0;
  }
  
  .assureLock2Touch .al2Prod__prodButton--active .al2Prod__prodButtonImage{
    filter:invert(1);
  }
  
  .assureLock2Touch .al2Prod__keyOptionButton{
        display: flex;
      padding: 4px;
      padding-right: 30px;
    padding-left:8px;
        margin: 0;
      margin-left: 15px;
  }
  .assureLock2Touch .al2Prod__keyOptionButton--active .al2Prod__prodButtonImage{
    filter:invert(1);
  }
  .al2Prod__prodOptionButtonWrapper{
        width: calc(100% - 110px);
      display: flex;
  }
  
  .assureLock2Touch .al2Prod__keyOptionRow{
    margin-left:0;
  }
  .assureLock2Touch .al2Prod__finishButtonRow{
    margin-left:15px;
  }
  
  .al2customizeTitle{
    font-family: YaleSolis-Bold;
    margin:24px 0;
  }
  .assureLock2Touch{
    padding-top:0!important;
  }
  
  .assureLock2Touch .al2Prod__worksWrapper{
        display: flex;
  }
  .assureLock2Touch .al2Prod__worksText{
        width: 153px;
  }
  .assureLock2Touch .al2Prod__worksFlex{
        flex-wrap: wrap;
      width: calc(100% - 153px);
        margin-top: 0;
  }
  .assureLock2Touch .al2Prod__accessCard{
        width: 50%;
      max-width: none;
      margin-bottom: 15px;
  }
  .assureLock2Touch .al2Prod__accessCardInner{
      padding-right: 15px;
  }
  .assureLock2Touch .al2Prod__accessCardImage{
        width: 48px;
  }
  
  .assureLock2Touch .al2Prod__worksText{
        margin-top: 12px;
  }
  
  .al2Hider{
    display:none;
  }
  
  @media only screen and (max-width: 1000px){
    .assureLock2Touch .al2t__titleRow{
      display:none;
    }
    .assureLock2Touch .al2Prod__worksWrapper{
      display:none;
    }
    .assureLock2Touch .al2Prod__prodRow{
      display: block;
    }
    .assureLock2Touch .al2Prod__keyOptionRow{
      display: block;
    }
    .assureLock2Touch .al2Prod__finishRow{
      display: block;
    }
    .assureLock2Touch .al2Prod__prodRow .yale-t-4__desktop__title{
          padding-bottom: 10px;
      margin-bottom: 24px;
      border-bottom: 1px solid #807D824D;
      width: 100%;
    }
    .assureLock2Touch .al2Prod__keyOptionRow .yale-t-4__desktop__title{
          padding-bottom: 10px;
      margin-bottom: 24px;
      border-bottom: 1px solid #807D824D;
      width: 100%;
    }
    .assureLock2Touch .al2Prod__finishRow .yale-t-4__desktop__title{
          padding-bottom: 10px;
      margin-bottom: 24px;
      border-bottom: 1px solid #807D824D;
      width: 100%;
    }
    .assureLock2Touch .al2Prod__prodOptionButtonWrapper{
          width: 100%;
      flex-wrap: wrap;
    }
    .assureLock2Touch .al2Prod__prodButton{
          width: auto;
      margin: 0;
      margin-bottom: 15px;
      margin-right:15px;
    }
    .assureLock2Touch .al2Prod__keyOptionButton{
          width: auto;
      margin: 0;
      margin-bottom: 15px;
      margin-right:15px;
    }
    .assureLock2Touch .al2Prod__prodButtonInner{
          flex-direction: row;
    }
    .assureLock2Touch .al2Prod__prodButtonImage{
          width: auto;
      margin: 0;
    }
    .assureLock2Touch .al2Prod__prodButtonTextWrapper{
          padding: 0;
      margin: auto;
    }
  
    .assureLock2Touch .al2Prod__finishButtonRow{
      margin-left:0;
    }
  }
  
  .assure-compare button{
    color:black;
  }
  
  .assure-compare{
        padding-top: 0;
      padding-bottom: 0;
  }
  .asCompare__title{
    padding-top: 47px;
      padding-bottom: 30px;
      max-width: 643px;
      margin: auto;
      line-height: 42px;
      font-size: 34px;
      text-align: center;
      font-family: YaleSolis-Bold,sans-serif;
  }
  .asCompare__columns{
      display: flex;
  }
  .asCompare__keyColumn{
        width: 25%;
  }
  .asCompare__keyBlank{
    height: 390px;
  }
  .asCompare__keyRow{
        border-bottom: 1px solid #E4E4EF;
    display:flex;
  }
  .asCompare__keyRow span{
     margin:auto 0;
  }
  
  .asProdColumn{
    position: relative;
      width: 25%;
  }
  .asProdColumn--one .asProdColumn__newBanner{
    position: absolute;
      background-image: linear-gradient(181deg, rgba(255, 239, 175, 1), rgba(255, 255, 255, 0)), linear-gradient(222deg, rgba(255, 154, 6, 0), rgba(255, 154, 6, 1)), linear-gradient(180deg, rgba(255, 239, 175, 1), rgba(249, 82, 92, 1));
      height: 40px;
      top: 0;
      left: 4px;
      width: calc(100% - 8px);
      display: flex;
      border-radius: 10px 10px 0px 0px;
  }
  
  .asProdColumn--two .asProdColumn__newBanner{
        position: absolute;
      background-image: linear-gradient(4deg,rgba(255,224,99,1),rgba(255,226,113,.87),rgba(255,231,142,.6),rgba(255,235,165,.38),rgba(255,238,182,.23),rgba(255,240,192,.13),rgba(255,241,196,0),rgba(255,241,196,0)),linear-gradient(199deg,#121C38,#172842,#05426B,#1A6B80,#339999,#5EAEAE,#CAE4E4,#FFFFFF);
      height: 40px;
      top: 0;
      left: 4px;
      width: calc(100% - 8px);
      display: flex;
      border-radius: 10px 10px 0 0;
  }
  
  .asProdColumn__newBannerText{
        margin: auto;
      color: white;
      font-size: 16px;
      text-transform: uppercase;
      font-family: YaleSolis-Bold,sans-serif;
      width: max-content;
  }
  .asProdColumn__inner{
        position: relative;
  }
  .asProdColumn__upper{
        height: 350px;
      padding-top: 40px;
  }
  .asProdColumn__imageWrapper{
        width: 100%;
      max-width: 230px;
      margin: auto;
  }
  .asProdColumn__title{
        margin-top: 4px;
      text-align: center;
      font-size: 16px;
      font-family: YaleSolis-Bold,sans-serif;
  }
  .asProdColumn__toggleWrapper{
        margin: auto;
      margin-top: 16px;
      max-width: 204px;
      height: 42px;
      border: 1px solid black;
      border-radius: 22px;
      overflow: hidden;
  }
  .asProdColumn__toggle{
        display: flex;
      position: relative;
      height: 100%;
      background: rgba(245, 245, 245, 1);
  }
  .asProdColumn__slider{
        position: absolute;
      background: #FFD800;
      left: 0;
      width: 50%;
      border-radius: 22px;
      height: 100%;
    transition:all .2s;
  }
  .asProdColumn__toggleButton{
        border: 0;
      background: 0;
      width: 50%;
      height: 100%;
      font-family: YaleSolis-Bold,sans-serif;
      padding: 0;
      font-size: 15px;
      position: relative;
    z-index:1;
        color: rgba(117, 117, 117, 1) !important;
    transition:all .2s;
  }
  .asProdColumn__toggleButton--active{
    color:black !important;
  }
  .asProdColumn__sliderFrame{
        overflow: hidden;
  }
  .asProdColumn__sled{
        display: flex;
      width: 200%;
    transform:translateX(0%);
    transition:all .2s;
  }
  .asProdColumn__infoFrame{
        width: 50%;
  }
  .asProdColumn__sled--bluetooth{
    transform:translateX(0%);
  }
  .asProdColumn__sled--wifi{
    transform:translateX(-50%);
  }
  .asProdColumn__iconsWrapper{
        margin: auto;
  }
  .asProdColumn__icons{
        height: 40px;
      margin: auto;
      display: block;
  }
  .asProdColumn--one, .asProdColumn--two{
    position:relative;
  }
  .asProdColumn--one:after, .asProdColumn--two:after{
    content:'';
    border-radius:10px;
    border:1px solid black;
    position:absolute;
    top:0;
    left:4px;
    height:100%;
    width:calc(100% - 8px);
  }
  .asCompare__keyRow{
        min-height: 56px;
      padding-left: 16px;
  }
  .asCompare__keyRow--grey, .asProdColumn__row--grey{
        background: #FAFAFA;
  }
  .asProdColumn__imageWrapper{
        height: 200px;
  }
  .asProdColumn__sliderFrame{
        position: relative;
      z-index: 1;
      mix-blend-mode: darken;
  }
  .asProdColumn__row{
        padding: 18px 14px;
      text-align: center;
      font-size: 14px;
      line-height: 20px;
      border-bottom: 1px solid #E4E4EF;
      display: flex;
  }
  .asProdColumn__row span{
    margin: auto;
  }
  .asProdColumn__buy{
        display: block;
  }
  .asProdColumn__learn{
        display: block;
  }
  
  .asProdColumn__image{
        object-fit: contain;
      width: 100%;
      height: 100%;
  }
  .asProdColumn__price{
        margin-top: 13px;
      text-align: center;
      font-size: 20px;
  }
  .asProdColumn__buy{
        height: 40px;
      border: 2px solid #FFD800;
      background: #FFD800;
      width: calc(100% - 14px);
      margin: auto;
      max-width: 248px;
      text-align: center;
      font-family: YaleSolis-Bold,sans-serif;
      line-height: 36px;
      border-radius: 20px;
    outline:none!important;
    transition:all .2s;
      margin-top: 17px;
  }
  .asProdColumn__buy:hover, .asProdColumn__buy:focus{
    background:none;
    outline:none!important;
    border-bottom:2px solid #FFD800!important;
  }
  .asProdColumn__learn{
        width: max-content;
      margin: auto;
      font-family: YaleSolis-Bold,sans-serif;
      text-align: center;
      text-decoration: underline;
      margin-top: 18px;
      padding-bottom: 22px;
  }
  .asProdColumn__learn:hover, .asProdColumn__learn:focus{
    background:none;
    outline:none!important;
    border-bottom:none!important;
  }
  .assure-compare{
    padding-bottom: 30px;
  }
  .asCompare__legal{
        font-size: 12px;
      line-height: 15px;
      text-align: center;
      margin-top: 30px;
  }
  
  .asProdColumn__slider--wifi{
    left:50%;
  }
  .asProdColumn__toggleButton:focus, .asProdColumn__toggleButton:hover, .asProdColumn__toggleButton:active{
    outline:none!important;
  }
  .assure-compare{
    padding:30px 0px!important;
  }
  
  .asMobComp{
    display:none;
  }
  
  @media only screen and (max-width:1000px){
    .asCompare__columns{
      display:none;
    }
    .asCompare__legal{
      display:none;
    }
    .asMobComp{
      display:block;
    }
    .asCompare__title{
          text-align: left;
      max-width: none;
      padding-top: 10px;
      padding-bottom: 21px;
    }
    .asMobComp__title{
          font-size: 24px;
      font-family: YaleSolis-Bold,sans-serif;
      text-align: center;
    }
    .asMobComp__selectRow{
      display: flex;
      width: calc(100% - 30px);
      justify-content: space-between;
      margin: auto;
      margin-top: 20px;
    }
    .asMobComp__select{
          position: relative;
      height: 48px;
      width: calc(50% - 10px);
      border: 1px solid black;
    }
    .asMobComp__selected{
          width: 100%;
      height: 100%;
      display: flex;
      background: 0;
      border: 0;
      position: relative;
      padding: 4px 7px;
    }
    .asMobComp__selectedName{
          font-family: YaleSolis-Bold,sans-serif;
      font-size: 16px;
      line-height: 20px;
      width: calc(100% - 27px);
      margin: auto;
      text-align: left;
    }
    .asMobComp__selectArrow{
          margin: auto;
      width:10px;
    }
    .asMobComp__selectDropWrapper{
          position: absolute;
      top: calc(100% + 1px);
      left: -1px;
      width: calc(100% + 2px);
      background: white;
    }
    .asMobComp__selectDropInner{
      max-height:0;
      overflow:hidden;
      transition:all .2s;
    }
    .asMobComp__select{
      z-index:1;
    }
    .asMobComp__select:hover .asMobComp__selectDropInner{
      max-height:300px;
    }
    .asMobComp__selectDropButton{
          display: block;
      width: 100%;
      height: 50px;
      border: 0;
      border-bottom: 1px solid black;
      text-align: left;
      padding-left: 10px;
      background: 0;
      border-left: 1px solid black;
      border-right: 1px solid black;
    }
    .asMobComp__toggleRow{
      width: calc(100% - 30px);
      display: flex;
      margin: auto;
      margin-top: 27px;
      justify-content: space-between;
    }
    .asMobComp__toggleWrapper{
          width: calc(50% - 10px);
      height: 42px;
      border: 1px solid black;
      border-radius: 21px;
      overflow: hidden;
      background: #F5F5F5;
      position: relative;
      display: flex;
    }
    .asMobComp__toggleBkg{
          position: absolute;
      width: 50%;
      height: 100%;
      top: 0;
      transition:all .2s;
      background: #FFD800;
      border-radius: 20px;
    }
    .asMobComp__toggleButton{
          position: relative;
      padding: 0;
      background: 0;
      border: 0;
      height: 100%;
      width: 50%;
    }
    .asMobComp__toggleButton:hover, .asMobComp__toggleButton:active, .asMobComp__toggleButton:focus{
      outline:none!important;
    }
    .asMobComp__toggleButton[data-tech="bluetooth"] .asMobComp__toggleButtonImage{
          width: 28px;
      height: 28px;
    }
    .asMobComp__toggleButton[data-tech="wifi"] .asMobComp__toggleButtonImage{
              width: 32px;
      height: 32px;
    }
    .asMobComp__iconRow{
          width: calc(100% - 30px);
      margin: auto;
      margin-top: 30px;
      display: flex;
      justify-content: space-between;
    }
    .asMobComp__iconBlock{
          width: calc(50% - 10px);
    }
    .asMobComp__icon{
          height: 40px;
      margin: auto;
      display: block;
    }
    .asMobComp__icon--bluetooth{
      display:none;
    }
    .asMobComp__icon--wifi{
        display: none;
    }
    .asMobComp__iconWrapper{
          display: none;
    }
    .asMobComp__iconWrapper--active{
      display:block;
    }
    .asMobComp__statTitle{
          height: 56px;
      display: flex;
      background: #2D2C2E;
    }
    .asMobComp__statTitleInner{
      margin: auto;
      padding: 0px 20px;
      color: white;
      font-family: YaleSolis-Bold,sans-serif;
    }
    .asMobComp__statWrapper{
      display:none;
    }
    .asMobComp__statWrapper--active{
      display:block;
    }
    .asMobComp__statRow{
          display: flex;
    }
    .asMobComp__stat--one{
          background: #F5F5F5;
      width: 50%;
      border-right: 1px solid rgba(0, 0, 0, 0.25);
      padding: 16px;
      text-align: center;
      font-size: 14px;
      line-height: 20px;
    }
    .asMobComp__stat--two{
          width: 50%;
      padding: 16px;
      text-align: center;
      font-size: 14px;
      line-height: 20px;
    }
    .asMobComp__iconRow{
          padding-bottom: 30px;
    }
    .asMobComp__iconBlock{
          display: flex;
    }
    .asMobComp__iconWrapper{
          margin: auto;
    }
    .asMobComp__priceRow{
      border-top: 1px solid rgba(0,0,0,.25);
    }
    .asMobComp__priceBox{
      display:none;
    }
    .asMobComp__priceBox--active{
      display:block;
    }
  
    .asMobComp__buyBox{
      display:none;
    }
    .asMobComp__buyBox--active{
      display:block;
    }
  
    .asMobComp__learnBox{
      display:none;
    }
    .asMobComp__learnBox--active{
      display:block;
    }
    .asMobComp__priceRow{
          display: flex;
    }
    .asMobComp__priceWrapper{
          width: 50%;
      text-align: center;
      display: flex;
      height: 50px;
    }
    .asMobComp__priceWrapper--one{
      border-right: 1px solid rgba(0,0,0,.25);
    }
    .asMobComp__priceBox{
      margin:auto;
    }
    .asMobComp__buyRow{
          display: flex;
    }
    .asMobComp__buyWrapper{
          width: 50%;
      text-align: center;
      display: flex;
      height: 50px;
    }
    .asMobComp__buyWrapper--one{
      border-right: 1px solid rgba(0,0,0,.25);
    }
    .asMobComp__buyBox{
      margin:auto;
    }
    .asMobComp__buy{
      border: 1px solid #F5CF00;
      background: #F5CF00;
      height: 33px;
      line-height: 31px;
      display: block;
      border-radius: 17px;
      font-family: YaleSolis-Bold,sans-serif;
      padding: 0px 30px;
    }
    .asMobComp__learnRow{
          display: flex;
      border-bottom: 1px solid rgba(0,0,0,.25);
    }
    .asMobComp__learnWrapper{
          width: 50%;
      text-align: center;
      display: flex;
      height: 50px;
    }
    .asMobComp__learnWrapper--one{
          border-right: 1px solid rgba(0,0,0,.25);
    }
    .asMobComp__learnBox{
          margin: auto;
      font-family: YaleSolis-Bold,sans-serif;
    }
    .asMobComp__learn{
      text-decoration: underline;
    }
    .asMobComp__toggleBkg--bluetooth{
      left:0%;
    }
    .asMobComp__toggleBkg--wifi{
      left:50%;
    }
    .asMobComp__buy:hover{
      border-bottom:1px solid #F5CF00;
    }
  }
  
  .slo3Up{
        max-width: 1330px;
      margin: auto;
      padding-top: 48px;
      padding-bottom: 60px;
  }
  
  .slo3Up__title{
        max-width: calc(100% - 60px);
      margin: auto;
      font-family: YaleSolis-Bold,sans-serif;
      font-size: 34px;
      line-height: 41px;
      text-align: center;
      margin-bottom: 40px;
  }
  .slo3Desk{
    margin: auto;
      max-width: calc(100vw - 60px);
  }
  .slo3Desk__flex{
        display: flex;
      justify-content: space-between;
  }
  .slo3Desk__card{
        width: calc((100% - 69px) / 4);
      position: relative;
    text-decoration:none;
    display:block;
  }
  
  .slo3Desk__card:hover{
    text-decoration:none;
    border:none;
  }
  
  .slo3Desk__cardUpper{
        width: 100%;
      height: 0px;
      position: relative;
      padding-top: 87.7%;
  }
  .slo3Desk__cardImageWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .slo3Desk__cardImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .slo3Desk__cardImageTextWrapper{
        position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-size: 24px;
      width: calc(100% - 40px);
      text-align: center;
  }
  .slo3Desk__cardLower{
        margin-top: 27px;
      display: flex;
      justify-content: space-between;
        position: relative;
      flex-direction: column;
  }
  .slo3Desk__cardLowerTop{
    text-align:center;
  }
  .slo3Desk__cardTitle{
        font-size: 18px;
      font-family: YaleSolis-Bold,sans-serif;
        display: inline-block;
  }
  .slo3Desk__cardLightText{
        font-size: 18px;
      display: inline-block;
  }
  .slo3Desk__cardLowerBottomText{
        text-align: center;
      font-size: 16px;
  }
  .slo3Desk__cardLowerFalseButton{
    display: block;
      background: #ffd800;
      padding: 5px 33px;
      border-radius: 30px;
      cursor: pointer;
      font-family: YaleSolis-Bold;
      margin: auto;
      width: max-content;
      margin-top: 16px;
  }
  .slo3Mob{
        display: none;
  }
  .slo3Desk__cardNew{
        width: 64px;
        margin: auto;
        position: absolute;
      top: -19px;
        left: 50%;
      transform: translateX(-50%);
      margin-bottom: 10px;
  }
  .slo3Desk__cardIcon{
        width: 23px;
    display:inline-block;
  }
  .slo3Desk__cardRight{
    margin:auto 0;
  }
  @media only screen and (max-width:800px){
    .slo3Desk{
      display:none;
    }
    .slo3Mob{
      display:block;
    }
    .slo3Mob__slider{
          width: calc(100% - 30px);
      margin: auto;
    }
    .slo3Mob__slider .slick-prev{
          position: absolute;
      top: calc(((100% - 43px) / 2) - 43px);
      left: -15px;
      z-index: 1;
      background: none;
      background-image: url(/cdn/shop/files/Frame_3112.png?v=1695067494);
      background-repeat: no-repeat;
      background-size: contain;
      width: 52px;
      height: 56.5px;
      border: 0;
      color: transparent;
      overflow: hidden;
      transform: scaleX(-1);
      padding: 0;
    }
    .slo3Mob__slider .slick-next{
      position: absolute;
      top: calc(((100% - 43px) / 2) - 43px);
      right: -15px;
      z-index: 1;
      background: none;
      background-image: url(/cdn/shop/files/Frame_3112.png?v=1695067494);
      background-repeat: no-repeat;
      background-size: contain;
      width: 52px;
      height: 56.5px;
      border: 0;
      color: transparent;
      overflow: hidden;
      padding: 0;
    }
    .slo3Desk__cardLower{
      margin-top: 11px;
    }
    .slo3Up{
      padding-bottom:20px;
    }
  }
  
  .sloZwave__inner{
    overflow:hidden;
    max-height:1000px;
    transition:all .3s;
  }
  
  .sloZwave__inner--hidden{
    max-height:0;
  }
  .sloZwave__titleRow{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1310px;
      display: flex;
        justify-content: space-between;
      padding-right: 72px;
      padding-bottom: 44px;
  }
  .sloZwave__areaTitle{
        font-family: YaleSolis-Bold;
      font-size: 32px;
  }
  .sloZWave__toggleFlex{
        display: flex;
  }
  .sloZWave__toggle{
        margin-left: 34px;
      display: flex;
      height: 64px;
      background: white;
      border: 1px solid #DFDFDF;
    transition:all .2s;
      padding: 0px 30px;
  }
  
  .sloZWave__toggle--active{
        background: #FFD800;
      border: 1px solid #FFD800;
  }
  .sloZWave__toggleInner{
        display: flex;
      margin: auto;
  }
  .sloZWave__toggleIcon{
        width: 32px;
  }
  .sloZWave__toggleText{
        font-size: 18px;
      font-family: YaleSolis-Bold;
  }
  .sloZwave__title img{
    width:32px;
  }
  .sloAppPartner__flex{
        display: flex;
      flex-wrap: wrap;
  }
  .sloAppPartner__imageWrapper{
    margin-right: 8px;
  }
  .sloAppPartner__image{
        height: 19px;
  }
  .sloAppDetails{
    margin-top:19px;
  }
  
  .sloZwave__slider .slick-dots{
        list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: center;
      margin-top: 20px;
  }
  
  .sloZwave__slider .slick-dots li{
        width: 12px;
      height: 12px;
      color: transparent;
      overflow: hidden;
      border-radius: 100%;
      margin: 0px 8px;
    opacity:.3;
  }
  .sloZwave__slider .slick-dots li.slick-active{
    opacity:1;
  }
  .sloZwave__slider .slick-dots li button{
        border: 0;
      padding: 0;
      width: 100%;
      height: 100%;
      color: transparent;
      background: black;
  }
  
  .sloZwave--zigbeeNew{
        padding-top: 48px;
    padding-bottom:70px;
        background: linear-gradient(39.63deg, #FFE063 -4.15%, rgba(255, 226, 113, 0.87) 0.47%, rgba(255, 231, 142, 0.6) 10.87%, rgba(255, 235, 165, 0.38) 20.11%, rgba(255, 238, 182, 0.23) 27.03%, rgba(255, 240, 192, 0.13) 33.96%, rgba(255, 241, 196, 0) 60.6%, rgba(255, 241, 196, 0) 108.54%), linear-gradient(212.97deg, #121C38 -12.91%, #172842 28.93%, #05426B 53.33%, #1A6B80 74.25%, #339999 98.65%, #5EAEAE 112.6%, #CAE4E4 143.98%, #FFFFFF 157.92%);
  }
  .sloZwave__new{
        width: 100px;
      margin-bottom: 16px;
  }
  
  .sloZwave--zigbeeNew .sloZwave__title{
        line-height: 29px;
      color: white;
  }
  .sloZwave--zigbeeNew .sloZwave__title span{
        font-family: YaleSolis-Regular,sans-serif;
      margin-left: 10px;
  }
  .sloZwave--zigbeeNew .sloZwave__imageWrapper{
    margin-top:24px;
  }
  
  .sloZwave--zigbeeNew .sloZwave__text{
    color:white;
  }
  .sloApps{
        background: #F5F5F5;
      padding-bottom: 59px;
  }
  
  .sloFeatured--new{
        padding-top: 40px;
      padding-bottom: 30px;
  }
  .sloFeatured__new{
        width: 100px;
  }
  .sloFeatured--new .sloFeatured__text{
        border: none;
  }
  .sloFeatured__homekey{
        width: 153px;
  }
  .sloFeatured--new .sloFeatured__colorRow{
        
      margin-top: 20px;
  }
  .zWaveBar{
        background: #F5F5F5;
      padding-top: 60px;
      padding-bottom: 68px;
      margin-top: 60px;
  }
  
  .modal-backdrop{
    display:none!important
  }
  
  .assure-product div{
    order:initial!important;
  }
  
  .assureLock2LandingOne .al2customizeTitle{
    margin-top:0px;
  }
  
  .assureLock2LandingOne .al2Prod__prodOptionButtonWrapper{
      width: calc(100% - 145px);
  }
  .assureLock2LandingOne .al2Prod__prodOptionButtonWrapper button{
    margin-left:10px!important;
  }
  .assureLock2LandingOne .al2Prod__prodOptionButtonWrapper button:first-of-type{
    margin-left:0px!important;
  }
  .assureLock2LandingOne .al2Prod__prodRow{
    margin-top: 0;
      margin-bottom: 10px;
  }
  .assureLock2LandingOne .al2Prod__buyButtonRow{
    margin-top:0!important;
  }
  .assureLock2LandingOne .al2Prod__worksWrapper{
        flex-direction: column;
  }
  .assureLock2LandingOne .al2Prod__worksFlex{
    width:100%;
  }
  .assureLock2LandingOne .al2Prod{
    margin-bottom:75px;
  }
  
  .assureLock2LandingOne .al2Prod__accessCard{
        width: auto;
  }
  .assureLock2LandingOne .al2Prod__accessCardImage{
        width: auto;
      height: 30px;
  }
  
  .al2GradBreak{
        background: linear-gradient(212.97deg, #121C38 -12.91%, #172842 28.93%, #05426B 53.33%, #1A6B80 100%);
      padding-top: 25px;
      padding-bottom: 58px;
  }
  .al2GradBreak__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1310px;
  }
  .al2GradBreak__flex{
        display: flex;
      justify-content: space-between;
  }
  .al2GradBreak__left{
        width: calc(50% - 15px);
      max-width: 533px;
      color: white;
  }
  .al2GradBreak__title{
        font-size: 40px;
      letter-spacing: -0.5px;
      line-height: 48px;
      margin-bottom: 12px;
      font-family: YaleSolis-Bold;
  }
  .al2GradBreak__text{
        font-size: 24px;
      line-height: 29px;
      margin-bottom: 38px;
  }
  .al2GradBreak__iconWrapper{
    width: 150px;
  }
  .al2GradBreak__icon{
        width: 100%;
  }
  .al2GradBreak__right{
        width: calc(50% - 15px);
      max-width: 643px;
      position: relative;
  }
  .al2GradBreak__imageWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .al2GradBreak__image{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .assureLock2LandingTwo .al2customizeTitle{
    margin-top:0px;
  }
  .assureLock2LandingTwo .al2Prod__prodOptionButtonWrapper{
      width: calc(100% - 145px);
  }
  .assureLock2LandingTwo .al2Prod__prodOptionButtonWrapper button{
    margin-left:10px!important;
  }
  .assureLock2LandingTwo .al2Prod__prodOptionButtonWrapper button:first-of-type{
    margin-left:0px!important;
  }
  .assureLock2LandingTwo .al2Prod__prodRow{
    margin-top: 0;
      margin-bottom: 10px;
  }
  .assureLock2LandingTwo .al2Prod__buyButtonRow{
    margin-top:0!important;
  }
  .assureLock2LandingTwo .al2Prod__worksWrapper{
        flex-direction: column;
  }
  .assureLock2LandingTwo .al2Prod__worksFlex{
    width:100%;
  }
  .assureLock2LandingTwo .al2Prod{
    margin-bottom:75px;
  }
  
  .assureLock2LandingTwo .al2Prod__accessCard{
        width: auto;
  }
  .assureLock2LandingTwo .al2Prod__accessCardImage{
        width: auto;
      height: 30px;
  }
  .assureLock2Touch--blue .al2Prod{
      background: linear-gradient(45deg, rgba(255,255,255,0.3), rgba(255,255,255,0.3)), linear-gradient(36.32deg, #FFE063 -14.13%, rgba(255, 226, 113, 0.87) -9.12%, rgba(255, 231, 142, 0.6) 2.17%, rgba(255, 235, 165, 0.38) 12.2%, rgba(255, 238, 182, 0.23) 19.73%, rgba(255, 240, 192, 0.13) 27.25%, rgba(255, 241, 196, 0) 56.18%, rgba(255, 241, 196, 0) 108.24%), linear-gradient(212.97deg, #121C38 -12.91%, #172842 28.93%, #05426B 53.33%, #1A6B80 74.25%, #339999 98.65%, #5EAEAE 112.6%, #CAE4E4 143.98%, #FFFFFF 157.92%);
      margin-bottom: 0;
      padding-bottom: 75px;
      color: white;
  }
  .assureLock2Touch--blue .al2Prod__prodButton .al2Prod__prodButtonImage{
        filter: invert(1);
  }
  .assureLock2Touch--blue .al2Prod__prodButton .al2Prod__prodButtonText{
    color:white!important;
  }
  
  .assureLock2Touch--blue .al2Prod__prodButton[data-prod-option="wifi"] .al2Prod__prodButtonImage{
        max-width: 50px!important;
      margin-right: 10px!important;
  }
  
  .assureLock2Touch--blue .al2Prod__keyOptionButton .al2Prod__prodButtonImage, .assureLock2Touch--blue .al2Prod__techButton .al2Prod__prodButtonImage{
  
        filter: invert(1);
  
  }
  
  .assureLock2Touch--blue .al2Prod__keyOptionButton .al2Prod__prodButtonText, .assureLock2Touch--blue .al2Prod__techButton .al2Prod__prodButtonText{
  
    color:white!important;
  
  }
  
  
  
  .assureLock2Touch--blue .al2Prod__prodButton[data-prod-option="touchscreen"] .al2Prod__prodButtonImage{
  
    filter: invert(0) !important;
  
  }
  
  .assureLock2Touch--blue .al2Prod__keyOptionRow{
  
        margin-bottom: 24px;
  
  }
  
  .assureLock2Touch--blue .al2Prod__listContainer{
    color:black;
  }
  
  .assureLock2Touch--blue .smartPDP__qtyBox{
        background: white;
      border: 1px solid black;
  }
  
  .assureLock2Touch--blue .smartPDP__learn{
    color:white;
  }
  
  .al2GradBreak--pink{
        margin-top: 15px;
      background: linear-gradient(48deg, #FDC527, #FAC7B6, #FABDA0, #FAB992);
  }
  .al2GradBreak--pink .al2GradBreak__left{
    color:black;
  }
  
  .assureLock2LandingThree .al2Prod__inner{
        flex-direction: row-reverse;
  }
  
  .assureLock2LandingThree .al2customizeTitle{
    margin-top:0px;
  }
  .assureLock2LandingThree .al2Prod__prodOptionButtonWrapper{
      width: calc(100% - 145px);
  }
  .assureLock2LandingThree .al2Prod__prodOptionButtonWrapper button{
    margin-left:10px!important;
  }
  .assureLock2LandingThree .al2Prod__prodOptionButtonWrapper button:first-of-type{
    margin-left:0px!important;
  }
  .assureLock2LandingThree .al2Prod__prodRow{
    margin-top: 0;
      margin-bottom: 10px;
  }
  .assureLock2LandingThree .al2Prod__buyButtonRow{
    margin-top:0!important;
  }
  .assureLock2LandingThree .al2Prod__worksWrapper{
        flex-direction: column;
  }
  .assureLock2LandingThree .al2Prod__worksFlex{
    width:100%;
  }
  .assureLock2LandingThree .al2Prod{
    margin-bottom:75px;
  }
  
  .assureLock2LandingThree .al2Prod__accessCard{
        width: auto;
  }
  .assureLock2LandingThree .al2Prod__accessCardImage{
        width: auto;
      height: 30px;
  }
  .assureLock2LandingThree .al2Prod{
    padding-bottom:43px;
        background: radial-gradient(53.59% 85.71% at 0% 0%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(245.1deg, rgba(255, 154, 6, 0) 57.89%, #FF9A06 100%), linear-gradient(184.26deg, #FFEFAF -62.19%, #F9525C 119.78%);
  }
  .assureLock2LandingThree .al2Prod__prodRow{
    margin-top:0px!important;
  }
  .assureLock2LandingThree .al2Prod__prodButton[data-prod-option="wifi"] .al2Prod__prodButtonImage{
        max-width: 50px!important;
      margin-right: 10px!important;
  }
  .assureLock2LandingThree .smartPDP__qtyBox{
        background: white;
      border: 1px solid black;
  }
  .al2GridBlock__full{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .al2GridBlock__fullImageWrapper{
        width: 100%;
      height: 100%;
  }
  .al2GridBlock__fullImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  #shopify-section-al2GridBlocks{
    padding-bototm:22px;
  }
  .al2GridBlock__full{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .al2GridBlock__fullImageWrapper{
        width: 100%;
      height: 100%;
  }
  .al2GridBlock__fullImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .assureLock2LandingTwo .al2Prod__techContent{
    color:black;
  }
  
  .al2Prod__techButton--active{
        background: black!important;
      color: #fff!important;
      border: 2px solid black!important;
      font-family: 'YaleSolis-Bold', sans-serif!important;
  }
  
  .al2Prod__techButton--active .al2Prod__prodButtonText{
    color:white!important;
  }
  
  .al2Prod__techButton--active .al2Prod__prodButtonImage{
    filter:invert(1) !important
  }
  
  .al2Prod__techButton[data-tech-option="wifi"] .al2Prod__prodButtonImage{
        max-width: 50px!important;
      margin-right: 10px!important;
  }
  
  .assureLock2LandingOne .al2Prod__prodButton[data-prod-option="touchscreen"] .al2Prod__prodButtonImage{
        filter:invert(1) !important;
  }
  .assureLock2LandingOne .al2Prod__prodButton[data-prod-option="touchscreen"].al2Prod__prodButton--active .al2Prod__prodButtonImage{
        filter:invert(0) !important;
  }
  
  .assureLock2Touch .al2Prod__prodButton[data-prod-option="touchscreen"] .al2Prod__prodButtonImage{
    filter:invert(1) !important;
  }
  .assureLock2Touch .al2Prod__prodButton[data-prod-option="touchscreen"].al2Prod__prodButton--active .al2Prod__prodButtonImage{
    filter:invert(0) !important;
  }
  
  .assureLock2Touch .al2Prod__techButton{
        margin-left: 15px;
  }
  
  .assureLock2LandingTwo .notifyMe__form{
        background: white;
  }
  .assureLock2LandingThree .notifyMe__form{
        background: white;
  }
  
  .newHero__slide--two{
    background:black;
  }
  .newHero__slide--two .newHero__desktopImg{
    opacity:.7;
  }
  .newHero__slide--two .newHero__slideContent{
        max-width: 863px;
  }
  .newHero__slide--two .newHero__superTitle{
      width: 100%;
      text-align: center;
      font-size: 40px!important;
      line-height: 49px!important;
      margin-bottom: 20px!important;
      filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.5));
  }
  .newHero__slide--two .newHero__title{
        width: 100%;
      text-align: center;
      font-size: 34px!important;
      line-height: 42px!important;
      filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.5));
  }
  .newHero__flex{
        display: flex;
      justify-content: center;
          margin: auto;
      margin-top: 25px;
      max-width: 750px;
  }
  .newHero__left, .newHero__right{
        margin: auto 15px;
    width:calc(50% - 30px);
  }
  .newHero__flexText{
        font-size: 24px;
      line-height: 29px;
      font-family: YaleSolis-Bold,sans-serif;
      color: white;
      text-align: center;
      margin-bottom: 39px;
  }
  .newHero__flexText span{
        font-family: YaleSolis-Regular,sans-serif;
  }
  .newHero__flexButton{
        background: #FFC700;
      border-radius: 32px;
      height: 64px;
      display: flex;
      padding: 0px 24px;
    color:black;
    width:max-content;
    margin:0 auto;
    transition:all .2s;
  }
  .newHero__flexButton span{
        font-size: 20px;
      line-height: 24px;
      margin: auto 0;
      font-family: YaleSolis-Bold,sans-serif;
  }
  .newHero__flexButtonIcon{
        width: 48px;
      height: 48px;
      object-fit: contain;
      margin: auto 0;
  }
  .newHero__flexButton--right{
    background:white;
  }
  .newHero__flexButton:hover{
    background:white;
  }
  .newHero__flexButton--right:hover{
    background: #FFC700;
  }
  @media only screen and (max-width: 992px){
    .newHero__slide--two{
      background:white;
    }
    .newHero__slide--two .newHero__mobButtonTwo{
          background: #FFC700;
      border-radius: 32px;
      height: 64px;
      display: flex;
      padding: 0px 24px;
      color: black;
      width: max-content;
      margin: 0 auto;
      transition: all .2s;
      box-sizing: border-box;
      margin-top: 36px;
      border: 2px solid #FFC700;
    }
    .newHero__slide--two .newHero__mobButtonTwo span{
          font-size: 20px;
      line-height: 24px;
      margin: auto 0;
      font-family: YaleSolis-Bold,sans-serif;
    }
    .newHero__slide--two .newHero__mobButtonTwo img{
          width: 48px;
      height: 48px;
      object-fit: contain;
      margin: auto 0;
    }
    .newHero__slide--two .newHero__mobButtonTwo--right{
      border:2px solid black;
      background:white;
      marign-top:24px;
    }
  
    .newHero__slide--two .newHero__mobButtonTwo:hover{
      border:2px solid black;
      background:white;
    }
    .newHero__slide--two .newHero__mobButtonTwo--right:hover{
      background: #FFC700;
      border: 2px solid #FFC700;
    }
  }
  
  .assure-switch .images{
        width: calc(100% - 600px);
  }
  .assure-switch .images img{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .touchVidModal{
        position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10000;
  }
  .touchVidModal__bkg{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: black;
      opacity: .8;
  }
  .touchVidModal__inner{
    position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 60px);
      max-width: 800px;
  }
  .touchVidModal__close{
        position: absolute;
      bottom: calc(100% + 10px);
      right: -30px;
      background: 0;
      border: 0;
      color: white;
      font-size: 30px;
      padding: 0;
      height: 30px;
      line-height: 30px;
  }
  .touchVidModal__iframeFrame{
        width: 100%;
      height: 0;
      padding-top: 51%;
      position: relative;
  }
  .touchVidModal__iframeWrapper{
    background: black;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .touchVidModal__iframeWrapper iframe{
        width: 100%;
      height: 100%;
  }
  .al2Prod__prodButtonTextWrapper{
        min-width: max-content;
  }
  
  [data-prod-option="wifi"] .al2Prod__prodButtonImage{
    padding-right:10px;
  }
  
  @media only screen and (max-width:900px){
    .assure-switch .sidebar .eyebrow, .assure-switch .sidebar .facts .fact .small{
          font-family: YaleSolis-Bold,sans-serif;
    }
  }
  
  .assure-switch .tabs button, .assure-access .tab-item.active button{
    color:black;
  }
  
  #works-with-pillar {
    background: #fff;
    overflow-x: hidden;
  }
  
  #works-with-pillar .d-flex {
    display: flex;
    flex-wrap: wrap;
  }
  #works-with-pillar .d-none {
    display: none;
  }
  #works-with-pillar .d-block {
    display: block;
  }
  #works-with-pillar .justify-between {
    justify-content: space-between;
  }
  #works-with-pillar .justify-center {
    justify-content: center;
  }
  #works-with-pillar .justify-right {
    justify-content: right;
  }
  #works-with-pillar .align-center {
    align-items: center;
  }
  #works-with-pillar .align-left {
    align-items: left;
  }
  #works-with-pillar .align-right {
    align-items: right;
  }
  #works-with-pillar .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  #works-with-pillar .content-heading {
    max-width: 635px;
    width: 100%;
    margin: 0 0 30px 0;
    font-size: 32px !important;
  }
  @media (max-width: 768px) {
    #works-with-pillar .content-heading {
      font-size: 28px;
    }
  }
  #works-with-pillar .content-heading span {
    display: block;
  }
  #works-with-pillar .workPill__hero {
    position: relative;
    height: 300px;
    overflow: hidden;
  }
  /* @media (max-width: 768px) {
    #works-with-pillar .workPill__hero {
      height: 300px;
    }
  } */
  #works-with-pillar .workPill__hero .hero__bg {
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY( -50% );
    right: 0;
    height: 100%;
  }
  
  
  
  
  .workPill__hero .hero-gradient {
    height: 100%;
    position: absolute;
    width: 50%;
    background:  linear-gradient(135deg, #FFF7CC 0%, rgba(255, 247, 204, 0) 100%), linear-gradient(180deg, #FCF0A2 0%, #FFDA04 100%);
    
  }
  #works-with-pillar .workPill__hero .hero__crumbs {
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
  }
  
  @media( max-width: 992px ) {
    #works-with-pillar .workPill__hero .hero__bg  {
      display: none;
    }
  
    .workPill__hero .hero-gradient {
      width: 100%;
    }
  }
  
  @media (max-width: 768px) {
    #works-with-pillar .workPill__hero .hero__crumbs {
      top: 25px;
    }
  }
  #works-with-pillar .workPill__hero .hero__crumbs .crumb {
    color: #000;
    font-size: 14px;
    display: block;
    line-height: 1;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__hero .hero__crumbs .crumb {
      font-size: 12px;
    }
  }
  #works-with-pillar .workPill__hero .hero__crumbs .arrow {
    margin: 0 10px;
    filter: invert(1);
  }
  #works-with-pillar .workPill__hero .hero__copy {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY( -50% );
  }
  #works-with-pillar .workPill__hero .hero__copy h1 {
    font-size: 48px !important;
    color: #000;
    margin-bottom: 0;
    padding-top: 40px;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__hero .hero__copy h1 {
      font-size: 34px !important;
    }
  }
  #works-with-pillar .workPill__hero .hero__copy p {
    font-size: 18px;
    margin-top: 0;
    color: #000;
    max-width: 600px;
    line-height: 120%;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__hero .hero__copy p {
      font-size: 14px;
    }
  }
  #works-with-pillar .workPill__banner {
    background: radial-gradient(100% 100% at 0% 0%, #FFFDEE 0%, rgba(255, 240, 10, 0) 100%) , linear-gradient(45deg, #FFF108 0%, rgba(255, 241, 7, 0) 50%), linear-gradient(110.17deg, #FFFDEE 0%, #FE9517 100%);
    /* padding: 15px 0; */
    height: 200px;
    text-align: center;
    font-size: 32px;
    color: #000;
  }
  
  #works-with-pillar .workPill__banner .container {
    display: flex;
    align-items: center;
    height: 100%;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__banner {
      font-size: 14px;
    }
  }
  #works-with-pillar .workPill__banner a {
    color: #fff;
  }
  #works-with-pillar .workPill__banner img {
    margin-left: 15px;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__banner img {
      display: none;
    }
  }
  #works-with-pillar .workPill__callouts {
    padding: 60px 0;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__callouts {
      padding: 30px 0;
    }
  }
  #works-with-pillar .workPill__callouts .callout__list {
    margin: 0 -10px;
  }
  #works-with-pillar .workPill__callouts .callout__list .callout {
    width: calc( 100% / 3 );
    padding: 0 10px;
    margin-bottom: 20px;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__callouts .callout__list .callout {
      width: 100%;
    }
  }
  #works-with-pillar .workPill__callouts .callout__list .callout--half {
    width: calc( 100% / 2 );
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__callouts .callout__list .callout--half {
      width: 100%;
    }
  }
  #works-with-pillar .workPill__callouts .callout__list .callout__inner {
    background: #F5F5F5;
    
    height: 100%;
    overflow: hidden;
  }
  #works-with-pillar .workPill__callouts .callout__list .callout__image {
    /* border-radius: 8px 8px 0 0; */
    position: relative;
  }
  #works-with-pillar .workPill__callouts .callout__list .callout__image .image--desktop {
    display: block;
    width: 100%;
  }
  
  .workPill__callouts .callout__list .callout__image .image--mobile {
    display: none;
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99; */
  }
  
  #works-with-pillar .workPill__callouts .callout__list .callout__copy {
    padding: 15px 20px 40px 20px;
  }
  #works-with-pillar .workPill__callouts .callout__list .callout__copy h3 {
    font-family: YaleSolis-Regular,sans-serif;
      font-weight: 400;
      font-size: 24px!important;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__callouts .callout__list .callout__copy h3 {
      font-size: 16px;
    }
  
    .workPill__callouts .callout__list .callout__image .image--mobile {
      display: block;
      width: 100%;
    }
  
    .workPill__callouts .callout__list .callout__image .image--desktop {
      display: none !important;
    }
  }
  #works-with-pillar .workPill__callouts .callout__list .callout__copy h3 img {
    margin-right: 5px;
  }
  #works-with-pillar .workPill__callouts .callout__list .callout__copy p {
    font-size: 16px;
    margin-top: 10px;
    line-height: 140%;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__callouts .callout__list .callout__copy p {
      font-size: 14px;
    }
  }
  #works-with-pillar .workPill__slider {
    padding-bottom: 120px;
    padding-top: 40px;
    overflow: hidden;
  }
  
  #works-with-pillar .workPill__slider h2.content-heading {
    margin-bottom: 15px;
  }
  
  .workPill__slider .content-copy {
    max-width: 400px;
    padding-bottom: 30px;
  }
  
  
  @media (max-width: 768px) {
    #works-with-pillar .workPill__slider {
      padding-top: 0;
      padding-bottom: 40px;
    }
  }
  #works-with-pillar .workPill__slider .slick-list {
    overflow: visible !important;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__slider .slick-list {
      overflow: hidden !important;
    }
  }
  #works-with-pillar .workPill__slider .slick-arrow {
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1 !important;
  }
  #works-with-pillar .workPill__slider .slick-arrow:hover {
    background: #000;
  }
  #works-with-pillar .workPill__slider .slick-arrow:hover::before {
    filter: invert(1);
  }
  #works-with-pillar .workPill__slider .slick-next {
    right: -60px;
  }
  @media (max-width: 1230px) {
    #works-with-pillar .workPill__slider .slick-next {
      right: -15px;
    }
  }
  #works-with-pillar .workPill__slider .slick-prev {
    left: -60px;
  }
  @media (max-width: 1230px) {
    #works-with-pillar .workPill__slider .slick-prev {
      left: -15px;
    }
  }
  #works-with-pillar .workPill__slider .slick-prev::before {
    transform: scaleX(-1);
  }
  
  .workPill__slider h3 {
    font-family: YaleSolis-Regular,sans-serif;
    font-weight: 400;
    font-size: 24px !important;
  }
  
  #works-with-pillar .workPill__slider .slick-arrow::before {
    appearance: unset !important;
    display: block !important;
    content: "";
    opacity: 1 !important;
    width: 8px;
    height: 16px;
    background: url("pillar-arrow.svg") center center no-repeat;
  }
  #works-with-pillar .workPill__slider .slider__slides .slick-protect {
    margin-right: 10px;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__slider .slider__slides .slick-protect {
      margin: 0;
    }
  }
  #works-with-pillar .workPill__slider .slider__slides .slick-slide {
    opacity: 0.5;
    transition: opacity 0.17s ease;
  }
  #works-with-pillar .workPill__slider .slider__slides .slick-slide.slick-active {
    opacity: 1;
  }
  #works-with-pillar .workPill__slider .slider__slides .slide-box {
    /* width: 350px; */
    overflow: hidden;
    height: 100%;
    background: #F5F5F5;
  }
  
  #works-with-pillar .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    cursor: pointer;
    font-size: 0;
    opacity: 0;
    transition: all .2s;
    border: none;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__slider .slider__slides .slide-box {
      width: 100%;
    }
  }
  #works-with-pillar .workPill__slider .slider__slides .slide-box .slider__image .image--desktop {
    width: 100%;
  }
  
  .workPill__slider .slider__slides .slide-box .slider__image .image--mobile {
    display: none;
  }
  
  #works-with-pillar .workPill__slider .slider__slides .slide-box .slider__copy {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    height: 245px;
    padding: 15px 20px 30px 20px;
  }
  #works-with-pillar .workPill__slider .slider__slides .slide-box .slider__copy p {
    
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 120%;
  }
  #works-with-pillar .workPill__explore {
    background: #F5F5F5;
    padding: 100px 0;
    overflow: hidden;
  }
  
  #works-with-pillar .workPill__explore .brand__inner a:hover {
    text-decoration: none !important;
    border: none !important;
  }
  
  @media (max-width: 992px) {
    #works-with-pillar .workPill__explore {
      overflow: visible;
    }
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__explore {
      padding: 40px 0;
    }
  
    #works-with-pillar .workPill__slider .slider__slides .slide-box .slider__image .image--desktop {
      display: none !important;
    }
    
    .workPill__slider .slider__slides .slide-box .slider__image .image--mobile {
      display: block !important;
      width: 100%;
    }
  }
  #works-with-pillar .workPill__explore .explore__wrap {
    align-items: flex-start;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile {
    display: none;
    position: relative;
  }
  @media (max-width: 992px) {
    #works-with-pillar .workPill__explore .explore__filters--mobile {
      display: block;
      width: 100%;
      margin-bottom: 30px;
    }
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .chooser.is-open button {
    /* border-radius: 8px 8px 0 0; */
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .chooser li {
    display: none;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .chooser li.active {
    display: block;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .chooser button {
    transition: all 0.17s ease;
    background: url("icon-arrow-down.svg") calc( 100% - 20px ) center no-repeat #fff;
    border: 1px solid #FFC700;
    border-left: 8px solid #FFC700;
    
    width: 100%;
    text-align: left;
    font-size: 15px;
    padding: 5px 15px;
    height: 48px;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .chooser button img {
    width: 36px;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .chooser button span {
    width: calc( 100% - 45px );
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .list {
    background: #fff;
    padding: 15px;
    /* border-radius: 0 0 8px 8px; */
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border: 1px solid #FFC700;
    border-top: none;
    display: none;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .list li {
    margin-bottom: 5px;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .list li.active {
    display: none;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .list .filter--all {
    height: 36px;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .list .filter--all span {
    margin-left: 45px;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .list button {
    background: none;
    padding: 0;
    border: none;
    font-size: 13px;
    width: 100%;
    text-align: left;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .list button img {
    width: 36px;
  }
  #works-with-pillar .workPill__explore .explore__filters--mobile .list button span {
    width: calc( 100% - 45px );
  }
  #works-with-pillar .workPill__explore .explore__filters--desktop {
    width: 235px;
  }
  @media (max-width: 992px) {
    #works-with-pillar .workPill__explore .explore__filters--desktop {
      display: none;
    }
  }
  #works-with-pillar .workPill__explore ul {
    margin: 0;
    padding: 0;
  }
  
  #works-with-pillar .workPill__explore li {
    list-style-type: none;
  }
  
  #works-with-pillar .workPill__explore .explore__filters--desktop li {
    margin-bottom: 10px;
  }
  #works-with-pillar .workPill__explore .explore__filters--desktop button {
    transition: all 0.17s ease;
    cursor: pointer;
    background: #fff;
    
    border: none;
    border-left: 8px solid #FFC700;
    width: 100%;
    text-align: left;
    padding: 7px 10px;
  }
  #works-with-pillar .workPill__explore .explore__filters--desktop button:hover {
    background: #FFE380;
  }
  #works-with-pillar .workPill__explore .explore__filters--desktop button.active {
    background: #FFC700;
    /* color: #fff; */
  }
  #works-with-pillar .workPill__explore .explore__filters--desktop button.active img {
    /* filter: invert(1); */
  }
  #works-with-pillar .workPill__explore .explore__filters--desktop button span {
    width: calc( 100% - 60px );
    font-size: 16px;
    line-height: 120%;
  }
  #works-with-pillar .workPill__explore .explore__brands {
    width: calc( 100% - 280px );
    margin: 0 -5px;
    align-items: flex-start;
  }
  @media (max-width: 992px) {
    #works-with-pillar .workPill__explore .explore__brands {
      width: 100%;
      margin: 0;
    }
  }
  #works-with-pillar .workPill__explore .explore__brands .brand {
    width: calc( 100% / 5 );
    padding: 0 5px;
    margin-bottom: 10px;
  }
  @media (max-width: 1100px) {
    #works-with-pillar .workPill__explore .explore__brands .brand {
      width: calc( 100% / 4 );
    }
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__explore .explore__brands .brand {
      width: calc( 100% / 2 );
    }
  }
  @media (max-width: 600px) {
    #works-with-pillar .workPill__explore .explore__brands .brand {
      width: 100%;
      padding: 0;
    }
  }
  #works-with-pillar .workPill__explore .explore__brands .brand.active {
    width: calc( 100% / 2 );
  }
  @media (max-width: 600px) {
    #works-with-pillar .workPill__explore .explore__brands .brand.active {
      width: 100%;
    }
  }
  #works-with-pillar .workPill__explore .explore__brands .brand.active .brand__inner {
    height: 96px;
  }
  #works-with-pillar .workPill__explore .explore__brands .brand.active .brand__inner img {
    max-height: 70px;
    max-width: 265px;
  }
  #works-with-pillar .workPill__explore .explore__brands .brand .brand__inner {
    background: #fff;
    height: 80px;
    /* border-radius: 16px; */
    border: 1px solid rgba(0, 0, 0, 0.2);
  }
  #works-with-pillar .workPill__explore .explore__brands .brand .brand__inner img {
    max-height: 50px;
    max-width: 125px;
  }
  #works-with-pillar .workPill__products {
    padding: 100px 0;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__products {
      padding: 40px 0;
    }
  }
  #works-with-pillar .workPill__products .products__list .colCard22 {
    width: calc( ( 100% / 3 ) - 10px );
    overflow: visible;
  }
  @media (max-width: 768px) {
    #works-with-pillar .workPill__products .products__list .colCard22 {
      width: 100%;
      margin-bottom: 20px;
    }
  }
  #works-with-pillar .workPill__products .products__list .colCard22 .colCard22__front {
    height: 100%;
  }
  #works-with-pillar .workPill__products .products__list .colCard22 .colCard22__frontInner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    
  }
  #works-with-pillar .workPill__products .products__list .colCard22 .colCard22__colorRow {
    display: none;
  }
  #works-with-pillar .workPill__products .products__list .colCard22 .colCard22__title {
    font-size: 24px;
  }
  #works-with-pillar .workPill__products .products__list .colCard22 .colCard22__oldPrice {
    font-size: 20px;
  }
  #works-with-pillar .workPill__products .products__list .colCard22 p {
    font-size: 16px;
    margin-top: 10px;
    line-height: 140%;
  }
  #works-with-pillar .workPill__products .products__list .colCard22 .colCard22__imageWrapper {
    height: unset;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  #works-with-pillar .workPill__products .products__list .colCard22 .colCard22__imageWrapper img {
    display: block;
    margin: 0 auto;
    mix-blend-mode: multiply;
  }
  #works-with-pillar .workPill__tabs  .accessCollectionCard__inner .works-with {
    padding: 15px 0;
    margin-top: 15px;
    border-top: 1px solid #000;
    position: relative;
    width: calc( 100% - 30px );
    margin: 12px auto 0 auto;
  }
  #works-with-pillar .workPill__tabs  .accessCollectionCard__inner .works-with .trigger {
    background: none;
    padding: 0;
    width: 100%;
    font-size: 16px;
    border: none;
    cursor: pointer;
  }
  
  .workPill__tabs .accessCollection__next,
  .workPill__tabs .accessCollection__prev {
    z-index: 99;
    top: 250px !important;
  }
  
  #works-with-pillar .workPill__tabs  .accessCollectionCard__inner .works-with .trigger.active::after {
    background: url("icon-works-minus.svg") center center no-repeat;
  }
  #works-with-pillar .workPill__tabs  .accessCollectionCard__inner .works-with .trigger:hover {
    color: #FFC700;
  }
  .workPill__tabs .slider .slick-list {
    padding-bottom: 150px;
  }
  
  #works-with-pillar .workPill__tabs  .accessCollectionCard__inner .works-with .trigger::after {
    content: "";
    display: block;
    height: 12px;
    width: 12px;
    background: url("icon-works-plus.svg") center center no-repeat;
  }
  #works-with-pillar .workPill__tabs  .accessCollectionCard__inner .works-with .copy {
    display: none;
    font-size: 16px;
    position: absolute;
    top: 55px;
    left: -16px;
    width: calc( 100% + 32px );
    padding: 0 16px 16px 16px;
    background: #fff;
   
    border: 1px solid #B4BCC2;
    border-top: none;
    border-bottom: 3px solid #FFC700;
  }
  #works-with-pillar .workPill__tabs  .accessCollectionCard__inner .works-with .copy ul {
    list-style: disc;
    padding-left: 1em;
  }
  #works-with-pillar .workPill__tabs  .accessCollectionCard__inner .works-with .copy ul li:not(:last-child) {
    margin-bottom: 0;
  }
  #works-with-pillar .workPill__tabs  .accessCollectionCard__inner .wifi-badge {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  #works-with-pillar .workPill__products .products__list .colCard22 .wifi-badge {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  
  .workPill__slider .slick-track {
      display: flex !important;
  }
  
  .workPill__slider .slick-slide {
      height: inherit !important;
  }
  
  .workPill__tabs .tab-inner .tab-info {
    width: 400px;
  }
  
  .workPill__tabs .tab-inner .tab-products {
    width: calc( 100% - 420px );
    padding: 0 60px;
    position: relative;
  }
  
  @media( max-width: 992px ) {
    .workPill__tabs .tab-inner .tab-products {
      width: 100%;
    }
  
    .workPill__tabs .tab-inner .tab-info {
      width: 100%;
      margin-bottom: 30px;
    }
  
    .workPill__tabs .tab-inner .tab-info img {
      width: 100%;
    }
  }
  
  
  
  .workPill__tabs .tabs__list .tab-block:not(.active) {
    display: none;
  }
  
  .workPill__tabs {
    padding: 60px 0 0 0;
  }
  
  .workPill__tabs .tabs__tabs {
    margin-bottom: 40px;
  }
  
  .workPill__tabs .tabs__tabs .tab-btn:not(:last-child) {
    margin-right: 20px;
  }
  
  .workPill__tabs .tabs__tabs .tab-btn button {
    border: none;
    background: #fff;
    border: 1px solid #DFDFDF;
    height: 50px;
    padding: 0 30px;
    font-size: 12px;
    /* display: block;
    width: 100%; */
  }
  
  .workPill__tabs .tabs__tabs .tab-btn.active button {
    background: #FFC700;
    border: 1px solid #FFC700;
    font-weight: 900;
  }
  
  .workPill__tabs .accessCollection__prev,
  .workPill__tabs .accessCollection__next {
    position: absolute;
    top: calc( 50% - 50px );
    transform: translateY(-50%);
  }
  
  .workPill__tabs .accessCollection__prev {
    left: -0;
  }
  
  .workPill__tabs .accessCollection__next {
    right: -0;
  }
  
  @media( max-width: 768px ) {
    .workPill__tabs .tab-inner .tab-products {
      padding: 0 0;
    }
  
    .workPill__tabs .accessCollectionCard__inner {
      width: 100%;
    }
  
    .workPill__tabs .accessCollection__prev {
      left: -20px !important;
    }
    
    .workPill__tabs .accessCollection__next {
      right: -20px !important;
    }
  
    .workPill__tabs button img {
      width: 32px;
    }
  }
  
  .workPill__tabs .explore__filters {
    display: none;
  }
  
  .explore__filters button[data-id="all"] {
    height: 62px;
  }
  
  @media( max-width: 992px ) {
    .tabs__tabs  {
      display: none !important;
    }
  
    .workPill__tabs .explore__filters {
      display: block;
      position: relative;
    }
  
    .workPill__tabs .explore__filters ul {
      padding: 0;
    }
  
    #works-with-pillar .workPill__tabs .explore__filters--mobile .chooser.is-open button {
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .chooser li {
      display: none;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .chooser li.active {
      display: block;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .chooser button {
      transition: all 0.17s ease;
      background: url("icon-arrow-down.svg") calc( 100% - 20px ) center no-repeat #fff;
      border: 1px solid #FFC700;
      border-left: 8px solid #FFC700;
      
      width: 100%;
      text-align: left;
      font-size: 15px;
      padding: 5px 15px;
      height: 48px;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .chooser button img {
      width: 36px;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .chooser button span {
      width: calc( 100% - 45px );
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .list {
      background: #fff;
      padding: 15px;
      /* border-radius: 0 0 8px 8px; */
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      border: 1px solid #FFC700;
      border-top: none;
      display: none;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .list li {
      margin-bottom: 5px;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .list li.active {
      display: none;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .list .filter--all {
      height: 36px;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .list .filter--all span {
      margin-left: 45px;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .list button {
      background: none;
      padding: 0;
      border: none;
      font-size: 13px;
      width: 100%;
      text-align: left;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .list button img {
      width: 36px;
    }
    #works-with-pillar .workPill__tabs .explore__filters--mobile .list button span {
      width: calc( 100% - 45px );
    }
    
  }
  
  .works-icons {
    margin-top: 15px;
  }
  
  .works-icons .icon {
    margin: 0 3px;
    margin-bottom: 6px;
  }
  
  .al2Prod__techButton{
        border-radius: 20px;
      padding: 4px 30px 4px 8px;
        background:transparent;
  
        border: 2px solid black;
  }
  .assureLock2LandingOne .al2Prod__prodRow{
        margin-top: 24px;
  }
  
  @media only screen and (max-width:900px){
    .al2Prod__prodOptionButtonWrapper{
      width:100% !important;
    }
    .al2Prod__techButton{
          margin-bottom: 20px !important;
    }
  }
  
  .sloBottom{
    margin-top:60px;
  }
  
  .sloFeatured__techSwapper{
        border-top: 1px solid #C9C9C9;
      margin-top: 20px;
      display: flex;
      padding-top: 20px;
  }
  .sloFeatured__techTitle{
        font-family: YaleSolis-Bold;
      margin-right: 20px;
  }
  .sloFeatured__techSwap{
        font-family: YaleSolis-Bold;
      background: 0;
      border: 2px solid black;
      border-radius: 30px;
      padding: 4px 30px 4px 8px;
      margin: auto 0 auto 15px;
      display: flex;
  }
  .sloFeatured__techSwap .al2Prod__prodButtonImage{
        width: 30px;
      height: 30px;
      padding-right: 10px;
      box-sizing: content-box;
      padding-left: 10px;
  }
  .sloFeatured__techSwap--active{
    background:black;
    color:white;
    
  }
  .sloFeatured__techSwap--active .al2Prod__prodButtonImage{
    filter:invert(1);
  }
  
  #shopify-section-assurePlus--sticky, #shopify-section-assureTouch-sticky{
        position: sticky;
      top: 0;
      left: 0;
      width: 100%;
      height: 48px;
      z-index: 1;
      background: white;
  }
  
  @media only screen and (max-width:800px){
    .al2Sticky__inner{
          width: calc(100% - 40px);
    }
    .al2Sticky__button{
          margin-right: 0;
    }
    .slo3Desk__cardImageTextWrapper{
          width: calc(100% - 80px);
    }
  }
  @media only screen and (max-width:900px){
  .al2GradBreak__flex{
        flex-direction: column-reverse;
  }
    .al2GradBreak__left{
          width: 100%;
    }
    .al2GradBreak__right{
          width: 100%;
    }
    .al2GradBreak__imageWrapper{
          position: initial;
      margin-bottom: 30px;
    }
  }
  
  
  
  #cartDrawer{
    flex-wrap:nowrap!important;
  }
  
  .workPill__explore button{
    color:black;
  }
  .workPill__tabs button{
    color:black;
  }
  
  .abComing{
        position: relative;
      min-height: 726px;
  }
  .abComing__background{
        position: absolute;
      top: 0;
      left: -10px;
      width: calc(100% + 20px);
      height: 100%;
  }
  .abComing__backgroundImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .abComing__backgroundImage--mobile{
    display: none;
  }
  .abComing__inner{
        position: relative;
      padding-top: 87px;
      padding-bottom: 90px;
      width: calc(100% - 60px);
      margin: auto;
      max-width: 1055px;
      text-align: center;
      color: white;
  }
  .abComing__title{
        font-size: 60px!important;
      margin-bottom: 22px;
      line-height: 73px;
  }
  .abComing__subTitle{
    font-size: 34px;
      font-family: 'YaleSolis-Bold';
      line-height: 41px;
      margin-bottom: 12px;
  }
  .abComing__text{
        font-size: 34px;
      line-height: 41px;
  }
  
  .abComing__formFlex{
        max-width: 550px;
      margin: auto;
  }
  .abComing__formFlex p{
    color:white!important;
  }
  
  .abComing__formFlex [data-testid="form-row"]{
        justify-content: center;
  }
  
  .abComing__formFlex input{
        max-width: 335px!important;
      border-radius: 56px!important;
      height: 56px!important;
      padding-left: 30px!important;
  }
  .abComing__formFlex button{
      height: 56px!important;
      border-radius: 56px!important;
      background: #FFD800!important;
      color: black!important;
      padding: 0px 50px!important;
  }
  
  @media only screen and (max-width:1000px){
    .abComing__backgroundImage--desktop{
      display:none;
    }
    .abComing__backgroundImage--mobile{
      display:block;
    }
    .abComing__formFlex [data-testid="form-row"]{
        flex-wrap:wrap;
    }
    .abComing__formFlex button{
      width:100vw!important;
    }
    .abComing__formFlex input{
      max-width:none!important;
    }
    .abComing__inner{
          padding-top: 48px;
    }
    .abComing__title{
          font-size: 34px!important;
      line-height: 42px;
    }
    .abComing__subTitle{
          font-size: 24px;
      line-height: 29px;
    }
    .abComing__text{
          font-size: 24px;
      line-height: 29px;
    }
  }
  
  .mod__shortenTitle{
        width: 70px!important;
  }
  .mod__addSpaceToOptions{
        width: calc(100% - 70px)!important;
  }
  .mod__changeColorSpacing{
        margin-right: 5px!important;
  }
  
  .hpNew__inner{
    width: calc(100% - 60px);
  max-width: 1310px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  }
  .hpNew__left{
    width: calc((100% - 23px) * 0.4);
  }
  .hpNew__right{
  width: calc((100% - 23px) * 0.6);
  }
  .hpNew__bigCardImageWrapper{
    padding-top: 105%;
  position: relative;
  height: 0;
  width: 100%;
  }
  .hpNew__cardImage{
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
  .hpNew__smallCard{
    display: flex;
  }
  .hpNew__smallCard--top{
    margin-bottom: 27px;
  }
  .hpNew__smallCardImageWrapper{
    padding-top: 102%;
  position: relative;
  height: 0;
  }
  .hpNew__smallCardLeft{
    width: calc(50% + 6px);
  }
  .hpNew__smallCardRight{
    width: calc(50% - 6px);
  }
  .hpNew__bigCardTextWrapper{
    background: #F8C744;
  }
  .hpNew__bigCardTextInner{
    padding: 30px;
  padding-bottom: 23px;
  padding-top: 51px;
  text-align: center;
  }
  .hpNew__bigCardTitle{
    font-family: YaleSolis-Bold;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 12px;
  }
  .hpNew__bigCardText{
  font-size: 16px;
  line-height: 26px;
  }
  .hpNew__bigCardButton{
  font-size: 24px;
  line-height: 24px;
  color: white;
  background: black;
  padding: 16px 10px;
  display: block;
  border-radius: 40px;
  max-width: 345px;
  margin: auto;
  margin-top: 27px;
  }
  .hpNew__right{
    position: relative;
  }
  .hpNew__smallCard{
    position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc((100% - 27px) / 2);
  }
  .hpNew__smallCard--top{
    top: 0;
  bottom:auto;
  }
  .hpNew__smallCardImageWrapper{
    padding-top: 0;
  height: 100%;
  }
  .hpNew__bigCardButton:hover{
  color:white;
  }
  .hpNew__smallCardRight{
    background: #F8C744;
  }
  .hpNew__smallCardTextWrapper{
    display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  margin: auto;
  max-width: 230px;
  width: calc(100% - 40px);
  }
  .hpNew__smallCardTitle{
    font-size: 24px;
  font-family: 'YaleSolis-Bold';
  line-height: 30px;
  margin-bottom: 12px;
  }
  .hpNew__smallCardText{
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 20px;
  }
  .hpNew__smallCardButton{
    display: flex;
  width:max-content;
  }
  .hpNew__smallCardButtonText{
    display: block;
  font-family: 'YaleSolis-Bold';
  font-size: 19px;
  margin: auto 0;
  }
  .hpNew__smallCardButtonArrow{
    width: 7px;
  display: block;
  margin: auto 0;
  margin-left: 15px;
  }
  .hpNew{
  padding-bottom:75px;
  }
  
  @media only screen and (max-width:950px){
  .hpNew__inner{
      flex-direction: column;
      width: calc(100% - 40px);
  }
  .hpNew__left{
      width: 100%;
  margin-bottom: 30px;
  }
  .hpNew__bigCardTextInner{
  padding-top: 26px;
  }
  .hpNew__bigCardTitle{
      font-size: 20px;
  line-height: 24px;
  margin-bottom: 12px;
  }
  .hpNew__bigCardButton{
      margin-top: 28px;
  }
  .hpNew__right{
      width: 100%;
  }
  .hpNew__smallCard{
      position: relative;
  flex-direction: column;
  height: auto;
  }
  .hpNew__smallCardLeft{
      width: 100%;
  }
  .hpNew__smallCardImageWrapper{
  padding-top: 100%;
  }
  .hpNew__smallCardRight{
      width: 100%;
  }
  .hpNew__smallCardTextWrapper{
  max-width: none;
  padding: 25px 0;
  }
  }
  
  .newLegalHeader{
        position: relative;
  }
  .newLegalHeader__background{
        background: linear-gradient(180deg, #FCF0A2 0%, #FFDA04 100%), linear-gradient(135deg, #FFF7CC 0%, rgba(255, 247, 204, 0) 100%);
      position: absolute;
      width: 100%;
      height: calc(100% + 100px);
  }
  .newLegalHeader__upper{
        padding: 64px 0;
      position: relative;
      margin: auto;
      width: calc(100% - 60px);
      max-width: 1312px;
  }
  .newLegalHeader__upperTitle{
        font-size: 60px!important;
      text-align: center;
  }
  .newLegalHeader__tabsWrapper{
        height: 77px;
      margin: auto;
      width: calc(100% - 60px);
      max-width: 1312px;
      position: relative;
      background: #F5F5F5;
  }
  .newLegalHeader__tabsPrev{
        position: absolute;
      height: 100%;
      padding: 0;
      border: 0;
      top: 0;
      left: 0;
      background: none;
  }
  .newLegalHeader__tabsPrevImg{
        height: 100%;
  }
  .newLegalHeader__tabsFrame{
        overflow-x: auto;
  }
  .newLegalHeader__tabsSled{
        display: flex;
      width: 1312px;
      height: 77px;
  }
  .newLegalHeader__tab{
        width: calc(100% / 8);
      display: flex;
      height: 100%;
    border-right:1px solid #E2E2E2;
  }
  .newLegalHeader__tab:last-of-type{
    border-right:none;
  }
  .newLegalHeader__tabText{
        margin: auto;
      font-size: 12px;
      text-transform: uppercase;
      font-family: 'YaleSolis-Bold';
    text-align:center;
    line-height:15px;
  }
  .newLegalHeader__tabsNext{
        position: absolute;
      height: 100%;
      padding: 0;
      border: 0;
      top: 0;
      right: 0;
      background: none;
  }
  .newLegalHeader__tabsNextImg{
        height: 100%;
  }
  .newLegalHeader__mobileTabsWrapper{
        display: none;
  }
  .newLegalBody{
        position: relative;
      background: white;
      width: calc(100% - 50px);
      margin: auto;
  }
  .newLegalHeader__tab--active{
    background:white;
  }
  .newLegalBody__wrapper{
        max-width: 867px;
      margin: auto;
      padding-top: 43px;
      padding-bottom: 43px;
  }
  .newLegalBody__title{
        margin-bottom: 48px;
  }
  .newLegalBody__text tr{
        display: flex;
      justify-content: space-between;
  }
  .newLegalBody__text tr td{
        width: calc(50%)!important;
  }
  .newLegalHeader__tabsPrevBox, .newLegalHeader__tabsNextBox{
      display:none;
    }
  @media only screen and (max-width:1375px){
    .newLegalHeader__tabsPrevBox, .newLegalHeader__tabsNextBox{
      display:block;
    }
  }
  .newLegalTopButtonWrapper{
    display:none;
  }
  @media only screen and (max-width:990px){
    .newLegalHeader__mobileTabsWrapper{
          display: block;
      position: relative;
    }
    .newLegalHeader__mobileTabSelected{
          width: 100%;
      border: 1px solid black;
      height: 43px;
      background: white;
      text-align: left;
      font-size: 18px;
      line-height: 43px;
      padding: 0 12px;
      background-image: url(/cdn/shop/files/Vector_8_c6282a63-84f6-443a-9efb-9603238c7500.png?v=1705346735);
      background-repeat: no-repeat;
      background-position: center right 12px;
      background-size: 16px;
    }
    .newLegalHeader__mobileTabsDrawer{
          position: absolute;
      top: 100%;
      background: white;
    }
    .newLegalHeader__tabsWrapper{
      display:none;
    }
    .newLegalHeader__background{
          height: calc(100% - 58px);
    }
    .newLegalHeader__upper{
          padding: 47px 0;
    }
    .newLegalHeader__upperTitle{
          margin: 0;
      font-size: 32px!important;
      line-height: 42px;
    }
    .newLegalHeader__tabsWrapper{
          display: none;
    }
    .newLegalHeader__mobileTabsDrawer{
          z-index: 1;
      width: 100%;
    }
    .newLegalHeader__mobileTabsDrawerInner{
          display: flex;
      flex-direction: column;
    }
    .newLegalHeader__mobileTab{
          height: 49px;
      line-height: 49px;
      font-size: 16px;
      padding: 0px 12px;
      border-bottom: 1px solid rgba(0,0,0,0.25);
      background:white;
    }
    .newLegalHeader__mobileTab:hover{
      background:#FFD800;
      font-family:YaleSolis-Bold,sans-serif;
    }
    .newLegalHeader__mobileTabs{
          width: calc(100% - 50px);
      margin: auto;
      max-width: 867px;
      margin-top: 15px;
      position: relative;
    }
    .newLegalHeader__mobileTabsDrawer{
      border-left: 1px solid rgba(0,0,0,.25);
      border-right: 1px solid rgba(0,0,0,.25);
    }
    .newLegalBody__text tr{
          flex-direction: column;
    }
    .newLegalBody__text tr td{
          width: 100%!important;
      margin-bottom: 19px;
    }
    .newLegalTopButtonWrapper{
      display:block;
      position:fixed;
      bottom:20px;
      z-index:1000;
      right:20px;
    }
    .newLegalTopButton{
          padding: 0;
      border: 0;
      background: 0;
    }
    .newLegalTopButtonImage{
      width: 59px;
    }
  }
  
  .al2Prod__accessButton, .al2Prod__techTitleButton{
    color:black!important;
  }
  
  .bv_numReviews_text{
    font-size:14px!important;
  }
  
  /* Smart Cabinet Override Styles */
  #smart-safe .nestIcons__iconCard {
    width: auto;
    max-width: 100%;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  
  #smart-safe .nestIcons__flex {
    padding-bottom: 0;
    margin-top: 30px;
  }
  
  #smart-safe .nestIcons {
    padding-top: 0;
  }
  
  #smart-safe .nestIcons__text {
    display: none;
  }
  
  #smart-safe .abRepeater {
    padding-top: 30px;
  }
  
  #smart-safe .abRepeater.second .abBlock__flex, #smart-safe .abRepeater.third .abBlock__flex{
    flex-direction: row-reverse;
  }
  
  #smart-safe .abRepeater .abBlock:first-child {
    margin-bottom: 20px;
  }
  
  #smart-safe .abRepeater__inner {
    max-width: 1312px;
  }
  
  #smart-safe .abBlock__imgWrapper {
    width: calc( 60% - 20px );
  }
  
  #smart-safe .abBlock__textWrapper {
    background: #F5F5F5;
    width: 40%;
    padding: 40px 60px;
  }
  
  #smart-safe .abBlock__textWrapper .abBlock__title {
    font-size: 24px !important;
    line-height: 28px !important;
    margin-bottom: 40px;
  }
  
  #smart-safe .abBlock__textWrapper .abBlock__text {
    font-size: 16px;
    margin-top: 15px;
  }
  
  #smart-safe .abBlock__textWrapper .abBlock__text p {
    margin-bottom: 0;
  }
  
  #smart-safe .nestIcons-lower .nestIcons__flex {
    flex-wrap: wrap;
  }
  
  #smart-safe .nestIcons-lower {
    padding: 0 0 30px 0;
  }
  
  #smart-safe .nestIcons-lower .nestIcons__iconCard {
    width: calc( 33.3333% - 40px );
    margin-bottom: 40px;
    align-items: unset;
    justify-content: left;
  }
  
  #smart-safe .nestIcons-lower .nestIcons__inner {
    max-width: 980px;
  }
  
  #smart-safe .nestIcons-lower .nestIcons__iconText {
    text-align: left;
    margin-top: 5px;
  }
  
  #smart-safe .nestIcons-lower .nestIcons__iconText p {
    font-family: YaleSolis-Regular,sans-serif;
    margin-top: 10px;
  }
  
  #smart-safe .nestIcons-lower .disclaimer {
    font-size: 12px;
    /* font-style: italic; */
    text-align: center;
  }
  
  #smart-safe .nestGallery {
    max-width: 1312px;
    margin: 0 auto;
  }
  
  #smart-safe .nestGallery .nestGallery__imageWrapper {
    height: auto;
    padding-top: 0;
  }
  
  #smart-safe .nestGallery .nestGallery__image {
    position: static;
    width: 100%;
    height: auto;
  
  }
  
  #smart-safe .nestGallery .nestGallery__imageWrapper span {
    display: block;
    font-size: 20px;
    margin-top: 5px;
    line-height: 30px;
  }
  
  #smart-safe .nestGallery .nestGallery__imageWrapper h3 {
    font-size: 24px !important;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 30px;
  }
  
  #smart-safe .nestGallery .slick-slide {
    padding: 0 10px;
    padding-bottom: 15px;
  }
  
  #smart-safe .nestGallery .slick-dots {
    display: none;
    width: 100%;
    justify-content: center;
    padding: 0;
    margin: 0;
    padding-top: 40px;
  }
  
  #smart-safe .nestGallery .slick-dots li {
    display: block;
    font-size: 0;
    margin: 0 5px;
    width: 100%;
      max-width: 36px;
  }
  
  #smart-safe .nestGallery .slick-dots li button {
    display: block;
    font-size: 0;
    border: none;
    background: none;
    padding: 0;
    width: 100%;
  }
  
  #smart-safe .nestGallery .slick-dots li button::before {
    display: block;
    content: '';
    width: 100%;
    height: 8px;
    background: #9E9E9E;
    border-radius: 10px;
  }
  
  #smart-safe .nestGallery .slick-dots li.slick-active button::before {
    background: #000;
  }
  
  #smart-safe .nestGallery .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
  }
  
  
  #smart-safe .nestGallery .nestGallery__inner {
    max-width: 1312px;
    width: calc( 100% - 10px );
   }
  
  
   #smart-safe .nestGallery .nestGallery__title {
    font-size: 48px;
    margin-bottom: 20px;
   }
  
  #smart-safe .nestGallery .slick-arrow {
    display: block;
    font-size: 0;
    border: none;
    background: none;
    padding: 0;
  }
  
  #smart-safe .nestGallery .slick-arrow::before {
    content: '';
    display: block;
    height: 27px;
    width: 10px;
  }
  
  #smart-safe .nestGallery .slick-next {
    right: -40px;
  }
  
  #smart-safe .nestGallery .slick-prev {
    left: -40px;
  }
  
  #smart-safe .nestGallery .slick-next::before {
    background: url('icon-slide-arrow-right.svg') center no-repeat;
  }
  
  #smart-safe .nestGallery .slick-prev::before {
    background: url('icon-slide-arrow-left.svg') center no-repeat;
  }
  
  #smart-safe .nestBanner__bkg--mobile {
    display: none;
  }
  
  #smart-safe .nestBanner__bkgWrapper::after {
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.576) 0%, rgba(0, 0, 0, 0) 75%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  
  #smart-safe .nestBanner__inner {
    z-index: 2;
  }
  
  #smart-safe .nestIcons-upper .nestIcons__icon {
    transform: scale(.45);
  }
  
  #smart-safe .nestIcons-lower .nestIcons__icon {
    width: 73px;
  }
  
  #smart-safe .nestIcons__iconText {
    margin-top: 0;
  }
  
  
  @media( max-width: 992px ) {
    #yale-smart-cabinet-lock-yale-home .abBlock {
      margin-bottom: 0 !important;
      padding-bottom: 0;
      background: #f5f5f5;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock:last-child {
      padding-bottom: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__flex {
      padding: 15px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__textWrapper {
      width: 100%;
      padding: 0;
      background: none;
      margin-top: 15px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__desktopImg {
      display: none;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__mobileImg {
      display: block;
      margin-top: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__imgWrapper {
      width: 100%;
      padding: 0;
      background: none;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__text {
      font-size: 16px;
      line-height: 26px;
    }
  
    #smart-safe .abBlock {
      margin-bottom: 0 !important;
      padding-bottom: 0;
      background: #f5f5f5;
    }
    
    #smart-safe .abBlock:last-child {
      padding-bottom: 20px;
    }
    
    #smart-safe .abBlock__flex {
      padding: 15px;
    }
    
    #smart-safe .abBlock__textWrapper {
      width: 100%;
      padding: 0;
      background: none;
      margin-top: 15px;
    }
    
    #smart-safe .abBlock__desktopImg {
      display: none;
    }
    
    #smart-safe .abBlock__mobileImg {
      display: block;
      margin-top: 20px;
    }
    
    #smart-safe .abBlock__imgWrapper {
      width: 100%;
      padding: 0;
      background: none;
    }
    
    #smart-safe .abBlock__text {
      font-size: 16px;
      line-height: 26px;
    }
  
    .cabPDP .inner {
      padding: 30px 15px 0 15px;
    }
  
    .cabPDP .pdp__image {
      width: 100%;
    }
  
    .cabPDP .pdp__details {
      width: 100%;
      padding: 0;
    }
  
    .cabPDP .pdp__image img {
      display: block;
      margin: 0 auto;
      max-width: 500px;
    }
  
    .cabPDP .pdp__heading--mobile {
      display: block;
    }
  
    .cabPDP .pdp__heading--mobile p {
     font-size: 24px;
     line-height: 28px;
    }
  
    .cabPDP .pdp__details .pdp__heading {
      display: none;
    }
  
    .cabPDP .pdp__options button {
      margin-bottom: 20px;
    }
  
    .cabPDP .pdp__price {
      margin-top: 15px;
    }
  
  
    .cabPDP .pdp__disclaimer {
      width: 100%;
      text-align: center;
    }
  
  
    #yale-smart-cabinet-lock-yale-home .nestGallery__inner  .nestGallery__title{
      font-size: 24px;
      text-align: center;
      padding-bottom: 20px;
     }
  
     #yale-smart-cabinet-lock-yale-home .cabGallery__slider {
       padding: 0 40px;
     }
  
     #yale-smart-cabinet-lock-yale-home .cabGallery__slider .slick-next {
      right: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .cabGallery__slider .slick-prev {
      left: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestGallery {
      padding-top: 0;
    }
  
  
    #yale-smart-cabinet-lock-yale-home .nestFaq__shelfTop {
      padding: 15px;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestFaq__shelfTitle {
      text-align: left;
    }
  
    #smart-safe .nestGallery__inner  .nestGallery__title{
      font-size: 24px;
      text-align: center;
      padding-bottom: 20px;
     }
    
     #smart-safe .cabGallery__slider {
       padding: 0 40px;
     }
    
     #smart-safe .cabGallery__slider .slick-next {
      right: 20px;
    }
    
    #smart-safe .cabGallery__slider .slick-prev {
      left: 20px;
    }
    
    #smart-safe .nestGallery {
      padding-top: 0;
    }
    
    
    #smart-safe .nestFaq__shelfTop {
      padding: 15px;
    }
    
    #smart-safe .nestFaq__shelfTitle {
      text-align: left;
    }
  }
  
  @media( max-width: 900px ) {
    #yale-smart-cabinet-lock-yale-home .nestBanner__inner {
      display: none;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestFaq {
      padding-top: 50px;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestIcons__text {
      display: block;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestIcons__inner {
      padding-top: 30px;
      text-align: center;
      width: calc( 100% - 15px );
    }
  
    #yale-smart-cabinet-lock-yale-home .nestIcons__text--mobile {
      font-size: 24px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons__title--mobile {
      font-size: 28px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons__iconCard {
       display: block;
       width: calc( 50% - 40px );
       margin-bottom: 30px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__flex {
       max-width: calc( 100% - 15px );
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__iconCard {
       width: calc(50% - 20px );
       text-align: center;
       margin-bottom: 15px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__iconText {
       text-align: center;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestGallery .nestGallery__imageWrapper span {
      display: block;
      font-size: 24px;
      margin-top: 10px;
      text-align: center;
    }
  
    #smart-safe .nestBanner__inner {
      display: none;
    }
    
    #smart-safe .nestFaq {
      padding-top: 50px;
    }
    
    #smart-safe .nestIcons__text {
      display: block;
    }
    
    #smart-safe .nestIcons__inner {
      padding-top: 30px;
      text-align: center;
      width: calc( 100% - 15px );
    }
    
    #smart-safe .nestIcons__text--mobile {
      font-size: 24px;
     }
    
     #smart-safe .nestIcons__title--mobile {
      font-size: 28px;
     }
    
     #smart-safe .nestIcons__iconCard {
       display: block;
       width: calc( 50% - 40px );
       margin-bottom: 30px;
     }
    
     #smart-safe .nestIcons-lower .nestIcons__flex {
       max-width: calc( 100% - 15px );
     }
    
     #smart-safe .nestIcons-lower .nestIcons__iconCard {
       width: calc(50% - 20px );
       text-align: center;
       margin-bottom: 15px;
     }
    
     #smart-safe .nestIcons-lower .nestIcons__iconText {
       text-align: center;
     }
    
     #smart-safe .nestGallery .nestGallery__imageWrapper span {
      display: block;
      font-size: 24px;
      margin-top: 10px;
      text-align: center;
    }
  
  }
  
  @media( max-width: 480px ) {
    #yale-smart-cabinet-lock-yale-home .nestBanner__bkg--mobile {
      display: block;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestBanner__bkg--desktop {
      display: none;
    }
  
    #smart-safe .nestBanner__bkg--mobile {
      display: block;
    }
    
    #smart-safe .nestBanner__bkg--desktop {
      display: none;
    }
  }
  
  
  @media screen and (max-width: 900px) {
    #smart-safe .nestBanner__bkgWrapper:after {
      display: none;
    }
    #smart-safe .nestBanner__inner {
      text-align: center;
      display: block;
      background: white;
    }
    #smart-safe .nestGallery__inner .nestGallery__title {
      margin-top: 30px;
      padding-bottom: 10px;
    }
    #smart-safe .nestGallery .slick-dots {
      display: flex !important;
    }
    #smart-safe .nestGallery .nestGallery__imageWrapper h3 {
      text-align: center;
    }
    #smart-safe .nestGallery .nestGallery__imageWrapper span {
      display: block;
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: -25px;
      text-align: center;
      max-width: 265px;
      margin-left: auto;
      margin-right: auto;
    }
    #smart-safe .abRepeater.second .abBlock__flex, #smart-safe .abRepeater.third .abBlock__flex {
      flex-direction: column-reverse !important;
    }
    #smart-safe .abBlock__textWrapper .abBlock__title {
      margin-bottom: 0;
    }
  }
  
  #smart-safe .nestIcons__title {
    font-size: 39px;
    line-height: 40px;
    margin-top: 35px;
  }
  
  
  /*******
  *
  *
  * SMART STORAGE
  *
  *
  *******/
  
  
  /* Smart Cabinet Override Styles */
  #smart-storage .nestIcons__iconCard {
    width: 25%;
    max-width: 100%;
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    /* justify-content: center; */
    padding: 0 30px;
  }
  
  #smart-storage .nestIcons__flex {
    padding-bottom: 0;
    margin-top: 30px;
    max-width: 100%;
  }
  
  #smart-storage .nestIcons {
    padding: 40px 0;
  }
  
  #smart-storage .nestIcons__text {
    /* display: none; */
    text-align: left;
  }
  
  #smart-storage .nestIcons__iconText {
    text-align: left;
    padding-left: 15px;
    font-size: 16px;
  }
  
  #smart-storage .buy-pro-section {
    padding: 185px 0!important;
  }
  
  #smart-storage .abRepeater {
    margin-top: 30px;
    background: #F5F5F5;
    padding: 30px 0;
  }
  
  #smart-storage .abRepeater.second .abBlock__flex, #smart-storage .abRepeater.third .abBlock__flex{
    flex-direction: row-reverse;
  }
  
  #smart-storage .abRepeater .abBlock:first-child {
    margin-bottom: 0;
  }
  
  #smart-storage .abRepeater__inner {
    max-width: 1312px;
  }
  
  #smart-storage .abBlock__imgWrapper {
    width: calc( 60% - 20px );
  }
  
  #smart-storage .abBlock__textWrapper {
    background: #F5F5F5;
    width: 40%;
    padding: 40px 60px;
  }
  
  #smart-storage .abBlock__textWrapper .abBlock__title {
    font-size: 34px !important;
    line-height: 28px !important;
    /* margin-bottom: 40px; */
  }
  
  #smart-storage .abBlock__textWrapper .abBlock__text {
    font-size: 24px;
    margin-top: 15px;
  }
  
  #smart-storage .abBlock__textWrapper .abBlock__text p {
    margin-bottom: 0;
  }
  
  #smart-storage .nestIcons-lower .nestIcons__flex {
    flex-wrap: wrap;
    max-width: 100%;
  }
  
  #smart-storage .nestIcons-lower {
    padding: 0 0 30px 0;
  }
  
  #smart-storage .nestIcons-lower .nestIcons__iconCard {
    width: calc( 33.3333% - 40px );
    margin-bottom: 40px;
    align-items: unset;
    justify-content: left;
  }
  
  #smart-storage .nestIcons-lower .nestIcons__inner {
    max-width: 980px;
  }
  
  #smart-storage .nestIcons-lower .nestIcons__iconText {
    text-align: left;
    margin-top: 5px;
  }
  
  #smart-storage .nestIcons-lower .nestIcons__iconText p {
    font-family: YaleSolis-Regular,sans-serif;
    margin-top: 10px;
  }
  
  #smart-storage .nestIcons-lower .disclaimer {
    font-size: 12px;
    /* font-style: italic; */
    text-align: center;
  }
  
  #smart-storage .nestGallery {
    max-width: 1312px;
    margin: 0 auto;
  }
  
  #smart-storage .nestGallery .nestGallery__imageWrapper {
    height: auto;
    padding-top: 0;
  }
  
  #smart-storage .nestGallery .nestGallery__image {
    position: static;
    width: 100%;
    height: auto;
  
  }
  
  #smart-storage .nestGallery .nestGallery__imageWrapper span {
    display: block;
    font-size: 20px;
    margin-top: 5px;
    line-height: 30px;
  }
  
  #smart-storage .nestGallery .nestGallery__imageWrapper h3 {
    font-size: 24px !important;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 30px;
  }
  
  #smart-storage .nestGallery .slick-slide {
    padding: 0 10px;
    padding-bottom: 15px;
  }
  
  #smart-storage .nestGallery .slick-dots {
    display: none;
    width: 100%;
    justify-content: center;
    padding: 0;
    margin: 0;
    padding-top: 40px;
  }
  
  #smart-storage .nestGallery .slick-dots li {
    display: block;
    font-size: 0;
    margin: 0 5px;
    width: 100%;
      max-width: 36px;
  }
  
  #smart-storage .nestGallery .slick-dots li button {
    display: block;
    font-size: 0;
    border: none;
    background: none;
    padding: 0;
    width: 100%;
  }
  
  #smart-storage .nestGallery .slick-dots li button::before {
    display: block;
    content: '';
    width: 100%;
    height: 8px;
    background: #9E9E9E;
    border-radius: 10px;
  }
  
  #smart-storage .nestGallery .slick-dots li.slick-active button::before {
    background: #000;
  }
  
  #smart-storage .nestGallery .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
  }
  
  
  #smart-storage .nestGallery .nestGallery__inner {
    max-width: 1312px;
    width: calc( 100% - 10px );
   }
  
  
   #smart-storage .nestGallery .nestGallery__title {
    font-size: 48px;
    margin-bottom: 20px;
   }
  
  #smart-storage .nestGallery .slick-arrow {
    display: block;
    font-size: 0;
    border: none;
    background: none;
    padding: 0;
  }
  
  #smart-storage .nestGallery .slick-arrow::before {
    content: '';
    display: block;
    height: 27px;
    width: 10px;
  }
  
  #smart-storage .nestGallery .slick-next {
    right: -40px;
  }
  
  #smart-storage .nestGallery .slick-prev {
    left: -40px;
  }
  
  #smart-storage .nestGallery .slick-next::before {
    background: url('icon-slide-arrow-right.svg') center no-repeat;
  }
  
  #smart-storage .nestGallery .slick-prev::before {
    background: url('icon-slide-arrow-left.svg') center no-repeat;
  }
  
  #smart-storage .nestBanner__bkg--mobile {
    display: none;
  }
  
  #smart-storage .nestBanner__bkgWrapper::after {
    content: "";
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.576) 0%, rgba(0, 0, 0, 0) 75%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  #smart-storage .pdp__features {
    background: #F5F5F5;
    padding: 15px 30px;
    margin: 20px 0;
  }
  
  #smart-storage .pdp__features strong {
    display: block;
    margin-bottom: 10px;
  }
  
  
  #smart-storage .nestBanner__inner {
    z-index: 2;
  }
  
  #smart-storage .nestIcons-upper .nestIcons__icon {
    /* transform: scale(.45); */
  }
  
  #smart-storage .nestIcons-lower .nestIcons__icon {
    width: 73px;
  }
  
  #smart-storage .nestIcons__iconText {
    margin-top: 0;
  }
  
  #smart-storage .pdp__image-wrap {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  
  #smart-storage .pdp__image {
    width: 530px;
    order: 2;
  }
  
  
  #smart-storage .pdp__thumbs {
    width: 75px;
    order: 1;
  }
  
  #smart-storage .pdp__thumbs .slick-protect {
   padding: 15px 0;
  }
  
  #smart-storage .pdp__thumbs .slick-arrow {
    font-size: 0;
    width: 55px;
    background: #fff;
    border: 1px solid #B4BCC2;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  }
  
  #smart-storage .pdp__thumbs .slick-arrow::before {
    content: '';
    display: block;
    width: 27px;
    height: 14px;
  }
  
  #smart-storage .pdp__thumbs .slick-prev::before {
    background: url( storage-arrow-up.svg ) center center/contain no-repeat;
  }
  
  
  #smart-storage .pdp__thumbs .slick-next::before {
    background: url( storage-arrow-down.svg ) center center/contain no-repeat;
  }
  
  #smart-storage .cabPDP .inner {
    align-items: center;
  }
  
  #smart-storage .cabPDP {
    padding: 60px 0 0 0;
  }
  
  #smart-storage .cabPDP .pdp__details {
    width: calc( 50% - 80px );
    padding: 0;
  }
  
  #smart-storage .pdp__buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  
  #smart-storage .al2App__left {
    padding: 40px 0;
  }
  
  #smart-storage .al2AppRow {
    padding: 40px 0;
  }
  
  
  #smart-storage .pdp__learn .button {
    font-family: YaleSolis-Bold,sans-serif;
    background: #fff;
    display: inline-block;
    margin-right: 15px;
    font-size: 24px;
      border-bottom: 2px solid black;
  }
  
  #smart-storage .pdp__image-wrap {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  
  #smart-storage .pdp__image {
    width: 530px;
    order: 2;
  }
  
  
  #smart-storage .pdp__thumbs {
    width: 75px;
    order: 1;
  }
  
  #smart-storage .pdp__thumbs .slick-protect {
   padding: 15px 0;
  }
  
  #smart-storage .pdp__thumbs .slick-arrow {
    font-size: 0;
    width: 55px;
    background: #fff;
    border: 1px solid #B4BCC2;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  }
  
  #smart-storage .pdp__thumbs .slick-arrow::before {
    content: '';
    display: block;
    width: 27px;
    height: 14px;
  }
  
  #smart-storage .pdp__thumbs .slick-prev::before {
    background: url( storage-arrow-up.svg ) center center/contain no-repeat;
  }
  
  
  #smart-storage .pdp__thumbs .slick-next::before {
    background: url( storage-arrow-down.svg ) center center/contain no-repeat;
  }
  
  .cabPDP--freeConnect .inner {
    align-items: center;
  }
  
  .cabPDP--freeConnect {
    padding: 60px 0 0 0;
  }
  
  .cabPDP--freeConnect .pdp__details {
    width: calc( 50% - 80px );
    padding: 0;
  }
  
  .cabPDP--freeConnect .pdp__buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .cabPDP--freeConnect .al2App__left {
    padding: 40px 0;
  }
  
  .cabPDP--freeConnect .al2AppRow {
    padding: 40px 0;
  }
  
  
  .cabPDP--freeConnect .pdp__learn .button {
    font-family: YaleSolis-Bold,sans-serif;
    background: #fff;
    display: inline-block;
    margin-right: 15px;
    font-size: 24px;
      border-bottom: 2px solid black;
  }
  
  .cabPDP--freeConnect .pdp__image-wrap {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  
  .cabPDP--freeConnect .pdp__image {
    width: 530px;
    order: 2;
  }
  
  
  .cabPDP--freeConnect .pdp__thumbs {
    width: 75px;
    order: 1;
  }
  
  .cabPDP--freeConnect .pdp__thumbs .slick-protect {
   padding: 15px 0;
  }
  
  .cabPDP--freeConnect .pdp__thumbs .slick-arrow {
    font-size: 0;
    width: 55px;
    background: #fff;
    border: 1px solid #B4BCC2;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  }
  
  .cabPDP--freeConnect .pdp__thumbs .slick-arrow::before {
    content: '';
    display: block;
    width: 27px;
    height: 14px;
  }
  
  .cabPDP--freeConnect .pdp__thumbs .slick-prev::before {
    transform:rotate(180deg);
    background: url( /cdn/shop/files/arrow_2x_f67b5e89-3859-4aec-9ff8-8bfc59766830.png?v=1631139642 ) center center/contain no-repeat;
  }
  
  
  .cabPDP--freeConnect .pdp__thumbs .slick-next::before {
    background: url( /cdn/shop/files/arrow_2x_f67b5e89-3859-4aec-9ff8-8bfc59766830.png?v=1631139642 ) center center/contain no-repeat;
  }
  
  @media( max-width: 992px ) {
    #yale-smart-cabinet-lock-yale-home .abBlock {
      margin-bottom: 0 !important;
      padding-bottom: 0;
      background: #f5f5f5;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock:last-child {
      padding-bottom: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__flex {
      padding: 15px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__textWrapper {
      width: 100%;
      padding: 0;
      background: none;
      margin-top: 15px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__desktopImg {
      display: none;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__mobileImg {
      display: block;
      margin-top: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__imgWrapper {
      width: 100%;
      padding: 0;
      background: none;
    }
  
    #yale-smart-cabinet-lock-yale-home .abBlock__text {
      font-size: 16px;
      line-height: 26px;
    }
  
    #smart-storage .abBlock {
      margin-bottom: 0 !important;
      padding-bottom: 0;
      background: #f5f5f5;
    }
    
    #smart-storage .abBlock:last-child {
      padding-bottom: 20px;
    }
    
    #smart-storage .abBlock__flex {
      padding: 15px;
    }
    
    #smart-storage .abBlock__textWrapper {
      width: 100%;
      padding: 0;
      background: none;
      margin-top: 15px;
    }
    
    #smart-storage .abBlock__desktopImg {
      display: none;
    }
    
    #smart-storage .abBlock__mobileImg {
      display: block;
      margin-top: 20px;
    }
    
    #smart-storage .abBlock__imgWrapper {
      width: 100%;
      padding: 0;
      background: none;
    }
    
    #smart-storage .abBlock__text {
      font-size: 16px;
      line-height: 26px;
    }
  
    .cabPDP .inner {
      padding: 30px 15px 0 15px;
    }
  
    .cabPDP .pdp__image {
      width: 100%;
    }
  
    .cabPDP .pdp__details {
      width: 100%;
      padding: 0;
    }
  
    .cabPDP .pdp__image img {
      display: block;
      margin: 0 auto;
      max-width: 500px;
    }
  
    .cabPDP .pdp__heading--mobile {
      display: block;
    }
  
    .cabPDP .pdp__heading--mobile p {
     font-size: 24px;
     line-height: 28px;
    }
  
    .cabPDP .pdp__details .pdp__heading {
      display: none;
    }
  
    .cabPDP .pdp__options button {
      margin-bottom: 20px;
    }
  
    .cabPDP .pdp__price {
      margin-top: 15px;
    }
  
  
    .cabPDP .pdp__disclaimer {
      width: 100%;
      text-align: center;
    }
  
  
    #yale-smart-cabinet-lock-yale-home .nestGallery__inner  .nestGallery__title{
      font-size: 24px;
      text-align: center;
      padding-bottom: 20px;
     }
  
     #yale-smart-cabinet-lock-yale-home .cabGallery__slider {
       padding: 0 40px;
     }
  
     #yale-smart-cabinet-lock-yale-home .cabGallery__slider .slick-next {
      right: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .cabGallery__slider .slick-prev {
      left: 20px;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestGallery {
      padding-top: 0;
    }
  
  
    #yale-smart-cabinet-lock-yale-home .nestFaq__shelfTop {
      padding: 15px;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestFaq__shelfTitle {
      text-align: left;
    }
  
    #smart-storage .nestGallery__inner  .nestGallery__title{
      font-size: 24px;
      text-align: center;
      padding-bottom: 20px;
     }
    
     #smart-storage .cabGallery__slider {
       padding: 0 40px;
     }
    
     #smart-storage .cabGallery__slider .slick-next {
      right: 20px;
    }
    
    #smart-storage .cabGallery__slider .slick-prev {
      left: 20px;
    }
    
    #smart-storage .nestGallery {
      padding-top: 0;
    }
    
    
    #smart-storage .nestFaq__shelfTop {
      padding: 15px;
    }
    
    #smart-storage .nestFaq__shelfTitle {
      text-align: left;
    }
  }
  
  @media( max-width: 900px ) {
    #yale-smart-cabinet-lock-yale-home .nestBanner__inner {
      display: none;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestFaq {
      padding-top: 50px;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestIcons__text {
      display: block;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestIcons__inner {
      padding-top: 30px;
      text-align: center;
      width: calc( 100% - 15px );
    }
  
    #yale-smart-cabinet-lock-yale-home .nestIcons__text--mobile {
      font-size: 24px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons__title--mobile {
      font-size: 28px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons__iconCard {
       display: block;
       width: calc( 50% - 40px );
       margin-bottom: 30px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__flex {
       max-width: calc( 100% - 15px );
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__iconCard {
       width: calc(50% - 20px );
       text-align: center;
       margin-bottom: 15px;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestIcons-lower .nestIcons__iconText {
       text-align: center;
     }
  
     #yale-smart-cabinet-lock-yale-home .nestGallery .nestGallery__imageWrapper span {
      display: block;
      font-size: 24px;
      margin-top: 10px;
      text-align: center;
    }
  
    #smart-storage .nestBanner__inner {
      display: none;
    }
    
    #smart-storage .nestFaq {
      padding-top: 50px;
    }
    
    #smart-storage .nestIcons__text {
      display: block;
    }
    
    #smart-storage .nestIcons__inner {
      padding-top: 30px;
      text-align: center;
      width: calc( 100% - 15px );
    }
    
    #smart-storage .nestIcons__text--mobile {
      font-size: 24px;
     }
    
     #smart-storage .nestIcons__title--mobile {
      font-size: 28px;
     }
    
     #smart-storage .nestIcons__iconCard {
       display: block;
       width: calc( 50% - 40px );
       margin-bottom: 30px;
     }
    
     #smart-storage .nestIcons-lower .nestIcons__flex {
       max-width: calc( 100% - 15px );
     }
    
     #smart-storage .nestIcons-lower .nestIcons__iconCard {
       width: calc(50% - 20px );
       text-align: center;
       margin-bottom: 15px;
     }
    
     #smart-storage .nestIcons-lower .nestIcons__iconText {
       text-align: center;
     }
    
     #smart-storage .nestGallery .nestGallery__imageWrapper span {
      display: block;
      font-size: 24px;
      margin-top: 10px;
      text-align: center;
    }
  
  }
  
  @media( max-width: 480px ) {
    #yale-smart-cabinet-lock-yale-home .nestBanner__bkg--mobile {
      display: block;
    }
  
    #yale-smart-cabinet-lock-yale-home .nestBanner__bkg--desktop {
      display: none;
    }
  
    #smart-storage .nestBanner__bkg--mobile {
      display: block;
    }
    
    #smart-storage .nestBanner__bkg--desktop {
      display: none;
    }
  }
  
  
  @media screen and (max-width: 900px) {
    #smart-storage .nestBanner__bkgWrapper:after {
      display: none;
    }
    #smart-storage .nestBanner__inner {
      text-align: center;
      display: block;
      background: white;
    }
    #smart-storage .nestGallery__inner .nestGallery__title {
      margin-top: 30px;
      padding-bottom: 10px;
    }
    #smart-storage .nestGallery .slick-dots {
      display: flex !important;
    }
    #smart-storage .nestGallery .nestGallery__imageWrapper h3 {
      text-align: center;
    }
    #smart-storage .nestGallery .nestGallery__imageWrapper span {
      display: block;
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: -25px;
      text-align: center;
      max-width: 265px;
      margin-left: auto;
      margin-right: auto;
    }
    #smart-storage .abRepeater.second .abBlock__flex, #smart-storage .abRepeater.third .abBlock__flex {
      flex-direction: column-reverse !important;
    }
    #smart-storage .abBlock__textWrapper .abBlock__title {
      margin-bottom: 0;
    }
  
    #smart-storage .nestIcons__iconText {
      text-align: center;
      padding: 0;
    }
  
    #smart-storage .pdp__image-wrap {
      width: 100%;
    }
  
    #smart-storage .pdp__image-wrap .pdp__image,
    #smart-storage .pdp__image-wrap .pdp__thumbs {
      width: 100%;
    }
  
    #smart-storage .pdp__details {
      width: 100% !important;
    }
  
    #smart-storage .pdp__image {
      order: 1;
    }
    
    
    #smart-storage .pdp__thumbs {
      order: 2;
    }
  
    .al2AppRow__right {
      width: 100%;
    }
  
    #smart-storage .slick-protect img {
      display: block;
      margin: 0 auto;
    }
  
    #smart-storage  .cabPDP .slick-arrow {
      top: 50%;
      transform: translateY( -50% );
    }
  
    #smart-storage .pdp__thumbs {
      padding: 0 30px;
    }
    
    #smart-storage .cabPDP  .pdp__thumbs .slick-arrow {
      position: absolute;
      top: 50%;
      transform: translateY( -50% );
      font-size: 0;
      width: 45px;
      background: #fff;
      border: 1px solid #B4BCC2;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    }
    
    #smart-storage .cabPDP  .pdp__thumbs .slick-arrow::before {
      content: '';
      display: block;
      width: 27px;
      height: 14px;
    }
  
    #smart-storage  .cabPDP .pdp__thumbs .slick-prev {
      left: -30px;
    }
  
    #smart-storage .cabPDP .pdp__thumbs .slick-next {
      right: -30px;
    }
    
    #smart-storage .cabPDP  .pdp__thumbs .slick-prev::before {
      background: url( storage-arrow-up.svg ) center center/contain no-repeat;
      transform: rotate( -90deg );
    }
    
    
    #smart-storage .cabPDP  .pdp__thumbs .slick-next::before {
      background: url( storage-arrow-down.svg ) center center/contain no-repeat;
      transform: rotate( -90deg );
    }
  
    .cabPDP--freeConnect .pdp__image-wrap {
      width: 100%;
    }
  
    .cabPDP--freeConnect .pdp__image-wrap .pdp__image,
    .cabPDP--freeConnect .pdp__image-wrap .pdp__thumbs {
      width: 100%;
    }
  
    .cabPDP--freeConnect .pdp__details {
      width: 100% !important;
    }
  
    .cabPDP--freeConnect .pdp__image {
      order: 1;
    }
    
    
    .cabPDP--freeConnect .pdp__thumbs {
      order: 2;
    }
  
    .cabPDP--freeConnect .slick-protect img {
      display: block;
      margin: 0 auto;
    }
  
    .cabPDP--freeConnect .slick-arrow {
      top: 50%;
      transform: translateY( -50% );
    }
  
    .cabPDP--freeConnect .pdp__thumbs {
      padding: 0 30px;
    }
    
    .cabPDP--freeConnect .pdp__thumbs .slick-arrow {
      position: absolute;
      top: 50%;
      transform: translateY( -50% );
      font-size: 0;
      width: 45px;
      background: #fff;
      border: 1px solid #B4BCC2;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto;
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    }
    
    .cabPDP--freeConnect .pdp__thumbs .slick-arrow::before {
      content: '';
      display: block;
      width: 27px;
      height: 14px;
    }
  
    .cabPDP--freeConnect .pdp__thumbs .slick-prev {
      left: -30px;
    }
  
    .cabPDP--freeConnect .pdp__thumbs .slick-next {
      right: -30px;
    }
    
    .cabPDP--freeConnect .pdp__thumbs .slick-prev::before {
      transform: rotate( 90deg );
    }
      
    .cabPDP--freeConnect .pdp__thumbs .slick-next::before {
      transform: rotate( -90deg );
    }
  
    #smart-storage .nestIcons  {
      padding: 0;
    }
  
    #smart-storage .nestIcons__inner {
      padding-top: 0;
    }
  
    #smart-storage .abBlock__mobileImg {
      width: calc( 100% + 35px );
      margin: 20px -20px 0 -20px;
    }
  
    #smart-storage .abRepeater,
    #smart-storage .abBlock__flex,
    #smart-storage .abBlock {
      padding-bottom: 0 !important;
    }
  
    #smart-storage .cabPDP {
      padding: 20px 0;
    }
  
    #smart-storage .pdp__options {
      margin-top: 15px;
    }
  
    #smart-storage #shopify-section-smartStoragePDPMulti .pdp__details {
      order: 2;
      margin-top: 30px;
    }
  
    #smart-storage #shopify-section-smartStoragePDPMulti .pdp__image-wrap {
      order: 1;
    }
  
    #smart-storage .pdp__disclaimer {
      margin-top: 15px;
    }
  
    #smart-storage .nestIcons__iconCard {
      padding: 0 10px;
    }
  
    #smart-storage .al2AppRow__left {
      flex-wrap: wrap;
    }
  
    #smart-storage .al2AppRow__right {
      justify-content: center;
    }
  
    #smart-storage .al2AppRow__right img {
      display: block;
      margin: 0 auto 15px auto;
    }
  
    #smart-storage .al2AppRow__left div {
      width: 100%;
      text-align: center;
      margin: 0 auto 15px auto;
    }
  }
  
  #smart-storage .nestIcons__title {
    font-size: 39px;
    line-height: 40px;
    margin-top: 35px;
  }
  
  #smart-storage .pdp__colors button {
    background: none;
    border: none;
    line-height: 18px;
    width: 120px;
  }
  
  #smart-storage .pdp__colors img {
    display: block;
    background: #fff;
    border: 1px solid #000;
    margin: 0 auto 10px auto;
  }
  
  #smart-storage .pdp__colors button span {
    font-weight: 700;
    text-align: center;
    font-size: 16px;
    display: block;
    
  }
  
  #shopify-section-smartStoragePDPMulti .pdp__image-wrap  {
    order: 2;
  }
  
  #shopify-section-smartStoragePDPMulti .pdp__image-wrap .pdp__image {
    order: 1;
  }
  
  #shopify-section-smartStoragePDPMulti .pdp__image-wrap .pdp__thumbs {
    order: 2;
  }
  
  #shopify-section-smartStoragePDPMulti .pdp__details  {
    order: 1;
  }
  
  #smart-storage .nestIcons__text {
    text-align: center;
  }
  
  #shopify-section-cabinetIconsTwo .nestIcons-lower .nestIcons__flex{
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1116px;
    margin-top: 64px;
    flex-wrap: wrap;
  }
  #shopify-section-cabinetIconsTwo .nestIcons-lower .nestIcons__iconCard{
    max-width: none;
    width: calc(100% / 3);
    padding: 0px 10px;
  }
  #shopify-section-cabinetIconsTwo .nestIcons-lower .nestIcons__icon{
    width: 78px;
    height: 78px;
    object-fit: contain;
  }
  #shopify-section-cabinetIconsTwo .nestIcons-lower .nestIcons__iconText{
    font-family: 'YaleSolis-Bold';
    line-height: 20px;
    margin-top: 9px;
    max-width: 240px;
      margin: auto;
  }
  
  #shopify-section-cabinetGallery .slick-prev, #shopify-section-cabinetGallery .slick-next {
    display: none !important;
  }
  
  #shopify-section-cabinetGallery .slick-dots {
      list-style: none;
      padding: 0;
      display: flex;
      justify-content: center;
      margin-top: 15px;
  }
  
  #shopify-section-cabinetGallery li {
      margin: 0 4px;
      height: 3px;
  }
  
  #shopify-section-cabinetGallery li.slick-active button {
      opacity: 1;
  }
  
  #shopify-section-cabinetGallery li button {
      display: inline-block;
      width: 25px;
      height: 3px;
      background: #333;
      border-radius: 0;
      opacity: .4;
      cursor: pointer;
      color: transparent;
      border: none;
  }
  
  @media only screen and (max-width: 900px){
    .nestBanner__bkg--desktop {
      display: none;
    }
  }
  
  @media only screen and (min-width: 900px){
    .nestBanner__bkg--mobile {
      display: none;
    }
  }
  
  #the-home-depot #shopify-section-header{
      display: none !important;
  }
  
  #smart-storage a, #smart-storage button{
    color:currentColor!important;
  }
  #smart-storage .cabPDP .pdp__options button.active{
    color:white!important;
  }
  
  #smart-storage .pdp__colors button{
        padding: 0;
      width: 25px;
      height: 25px;
      border-radius: 100%;
  }
  
  #smart-storage .pdp__colors img{
        width: 25px;
      height: 25px;
      object-fit: cover;
      border-radius: 100%;
      border: 0;
  }
  #smart-storage .pdp__colors button span{
        display: none;
  }
  #smart-storage .pdp__colors{
        display: flex;
      margin-bottom: 30px;
  }
  #smart-storage .pdp__colorTitle{
        margin: auto 0;
      margin-left: 20px;
      font-weight: 600;
      font-size: 14px;
  }
  
  @media only screen and (max-width:575px){
    #shopify-section-smartStorageRepeater .first{
      margin-top:0;
    }
  }
  
  .newCoBanner{
        height: 540px;
      position: relative;
  }
  .newCoBanner__background{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .newCoBanner__backgroundImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: right top;
  }
  .newCoBanner__backgroundImage--mobile{
    display:none;
  }
  .newCoBanner__inner{
        position: relative;
      margin: auto;
      display: flex;
      height: 100%;
      max-width: 690px;
  }
  .newCoBanner__contentWrapper{
        margin: auto 0;
      max-width: 344px;
      padding-bottom: 89px;
  }
  .newCoBanner__title{
        font-family: YaleSolis-Light,sans-serif;
      font-weight: 300;
      font-size: 45px!important;
      line-height: 53px;
      margin-bottom: 0;
  }
  .newCoBanner__subTitle{
        font-family: YaleSolis-Regular, sans-serif;
      font-weight: 400;
      font-size: 24px!important;
      line-height: 30px;
      margin-bottom: 0;
      margin-top: 21px;
      padding-left: 6px;
  }
  .newCoBanner__imageWrapper{
        margin-top: 46px;
      padding-left: 6px;
  }
  .newCoBanner__logos{
        width: 212px;
  }
  .newCoText{
    padding-top: 41px;
      padding-bottom: 55px;
  }
  .newCoText__inner{
        text-align: center;
      margin: auto;
      width: calc(100% - 60px);
      max-width: 740px;
  }
  .newCoText__title{
        font-family: YaleSolis-Bold,sans-serif;
      font-size: 30px;
  }
  .newCoText__text{
        font-size: 20px;
      margin-top: 23px;
      line-height: 30px;
  }
  .newCoText__text p{
        margin-bottom: 0;
  }
  .newCoCards{
        background: #F1F1F1;
      padding-top: 59px;
    padding-bottom:70px;
  }
  .newCoCards__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1308px;
      display: flex;
      justify-content: space-between;
  }
  .newCoCard{
    width: calc(50% - 15px);
      max-width: 628px;
  }
  .newCoCard__top{
        position: relative;
      width: 100%;
      height: 0;
      padding-top: 71.5%;
      border-radius: 10px;
      overflow: hidden;
  }
  .NewCoCard__logo{
        position: absolute;
      z-index: 1;
      top: 24px;
      left: 22px;
      width: 66px;
  }
  .newCoCard__imageWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .newCoCard__image{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .newCoCard__bottom{
        background: white;
      border-radius: 10px;
      overflow: hidden;
      margin-top: 24px;
        padding-bottom: 13px;
  }
  .newCoCard__inner{
        padding: 29px;
  }
  .newCoCard__title{
        text-align: center;
      font-family: YaleSolis-Bold,sans-serif;
      font-size: 24px;
  }
  .newCoCard__flex{
        display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: auto;
      max-width: 502px;
      margin-top: 44px;
  }
  .newCoCard__flexItem{
        width: calc(50% - 10px);
      display: flex;
          padding-bottom: 20px;
      min-height: 116px;
  }
  .newCoCard__icon{
        width: 55px;
    height:55px;
    object-fit:contain;
  }
  .newCoCard__text{
        font-size: 15px;
      line-height: 26px;
  }
  .newCoCard__textWrapper{
    padding-left: 10px;
  }
  .newCoCard__buttonRow{
    margin-top: -8px;
  }
  .newCoCard__button{
        display: block;
      margin: auto;
      width: max-content;
      font-size: 14px;
      color: white;
      transition:all .2s;
      padding: 4px 10px;
      text-align: center;
      border-radius: 20px;
  }
  .newCoCard__button--black{
    min-width: 130px;
    background: black;
    border:2px solid black!important;
  }
  .newCoCard__button--black:hover{
    background:transparent;
    color:black;
  }
  .newCoCard__button--red{
    min-width: 220px;
    background: #DC101D;
    border:2px solid #DC101D!important;
  }
  .newCoCard__button--red:hover{
    background:transparent;
    color:#DC101D;
  }
  .newCoSBS{
        padding-top: 32px;
      padding-bottom: 31px;
  }
  .newCoSBS__inner{
        display: flex;
      justify-content: space-between;
  }
  .newCoSBS__left{
    width: calc(50% + 38px);
      position: relative;
  }
  .newCoSBS__imageWrapper{
        width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
  }
  .newCoSBS__image{
    width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .newCoSBS__right{
    width: calc(50% - 64px);
      padding-left: 30px;
      background: #F1F1F1;
      min-height: 491px;
  }
  .newCoSBS__rightInner{
    width: calc(100% - 30px);
      max-width: 520px;
      display: flex;
      height: 100%;
      padding: 40px 0;
  }
  .newCoSBS__textWrapper{
        margin: auto;
      max-width: 470px;
  }
  .newCoSBS__title{
        font-family: YaleSolis-Bold,sans-serif;
      font-size: 30px;
      line-height: 30px;
      max-width: 410px;
  }
  .newCoSBS__text{
    font-size: 17px;
      line-height: 22px;
      margin-top: 40px;
  }
  .newCoImageRight{
        position: relative;
      height: 772px;
      background: linear-gradient(180deg, #F3EFEC 0%, #F1F0EC 28.1%, #F3F0ED 68%, #F2EEED 100%);
  }
  .newCoImage__imageWrapper{
        position: absolute;
      top: 0;
      right: 0;
      width: 59.5%;
      height: 100%;
  }
  .newCoImage__image{
        width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: right;
  }
  .newCoImage__inner{
        height: 100%;
      position: relative;
      width: calc(100% - 60px);
      margin: auto;
      max-width: 1316px;
      display: flex;
  }
  .newCoImage__container{
    margin: auto 0;
      max-width: 471px;
  }
  .newCoImage__title{
        font-size: 30px;
      line-height: 40px;
      font-family: 'YaleSolis-Bold';
  }
  .newCoImage__text{
        margin-top: 16px;
      font-size: 17px;
      line-height: 24px;
  }
  .crossSeven{
        padding-top: 80px;
  }
  .newCoOffCenter{
        position: relative;
      height: 775px;
  }
  .newCoOffCenter__backgroundWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .newCoOffCenter__backgroundImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .newCoOffCenter__inner{
        position: relative;
      height: 100%;
      display: flex;
  }
  .newCoOffCenter__textWrapper{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 429px;
      transform: translateX(-50px);
      text-align: center;
  }
  .newCoOffCenter__logo{
        width: 60px;
      margin: auto;
      display: block;
  }
  .newCoOffCenter__superTitle{
        margin-top: 40px;
      font-size: 30px;
  }
  .newCoOffCenter__title{
        font-size: 30px;
      font-family: 'YaleSolis-Bold';
      line-height: 32px;
      margin-top: 10px;
  }
  .newCoOffCenter__text{
    font-size: 14px;
      margin-top: 40px;
  }
  .newCoOffCenter__button{
        display: block;
      margin: auto;
      width: max-content;
      font-size: 14px;
      color: #fff;
      transition: all .2s;
      padding: 4px 10px;
      text-align: center;
      border-radius: 20px;
      background: #DC101D;
      border: 2px solid #DC101D!important;
      min-width: 150px;
      margin-top: 50px;
  }
  .newCoOffCenter__button:hover{
    background:transparent;
    color:#DC101D;
  }
  @media only screen and (max-width:900px){
    .newCoBanner{
      height: auto;
      background: #F1F1F1;
    }
    .newCoBanner__background{
          position: relative;
    }
    .newCoBanner__backgroundImage--desktop{
      display:none;
    }
    .newCoBanner__backgroundImage--mobile{
      display:block;
    }
    .newCoBanner__inner{
          width: calc(100% - 60px);
      max-width: none;
      margin-top: 20px;
      padding-bottom: 30px;
    }
    .newCoBanner__contentWrapperZ{
          max-width: none;
      padding: 0;
    }
    .newCoBanner__subTitle{
          padding: 0;
      margin-top: 10px;
    }
    .newCoBanner__imageWrapper{
          padding: 0;
      margin-top: 20px;
    }
    .newCoText{
          padding-bottom: 41px;
    }
    .newCoText__inner{
          max-width: none;
    }
    .newCoText__text{
      font-size: 17px;
      line-height: 27px;
    }
    .newCoCards__inner{
          flex-direction: column;
    }
    .newCoCard{
          width: 100%;
      margin: auto;
      margin-bottom: 40px;
    }
    .newCoCard{
          width: 100%;
      margin: auto;
    }
    .newCoSBS__inner{
          flex-direction: column;
    }
    .newCoSBS__left{
          width: 100%;
      margin-bottom: 30px;
    }
    .newCoSBS__imageWrapper{
          position: relative;
    }
    .newCoSBS__right{
          width: 100%;
      padding: 0;
      min-height: 0;
    }
    .newCoSBS__rightInner{
      width: calc(100% - 60px);
      max-width: none;
      margin: auto;
    }
    .newCoSBS__textWrapper{
      max-width: none;
    }
    .newCoImageRight{
          height: auto;
      background: none;
    }
    .newCoImage__imageWrapper{
          background: linear-gradient(180deg,#F3EFEC 0%,#F1F0EC 28.1%,#F3F0ED 68%,#F2EEED 100%);
      position: relative;
      width: 100%;
      height: 50vw;
    }
    .newCoImage__image{
          object-fit: contain;
      object-position: right;
    }
    .newCoImage__inner{
          background: #F1F1F1;
      width: 100%;
      margin-top: 30px;
    }
    .newCoImage__container{
          width: calc(100% - 60px);
      margin: auto;
      max-width: none;
      padding: 40px 0;
    }
    .newCoOffCenter{
          height: auto;
    }
    .newCoOffCenter__backgroundWrapper{
          position: relative;
    }
    .newCoOffCenter__inner{
          background: #F1F1F1;
      margin-top: 30px;
      padding: 40px 0;
    }
    .newCoOffCenter__textWrapper{
      transform: none;
      max-width: none;
    }
  }
  
  .geo-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
  
    .geo-modal__bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: .5;
    }
  
    .geo-modal__wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate( -50%, -50% );
      max-width: 675px;
      background: #fff;
      border-radius: 8px;
      width: 100%;
  
      .inner {
        padding: 40px 60px 60px;
        text-align: center;
  
        h2 {
          font-size: 34px !important;
        }
  
        p {
          font-size: 24px !important;
          line-height: 30px !important;
        }
  
        .actions {
          margin-top: 60px;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
  
          .btn {
            font-size: 18px;
            font-weight: 700;
          }
  
          .btn-alt {
            background: #fff;
            color: #000;
            border-color: #000;
          }
  
          .btn-alt:hover {
            background: rgba( 0,0,0,.07 );
          }
        }
      }
    }
  }
  
  @media( max-width: 768px ) {
    .geo-modal {
      .geo-modal__wrap {
        max-width: calc( 100vw - 30px );
  
        .inner {
          padding: 30px;
  
          h2 {
            font-size: 24px !important;
          }
  
          p {
            font-size: 16px !important;
            line-height: 26px !important;
          }
  
          .actions {
            margin-top: 20px;
  
            .btn {
              width: 100%;
              margin-bottom: 15px;
            }
  
            .btn:last-child {
              margin-bottom: 0;
            }
          }
          
        }
      }
    }
  }
  
  @media only screen and (max-width:1000px){
    .sloZwave__titleRow{
          flex-direction: column;
      padding: 0;
      padding-bottom: 40px;
    }
    .sloZwave__areaTitle{
          margin-bottom: 20px;
    }
    .sloZWave__toggleFlex{
          width: 100%;
      justify-content: space-between;
    }
    .sloZWave__toggle{
          margin: 0;
      width: calc(50% - 15px);
    }
    .sloZwave__inner{
      max-height:none;
    }
    .sloZwave__inner--hidden{
      max-height:0;
    }
  }
  
  .accessibilityLinkHidden{
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:1px;
    overflow:hidden;
  }
  .accessibilityLinkHidden:focus{
    height:auto;
        z-index: 100000;
    width:auto;
    border:1px solid black;
    background:white;
    font-size:20px;
    padding:20px;
  }
  
  .indexBuySelect{
    display:none;
  }
  .indexBuyButton{
        margin: auto;
      background: #FFC700;
      border: 2px solid #FFC700;
      font-family: 'YaleSolis-Bold';
      height: 31px;
      line-height: 26px;
      padding: 0 25px;
      font-size: 14px;
      border-radius: 15px;
      padding-bottom: 1px;
  }
  .indexBuyButton:hover{
    background:#eeba00;
    border-color:#eeba00;
  }
  .indexBuyButtonWrapper{
    display:flex;
    padding-bottom:20px;
  }
  
  .indexPress{
        background: #F5F5F5;
      padding-top: 66px;
      padding-bottom: 45px;
    margin-bottom:56px;
  }
  .indexPress__inner{
        max-width: 774px;
      margin: auto;
      width: calc(100% - 60px);
  }
  .indexPress__title{
        margin-bottom: 61px;
      text-align: center;
      font-size: 25px;
      font-family: 'YaleSolis-Bold';
      line-height: 28px;
  }
  .indexPress__flex{
        display: flex;
      justify-content: space-between;
  }
  .indexPress__card{
        max-height: 92px;
    opacity:.5;
    transition:all .2s;
  }
  .indexPress__card--active{
    opacity:1;
  }
  .indexPress__cardLink{
        display: block;
      height: 100%;
  }
  .indexPress__cardImage{
    max-width:172px;
    height:100%;
    object-fit:contain;
  }
  .indexPress__dotFlex{
        margin-top: 40px;
      display: flex;
      justify-content: center;
  }
  .indexPress__dot{
        height: 3px;
      width: 25px;
      background: black;
      margin: auto 4px;
      opacity: .5;
    transition:all .2s;
  }
  .indexPress__dot--active{
    opacity:1;
  }
  @media only screen and (max-width:1000px){
    .indexPress__card{
      width:calc((100% - 60px) / 4)!important;
      display:flex;
    }
    .indexPress__cardLink{
      margin:auto;
    }
    .indexPress__cardImage{
      width:100%;
    }
  }
  
  .newLegalBody__text table{
    border: 1px solid gray;
  }
  .newLegalBody__text tr{
    border-bottom: 1px solid gray;
  }
  .newLegalBody__text tr:last-of-type{
    border-bottom: 0;
  }
  .newLegalBody__text tr td{
        border-right: 1px solid gray;
      padding: 0 15px;
  }
  .newLegalBody__text tr td:last-of-type{
    border-right: 0;
  }
  
  .newLegalBody__text table{
    border: 1px solid gray;
  }
  .newLegalBody__text tr{
    border-bottom: 1px solid gray;
  }
  .newLegalBody__text tr:last-of-type{
    border-bottom: 0;
  }
  .newLegalBody__text tr td{
        border-right: 1px solid gray;
      padding: 0 15px;
  }
  .newLegalBody__text tr td:last-of-type{
    border-right: 0;
  }
  
  .hulk_cookie_bar button.bar_btn, .hulk_cookie_bar button.deny_btn{
        font-family: 'YaleSolis-Regular' !important;
  }
  
  
  .approachHero{
        height: 440px;
      position: relative;
      width: 100%;
  }
  .approachHero__backgroundWrapper{
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .approachHero__background{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .approachHero__background--mobile{
        display: none;
  }
  .approachHero__inner{
        position: relative;
      max-width: 1286px;
      width: calc(100% - 60px);
      margin: auto;
      color: white;
      height: 100%;
      display: flex;
  }
  .approachHero__textWrapper{
        margin: auto 0;
      max-width: 500px;
  }
  .approachHero__title{
    font-size: 48px!important;
      line-height: 59px!important;
      max-width: fit-content;
  }
  .approachHero__text{
        margin-top: 16px;
      font-size: 34px;
      line-height: 41px;
  }
  .approachHero__buttonRow{
        margin-top: 23px;
  }
  .approachHero__button{
        background: #F5CF00;
      border-radius: 24px;
      height: 48px;
      display: block;
      width: max-content;
      line-height: 48px;
      padding: 0px 32px;
      font-size: 24px;
      font-family: "YaleSolis-Bold";
  }
  
  .approachText{
        margin: 32px 0;
  }
  .approachText__inner{
        width: calc(100% - 60px);
      max-width: 866px;
      margin: auto;
      text-align: center;
  }
  .approachText__title{
    font-size: 34px;
      line-height: 41px;
      font-family: "YaleSolis-Bold";
  }
  .approachText__text{
        margin-top: 18px;
      font-size: 24px;
      line-height: 29px;
  }
  .approachIconFlex{
        margin: 32px 0;
    padding-bottom:32px;
  }
  .approachIconFlex__inner{
        max-width: 1286px;
      width: calc(100% - 60px);
      margin: auto;
      display: flex;
      justify-content: space-between;
  }
  .approachIcon{
        width: calc((100% - 60px) / 5);
  }
  .approachIcon__inner{
        display: flex;
  }
  .approachIcon__imageWrapper{
        width: 64px;
      height: 64px;
  }
  .approachIcon__image{
        width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .approachIcon__right{
    padding-left: 10px;
      margin: auto 0;
  }
  .approachIcon__textWrapper{
        font-family: "YaleSolis-Bold";
      font-size: 16px;
      line-height: 20px;
  }
  
  .approachSBS{
        margin: 32px 0;
  }
  .approachSBS__inner{
        max-width: 1395px;
      width: calc(100% - 60px);
      margin: auto;
      display: flex;
      justify-content: space-between;
  }
  .approachSBS__textSide{
        width: 532px;
      background: #F5F5F5;
      border-radius: 10px;
      display: flex;
  }
  .approachSBS__textInner{
        padding: 32px;
      margin: auto;
      max-width: 420px;
      box-sizing: content-box;
  }
  .approachSBS__title{
        font-size: 34px;
      font-family: 'YaleSolis-Bold';
      line-height: 41px;
  }
  .approachSBS__text{
        margin-top: 8px;
      font-size: 18px;
      line-height: 26px;
  }
  .approachSBS__imageSide{
        width: calc(100% - 564px);
  }
  .approachSBS__imageWrapper{
        width: 100%;
      height: 0;
      padding-top: 66.138%;
      position: relative;
  }
  .approachSBS__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 10px;
  }
  .approachSBS--mirrored .approachSBS__inner{
        flex-direction: row-reverse;
  }
  .approachGradient{
    max-width: 1395px;
      width: calc(100% - 60px);
      margin: 32px auto;
      border-radius: 10px;
    background: linear-gradient(332deg, #FFE063 0%, rgba(255, 226, 113, 0.87) 6.92%, rgba(255, 231, 142, 0.60) 22.5%, rgba(255, 235, 165, 0.38) 36.34%, rgba(255, 238, 182, 0.23) 46.72%, rgba(255, 240, 192, 0.13) 57.11%, rgba(255, 241, 196, 0.00) 97.02%), linear-gradient(171deg, #29235C -128.11%, #2F235A -104.3%, #402555 -65.47%, #5D274E -46.6%, #6E144A 17.42%, #D6072C 77.78%, #F00 93.62%, #F9CD33 106.4%);
  }
  .approachGradient__inner{
        max-width: 1222px;
      margin: auto;
      padding: 25px 0;
      width: calc(100% - 60px);
      display: flex;
      color: white;
      justify-content: space-between;
  }
  .approachGradient__left{
        width: calc((100% - 60px) / 2);
      display: flex;
  }
  .approachGradient__textWrapper{
        margin: auto;
  }
  .approachGradient__title{
        font-size: 34px;
      line-height: 42px;
      font-family: "YaleSolis-Bold";
  }
  .approachGradient__text{
        margin-top: 10px;
      font-size: 18px;
      line-height: 26px;
  }
  .approachGradient__right{
        width: calc((100% - 60px) / 2);
  }
  .approachGradient__image{
        width: 100%;
  }
  .assureLock2LandingThree.approachPDP .al2Prod__inner{
        flex-direction: row-reverse;
  }
  .assureLock2LandingThree.approachPDP .al2Prod__title{
        line-height: 40px;
  }
  .assureLock2LandingThree.approachPDP .al2Prod__prodButton{
        
      border-radius: 1000px;
  }
  .assureLock2LandingThree.approachPDP .al2Prod__prodButtonTextWrapper{
        min-width: 0;
  }
  .assureLock2LandingThree.approachPDP .al2Prod__prodButtonText{
    text-align:center;
  }
  .assureLock2LandingThree.approachPDP .al2Prod{
    background:none;
  }
  .assureLock2LandingThree.approachPDP .al2Prod__worksFlex{
        justify-content: space-between;
  }
  .al2Prod__worksIconWrapper{
        height: 60px;
      margin: 0;
  }
  .approachPDP{
    margin:64px 0;
  }
  .approachVideos{
        margin: 32px 0;
  }
  .approachVideos__inner{
        max-width: 1312px;
      width: calc(100% - 60px);
      margin: auto;
      display: flex;
      justify-content: space-between;
  }
  .approachVideos__left{
      width: calc(42% - 20px);
      display: flex;
  }
  .approachVideos__buttonWrapper{
        margin: auto 0;
  }
  .approachVideos__button{
        margin: 43px 0;
      display: block;
      padding: 0;
      border: 1px solid #E3E3E3;
      background: none;
      color: black;
      text-align: left;
      border-radius: 10px;
  }
  .approachVideos__button--active{
        border: 1px solid #2D2C2E;
      background: #2D2C2E;
      color: white;
  }
  .approachVideos__buttonInner{
        padding: 24px;
    opacity:.6;
  }
  .approachVideos__button--active .approachVideos__buttonInner{
    opacity:1;
  }
  .approachVideos__buttonTitle{
        font-family: 'YaleSolis-Bold';
      font-size: 24px;
      line-height: 29px;
  }
  .approachVideos__buttonText{
        margin-top: 16px;
      font-size: 16px;
      line-height: 26px;
  }
  .approachVideos__right{
        max-width: calc(58% - 20px);
        width: 755px;
      
  }
  .approachVideos__video{
        width: 100%;
      height: 100%;
      object-fit: cover;
    display:none;
  }
  .approachVideos__video--active{
    display:block;
  }
  .approachApp{
      margin: 32px 0;
    padding-top: 32px;
    padding-bottom: 20px;
}
.approachApp__inner{
      max-width: 1312px;
    width: calc(100% - 60px);
    margin: auto;
}
.approachApp__title{
      text-align: center;
    font-size: 34px;
    font-family: "YaleSolis-Bold";
    line-height: 41px;
}
.approachApp__appFlex{
      margin-top: 32px;
    display: flex;
    justify-content: space-between;
}
.approachAppCard{
  width: calc((100% - 69px) / 4);
}
.approachAppCard__inner{
      padding: 0px 18px;
}
.approachAppCard__imageWrapper{
      width: 100%;
    position: relative;
    height: 0;
    padding-top: 109%;
}
.approachAppCard__image{
      position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.approachAppCard__textWrapper{
      text-align: center;
    margin-top: 18px;
}
.approachAppCard__title{
      font-size: 23px;
    font-family: "YaleSolis-Bold";
    line-height: 30px;
}
.approachAppCard__text{
      margin-top: 16px;
    font-size: 16px;
    line-height: 26px;
}
.approachApp__bottom{
  padding-top: 51px;
}
.approachApp__logoRow{
      display: flex;
    justify-content: center;
    padding-bottom: 24px;
}
.approachApp__logoGroupLeft{
      display: flex;
}
.approachApp__yaleLogoWrapper{
      margin: auto 0;
}
.approachApp__yaleLogo{
      width: 100px;
}
.approachApp__logoTextWrapper{
      padding-left: 35px;
    margin: auto 0;
    width: 171px;
    font-size: 24px;
    line-height: 29px;
    box-sizing: content-box;
}
.approachApp__line{
      width: 1px;
    height: auto;
    background: black;
    margin: 0px 56px;
}
.approachApp__logoGroupRight{
      display: flex;
}
.approachApp__appStoreLinkWrapper{
      margin: auto 0;
}
.approachApp__appStoreLink{
      display: block;
}
.approachApp__appStoreLogo{
      width: 207px;
}
.approachApp__playStoreLinkWrapper{
      margin: auto 0;
}
.approachApp__playStoreLink{
      display: block;
}
.approachApp__playStoreLogo{
    width: 207px;
}
.approachApp__legal{
      max-width: 498px;
    margin: auto;
    font-size: 12px;
    line-height: 26px;
}
.approachApp__legalInner p{
      margin: 0;
}
  .approachManage{
        margin: 32px 0;
  }
  .approachManage__inner{
        max-width: 1214px;
      margin: auto;
      width: calc(100% - 60px);
  }
  .approachManage__title{
        margin: auto;
      max-width: 370px;
      text-align: center;
      font-family: "YaleSolis-Bold";
      font-size: 34px;
      line-height: 42px;
      margin-bottom: 45px;
  }
  .approachManage__flex{
        display: flex;
      justify-content: space-between;
  }
  .approachManage__left{
        width: calc((100% - 40px) / 2);
  }
  .approachManage__buttonColumn{
        display: flex;
      flex-direction: column;
  }
  .approachManage__right{
        width: calc((100% - 40px) / 2);
      padding: 30px;
  }
  .approachManage__imageContainer{
        width: 100%;
      position: relative;
      height: 100%;
  }
  .approachManage__imageWrapper{
        width: 100%;
      height: 100%;
  }
  .approachManage__image{
    display:none;
  }
  .approachManage__image--active{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    display:block;
  }
  .approachManageButton{
        border: 1px solid transparent;
      
      overflow: hidden;
      margin-bottom: 20px;
  }
  .approachManageButton__button{
        padding: 0;
      border: 0;
      background: 0;
      border-left: 4px solid #C4C4C4;
    padding-left:4px;
      text-align: left;
  }
  .approachManageButton__inner{
        display: flex;
      padding: 24px;
  }
  .approachManageButton__icon{
        width: 58px;
  }
  .approachManageButton__right{
        padding-left: 32px;
  }
  .approachManageButton__title{
        font-size: 18px;
      font-family: 'YaleSolis-Bold';
      line-height: 22px;
  }
  .approachManageButton__text{
    font-size: 16px;
      line-height: 22px;
  }
  .approachManageButton--active{
        border: 1px solid black;
    border-radius: 8px;
  }
  .approachManageButton--active .approachManageButton__button{
        border-left: 8px solid #FFC700;
    padding-left:0px;
  }
  .approachManageButton:last-of-type{
    margin-bottom:0;
  }
  .approachVideoPlayer{
        margin: 32px 0;
  }
  .approachVideoPlayer__inner{
        max-width: 1311px;
      width: calc(100% - 60px);
      margin: auto;
      border-radius: 10px;
      overflow: hidden;
      height: 500px;
      position: relative;
  }
  .approachVideoPlayer__imageWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .approachVideoPlayer__image{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .approachVideoPlayer__playButton{
        position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: 0;
      border: 0;
      padding: 0;
      display: block;
  }
  .approachVideoPlayer__playButtonIcon{
        width: 64px;
      height: 64px;
  }
  .approachVideoPopup{
        display: none;
  }
  .approachVideos__videoWrapper, .approachVideos__videoContainer{
        height: 100%;
  }
  
  .approachVideoPopup{
        position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
        backdrop-filter: blur(3px);
  }
  .approachVideoPopup__background{
        width: 100%;
      height: 100%;
      background: black;
      opacity: .5;
  }
  .approachVideoPopup__modal{
        position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 60px);
      background: black;
      max-width: 800px;
  }
  .approachVideoPopup__close{
        position: absolute;
      top: -50px;
      right: -40px;
      color: white;
      background: none;
      border: none;
      font-weight: 900;
    padding:0;
    margin:0;
      font-size: 35px;
  }
  .approachVideoPopup__iframeContainer{
        width: 100%;
      height: 0;
      position: relative;
      padding-top: 56.5%;
  }
  .approachVideoPopup__iframeWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .approachVideoPopup__iframeWrapper iframe{
        width: 100%;
      height: 100%;
  }
  .newKeypadColor{
        max-width: 1312px;
      width: calc(100% - 60px);
      margin: 32px auto;
      padding: 16px 0;
      overflow: hidden;
      border-radius: 10px;
  }
  .newKeypadColor__inner{
        width: calc(100% - 50px);
      margin: auto;
      display: flex;
      justify-content: space-between;
  }
  .newKeypadColor__left{
        width: calc((100% - 50px) / 2);
      display: flex;
  }
  .newKeypadColor__textWrapper{
    margin: auto;
      max-width: 534px;
  }
  .newKeypadColor__title{
        max-width: 427px;
      font-family: 'YaleSolis-Bold';
      font-size: 34px;
      line-height: 42px;
  }
  .newKeypadColor__text{
        max-width: 427px;
      margin-top: 8px;
      font-size: 18px;
      line-height: 26px;
  }
  .newKeypadColor__right{
        width: calc((100% - 50px) / 2);
  }
  .newKeypadColor__image{
        width: 100%;
      border-radius: 10px;
      overflow: hidden;
  }
  .approachApp__mobileSlider{
    display:none;
  }
  
  .approachManage__mobileSliders{
    display:none;
  }
  
  @media only screen and (max-width:1000px){
    .approachHero{
          height: auto;
    }
    .approachHero__backgroundWrapper{
          position: initial;
      height: auto;
    }
    .approachHero__background--desktop{
          display: none;
    }
    .approachHero__background--mobile{
          display: block;
      height: 390px;
    }
    .approachHero__inner{
          color: black;
      padding-top: 24px;
      padding-bottom: 30px;
    }
    .approachHero__textWrapper{
      max-width: none;
      text-align: center;
      width: 100%;
    }
    .approachHero__title{
          max-width: none;
      font-size: 34px!important;
      line-height: 41px!important;
    }
    .approachHero__text{
          font-size: 24px;
      line-height: 30px;
    }
    .approachHero__buttonRow{
          margin: auto;
      margin-top: 23px;
      max-width: max-content;
    }
    .approachText__title{
          font-size: 24px;
      line-height: 30px;
    }
    .approachText__text{
          font-size: 18px;
      line-height: 26px;
    }
    .approachIconFlex__inner{
          flex-wrap: wrap;
    }
    .approachIcon{
          width: calc(50% - 30px);
      margin-bottom: 20px;
    }
    .approachIcon__inner{
          flex-direction: column;
    }
    .approachIcon__left{
          margin: 0 auto;
      margin-bottom: 10px;
    }
    .approachIcon__right{
          padding: 0;
      margin: auto;
    }
    .approachIcon:last-of-type{
      margin:auto;
    }
    .approachSBS{
          background: #f5f5f5;
          margin: 0;
    }
    .approachSBS__inner{
          width: 100%;
      max-width: none;
      flex-direction: column!important;
    }
    .approachSBS__textSide{
          width: 100%;
      border-radius: 0;
    }
    .approachSBS__textInner{
          max-width: none;
      padding: 30px;
      padding-top: 30px;
    }
    .approachSBS__imageSide{
      width: calc(100% - 60px);
      margin: auto;
      padding-bottom: 30px;
    }
    .approachSBS__imageWrapper{
          padding-top: 350px;
    }
    .approachGradient{
          margin-top: 0;
      margin-bottom: 0;
    }
    .approachGradient__inner{
          flex-direction: column;
    }
    .approachGradient__left{
          width: 100%;
    }
    .approachGradient__right{
          width: 100%;
      border-radius: 10px;
      overflow: hidden;
      margin-top: 40px;
    }
    .al2Prod--3{
          padding-bottom: 0;
      margin-bottom: 0;
    }
    .al2Prod__inner{
          padding-top: 0;
    }
    .approachVideos__inner{
      flex-direction: column-reverse;
    }
    .approachVideos__left{
          width: 100%;
    }
    .approachVideos__button{
          width: 100%;
      margin: 20px 0;
    }
    .approachVideos__right{
          width: 100%;
      max-width: none;
    }
    .approachApp__logoRow{
        flex-direction: column;
  }
  .approachApp__logoGroupLeft{
        margin: auto;
    margin-bottom: 20px;
  }
  .approachApp__line{
        display: none;
  }
  .approachApp__logoGroupRight{
    margin: auto;
  }
  .approachApp__appFlex{
    display:none;
  }
  .approachApp__mobileSlider{
        max-width: 600px;
    margin: auto;
    display:block;
    position: relative;
  }
  .approachApp__mobileSliderContainer{
        overflow: hidden;
  }
  .approachApp__previousSlide{
        position: absolute;
    top: 50%;
    left: -33px;
    transform: translateY(-50%);
    z-index: 1;
    background: 0;
    border: 0;
    padding: 0;
  }
  .approachApp__previousSlideArrow{
        width: 66px;
  }
  .approachApp__nextSlide{
    position: absolute;
    top: 50%;
    right: -33px;
    transform: translateY(-50%);
    z-index: 1;
    background: 0;
    border: 0;
    padding: 0;
  }
  .approachApp__nextSlideArrow{
        width: 66px;
  }
  .approachApp__sliderDots{
        display: flex;
    justify-content: center;
  }
  .approachApp__sliderDots .swiper-pagination-bullet{
        width: 12px;
    height: 12px;
    background: black;
  }
  .approachAppCard__inner{
    padding-bottom:30px;
  }
    .approachManage__flex{
      display:none;
    }
    .approachManage__mobileSliders{
          max-width: 600px;
      margin: auto;
      display:block;
    }
    .approachManage__mobileUpperSliderContainer{
          overflow: hidden;
    }
    .approachManage__mobileUpperSlide__imageWrapper{
          width: 100%;
      height: 0;
      padding-top: 100%;
      position: relative;
    }
    .approachManage__mobileUpperSlide__image{
          position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .approachManage__controlsWrapper{
          display: flex;
      padding-bottom: 30px;
      padding-top: 30px;
      justify-content: space-between;
    }
    .approachManage__previous, .approachManage__next{
          padding: 0;
      background: 0;
      border: 0;
    }
    .approachManage__previousImage, .approachManage__nextImage{
          width: 66px
    }
    .approachManage__dots{
          margin: auto;
      width: max-content!important;
    }
    .approachManage__dots .swiper-pagination-bullet{
          width: 12px;
      height: 12px;
      background: black;
    }
    .approachManage__mobileLowerSliderContainer{
          overflow: hidden;
    }
    .approachManage__mobileLowerSlideInner{
      display: flex;
    }
    .approachManageLowerSlide__icon{
          width: 66px;
    }
    .approachManageLowerSlide__right{
          width: calc(100% - 66px);
      padding-left: 30px;
    }
    .approachManageLowerSlide__title{
          font-family: 'YaleSolis-Bold';
      font-size: 18px;
      margin-bottom: 10px;
    }
    .approachVideoPlayer__inner{
          height: 300px;
      border-radius: 0;
      width: 100%;
    }
    .approachVideoPopup__close{
          right: 0;
    }
    .newKeypadColor{
          padding-top: 0;
    }
    .newKeypadColor__inner{
      flex-direction: column-reverse;
      width: 100%;
    }
    .newKeypadColor__left{
          width: calc(100% - 60px);
      margin: auto;
      padding-bottom: 20px;
      padding-top: 20px;
    }
    .newKeypadColor__textWrapper{
          max-width: none;
      width: 100%;
    }
    .newKeypadColor__title{
          max-width: none;
    }
    .newKeypadColor__text{
          max-width: none;
    }
    .newKeypadColor__right{
          width: 100%;
    }
    .newKeypadColor__image{
          border-radius: 0;
    }
    .approachIcon__textWrapper{
      text-align:center;
    }
    .approachApp__logoGroupRight{
        max-width: 420px;
    width: 100%;
  }
  .approachApp__appStoreLinkWrapper{
        width: 50%;
  }
  .approachApp__appStoreLogo{
        width: 100%;
  }
  .approachApp__playStoreLinkWrapper{
        width: 50%;
  }
  .approachApp__playStoreLogo{
        width: 100%;
  }
  }
  
  .newSticky{
        position: sticky;
      top: 0;
      left: 0;
      width: 100%;
    padding:7px 0;
      height: auto;
      z-index: 2;
      background: #fff;
  }
  .approachPDP .notifyMe{
      margin-bottom:30px;
    }
  @media only screen and (max-width:1000px){
    
    .approachPDP .al2Prod__buyButtonRow{
      flex-direction:row;
    }
    .approachPDP .al2Prod__buyButtonRow--soldOut{
      flex-direction:column;
    }
    .approachPDP .al2Prod__buyButtonRow .smartPDP__qtyWrapper{
      width:calc(50% - 10px)!important;
      margin:0!important;
    }
    .approachPDP .al2Prod__buyButtonRow--soldOut .smartPDP__qtyWrapper{
      width:100%!important;
    }
    .approachPDP .al2Prod__buyButtonRow .smartPDP__buyWrapper{
      width:calc(50% - 10px)!important;
    }
    
  }
  
  @media only screen and (min-width:1000px){
    .accessFeatured__textWrapper{
      padding-bottom:30px;
    }
  }
  
  
  .newsBanner{
        height: 327px;
      position: relative;
  }
  .newsBanner__backgroundWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .newsBanner__background{
    width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .newsBanner__inner{
        position: absolute;
      color: white;
      width: 100%;
      height: 100%;
      display: flex;
  }
  .newsBanner__title{
        font-family: 'YaleSolis-Regular';
      font-size: 64px!important;
      line-height: 78px!important;
      font-weight: 400!important;
      width: calc(100% - 60px);
      margin: auto;
      text-align: center;
  }
  .newsList{
        padding-top: 43px;
  }
  .newsList__inner{
        width: calc(100% - 60px);
      max-width: 1312px;
      margin: auto;
  }
  .newsList__titleFlex{
        display: flex;
      padding-bottom: 24px;
      width: 100%;
      border-bottom: 1px solid #C6C6C6;
  }
  .newsList__title{
        font-size: 48px;
      font-family: 'YaleSolis-Bold';
      line-height: 48px;
  }
  .newsList__results{
        margin-top: 8px;
      font-size: 14px;
      color: #515151;
      padding-bottom: 32px;
  }
  .newsList__flex{
        display: grid;
      grid-template-columns: calc((100% - 69px) / 4) calc((100% - 69px) / 4) calc((100% - 69px) / 4) calc((100% - 69px) / 4);
      grid-column-gap: 23px;
    grid-row-gap: 48px;
  }
  .newsCard__link{
        display: block;
      width: 100%;
      border-radius: 8px;
      border: 1px solid #e7e7e7;
    height:100%;
  }
  .newsCard__imageWrapper{
        width: 100%;
      height: 0px;
      padding-top: 100%;
      position: relative;
  }
  .newsCard__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .newsCard__textWrapper{
        padding: 20px;
      padding-top: 8px;
      position: relative;
      padding-bottom: 51px;
  }
  .newsCard__label{
        text-transform: uppercase;
      font-size: 12px;
      color: #696969;
  }
  .newsCard__title{
        margin-top: 9px;
      font-size: 24px;
      font-family: 'YaleSolis-Bold';
      line-height: 32.5px;
  }
  .newsCard__published{
        margin-top: 9px;
      font-size: 12px;
  }
  .newsCard__readMoreFlex{
    display: flex;
      position: absolute;
      bottom: 20px;
      left: 20px;
  }
  .newsCard__readArrow{
        width: 10px;
      margin: auto 0;
  }
  .newsCard__readText{
        text-decoration: underline;
      font-family: 'YaleSolis-Bold';
      font-size: 16px;
      margin-left: 7px;
  }
  .newsCard--hidden{
    display:none;
  }
  .newsList__showFlex{
        margin-top: 46px;
      display: flex;
  }
  .newsList__showWrapper{
        margin: auto;
  }
  .newsList__showMore{
        width: 217px;
      height: 56px;
      border-radius: 30px;
      border: none;
      background: black;
      color: white;
      font-size: 24px;
  }
  .newsList__showing{
        margin-top: 10px;
      text-align: center;
      font-size: 18px;
      color: #6B6A6C;
  }
  .newsPress{
        padding-top: 88px;
  }
  .newsPress__inner{
        width: calc(100% - 60px);
      max-width: 1312px;
      margin: auto;
  }
  .newsPress__title{
        font-size: 48px;
      font-family: YaleSolis-Bold;
      line-height: 48px;
      padding-bottom: 24px;
      width: 100%;
      border-bottom: 1px solid #C6C6C6;
  }
  .newsPress__flex{
        display: flex;
      justify-content: center;
      flex-wrap: wrap;
      width: calc(100% + 20px);
      position: relative;
      left: -10px;
      margin-top: 38px;
    padding-bottom:50px;
  }
  .newsPressCard{
        margin: 0px 10px;
      width: calc((100% - 60px) / 3);
      border-radius: 8px;
      overflow: hidden;
      padding-bottom: 40px;
      position: relative;
    margin-bottom:32px;
  }
  .newsPressCard__link{
        display: block;
  }
  .newsPressCard__imageWrapper{
        height: 0;
      width: 100%;
      position: relative;
      padding-top: 75%;
  }
  .newsPressCard__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .newsPressCard__title{
        margin-top: 13px;
      font-size: 24px;
      line-height: 32px;
      font-family: Yalesolis-bold;
  }
  .newsPressCard__download{
        display: flex;
      position: absolute;
      bottom: 0;
      left: 0;
  }
  .newsPressCard__downloadArrow{
        width: 20px;
      margin: auto 0;
  }
  .newsPressCard__downloadTitle{
        text-decoration: underline;
      font-family: YaleSolis-Bold;
      font-size: 16px;
      margin-left: 7px;
  }
  .pressArticleBannerA{
        height: 471px;
      position: relative;
      width: 100%;
  }
  .pressArticleBannerA__backgroundWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    background:black;
  }
  .pressArticleBannerA__background{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .pressArticleBannerA__background--dark{
    opacity:.7;
  }
  .pressArticleBannerA__inner{
    position: absolute;
      display: flex;
      width: 100%;
      height: 100%;
  }
  .pressArticleBannerA__textWrapper{
        margin: auto;
      max-width: 1224px;
      width: calc(100% - 60px);
      color: white;
  }
  .pressArticleBannerA__title{
        max-width: 648px;
      font-size: 48px !important;
      font-family: 'YaleSolis-Regular';
      font-weight: 300 !important;
      line-height: 58px !important;
      margin-bottom: 16px;
  }
  .pressArticleBannerA__date{
        font-size: 16px;
      font-family: 'YaleSolis-Bold';
  }
  .pressBody__inner{
        display: flex;
      margin: auto;
      max-width: 1224px;
      width: calc(100% - 60px);
      justify-content: space-between;
  }
  .pressBody__content{
        width: calc(100% - (482px + 47px));
  }
  #shopify-section-pressArticleBody .pressBody__content a{
    color:black!important;
    text-decoration:underline!important;
  }
  .pressBody__sideBar{
        width: 482px;
    height:100%;
  }
  .pressBody{
        padding-top: 32px;
  }
  .pressBody__contentWrapper a{
    color:#2B00FF !important;
  }
  .pressBody__sideBar{
        background: #F5F5F5;
      border-radius: 10px;
      border: 1px solid #EAEAEA;
  }
  .pressBody__sideBarInner{
        padding: 32px;
      padding-bottom: 30px;
      padding-top: 10px;
  }
  .pressBody__sideBarTitle{
        font-size: 24px;
      font-family: 'YaleSolis-Bold';
      line-height: 28px;
      margin-bottom: 32px;
  }
  .pressBody__sidebarCard{
    display: flex;
      justify-content: space-between;
      margin-bottom: 16px;
      padding-bottom: 16px;
      border-bottom: 1px solid #EAEAEA;
  }
  .pressBody__sidebarCardLeft{
        width: 180px;
      height: 200px;
  }
  .pressBody__sidebarCardImageWrapper{
    width: 100%;
      height: 100%;
  }
  .pressBody__sidebarCardImage{
    width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .pressBody__sidebarCardRight{
    width: 198px;
  }
  .pressBody__sidebarCardTitle{
        font-size: 24px;
      font-weight: 400;
      line-height: 28px;
  }
  .pressBody__sidebarCardText{
        font-size: 15px;
      line-height: 22px;
      margin-top: 10px;
  }
  .pressBody__sidebarCardRead{
        display: flex;
      margin-top: 15px;
  }
  .pressBody__sidebarCardReadArrow{
        width: 10px;
      margin: auto 0;
  }
  .pressBody__sidebarCardReadText{
        margin-left: 8px;
      font-family: 'YaleSolis-Bold';
      font-size: 14px;
      text-decoration: underline;
  }
  .pressBody__sidebarTagsTitle{
        font-family: YaleSolis-Bold;
      font-size: 24px;
  }
  .pressBody__sidebarTagsFlex{
        display: flex;
      flex-wrap: wrap;
    margin-top:18px;
  }
  .pressBody__sidebarTag{
        height: 44px;
      border-radius: 22px;
      background: white;
      line-height: 44px;
      font-size: 15px;
      font-family: YaleSolis-Bold;
      padding: 0px 16px;
      margin-right: 16px;
  }
  .pressBottom{
        background: #F5F5F5;
      margin-top: 50px;
  }
  .pressBottom__inner{
        padding-top: 44px;
      margin: auto;
      max-width: 1312px;
      width: calc(100% - 60px);
  }
  .pressBottom__title{
        max-width: 1224px;
      margin: auto;
      font-size: 24px;
      font-family: 'YaleSolis-Bold';
  }
  .pressBottom__otherArticles{
        margin-top: 24px;
      display: flex;
      justify-content: space-between;
  }
  .pressOther{
        width: calc((100% - 32px) / 2);
      height: 227px;
      position: relative;
      display: flex;
  }
  .pressOther__backgroundWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .pressOther__background{
        width: 100%;
      height: 100%;
  }
  .pressOther__inner{
        position: relative;
      color: white;
      margin: auto;
      padding: 0px 40px;
      width: 100%;
  }
  .pressOther__title{
        font-size: 24px;
      line-height: 28px;
      font-weight: 400;
      max-width: 411px;
  }
  .pressOther__reading{
        display: flex;
      margin-top: 10px;
  }
  .pressOther__readingArrow{
        width: 10px;
      margin: auto 0;
  }
  .pressOther__readingText{
    margin-left: 10px;
      font-family: 'YaleSolis-Bold';
      text-decoration: underline;
  }
  .pressBottom__shareTitle{
        margin-top: 85px;
      text-align: center;
      font-size: 24px;
      font-family: 'YaleSolis-Bold';
  }
  .pressBottom__shareFlex{
        margin-top: 15px;
      display: flex;
      justify-content: center;
      padding-bottom: 65px;
  }
  .pressBottom__shareLink{
        display: block;
      width: 24px;
      height: 24px;
      margin: 0 20px;
  }
  .pressBottom__shareIcon{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .pressArticleBannerB{
        height: 471px;
        position: relative;
  }
  .pressArticleBannerB__backgroundWrapper{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .pressArticleBannerB__backgroundGradientOne{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(242, 248, 251, 0.7) 0%, rgba(105, 177, 224, 0.7) 100%);
  }
  .pressArticleBannerB__backgroundGradientTwo{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
        background: linear-gradient(199deg, #FEF3B1 0%, rgba(254, 243, 177, 0) 50%);
  }
  .pressArticleBannerB__inner{
        height: 100%;
      position: relative;
      margin: auto;
      max-width: 1224px;
      width: calc(100% - 60px);
      display: flex;
  }
  .pressArticleBannerB__textWrapper{
        margin: auto;
      width: 100%;
  }
  .pressArticleBannerB__title{
        font-size: 48px!important;
      font-family: 'YaleSolis-Regular';
      font-weight: 400;
      line-height: 58px;
      margin-bottom: 20px;
  }
  .pressArticleBannerB__date{
        font-family: 'YaleSolis-Bold';
      font-size: 16px;
  }
  .pressBody__contentWrapper p{
        width: 100%;
  }
  .pressBody__contentWrapper img{
        margin: auto;
      display: block;
  }
  .newsCard__link{
        position: relative;
  }
  .newsCard__noImageGradient{
        position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
  }
  .newsCard__noImageGradient--0{
        background: linear-gradient(225deg, #FEF3B1 0%, rgba(254, 243, 177, 0) 50%), linear-gradient(180deg, rgba(242, 248, 251, 0.7) 0%, rgba(105, 177, 224, 0.7) 100%);
  }
  .newsCard__lower{
        position: relative;
  }
  .newsCard__label--bold{
        font-family: YaleSolis-Bold;
    color:black;
  }
  .newsCard__noImageGradient--1{
    background: linear-gradient(45deg, #FFF108 0%, rgba(255, 241, 7, 0) 50%), linear-gradient(110.17deg, #FFFDEE 0%, #FE9517 100%);
  }
  .pressBody__sidebarCardBlankImage{
    width: 100%;
      height: 100%;
      background: linear-gradient(225deg, #FEF3B1 0%, rgba(254, 243, 177, 0) 50%), linear-gradient(180deg, rgba(242, 248, 251, 0.7) 0%, rgba(105, 177, 224, 0.7) 100%);
  }
  .pressMobileSidebarContainer{
    display:none;
  }
  
  @media only screen and (max-width:1000px){
    .newsList__flex{
      grid-template-columns: 100%;
      max-width:666px;
      marign:auto;
    }
    .newsPress__flex{
          flex-direction: column;
      max-width: 666px;
      margin: auto;
      margin-top: 40px;
    }
      .newsPressCard{
            width: 100%;
      }
    .newsPress__title{
          font-size: 37px;
      line-height: 45px;
    }
    .newsList__title{
          font-size: 37px;
      line-height: 45px;
    }
    .newsBanner__title{
          font-size: 48px!important;
      line-height: 58px!important;
    }
    .newsPressCard{
      width:100%;
      margin:0;
      margin-bottom:32px;
    }
    .pressArticleBannerA{
          height: auto;
    }
    .pressArticleBannerA__backgroundWrapper{
          position: relative;
      height: 217px;
    }
    .pressArticleBannerA__inner{
          position: relative;
      margin-top: 20px;
    }
    .pressArticleBannerA__textWrapper{
          color: black;
    }
    .pressArticleBannerA__title{
          font-size: 37px!important;
      line-height: 47px!important;
      margin-bottom: 10px;
    }
    .pressBody__content{
          width: 100%;
    }
    .pressBody__sideBar{
          display: none;
    }
    .pressBottom{
          background: none;
    }
    .pressBottom__inner{
          border-top: 1px solid #E3E3E3;
      border-bottom: 1px solid #E3E3E3;
      padding-top: 30px;
          margin-bottom: 56px;
    }
    .pressBottom__title{
          text-align: center;
    }
    .pressBottom__otherArticles{
          margin-left: -30px;
      width: calc(100% + 60px);
    }
    .pressOther{
          width: calc((100% - 20px)/2);
    }
    .pressOther__title{
      font-size: 20px;
      line-height: 25px;
    }
    .pressBottom__shareTitle{
          margin-top: 40px;
    }
    .pressMobileSidebarContainer{
      display:block;
    }
    .pressMobileSidebarContainer{
          background: #F5F5F5;
    }
    .pressBody__sideBarTitle{
          margin-top: 20px;
      text-align: center;
    }
    .pressBody__recent{
          max-width: 666px;
      margin: auto;
    }
    .pressBody__sidebarCard{
          flex-direction: column;
    }
    .pressBody__sidebarCardLeft{
          width: 100%;
    }
    .pressBody__sidebarCardRight{
          width: 100%;
    }
    .pressBody__sidebarCardTextWrapper{
          margin-top: 10px;
    }
    .pressBody__sidebarCardTitle{
      color: #5C5C5C;
    }
    .pressBody__sidebarTagsTitle{
          max-width: 666px;
      margin: auto;
    }
    .pressBody__sidebarTagsFlex{
          max-width: 666px;
      margin: auto;
      margin-top: 15px;
    }
    .pressArticleBannerB{
          min-height: 217px;
      height: auto;
      display: flex;
    }
    .pressArticleBannerB__inner{
          padding: 30px 0;
    }
  }
  
  .topbar--countdown .headerCountDown{
        height: 45px;
      margin: auto;
      width: calc(100% - 280px);
      display: flex;
      justify-content: center;
      color: white!important;
  }
  .topbar--countdown .headerCountDown__textWrapper{
        margin: auto 33px;
      text-align: center;
  }
  .topbar--countdown .headerCountDown__textUpper{
    font-size: 15px!important;
      text-transform: uppercase;
      font-family: YaleSolis-Bold,sans-serif;
      letter-spacing: 0;
      line-height: 18px;
  }
  .topbar--countdown .headerCountDown__textLower{
        font-size: 14px!important;
      line-height: 17px;
  }
  .topbar--countdown .headerCountDown__countWrapper{
        margin: auto 33px;
  }
  .topbar--countdown .headerCountDown__countFlex{
        display: flex;
  }
  .topbar--countdown .headerCountDown__countBox{
    width: 50px;
  }
  .topbar--countdown .headerCountDown__number{
        font-size: 16px!important;
      font-family: YaleSolis-Bold,sans-serif;
      text-align: center;
      line-height: 17px;
  }
  .topbar--countdown .headerCountDown__numberLabel{
        font-size: 12px!important;
      text-align: center;
      line-height: 17px;
  }
  .topbar--countdown .headerCountDown__countColon{
    font-size: 16px!important;
      font-family: YaleSolis-Bold,sans-serif;
      line-height: 13px;
  }
  .topbar--countdown .headerCountDown__buttonWrapper{
        margin: auto 33px;
  }
  .topbar--countdown .headerCountDown__shopButton{
        background: #FFD800;
      color: black!important;
      font-size: 16px!important;
      font-family: YaleSolis-Bold,sans-serif;
      width: 116px;
      display: block;
      text-align: center;
      height: 32px;
      line-height: 32px;
      border-radius: 30px;
  }
  
  .topbar--countdown .mobileCountDown{
    display:none;
    color:white!important;
  }
  
  @media only screen and (max-width:1200px){
    .topbar--countdown .mobileCountDown{
      display:block;
          border-top: 1px solid #FFFFFF40;
      padding: 10px 0;
    }
    .topbar--countdown .headerCountDown__textLower{
      display:none;
    }
    .topbar--countdown .headerCountDown__countWrapper{
      display:none;
    }
    .topbar--countdown .headerCountDown__buttonWrapper{
      display:none;
    }
    .topbar--countdown .mobileCountDown__inner{
          width: calc(100% - 60px);
      margin: auto;
      display: flex;
      max-width: 950px;
      justify-content: space-between;
    }
    .topbar--countdown .headerCountDown{
          margin: 0;
      width: calc(100% - 130px);
    }
    .topbar--countdown .headerCountDown__textWrapper{
       margin: auto;
    }
  }
  
  .hulk_cookie_bar button.bar_btn, .hulk_cookie_bar button.deny_btn{
        font-family: 'YaleSolis-Regular' !important;
  }
  
  .pressBody__content{
    padding-bottom:40px;
  }
  
  .expressionBanner{
        height: 440px;
      width: 100%;
      position: relative;
  }
  .expressionBanner__bkgWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .expressionBanner__bkg{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .expressionBanner__inner{
        position: relative;
      width: calc(100% - 60px);
      margin: auto;
      display: flex;
      height: 100%;
      max-width: 1312px;
  }
  .expressionBanner__textWrapper{
        color: white;
      margin: auto 0;
      max-width: 560px;
  }
  .expressionBanner__title{
        font-size: 48px!important;
      margin-bottom: 0!important;
  }
  .expressionBanner__text{
        margin-top: 16px;
      font-size: 34px;
      line-height: normal;
  }
  .expressionTextBreak{
        padding: 56px 0;
  }
  .expressionTextBreak__inner{
        width: calc(100% - 60px);
      max-width: 867px;
      margin: auto;
  }
  .expressionTextBreak__text{
        text-align: center;
      font-size: 48px;
      font-family: 'YaleSolis-Bold';
      line-height: normal;
  }
  .expressionCardRow__inner{
        width: calc(100% - 100px);
      max-width: 1240px;
      margin: auto;
      position: relative;
  }
  
  .expressionCardRow--noText .expressionCardRow__titleBox{
      display:none;
  }
  .expressionCardRow{
    padding:56px 0;
  }
  [data-section-index]{
    overflow:hidden;
  }
  }
  .expressionCardRow--noText{
    padding-top:0px;
  }
  .expressionCard__imageWrapper{
        position: relative;
      width: 100%;
      height: 0;
    background:white;
      padding-top:100%;
  }
  .expressionCardRow--noText .expressionCard__imageWrapper{
    padding-top: 133%;
  }
  .expressionCard__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .expressionCard__image--cover{
    object-fit: cover;
  }
  .expressionCardRow--gray{
    background:#F5F5F5;
  }
  .expressionCard{
    background: #F5F5F5;
    height:auto;
  }
  
  .expressionCardRow--gray .expressionCard{
    background:white;
  }
  .expressionCard__textWrapper{
    padding: 20px;
      padding-bottom: 40px;
  }
  .expressionCard__title{
        font-size: 20px;
      margin-bottom: 10px;
    line-height:normal;
  }
  .expressionCard__text{
          line-height: 140%;
      font-size: 16px;
  }
  .expressionCardRow__title{
        font-family: 'YaleSolis-Bold';
      font-size: 34px;
      line-height: normal;
  }
  .expressionCardRow__text{
        margin-top: 10px;
      line-height: 22px;
      font-size: 16px;
  }
  .expressionCardRow__sliderContainer{
        padding-top: 40px;
  }
  .expressionCardRow__text p{
        margin-bottom: 5px;
  }
  .expressionCardRow__text p a{
        text-decoration: underline;
  }
  
  .expressionCardRow__sliderContainer{
        position: relative;
  }
  .expressionCardRow__previous{
        position: absolute;
      top: 50%;
      padding: 0;
      border: 0;
      background: 0;
      left: -70px;
      transform: translateY(-50%);
      z-index: 1;
  }
  .expressionCardRow__previousImage{
        width: 48px;
      height: 48px;
      transform: rotate(180deg);
  }
  .expressionCardRow__next{
    position: absolute;
      top: 50%;
      padding: 0;
      border: 0;
      background: 0;
      right: -70px;
      transform: translateY(-50%);
      z-index: 1;
  }
  .expressionCardRow__nextImage{
    width: 48px;
      height: 48px;
  }
  
  .liftBanner{
        height: 440px;
      position: relative;
  }
  .liftBanner__bkgWrapper{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .liftBanner__bkg{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .liftBanner__inner{
        position: relative;
      width: calc(100% - 60px);
      color: white;
      max-width: 1312px;
      margin: auto;
      height: 100%;
      display: flex;
  }
  .liftBanner__textWrapper{
        margin: auto 0;
      max-width: 560px;
  }
  .liftBanner__title{
        font-size: 48px!important;
      line-height: normal!important;
  }
  .liftThreeCards__inner{
        max-width: 1200px;
      width: calc(100% - 60px);
      margin: auto;
    position:relative;
  }
  .liftThreeCard{
        height: auto;
  }
  .liftThreeCard__inner{
    background: #F5F5F5;
      display: block;
      height: 100%;
  }
  .liftThreeCard__imageWrapper{
        position: relative;
      height: 0;
      width: 100%;
      padding-top: 100%;
  }
  .liftThreeCard__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .liftThreeCard__textWrapper{
        background: #F5F5F5;
      padding: 40px 20px;
      padding-top: 20px;
  }
  .liftThreeCard__title{
        font-size: 18px;
  }
  .liftThreeCard__text{
        line-height: normal;
      padding-top: 10px;
  }
  .liftThreeCards{
        padding: 40px 0;
  }
  .liftSBS{
    padding:60px 0;
  }
  .liftSBS--grey{
        background: #F5F5F5;
  }
  .liftSBS__inner{
        width: calc(100% - 60px);
      max-width: 1312px;
      margin: auto;
      display: flex;
      justify-content: space-between;
  }
  .liftSBS__imageSide{
        width: 50%;
      max-width: 660px;
      display: flex;
  }
  .liftSBS__imageWrapper{
        height: 600px;
      width: 100%;
      margin: auto;
      position:relative;
  }
  .liftSBS__image{
      width: 100%;
    height: 100%;
    object-fit: cover;
    transition:all .2s;
}
.liftSBS__image--hover{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition:all .2s;
}
.liftSBS__imageWrapper:hover .liftSBS__image{
  opacity:0;
}
.liftSBS__imageWrapper:hover .liftSBS__image--hover{
  opacity:1;
}
  .liftSBS__textSide{
        max-width: 596px;
      width: calc(50% - 40px);
      display: flex;
  }
  .liftSBS__textWrapper{
        max-width: 412px;
      margin: auto 0;
  }
  .liftSBS__title{
        font-size: 34px;
      font-family: "YaleSolis-Bold";
      line-height: normal;
      margin-bottom: 40px;
  }
  .liftSBS__text{
        line-height: normal;
  }
  .liftGrid{
        padding: 56px 0;
  }
  .liftGrid__inner{
        max-width: 1200px;
      width: calc(100% - 60px);
      margin: auto;
  }
  .liftGrid__title{
        font-family: 'YaleSolis-Bold';
      font-size: 34px;
      line-height: normal;
  }
  .liftGrid__grid{
        padding-top: 40px;
      display: grid;
      grid-template-columns: calc((100% - 60px) / 4) calc((100% - 60px) / 4) calc((100% - 60px) / 4) calc((100% - 60px) / 4);
      grid-column-gap: 20px;
      grid-row-gap: 20px;
  }
  .liftGridItem__inner{
        display: block;
      position: relative;
      width: 100%;
      height: 0px;
      padding-top: 100%;
  }
  .liftGridItem__inner:hover{
    border-bottom:none!important;
  }
  .liftGridItem__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  
  .liftFourCards__inner{
        max-width: 1200px;
      width: calc(100% - 60px);
      margin: auto;
    position:relative;
  }
  .liftFourCard{
        height: auto;
  }
  .liftFourCard__inner{
    background: #F5F5F5;
      display: block;
      height: 100%;
  }
  .liftFourCard__imageWrapper{
        position: relative;
      height: 0;
      width: 100%;
      padding-top: 100%;
  }
  .liftFourCard__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .liftFourCard__textWrapper{
        background: #F5F5F5;
      padding: 20px;
  }
  .liftFourCard__title{
        font-size: 18px;
  }
  .liftFourCard__text{
        line-height: normal;
      padding-top: 10px;
          text-align: center;
      font-size: 20px;
      font-family: 'YaleSolis-Bold';
  }
  .liftFourCards{
        padding: 40px 0;
  }
  
  .liftThreeCards--noPadding, .liftFourCards--noPadding{
    padding-top:0;
  }
  .liftTextOverImage{
        height: 500px;
      position: relative;
  }
  .liftTextOverImage__backgroundWrapper{
        width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      position: absolute;
  }
  .liftTextOverImage__background{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .liftTextOverImage__inner{
        position: relative;
      height: 100%;
      display: flex;
      width: calc(100% - 60px);
      max-width: 1200px;
      margin: auto;
      color: white;
  }
  .liftTextOverImage__content{
        margin: auto 0;
      width: 50%;
  }
  .liftTextOverImage__title{
        font-size: 34px;
      font-family: 'YaleSolis-Bold';
      line-height: normal;
      margin-bottom: 40px;
  }
  .liftTextOverImage__text{
    margin-bottom: 10px;
      font-size: 20px;
      line-height: normal;
  }
  .liftTextOverImage__legal{
    line-height: normal;
  }
  .liftSBS--mirror .liftSBS__inner{
        flex-direction: row-reverse;
  }
  .liftSBS--short .liftSBS__imageWrapper{
      height: 405px;
  }
  .liftThreeCards__title{
        font-size: 34px;
    font-family: 'YaleSolis-Bold';
      line-height: normal;
      margin-bottom: 40px;
  }
  .expressionTextBreak__textSmall{
        margin: auto;
      max-width: 900px;
      text-align: center;
      margin-top: 20px;
  }
  
  .liftVideo{
        padding-bottom: 60px;
  }
  .liftVideo__inner{
        width: calc(100% - 60px);
      max-width: 1312px;
      margin: auto;
      display: flex;
      justify-content: space-between;
  }
  .liftVideo__left{
        width: calc(50% - 20px);
      display: flex;
      max-width: 598px;
  }
  .liftVideo__textWrapper{
        margin: auto;
      max-width: 412px;
  }
  .liftVideo__title{
    font-size: 34px;
      font-family: 'YaleSolis-Bold';
      line-height: normal;
      margin-bottom: 40px;
  }
  .liftVideo__text{
        line-height: normal;
  }
  .liftVideo__right{
        width: calc(50% - 20px);
      max-width: 660px;
  }
  .liftVideo__iframeWrapper{
        position: relative;
      width: 100%;
      padding-top: 56%;
  }
  .liftVideo__iframeWrapper iframe{
        width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
  }
  .liftGrid--grey, .approachText--grey{
        background: #F5F5F5;
  }
  
  .liftThreeCards__previous, .liftFourCards__previous{
        position: absolute;
      top: 50%;
      padding: 0;
      border: 0;
      background: 0;
      left: -30px;
      transform: translateY(-50%);
      z-index: 1;
  }
  .liftThreeCards__previousImage, .liftFourCards__previousImage{
        width: 48px;
      height: 48px;
      transform: rotate(180deg);
  }
  .liftThreeCards__next, .liftFourCards__next{
    position: absolute;
      top: 50%;
      padding: 0;
      border: 0;
      background: 0;
      right: -30px;
      transform: translateY(-50%);
      z-index: 1;
  }
  .liftThreeCards__nextImage, .liftFourCards__nextImage{
    width: 48px;
      height: 48px;
  }
  
  @media only screen and (max-width:1000px){
    .expressionBanner{
          height: auto;
    }
    .expressionBanner__bkgWrapper{
          position: relative;
      height: 271px;
    }
    .expressionBanner__textWrapper{
          color: black;
      text-align: center;
      margin-top: 22px;
      max-width: none;
    }
    .expressionBanner__title{
          font-size: 28px!important;
    }
    .expressionBanner__text{
          font-size: 24px;
    }
    .expressionCardRow--noText{
          padding-top: 0;
    }
    .expressionCardRow--noText .expressionCardRow__sliderContainer{
      padding-top: 0;
    }
    .expressionCardRow .expressionCardRow__previous{
          left: -20px;
    }
    .expressionCardRow .expressionCardRow__next{
      right: -20px;
    }
    .expressionCard__text{
          font-size: 14px;
    }
    .expressionCardRow__title{
          font-size: 24px;
    }
    .liftBanner{
          height: auto;
    }
    .liftBanner__bkgWrapper{
      position: relative;
      height: 271px;
    }
    .liftBanner__inner{
          color: black;
      margin-top: 20px;
    }
    .liftBanner__textWrapper{
          max-width: none;
      width: 100%;
    }
    .liftBanner__title{
          text-align: center;
      font-size: 28px!important;
    }
    .expressionTextBreak{
      padding:40px 0;
    }
    .expressionTextBreak__text{
          font-size: 28px;
    }
    .liftSBS{
          padding: 40px 0;
    }
    .liftSBS__inner{
      flex-direction: column-reverse!important;
    }
    .liftSBS__imageSide{
          width: 100%;
      margin-top: 20px;
      max-width: none;
    }
    .liftSBS__imageWrapper{
          height: 350px;
    }
    .liftSBS__textSide{
          width: 100%;
      max-width: none;
    }
    .liftSBS__title{
          font-size: 24px;
      margin-bottom: 20px;
    }
    .liftGrid__title{
          font-size: 24px;
    }
    .liftGrid__grid{
      grid-template-columns: calc((100% - 20px) / 2) calc((100% - 20px) / 2);
    }
    .liftTextOverImage{
          height: auto;
      display: flex;
      flex-direction: column-reverse;
      background: black;
      padding-top: 40px;
    }
    .liftTextOverImage__backgroundWrapper{
          position: relative;
      height: 380px;
    }
    .liftTextOverImage__background{
          object-position: right;
    }
    .liftTextOverImage__inner{
          max-width: none;
      margin-bottom: 30px;
    }
    .liftTextOverImage__content{
          width: 100%;
    }
    .liftTextOverImage__title{
          font-size: 28px;
      margin-bottom: 20px;
    }
    .liftSBS__textWrapper{
      max-width:none;
    }
    .liftVideo__inner{
          flex-direction: column;
    }
    .liftVideo__left{
          margin-bottom: 30px;
      width: 100%;
      max-width: none;
    }
    .liftVideo__textWrapper{
          max-width: none;
    }
    .liftVideo__title{
          font-size: 28px;
      margin-bottom: 20px;
    }
    .liftVideo__right{
          width: 100%;
      max-width: none;
    }
    .expressionCardRow__inner{
          width: calc(100% - 60px);
    }
  }
  
  .expressionCard__inner{
    border: 1px solid #F5F5F5;
  }
  .expressionCardRow--gray .expressionCard__inner{
    border: 1px solid transparent;
  }
  
  .expressionCardRow__previous:hover, .expressionCardRow__next:hover{
    filter:invert(1);
  }
  .liftFourCards__next:hover, .liftFourCards__previous:hover{
    filter:invert(1);
  }
  .liftThreeCards__next:hover, .liftThreeCards__previous:hover{
    filter:invert(1);
  }
  .liftFourCard__inner, .liftThreeCard__inner{
    border: 1px solid #F5F5F5;
  }
  
  .al2Faq__subtitle{
        text-align: center;
      font-size: 20px;
      margin-top: -15px;
      margin-bottom: 30px;
  }
  .al2Faq__content a{
    text-decoration:underline!important;
  }
  
  .approachPDP .al2Prod__prodRow{
    flex-direction: column;
  }
  .approachPDP .al2Prod__prodOptionButtonWrapper{
        width: 100%;
  }
  .approachPDP .al2Prod__prodButton,  .approachPDP .al2Prod__keyOptionButton{
        padding: 3px 20px;
    border-color:#B4BCC2;
  }
  .approachPDP .al2Prod__prodButton--active{
    border-color:black;
  }
  .approachPDP .al2Prod__prodButtonImage{
        height: 32px;
      width: auto;
      margin: auto 0;
      max-width: none!important;
      margin-right: 0!important;
  }
  .approachPDP .al2Prod__prodButtonImage.al2Prod__prodButtonImage--invert{
    filter:invert(1)!important;
  }
  .approachPDP .al2Prod__prodButton--active .al2Prod__prodButtonImage.al2Prod__prodButtonImage--invert{
    filter:invert(0)!important;
  }
  .approachPDP.assureLock2LandingThree .al2Prod__prodButton[data-prod-option=wifi] .al2Prod__prodButtonImage{
    max-width: none!important;
      margin-right: 0!important;
  }
  
  .approachPDP .al2Prod__prodRow .yale-t-4__desktop__title{
    margin-bottom:10px;
  }
  .al2Prod__newTag{
    margin-top: 20px;
  }
  .al2Prod__newTagInner{
        font-family: 'YaleSolis-Bold';
      width: max-content;
      font-size: 16px;
      background: linear-gradient(130.61deg, #29235C -45.55%, #2F235A -45.55%, #521F7A -7.52%, #5D274E 18.07%, #E80247 38.55%, #FF3D00 58.3%, #FC4B13 75.12%, #F9CD33 100.71%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  .approachPDP .al2Prod__keyOptionRow{
        margin-top: 0px;
      flex-direction: column;
  }
  .approachPDP .al2Prod__keyOptionRow .yale-t-4__desktop__title{
    margin-bottom:10px;
    width:100%;
  }
  .approachPDP .al2Prod__keyOptionButton{
        padding: 3px 20px;
  }
  .approachPDP .al2Prod__prodButtonTextWrapper{
        padding-left: 10px;
  }
  .al2Prod__keyOptionButtonRainbowInner, .al2Prod__prodButtonRainbowInner{
        display: flex;
      padding: 3px 20px;
      margin: auto;
      border-radius: 30px;
        min-height: 38px;
    background:white;
  }
  .al2Prod__keyOptionButton--rainbow, .al2Prod__prodButton--rainbow{
        padding: 2px!important;
        border: 0!important;
        border-radius:30px!important;
        background: #B4BCC2!important;
  }
  .al2Prod__keyOptionButton--rainbow.al2Prod__keyOptionButton--active, .al2Prod__prodButton--rainbow.al2Prod__prodButton--active{
    background: linear-gradient(130.61deg,#29235c -45.55%,#2f235a -45.55%,#521f7a -7.52%,#5d274e 18.07%,#e80247 38.55%,#ff3d00 58.3%,#fc4b13 75.12%,#f9cd33 100.71%)!important;
  }
  .al2Prod__keyOptionButton--rainbow.al2Prod__keyOptionButton--active .al2Prod__keyOptionButtonRainbowInner, .al2Prod__prodButton--rainbow.al2Prod__prodButton--active .al2Prod__prodButtonRainbowInner{
    background:black;
  }
  .al2Prod__keyOptionButton--rainbow .al2Prod__prodButtonImage, .al2Prod__prodButton--rainbow .al2Prod__prodButtonImage{
    height:25px;
  }
  
  .abnbBanner{
        height: 553px;
      position: relative;
  }
  .abnbBanner__bkgWrapper{
        width: 100%;
      height: 100%;
  }
  .abnbBanner__bkg{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .abnbBanner__inner{
        width: calc(100% - 60px);
      top: 0;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      height: 100%;
      display: flex;
      max-width: 1312px;
  }
  .abnbBanner__content{
        margin: auto 0;
      max-width: 470px;
  }
  .abnbBanner__title{
        font-family: 'YaleSolis-Regular';
      font-weight: 500;
      font-size: 60px !important;
      line-height: 73px;
      padding-bottom: 100px;
      letter-spacing: -.5px;
  }
  .abnbLogoBreak{
        background: #F5F5F5;
      padding-top: 28px;
      padding-bottom: 27px;
  }
  .abnbLogoBreak__inner{
        display: flex;
      justify-content: center;
      width: calc(100% - 60px);
      margin: auto;
    max-width: 1312px;
  }
  .abnbLogoBreak__text{
        margin: auto 0;
      font-size: 26px;
  }
  .abnbLogoBreak__image{
        width: 150px;
      margin: auto 0;
  }
  .abnbSignup{
        padding-top: 60px;
            padding-bottom: 80px;
  }
  .abnbSignup__inner{
        width: calc(100% - 60px);
      margin: auto;
    max-width: 1312px;
  }
  .abnbSignup__title{
        text-align: center;
      font-size: 34px;
      line-height: 42px;
      max-width: 650px;
      margin: auto;
      margin-bottom: 30px;
  }
  .abnbSignup__text{
        text-align: center;
      margin-bottom: 50px;
  }
  .abnbSignup__wrapper{
      width: 350px;
      margin: auto;
  }
  .abnbSignup__legal{
    text-align: center;
      margin-top: 15px;
      font-size: 16px;
  }
  .abnbITT{
        padding-top: 13px;
      padding-bottom: 68px;
  }
  .abnbITT__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1310px;
  }
  .abnbITT__image{
        width: 332px;
      margin: auto;
      display: block;
      height: 308px;
      object-fit: contain;
  }
  .abnbITT__title{
        max-width: 800px;
      margin: auto;
      text-align: center;
      line-height: 58px;
      font-size: 48px;
  }
  .abnbITT__text{
    line-height: 29px;
      font-size: 24px;
      text-align: center;
      max-width: 1010px;
      margin: auto;
      margin-top: 26px;
  }
  .abnbIcons{
        background: radial-gradient(100% 100% at 0% 0%, #FFFDEE 0%, rgba(255, 240, 10, 0) 100%), linear-gradient(45deg, #FFF108 0%, rgba(255, 241, 7, 0) 50%), linear-gradient(110.17deg, #FFFDEE 0%, #FE9517 100%);
        padding-top: 40px;
      padding-bottom: 40px;
  }
  .abnbIcons__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1312px;
  }
  .abnbIcons__flex{
        display: flex;
      justify-content: space-between;
  }
  .abnbIcon{
        max-width: 283px;
      width: calc((100% - 90px) / 4);
  }
  .abnbIcon__inner{
        display: flex;
        justify-content: space-between;
  }
  .abnbIcon__iconWrapper{
        width: 48px;
      height: 48px;
  }
  .abnbIcon__icon{
        width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .abnbIcon__textWrapper{
        width: calc(100% - 51px);
  }
  .abnbIcon__text{
        line-height: 26px;
      max-width: 217px;
  }
  .abnbAd{
        width: calc(100% - 60px);
      max-width: 1312px;
      margin: auto;
      margin-top: 66px;
      position: relative;
      background: black;
        margin-bottom: 70px;
  }
  .abnbAd__bkgWrapper{
        position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }
  .abnbAd__bkg{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .abnbAd__inner{
        position: relative;
      color: white;
      width: calc(100% - 60px);
      margin: auto;
      max-width: 1140px;
      padding-top: 40px;
      padding-bottom: 38px;
  }
  .abnbAd__title{
        font-size: 34px;
      line-height: 41px;
      margin-bottom: 12px;
  }
  .abnbAd__link{
    display: block;
      text-decoration: none;
      color: black;
      background: #FFD800;
      border-radius: 50px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      width: max-content;
      font-size: 16px;
      font-family: "YaleSolis-Bold";
      padding: 0px 34px;
  }
  .abnbSBS{
        margin-bottom: 70px;
  }
  .abnbSBS__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1314px;
      display: flex;
      justify-content: space-between;
  }
  .abnbSBS__imageSide{
        width: calc(50%);
  }
  .abnbSBS__imageWrapper{
        width: 100%;
      height: 0;
      padding-top: 66.5%;
      position: relative;
  }
  .abnbSBS__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .abnbSBS__textSide{
        width: calc(50% - 40px);
      display: flex;
  }
  .abnbSBS__textWrapper{
        margin: auto;
      max-width: 520px;
      padding-top: 12px;
      width: 100%;
  }
  .abnbSBS__title{
        font-size: 34px;
      max-width: 370px;
      line-height: 42px;
      margin-bottom: 17px;
  }
  .abnbSBS__text{
        line-height: 26px;
      max-width: 450px;
      letter-spacing: 0.1px;
  }
  .abnbSBS--mirror{
        padding-bottom: 30px;
  }
  .abnbSBS--mirror .abnbSBS__inner{
        flex-direction: row-reverse;
  }
  .abnbSBS--mirror .abnbSBS__imageSide{
        width: calc(50% + 20px);
  }
  .abnbSBS--mirror .abnbSBS__imageWrapper{
        padding-top: 64.5%;
  }
  .abnbSBS--mirror .abnbSBS__textWrapper{
        max-width: 450px;
      padding-top: 40px;
  }
  .abnbHow{
        background: #F5F5F5;
      margin-top: 26px;
      padding-top: 68px;
        padding-bottom: 80px;
  }
  .abnbHow__inner{
        margin: auto;
      width: calc(100% - 60px);
      max-width: 1312px;
  }
  .abnbHow__title{
        font-size: 48px;
      line-height: 58px;
      text-align: center;
  }
  .abnbHow__text{
        max-width: 1050px;
      margin: auto;
      text-align: center;
      font-size: 24px;
      line-height: 29px;
      margin-top: 20px;
  }
  .abnbHow__linkWrapper{
        margin-top: 44px;
  }
  .abnbHow__link{
    display: block;
      text-decoration: none;
      margin: auto;
      width: max-content;
  }
  .abnbHow__linkImage{
        width: 170px;
  }
  .abnbHow__flex{
        display: flex;
      justify-content: space-between;
      max-width: 1200px;
      margin: auto;
      margin-top: 36px;
  }
  .abnbHowScreen{
        width: calc((100% / 3) - 5px);
  }
  .abnbHowScreen__imageWrapper{
        position: relative;
      width: 100%;
      height: 0px;
      padding-top: 100%;
  }
  .abnbHowScreen__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .abnbHowScreen__text{
        text-align: center;
  }
  .abnbHowScreen__text p{
        font-size: 16px;
      line-height: 26px;
      margin: 0;
      margin-top: 18px;
  }
  .abnbShop{
        padding-top: 78px;
    padding-bottom:40px;
  }
  .abnbShop__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1312px;
  }
  .abnbShop__upper{
        display: flex;
      justify-content: space-between;
  }
  .abnbShop__left{
    width: calc(100% - 260px);
  }
  .abnbShop__title{
        font-size: 34px;
      line-height: 48px;
  }
  .abnbShop__text{
        max-width: 724px;
      margin-top: 10px;
  }
  .abnbShop__text p{
        margin: 0;
  }
  .abnbShop__right{
        padding-top: 4px;
      padding-bottom: 4px;
  }
  .abnb__vertFlex{
        flex-direction: column;
      display: flex;
      height: 100%;
  }
  .abnb__worksLogo{
        width: 113px;
  }
  .abnbShop__sliderArrowWrapper{
        margin-top: auto;
      display: flex;
      justify-content: flex-end;
  }
  .abnbShop__prevArrow{
        padding: 0;
      border: 0;
      background: 0;
      width: 19px;
      display: flex;
      margin-right: 26px;
  }
  .abnbShop__prevArrowIcon{
        width: 12px;
      transform: rotate(180deg);
      margin: auto;
  }
  .abnbShop__nextArrow{
        padding: 0;
      border: 0;
      background: 0;
      width: 19px;
      display: flex;
  }
  .abnbShop__nextArrowIcon{
        width: 12px;
      margin: auto;
  }
  .abnbShop, .abnbShop{
    overflow-x:hidden;
  }
  .abnbProdSlide{
        background: #F5F5F5;
        height: auto!important;
  }
  .abnbShop__sliderContainer{
        max-width: 980px;
      margin-top: 56px;
  }
  .abnbProdSlide__inner{
        padding: 0px 30px;
      padding-top: 31px;
        padding-bottom: 40px;
    height:100%;
    display: flex;
      flex-direction: column;
  }
  .abnbProdSlide__tagWrapper{
        width: max-content;
      display: flex;
      position: absolute;
      height: 22px;
      border: 1px solid black;
      border-radius: 5px;
      background: transparent;
      box-sizing: border-box;
      top: 41px;
      left: 48px;
      padding: 0 12px;
  }
  .abnbProdSlide__tagWrapper--yellow{
      border: 1px solid #FFD800;
      background: #FFD800;
  }
  .abnbProdSlide__tagText{
        margin: auto;
      font-size: 12px;
      text-transform: uppercase;
      font-family: "YaleSolis-Bold";
      letter-spacing: .9px;
  }
  .abnbProdSlide__imageWrapper{
        position: relative;
      width: 100%;
      height: 0;
      padding-top: 87%;
  }
  .abnbProdSlide__image{
        width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: bottom;
      position: absolute;
      top: 0;
  }
  .abnbProdSlide__mid{
        display: flex;
      justify-content: space-between;
        width: 100%;
      max-width: 390px;
      margin: 0 auto;
  }
  .abnbProdSlide__colorFlex{
        display: flex;
      height: 40px;
      margin-top: 1px;
  }
  .abnbProdSlide__color{
        margin: auto 11px;
      width: 34px;
      height: 34px;
      border: 2px solid transparent;
      border-radius: 100%;
      box-sizing: border-box;
      padding: 0;
      display: flex;
  }
  .abnbProdSlide__color:first-of-type{
    margin-left:0;
  }
  .abnbProdSlide__color--active{
    border: 2px solid black;
  }
  .abnbProdSlide__colorInner{
        width: 27.5px;
      height: 27.5px;
      background-size: contain;
      margin: auto;
  }
  [data-name="Black Suede"] .abnbProdSlide__colorInner{
    background-image: url("/cdn/shop/files/satinBlack.png?v=1722369432");
  }
  [data-name="Satin Nickel"] .abnbProdSlide__colorInner, [data-name="Silver"] .abnbProdSlide__colorInner{
    background-image: url("/cdn/shop/files/satinNickel_bbb08d64-b7e2-4760-9607-31fe4bc52de3.png?v=1722369432");
  }
  [data-name="Black Suede"] .abnbProdSlide__colorInner{
    background-image: url("/cdn/shop/files/satinBlack.png?v=1722369432");
  }
  [data-name="Satin Nickel"] .abnbProdSlide__colorInner, [data-name="Silver"] .abnbProdSlide__colorInner{
    background-image: url("/cdn/shop/files/satinNickel_bbb08d64-b7e2-4760-9607-31fe4bc52de3.png?v=1722369432");
  }
  .abnbProdSlide__lower{
    width: 100%;
      max-width: 390px;
      margin: auto;
        margin-top: 10px;
  }
  .abnbProdSlide__bottom{
    width: 100%;
      max-width: 390px;
      margin: auto;
        margin-top: auto;
      margin-bottom: 0;
  }
  .abnbProdSlide__priceWrapper{
        margin-top: 5px;
      margin-right: 9px;
  }
  .abnbProdSlide__price{
    font-family:"YaleSolis-Bold";
  }
  .abnbProdSlide__colorLabel{
        margin-top: 3px;
  }
  .abnbProdSlide__lower{
        margin-top: 18px;
  }
  .abnbProdSlide__sku{
        color: #919191;
      font-size: 12px;
      line-height: 15px;
      text-transform: uppercase;
      font-family: 'YaleSolis-Bold';
  }
  .abnbProdSlide__title{
        font-size: 24px;
      line-height: 29px;
      margin-top: 10px;
  }
  .abnbProdSlide__desc{
        font-size: 16px;
      line-height: 26px;
      margin-top: 8px;
  }
  .abnbProdSlide__bottom{
    margin-top: 25px;
      display: flex;
      justify-content: space-between;
  }
  .abnbProdSlide__qtyWrapper{
    border: 1px solid black;
      background: white;
      border-radius: 40px;
      height: 36px;
      width: 130px;
  }
  .abnbProdSilde__qtyBox{
        display: flex;
      justify-content: space-between;
      padding-left: 8px;
      padding-right: 8px;
    height:100%;
  }
  .abnbProdSlide__qtyLess{
        background: none;
      border: none;
      padding: 0;
      width: 40px;
      position: relative;
  }
  .abnbProdSlide__qtyButtonLine{
        background: black;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  .abnbProdSlide__qtyButtonLine--h{
        width: 14px;
      height: 1px;
  }
  .abnbProdSlide__qtyButtonLine--v{
        width: 1px;
      height: 14px;
  }
  .abnbProdSlide__input{
        width: calc(100% - 80px);
      text-align: center;
      border: none;
      background: none;
  }
  .abnbProdSlide__qtyMore{
        background: none;
      border: none;
      padding: 0;
      width: 40px;
      position: relative;
  }
  .abnbProdSlide__buy{
        display: block;
      text-decoration: none;
      color: black;
      background: #FFD800;
      border-radius: 50px;
      height: 36px;
      line-height: 36px;
      text-align: center;
      width: max-content;
      font-size: 16px;
      font-family: "YaleSolis-Bold";
      padding: 0px 34px;
      border: none;
  }
  
  .abnbLinks{
        padding-top: 40px;
  }
  .abnbLinks__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1312px;
  }
  .abnbLinks__title{
        font-size: 34px;
      line-height: 42px;
  }
  .abnbLinks{
        padding-top: 40px;
  }
  .abnbLinks__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1312px;
  }
  .abnbLinks__top{
        display: flex;
      justify-content: space-between;
  }
  .abnbLinks__title{
    font-size: 34px;
      line-height: 42px;
      max-width: 570px;
  }
  .abnbLinks__sliderControls{
        margin-top: auto;
      display: flex;
      justify-content: flex-end;
      margin-bottom: 9px;
  }
  .abnbLinks__prevArrow{
        padding: 0;
      border: 0;
      background: 0;
      width: 19px;
      display: flex;
      margin-right: 26px;
  }
  .abnbLinks__prevArrowIcon{
        width: 12px;
      transform: rotate(180deg);
      margin: auto;
  }
  .abnbLinks__nextArrow{
        padding: 0;
      border: 0;
      background: 0;
      width: 19px;
      display: flex;
  }
  .abnbLinks__nextArrowIcon{
        width: 12px;
      margin: auto;
  }
  .abnbLinks__sliderOuterWrapper{
        margin-top: 50px;
      width: 100%;
      max-width: 1150px;
  }
  .abnbLink__inner{
        background: #F5F5F5;
      color: black;
      text-decoration: none;
  }
  .abnbLink__imageWrapper{
        width: 100%;
      height: 0;
      padding-top: 91.5%;
      position: relative;
  }
  .abnbLink__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .abnbLink__lower{
    padding: 35px;
      padding-top: 28px;
    padding-bottom: 69px;
  }
  .abnbLink__logo{
    transform: scale(.5);
      transform-origin: left top;
    width: max-content;
      height: max-content;
  }
  .abnbLink__logoWrapper{
    height: 40px;
      display: flex;
  }
  .abnbLink__title{
        font-size: 24px;
    margin-top: 24px;
      line-height: 27px;
  }
  .abnbLink__learn{
    display:flex;
        position: absolute;
      bottom: 32px;
      left: 35px;
  }
  .abnbLink__text{
        font-size: 16px;
        margin-top: 12px;
      line-height: 26px;
  }
  .abnbLink__learnText{
        font-size: 16px;
      font-family: "YaleSolis-Bold";
        display: block;
      margin-left: 7px;
  }
  .abnbLink__learnArrow{
    width: 10px;
      margin: auto 0;
  }
  .abnbLink{
    height:auto!important;
  }
  .abnbLink__inner{
        height: 100%;
      display: block;
  }
  .abnbITT__mobileTitle{
    display:none;
  }
  .abnbSBSMob{
    display:none;
  }
  .abnbLinks{
        overflow: hidden;
  }
  
  .newHero__floatingImageWrapper{
        max-width: 450px;
      position: absolute;
      bottom: -110px;
  }
  .newHero__floatingImage{
        width: 100%;
  }
  
  @media only screen and (max-width:1000px){
    .abnbBanner__title{
          display: none;
    }
    .abnbLogoBreak__text{
          font-size: 16px;
    }
    .abnbLogoBreak__image{
          width: 101px;
      margin-left: 5px;
    }
    .abnbSignup{
      padding-top: 30px;
    }
    .abnbSignup__title{
          font-size: 24px;
      line-height: 29px;
    }
    .abnbITT__mobileTitle{
      display:block;
      font-size:36px;
      line-height:43px;
      text-align:center;
      margin-bottom:20px;
    }
    .abnbITT{
      padding-bottom: 40px;
    }
    .abnbITT__title{
          font-size: 34px;
      line-height: 42px;
    }
    .abnbITT__text{
          font-size: 16px;
      line-height: 26px;
    }
    .abnbIcons__flex{
          flex-direction: column;
    }
    .abnbIcon{
      width: 100%;
      margin: 0 auto;
      margin-bottom: 30px;
    }
    .abnbIcon:last-of-type{
      margin-bottom:0;
    }
    .abnbIcon__textWrapper{
      width: calc(100% - 61px);
    }
    .abnbAd{
          margin: 0;
      width: 100%;
    }
    .abnbAd__bkgWrapper{
          opacity: .5;
    }
    .abnbAd__link{
          margin: auto;
      margin-top: 20px;
    }
    .abnbSBSMob{
      display:block;
          padding-top: 30px;
      padding-bottom: 30px;
    }
    .abnbSBS{
      display:none;
    }
    .abnbSBSMob__inner{
          width: calc(100% - 60px);
      margin: auto;
      position: relative;
      overflow:hidden;
    }
    .abnbSBSMob__sliderControls{
          position: absolute;
          bottom: 413px;
      left: 0;
      display: flex;
      z-index: 2;
    }
    .abnbSBSMob__prevArrow{
          padding: 0;
      border: 0;
      background: 0;
      width: 19px;
      display: flex;
      margin-right: 26px;
    }
    .abnbSBSMob__prevArrowIcon{
          width: 12px;
      transform: rotate(180deg);
      margin: auto;
    }
    .abnbSBSMob__nextArrow{
          padding: 0;
      border: 0;
      background: 0;
      width: 19px;
      display: flex;
    }
    .abnbSBSMob__nextArrowIcon{
          width: 12px;
      margin: auto;
    }
    .abnbSBSMobSlide__title{
          font-size: 24px;
      line-height: 24px;
          margin-bottom: 20px;
    }
    .abnbSBSMobSlide__text{
          font-size: 16px;
      line-height: 26px;
    }
    .abnbSBSMobSlide__lower{
          padding-top: 60px;
    }
    .abnbSBSMobSlide__imageWrapper{
      height: 350px;
      width: 100%;
    }
    .abnbSBSMobSlide__image{
          width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .abnbSBSMob__dotsWrapper{
      margin-top: 20px;
    }
    .abnbSBSMob__dotsWrapper .swiper-pagination-bullet{
      width: 12px;
      height: 12px;
      background: black!important;
      margin:0px 10px!important;
    }
    .abnbHow{
          margin-top: 0;
      padding-top: 40px;
          padding-bottom: 30px;
    }
    .abnbHow__title{
          font-size: 34px;
      line-height: 42px;
    }
    .abnbHow__text{
          font-size: 16px;
      line-height: 26px;
    }
    .abnbHow__flex{
          flex-direction: column;
      max-width: 500px;
    }
    .abnbHowScreen{
          width: 100%;
      margin-bottom: 30px;
    }
    .abnbProdSlide__mid, .abnbProdSlide__lower, .abnbProdSlide__bottom{
          max-width: none;
    }
    .abnbLinks__top{
          flex-direction: column;
    }
    .abnbLinks__sliderControls{
          justify-content: flex-start;
      margin-top: 30px;
    }
    .abnbLinks__sliderOuterWrapper{
      margin-top: 30px;
    }
    .al2Faq__title{
          text-align: left;
      font-size: 32px;
    }
    .abnbShop{
          padding-top: 50px;
    }
    .abnbShop__upper{
          flex-direction: column;
    }
    .abnbShop__left{
          width: 100%;
    }
    .abnbShop__right{
          margin-top: 30px;
    }
    .abnbShop__sliderArrowWrapper{
      justify-content: flex-start;
      margin-top: 40px;
    }
    .abnbShop__sliderContainer{
          margin-top: 30px;
    }
    .abnbBanner{
      height: 350px;
    }
    .newHero__floatingImageWrapper{
          bottom: auto;
      top: calc(72vw - 120px);
    }
  }
  @media only screen and (max-width:700px){
    .al2Sticky__button{
          padding: 5px 15px;
    }
  }
  .abnbSignup__wrapper input[type="email"]{
    text-align:center!important;
  }
  
  .abnbHow__link{
        font-family: "YaleSolis-Bold";
      text-decoration: underline;
  }
  
  .newHero__slideContent{
        top: calc(50% - 30px);
  }
  
  .sloFeatured--builder{
    padding-bottom:70px;
  }
  
  .al2Prod__worksFlex .al2Prod__worksIconWrapper{
        height: 30px;
      margin-right: 10px;
      margin-bottom: 10px;
  }
  @media only screen and (max-width:1000px){
    .template-page-codekeypad .approachSBS, .template-page-codekeypad .newKeypadColor{
      display:none;
    }
    .abnbSBSMob--code .abnbSBSMob__inner{
          overflow: visible;
    }
    .abnbSBSMob--code .abnbSBSMob__sliderControls{
          position: unset;
    }
    .abnbSBSMob--code .abnbSBSMob__prevArrow{
          position: absolute;
      z-index: 2;
      bottom: 200px;
      left: -19px;
      width: auto;
      margin: 0;
    }
    .abnbSBSMob--code .abnbSBSMob__prevArrowIcon{
          width: 40px;
      height: 40px;
      transform: none;
    }
    .abnbSBSMob--code .abnbSBSMob__nextArrow{
          position: absolute;
      z-index: 2;
      bottom: 200px;
      right: -19px;
      width: auto;
    }
    .abnbSBSMob--code .abnbSBSMob__nextArrowIcon{
          width: 40px;
      height: 40px;
      transform: none;
    }
    .abnbSBSMob--code .abnbSBSMob__dotsWrapper{
          width: max-content;
      margin: auto;
      margin-top: 20px;
    }
    .abnbSBSMob--code .abnbSBSMobSlide__title{
      font-weight:900;
    }
    .abnbSBSMob__sliderWrapper{
      overflow:hidden;
    }
  }
  
  .headerSlider__upperWrapper{
        overflow: hidden;
      position: relative;
      width: calc(100% - 320px);
      margin: auto;
  }
  .headerSlider__prev{
        position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      color: white;
      background: 0;
      border: 0;
      padding: 0px 10px;
    z-index:10;
  }
  .topbar div.headerSlider__prevArrow{
    font-size: 25px!important;
  }
  .headerSlider__next{
    position: absolute;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      color: white;
      background: 0;
      border: 0;
      padding: 0px 10px;
    z-index:10;
  }
  .topbar div.headerSlider__nextArrow{
    font-size: 25px!important;
  }
  
  .headerSlider__container .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  
    @media(max-width: 768px) {
      .headerSlider__upperWrapper,
      .headerSlider__container  {
        height: 100%;
      }
  
      .headerSlider__container {
        padding-right: 0 !important;
        padding-left: 0 !important;
      }
  
     
  }
  
  @media(max-width: 560px) {
    .headerSlider__next,
    .headerSlider__prev {
      display: none !important;
    }
  }
  
  .topbar a.headerSlider__button{
        border: 1px solid #ffc700;
      background:#ffc700;
    color:black!important;
      border-radius: 30px;
      padding: 2px 10px;
      margin-left: 10px;
      display: inline-block;
  }
  .topbar a.headerSlider__button:hover{
    background:transparent;
    color:white!important;
  }
  @media only screen and (max-width:800px){
    .headerSlider__upperWrapper{
          display: block;
      width: calc(100% - 120px);
      margin-right: auto;
      margin-left: 0;
    }
    header .topbar .container{
      height:50px;
    }
  }
  @media only screen and (max-width:700px){
    .smartPDP__qtyWrapper{
          width: 100% !important;
    }
    .smartPDP__buyWrapper{
          width: 100% !important;
      margin-top: 20px;
    }
    .abnbSBSMob__prevArrow, .abnbSBSMob__nextArrow{
          bottom: calc(50vw + 50px);
    }
    #shopify-section-hdProduct2 .al2Prod__accessShelfInner, #shopify-section-hdProduct1 .al2Prod__accessShelfInner{
          flex-direction: column;
    }
    #shopify-section-hdProduct2 .al2Prod__accessCard, #shopify-section-hdProduct1 .al2Prod__accessCard{
      width: 100%;
      max-width: none;
      margin-bottom: 10px;
    }
    #shopify-section-hdProduct2 .al2Prod__accessButtonInner, #shopify-section-hdProduct1 .al2Prod__accessButtonInner{
          flex-direction: column;
    }
    #shopify-section-hdProduct2 .al2Prod__accessTitleImage, #shopify-section-hdProduct1 .al2Prod__accessTitleImage{
          width: 100%;
    }
  }
  
  .card__gradientBanner{
        background: radial-gradient(53.59% 85.71% at 0% 0%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(245.1deg, rgba(255, 154, 6, 0) 57.89%, #FF9A06 100%), linear-gradient(184.26deg, #FFEFAF -62.19%, #F9525C 119.78%);
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1;
  }
  .card__gradientBannerInner{
    text-align: center;
      padding: 4px;
      font-size: 14px;
  }
  .accessCollectionCard__inner{
        position: relative;
  }
  .pdp__left{
    position:relative;
  }
  
  .pdp__gradientBanner{
        background: radial-gradient(53.59% 85.71% at 0% 0%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(245.1deg, rgba(255, 154, 6, 0) 57.89%, #FF9A06 100%), linear-gradient(184.26deg, #FFEFAF -62.19%, #F9525C 119.78%);
      z-index: 1;
  }
  .pdp__gradientBannerInner{
    text-align: center;
      padding: 4px;
      font-size: 14px;
  }
  
  .product-details-wrapper .price-wrapper{
        position: relative;
  }
  .pdp__comparePrice{
        margin-right: 10px;
  }
  .pdp__priceRed{
        color: red;
  }
  .pdp__discountBubble{
        display: block;
      position: absolute;
      top: 0;
      left: calc(100% + 10px);
      background: red;
      color: white;
      font-size: 14px !important;
      width: max-content;
      padding: 1px 10px;
      border-radius: 30px;
  }
  
  .al2Hero__gradientBanner{
        background-image: linear-gradient(to right, rgb(255, 154, 6), rgb(249, 82, 92));
      width: max-content;
      padding: 11px 20px;
      margin-bottom: 10px;
  }
  .al2Hero__gradientBannerText{
        font-size: 18px;
      font-weight: 900;
      line-height: 18px;
  }
  @media only screen and (max-width:700px){
    .smartPDP__qtyWrapper{
          width: 100% !important;
    }
    .smartPDP__buyWrapper{
          width: 100% !important;
      margin-top: 20px;
    }
    .abnbSBSMob__prevArrow, .abnbSBSMob__nextArrow{
          bottom: calc(50vw + 50px);
    }
  }
  .hide{
    display:none!important;
  }
  
  .ecoHero{
        position: relative;
      display: flex;
  }
  .ecoHero__left{
        width: 50%;
      min-height: 400px;
      position: relative;
      display: flex;
  }
  .ecoHero__background{
        background: linear-gradient(135deg, #FFF7CC 0%, rgba(255, 247, 204, 0) 100%), linear-gradient(180deg, #FCF0A2 0%, #FFDA04 100%);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .ecoHero__inner{
        position: relative;
      width: calc((100vw - 60px) / 2);
      margin: auto 0;
      margin-left: auto;
      max-width: 576px;
  }
  .ecoHero__logo{
        width: 263px;
  }
  
  .ecoHero__title{
        font-size: 20px !important;
      line-height: 24px;
      margin-top: 24px;
  }
  .ecoHero__right{
        width: 50%;
      height: auto;
      position: relative;
  }
  .ecoHero__imageWrapper{
        width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
  }
  .ecoHero__image{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .ecoIcons{
        padding-top: 48px;
      padding-bottom: 30px;
  }
  .ecoIcons__inner{
        width: calc(100% - 60px);
      max-width: 1152px;
      margin: auto;
  }
  .ecoIcons__title{
        font-size: 32px !important;
      line-height: 38px;
      font-family: 'YaleSolis-Bold';
      text-align: center;
  }
  .ecoIcons__text{
        max-width: 570px;
      margin: auto;
      text-align: center;
      font-size: 18px;
      line-height: 24px;
      margin-top: 20px;
  }
  .ecoIcons__flex{
        display: flex;
      justify-content: center;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  .ecoIcon{
        max-width: 260px;
      width: calc(100% / 3);
  }
  .ecoIcon__imageWrapper{
        width: max-content;
      margin: auto;
  }
  .ecoIcon__image{
        width: 64px;
      height: 64px;
      object-fit: contain;
  }
  .ecoIcon__title{
        text-align: center;
      font-family: 'YaleSolis-Bold';
      font-size: 16px;
      line-height: 20px;
        margin: auto;
      max-width: 150px;
  }
  .ecoIcon__legal{
    text-align: center;
      font-size: 15px;
  }
  .eco3Cards{
        padding: 40px;
  }
  .eco3Cards__inner{
        width: calc(100% - 60px);
      max-width: 1152px;
      margin: auto;
  }
  .eco3Cards__title{
        font-size: 32px !important;
      line-height: 38px;
      font-family: 'YaleSolis-Bold';
      text-align: center;
      margin-bottom: 32px;
  }
  .eco3Card{
        width: 376px;
      margin-right: 12px;
      height: auto;
  }
  .eco3Card__inner{
        height: 100%;
      background: #F5F5F5;
  }
  .eco3Card__imageWrapper{
    width: 100%;
      position: relative;
      height: 0;
      padding-top: 69%;
  }
  .eco3Card__image{
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .eco3Card__textWrapper{
        padding: 16px;
      padding-bottom: 32px;
  }
  .eco3Card__title{
        font-size: 24px;
      line-height: 29px;
  }
  .eco3Card__text{
      font-size: 16px;
      line-height: 19px;
      margin-top: 10px;
  }
  .eco3Col{
        padding: 40px 0;
  }
  .eco3Col__inner{
        width: calc(100% - 60px);
      max-width: 1152px;
      margin: auto;
  }
  .eco3Col__title{
        font-size: 32px !important;
      line-height: 38px;
      font-family: 'YaleSolis-Bold';
      text-align: center;
      margin-bottom: 32px;
  }
  .eco3Col__imageWrapper{
        width: 100%;
  }
  .eco3Col__image{
        width: 100%;
  }
  .eco3Col__sliderWrapper{
        background: #F5F5F5;
  }
  .eco3ColCard{
        padding: 32px 0;
        height: auto!important;
  }
  .eco3ColCard__inner{
        padding: 0 32px;
      border-right: 1px solid #C4C4C4;
        height: 100%;
  }
  .eco3ColCard:last-of-type .eco3ColCard__inner{
    border-right: none;
  }
  .eco3ColCard__title{
        font-size: 24px;
      line-height: 29px;
      margin-bottom: 10px;
  }
  .eco3ColCard__text{
        font-size: 14px;
      line-height: 19px;
  }
  .eco3ColCard__button{
        display: block;
      width: max-content;
      border: 2px solid black;
      border-radius: 20px;
      text-align: center;
      font-family: 'YaleSolis-Bold';
      padding: 8px 30px;
      line-height: 16px;
      font-size: 16px;
      margin-top: 20px;
  }
  .eco2Cards{
    padding: 40px 0;
  }
  .eco2Cards__inner{
        width: calc(100% - 60px);
      max-width: 1152px;
      margin: auto;
  }
  .eco2Cards__title{
        font-size: 32px !important;
      line-height: 38px;
      font-family: 'YaleSolis-Bold';
      text-align: center;
      margin-bottom: 32px;
  }
  .eco2Cards__text{
    font-size: 24px;
      line-height: 30px;
      text-align: center;
      margin: auto;
      margin-top: 20px;
      max-width: 620px;
  }
  .eco2Cards__flex{
        margin-top: 30px;
      display: flex;
      justify-content: space-between;
  }
  .eco2Card{
        width: calc((100% - 20px) / 2);
    min-height:309px;
      background: #F5F5F5;
  }
  .eco2Card__inner{
        height: 100%;
      display: flex;
  }
  .eco2Card__textSide{
        display: flex;
  }
  .eco2Card__textWrapper{
        padding: 32px 24px;
      margin-top: auto;
  }
  .eco2Card__title{
        font-size: 24px;
      line-height: 29px;
      margin-bottom: 10px;
  }
  .eco2Card__text{
        font-size: 14px;
      line-height: 18px;
  }
  .eco2Card__imageSide{
        height: 100%;
      width: 206px;
  }
  .eco2Card__imageWrapper{
        width: 206px;
      height: 100%;
  }
  .eco2Card__image{
    width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .eco2Card__image--mobile{
    display:none;
  }
  .ecoApp{
        padding: 35px 0;
    margin-bottom:40px;
  }
  .ecoApp__inner{
        width: calc(100% - 60px);
      max-width: 774px;
      margin: auto;
  }
  .ecoApp__flex{
        display: flex;
  }
  .ecoApp__left{
        display: flex;
      border-right: 1px solid black;
      margin-right: 24px;
      padding-right: 24px;
      padding-bottom: 4px;
  }
  .ecoApp__iconWrapper{
        margin: auto 0;
      margin-right: 24px;
  }
  .ecoApp__icon{
        width: 40px;
      height: 40px;
      object-fit: contain;
  }
  .ecoApp__leftText{
        width: 145px;
      font-size: 20px;
      line-height: 24px;
      padding-top: 6px;
  }
  .ecoApp__right{
        position: relative;
  }
  .ecoApp__rightUpper{
    font-size: 16px;
      line-height: 19px;
  }
  .ecoApp__rightLower{
        position: absolute;
      top: calc(100% + 10px);
  }
  .ecoApp__link{
        text-decoration: underline;
      font-family: 'YaleSolis-Bold';
  }
  .accessCollection__titleRow{
        display: flex;
      width: 100%;
  }
  .accessCollection__title--left{
        margin: 0;
      margin-right: auto;
      width: max-content;
      text-align: left;
    max-width:930px!important;
  }
  .accessCollection__logoWrapper{
    width: 210px;
  }
  .accessCollection__logo{
    width: 100%;
  }
  
  @media only screen and (max-width:1000px){
    .ecoHero{
          flex-direction: column;
    }
    .ecoHero__left{
          width: 100%;
      min-height: 0;
      padding: 100px 0;
    }
    .ecoHero__inner{
      margin: auto;
    }
    .ecoHero__logoWrapper{
          margin: auto;
      width: max-content;
    }
    .ecoHero__text{
          text-align: center;
    }
    .ecoHero__right{
          width: 100%;
    }
    .ecoHero__imageWrapper{
          position: relative;
      height: auto;
    }
    .ecoHero__image{
          height: auto;
    }
    .ecoIcons__title{
        font-size: 24px !important;
      line-height: 28px;
    }
    .ecoIcons__flex{
          flex-wrap: wrap;
    }
    .ecoIcon{
      width: 50%;
      margin-bottom: 20px;
    }
    .eco3Cards__title{
      font-size: 24px !important;
      line-height: 28px;
    }
    .eco3Cards__controlls{
          display: flex;
      justify-content: center;
      margin-top: 30px;
    }
    .eco3Cards__arrowHolder{
      margin: auto 0;
    }
    .eco3Card__arrow--prev{
          border: 0;
      background: 0;
      padding: 0;
    }
    .eco3Cards__arrowImage{
          width: 35px;
    }
    .eco3Cards__dotsHolder{
          width: max-content!important;
      padding: 0px 60px;
      margin: auto 0;
    }
    .eco3Cards__dotsHolder .swiper-pagination-bullet{
          width: 12px !important;
      height: 12px !important;
      background: black !important;
    }
    .eco3Card__arrow--next{
          border: 0;
      background: 0;
      padding: 0;
    }
    .eco3Card__arrow--next .eco3Cards__arrowImage{
      transform: scaleX(-1);
    }
    .eco3ColCard__inner{
      border:0;
    }
    .eco3Col__sliderWrapper{
      overflow:hidden;
    }
    .eco3Col__imageWrapper{
          height: 350px;
    }
    .eco3Col__image{
      height: 100%;
      object-fit: cover;
    }
    .eco3Col__title{
              font-size: 24px !important;
          line-height: 28px;
    }
    .eco2Cards__title{
          font-size: 24px !important;
      line-height: 28px;
    }
    .eco2Cards__flex{
      flex-direction: column;
    }
    .eco2Card{
          width: 100%;
      margin-bottom: 20px;
    }
    .eco2Card__inner{
      flex-direction: column-reverse;
    }
    .eco2Card__imageSide{
          width: 100%;
    }
    .eco2Card__imageWrapper{
          width: 100%;
    }
    .eco2Card__image--desktop{
      display:none;
    }
    .eco2Card__image--mobile{
      display:block;
    }
    .ecoApp{
      margin-bottom: 0;
    }
    .ecoApp__flex{
          flex-direction: column;
    }
    .ecoApp__left{
          padding: 0;
      margin: 0;
      border: 0;
      width: 100%;
      justify-content: center;
      margin-bottom: 20px;
    }
    .ecoApp__leftText{
          padding-top: 0;
    }
    .ecoApp__rightUpper{
          text-align: center;
    }
    .ecoApp__rightLower{
          position: relative;
      top: 0;
      margin-top: 10px;
      text-align: center
    }
    .accessCollection__title, .al2Faq__title{
          text-align: center;
    }
    .accessCollection__titleRow{
          flex-direction: column;
    }
    .accessCollection__title--left{
          width: 100%;
      text-align: center;
      margin: auto;
    }
    .accessCollection__logoWrapper{
          margin: auto;
      margin-top: 20px;
    }
    .newHero__floatingImage{
      filter: drop-shadow(1px 3px 7px rgba(0, 0, 0, 0.8));
    }
    .ecoHero__inner{
      width: calc(100% - 40px);
    }
    .ecoHero__logoWrapper{
          width: 100%;
      max-width: max-content;
    }
    .ecoHero__logo{
          max-width: 100%;
    }
    .newHero__mobileImg{
          filter: brightness(.8);
    }
    .newHero__floatingImageWrapper{
          max-width: 100%;
      width: calc(100% - 60px);
    }
  }
  .eco3Cards{
    overflow:hidden;
  }
  .accessCollectionCard__promo{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      z-index: 1;
      background: #ffc600;
  }
  .accessCollectionCard__promoInner{
    text-align: center;
      padding: 3px 10px;
      font-family: 'YaleSolis-Bold';
  }
  #extend-learn-more-modal-iframe, #extend-offers-modal-iframe{
    z-index: 99999999999 !important;
  }
  
  .topbar .headerCountDown{
        height: 45px;
      margin: auto;
      width: calc(100% - 280px);
      display: flex;
      justify-content: center;
      color: white!important;
  }
  .topbar .headerCountDown__textWrapper{
        margin: auto 33px;
      text-align: center;
  }
  .topbar .headerCountDown__textUpper{
    font-size: 15px!important;
      text-transform: uppercase;
      font-family: YaleSolis-Bold,sans-serif;
      letter-spacing: 0;
      line-height: 18px;
  }
  .topbar .headerCountDown__textLower{
        font-size: 14px!important;
      line-height: 17px;
  }
  .topbar .headerCountDown__countWrapper{
        margin: auto 33px;
  }
  .topbar .headerCountDown__countFlex{
        display: flex;
  }
  .topbar .headerCountDown__countBox{
    width: 50px;
  }
  .topbar .headerCountDown__number{
        font-size: 16px!important;
      font-family: YaleSolis-Bold,sans-serif;
      text-align: center;
      line-height: 17px;
  }
  .topbar .headerCountDown__numberLabel{
        font-size: 12px!important;
      text-align: center;
      line-height: 17px;
  }
  .topbar .headerCountDown__countColon{
    font-size: 16px!important;
      font-family: YaleSolis-Bold,sans-serif;
      line-height: 13px;
  }
  .topbar .headerCountDown__buttonWrapper{
        margin: auto 33px;
  }
  .topbar .headerCountDown__shopButton{
        background: #FFD800;
      color: black!important;
      font-size: 16px!important;
      font-family: YaleSolis-Bold,sans-serif;
      width: 116px;
      display: block;
      text-align: center;
      height: 32px;
      line-height: 32px;
      border-radius: 30px;
  }
  
  .topbar .mobileCountDown{
    display:none;
    color:white!important;
  }
  
  @media only screen and (max-width:1200px){
    .topbar .mobileCountDown{
      display:block;
          border-top: 1px solid #FFFFFF40;
      padding: 10px 0;
    }
    .topbar .headerCountDown__textLower{
      display:none;
    }
    .topbar .headerCountDown__countWrapper{
      display:none;
    }
    .topbar .headerCountDown__buttonWrapper{
      display:none;
    }
    .topbar .mobileCountDown__inner{
          width: calc(100% - 60px);
      margin: auto;
      display: flex;
      max-width: 950px;
      justify-content: space-between;
    }
    .topbar .headerCountDown{
          margin: 0;
      width: calc(100% - 130px);
    }
    .topbar .headerCountDown__textWrapper{
       margin: auto;
    }
  }
  .item-price-strike{
    margin-right:5px;
    opacity:.5;
  }
  
  .overlay.site-overlay{
    z-index:10400!important;
  }
  
  .sloZwave--mod{
    padding-top:50px!important;
    padding-bottom:50px!important;
  }
  .accessCollectionCard__inner .card__gradientBanner{
    position:initial
  }
  .sloFeatured__slide[data-slick-index="0"] .sloFeatured__img{
    object-fit:contain;
  }
  
  .btn.btn-primary.miniCart__amazonButton{
        background: #05A0D1;
      border: #05A0D1;
      font-size: 18px;
      font-family: "YaleSolis-Bold";
    display:block;
    width:100%;
    margin-top:20px;
  }
  
  .sentryHero{
        position: relative;
  }
  .sentryHero__bkg{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .sentryHero__bkgImg{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .sentryHero__inner{
        position: relative;
      margin: auto;
      width: calc(100% - 60px);
      max-width: 1300px;
      padding: 64px 0;
  }
  .sentryHero__textWrapper{
        max-width: 560px;
  }
  .sentryHero__title{
        font-size: 48px !important;
      line-height: normal !important;
      color: white;
      margin: 0;
      margin-bottom: 20px;
  }
  .sentryHero__logoRow{
        display: flex;
  }
  .sentryHero__logoText{
        margin: auto 0;
      color: white;
  }
  .sentryHero__logo{
        height: 44px;
      margin-left: 10px;
  }
  .sentryHero__button{
        padding: 13px 30px;
      border-radius: 100px;
      background: #FFC700;
      display: block;
      width: max-content;
      font-size: 18px;
      line-height: 18px;
      font-family: 'YaleSolis-Bold';
      margin-top: 30px;
  }
  .sentryVideo__inner{
        max-width: 1300px;
      margin: auto;
      width: calc(100% - 40px);
      padding-top: 56px;
      padding-bottom: 40px;
  }
  .sentryVideo__textWrapper{
        text-align: center;
      margin: auto;
      max-width: 900px;
      margin-bottom: 56px;
  }
  .sentryVideo__title{
        font-size: 48px !important;
      line-height: normal !important;
  }
  .sentryVideo__text{
        font-size: 16px;
      line-height: 26px;
  }
  .sentryVideo__videoWrapper{
    position: relative;
      height: 0;
      width: 100%;
      padding-top: 33%;
  }
  .sentryVideo__videoImage{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .sentryVideo__playButton{
        position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    background:0;
    border:0;
    padding:0;
    cursor:pointer;
  }
  .sentryVideo__playIcon{
        width: 111px;
  }
  .sentryModal{
        display: none;
  }
  .sentryModal{
        position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .sentryModal__overlay{
        background: black;
      opacity: .7;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .sentryModal__modal{
        position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 60px);
      max-width: 800px;
  }
  .sentryModal__close{
        position: absolute;
      top: -50px;
      right: -30px;
      color: white;
      font-weight: bold;
      background: none;
      border: none;
      padding: 0;
      font-size: 28px;
  }
  .sentryModal__iframeWrapper{
        background: black;
      width: 100%;
      height: 0;
      padding-top: 56%;
      position: relative;
  }
  .sentryModal__iframeWrapper iframe{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .sentryProds{
        padding: 56px 0;
      background: #F5F5F5;
  }
  .sentryProds__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1300px;
  }
  .sentryProds__title{
        font-size: 34px !important;
      line-height: normal !important;
      margin: 0;
      margin-bottom: 10px;
  }
  .sentryProds__text{
        font-size: 16px;
      line-height: 22px;
  }
  .sentryProds__swiperWrapper{
        margin-top: 40px;
  }
  .sentryProdCard{
        display: block;
      cursor: pointer;
      background: white;
      width: calc((100% - 60px) / 4);
      position: relative;
    height:auto!important;
  }
  
  .sentryProdCard__inner{
        padding: 24px;
  }
  .sentryProdCard__imageWrapper{
    width: 100%;
      height: 0;
      padding-top: 100%;
      position: relative;
  }
  .sentryProdCard__image{
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .sentryProdCard__textWrapper{
        margin-top: 30px;
      padding-bottom: 80px;
  }
  .sentryProdCard__title{
        font-size: 20px;
      line-height: 24px;
  }
  .sentryProdCard__text{
        margin-top: 30px;
      font-size: 16px;
      line-height: 22px;
  }
  .sentryProdCard__button{
        position: absolute;
      display: block;
      border-radius: 100px;
      bottom: 40px;
      background: #FFC700;
      font-family: 'YaleSolis-Bold';
      font-size: 16px;
      line-height: 16px;
      padding: 8px 30px;
  }
  .sentryShort{
        padding: 60px 0;
  }
  .sentryShort__inner{
        width: calc(100% - 60px);
      max-width: 1300px;
      margin: auto;
  }
  .sentryShort__title{
        font-size: 34px !important;
      line-height: normal !important;
      margin: 0;
      margin-bottom: 10px;
  }
  .sentryShort__text{
        line-height: 22px;
      font-size: 16px;
  }
  .sentryShortCard{
        margin-top: 40px;
  }
  .sentryShortCard__inner{
        display: flex;
      justify-content: space-between;
  }
  .sentryShortCard__textSide{
        background: #F5F5F5;
      min-height: 360px;
      padding: 20px 30px;
      width: calc(100% - 528px);
      display: flex;
  }
  .sentryShortCard__textWrapper{
        margin: auto;
      max-width: 658px;
      width: 100%;
  }
  .sentryShortCard__title{
        font-family: 'YaleSolis-Bold';
      font-size: 20px;
      line-height: 28px;
  }
  .sentryShortCard__text{
        margin-top: 20px;
      font-size: 16px;
      line-height: 22px;
  }
  .sentryShortCard__imageSide{
        width: 508px;
  }
  .sentryShortCard__imageWrapper{
        width: 100%;
      height: 100%;
      position: relative;
  }
  .sentryShortCard__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .sentryShortCard--swap .sentryShortCard__inner{
    flex-direction:row-reverse;
  }
  .sentryTall{
    padding:60px 0;
  }
  .sentryTall__gray{
    background:#F5F5F5;
  }
  .sentryTall__inner{
        width: calc(100% - 60px);
      margin: auto;
      max-width: 1300px;
      display: flex;
      justify-content: space-between;
  }
  .sentryTall__textSide{
        width: 50%;
      display: flex;
  }
  .sentryTall__textWrapper{
        max-width: 412px;
      margin: auto;
  }
  .sentryTall__title{
        font-size: 34px !important;
      line-height: normal;
      margin-bottom: 40px;
  }
  .sentryTall__text{
    line-height:22px;
  }
  .sentryTall__button{
        margin-top: 40px;
      display: block;
      font-size: 16px;
      font-family: "YaleSolis-Bold";
      line-height: 16px;
      border-radius: 100px;
      background: #FFC700;
      width: max-content;
      padding: 8px 30px;
  }
  .sentryTall__imageSide{
    width: calc(50% - 42px);
  }
  .sentryTall__imageWrapper{
        width: 100%;
  }
  .sentryTall__image{
        width: 100%;
  }
  .sentryTall__mirror .sentryTall__inner{
        flex-direction: row-reverse;
  }
  .sentryTall__mirror .sentryTall__textSide{
        width: 550px;
    padding:30px 0;
      background: #F5F5F5;
  }
  .sentryTall__mirror .sentryTall__title{
        font-size: 20px !important;
      line-height: 28px;
      margin-bottom: 20px;
  }
  .sentryTall__mirror .sentryTall__imageSide{
    width:calc(100% - 570px);
  }
  
  @media only screen and (max-width:1000px){
    .sentryHero__bkg{
          position: relative;
      height: 300px;
    }
    .sentryHero__inner{
          padding-top: 21px;
      padding-bottom: 20px;
    }
    .sentryHero__textWrapper{
      max-width: none;
    }
    .sentryHero__title{
          color: black;
      font-size: 28px !important;
      text-align: center;
    }
    .sentryHero__logoRow{
          filter: invert(1);
      flex-direction: column;
    }
    .sentryHero__logoText{
          margin: auto;
    }
    .sentryHero__logo{
          margin: auto;
    }
    .sentryHero__button{
          margin: auto;
      margin-top: 30px;
    }
    .sentryVideo__inner{
          padding-top: 20px;
      padding-bottom: 20px;
    }
    .sentryVideo__textWrapper{
          margin-bottom: 30px;
    }
    .sentryVideo__title{
          font-size: 28px !important;
    }
    .sentryVideo__text{
          font-size: 14px;
      line-height: 20px;
    }
    .sentryVideo__videoWrapper{
      padding-top:0;
        left: -20px;
      width: calc(100% + 40px);
      height: 370px;
    }
    .sentryProds{
          padding: 50px 0;
    }
    .sentryProds__title{
          font-size: 24px !important;
    }
    .sentryProds__swiperContainer{
          max-width: 600px;
      margin: auto;
      position: relative;
    }
    .sentryProds__swiperWrapper{
          overflow: hidden;
    }
    .sentryProds__arrow--prev{
      position: absolute;
      top: 50%;
      left:0;
      transform: translate(-50%, -50%);
      z-index: 1;
          padding: 0;
      border: 0;
      width: 40px;
      height: 40px;
      display: flex;
      border-radius: 100%;
      background: white;
    }
    .sentryProds__arrow--next{
      position: absolute;
      top: 50%;
      right:0;
      display: flex;
      transform: translate(50%, -50%);
      z-index: 1;
          padding: 0;
      border: 0;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      background: white;
    }
    .sentryProds__arrowImage{
          height: 19px;
      margin: auto;
    }
    .sentryProds__arrow--prev .sentryProds__arrowImage{
          transform: scaleX(-1);
    }
    .sentryShort{
      padding: 50px 0;
    }
    .sentryShort__title{
          font-size: 24px !important;
    }
    .sentryShort__blocks{
          margin-top: 40px;
    }
    .sentryShortCard{
      margin-top: 20px;
    }
    .sentryShortCard__inner{
          flex-direction: column;
    }
    .sentryShortCard__textSide{
          width: 100%;
      min-height: 0;
      padding: 40px 20px;
    }
    .sentryShortCard__textWrapper{
      max-width: none;
    }
    .sentryShortCard__imageSide{
          width: 100%;
      margin-top: 10px;
    }
    .sentryShortCard__image{
          position: relative;
      height: auto;
    }
    .sentryShortCard--swap .sentryShortCard__inner{
          flex-direction: column-reverse;
    }
    .sentryShortCard--swap .sentryShortCard__imageSide{
      margin-top:0;
      margin-bottom:10px;
    }
    .sentryTall{
          padding: 50px 0;
    }
    .sentryTall__inner{
          flex-direction: column;
    }
    .sentryTall__textSide{
          width: 100%;
    }
    .sentryTall__textWrapper{
          max-width: none;
    }
    .sentryTall__title{
          margin-bottom: 10px;
          font-size: 24px !important;
    }
    .sentryTall__button{
          margin-top: 10px;
    }
    .sentryTall__imageSide{
          margin-top: 40px;
      width: 100%;
    }
    .sentryTall__mirror .sentryTall__inner{
      flex-direction:column-reverse;
    }
    .sentryTall__mirror .sentryTall__textSide{
      width:100%;
    }
    .sentryTall__mirror .sentryTall__imageSide{
      width:100%;
      margin-top:0;
      margin-bottom:40px;
    }
    .sentryTall__mirror .sentryTall__textSide{
        padding: 40px 20px;
    }
    .sentryHero__logo{
          max-width: 100%;
    }
  }
  
  .index3Cards{
    padding-top: 20px;
      padding-bottom: 40px;
  }
  .index3Cards__inner{
        max-width: 1100px;
      margin: auto;
      width: calc(100% - 60px);
  }
  .index3Cards__title{
        margin-bottom: 30px;
      font-size: 34px !important;
      line-height: normal;
  }
  .index3Cards__flex{
        display: flex;
      justify-content: space-around;
  }
  .index3Card{
    background: #F5F5F5;
      width: calc((100% - 40px) / 3);
  }
  .index3Card__inner{
        display: block;
        border: none !important;
    color:black;
  }
  .index3Card__imageWrapper{
        width: 100%;
      height: 0;
      padding-top: 100%;
      position: relative;
  }
  .index3Card__image{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .index3Card__textWrapper{
        padding: 30px 20px;
      padding-bottom: 80px;
      position: relative;
  }
  .index3Card__logo{
        height: 25px;
  }
  .index3Card__title{
        margin-top: 40px;
      font-size: 20px;
      line-height: 24px;
  }
  .index3Card__text{
        margin-top: 20px;
      font-size: 16px;
      line-height: 22px;
  }
  .index3Card__learnMore{
        position: absolute;
      bottom: 40px;
      display: flex;
  }
  .index3Card__arrow{
    width: 10px;
      margin: auto 0;
  }
  .index3Card__learnMoreText{
        font-family: 'YaleSolis-Bold';
      margin-left: 7px;
  }
  
  @media only screen and (max-width:1000px){
    .index3Cards__title{
          text-align: center;
      font-size: 24px !important;
    }
    .index3Cards__flex{
          flex-direction: column;
      max-width: 600px;
      margin: auto;
    }
    .index3Card{
          width: 100%;
      margin-bottom: 20px;
    }
    .mobile-nav-drawer{
      z-index:10401;
    }
  }
  
  .keyedAlikeTitleSmall{
    font-size:16px;
  }
  .search-reveal{
    z-index:10401!important;
  }
  
  .product-details-wrapper [data-bv-product-id="7037392027780"]{
    display:none!important;
  }
  .miniCart--titleColumn{
        display: flex;
      flex-direction: column;
  }
  .miniCart--color{
    opacity:.7;
    font-size:14px;
    font-weight:500;
    margin-bottom:10px;
    display:block;
  }
  
  .abnbSignup--freeConnect{
    background:#E9EDEF;
    padding-bottom:30px;
  }
  
  .cabPDP--freeConnect .pdp__options{
    display:none
  }
  .cabPDP--freeConnect .pdp__heading{
        padding-bottom: 20px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.28);
      margin-bottom: 25px;
  }
  .al2App--freeConnect{
    margin-top:0;
  }
  .cabPDP--freeConnect .nestFaq__drop{
      line-height: 28px;
  }
  .abnbSignup__wrapper input[type="email"]{
    text-align:left!important;
  }
  
  #shopify-section-template-cart .donate{
    display:none !important;
  }
  
  .al2Prod__comingSoon{
    display:none;
  }
  .al2Prod__comingSoon--show{
    display:block;
  }
  .al2Prod__comingSoon{
        background-blend-mode: overlay;
      background: linear-gradient(180deg, rgba(242, 248, 251, 0.7) 0%, rgba(105, 177, 224, 0.7) 100%), linear-gradient(225deg, #FEF3B1 0%, rgba(254, 243, 177, 0) 50%), radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
      border-radius: 50px;
      font-size: 14px;
      line-height: 14px;
      font-family: 'YaleSolis-Bold';
      padding: 10px 20px;
      margin-left: 40px;
      transform: translateY(-2px);
  }
  .approachVideoPlayer--matter .approachVideoPlayer__inner{
    border-radius:0px;
  }
  #shopify-section-smartMod-newFaq .al2Faq__inner{
    padding-top:0px;
  }
  .matterBanner__wrapper{
        padding-bottom: 90px;
      padding-top: 40px;
  }
  .matterBanner__logoFlex{
    display: flex;
      position: absolute;
      bottom: 0;
  }
  .matterBanner__logoBox{
        height: 45px;
      margin-right: 20px;
  }
  .matterBanner__logo{
        width: auto;
      height: 100%;
  }
  
  @media only screen and (max-width:1000px){
    .matterBanner__logoFlex{
      display:none;
    }
    .matterBanner__wrapper{
      padding-bottom:40px;
    }
  }
  
  .searchResult--eyebrow{
    font-family: 'YaleSolis-Bold';
      text-transform: uppercase !important;
      letter-spacing: 1px;
  }
  .searchResult__pageImage{
    width: 100%;
      height: auto;
        max-width: 190px;
  }
  .search-reveal #searchInput:focus{
    outline:none!important;
  }
  .search-reveal > .container > .row > div.justify-content-between.align-items-center{
        border: 3px solid white;
      border-radius: 90px;
  }
  .overlay{
    background:#00000099!important;
  }
  
  @media only screen and (max-width:700px){
    .nestSticky__title{
      font-size:14px;
    }
    .matterBanner__title{
      text-align:center;
    }
    .al2Prod__listContainer{
      padding: 17px;
      padding-bottom:1px;
    }
  }
  .color-swatch label[data-handle="snow"]{
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.4));
  }
  .variant--technology{
        padding-right: 25px;
  }
  .variant--technology button{
        position: absolute !important;
      right: 0;
  }
  .variant--technology svg{
    right: 7px!important;
  }
  #shopify-section-matterBanner .matterBanner__text{
        max-width: 500px;
  }
  .al2Prod__titleRow{
    display:flex;
    margin-bottom:20px;
    justify-content:space-between;
  }
  .al2Prod__titleRow .al2Prod__title{
        font-size: 31px;
  }
  .al2Prod__titleRow  .al2Prod__price{
        margin-top: 0;
      line-height: 1.2;
  }
  
  
  .kaTypePopup{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
  }
  .kaTypePopup__overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:black;
    opacity:.6;
  }
  .kaTypePopup__popup{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    background:white;
    border-radius:8px;
    padding:20px;
    width:calc(100% - 80px);
    max-width:666px;
  }
  
  .kaTypePopup__close{
        background: 0;
      border: 0;
      height: 20px;
      width: 20px;
      display: block;
      position: absolute;
      top: 15px;
      right: 15px;
      font-weight: bold;
      font-size: 20px;
      line-height: 0;
      padding: 0;
  }
  .kaTypePopup__title{
        font-size: 20px;
      text-align: center;
      margin-bottom: 20px;
  }
  .kaTypePopup__text{
        line-height: 23px;
      font-size: 15px;
  }
  .kaTypePopup__buttonRow{
        display: flex;
      justify-content: center;
      margin-top: 20px;
  }
  .kaTypePopup__closeButton{
        background-color: #ffc700;
      padding: 5px 30px;
      border-radius: 30px;
      min-width: 190px;
      text-align: center;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      font-size: 14px;
  }
  .ka__instructions small{
        margin-top: 20px;
      display: block;
      font-size: 15px;
  }
  .ka__instructions{
        padding-top: 60px;
      padding-bottom: 40px;
      max-width: 990px;
      margin: auto;
  }
  
  
  
  @media only screen and (max-width:900px){
    #smart-storage .nestBanner__bkg--mobile{
      display:block;
    }
    #smart-storage .nestBanner__inner{
      position: relative;
      left: 0;
      top: 0;
      padding-top: 60px;
    }
    #smart-storage .al2Hero__gradientBanner{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }
  }
  
  @media only screen and (max-width:1000px){
    .matterBanner .al2Hero__gradientBanner{
          position: absolute;
      top: 0;
      left: -30px;
      width: calc(100% + 60px);
      text-align: center;
    }
    #shopify-section-sloHero .al2Hero__gradientBanner{
      width: 100vw;
      position: relative;
      left: -30px;
      top: -23px;
    }
  }
  
  [data-color="Viva Magenta"]{
    display:none!important;
  }
  
  .smartStudioD__sideBarDotRow{
    padding-bottom:20px;
  }
  .sloZWave__toggle, .sloZWave__toggleText{
    color:black;
  }
  .sloZWave__toggleText{
    margin:auto 0;
  }
  .sloZWave__toggleIcon{
    margin:auto 0;
  }
  
  .assure-access img{
      margin: auto;
      margin-top: 0;
      margin-left: 0;
  }
  
  .liftTextOverImage__logoFlex{
        display: flex;
      gap: 10px;
      margin-top: 40px;
      flex-wrap:wrap;
  }
  .liftTextOverImage__logoWrapper{
        height: 60px;
      border-radius: 5px;
      background: white;
      overflow: hidden;
      width: max-content;
      padding: 5px;
  }
  .liftTextOverImage__logo{
        height: 100%;
      display: block;
      width: auto;
  }
  
  .navbar-main .nav-item{
    padding: 20px 1.3rem;
  }
  .headerLogo{
    width:58px!important;
    height:58px!important;
  }
  .headerSlider__prevArrowImg, .headerSlider__nextArrowImg{
        width: 6.5px;
  }
  .fixedHeader{
        position: fixed;
      top: 0;
      z-index: 10000000;
      width: 100%;
  }
  body{
    padding-top:108px;
  }
  header{
    background:white;
  }
  .search-reveal{
    top:108px!important;
  }
  .is-scrolled-down .search-reveal{
    top: 67.9948px!important;
  }
  
  @media (max-width: 1000px) {
      .navbar-main .nav-item {
                padding: 0;
      }
  
      .navbar-main .nav-item .nav-link[name="search"]{
        display:none!important;
      }
  
      .navbar-main .nav-item .nav-link[name="account"]{
        display:none!important;
      }
  
      .navbar-main .nav-item .nav-link[name="menu"]{
        height:22px;
      }
      header{
        border-bottom:1px solid #F5F5F5;
      }
  }
  .mobile-nav-drawer{
        height: calc(100% - 85px);
  }
  .mobileNav__inner{
        padding: 0;
      padding-top: 50px;
      height: 100%;
  }
  .mobileNav__parentLevel{
    height: 100%;
      display: flex;
      flex-direction: column;
      padding: 0 20px;
  }
  .mobileNav__searchWrapper{
        position: relative;
      background: #F5F5F5;
      height: 34px;
      border-radius: 17px;
      width: 100%;
      overflow: hidden;
      margin-bottom: 15px;
  }
  .mobileNav__searchIconWrapper{
        position: absolute;
      top: calc(50% - 2px);
      left: 10px;
      transform: translateY(-50%);
  }
  .mobileNav__searchIcon{
    width: 16px;
      height: 16px;
  }
  .mobileNav__searchInput{
        position: relative;
      background: 0;
      width: 100%;
      border: 0;
      outline: 0;
      height: 100%;
      padding: 0 33px;
  }
  .mobileNav__parentLower{
        margin-top: auto;
      padding-bottom: 20px;
  }
  .mobileNav__LowerLink{
    display: block;
      font-size: 16px;
      margin-bottom: 10px;
  }
  .mobileNav__social{
        display: flex;
      justify-content: center;
      gap: 10px;
      margin-top: 30px;
  }
  .mobileNav__social > a{
    font-size: 21px;
  }
  .mobileNav__parentArrow{
    transform: rotate(-90deg);
  }
  .mobileNav__parent{
    padding:0;
  }
  .mobileNav__childPage{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform:translateX(-100%);
    transition: all .4s;
    background: white;
      padding: 20px;
      padding-top: 36px;
  }
  .mobileNav__childPage--open{
    transform:translateX(0%);
  }
  .mobileNav__childPage__inner{
        height: 100%;
  }
  .mobileNav__childPageBack{
        border: 0;
      background: 0;
      height: 45px;
      padding: 0;
      width: 100%;
      display: flex;
  }
  .mobileNav__childPageArrow{
        transform: rotate(90deg);
      width: 13px;
      margin: auto 0;
  }
  .mobileNav__childPageBackText{
        font-size: 16px;
      margin: auto 0;
      margin-left: 10px;
  }
  .mobileNav__childPageScrollContainer{
        height: 100%;
      overflow: auto;
  }
  .mobileNav__childPageTitle{
        font-size: 20px;
      font-family: 'YaleSolis-Bold';
  }
  .mobileNav__child{
        padding: 0;
      font-family: 'YaleSolis-Regular';
      font-weight: normal;
  }
  .mobileNav__childBubble{
    font-size: 12px;
      margin: auto 0;
      margin-left: 15px;
      padding: 1px 14px;
      border-radius: 15px;
      font-family: 'YaleSolis-Bold';
  }
  .mobileNav__childBubble--best-seller{
    background: url(/cdn/shop/files/grad-blue.jpg?v=1759948524) center center / 100% no-repeat;
  }
  .mobileNav__childBubble--sale{
    background: url(/cdn/shop/files/grad-orange.jpg?v=1759948524) center center / 100% no-repeat;
  }
  .mobileNav__childBubble--new{
    background: url(/cdn/shop/files/grad-yellow.jpg?v=1759948524) center center / 100% no-repeat;
  }
  
  .mmWorksWith{
    width: calc(100% * (3 / 5));
  }
  .mmWorksWith__title{
        margin-bottom: 30px;
      font-size: 20px;
      font-family: 'YaleSolis-Bold';
      text-align: center;
  }
  .mmWorksWith__grid{
        display: flex;
      flex-wrap: wrap;
      justify-content:center;
      gap: 30px;
  }
  .mmWorksWithIcon{
        width: 100px;
      margin: auto 0;
  }
  .mmWorksWithIcon__image{
        width: 100%;
        filter: grayscale(1);
  }
  .mmWorksWithIcon:hover .mmWorksWithIcon__image{
    filter:grayscale(0);
  }
  .mmWorksWithIcon:hover{
    border:0!important;
    outline:0!important;
  }
  .mmWorksWith__viewAllWrapper{
        display: flex;
      width: 100%;
      margin-top: 30px;
  }
  .mmWorksWith__viewAll{
        margin: auto;
      display: block;
          background-color: #ffc700;
      border-color: #ffc700;
      height: 40px;
      width: 130px;
      line-height: 40px;
      text-align: center;
      border-radius: 20px;
      font-family: 'YaleSolis-Bold';
  }
  .mmWorksWith__viewAll:hover{
    background: #eeba00;
      border-color: #eeba00;
  }
  .mmPromo{
        width: calc(100% * (2 / 5));
      border-left: 1px solid #ECECEA;
  }
  .mmPromo__inner{
        max-width: 365px;
      width: 100%;
      margin: 0 auto;
  }
  .mmPromo__imageWrapper{
        width: 100%;
  }
  .mmPromo__image{
        width: 100%;
  }
  .mmPromo__title{
        font-family: 'YaleSolis-Bold';
      margin-top: 10px;
      font-size:16px;
  }
  .mmPromo__text{
        font-size: 14px;
      line-height: 18px;
  }
  .mmWorksWith__inner{
        max-width: 490px;
      margin: auto;
  }
  .mobileNav__childPageScrollContainer{
    padding-bottom: 60px;
  }
  #shopify-section-al2Sticky{
    transition:all .2s;
  }
  
  .body-scrolled #shopify-section-al2Sticky{
      top: 67px;
  }
  
  .carousel-main  .flickity-viewport{
    height:auto!important;
    aspect-ratio: 1 / 1;
  }
  
  .newHero__slide{
    background:black;
  }
  @media only screen and (max-width:1000px){
    .newHero__slide{
      background:white;
    }
    .newHero__mobileImg{
      opacity:1!important;
    }
  }
  .locSwitcher{
  height: 100%;
  }
  .locSwitcher__buttonWrapper{
        height: 100%;
      display: flex;
      flex-direction: column;
  }
  .locSwitcher__button{
        background: none;
      border: 0;
      margin: auto;
  }
  .locSwitcher__dropDown{
        position: absolute;
      z-index: 10000;
      right: 0;
      background-color: rgb(66, 65, 68);
      padding: 10px;
  }
  .locSwitcher__dropDownInner{
        display: flex;
      flex-direction: column;
      gap: 5px;
  }
  .locSwitcher__swapButton{
        background: 0;
      border: 0;
      text-align: right;
      color: white;
      padding: 0;
  }
  .locSwitcher__swapButton{
        background: 0;
      border: 0;
      text-align: right;
      color: white;
      padding: 0;
  }
  
  .headerLocSwapHolder{
    position:relative;
        padding: 10px;
  }
  
  header .navbar-icon-links .nav-item{
    padding:10px !important;
  }
  header .navbar-icon-links .nav-item a img{
    padding-left:0px !important;
  }
  .locSwitcher__icon--usa, .locSwitcher__icon--ca{
        display: flex;
  }
  .locSwitcher__flagImageWrapper{
        width: 28px;
      height: 15px;
      margin: auto 0;
      display: flex;
  }
  .locSwitcher__flagImage{
        width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .locSwitcher__flagLabel{
        font-weight: bold;
      margin: auto 0;
      margin-left: 7px;
      line-height: 15px;
      padding-top: 1px;
  }
  .locSwitcher__flagLabel span{
    margin-left: 6px;
  }
  .locSwitcher__dropDown{
        background: white;
      border-radius: 10px;
  }
  .locSwitcher__swapButton{
        display: flex;
      color: black;
      border-bottom: 1px solid rgba(26, 26, 26, 0.10);
      margin-bottom: 10px;
      padding-bottom: 10px;
  }
  .locSwitcher__swapButton:last-of-type{
    border-bottom: 0;
      margin-bottom: 0px;
      padding-bottom: 0px;
  }
  .locSwitcher__button{
    padding: 10px;
      padding-right: 2px;
  }
  .locSwitcher__dropDownInner{
    min-width:77px;
  }
  
  @media only screen and (max-width:1000px){
    .locSwitcher__flagLabel{
      display:none;
    }
    .locSwitcher__swapButton .locSwitcher__flagLabel{
      display:block;
    }
  }
  
  
  .pdpMain{
        padding-top: 40px;
      padding-bottom: 40px;
  }
  .pdpMain__inner{
        max-width: 1280px;
      margin: auto;
      width:calc(100% - 60px);
  }
  .pdpMain__variantSelector{
    display:none;
  }
  .pdpMain__sticky{
        position: fixed;
      bottom: 0;
      width: 100vw;
      background: white;
      z-index: 100000;
      height: 73px;
      display: flex;
  }
  .pdpMain__stickyInner{
        width: calc(100% - 60px);
      display: flex;
      margin: auto;
      justify-content: space-between;
  }
  .pdpMain__stickyTitle{
        font-size: 20px;
      font-family: 'YaleSolis-Bold';
      line-height: 24px;
  }
  .pdpMain__stickyAnchor{
        font-size: 12px;
      text-decoration: underline;
      line-height: 13px;
      display: block;
  }
  .pdpMain__stickyLeft{
        margin: auto 0;
  }
  .pdpMain__stickyRight{
        display: flex;
      margin: auto 0;
      gap: 20px;
  }
  .pdpMain__stickyQtyWrapper{
    border: 1px solid black;
      overflow: hidden;
      height: 43px;
      display: flex;
      width: 150px;
      border-radius: 30px;
      justify-content: space-between;
  }
  .pdpMain__qtyMinus{
        display: flex;
      height: 43px;
      padding: 0;
      padding-left: 30px;
      background: 0;
      border: 0;
  }
  .pdpMain__qtyMinusIcon{
        width: 14px;
      height: 14px;
      margin: auto;
      object-fit: contain;
  }
  .pdpMain__qty{
        border: 0;
      text-align: center;
      width: 49px;
      padding: 0;
      padding-left: 13px;
      font-size: 14px;
      font-weight: bold;
  }
  .pdpMain__qtyPlus{
        display: flex;
      height: 43px;
      padding: 0;
      padding-right: 30px;
      background: 0;
      border: 0;
  }
  .pdpMain__qtyPlusIcon{
        width: 14px;
      height: 14px;
      margin: auto;
      object-fit: contain;
  }
  .pdpMain__stickyBuy{
        height: 43px;
      width: 300px;
      background: linear-gradient(180deg, #FFC700 0%, #FFC700 100%);
      display: flex;
      border: 0;
      padding: 0;
      border-radius: 40px;
      transition: all .2s;
  }
  .pdpMain__stickyBuy:hover{
    background: linear-gradient(180deg, #FFED44 0%, #FFB507 100%);
  }
  .pdpMain__stickyBuyInner{
        margin: auto;
      font-size: 18px;
      font-family: 'YaleSolis-Bold';
  }
  .pdpMain__breadCrumbs{
        font-size: 12px;
      display: flex;
      gap: 7px;
  }
  a.pdpMain__breadCrumb{
        text-decoration: underline;
  }
  span.pdpMain__breadCrumb{
        font-family: 'YaleSolis-Bold';
  }
  .pdpMain__mobileContentCopy{
        display: none;
  }
  .pdpMain__flex{
        margin-top: 40px;
      display: flex;
      justify-content: space-between;
      gap: 60px;
  }
  .pdpMain__imageSide{
    width: 50%;
  }
  .pdpMain__textSide{
    width: 50%;
  }
  .pdpMain__galleriesWrapper{
        position: relative;
  }
  .pdpMain__imageGalleryWrapper{
        width: 100%;
      aspect-ratio: 1 / 1;
      background: white;
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10);
      border-radius:20px;
      overflow: hidden;
          position: relative;
  }
  .pdpMain__fullImage{
        width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 30px;
  }
  .pdpMain__imageGalleryControls{
        position: absolute;
      display: flex;
      gap: 20px;
      bottom: 20px;
      left: 20px;
      z-index: 1;
  }
  .pdpMain__thumbnailGalleryWrapper{
        margin-top: 20px;
      overflow: hidden;
  }
  .pdpMain__thumbnailGallery{
    height:auto!important;
  }
  .pdpMain__thumbnailImageWrapper{
        aspect-ratio: 1 / 1;
      width: 100%;
      display: block;
      height: auto;
  }
  .pdpMain__thumbnailImage{
        width: 100%;
      height: 100%;
      object-fit: contain;
  }
  .pdpMain__imageGalleryPrevious, .pdpMain__imageGalleryNext{
        background: none;
      border: 0;
      padding: 0;
      filter: invert(1);
  }
  .pdpMain__imageGalleryPreviousIcon{
        width: 30px;
      height: 30px;
  }
  .pdpMain__imageGalleryNextIcon{
    transform: rotate(180deg);
      width: 30px;
      height: 30px;
  }
  .pdpMain__imageGalleryPrevious.swiper-button-disabled, .pdpMain__imageGalleryNext.swiper-button-disabled{
    filter: invert(0);
  }
  .pdpMain__galleryDiscountPill{
    position: absolute;
      top: 20px;
      left: 20px;
      z-index: 1;
      padding: 10px 20px;
      border-radius: 40px;
      background: linear-gradient(90deg, #FFAC09 0%, #F85561 100%);
  }
  .pdpMain__galleryDiscountPillInner{
    font-size: 16px;
      font-family: 'YaleSolis-Bold';
      color: white;
      margin: auto;
      line-height: 16px;
  }
  .pdpMain__title{
        font-size: 35px !important;
  }
  .pdpMain__oldPrice, .pdpMain__salePrice, .pdpMain__priceDiscountPill{
    display: none;
  }
  .pdpMain__realPrice{
    font-family: 'YaleSolis-Bold';
    font-size:20px;
  }
  
  .pdpMain__shopPayWrapper{
    margin-top:20px;
    font-weight:bold;
  }
  .pdpMain__shopPayWrapper button#shopify-installments-cta{
    font-weight:100;
  }
  .pdpMain__description{
    margin-top: 30px;
      padding-bottom: 30px;
      border-bottom: 1px solid rgba(26, 26, 26, 0.10);
      line-height:22px;
  }
  .pdpMain__description p:last-of-type{
    margin-bottom:0;
  }
  .pdpMain__form{
        margin-top: 30px;
  }
  .pdpMain__optionRow{
        display: flex;
      justify-content: space-between;
  }
  .pdpMain__optionLabelToolTipContainer{
        position: absolute;
      right: -20px;
          top: 7px;
  }
  .pdpMain__optionLabelToolTipIcon{
        width: 15px;
      height: 15px;
          display: block;
  }
  .pdpMain__optionFlex{
        display: flex;
        gap:10px;
      width: calc(100% - 140px);
      flex-wrap:wrap;
  }
  .pdpMain__optionRow--finish .pdpMain__optionFlex{
        gap: 8px;
  }
  .pdpMain__optionLabel{
    position:relative;
    margin:auto 0;
  }
  .pdpMain__optionLabelToolTipIconWrapper{
        height: 15px;
      width: 15px;
  }
  .pdpMain__optionButton{
    height: 40px;
      padding: 0px 20px;
      border: 2px solid black;
      border-radius: 20px;
      display: flex;
      background: white;
  }
  .pdpMain--multi .pdpMain__optionButton--active{
    color: white;
      background: black;
  }
  
  .pdpMain__optionButton--active{
    color: white;
      background: black;
  }
  .pdpMain__optionButton--only{
      color: black;
      background: white;
  }
  .pdpMain__optionButton--active .pdpMain__optionButtonInner{
    color: white;
  }
  .pdpMain__optionButton--only .pdpMain__optionButtonInner{
    color: black;
  }
  
  .pdpMain__optionButtonInner{
        margin: auto;
  }
  
  .pdpMain__optionButton--finish{
    width: 30px;
      height: 30px;
      border-radius: 100%;
      border: 2px solid white;
      padding: 0;
      background: white;
      overflow: hidden;
      display: flex;
  }
  .pdpMain__optionFinishButtonInner{
        width: calc(100% - 4px);
      height: calc(100% - 4px);
      margin: auto;
      border-radius: 100%;
      overflow: hidden;
  }
  .pdpMain__optionFinishButtonColorRing{
        width: 100%;
      height: 100%;
      background-size: cover!important;
      background-repeat: no-repeat!important;
  }
  .pdpMain__optionButton--finish.pdpMain__optionButton--active{
    border: 2px solid black;
        background: none;
  }
  .pdpMain__optionSelectedFinishName{
        font-size: 14px;
      font-family: 'YaleSolis-Bold';
      margin: auto 0;
  }
  .pdpMain__optionRow{
    margin-bottom:20px;
  }
  .pdpMain__formFinalRow{
      display: flex;
      justify-content: space-between;
      margin-top:35px;
  }
  .pdpMain__qtyWrapper{
        border: 1px solid black;
      overflow: hidden;
      height: 43px;
      display: flex;
      width: 150px;
      border-radius: 30px;
      justify-content: space-between;
  }
  .pdpMain__atc{
        width: calc(100% - 170px);
      height: 43px;
      background: linear-gradient(180deg, #FFC700 0%, #FFC700 100%);
      display: flex;
      border: 0;
      padding: 0;
      transition:all .2s;
      border-radius: 40px;
  }
  .pdpMain__atc:hover{
    background: linear-gradient(180deg, #FFED44 0%, #FFB507 100%);
  }
  .pdpMain__atcInner{
        margin: auto;
      font-size: 18px;
      font-family: 'YaleSolis-Bold';
  }
  
  .pdpMain__pdpKA{
        background: #F5F5F5;
      margin-top: 30px;
      border-radius: 8px;
      padding: 16px;
      color: black;
  }
  .pdpMain__pdpKAInner{
        display: flex;
  }
  .pdpMain__pdpKAIcon{
        width: 64px;
      mix-blend-mode: multiply;
  }
  .pdpMain__pdpKARight{
        padding-left: 20px;
  }
  .pdpMain__pdpKATitle{
        font-size: 18px;
      font-family: 'YaleSolis-Bold';
  }
  .pdpMain__pdpKAText{
        font-size: 13px;
      color: #2d2C2E;
  }
  .pdpMain__pdpKAInputRow{
        display: flex;
      margin-top: 8px;
  }
  .pdpMain__pdpKACheckbox{
        width: 24px;
      height: 24px;
      border: 2px solid black;
      margin: auto 0;
  }
  .pdpMain__pdpKAInputTextWrapper{
        font-size: 16px;
      font-family: 'YaleSolis-Bold';
      margin-left: 16px;
  }
  .pdpMain__formSocialRow{
    display:flex;
    justify-content:space-between;
        margin-top: 30px;
  }
  .pdpMain__prodSocialWrapper{
    display:flex;
    gap:10px;
  }
  .pdpMain__prodNumber{
    font-size: 14px;
  }
  .pdpMain__socialLink img{
    width:20px;
    height:20px;
  }
  .pdpMain__worksWithTitle{
        margin-top: 20px;
      font-size: 25px!important;
      font-family: 'YaleSolis-Bold';
  }
  .pdpMain__worksWithWrapper{
        display: flex;
      flex-wrap: wrap;
      gap: 10px;
  }
  .pdpMain__worksWithIconLink{
        display: flex;
      border: 1px solid black;
      border-radius: 5px;
      background: white;
      overflow: hidden;
  }
  .pdpMain__worksWithIconLink img{
        height: 30px;
      display: block;
  }
  .pdpIcons{
        padding: 80px 0;
  }
  .pdpIcons__inner{
        max-width: 1280px;
      margin: auto;
      width: calc(100% - 60px);
  }
  .pdpIcons__flex{
        display: flex;
      justify-content: space-between;
      gap: 20px;
  }
  .pdpIcon{
        max-width: 224px;
      width: calc((100% - 80px) / 5);
  }
  .pdpIcon__inner{
        display: block;
  }
  .pdpIcon__imageWrapper{
        display: flex;
  }
  .pdpIcon__image{
        margin: auto;
      width: 30px;
      height: 30px;
      object-fit: contain;
  }
  .pdpIcon__textWrapper{
        text-align: center;
      width: 100%;
      margin-top: 10px;
      font-family: 'YaleSolis-Bold';
  }
  .pdpAcc__outer{
        margin: 20px 0;
  }
  .pdpAcc{
        max-width: 1280px;
      margin: auto;
      width: calc(100% - 60px);
      border-radius: 10px;
      background: rgba(66, 65, 68, 0.05);
      padding: 80px;
  }
  .pdpAccordion__header{
        width: 100%;
      background: 0;
      border: 0;
      padding: 0;
      color:black!important;
  }
  .pdpAccordion__headerInner{
        display: flex;
  }
  .pdpAccordion__headerPlusWrapper{
        position: relative;
      width: 20px;
      margin: auto 0;
      height: 20px;
      margin-right: 20px;
  }
  .pdpAccordion__headerPlusLine{
        width: 100%;
      height: 2px;
      background: black;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  .pdpAccordion__headerPlusLine--two{
    transform: translate(-50%, -50%) rotate(90deg);
    transition:all .2s;
  }
  .pdpAccordion--active .pdpAccordion__headerPlusLine--two{
    transform: translate(-50%, -50%) rotate(0deg);
  }
  .pdpAccordion__featuresWrapper{
        padding-top: 30px;
  }
  .pdpAccordion{
    padding-bottom:20px;
        border-bottom: 2px solid rgba(26, 26, 26, 0.10);
        margin-top:20px;
  }
  .pdpAccordion:first-of-type{
    margin-top:0;
  }
  .pdpAccordion__headerTitle{
    font-size:30px!important;
    margin:0!important;
  }
  .pdpAccordion__techspecsWrapper{
        padding-top: 30px;
  }
  .pdpAccordion__techspecsContent{
        display: flex;
        grid-column-gap: 40px;
      flex-wrap: wrap;
  }
  .pdpAccordion__techspec{
        border-right: 1px solid rgba(26, 26, 26, 0.10);
      width: calc((100% - 120px) / 4);
      padding:20px 0;
  }
  .pdpAccordion__techSpecTitle{
        margin: 0;
        padding-right:10px;
  }
  .pdpAccordion__techSpecValue{
        margin: 0;
        line-height: 18px;
        margin-top: 5px;
        padding-right:10px;
  }
  .pdpAccordion__downloadButton{
        background: white;
      border: 1px solid black;
      border-radius: 30px;
      height: 45px;
      display: flex;
      padding: 0px 50px;
      width:max-content;
  }
  .pdpAccordion__downloadsWrapper{
        padding-top: 20px;
  }
  .pdpAccordion__downloadButtonInner{
        display: flex;
      justify-content: space-between;
  }
  .pdpAccordion__downloadButtonIcon{
        width: 19px;
      margin: auto 0;
  }
  .pdpAccordion__downloadButtonText{
        margin: auto 0;
      font-family: 'YaleSolis-Bold';
      margin-left: 20px;
  }
  .pdpAccordion__downloadsWrapper{
    padding-bottom: 20px;
  }
  .pdpAccordion__downloadsWrapper .video-wrapper-1{
        margin-top: 20px;
      aspect-ratio: 5 / 3;
      padding-top: 0;
      max-width: 650px;
  }
  .pdpMain__notifyMeLable{
    color: #FF0100;
      line-height: 22px;
      font-size: 16px;
      margin-top: 30px;
      margin-bottom: 20px;
  }
  .pdpMain__notifyFormWrapper{
        display: flex;
      justify-content: space-between;
      position:relative;
  }
  .pdpMain__notifyFormInput{
        padding: 0;
      border: 1px solid black;
      border-radius: 40px;
      width: calc(100% - 200px);
      padding-left: 20px;
  }
  .pdpMain__notifyFormSubmit{
        background: #FFC700;
      border-radius: 40px;
      height: 53px;
      width: 180px;
      font-size: 16px;
      font-family: 'YaleSolis-Bold';
      color: black;
      border: 0;
  }
  .pdpMain__atc--oos, .pdpMain__stickyBuy--oos{
    opacity: .3;
  }
  .pdpMain__optionFinishButtonInner{
    position:relative;
  }
  .pdpMain__optionButton--oos .pdpMain__optionFinishButtonInner:before{
    content:'';
    width:100%;
    height:1px;
    background:black;
    position:absolute;
    top:calc(50% + 0px);
    left:50%;
    transform:translate(-50%, -50%) rotate(-45deg);
  }
  .pdpMain__optionButton--oos .pdpMain__optionFinishButtonInner:after{
    content:'';
    width:100%;
    height:1px;
    background:white;
    position:absolute;
    top:calc(50% + 1px);
    left:50%;
    transform:translate(-50%, -50%) rotate(-45deg);
  }
  
  .template-product .shopify-section>.shopify-app-block, .template-product .shopify-section>b>b>.shopify-app-block{
    width: calc(100% - 60px);
    max-width: 1280px;
    margin: auto;
    background: rgba(66, 65, 68, 0.05);
    padding: 50px 40px;
    border-radius: 20px;
    margin-top: 80px;
    margin-bottom:50px;
  }
  .template-product .shopify-section>.shopify-app-block #BVRRContainer, .template-product .shopify-section>b>b>.shopify-app-block [data-bv-show="reviews"]{
    background:white;
  }
  
  
  .pdpMain__oldPrice{
    font-size:20px;
    opacity:0.3;
    font-family: 'YaleSolis-Bold';
  }
  .pdpMain__priceRow{
        display: flex;
      gap: 10px;
  }
  .pdpMain__salePrice{
        display: block;
      font-size: 20px;
      font-family: 'YaleSolis-Bold';
      color: #FF0100;
  }
  .pdpMain__priceDiscountPill{
        background: #FF0100;
      border-radius: 20px;
      height: 20px;
      padding: 0 10px;
      display: flex;
      margin: auto 0;
      font-size: 15px;
      line-height: 15px;
  }
  .pdpMain__priceDiscountPillInner{
      color: white;
      font-family: 'YaleSolis-Bold';
      margin: auto 0;
  }
  
  .pdpMain__optionLabelToolTipContainer:hover .pdpMain__optionLabelToolTipPopup{
        display: block !important;
      position: absolute;
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.20);
      width: max-content;
      max-width: 220px;
      left: 50%;
      bottom: calc(100% + 20px);
      background: #424144;
      border-radius: 8px;
      color: white;
      text-align: center;
      padding: 15px;
      transform:translateX(-50%);
  }
  .pdpMain__optionLabelToolTipContainer:hover .pdpMain__optionLabelToolTipPopup:before{
        content: '';
      position: absolute;
      width: 15px;
      height: 15px;
      background: #424144;
      left: 50%;
      bottom: -7px;
      transform: translateX(-50%) rotate(45deg);
  }
  .pdpMain__optionLabelToolTipPopupInner{
        font-size: 14px;
      line-height: 18px;
  }
  
  .pdpVideo{
    height: 500px;
      margin-bottom: 80px;
      margin-top: 20px;
      position: relative;
  }
  .pdpVideo__background{
        height: 100%;
      background: black;
  }
  .pdpVideo__backgroundImage{
    width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: .8;
  }
  .pdpVideo__inner{
        position: absolute;
      top: 50%;
      left: 50%;
      width: calc(100% - 60px);
      max-width: 1280px;
      transform: translate(-50%, -50%);
      text-align: center;
  }
  .pdpVideo__textWrapper{
        color: white;
  }
  .pdpVideo__title{
        font-size: 30px !important;
      line-height: 36px;
      margin-bottom: 10px;
  }
  .pdpVideo__text{
        font-size: 20px;
      margin-bottom: 20px;
  }
  .pdpVideo__playButton{
    padding: 0;
      border: 0;
      background: 0;
      border-radius: 100%;
  }
  .pdpVideo__playButtonIcon{
        width: 70px;
      height: 70px;
  }
  .pdpVideoModal{
        position: fixed;
      height: 100vh;
      width: 100vw;
      z-index: 100000000;
      top: 0;
      left: 0;
  }
  .pdpVideoModal__background{
        width: 100%;
      height: 100%;
      background: black;
      opacity: .6;
  }
  .pdpVideoModal__modal{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    width:calc(100% - 60px);
    max-width:800px;
    background:white;
    border-radius:10px;
  }
  .pdpVideoModal__close{
        padding: 0;
      border: 0;
      background: 0;
      position: absolute;
      top: 8px;
      right: 20px;
  }
  .pdpVideoModal__closeImg{
        width: 20px;
      height: 20px;
  }
  .pdpVideoModal__inner{
        padding: 20px;
      padding-top: 40px;
  }
  .pdpVideoModal__bucket{
    aspect-ratio: 16 / 9;
  }
  .pdpVideoModal__iframe{
        width: 100%;
      height: 100%;
  }
  .pdpCompare{
        margin-top: 80px;
      margin-bottom: 80px;
  }
  .pdpCompare__inner{
        max-width: 1280px;
      margin: auto;
      width: calc(100% - 60px);
  }
  .pdpCompare__title{
        text-align: center;
      font-size: 40px !important;
      margin-bottom: 40px;
  }
  .pdpCompare__desktop{
        position: relative;
  }
  .pdpCompare__desktopFrames{
        position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  .pdpCompare__headRow{
        display: flex;
      position: relative;
      gap:8px;
  }
  .pdpCompare__desktopRow{
        display: flex;
      position: relative;
      gap:8px;
  }
  .pdpCompare__footRow{
        display: flex;
      position: relative;
      gap:8px;
  }
  .pdpCompare__legendHeadPlaceholder, .pdpCompare__desktopLegendCell, .pdpCompare__legendFootPlaceholder{
        margin-right: auto;
        width: 260px;
            align-content: center;
  }
  .pdpCompare__productHead, .pdpCompare__desktopCell, .pdpCompare__productFoot{
    width:calc((100% - 296px) / 3);
  }
  .pdpCompare__mobile{
    display:none;
  }
  .pdpCompare__productHeadCurrentBanner{
    display:none;
  }
  .pdpCompare__productHead--current .pdpCompare__productHeadCurrentBanner{
    display:flex;
  }
  .pdpCompare__desktopFrames{
    display: flex;
    gap:8px;
  }
  .pdpCompare__productFrame{
    width:calc((100% - 296px) / 3);
    border: 1px solid black;
    border-radius:10px;
    height:100%;
  }
  .pdpCompare__legendFrame{
    width: 260px;
    margin-right: auto;
  }
  
  .pdpCompare__productHead{
        position: relative;
      border-radius: 13px 13px 0px 0px;
      overflow: hidden;
  }
  .pdpCompare__productHeadInner{
        padding: 30px;
      padding-top: 40px;
  }
  .pdpCompare__productHeadCurrentBanner{
        height: 40px;
      position: absolute;
      top: 1px;
      left: 2px;
      width: 100%;
      background: linear-gradient(89deg, #FDE37A 0%, #66ADA1 25%, #2F4E66 75%, #000 100%);
  }
  .pdpCompare__productHeadCurrentText{
        margin: auto;
      color: white;
      font-family: 'YaleSolis-Bold';
      text-transform: uppercase;
      font-size: 14px;
      letter-spacing: 3px;
  }
  .pdpCompare__productHeadImageWrapper{
        display: flex;
      margin-top: 20px;
      margin-bottom: 20px;
  }
  .pdpCompare__productHeadImage{
        width: 230px;
      height: 230px;
      margin: auto;
  }
  .pdpCompare__productHeadTitle{
        font-size: 20px !important;
      text-align: center;
  }
  .pdpCompare__toggle{
        position: relative;
      border-radius: 30px;
      overflow: hidden;
      border: 1px solid black;
      width: 211px;
      margin: auto;
      margin-top:20px;
      margin-bottom:20px;
      height: 40px;
      background: linear-gradient(0deg, rgba(66, 65, 68, 0.05) 0%, rgba(66, 65, 68, 0.05) 100%), #FFF;
  }
  .pdpCompare__togglePill{
        background: #FFC700;
      position: absolute;
      width: 50%;
      height: 100%;
      border-radius: 30px;
      top:0;
      transition:all .2s;
      left:0;
  }
  .pdpCompare__toggleInner{
        position: relative;
      display: flex;
      height: 100%;
  }
  .pdpCompare__toggleButton{
        width: 50%;
      height: 100%;
      background: 0;
      border: 0;
      padding: 0;
      display: flex;
  }
  .pdpCompare__toggleButtonText{
        margin: auto;
      font-family: 'YaleSolis-Bold';
      font-size: 16px;
      text-align: center;
  }
  .pdpCompare__toggle--wifi .pdpCompare__togglePill{
    left:50%;
  }
  .pdpCompare__toggle--wifi .pdpCompare__toggleButton--bluetooth{
    opacity:.5;
  }
  
  .pdpCompare__toggle--bluetooth .pdpCompare__togglePill{
    left:0%;
  }
  .pdpCompare__toggle--bluetooth .pdpCompare__toggleButton--wifi{
    opacity:.5;
  }
  .pdpCompare__iconWrapper{
        display: flex;
      margin-top: 20px;
  }
  .pdpCompare__icons{
        height: 30px;
      margin: auto;
  }
  
  .pdpCompare__desktopRow{
    border-top:1px solid black;
    background:white;
    mix-blend-mode:darken;
  }
  .pdpCompare__desktopLegendCell{
        margin-right: auto;
  }
  .pdpCompare__desktopLegendText{
        font-size: 18px !important;
      font-family: 'YaleSolis-Regular';
      line-height: 22px;
      font-weight: normal;
      padding: 20px;
      margin:0;
      padding-right: 5px;
  }
  .pdpCompare__desktopCellText{
        padding: 20px;
      font-size: 16px;
      line-height: 22px;
      text-align: center;
  }
  
  .pdpCompare__desktopRow--0{
    background: linear-gradient(0deg, rgba(66, 65, 68, 0.05) 0%, rgba(66, 65, 68, 0.05) 100%), #FFF;
  }
  .pdpCompare__footRow{
        border-top: 1px solid black;
  }
  .pdpCompare__productFootInner{
        text-align: center;
      padding: 30px 0;
  }
  .pdpCompare__productPrice{
        font-size: 20px;
      margin-bottom: 10px;
  }
  .pdpCompare__productLink{
        font-family: 'YaleSolis-Bold';
      text-decoration: underline;
  }
  .pdpCompare__legal{
        text-align: center;
      margin-top: 50px;
      font-size:12px;
      line-height:13px;
  }
  .pdpMain__thumbnailGallerySlide{
        border-radius: 5px;
        overflow:hidden;
  }
  
  .pdpMain__thumbnailGallerySlide.swiper-slide-thumb-active{
    border:3px solid #FFC700;
  }
  
  
  
  .pdpAccordion__content--loading {
      opacity: 0.35;
      pointer-events: none;
  }
  
  .pdpAcc--loading {
      cursor: progress;
  }
  
  .pdpMain__optionButton:active, .pdpMain__optionButton:focus{
    outline:none!important;
  }
  .pdpMain__optionButtonInner{
        display: flex;
  }
  .pdpMain__optionButtonIcon{
    width: 22px;
      height: 22px;
      margin: auto 0;
      margin-right: 10px;
      object-fit: contain;
  }
  .pdpMain__optionButton--active .pdpMain__optionButtonIcon{
    filter:invert(1);
  }
  
  .pdpMain__mobileWorksWithCopy{
    display:none;
  }
  
  .pdpMain button{
    color:inherit;
  }
  .pdpMain__optionButtonInner{
    color:black;
  }
  .pdpMain__atcInner{
    color:black;
  }
  
  @media only screen and (max-width:1000px){
    .pdpMain__mobileContentCopy{
      display: block;
    }
    .pdpMain__mobileContentCopyBucket{
      padding-top: 20px;
    }
    .pdpMain__title{
      font-size: 25px !important;
    }
    .pdpMain__flex{
      flex-direction: column;
      gap: 30px;
    }
    .pdpMain__imageSide{
      overflow: hidden;
      width: calc(100% + 40px);
      left: -20px;
      position: relative;
    }
    .pdpMain__imageGalleryWrapper{
          width: calc(100% - 40px);
      margin: auto;
    }
    .pdpMain__thumbnailGalleryWrapper{
          overflow: visible;
      padding: 0 30px;
      width: calc(100% - 50px);
    }
    .pdpMain__imageSide .pdpMain__worksWithTitle{
          display: none;
    }
    .pdpMain__imageSide .pdpMain__worksWithWrapper{
          display: none;
    }
    .pdpMain__textSide{
          width: 100%;
    }
    .pdpMain__textSide .pdpMain__textUpperGroup{
      display: none;
    }
    .pdpMain__form{
          margin-top: 0;
    }
    .pdpMain__optionRow{
          flex-direction: column;
          margin-bottom:15px;
    }
    .pdpMain__optionFlex{
      gap:5px;
      width:100%;
    }
    .pdpMain__optionLabelText{
          font-family: 'YaleSolis-Bold';
    }
    .pdpCompare__desktop{
          display: none;
    }
    .pdpCompare__mobile{
      display:block;
    }
    .pdpMain__textSide .pdpMain__formSocialRow{
      display:none;
    }
    .pdpMain__optionLabel{
          width: max-content;
    }
    .pdpMain__optionLabelToolTipContainer{
          top: 0px;
    }
    .pdpIcons__flex{
          flex-wrap: wrap;
      justify-content: center;
    }
    .pdpIcon{
          width: 130px;
    }
    .pdpIcons{
      padding-top: 30px;
      padding-bottom: 40px;
    }
    .pdpAcc{
          padding: 30px;
    }
    .pdpAccordion__headerTitle{
          text-align: left;
    }
    .pdpMain__sticky{
      height: 110px;
    }
    .pdpMain__stickyInner{
          flex-direction: column;
    }
    .pdpMain__stickyLeft{
          margin-bottom: 10px;
    }
    .pdpMain__stickyRight{
      justify-content:space-between;
    }
    .pdpCompare__title{
          font-size: 30px !important;
      max-width: 310px;
      margin: auto;
      margin-bottom: 20px;
    }
    .pdpCompare__mobile{
          display: flex;
      gap: 8px;
      position: relative;
    }
    .pdpCompare__mobileData{
          display: none;
    }
    .pdpCompare__mobileColumn{
          border: 1px solid black;
      border-radius: 10px;
    }
    .pdpCompare__mobileColumnInner{
          padding: 10px;
      padding-top: 0;
    }
    .pdpCompare__mobileCurrent{
          background: linear-gradient(89deg, #FDE37A 0%, #66ADA1 25%, #2F4E66 75%, #000 100%);
      width: calc(100% + 20px);
      position: relative;
      left: -10px;
      border-radius: 10px 10px 0 0;
      opacity:0;
    }
    .pdpCompare__mobileColumn--current .pdpCompare__mobileCurrent{
      opacity:1;
    }
    .pdpCompare__iconWrapper{
      margin-bottom:20px;
    }
    .pdpCompare__mobileCurrentText{
          padding: 10px;
      text-align: center;
      font-family: 'YaleSolis-Bold';
      color: white;
      letter-spacing: 1.2px;
      font-size: 12px;
      text-transform: uppercase;
    }
    .pdpCompare__mobileSelector{
          width: 100%;
      border: 1px solid black;
      margin-top: 10px;
      height: 40px;
      font-size: 14px !important;
      padding: 10px;
    }
    .pdpCompare__mobileCell{
          position: relative;
      padding-top: 31px;
          display: flex;
    }
    .pdpComapre__mobileLegend{
          position: absolute;
      top: 0;
      left: -10px;
      width: calc(200% + 43px);
      background: black;
      color: white;
      text-align: center;
      font-family: 'YaleSolis-Bold';
      font-size: 14px;
      padding: 3px 0;
    }
    .pdpCompare__mobileCellInner{
          text-align: center;
      padding: 10px;
          margin: auto;
      width: 100%;
    }
    .pdpCompare__mobileFoot{
          width: calc(100% + 20px);
      margin-left: -10px;
      border-top: 1px solid rgba(26, 26, 26, 0.30);
      padding: 10px;
      text-align: center;
    }
    .pdpCompare__mobilePrice{
          font-size: 18px;
    }
    .pdpComapre__mobileLink{
          font-family: 'YaleSolis-Bold';
      text-decoration: underline;
      margin-top: 10px;
    }
    .pdpCompare__toggleButtonIconWrapper{
          margin: auto;
    }
    .pdpCompare__toggleButtonIcon{
      width: 20px;
      height: 20px;
    }
    .pdpMain__formFinalRow{
          margin-top: 30px;
    }
    .pdpMain__atc{
          width: calc(100% - 160px);
    }
    .pdpMain__stickyAnchor{
          display: none;
    }
    .pdpMain__stickyRight{
          gap: 5px;
    }
    .pdpMain__stickyQtyWrapper{
          width: min-content;
    }
    .pdpMain__qtyMinus--sticky{
          padding-left: 12px;
    }
    .pdpMain__qty--sticky{
          padding: 0;
      width: 31px;
    }
    .pdpMain__qtyPlus--sticky{
      padding-right: 12px;
    }
    .pdpMain__stickyBuy{
          width: calc(100% - 90px);
    }
  }
  
  @media (max-width: 999px) {
      .pdpMain__sticky {
          transform: translateY(100%);
          transition: transform .25s ease;
      }
  
      .pdpMain__sticky.pdpMain__sticky--visible {
          transform: translateY(0);
      }
  }
  
  
  .pdpMain__shopPayWrapper{
    display:none!important;
  }
  
  
  .mfhRes{
        margin: 100px 0;
      margin-bottom: 0;
  }
  .mfhRes__outer{
        width: calc(100% - 60px);
      max-width: 1280px;
      margin: auto;
      border-radius: 10px;
      background: rgba(66, 65, 68, 0.05);
  }
  .mfhRes__inner{
        padding: 80px;
  }
  .mfhRes__title{
        font-size: 35px !important;
  }
  .mfhRes__grid{
        display: flex;
      column-gap: 40px;
      flex-wrap: wrap;
      margin-top: 20px;
  }
  .mfhRes__item{
        width: calc((100% - 40px) / 2);
  }
  .mfhRes__accordionButton{
        background: 0;
      border: 0;
      width: 100%;
      text-align: left;
      font-size: 20px;
      font-family: 'YaleSolis-Bold';
      padding: 20px 0;
      line-height: 24px;
      border-bottom: 2px solid rgba(26, 26, 26, 0.10);
  }
  .mfhRes__accordionButtonInner{
        display: flex;
  }
  .mfhRes__accordionButtonPlusBox{
        width: 15px;
      height: 15px;
      position: relative;
      margin: auto 0;
      margin-right: 15px;
  }
  .mfhRes__accordionButtonPlusLine{
        width: 100%;
      height: 2px;
      background: black;
      position: absolute;
      top: calc(50% - 1px);
  }
  .mfhRes__accordionButtonPlusLine--two{
        transform: rotate(90deg);
        transition: all .2s;
  }
  .mfhRes__accordionShelf{
    padding-bottom: 10px;
  }
  .mfhRes__list{
        list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
  }
  .mfhRes__link{
        display: flex;
  }
  .mfhRes__link img{
        width: 19px;
      margin: auto 0;
      margin-right: 10px;
  }
  .mfhRes__link span{
        margin: auto 0;
      font-family: 'YaleSolis-Bold';
      text-decoration: underline;
  }
  
  .mfhRes__item--open .mfhRes__accordionButtonPlusLine--two{
        transform: rotate(0deg);
  }
  
  .mfhRes__item--open .mfhRes__accordionButton{
    border-bottom: 0px solid rgba(26, 26, 26, 0.10);
  }
  
  .mfhRes__item--open{
    border-bottom: 2px solid rgba(26, 26, 26, 0.10);
  }
  
  @media only screen and (max-width:1000px){
    .mfhRes{
      margin:0;
    }
    .mfhRes__outer{
        width: 100;
        border-radius: 0px;
        background: rgba(66, 65, 68, 0.05);
    }
    .mfhRes__inner{
          padding: 60px 30px;
    }
    .mfhRes__item{
      width:100%;
    }
  }

  .plpHero{
    position: relative;
    width: 100%;
  }
  .plpHero__desktopBackgroundWrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .plpHero__desktopBackground{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .plpHero__mobileImageWrapper,
  .plpHero__textBackground{
    display: none;
  }
  .plpHero__inner{
    position: relative;
    color: white;
    margin: auto;
    width: calc(100% - 60px);
    max-width: 1280px;
    min-height: 500px;
    display: flex;
    align-items: center;
  }
  .plpHero__textWrapper{
    max-width: 560px;
    position: relative;
  }
  .plpHero__textContent{
    position: relative;
  }
  .plpHero__salesTag{
    align-items: center;
    background: linear-gradient(226deg, #403A66 12.02%, #C65B57 75.48%, #FEDE60 100%);
    border-radius: 20px;
    box-sizing: border-box;
    color: white;
    display: inline-flex;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 12px;
    height: 31px;
    letter-spacing: 0.04em;
    line-height: 1;
    margin-bottom: 16px;
    padding: 0 20px;
    text-transform: uppercase;
  }
  .plpHero__eyebrow{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 15px;
    letter-spacing: 0.06em;
    line-height: 1.3;
    margin: 0 0 12px;
    text-transform: uppercase;
  }
  .plpHero__title{
    font-size: 50px !important;
    line-height: 1.1 !important;
    margin: 0 0 16px;
  }
  .plpHero__subtitle{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    margin: 0;
    max-width: 420px;
  }
  .plpHero__button{
    align-items: center;
    background: #FFC700;
    border-radius: 30px;
    box-sizing: border-box;
    color: black;
    display: inline-flex;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 18px;
    height: 43px;
    justify-content: center;
    line-height: 1;
    margin-top: 24px;
    padding: 0 34px;
  }
  .plpHero__button:hover{
    border-bottom: none;
    color: black;
  }

  @media only screen and (max-width: 1000px){
    .plpHero{
      background: black;
    }
    .plpHero__desktopBackgroundWrapper{
      display: none;
    }
    .plpHero__mobileImageWrapper{
      display: block;
      width: 100%;
    }
    .plpHero__mobileImage{
      display: block;
      height: auto;
      width: 100%;
    }
    .plpHero__inner{
      align-items: stretch;
      margin: 0;
      min-height: 0;
      width: 100%;
    }
    .plpHero__textWrapper{
      max-width: none;
      overflow: hidden;
      position: relative;
      width: 100%;
    }
    .plpHero__textBackground{
      display: block;
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%;
    }
    .plpHero__textBackgroundImage{
      height: 100%;
      left: 50%;
      object-fit: cover;
      opacity: 0.8;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%) scale(1.15);
      width: 100%;
      filter: blur(32px);
    }
    .plpHero__textContent{
      padding: 32px 20px 40px;
      position: relative;
      z-index: 1;
    }
    .plpHero__salesTag{
      margin-bottom: 12px;
    }
    .plpHero__eyebrow{
      font-size: 12px;
      margin-bottom: 10px;
    }
    .plpHero__title{
      font-size: 35px !important;
      margin-bottom: 12px;
    }
    .plpHero__subtitle{
      font-size: 16px;
      max-width: none;
    }
    .plpHero__button{
      margin-top: 24px;
      width: auto;
    }
  }

  .plpText{
    padding-top: calc(60px + var(--plp-text-padding-top-extra, 0px));
    padding-bottom: calc(60px + var(--plp-text-padding-bottom-extra, 0px));
  }
  .plpText__inner{
    margin: auto;
    max-width: 866px;
    text-align: center;
    width: calc(100% - 60px);
  }
  .plpText__title{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 20px;
    line-height: 1.35;
    margin: 0;
  }
  .plpText__body{
    font-family: "YaleSolis-Regular", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 16px;
  }
  .plpText__body p{
    margin: 0;
  }

  @media only screen and (max-width: 1000px){
    .plpText{
      padding-top: calc(40px + var(--plp-text-padding-top-extra, 0px));
      padding-bottom: calc(40px + var(--plp-text-padding-bottom-extra, 0px));
    }
    .plpText__inner{
      width: calc(100% - 40px);
    }
    .plpText__title{
      font-size: 16px;
    }
    .plpText__body{
      font-size: 16px;
    }
  }

  .plpIconRow{
    background: linear-gradient(262deg, #FCF1B6 0%, #69B0D0 100%);
    padding-top: var(--plp-icon-row-padding-top-extra, 0px);
    padding-bottom: var(--plp-icon-row-padding-bottom-extra, 0px);
  }
  .plpIconRow__inner{
    margin: auto;
    max-width: 1280px;
    width: calc(100% - 60px);
  }
  .plpIconRow__grid{
    align-items: center;
    display: flex;
    min-height: 70px;
    width: 100%;
  }
  .plpIconRow__item{
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 1 1 25%;
    justify-content: center;
    padding: 0 20px;
    margin:auto 0;
  }
  .plpIconRow__item:not(:last-child){
    border-right: 1px solid rgba(0, 0, 0, 0.5);
  }
  .plpIconRow__itemInner{
    align-items: center;
    display: flex;
    gap: 12px;
  }
  .plpIconRow__iconWrapper{
    flex-shrink: 0;
  }
  .plpIconRow__icon{
    display: block;
    height: 30px;
    object-fit: contain;
    width: 30px;
  }
  .plpIconRow__text{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 14px;
    line-height: 1.25;
    text-align: left;
  }

  @media only screen and (max-width: 1000px){
    .plpIconRow{
      padding-top: calc(40px + var(--plp-icon-row-padding-top-extra, 0px));
      padding-bottom: calc(40px + var(--plp-icon-row-padding-bottom-extra, 0px));
    }
    .plpIconRow__inner{
      width: calc(100% - 40px);
    }
    .plpIconRow__grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      row-gap: 32px;
    }
    .plpIconRow__item{
      flex: none;
      justify-content: flex-start;
      max-width: none;
      padding: 0 12px;
    }
    .plpIconRow__item:nth-child(2n){
      border-right: 0;
    }
  }

  .plpLifestyle,
  .plpFeatures,
  .plpAppGrid,
  .plpWorksWith,
  .plpBridge,
  .plpFaq{
    padding-top: calc(60px + var(--plp-section-padding-top-extra, 0px));
    padding-bottom: calc(60px + var(--plp-section-padding-bottom-extra, 0px));
  }
  .plpSplit{
    margin-top: var(--plp-split-margin-top, 0px);
    margin-bottom: var(--plp-split-margin-bottom, 0px);
    padding-top: var(--plp-section-padding-top-extra, 0px);
    padding-bottom: var(--plp-section-padding-bottom-extra, 0px);
    position: relative;
    z-index: 2;
  }
  .plpSplit__inner{
    margin: auto;
    max-width: 1280px;
    width: calc(100% - 60px);
  }
  .plpSplit__banner{
    border-radius: 10px;
    min-height: 311px;
    overflow: hidden;
    position: relative;
  }
  .plpSplit__media{
    inset: 0;
    position: absolute;
  }
  .plpSplit__image{
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .plpSplit__image--mobile{
    display: none;
  }
  .plpSplit__textPanel{
    align-items: center;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    background: rgba(0, 0, 0, var(--plp-split-overlay-opacity, 0.35));
    box-sizing: border-box;
    display: flex;
    max-width: 50%;
    min-height: 311px;
    padding: 48px 56px;
    position: relative;
    width: 100%;
    z-index: 1;
  }
  .plpSplit--image-right .plpSplit__textPanel{
    margin-right: auto;
  }
  .plpSplit--image-left .plpSplit__textPanel{
    margin-left: auto;
  }
  .plpSplit__textBackground{
    display: none;
  }
  .plpSplit__textContent{
    color: #ffffff;
    position: relative;
    width: 100%;
    z-index: 1;
  }
  .plpSplit__eyebrow{
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 16px;
  }
  .plpSplit__eyebrowIcon{
    display: block;
    flex: 0 0 auto;
    height: 24px;
    object-fit: contain;
    width: 24px;
  }
  .plpSplit__eyebrowText{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
  }
  .plpSplit__title{
    color: #ffffff;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 34px !important;
    line-height: 1.2 !important;
    margin: 0 0 16px;
  }
  .plpSplit__body{
    color: #ffffff;
    font-family: "YaleSolis-Regular", sans-serif;
    font-size: 18px;
    line-height: 1.4;
  }
  .plpSplit__body p{
    margin: 0;
  }
  .plpSplit__button{
    align-items: center;
    background: #FFC700;
    border-radius: 30px;
    box-sizing: border-box;
    color: #000000;
    display: inline-flex;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 18px;
    height: 43px;
    justify-content: center;
    margin-top: 24px;
    padding: 0 34px;
    text-decoration: none;
  }
  .plpSplit__button:hover{
    border-bottom: none;
    color: #000000;
  }

  .plpLifestyle__inner,
  .plpAppGrid__inner,
  .plpWorksWith__inner,
  .plpBridge__inner,
  .plpFaq__inner,
  .plpFeatures__header{
    margin: auto;
    max-width: 1280px;
    width: calc(100% - 60px);
  }
  .plpLifestyle__title,
  .plpAppGrid__title,
  .plpWorksWith__title,
  .plpFaq__title,
  .plpFeatures__title{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 34px!important;
    line-height: 1.2;
    margin: 0 0 40px;
    text-align: center;
  }
  .plpLifestyle__grid--desktop{
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
  }
  .plpLifestyle__mobile{
    display: none;
  }
  .plpLifestyle__card:not(.plpLifestyle__card--mobile){
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    color: inherit;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    text-decoration: none;
  }
  .plpLifestyle__cardMedia{
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    position: relative;
    transition: all 0.2s;
  }
  .plpLifestyle__cardImage{
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .plpLifestyle__cardGradient{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.65) 100%);
    inset: 0;
    pointer-events: none;
    position: absolute;
  }
  .plpLifestyle__cardIconWrap{
    left: 30px;
    pointer-events: none;
    position: absolute;
    top: calc(100% - 115px);
    transition: all 0.2s;
    width: 32px;
    height: 32px;
    z-index: 4;
  }
  .plpLifestyle__card:not(:has(.plpLifestyle__cardOverlayTitle)) .plpLifestyle__cardIconWrap{
    top: calc(100% - 82px);
  }
  .plpLifestyle__cardIcon{
    display: block;
    height: auto;
    width: 100%;
    height:100%;
    object-fit: contain;
  }
  .plpLifestyle__cardOverlay{
    bottom: 30px;
    left: 30px;
    opacity: 1;
    position: absolute;
    right: 30px;
    transition: all 0.2s;
    z-index: 2;
  }
  .plpLifestyle__cardOverlayTitle{
    color: #ffffff;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    margin: 0;
  }
  .plpLifestyle__cardBodyReveal{
    flex: 0 0 auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s;
  }
  .plpLifestyle__cardBody{
    background: #ffffff;
    box-sizing: border-box;
    padding: 20px 30px;
  }
  .plpLifestyle__cardTitle{
    color: #000000;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 20px;
    line-height: 1.25;
    margin: 0;
  }
  .plpLifestyle__cardSubtitle{
    color: #000000;
    font-family: "YaleSolis-Regular", sans-serif;
    font-size: 16px;
    line-height: 1.35;
    margin: 8px 0 0;
  }
  .plpLifestyle__cardButton{
    align-items: center;
    background: #FFC700;
    border-radius: 30px;
    box-sizing: border-box;
    color: #000000;
    display: inline-flex;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 18px;
    height: 43px;
    justify-content: center;
    line-height: 1;
    margin-top: 16px;
    padding: 0 34px;
  }
  .plpLifestyle__card:not(.plpLifestyle__card--mobile):hover,
  .plpLifestyle__card:not(.plpLifestyle__card--mobile):focus-visible{
    border-bottom: none;
    color: inherit;
  }
  .plpLifestyle__card:not(.plpLifestyle__card--mobile):hover .plpLifestyle__cardBodyReveal,
  .plpLifestyle__card:not(.plpLifestyle__card--mobile):focus-visible .plpLifestyle__cardBodyReveal{
    max-height: 220px;
  }
  .plpLifestyle__card:not(.plpLifestyle__card--mobile):hover .plpLifestyle__cardOverlay,
  .plpLifestyle__card:not(.plpLifestyle__card--mobile):focus-visible .plpLifestyle__cardOverlay{
    opacity: 0;
  }
  .plpLifestyle__card:not(.plpLifestyle__card--mobile):hover .plpLifestyle__cardIconWrap,
  .plpLifestyle__card:not(.plpLifestyle__card--mobile):focus-visible .plpLifestyle__cardIconWrap{
    top: 20px;
  }

  .plpFeatures__header{
    margin-bottom: 0;
  }
  .plpFeatures__inner{
    margin: auto;
    max-width: 1280px;
    padding: 60px;
    background: linear-gradient(0deg, rgba(66, 65, 68, 0.05) 0%, rgba(66, 65, 68, 0.05) 100%), #FFF;
    border-radius: 10px;
    width: calc(100% - 60px);
  }
  .plpFeatures__mobile{
    display: none;
  }
  .plpFeatures__row--spaced{
    margin-top: 40px;
  }
  .plpFeatures__rowInner{
    align-items: center;
    display: flex;
    gap: 32px;
    width: 100%;
  }
  .plpFeatures__row--reverse .plpFeatures__rowInner{
    flex-direction: row-reverse;
  }
  .plpFeatures__textSide{
    align-items: center;
    display: flex;
    flex: 0 0 44%;
    max-width: 44%;
    width: 44%;
  }
  .plpFeatures__mediaSide{
    flex: 1 1 56%;
    max-width: 56%;
    min-width: 0;
    width: 56%;
  }
  .plpFeatures__image{
    border-radius: 10px;
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%;
  }
  .plpFeatures__image--mobile{
    display: none;
  }
  .plpFeatures__grid{
    display: grid;
    gap: 12px;
    width: 100%;
  }
  .plpFeatures__gridCell{
    min-height: 0;
    overflow: hidden;
  }
  .plpFeatures__gridImage{
    border-radius: 10px;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .plpFeatures__grid--three{
    aspect-ratio: 1 / 1;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1.15fr 0.85fr;
  }
  .plpFeatures__grid--three .plpFeatures__gridCell--three{
    grid-column: 1 / -1;
  }
  .plpFeatures__grid--three-b{
    aspect-ratio: 1 / 1;
    grid-template-columns: 1fr 1fr;
  }
  .plpFeatures__grid--three-b .plpFeatures__gridColumn--left{
    display: grid;
    gap: 12px;
    grid-template-rows: 1fr 1fr;
    min-height: 0;
  }
  .plpFeatures__grid--three-b .plpFeatures__gridCell--tall{
    height: 100%;
    min-height: 0;
  }
  .plpFeatures__grid--stack-two{
    aspect-ratio: 1 / 1;
    grid-template-rows: 1fr 1fr;
  }
  .plpFeatures__textWrapper{
    width: 100%;
  }
  .plpFeatures__row--reverse .plpFeatures__textSide{
    justify-content: flex-end;
  }
  .plpFeatures__row--reverse .plpFeatures__textWrapper{
    padding-right: 8px;
  }
  .plpFeatures__row:not(.plpFeatures__row--reverse) .plpFeatures__textSide{
    justify-content: flex-start;
  }
  .plpFeatures__row:not(.plpFeatures__row--reverse) .plpFeatures__textWrapper{
    padding-left: 8px;
  }
  .plpFeatures__rowTitle{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 32px !important;
    line-height: 1.2 !important;
    margin: 0 0 16px;
  }
  .plpFeatures__rowBody{
    font-family: "YaleSolis-Regular", sans-serif;
    font-size: 18px;
    line-height: 1.5;
  }
  .plpFeatures__rowBody p{
    margin: 0;
  }
  .plpFeatures__appDownload{
    border-top: 1px solid rgba(26, 26, 26, 0.10);
    margin-top: 24px;
    padding-top: 24px;
  }
  .plpFeatures__appDownloadHeader{
    align-items: center;
    display: flex;
    gap: 14px;
    margin-bottom: 16px;
  }
  .plpFeatures__appIcon{
    border-radius: 12px;
    display: block;
    flex: 0 0 auto;
    height: 56px;
    object-fit: contain;
    width: 56px;
  }
  .plpFeatures__appHeading{
    flex: 1;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 11px;
    letter-spacing: 0.08em;
    line-height: 1.35;
    margin: 0;
    max-width: 190px;
    text-transform: uppercase;
  }
  .plpFeatures__appStores{
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
  }
  .plpFeatures__appStoreLink{
    display: inline-block;
    line-height: 0;
    width: max-content;
    height: 40px;
  }
  .plpFeatures__appStoreBadge{
    display: block;
    height: 100%;
    width: auto;
  }
  .plpFeatures__appLegal{
    color: rgba(26, 26, 26, 0.65);
    font-family: "YaleSolis-Regular", sans-serif;
    font-size: 12px;
    line-height: 1.4;
    margin-top: 12px;
  }
  .plpFeatures__appLegal p{
    margin: 0;
  }
  .plpFeatures__button{
    align-items: center;
    background: #FFC700;
    border-radius: 30px;
    box-sizing: border-box;
    color: black;
    display: inline-flex;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 18px;
    height: 43px;
    justify-content: center;
    margin-top: 24px;
    padding: 0 34px;
  }
  .plpFeatures__button:hover{
    border-bottom: none;
    color: black;
  }

  .plpAppGrid__header{
    margin: 0 auto 40px;
    max-width: 720px;
    text-align: center;
  }
  .plpAppGrid__badge{
    align-items: center;
    background: linear-gradient(180deg, #FFED44 0%, #FFB507 100%);
    border-radius: 20px;
    box-sizing: border-box;
    color: #000000;
    display: inline-flex;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 12px;
    height: 31px;
    letter-spacing: 0.04em;
    line-height: 1;
    margin: 0 0 16px;
    padding: 0 20px;
    text-transform: uppercase;
  }
  .plpAppGrid__title{
    margin-bottom: 0;
  }
  .plpAppGrid__mobile{
    display: none;
  }
  .plpAppGrid__grid{
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4, 1fr);
  }
  .plpAppGrid__item{
    text-align: center;
  }
  .plpAppGrid__media{
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto 8px;
    max-width: 240px;
    width: 100%;
  }
  .plpAppGrid__image{
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    width: 100%;
  }
  .plpAppGrid__itemTitle{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    margin: 16px 0 8px;
  }
  .plpAppGrid__itemText{
    font-family: "YaleSolis-Regular", sans-serif;
    font-size: 14px;
    line-height: 1.35;
    margin: 0 auto;
    max-width: 240px;
  }
  .plpAppGrid__legal{
    color: rgba(26, 26, 26, 0.65);
    font-family: "YaleSolis-Regular", sans-serif;
    font-size: 12px;
    line-height: 1.4;
    margin: 40px auto 0;
    max-width: 860px;
    text-align: center;
  }
  .plpAppGrid__legal p{
    margin: 0;
  }

  .plpWorksWith{
    background: linear-gradient(262deg, #FCF1B6 0%, #69B0D0 100%);
  }
  .plpWorksWith__logos{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
  }
  .plpWorksWith__logoImage{
    display: block;
    height: auto;
    max-height: 40px;
    max-width: 140px;
    object-fit: contain;
    width: auto;
  }

  .plpBridge{
    background: #FFC700;
  }
  .plpBridge__inner{
    align-items: center;
    display: flex;
    gap: 40px;
  }
  .plpBridge__imageSide{
    flex-shrink: 0;
    width: 280px;
  }
  .plpBridge__image{
    display: block;
    height: auto;
    width: 100%;
  }
  .plpBridge__textSide{
    flex: 1;
  }
  .plpBridge__title{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 34px;
    line-height: 1.2;
    margin: 0 0 16px;
  }
  .plpBridge__body{
    font-family: "YaleSolis-Regular", sans-serif;
    font-size: 18px;
    line-height: 1.4;
  }
  .plpBridge__body p{
    margin: 0;
  }
  .plpBridge__button{
    align-items: center;
    background: black;
    border-radius: 30px;
    box-sizing: border-box;
    color: white;
    display: inline-flex;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 18px;
    height: 43px;
    justify-content: center;
    margin-top: 24px;
    padding: 0 34px;
  }
  .plpBridge__button:hover{
    border-bottom: none;
    color: white;
  }

  .plpFaq__accordions{
    background: rgba(66, 65, 68, 0.05);
    border-radius: 10px;
    padding: 40px;
  }
  .plpFaq .pdpAccordion__headerTitle{
    font-size: 24px !important;
    text-align: left;
  }

  @media only screen and (max-width: 1000px){
    .plpLifestyle,
    .plpFeatures,
    .plpAppGrid,
    .plpWorksWith,
    .plpBridge,
    .plpFaq{
      padding-top: calc(40px + var(--plp-section-padding-top-extra, 0px));
      padding-bottom: calc(40px + var(--plp-section-padding-bottom-extra, 0px));
    }
    .plpLifestyle__inner,
    .plpAppGrid__inner,
    .plpWorksWith__inner,
    .plpBridge__inner,
    .plpFaq__inner,
    .plpFeatures__header,
    .plpFeatures__inner{
      width: calc(100% - 40px);
    }
    .plpLifestyle__title,
    .plpAppGrid__title,
    .plpWorksWith__title,
    .plpFaq__title,
    .plpFeatures__title,
    .plpFeatures__rowTitle,
    .plpSplit__title,
    .plpBridge__title{
      font-size: 24px!important;
      margin-bottom: 16px;
    }
    .plpLifestyle__grid--desktop{
      display: none;
    }
    .plpLifestyle__mobile{
      display: block;
    }
    .plpLifestyle__swiper{
      overflow: visible;
    }
    .plpLifestyle__card--mobile{
      aspect-ratio: auto;
      background: #ffffff;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      grid-template-rows: none;
      height: auto;
      overflow: hidden;
    }
    .plpLifestyle__card--mobile .plpLifestyle__cardMedia{
      aspect-ratio: 340 / 220;
      border-radius: 10px 10px 0 0;
      flex: 0 0 auto;
      overflow: hidden;
      position: relative;
    }
    .plpLifestyle__card--mobile .plpLifestyle__cardBodyReveal{
      max-height: none;
    }
    .plpLifestyle__card--mobile .plpLifestyle__cardBody{
      flex: 1 1 auto;
      padding: 20px 30px;
      position: relative;
    }
    .plpLifestyle__card--mobile .plpLifestyle__cardIconWrap{
      bottom: auto;
      right: auto;
      left: 20px;
      top: 20px!important;
      width: 28px;
    }
    .plpLifestyle__controls{
      align-items: center;
      display: flex;
      gap: 12px;
      margin-top: 24px;
    }
    .plpLifestyle__navButton{
      align-items: center;
      background: #ffffff;
      border: 1px solid #000000;
      border-radius: 50%;
      cursor: pointer;
      display: inline-flex;
      flex-shrink: 0;
      height: 44px;
      justify-content: center;
      padding: 0;
      width: 44px;
    }
    .plpLifestyle__navButton--next{
      background: #000000;
      border-color: #000000;
    }
    .plpLifestyle__navButton--next .plpLifestyle__navIcon{
      transform: rotate(180deg);
    }
    .plpLifestyle__navIcon{
      display: block;
          width: 100%;
    height: 100%;
    object-fit:cover;
    }
    .plpLifestyle__navButton.swiper-button-disabled{
      cursor: default;
      opacity: 0.35;
    }
    .plpLifestyle__progress{
      background: #d9d9d9;
      flex: 1 1 auto;
      height: 2px;
      overflow: hidden;
    }
    .plpLifestyle__progressFill{
      background: #1a1a1a;
      height: 100%;
      transition: width 0.2s ease;
      width: 0;
    }
    .plpSplit__inner{
      width: calc(100% - 40px);
    }
    .plpSplit__banner{
      min-height: 0;
    }
    .plpSplit__media{
      aspect-ratio: 4 / 3;
      position: relative;
    }
    .plpSplit__image--desktop{
      display: none;
    }
    .plpSplit__image--mobile{
      display: block;
    }
    .plpSplit__textPanel{
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      background: #000000;
      margin: 0;
      max-width: none;
      min-height: 0;
      overflow: hidden;
      padding: 0;
      width: 100%;
    }
    .plpSplit__textBackground{
      display: block;
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%;
    }
    .plpSplit__textBackgroundImage{
      filter: blur(32px);
      height: 100%;
      left: 50%;
      object-fit: cover;
      opacity: 0.8;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%) scale(1.15);
      width: 100%;
    }
    .plpSplit__textPanel::after{
      background: rgba(0, 0, 0, var(--plp-split-overlay-opacity, 0.35));
      content: "";
      inset: 0;
      position: absolute;
      z-index: 0;
    }
    .plpSplit__textContent{
      padding: 32px 20px 40px;
      position: relative;
      z-index: 1;
    }
    .plpSplit__eyebrow{
      margin-bottom: 12px;
    }
    .plpFeatures__inner{
      width: calc(100% - 40px);
    }
    .plpFeatures__desktop{
      display: none;
    }
    .plpFeatures__mobile{
      display: block;
    }
    .plpFeatures__swiper{
      overflow: visible;
    }
    .plpFeatures__slide{
      background: #ffffff;
      border-radius: 10px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      overflow: hidden;
    }
    .plpFeatures__slideMedia .plpFeatures__image--desktop{
      display: none;
    }
    .plpFeatures__slideMedia .plpFeatures__image--mobile{
      display: block;
    }
    .plpFeatures__slideMedia .plpFeatures__grid{
      min-height: 0;
    }
    .plpFeatures__slideText{
      padding: 24px 20px 28px;
    }
    .plpFeatures__appStores{
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
    }
    .plpFeatures__appStoreBadge,
    .plpFeatures__appStoreLink + .plpFeatures__appStoreLink .plpFeatures__appStoreBadge{
      width: auto;
      max-height: 44px;
    }
    .plpFeatures__controls{
      align-items: center;
      display: flex;
      gap: 12px;
      margin-top: 20px;
    }
    .plpFeatures__navButton{
      align-items: center;
      background: #ffffff;
      border: 1px solid #000000;
      border-radius: 50%;
      display: inline-flex;
      flex: 0 0 auto;
      height: 40px;
      justify-content: center;
      padding: 0;
      width: 40px;
    }
    .plpFeatures__navButton--next{
      background: #000000;
      border-color: #000000;
    }
    .plpFeatures__navButton--next .plpFeatures__navIcon{
      transform:rotate(180deg);
    }

    .plpFeatures__navIcon{
      display: block;
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .plpFeatures__navButton.swiper-button-disabled{
      opacity: 0.35;
    }
    .plpFeatures__progress{
      background: #d9d9d9;
      flex: 1 1 auto;
      height: 2px;
      overflow: hidden;
    }
    .plpFeatures__progressFill{
      background: #1a1a1a;
      height: 100%;
      transition: width 0.2s ease;
      width: 0;
    }
    .plpSplit__body,
    .plpFeatures__rowBody,
    .plpBridge__body{
      font-size: 16px;
    }
    .plpFeatures__row--spaced{
      margin-top: 40px;
    }
    .plpAppGrid__grid--desktop{
      display: none;
    }
    .plpAppGrid__mobile{
      display: block;
    }
    .plpAppGrid__header{
      margin-bottom: 24px;
    }
    .plpAppGrid__badge{
      font-size: 11px;
      height: 28px;
      margin-bottom: 12px;
      padding: 0 16px;
    }
    .plpAppGrid__swiper{
      overflow: visible;
    }
    .plpAppGrid__slide{
      text-align: center;
    }
    .plpAppGrid__media{
      margin-bottom: 4px;
      max-width: 280px;
    }
    .plpAppGrid__itemText{
      font-size: 16px;
      max-width: none;
    }
    .plpAppGrid__controls{
      align-items: center;
      display: flex;
      gap: 12px;
      margin-top: 20px;
    }
    .plpAppGrid__navButton{
      align-items: center;
      background: #ffffff;
      border: 1px solid #000000;
      border-radius: 50%;
      display: inline-flex;
      flex: 0 0 auto;
      height: 40px;
      justify-content: center;
      padding: 0;
      width: 40px;
    }
    .plpAppGrid__navButton--next{
      background: #000000;
      border-color: #000000;
    }
    .plpAppGrid__navButton--next .plpAppGrid__navIcon{
      transform:rotate(180deg);
    }
    .plpAppGrid__navIcon{
      display: block;
      height: 100%;
      width: 100%;
      object-fit:cover;
    }
    .plpAppGrid__navButton.swiper-button-disabled{
      opacity: 0.35;
    }
    .plpAppGrid__progress{
      background: #d9d9d9;
      flex: 1 1 auto;
      height: 2px;
      overflow: hidden;
    }
    .plpAppGrid__progressFill{
      background: #1a1a1a;
      height: 100%;
      transition: width 0.2s ease;
      width: 0;
    }
    .plpAppGrid__legal{
      font-size: 11px;
      margin-top: 24px;
    }
    .plpBridge__inner{
      flex-direction: column;
      text-align: center;
    }
    .plpBridge__imageSide{
      width: 200px;
    }
    .plpFaq__accordions{
      padding: 24px 20px;
    }
    .plpFaq .pdpAccordion__headerTitle{
      font-size: 18px !important;
    }
  }

  .plpMediaText,
  .plpAppDownload,
  .plpInteractive{
    padding-top: calc(60px + var(--plp-section-padding-top-extra, 0px));
    padding-bottom: calc(60px + var(--plp-section-padding-bottom-extra, 0px));
  }
  .plpMediaText__inner,
  .plpAppDownload__inner,
  .plpInteractive__inner{
    margin: auto;
    max-width: 1280px;
    width: calc(100% - 60px);
  }
  .plpMediaText__inner{
    align-items: center;
    display: flex;
    gap: 40px;
  }
  .plpMediaText--image-right .plpMediaText__inner{
    flex-direction: row-reverse;
  }
  .plpMediaText__imageSide,
  .plpMediaText__content{
    width: 50%;
  }
  .plpMediaText__imageSide{
    overflow: hidden;
  }
  .plpMediaText__image{
    display: block;
    height: auto;
    width: 100%;
  }
  .plpMediaText__image--mobile{
    display: none;
  }
  .plpMediaText__eyebrow{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 14px;
    letter-spacing: 0.06em;
    margin: 0 0 12px;
    text-transform: uppercase;
  }
  .plpMediaText__title{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 34px;
    line-height: 1.2;
    margin: 0 0 16px;
  }
  .plpMediaText__body{
    font-family: "YaleSolis-Regular", sans-serif;
    font-size: 18px;
    line-height: 1.4;
  }
  .plpMediaText__body p{
    margin: 0;
  }
  .plpMediaText__button{
    align-items: center;
    background: #FFC700;
    border-radius: 30px;
    box-sizing: border-box;
    color: black;
    display: inline-flex;
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 18px;
    height: 43px;
    justify-content: center;
    margin-top: 24px;
    padding: 0 34px;
  }
  .plpMediaText__button:hover{
    border-bottom: none;
    color: black;
  }

  .plpAppDownload{
    background: linear-gradient(262deg, #FCF1B6 0%, #69B0D0 100%);
  }
  .plpAppDownload__row{
    display: flex;
    gap: 40px;
    justify-content: center;
  }
  .plpAppDownload__left{
    align-items: center;
    border-right: 2px solid rgba(0, 0, 0, 0.5);
    display: flex;
    gap: 24px;
    padding-right: 40px;
    margin:auto 0;
  }
  .plpAppDownload__logo{
    display: block;
    object-fit: contain;
    height: 40px;
    width: 40px;
  }
  .plpAppDownload__title{
    font-family: "YaleSolis-Bold", sans-serif;
    line-height: 1.2;
    margin: 0;
    font-size: 15px;
    text-transform: uppercase;
  }
  .plpAppDownload__right{
    display: flex;
    gap: 20px;
    justify-content: center;
        width: max-content;
        margin:auto 0;
  }
  .plpAppDownload__storeLink{
    display: block;
  }
  .plpAppDownload__storeImage--apple{
    display: block;
    height: auto;
    width: 175px;
  }
  .plpAppDownload__storeImage--google{
    display: block;
    height: auto;
    width: 199px;
  }
  .plpAppDownload__legal{
    font-size: 12px;
    line-height: 1.4;
    margin-top: 24px;
    text-align: center;
  }
  .plpAppDownload__legal p{
    margin: 0;
  }

  .plpInteractive__title{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 34px;
    line-height: 1.2;
    margin: 0 auto 40px;
    max-width: 420px;
    text-align: center;
  }
  .plpInteractive__flex{
    display: flex;
    justify-content: space-between;
    border-radius:8px;
    overflow:hidden;
  }
  .plpInteractive__left,
  .plpInteractive__right{
    width: calc(50% - 20px);
  }
  .plpInteractive__tabColumn{
    display: flex;
    flex-direction: column;
  }
  .plpInteractive__tab{
    overflow: hidden;
  }
  .plpInteractive__tab--active{
    background:white;
  }
  .plpInteractive__tabButton{
    background: 0;
    border: 0;
    border-left: 4px solid #C4C4C4;
    padding: 0;
    text-align: left;
    width: 100%;
  }
  .plpInteractive__tab--active .plpInteractive__tabButton{
    border-left: 8px solid #FFC700;
  }
  .plpInteractive__tabInner{
    align-items: center;
    display: flex;
    gap: 24px;
    padding: 24px;
  }
  .plpInteractive__tabIcon{
    flex-shrink: 0;
    width: 58px;
  }
  .plpInteractive__tabTitle{
    font-family: "YaleSolis-Bold", sans-serif;
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 4px;
  }
  .plpInteractive__tabBody{
    font-family: "YaleSolis-Regular", sans-serif;
    font-size: 16px;
    line-height: 1.35;
    margin: 0;
  }
  .plpInteractive__imageContainer{
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .plpInteractive__image{
    display: none;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .plpInteractive__image--active{
    display: block;
  }
  .plpInteractive__mobileImages{
    display: none;
    margin-bottom: 24px;
  }

  @media only screen and (max-width: 1000px){
    .plpMediaText,
    .plpAppDownload,
    .plpInteractive{
      padding-top: calc(40px + var(--plp-section-padding-top-extra, 0px));
      padding-bottom: calc(40px + var(--plp-section-padding-bottom-extra, 0px));
    }
    .plpMediaText__inner,
    .plpAppDownload__inner,
    .plpInteractive__inner{
      width: calc(100% - 40px);
    }
    .plpMediaText__inner,
    .plpMediaText--image-right .plpMediaText__inner{
      flex-direction: column;
      gap: 24px;
    }
    .plpMediaText__imageSide,
    .plpMediaText__content{
      width: 100%;
    }
    .plpMediaText__image--desktop{
      display: none;
    }
    .plpMediaText__image--mobile{
      display: block;
    }
    .plpMediaText__title{
      font-size: 24px;
    }
    .plpMediaText__body{
      font-size: 16px;
    }
    .plpAppDownload__row{
      flex-direction: column;
      gap: 24px;
    }
    .plpAppDownload__left{
      border-right: 0;
      flex-direction: column;
      padding-right: 0;
      text-align: center;
    }
    .plpAppDownload__title{
      max-width: none;
    }
    .plpAppDownload__right{
      flex-wrap: wrap;
      width: 100%;
    }
    .plpAppDownload__storeImage--apple,
    .plpAppDownload__storeImage--google{
      width: 150px;
    }
    .plpInteractive__title{
      font-size: 24px;
      margin-bottom: 24px;
    }
    .plpInteractive__flex{
      flex-direction: column;
      gap: 0;
    }
    .plpInteractive__left{
      width: 100%;
    }
    .plpInteractive__right{
      display: none;
    }
    .plpInteractive__mobileImages{
      aspect-ratio: 1 / 1;
      display: block;
      margin-bottom: 24px;
      overflow: hidden;
      position: relative;
      width: 100%;
    }
    .plpInteractive__mobileImage{
      display: none;
      height: 100%;
      left: 0;
      object-fit: cover;
      position: absolute;
      top: 0;
      width: 100%;
    }
    .plpInteractive__mobileImage--active{
      display: block;
    }
    .plpInteractive__tabInner{
      gap: 16px;
      padding: 16px;
    }
    .plpInteractive__tabIcon{
      width: 44px;
    }
    .plpInteractive__tabTitle{
      font-size: 16px;
    }
    .plpInteractive__tabBody{
      font-size: 14px;
    }
  }

  .plpShop{
    padding-top: calc(60px + var(--plp-shop-padding-top-extra, 0px));
    padding-bottom: calc(60px + var(--plp-shop-padding-bottom-extra, 0px));
    position: relative;
    z-index: 1;
  }
  .plpShop--white{
    background: rgba(66, 65, 68, 0.05);
  }
  .plpShop--gradient_teal{
    background: linear-gradient(315deg, #C8D5AE 0%, #648DA0 50%, #5B6376 100%);
  }
  .plpShop--gradient_orange{
    background: linear-gradient(135deg, #FDDBBD 0%, #FB8744 50%, #F86C6C 100%);
  }
  .plpShop--custom{
    background: var(--plp-shop-background, #ffffff);
  }
  .plpShop__inner{
    margin: auto;
    max-width: 1280px;
    width: calc(100% - 60px);
  }
  .plpShop .pdpMain{
    padding-bottom: 0;
    padding-top: 0;
  }
  .plpShop .pdpMain__inner{
    margin: 0;
    width: 100%;
  }
  .plpShop .pdpMain__title,
  .plpShop .pdpMain__realPrice,
  .plpShop .pdpMain__oldPrice,
  .plpShop .pdpMain__salePrice,
  .plpShop .pdpMain__description,
  .plpShop .pdpMain__description p,
  .plpShop .pdpMain__shopPayWrapper,
  .plpShop .pdpMain__optionLabelText,
  .plpShop .pdpMain__optionSelectedFinishName,
  .plpShop .pdpMain__worksWithTitle,
  .plpShop .pdpMain__prodNumber,
  .plpShop .pdpMain__notifyMeLable,
  .plpShop .pdpMain__qty,
  .plpShop .pdpMain--plp .pdpMain__learnMore{
    color: #000000;
  }
  .plpShop--whiteText .pdpMain__title,
  .plpShop--whiteText .pdpMain__realPrice,
  .plpShop--whiteText .pdpMain__oldPrice,
  .plpShop--whiteText .pdpMain__salePrice,
  .plpShop--whiteText .pdpMain__description,
  .plpShop--whiteText .pdpMain__description p,
  .plpShop--whiteText .pdpMain__shopPayWrapper,
  .plpShop--whiteText .pdpMain__optionLabelText,
  .plpShop--whiteText .pdpMain__optionSelectedFinishName,
  .plpShop--whiteText .pdpMain__worksWithTitle,
  .plpShop--whiteText .pdpMain__prodNumber,
  .plpShop--whiteText .pdpMain__notifyMeLable,
  .plpShop--whiteText .pdpMain--plp .pdpMain__learnMore{
    color: #ffffff;
  }
  .plpShop--whiteText .pdpMain__optionLabelToolTipIcon{
        filter: invert(1) brightness(2);
  }
  .plpShop .pdpMain__prodNumberRow{
    margin-top: 16px;
  }
  .plpShop .pdpAcc__outer{
    margin: 30px 0 0;
  }
  .plpShop .pdpAcc{
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
  }
  .plpShop .pdpAccordion{
    margin-top: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(26, 26, 26, 0.10);
  }
  .plpShop .pdpAccordion:last-of-type{
    border-bottom: 0;
    padding-bottom: 0;
  }
  .plpShop .pdpAccordion__headerPlusWrapper{
    width: 14px;
    height: 14px;
    margin-right: 12px;
  }
  .plpShop .pdpAccordion__headerTitle{
    font-size: 16px !important;
    font-family: 'YaleSolis-Bold';
    text-align: left;
  }
  .plpShop .pdpAccordion__featuresWrapper,
  .plpShop .pdpAccordion__techspecsWrapper{
    padding-top: 12px;
  }
  .plpShop .pdpAccordion__featuresContent{
    font-size: 14px;
    line-height: 1.5;
  }
  .plpShop .pdpAccordion__featuresContent ul{
    margin: 0;
    padding-left: 18px;
  }
  .plpShop .pdpAccordion__featuresContent ul li{
    margin-bottom: 8px;
  }
  .plpShop .pdpAccordion__featuresContent ul li:last-child{
    margin-bottom: 0;
  }
  .plpShop .pdpAccordion__featuresContent p{
    margin: 0 0 8px;
  }
  .plpShop .pdpAccordion__featuresContent p:last-child{
    margin-bottom: 0;
  }
  .plpShop .pdpAccordion__featuresContent img{
    display: none;
  }
  .plpShop .pdpAccordion__techspecsContent{
    display: block;
    font-size: 14px;
    line-height: 1.5;
  }
  .plpShop .pdpAccordion__techspec{
    width: 100%;
    border-right: 0;
    padding: 0 0 8px;
  }
  .plpShop .pdpAccordion__techspec:last-child{
    padding-bottom: 0;
  }
  .plpShop .pdpAccordion__techSpecTitle{
    font-size: 14px !important;
    margin: 0;
  }
  .plpShop .pdpAccordion__techSpecValue{
    margin: 0;
  }
  .plpShop .pdpAccordion__techspecsContent ul{
    margin: 0;
    padding-left: 18px;
  }
  .plpShop .pdpAccordion__techspecsContent ul li{
    margin-bottom: 8px;
  }
  .pdpMain--plp .pdpMain__buyRow{
    display: flex;
    align-items: center;
    gap: 20px;
    width: calc(100% - 170px);
  }
  .pdpMain--plp .pdpMain__atc{
    flex: 1;
    width: auto;
    min-width: 0;
  }
  .pdpMain--plp .pdpMain__learnMore{
    font-family: 'YaleSolis-Bold';
    font-size: 14px;
    line-height: 1.2;
    text-decoration: underline;
    white-space: nowrap;
  }
  .pdpMain--plp .pdpMain__learnMore:hover{
    opacity: 0.7;
  }
  @media only screen and (max-width: 1000px){
    .plpShop{
      padding-top: calc(40px + var(--plp-shop-padding-top-extra, 0px));
      padding-bottom: calc(40px + var(--plp-shop-padding-bottom-extra, 0px));
    }
    .plpShop__inner{
      width: calc(100% - 40px);
    }
    .plpShop .pdpAcc{
      padding: 16px 20px;
      background: #ffffff;
      border-radius: 10px;
    }
    .plpShop .pdpAccordion{
      border-bottom-color: rgba(26, 26, 26, 0.10);
    }
    .plpShop .pdpAccordion:last-of-type{
      border-bottom: 0;
    }
    .pdpMain--plp .pdpMain__formFinalRow{
      flex-wrap: wrap;
      gap: 16px;
    }
    
    .pdpMain--plp .pdpMain__buyRow{
      width: 100%;
      flex-direction: column;
      align-items: stretch;
      gap: 12px;
    }
    .pdpMain--plp .pdpMain__atc{
      width: 100%;
    }
    .pdpMain--plp .pdpMain__learnMore{
      align-self: center;
    }
  }

  .plpShop__accordions{
    background: white;
    border-radius: 10px;
    padding: 20px;
  }
  .plpShop__accordions .pdpAccordion{
    padding: 10px 0;
  }
  .plpShop__inner .pdpMain__pdpKA{
    background: white;
  }
  .pdpMain__qtyWrapper{
    background: white;
  }

  .plpMediaText__image--desktop{
    border-radius:10px;
  }
  .plpMediaText__body p a{
    font-family:"YaleSolis-Bold", sans-serif;
    text-decoration:underline;
  }

  .plpInteractive__legal{
    font-size: 12px;
    line-height: 14px;
    margin-top: -20px;
    opacity: .8;
  }
  .plpHero button:focus,
  .plpText button:focus,
  .plpIconRow button:focus,
  .plpLifestyle button:focus,
  .plpSplit button:focus,
  .pdpCompare button:focus,
  .plpFeatures button:focus,
  .plpMediaText button:focus,
  .plpAppGrid button:focus,
  .plpAppDownload button:focus,
  .plpInteractive button:focus,
  .pdpVideo button:focus,
  .plpFaq button:focus{
      outline:0!important;
  }

  @media only screen and (max-width:1000px){
    .plpHero, .plpText, .plpIconRow, .plpLifestyle, .plpSplit, .pdpCompare, .plpFeatures, .plpMediaText, .plpAppGrid, .plpAppDownload, .plpInteractive, .pdpVideo, .plpFaq{
      overflow:hidden;
    }

    .plpShop__inner .pdpMain__prodNumber{
      display:none;
    }
    .pdpMain__mobileWorksWithCopy{
          display: block;
    }
    .pdpMain__mobileWorksWithCopy .pdpMain__worksWithWrapper{
          flex-wrap: nowrap;
      overflow: auto;
    }
    .pdpMain__mobileWorksWithCopy .pdpMain__prodNumber{
      display:block;
    }

    .plpShop__inner .pdpMain__formFinalRow{
          position: relative;
    padding-bottom: 30px;
    }
    .plpShop__inner .pdpMain__qtyWrapper{
          width: 120px;
    }
    .plpShop__inner .pdpMain__qtyMinus{
          padding-left: 20px;
    }
    .plpShop__inner .pdpMain__qty{
          padding: 0;
    }
    .plpShop__inner .pdpMain__qtyPlus{
          padding-right: 20px;
    }
    .plpShop__inner .pdpMain__buyRow{
          width: calc(100% - 136px);
    }
    .plpShop__inner .pdpMain__atc{
          height: 44px;
        flex: initial;
    }
    .plpShop__inner .pdpMain__learnMore{
      position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    }
    .pdpCompare__inner{
      width: calc(100% - 20px);
    }
    .pdpCompare__mobileColumn{
          width: 50%;
    }
    .pdpCompare__toggle{
      max-width:211px;
      width:100%;
    }

    .plpFeatures__inner{
      padding: 0;
    }
    .plpFeatures__slide{
          background: 0;
    box-shadow: none;
    }
    .plpFeatures__mobile{
          overflow: hidden;
    }
    .plpFeatures__controls{
      width:calc(100% - 40px);
      margin:auto;
      padding-bottom:20px;
    }
      .plpInteractive__legal{
        margin-top:20px;
      }

      .pdpAccordion__techspec{
            width: 100%;
            border:0;
    border-top: 1px solid rgba(26, 26, 26, 0.10);
      }
  }

  .plpShop__inner .pdpMain__optionButton--finish{
        background: transparent;
    border: none;
  }

  .plpShop__inner .pdpMain__optionButton--finish.pdpMain__optionButton--active{
    border: 2px solid black;
    background: none;
  }

  .pdpCompare__desktopCell{
        align-content: center;
  }

.canadaSite .pdpMain__pdpKA{
  display:none!important;
}

.pdpAcc button{
  color:black;
}

.abnbProdSlide__color[data-available="false"]{
  position:relative;
}
.abnbProdSlide__color[data-available="false"]:before{
    content: '';
    width: 100%;
    height: 1px;
    background: black;
    position: absolute;
    top: calc(50% + 0px);
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.abnbProdSlide__color[data-available="false"]:after{
      content: '';
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    top: calc(50% + 1px);
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.al2Prod__formRows{
  display: flex;
    flex-direction: column;
}

.al2Prod__formRows .al2Prod__prodRow, .al2Prod__formRows .al2Prod__keyOptionRow, .al2Prod__formRows .al2Prod__prodRow{
    order: 1 !important;
    margin-bottom:0;
}
.al2Prod__formRows .al2Prod__finishRow{
      order: 0 !important;
      padding-bottom:0px;
}

[data-hsfc-id=Renderer] .hsfc-ReCaptchaV2{
  min-height:0px!important;
}
.hsfc-Button{
  display: block!important;
    text-decoration: none!important;
    color: black!important;
    background: #FFD800!important;
    border-radius: 25px!important;
    height: 50px!important;
    line-height: 50px!important;
    text-align: center!important;
    width: max-content!important;
    font-size: 16px!important;
    font-family: "YaleSolis-Bold"!important;
    padding: 0px 40px!important;
    border: none!important;
}
.abnbSignup--hubspot .abnbSignup__wrapper{
  width:100%;
  max-width:800px;
}

[data-hsfc-id=Renderer] .hsfc-NavigationRow{
  margin-top:0!important;
}

.footer--formWrapper .hsfc-FormWrapper label{
  color:white!important;
}

.footer--formWrapper .hsfc-FormWrapper .hsfc-Step__Content{
  padding:0!important;
}

.approachApp__newRelease{
      background: linear-gradient(180deg, #FCF0A2 0%, #FFDA04 100%), linear-gradient(135deg, #FFF7CC 0%, rgba(255, 247, 204, 0) 100%);
    width: max-content;
    height: 30px;
    border-radius: 16px;
    padding: 0 13px;
    display: flex;
    margin: auto;
    margin-bottom: 30px;
}
.approachApp__newRelease span{
      font-weight: bold;
    text-transform: uppercase;
    font-family: 'YaleSolis-Bold';
    font-size: 14px;
    margin: auto;
}
.approachApp__legal{
      max-width: 680px;
    text-align: center;
}
.batteryInsight__appBox{
      background: #F5F5F5;
    padding-top: 40px;
    padding-bottom: 60px;
}