.upsell{
  box-shadow: 0 3px 10px 0 rgb(0 0 0 / 3%);
  
}

.card{-webkit-box-shadow:0 6px 20px 0 rgba(0,0,0,.15);box-shadow:0 6px 20px 0 rgba(0,0,0,.15)}.card__content{background-color:#111;padding:30px;text-align:left;color:#fff}.card__icon{margin-bottom:20px}.card__image{padding-top:100%;background-size:cover;background-position:50%}@media (min-width:48em){.card__image{display:none}}@media (min-width:72em){.card{display:-webkit-box;display:-ms-flexbox;display:flex}.card__content{padding:45px;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}.card__title{font-size:19px;color:#ffb81c}.card__image{display:block;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding:0}}
.product-single__title{color:#111111}.product__teaser{margin:20px 0 30px}
.product__learn-more{display:block;font-size:12px;font-weight:700;color:#ffb81c;text-decoration:underline}
.callout{display:block;margin:50px 0;background-color:#000;border:3px solid #ffb81c;border-radius:3px;padding:15px;text-align:center;color:#fff}.callout:first-child{margin-top:0}.callout__title{font-size:24px;color:#fff}.callout__button{margin-top:20px}@media (min-width:590px){.callout:not(.callout--small){padding:30px}}
.container{position:relative;width:90%;max-width:1200px;margin:0 auto}.container--medium{max-width:1000px}.container--small{max-width:640px}.container--xs{max-width:600px}.container--margin{margin:50px}auto}
.accreditation__item{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding:10px}.accreditation__logo{display:block;margin:0 auto;width:100%;max-width:120px}
.announcement__container{position:relative}.announcement__text{margin:5px 0;text-align:center}
.not-found{text-align:center}.not-found__image{max-height:30vh}.not-found__text{font-size:20px}.not-found__links{margin-top:50px}.not-found__link{display:block;margin-top:5px;font-weight:700;color:#3cc0cd}.not-found__link:active,.not-found__link:focus,.not-found__link:hover{color:#3cc0cd;opacity:.6}@media (min-width:769px){.not-found__title{font-size:52px}}
.product-emphasize{position:relative;margin:50px 0 80px;padding:50px 0;border-top:0px solid #fff;border-bottom:1px solid #e9e9e9;text-align:center}.product-emphasize--button{padding-bottom:70px}.product-emphasize__icon{margin-bottom:15px}.product-emphasize__button{position:absolute;bottom:0;left:50%;font-size:16px;white-space:nowrap;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}@media (min-width:590px){.product-emphasize__button{font-size:18px}}@media (min-width:769px){.product-emphasize{padding:50px 0 80px;text-align:left}.product-emphasize--button{padding-bottom:10px}.product-emphasize__description{padding-left:30px;margin:0;font-size:20px}.product-emphasize__button{font-size:22px}}@media (min-width:1050px){.product-emphasize__title{font-size:52px;line-height:1.1}}
.product-footer{margin-top:50px}.product-footer__grid{margin-left:-8px}.product-footer__grid-item{display:block;position:relative;height:320px;padding-left:8px;margin-bottom:8px;overflow:hidden}.product-footer__grid-item:after{content:"";display:block;position:absolute;width:8px;top:0;left:0;height:100%;background-color:#fff}.product-footer__grid-item:active .product-footer__image,.product-footer__grid-item:focus .product-footer__image,.product-footer__grid-item:hover .product-footer__image{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.7}.product-footer__image{position:absolute;top:0;left:8px;right:0;bottom:0;background-size:cover;background-position:50%;-webkit-transition:all .3s ease;transition:all .3s ease}.product-footer__image--half{background-position:100%}.product-footer__title{position:absolute;margin:0;line-height:1;left:24px;right:24px;bottom:24px}.product-footer__subtitle{display:block;margin-top:5px;font-size:16px}
.sizing-modal__title{font-size:12px;font-weight:700;color:#121212;text-decoration:underline;letter-spacing:0}.sizing-modal table{background-color:#ddd;font-size:12px}.sizing-modal tr:nth-child(odd){background-color:#f8f6f6}.sizing-modal td{background-color:#fff}




/*start ba-slider added by Reid W*/

.ba-slider {
  position: relative;
  overflow: hidden;
}

.ba-slider img {
  width: 100%;
  display: block;
}

.resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
}

.handle {
  /* Thin line seperator */
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  margin-left: -2px;

  background: rgba(0, 0, 0, 0.5);
  cursor: ew-resize;
}

.handle:after {
  /* Big orange knob  */
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;

  content: "\21d4";
  color: white;
  font-weight: bold;
  font-size: 36px;
  text-align: center;
  line-height: 64px;

  background: #ffb800; /* @orange */
  border: 1px solid #e6a600; /* darken(@orange, 5%) */
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3),
    inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 60px 50px -30px #ffd466; /* lighten(@orange, 20%)*/
}

.draggable:after {
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  line-height: 48px;
  font-size: 30px;
}
.resize img{
	max-width: inherit;
}

/*end  ba-slider added by Reid W*/

.site-nav__dropdown li:hover > a{
  background: #ffca07 !important;
}

/*start visor-visuals page added by Reid W*/
.vvcontainer {
  position: relative;
  width: 100%;
  
}

.vvcontainer img {
  width: 100%;
  height: auto;
}

.vvcontainer .btnvv {
  
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #f9c201;
  color: #fff;
  font-size: 12px;
  padding: 12px 24px;
  border-style: solid;
  cursor: pointer;
  border-radius: 5px;
  text-align: center;
  box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 25%);
  border-color: #111111;
  border-radius: 2px;
  text-align: center;
  
  padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    padding-right: 20px;
    border-top-width: 2px;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-right-width: 2px;
  text-decoration: none;
}

.vvcontainer .btnvv:hover {
  background-color: #f9c201;
  border-color: #fbfbfb;
}
/*end  visor-visuals page added by Reid W*/


.product-icons__background {
    background-color: transparent; width: 100%;
}
.product-icons__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 40px 0 10px;
}
.product-icon {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 135px;
    flex: 0 0 135px;
    margin-bottom: 30px;
    text-align: center;
}
@media (min-width: 30em) {
    .product-icon {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }
}
@media (min-width: 48em) {
    .product-icon {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
    }
}
.product-icon__icon-wrapper {
    height: 60px;
}
.product-icon__icon {
    margin-bottom: 10px;
}
.product-icon__label {
    max-width: 145px;
    margin: 0 auto;
    color: #777;
    font-size: 11px;
}
@media (min-width: 72em) {
    .product-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .product-icon__icon-wrapper {
        height: auto;
    }
    .product-icon__icon {
        margin-right: 10px;
        margin-bottom: 0;
    }
    .product-icon__label {
        max-width: none;
        margin: 0;
      color: #777
    }
}

/* strart image overlay */

@media (min-width:590px){
.pl-image{position:absolute!important;background-size:contain!important;background-repeat:no-repeat!important;z-index:1;}
  .pl-parent {
    position:relative;
}

.pl-container {
    cursor: pointer;
    position: absolute;
}

.pl-product {
    width: 740px;
    height: 518px;
    top: 0px;
}

.pl-collection {
    width: 100%;
    height: 100%;
    top: 0px;
}

.limespot-recommendation-box-item .pl-collection {
    top: 0px;
}

.pl-image {
    position: absolute !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 1;
}

.top_right {
    top: 10% !important;
    right: -2% !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateX(-50%);
    background-position: right top;
}
  


.top_center {
    top: -10% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%);
    background-position: center top;
}

.middle_right {
    top: 50% !important;
    right: 0% !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%);
    background-position: right center;
}

.middle_left {
    top: 50% !important; 
    left: 0% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%);
    background-position: left center;
}

.middle_center {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%);
    background-position: center center;
}

