/** Shopify CDN: Minification failed

Line 12679:2 "marign-right" is not a known CSS property
Line 13402:22 Expected identifier but found "!"
Line 14414:4 Expected identifier but found "calc("
Line 17056:2 "padding-bototm" is not a known CSS property
Line 17235:4 "marign-top" is not a known CSS property
Line 22890:4 "marign" is not a known CSS property
Line 23194:0 Unexpected "}"

**/
#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{
        position: initial;
    transform: none;
    background: #F8F8F8;
    padding-top: 30px;
    margin:auto;
    padding-bottom: 10px;
  }
  .boxBanner__text{
    margin: auto;
    text-align: center;
    max-width: 600px;
  }
  .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__sideBarColumn{
  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;
}
.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: 999999;!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;
}

@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 );
  }

  #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;
}
.liftSBS__image{
      width: 100%;
    height: 100%;
    object-fit: cover;
}
.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: 40px 20px;
    padding-top: 20px;
}
.liftFourCard__title{
      font-size: 18px;
}
.liftFourCard__text{
      line-height: normal;
    padding-top: 10px;
}
.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;
}
.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__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");
}
.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;
}

#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;
}