.bottom_right {
    bottom: 0% !important;
    right: 0% !important;
    left: auto !important;
    top: auto !important;
    background-position: right bottom;
}

.bottom_left {
    bottom: 2% !important;
    left: 0% !important;
    top: 0% !important;
    right: 0 !important;
    background-position: left bottom;
}
.bottom_center {
    bottom: 0% !important;
    left: 50% !important;
    top: auto !important;
    right: auto !important;
    transform: translateX(-50%);
    background-position: center bottom;
}

.pl-text { 
   position: absolute;
   text-align: center;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   z-index: 9999;
   width: 100%;
   line-height: normal;
}
}

@media (max-width:590px){
.pl-image{position:absolute!important;background-size:contain!important;background-repeat:no-repeat!important;z-index:1;}
  .pl-parent {
    position:relative;
}

.pl-container {
    cursor: pointer;
    position: absolute;
}

.pl-product {
    width: 740px;
    height: 518px;
    top: 0px;
}

.pl-collection {
    width: 100%;
    height: 100%;
    top: 0px;
}

.limespot-recommendation-box-item .pl-collection {
    top: 0px;
}

.pl-image {
    position: absolute !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    z-index: 1;
}

.top_right {
    top: 10% !important;
    right: -2% !important;
    bottom: auto !important;
    left: auto !important;
    transform: translateX(-50%);
    background-position: right top;
}
  


.top_center {
    top: -10% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%);
    background-position: center top;
}

.middle_right {
    top: 50% !important;
    right: 0% !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%);
    background-position: right center;
}

.middle_left {
    top: 50% !important; 
    left: 0% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%);
    background-position: left center;
}

.middle_center {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%);
    background-position: center center;
}

.bottom_right {
    bottom: 0% !important;
    right: 0% !important;
    left: auto !important;
    top: auto !important;
    background-position: right bottom;
}

.bottom_left {
    bottom: 2% !important;
    left: 0% !important;
    top: 0% !important;
    right: 0 !important;
    background-position: left bottom;
}
.bottom_center {
    bottom: 0% !important;
    left: 50% !important;
    top: auto !important;
    right: auto !important;
    transform: translateX(-50%);
    background-position: center bottom;
}

.pl-text { 
   position: absolute;
   text-align: center;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   z-index: 9999;
   width: 100%;
   line-height: normal;
}
}
/* end image overlay */