body, html {width:100%;}
.grecaptcha-badge, .visibility-hidden { visibility: hidden; }

img.object-top-center {object-position:top center; top:0;}
img.object-center-center {object-position:center center !important;}
img.object-bottom-left {object-position:bottom left;}

.btn-transition {transition:0.3s;}

a.underline {text-decoration:underline;}

.ifit-blue {color:#007cbb;}

.bg-promo-red {background:#C4292F;}
.promo-red {color:#C4292F;}

.bg-johnson-red {background:#C4292F;}
.bg-equipment-gray {background:#4D4D4D;}
.bg-modern-steel {background:#C8D0D8;}
.bg-oxford-blue {background:#303039;}
.bg-holiday-green {background:#9bc5a4;}

.bg-carolina-blue {background:#3096D3;}
.bg-claret {background:#680F2F;}
.bg-pale-silver {background:#CCBCAC;}
.bg-marigold {background:#E5A131;}

.hover-bg-johnson-red:hover {background:#C4292F;}

.johnson-red {color:#C4292F;}
.equipment-gray {color:#4D4D4D;}
.modern-steel {color:#C8D0D8;}
.oxford-blue {color:#303039;}
.holiday-green {color:#9bc5a4;}

.carolina-blue {color:#3096D3;}
.claret {color:#680F2F;}
.pale-silver {color:#CCBCAC;}
.marigold {color:#E5A131;}


.b--johnson-red, .b--jfw-red {border-color:#C4292F;}
.b--equipment-gray {border-color:#4D4D4D;}
.b--modern-steel {border-color:#C8D0D8;}
.b--oxford-blue {border-color:#303039;}
.b--holiday-green {border-color:#9bc5a4;}

.b--carolina-blue {border-color:#3096D3;}
.b--claret {border-color:#680F2F;}
.b--pale-silver {border-color:#CCBCAC;}
.b--marigold {border-color:#E5A131;}

.b--new-years {border-color:rgba(246, 222, 35, .6);}
.new-years {color:rgba(246, 222, 35, .6);}
.bg-new-years {background:#303039;}

.outlined-text.white-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#C4292F;}
.outlined-text.johnson-red-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#C4292F;}
.outlined-text.equipment-gray-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#4D4D4D;}
.outlined-text.modern-steel-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#C8D0D8;}
.outlined-text.oxford-blue-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#303039;}
.outlined-text.carolina-blue-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#3096D3;}
.outlined-text.claret-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#680F2F;}
.outlined-text.pale-silver-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#CCBCAC;}
.outlined-text.marigold-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#E5A131;}
.outlined-text.holiday-outline {color:transparent; -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #C04848;}
.outlined-text.holiday-green-outline {color:transparent; -webkit-text-stroke-width: 1px;  -webkit-text-stroke-color: #9bc5a4;}
.outlined-text.ow2 {-webkit-text-stroke-width: 2px !important;}

.humane-header h2, .category-title .humane-header, h2.humane {display:inline-flex; font-size: 4.4rem; line-height:0.9; font-weight:normal; font-family: humane_bold, sans-serif;}
.gotham {font-family: gotham_bold, sans-serif;}

.owl-carousel.owl-hidden.owl-loaded {opacity:1.0;}

.jfw-btn {background:#4D4D4D; color:#fff;}




label {margin-bottom:0; font-size:14px; color:#4d4d4d;}

button, button:hover {transition:0.3s;}

ul.no-bullets, ul.no-bullets li {list-style-type:none;}
ul.bullets, ul.bullets li {list-style-position:inside;}

.btn-shrink {transition:0.6s;}
.btn-shrink:hover {transform:scale(0.98);transition:0.6s;}

.btn, .btn:hover {text-decoration:none;}
/*.btn, .br-pill {line-height:1.0;}*/

.rounded-img-wrap, .pd-2022 .hero-img-wrap, .pd2022 .vh-50.vh-75-ns.bg-dark-gray {overflow:clip; -webkit-mask-image:-webkit-radial-gradient(white, black);}

/* Start ZenDesk Chat */

iframe#launcher {z-index: 998 !important;}

/* End ZenDesk Chat */


/* START FORM FIELDS */

.large-checkbox-custom input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.large-checkbox-custom input[type=checkbox] + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.large-checkbox-custom input[type=checkbox] + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #fff;
  border:solid 1px #C8D0D8; 
  -webkit-border-radius:4px;
  border-radius:4px;
	margin-top:-2px;
	margin-bottom:3px;
}
.large-checkbox-custom input[type=checkbox]:hover + label:before {
  background: #C8D0D8;
}
.large-checkbox-custom input[type=checkbox]:focus + label:before {
  background: #C8D0D8;
}
.large-checkbox-custom input[type=checkbox]:checked + label:before {
  background: #303039;
}
.large-checkbox-custom input[type=checkbox]:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.large-checkbox-custom input[type=checkbox]:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.large-checkbox-custom input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 1px;
  width: 4px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.custom-check-wrap {padding-right:8px;}
.custom-check-wrap label.custom-check {display:inline-flex; justify-content:center; align-items:center; padding:4px 8px; position:relative; user-select: none; cursor:pointer; border:solid 1px #ccc; font-size:14px; border-radius:6px; transition:0.3s;}
.custom-check-wrap:last-child {padding-right:0;}
.custom-check-wrap input {position:absolute; top:0; left:0; cursor:pointer; height:0; width:0; visibility: hidden;}
.custom-check-wrap .checkmark {display:none; font-size:14px; margin-left:5px; transition:0.3s;}

.custom-check-wrap label.custom-check:hover {background:#ccc;}
.custom-check-wrap input:checked + label.custom-check {background:#303039; border-color:#303039; color:#fff;}
.custom-check-wrap input:checked + label.custom-check .checkmark {display:inline-block;}

#checkout .custom-check-wrap, .checkout-23 .custom-check-wrap {padding:0; position:relative;}
#checkout .custom-check-wrap label.custom-check, .checkout-23 .custom-check-wrap label.custom-check {justify-content:flex-start; padding:1.5rem; background:#fff; border-color:#4D4D4D; box-sizing:border-box;}
#checkout .custom-check-wrap label.custom-check .checkmark, .checkout-23 .custom-check-wrap label.custom-check .checkmark  {margin-left:0; width:24px; margin-right:0.5rem;}

#checkout .custom-check-wrap input:checked + label.custom-check, .checkout-23 .custom-check-wrap input:checked + label.custom-chec {background:#303039; border-color:#303039; color:#fff;}

#checkout .custom-check-wrap input:checked + label.custom-check {}



/* Customize the label (the container) */
.simple-custom-check {
  display: block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.simple-custom-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.simple-custom-check .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #f5f5f5;
	border:solid 1px #C8D0D8;
 -webkit-border-radius:0.5rem;;
	border-radius:0.5rem;
}

/* On mouse-over, add a grey background color */
.simple-custom-check:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.simple-custom-check input:checked ~ .checkmark {
  background-color: #303039;
	border-color: #303039;
}

/* Create the checkmark/indicator (hidden when not checked) */
.simple-custom-check:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.simple-custom-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.simple-custom-check .checkmark:after {
  content: "";
  position:absolute;
  left: 5px;
  top: 1px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.accordion-header {cursor:pointer; position:relative; padding-right:2.5rem;}
.accordion-header:after {font-family: 'Material Icons'; content:'keyboard_arrow_down'; position:absolute; top:50%; right:0.25rem; transform:translateY(-50%); transition:0.3s;}
.accordion-header.active:after {transform:translateY(-50%) rotate(180deg);}

.kit-product .custom-check-wrap {padding-right:0;}
.kit-product .custom-check-wrap label.custom-check {justify-content:flex-start;}

#content-wrapper input[type=text], #content-wrapper input[type=password], #content-wrapper input[type=email], #content-wrapper select, #content-wrapper textarea {background-color:#fff !important; border:solid 1px #ccc !important; padding:8px;}
#cat-name-sort select {border:none !important; padding:16px;}
#content-wrapper .store_bar input.locator-search {background-color:transparent !important; border:none !important;}

#content-wrapper .bg-white input[type=text], #content-wrapper .bg-white input[type=password], #content-wrapper .bg-white input[type=email], #content-wrapper .bg-white select, #content-wrapper .bg-white textarea {background-color:#f5f5f5 !important;}

.vertical-grad-w-100-0 {position:relative;}
.vertical-grad-w-100-0:before {content:''; position:absolute; top:0; left:0; right:0; height:200px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);}


.shipping-options-wrap {margin-left:-8px; margin-right:-8px; width:calc(100% + 16px);}

.shipping-options .shipping-input-wrap, .custom-checkbox-wrap .custom-input-wrap {padding-right:8px; padding-left:8px; padding-bottom:16px; flex-basis:100%; align-items:stretch; display:flex; position:relative; min-width:33.333%; max-width:100%;}
.shipping-options.location-options .shipping-input-wrap {}
.shipping-options .shipping-input-wrap label, .custom-checkbox-wrap .custom-input-wrap label {display:inline-flex; width:100%; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; align-content:flex-start; padding:0.75rem; background:#fff; position:relative; user-select: none; cursor:pointer; border:solid 2px #C8D0D8; border-radius:0.5rem; transition:0.3s;}

.shipping-options .shipping-input-wrap input, .custom-checkbox-wrap .custom-input-wrap input {position:absolute; top:0; left:0; cursor:pointer; height:0; width:0; opacity:0;}
.shipping-options .shipping-input-wrap .checkmark, .custom-checkbox-wrap .custom-input-wrap .checkmark {opacity:0; font-size:24px; position:absolute; top:0.5rem; right:0.5rem; color:#303039; transition:0.3s;}

.shipping-options .shipping-input-wrap .ship-with-parent .checkmark {opacity:1.0; font-size:24px; position:absolute; top:0.5rem; right:0.5rem; transition:0.3s; color:#19a974;}


.shipping-options .shipping-input-wrap label:hover, .custom-checkbox-wrap .custom-input-wrap label:hover {transform:scale(0.98); border-color:rgba(14, 21, 40, .50);}
.shipping-options .shipping-input-wrap label:hover .checkmark, .custom-checkbox-wrap .custom-input-wrap label:hover .checkmark {opacity:0.5;}
.shipping-options .shipping-input-wrap input:checked + label, .custom-checkbox-wrap .custom-input-wrap input:checked + label {border-color:#303039;}
.shipping-options .shipping-input-wrap input:checked + label .checkmark, .custom-checkbox-wrap .custom-input-wrap input:checked + label .checkmark {opacity:1.0;}

.shipping-options .shipping-input-wrap label .shipping-name {font-size:1.5rem;}

/*END FORM FIELDS */

.w-auto {width:auto !important;}
.center-content.flex, .center_content.flex {display:flex;}

.lb-content-wrapper {z-index:99;}
.lb-content {position:absolute; top:50%; left:50%; width:calc(100vw - 2rem); max-width:600px; background:#fff; border-radius:0.5rem; transform:translate(-50%, -50%); padding:3rem; max-height:calc(100vh - 2rem); overflow-x:auto;}
.lb-content.mxw-1600px {max-width:1600px; border-radius:1.5rem;}
#lb-compare-kits.lb-content {max-width:calc(100vw - 2rem); width:auto;}


.compare-table .w-100 {min-width:100%; width:auto; align-items:strech; align-content: stretch;}
.compare-table .w-100:nth-child(even) > div {background:#f5f5f5;}
.compare-table .w-100:nth-child(odd) > div:first-child {background:#fff; z-index: 2;}
.compare-table .w-100:nth-child(even) > div:first-child {border-top-left-radius:0.5rem; border-bottom-left-radius:0.5rem; background:#f5f5f5; z-index: 2;}
.compare-table .w-100:nth-child(even) > div:last-child {border-top-right-radius:0.5rem; border-bottom-right-radius:0.5rem;}

.hero-bg {top:0; left:0; object-fit:cover; width:100%; height:100%;}
/*.hero-bg.object-cover {visibility: hidden;}*/
.category-overview {position:relative;}
.category-overview.min-vh-50, .category-overview.category-img-wrap  {height:75vh; min-height:600px;}
.category-overview.mh-600 {min-height:600px;}
.category-overview.category-img-wrap {margin-bottom:4rem;}
.category-overview:before {content:''; position:absolute; z-index:2; bottom:0; left:0; right:0; height:100%; background: rgb(14,21,40); background: linear-gradient(8deg, rgba(14,21,40,0.72) 16%, rgba(14,21,40,0) 50%);}
.category-overview.no-overlay:before {display:none;}

.absolute.top {top:0;}
.absolute.left {left:0;}
.absolute.bottom {bottom:0;}
.absolute.right {right:0;}

.bottom-black-gradient.bg-oxford-blue {background:#303039;}
.bottom-black-gradient.bg-claret {background:#680F2F;}

.min-vh-75 {min-height:85vh;}
.min-vh-70 {min-height:70vh;}
.min-vh-50 {min-height:50vh;}
.min-vh-40 {min-height:40vh;}
.min-vh-25 {min-height:25vh;}


.mv-n1 {margin-left:-0.5rem; margin-right:-0.5rem;}
.mv-n2 {margin-left:-1.0rem; margin-right:-1.0rem;}
.mv-n3 {margin-left:-1.5rem; margin-right:-1.5rem;}

.mv-n3-cmv3 {margin:0 -1.0rem;}

.mv-n4 {margin:0 -2rem;}
.w-100.mv-n4 {width:calc(100% + 4rem);}
.w-100.mv-n3 {width:calc(100% + 3rem);}
.w-100.mv-n3-cmv3 {width:calc(100% + 2rem);}
.w-100.mv-n2 {width:calc(100% + 2rem);}
.w-100.mv-n1 {width:calc(100% + 1rem);}
.w-12px {width:12px;}
.w-14px {width:14px;}
.w-16px {width:16px;}
.w-20px {width:20px;}
.w-24px {width:24px;}
.w-30px {width:30px;}
.w-40px {width:40px;}
.w-50px {width:50px;}
.w-60px {width:60px;}
.w-65px {width:65px;}
.w-75px {width:75px;}
.w-80px {width:80px;}
.w-85px {width:85px;}
.w-100px {width:100px;}
.w-120px {width:120px;}
.w-120 {width:120%;}

.h-8px {height:8px;}
.h-16px {height:16px;}
.h-24px {height:24px;}
.h-25px {height:25px;}
.h-30px {height:30px;}
.h-35px {height:35px;}
.h-40px {height:40px;}
.h-50px {height:50px;}
.h-65px {height:65px;}
.h-75px {height:75px;}
.h-80px {height:80px;}
.h-85px {height:85px;}
.h-100px {height:100px;}
.h-120px {height:120px;}

.vh-120 {height:120vh;}

.kit-bullets ul, ul.checklist, #hl-single-container > .item > .hl-content ul {list-style-type: none;}
.kit-bullets ul li, ul.checklist li, #hl-single-container > .item > .hl-content ul li {padding:0 0 0 25px; margin-left:0; position:relative; margin-bottom:1rem; display:block;}
.kit-bullets ul li:before, ul.checklist li:before, #hl-single-container > .item > .hl-content ul li:before {content: 'check_circle_outline'; position:absolute; top:1px; left:0; font-family: 'Material Icons'; color:#999;}

.kit-description ul.checklist {margin-top:0.5rem;}
.kit-description ul.checklist li {padding:0 0 0 16px; margin-bottom:0.75rem; font-size:14px;}

.kit-bullets ul {padding-right:2.5rem;}
.kit-bullets ul li {font-size:12px; padding-left:16px; margin-top:0 !important; margin-bottom:0.5rem;}

p.small, span.small {font-size:14px;}
p.disclaimer {font-size:13px;}

.pullup4 {position:relative; z-index:2; margin-top:-4rem; overflow:visible;}
.pullup5 {position:relative; z-index:2; margin-top:-5rem; overflow:visible;}
.pullup5.z-1 {z-index:1;}
.pullup6 {position:relative; margin-top:-6rem; overflow:visible;}
.pullup7 {position:relative; margin-top:-7rem; overflow:visible;}
.pullup8 {position:relative; margin-top:-8rem; overflow:visible;}
.pullup10 {position:relative; z-index:2; margin-top:-10rem; overflow:visible;}
.pullup10.z-1 {z-index:1;}
.pullup12 {position:relative; z-index:2; margin-top:-12rem; overflow:visible;}
.pullup14 {position:relative; z-index:2; margin-top:-14rem; overflow:visible;}
.pullup14.z-1 {z-index:1;}
.pullup-24 {position:relative; z-index:1; margin-top:-24rem; overflow:visible;}
.pullup-32 {position:relative; z-index:1; margin-top:-32rem; overflow:visible;}

.pullup-10 {position:relative; z-index:2; margin-top:-10px; overflow:visible;}
.pullup-20 {position:relative; z-index:2; margin-top:-20px; overflow:visible;}
.pullup-25 {position:relative; z-index:2; margin-top:-25px; overflow:visible;}
.pullup-30 {position:relative; z-index:2; margin-top:-30px; overflow:visible;}
.pullup-40 {position:relative; z-index:2; margin-top:-40px; overflow:visible;}
.pullup-50 {position:relative; z-index:2; margin-top:-50px; overflow:visible;}
.pullup-100 {position:relative; z-index:2; margin-top:-100px; overflow:visible;}

.pullup-32vh {margin-top:-32vh;}


/*.card-ol-left, .card-ol-right {position:relative; z-index:2; width:calc(100% + 100px); overflow:hidden;}
.card-ol-right {margin-left:-100px;} */
.card-ol-left, .card-ol-right {background:transparent; padding:0;}
.card-ol-left {padding-right:6rem;}
.card-ol-right {padding-left:6rem;}

.br5 {-webkit-border-radius:2rem; border-radius:2rem;}
.br5.br--top {-webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:0;}



.text-over-img-wrap {position:relative; z-index:2;}
.text-over-img-wrap .text-content {z-index:2; position:absolute; bottom:0; left:0;}

img.object-cover {min-width:100%; min-height:100%; object-fit: cover;}
img.object-contain {width:100%; height:auto; max-width:100%; max-height:100%; object-fit: contain;}
img.object-top, video.object-top, .object-top {object-position:center top; top:0;}
img.object-top.object-right, video.object-top.object-right, .object-top.object-right {object-position:right 22% top 0; top:0;}

/*.shrink-scale:hover {transform:scale(0.98);}

.card-link.shrink {box-shadow: inset 0px 0px 0px 0px #FFFFFF; transition:0.6s;}
.card-link.shrink:hover {box-shadow: inset 0px 0px 0px 0.5rem #FFFFFF; border-radius:2rem;}
.card-link.shrink.shrink-eee:hover {box-shadow: inset 0px 0px 0px 0.5rem #EEEEEE;}*/
.card-link.shrink .grow {transition:0.6s;}
.card-link.shrink:hover .grow {transform:scale(1.05);}
.card-link.shrink:hover .grow.center-center {transform:translate(-50%, -50%) scale(1.05);}

/*.card-link.shrink-scale {transition:0.6s;}
.card-link.shrink-scale:hover {transform:scale(0.98); border-radius:2rem;}*/
.card-link.shrink-scale img {transition:0.6s;}
.card-link.shrink-scale:hover img {transform:scale(1.05);}

.card-link.before-top-left:before {content:''; position:absolute; top:0; left:0; z-index: 2;  width:50%; height:50%; background:rgb(14, 21, 40); background:linear-gradient(135deg, rgba(14, 21, 40,0.95) 0%, rgba(14, 21, 40,0) 60%);}

#lb-wrapper-autonewsletter #lb-autonewsletter {width:calc(100% - 4rem); max-width:800px; max-height:calc(100% - 4rem); overflow:auto;}
#lb-wrapper-autonewsletter form {display:flex; justify-content:space-between; padding:0.5rem 0.5rem 0.5rem 2rem; background:#fff; border:solid 2px #C8D0D8; color:#4D4D4D; border-radius:999px;}
#lb-wrapper-autonewsletter label {display:none;}
#lb-wrapper-autonewsletter input[type=email] {width:calc(100% - 125px); border:none !important; background:#fff;}
#lb-wrapper-autonewsletter input[type=submit] {position:absolute; top:2px; right:2px; z-index:2; font-size:18px;}
#lb-wrapper-autonewsletter.lb_wrapper .close-btn {top:2rem; right:2rem;}
#lb-wrapper-autonewsletter.lb_wrapper img.object-cover {top:50%; transform:translateY(-50%);}

.autonewsletter-btn {position:fixed; bottom:2rem; left:6rem; background:#303039; border:solid 2px #fff; border-radius:999px; padding:1rem 2rem; z-index:99 !important; color:#fff; font-weight:bold; cursor:pointer;}

.quote-float-btn {position:fixed; bottom:-5rem; left:2rem; background:#C4292F; border:solid 2px #fff; border-radius:999px; padding:0.75rem 1.5rem; z-index:99 !important; color:#fff; font-weight:bold; cursor:pointer; font-size:16px; font-weight:300; transition:0.6s; text-decoration:none;}
.quote-float-btn .material-icons {font-size:16px; height:16px;}
.quote-float-btn.active {bottom:2rem;}

.product_details #promo-order {width:520px; max-width:100%;}
#promo-order-details.lb_wrapper .close-btn {top:2rem; right:2rem;}


/* START NAVIGATION */

#cookie-consent {position:fixed; z-index: 99999; bottom:2rem; right:2rem; right:2rem; width:calc(50% - 4rem); box-shadow:0px 8px 24px -8px rgb(0 0 0 / 18%); background:#fff; -webkit-border-radius:1rem; border-radius:1rem; border:solid 2px #303039; transition:0.6s; transform:translateY(0px);}
#cookie-consent.clicked {transform:translateY(300px);}

header {width:100%; float:left; display:flex; justify-content:center; flex-wrap:wrap; z-index:999; position:relative;}
header:before {content:''; opacity:0; visibility: hidden; transition:0.3s; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, .7); backdrop-filter: blur(4px); z-index: 4; }
header.active:before {opacity:1.0; visibility: visible;}

menu.utility-nav {margin:-1px 0 0 0; padding-left:0; padding:0.5rem 0;}
menu.utility-nav a {text-decoration:none;}


menu.utility-nav .microsite-selection .site-selection-btn {padding:0.75rem 1.25rem; display:inline-block; border-radius:999px; color:#303039; font-size:14px;}
menu.utility-nav .microsite-selection .site-selection-btn.active {background:#303039; color:#fff;}

menu.utility-nav .utility-btns a {font-size:12px; color:#303039;}
menu.utility-nav .material-icons, .icon-sm {font-size:14px;}
.icon-xs {font-size:12px;}
menu.utility-nav .flag-icon {height:14px; width:14px;}
.icon-xsm {font-size:12px;}

.promo-strip {height:60px; transition:height 0.6s; transition-delay:0.3s;}
.promo-strip.loaded {height:60px;}
.promo-strip div.promo-strip-content {position:relative;}
.promo-strip div.promo-strip-content .owl-next, .promo-strip div.promo-strip-content  .owl-prev {position:absolute; top:calc(50% - 20px); margin:0; background:transparent !important; }
.promo-strip div.promo-strip-content .owl-next button, .promo-strip div.promo-strip-content  .owl-prev button {color:rgba(255, 255, 255, .68) !important;}
.promo-strip div.promo-strip-content .owl-prev {left:-30px;}
.promo-strip div.promo-strip-content .owl-next {right:-30px;}
.promo-strip div.single-promo {position:relative;}
.promo-strip div.single-promo:after {content:''; position:absolute; top:50%; right:0; height:50%; transform:translateY(-50%); border-right:solid 1px rgba(255, 255, 255, .5);}
.promo-strip div.single-promo:last-child:after {display:none;}


/*nav.main-nav {width:calc(100% - 4rem); position:absolute; top:calc(25px + 2rem); left:2rem; z-index:9998; border-radius:1rem; background:#fff; display:flex; align-items:stretch; justify-content: space-between;}*/
nav.main-nav {width:calc(100% - 2rem); height:calc(62px + 1.5rem); margin:0.75rem 1rem; max-width:1600px; position:relative; z-index:998; display:flex; align-items:stretch; justify-content: space-between;}
header.active nav.main-nav, header nav.main-nav:hover {border-radius:1rem 1rem 0 0; background:#fff;}
nav.main-nav .nav-logo {position:absolute; top:0; left:0; padding:2.25rem 3rem; width:200px; height:auto;}
nav.main-nav ul.nav-primary {margin-left:200px; margin-top:0;}
nav.main-nav ul.nav-primary, nav.main-nav ul.nav-actions {margin-bottom:0; display:flex; align-items:stretch;}
nav.main-nav ul.nav-primary > li > button, nav.main-nav ul.nav-primary > li > a, nav.main-nav ul.nav-actions button, nav.main-nav ul.nav-actions li > span {padding:3.5rem 2rem; font-size:14px; font-weight:600;}
nav.main-nav ul.nav-primary > li > button, nav.main-nav ul.nav-primary > li > a {font-family: "acumin-pro", sans-serif; color:#666; font-weight:600; position:relative; transition:0.3s;}
/*nav.main-nav ul.nav-primary > li > button:hover {color:#4D4D4D;}*/


.sub-nav-columns.bf25 > div {padding-right:1.5rem;}
.sub-nav-columns.bf25 .bg-black.top-left-oxford-blue-gradient:before {content:''; position:absolute; top:0; left:0; z-index: 2; height:50%; width:100%; background: #121212; background: linear-gradient(340deg, rgba(18, 18, 18, 0) 50%, rgba(18, 18, 18, 0.64) 100%)}
.sub-nav-columns.bf25 .sub-nav-sale-item .sale-text {font-size:20px; bottom:2rem; left:2rem;}

.sub-nav-columns.bf25 .bg-black.top-left-oxford-blue-gradient:after {background-image:linear-gradient(0deg, rgba(14, 21, 40, .7) 0%, rgba(14, 21, 40, 0.0) 40%)}


nav.main-nav ul.nav-primary > li > button.active:after, nav.main-nav ul.nav-primary > li > a.active:after {background:#9d1c28;}
nav.main-nav ul.nav-actions * {font-size:14px; font-weight:normal;}
nav.main-nav ul.nav-actions > li a {font-family: upgrade-lights, sans-serif; text-decoration:none; transition:0.3s; font-weight:normal; color:#666;}
nav.main-nav ul.nav-actions > li a:hover {color:#4D4D4D;}
nav.main-nav ul.nav-actions li:last-child button {padding-right:3rem;}
nav.main-nav ul > li {display:flex; align-items:center;}
nav.main-nav ul.nav-actions img {height:20px; width:auto;}

nav.main-nav ul.nav-actions > li a.cta-btn {color:#fff; background:#C4292F; padding:1rem 2rem; border-radius:99px; margin-right:3rem; margin-left:2rem;}

.regional-east, .regional-central, .regional-west  {display:none;}
nav.main-nav ul > li.regional-east, nav.main-nav ul > li.regional-central, nav.main-nav ul > li.regional-west {display:none;}
.regional-ok {display:inline-block;}
.regional-ok.flex.flex, .product.regional-ok {display:flex;}
nav.main-nav ul > li.regional-ok {display:inline-flex;}

nav.main-nav ul.nav-primary a {color:#303039;}
nav.main-nav ul.nav-primary a:hover {text-decoration:none; color:#303039;}

nav.main-nav ul.nav-actions .cart-count-wrap {position:absolute; display:flex; align-items:center; justify-content:center; top:25px; right:20px; width:20px; height:20px; border-radius:50%; -webkit-border-radius:50%; background:#9d1c28; color:#fff; font-size:10px;  text-align:center; line-height:1; transition:0.3s; font-weight:normal; }
nav.main-nav ul.nav-actions .cart-count-wrap .cart-count, nav.main-nav ul.nav-actions .quote-count-wrap .quote-count {line-height:1.0;}
nav.main-nav ul.nav-actions .quote-count-wrap {position:absolute; display:flex; align-items:center; justify-content:center; top:25px; right:15px; width:20px; height:20px; border-radius:50%; -webkit-border-radius:50%; background:#9d1c28; color:#fff; font-size:10px;  text-align:center; line-height:1; transition:0.3s; font-weight:normal; }

nav.main-nav .mega-nav.sub-nav-wrap {position:absolute; top:72px; left:0; width:100%; height:calc(100vh - 6rem - 148px);  z-index:-1; background:#fff; opacity:1.0; border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; padding:2rem; overflow:hidden; overflow-y:auto;}
nav.main-nav .mega-nav.sub-nav-wrap .sub-nav-title {font-size:2rem; width:100%; display:inline-block;}
nav.main-nav .mega-nav.sub-nav-wrap .sub-nav-title.dn {display:none;}
.sub-nav-columns {display:flex; flex-wrap:wrap; justify-content: flex-start; align-items:flex-start; align-content:flex-start;}
.sub-nav-title {padding:0 2rem; width:auto;}
.sub-nav-title span {position:relative; display:inline-block; padding-right:1.75rem; font-family: "acumin-pro", sans-serif;}
.sub-nav-title span:after {font-family: 'Material Icons'; position:absolute; top:50%; right:0rem; content:'\e5e1'; transform:translateY(-50%); color:#999; font-size:12px;}
.sub-nav-columns {padding:2rem;}


.sub-nav-columns > div {padding-right:5rem;}
.sub-nav-sale-item {display:block; width:calc(100% - ); position:relative; overflow:hidden; margin:0.5rem 0;}
.sub-nav-sale-item:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(0, 0, 0); background:linear-gradient(0deg, rgba(14, 21, 40, .7) 10%, rgba(14, 21, 40, 0.0) 90%); z-index:2;}
.sub-nav-sale-item-wrap .token {position:absolute; z-index:3; top:-0.5rem; left:0.5rem; background:#fff; color:#303039; font-size:10px; text-transform:uppercase; padding:0.25rem 0.75rem; border-radius:25px; border:solid 1px #C8D0D8; font-weight:600; letter-spacing:2px;}
.sub-nav-sale-item .sale-text {position:absolute; z-index:3; bottom:1.25rem; left:1.25rem; color:#fff; font-size:1.5rem; line-height:1.0; font-family: "acumin-pro", sans-serif; font-weight:300;}
.sub-nav-cat-group.text-links a {display:inline-block; width:100%; padding:0.2rem 0rem; font-size:14px; font-family: "acumin-pro", sans-serif; font-weight:400; color:#4d4d4d;}
.sub-nav-cat-group a.sub-nav-cat-title {font-size:16px; font-family: "acumin-pro", sans-serif; font-weight:500;}
.sub-nav-cat-group {margin-bottom:2rem;}
.sub-nav-cat-group.text-links a {color:#303039;}

nav.main-nav ul.nav-primary .sub-nav-cat-group div a {color:#4d4d4d;}
nav.main-nav ul.nav-primary .sub-nav-cat-group a.sub-nav-sale-item {padding:0;}
nav.main-nav ul.nav-primary .sub-nav-cat-group a:hover {color:#4D4D4D; text-decoration:underline;}
nav.main-nav ul.nav-primary .sub-nav-cat-group a:hover > span {text-decoration:none;}

#searchFrm {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .7);  z-index:9999;  backdrop-filter: blur(4px);}
#searchFrm .search-wrapper {display:none; position:absolute; top:25px; left:50%; transform:translateX(-50%); width:calc(100% - 2rem); max-width:1600px; height:calc(100% - 4rem - 25px);  z-index:2; background:#fff; opacity:1.0; border-radius:1rem; display:flex; justify-content:center; align-items:flex-start; padding-top:50px; padding-right:5px; padding-left:5px;}
#searchFrm .search-wrapper .search-content {width:100%;  max-width:500px;}
#searchFrm .search-bar {width:100%; position:relative; height:68px; z-index:5; background:#f5f5f5; border-radius:35px;}
#searchFrm .search-bar input[type=text] {position:absolute; top:4px; left:135px; bottom:2px; right:50px; width:calc(100% - 185px); padding:8px 5px; line-height:1.0;  -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .0); box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, .0); text-align:left; background:transparent !important; border:none !important;  color:#4D4D4D; font-weight:100; font-size:18px;}
#searchFrm .search-bar .search_options {float:left; width:125px; border-radius:0; -webkit-border-radius:0; height:68px; position:relative; border:none; background-color:transparent !important; border-top-left-radius:35px; border-bottom-left-radius:35px;}
#searchFrm .search-bar select {position:absolute; top:5px; left:5px; border-radius:35px; background-color:#fff; font-size:14px; height:58px; border:none; color:#666; font-weight:100; outline:0; padding:20px;  border-top-left-radius:35px; border-bottom-left-radius:35px; }
#searchFrm .search-bar .closeSearch {position:absolute; top:5px; right:5px; border-radius:35px; color:#fff; text-align:center; cursor:pointer; height:58px; width:58px; line-height:1.0; font-weight:100; display:flex; justify-content: center; align-items: center; }
#searchFrm .search-bar .closeSearch .material-icons {color:#4d4d4d; transition:0.3s;}
#searchFrm .search-bar .closeSearch:hover .material-icons {color:#4D4D4D; transition:0.3s;}
.search-content .popular-searches {position:relative; transition:0.3s; z-index:3;}
.search-content .not-active {margin-top:100px; z-index:0; opacity:0; height:0; margin-top:0;}
.popular-searches p {color:#666;}
.popular-searches a {color:#666; font-family: upgrade-lights, sans-serif;}
.popular-searches a:hover {color:#9c1926;}


/* END NAVIGATION */



#content-wrapper {margin-top:0px; float:left; width:100%;}
.plp #content-wrapper, .plp-search #content-wrapper, .pdp #content-wrapper {margin-top:-20px;}

/* START HOMEPAGE */


.video-wrap.absolute {bottom:0; right:0;}
.mega-outlined {left:50%; text-transform:uppercase; transform:translateX(-50%); font-size:8rem; color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#fff; line-height: 1.0;}
.hero-wrap .mega-outlined {left:0;}



.outlined-text.white-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#fff;}

.main-home-page .hero-wrap, .main-home-page .hero-wrap .hero-card-slide, .hero-wrap {position:relative;}
.center_content > .hero-wrap {min-height:75vh;}
.main-home-page .hero-wrap h1.holiday-font {font-size: clamp(6rem, 4.8vw, 8rem); letter-spacing:8px; text-transform:uppercase; font-family: gotham_bold, sans-serif;}
.main-home-page .hero-wrap.bg-oxford-blue:before {content:''; top:0; left:0; width:100%; height:100%; position:absolute; /* background-image:url("../images/2022/SVG/bg-wrapping-light-blue-tree.svg"); background-size:50% auto; background-position:top left; background-repeat:repeat; */ z-index:2; opacity:0.35;}
.commercial-home.main-home-page .hero-wrap:before {display:none;}
.main-home-page .hero-wrap.bg-claret:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(104, 15, 47); background:linear-gradient(90deg, rgba(104, 15, 47,0.65) 30%, rgba(104, 15, 47, 0) 90%); z-index:2;}
.main-home-page .hero-wrap.bg-johnson-red:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgb(196, 41, 47); background:linear-gradient(90deg, rgba(196, 41, 47,0.65) 30%, rgba(196, 41, 47, 0) 90%); z-index:2;}
.main-home-page .hero-wrap.bg-oxford-blue:after, .hero-wrap.bg-oxford-blue:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(14, 21, 40); background:linear-gradient(90deg, rgba(14, 21, 40,0.65) 30%, rgba(14, 21, 40, 0) 90%); z-index:2;}
.main-home-page .hero-wrap.bg-black:after, .black-bottom-overlay:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(0, 0, 0); background:linear-gradient(0deg, rgba(0, 0, 0,0.65) 30%, rgba(0, 0, 0, 0) 90%); z-index:2;}
.main-home-page.home-fitness .video-wrap:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(14, 21, 40); background:linear-gradient(0deg, rgba(14, 21, 40,0.65) 30%, rgba(14, 21, 40, 0) 90%); z-index:2;}
.main-home-page.home-fitness .video-wrap.no-overlay:after {display:none;}

.main-home-page .hero-wrap .category-icons {overflow:auto;}
.main-home-page .hero-wrap .category-icons .category-wrap {min-width:140px; font-size:16px;}
.main-home-page .hero-wrap .category-icons .category-wrap span {white-space: nowrap;}


.bg-oxford-blue.gradient-text-overlay.bottom-overlay, .bg-black.bottom-overlay {position:relative;}
.bg-oxford-blue.gradient-text-overlay.bottom-overlay:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(14, 21, 40); background:linear-gradient(0deg, rgba(14, 21, 40,0.65) 30%, rgba(14, 21, 40, 0) 90%); z-index:2;}
.bg-oxford-blue.gradient-text-overlay.bottom-overlay {position:relative;}

.bg-black.bottom-overlay:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(0, 0, 0); background:linear-gradient(0deg, rgba(0, 0, 0,0.65) 30%, rgba(0, 0, 0, 0) 90%); z-index:2;}

.bg-oxford-blue.gradient-text-overlay.bottom-left-overlay {position:relative;}
.bg-oxford-blue.gradient-text-overlay.bottom-left-overlay:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(14, 21, 40); background:linear-gradient(45deg, rgba(14, 21, 40,0.65) 30%, rgba(14, 21, 40, 0) 90%); z-index:2;}

/*.bg-oxford-blue.frost-glass-overlay.bottom-overlay:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; -webkit-box-shadow: inset 0px -50px 240px #ffffff; -moz-box-shadow: inset 0px -50px 240px #ffffff; box-shadow: inset 0px -50px 240px #ffffff; z-index:2;}*/

.main-home-page.home-fitness .hero-wrap {}
.main-home-page.home-fitness .hero-wrap h1, .main-home-page.home-fitness .hero-section h1 {font-size: clamp(3.5rem, 4.2vw, 4.2rem); line-height:1.2;}


#top-page-marquee {position:absolute; top:124px; left:0; z-index: 9999;}

.hero-wrap .hero-text-wrap.bottom {position:absolute; bottom:10%;}
.hero-wrap .hero-text-wrap.center {position:absolute; top:40%;}

.hero-text-wrap .hero-headline2 {font-size:4rem;}


	/*BLACK FRIDAY 2023 */

	/*.split-line {visibility: hidden;}

	.hero-wrap h1.humane span, h1.humane.hero-headline span {font-size:clamp(4rem, 16vw, 22rem); line-height:0.86;}
	h2.hero-headline2 {font-weight: 800; font-size: clamp(5rem, 3.2vw, 7rem);}

	.main-home-page.home-fitness .video-wrap, .main-home-page.home-fitness .video-mask  {visibility: hidden; opacity:0; }
	.main-home-page.home-fitness .video-wrap {visibility:hidden;}
	.main-home-page.home-fitness .video-mask {
		width:100%;
		height:100%;
		background:#C8D0D8;  
		overflow:hidden;
		clip-path:inset(0% 8% round 16px);		
	}
	.main-home-page.home-fitness button {font-size:2.0rem;}*/
	/*.single-sale-banner {margin-top:-16px;}
	.main-home-page {position:relative;}
	.main-home-page:before, .img-wrapping-bg {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(/Content/images/2022/SVG/bg-wrapping-light-blue-tree.svg); background-size:50%; background-position:0 0; background-repeat:repeat; opacity:0.08;}
	.main-home-page.home-fitness h1 {height:10vw;}*/
	.single-sale-banner {height:72px;}

	.teaser-carousel-img {width:96px; height:96px;}
	
	.overlap-rounded-top, .overlap-rounded-bottom {position:relative; z-index:2;}
	.overlap-rounded-top:before {content:''; position:absolute; z-index: 2; top:0; left:0; width:100%; height:16px; -webkit-border-bottom-left-radius:16px; -webkit-border-bottom-right-radius:16px; border-bottom-left-radius:16px; border-bottom-right-radius:16px; background:#f5f5f5;}
	.overlap-rounded-top.rounded-top-bg-white:before {background:#fff;}
	.overlap-rounded-bottom:after {content:''; position:absolute; z-index: 2; bottom:0; left:0; width:100%; height:16px; -webkit-border-top-left-radius:16px; -webkit-border-top-right-radius:16px; border-top-left-radius:16px; border-top-right-radius:16px; background:#f5f5f5;}
	
	ul.marquee-inner, ul.marquee-inner li {list-style-type:none; display:inline-block; margin: 0; padding: 0;}
	ul.marquee-inner .marquee-items {display:inline-block;}
	.single-sale-banner .humane, .gift-guide-banner .humane {font-size: clamp(7.5rem, 5.2vw, 9rem); white-space: nowrap; margin-top:1rem;}
	.gift-guide-banner img.w-24px {margin-top:-1.5rem;}

	.single-sale-banner .industry-800 {font-size: 16px; white-space: nowrap; margin-top:0.5rem; font-weight:400; text-transform:none;}
	.single-sale-banner .material-icons-outlined {font-size:18px;}

	.multi-promo-wrap {height:100vh;}
	.promo-panel {position:absolute; will-change:transform;}
	.hero-section {height:calc(100vh - 80px);}
	.promo-panel img.object-cover.object-top-left {object-position:top left;}

	.promo-content-wrap {position:absolute; overflow:hidden; top:40%; right:2rem; max-width:calc(100% - 4rem); background:rgba(14, 21, 40, 0.36); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); border-radius: 18px;}
	.promo-content-wrap p {font-size:1.5rem;}


	/* BLACK FRIDAY 2023 */




	
/* END HOMEPAGE */

/* START SUBPAGE */

.hero-section h1.humane.mega-xl, .hero-section h1.humane.mega-xl span, h1.humane.mega-xl span, h2.humane.mega-xl, h2.humane.mega-x1 span {font-size:clamp(11rem, 13vw, 26rem);}

.hero-section .img-wrap, .hero-section .clip-mask  {visibility: hidden; opacity:0; }
.hero-section .img-wrap {visibility:hidden;}
.hero-section .clip-mask {
		width:100%;
		overflow:hidden;
		clip-path:inset(0% 8% round 16px);		
	}

.about-us .hero-section .hero-text-wrap:before {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(14, 21, 40); background:linear-gradient(90deg, rgba(14, 21, 40,0.65) 30%, rgba(14, 21, 40, 0) 90%); z-index:1;}

/* END SUBPAGE */

/* START CATEGORY GRID */

.sale-banner-carousel .item span.gotham {font-family: gotham_bold, sans-serif;}

.revise-bar .filter-drop .link-container {padding:0; min-width:230px; width:100%;}
.revise-bar .filter-drop .link-container fieldset {padding:0 0 10px 0;}
.revise-bar .filter-drop .link-container fieldset .on-sale-tag {margin-left:1px;}
.revise-bar .filter-container h3 {margin-left:0;}



/* END CATEGORY GRID */

/* START PRODUCT DETAILS */

.on-sale-tag {font-size:16px; font-weight:400;}


#productNameH1 span.f2 {height:36px; display:inline-block;}

.intro-text ul {display:flex; justify-content:center; width:100%; list-style-type: none;}
.intro-text ul li {padding:1.0rem; border:solid 1px #ccc; padding-left:calc(1.0rem + 18px); border-radius:6px; margin-right:16px; position:relative; font-size:13px;}
.intro-text ul li:last-child {margin-right:0;}
.intro-text ul li:before {content:'\e86c'; font-family: "Material Icons Outlined"; position:absolute; top:1rem; left:1rem; color:#999;}

#promo-pricing .promo-code {-webkit-text-fill-color:white; -webkit-background-clip:none;}
#promo-pricing > .holiday-gradient {display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
#promo-pricing > .holiday-gradient > .br-pill.bg-holiday-secondary {margin-left:0.5rem; letter-spacing:2px;}


.kitOptions .kit {width:100%; float:left;}
.kit-container:not(.compareKitWrap) .kitOptions .kit { display:block; float:none; width:100%; max-width:420px; overflow:hidden;}
.kit-container:not(.compareKitWrap) .kitOptions .kit:last-child {margin-bottom:2rem;}
/* .kit-container:not(.compareKitWrap) .kitOptions ul.kit {border:solid 1px #e3e3e3; background:#fff; max-height:240px; overflow:auto;} */
.kit-container:not(.compareKitWrap) .kitOptions ul.kit .kitProductName {position:relative; padding-right:0.5rem;}
/* .kit-container:not(.compareKitWrap) .kitOptions ul.kit .kitProductName .material-icons-outlined {position:absolute; top:0; right:0;} */
.kitOptions .kit-name {font-size:14px; width:100%; text-align:center;}
.kitOptions h2.kit-name {text-align:left;}
.compareKitWrap .kitOptions h2.kit-name {max-width:100%;}
.kitOptions fieldset {padding:0; margin:5px 0;}
.kitOptions  select {margin-bottom:16px;}
.kitOptions .kit:last-of-type select {margin-bottom:0;}
.compareKitWrap .kit {max-width:420px;}

/* .kitOptions ul.kit li.included-kit-item {padding:1rem 0; border-bottom:solid 1px #f5f5f5; margin-top:0;} */
.kitOptions ul.kit li.included-kit-item:last-child {border-bottom:none;}
.kitOptions ul.kit li.included-kit-item img {width:80px; height:auto; padding:1rem; -webkit-border-radius:0.5rem; border-radius:0.5rem; border:solid 1px #C8D0D8; margin-right:1rem;}

.compare-table-wrap .w-20 {min-width:200px;}

h2.header-mega-outline {position:relative; font-size:3.0rem;}
h2.header-mega-outline span {position:relative; z-index:2;}

/*
h2#overview-header:before {content:'Details';}
h2#specs-header:before {content:'Specs';}
h2#features-header:before {content:'Features';}
h2#reviews-header:before {content:'Reviews';}
h2#compare-header:before {content:'Compare';}
*/

#specs_wrap h3.futura, #specs_wrap h4.futura.b, h4.futura.b, h3.futura.b {font-family: "acumin-pro", sans-serif; font-weight:600;}
#specs_wrap .ph4.ph5-ns, #reviews_tab .ph4.ph5-ns {padding-left:0; padding-right:0;}

.sale.dib.futura {font-family: "articulat-cf", sans-serif !important;; font-weight:500;}
.futura.strike {color:#777 !important;}

.specs-section {display:flex; justify-content:center;}
.specs-section > div {max-width:1600px;}
.specs-section .single-spec h4 {margin:0; font-size:1.66rem;}
.specs-section .single-spec p {margin-bottom:0; font-size:1.66rem;}

.kitOptions ul.kit, .kitOptions ul.kit li {list-style-type:none;}
.kitOptions ul.kit li, .kitOptions ul.kit li label {display:flex; align-items:flex-start; flex-wrap:wrap;}
/*.kitOptions ul.kit {border:solid 1px #e3e3e3; border-radius:0.5rem; padding:1rem;}*/
.kitOptions ul.kit li {margin-top:1rem;}
.kitOptions ul.kit li:first-child {margin-top:0;}

.kitOptions ul.kit li input[type=checkbox] {margin-right:0.5rem;}
/*.kitOptions ul.kit li:hover {transform:scale(0.98); border:solid 1px #303039;}*/
.kitOptions ul.kit li label img {width:72px; height:72px; padding:.5rem; background:#fff; border-radius:0.5rem; margin-right:0.5rem; margin-left:2.5rem;  border:solid 1px #f5f5f5;}
.kitOptions ul.kit li label .kitProductName {width:calc(100% - 72px - 2.5rem);}

.kitOptions ul.kit li .checkbox-input {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
            clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  
  .kitOptions ul.kit li .checkbox-input:checked + .checkbox-tile {
    border-color: #303039;
    color: #303039;
  }
  .kitOptions ul.kit li .checkbox-input:checked + .checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
    background-color: #303039;
    border-color: #303039;
  }
  
  .kitOptions ul.kit li .checkbox-input:checked + .checkbox-tile .checkbox-label {
    color: #303039;
  }
  /*.kitOptions ul.kit li .checkbox-input:focus + .checkbox-tile {
    border-color: #303039;
  }*/
  .kitOptions ul.kit li .checkbox-input:focus + .checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
  }
  .kitOptions ul.kit li .checkbox-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
/*
    border-radius: 0.35rem;
    border: 1px solid #e3e3e3;
*/
	padding:0.5rem;  
    background-color: #fff;
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;
	width:100%;
  }
  .kitOptions ul.kit li .checkbox-tile:before {
    content: "";
    position: absolute;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #e3e3e3;
    background-color: #e3e3e3;
    border-radius: 0.35rem;
    top: 0.5rem;
    left: 0.5rem;
    opacity: 1.0;
    transform: scale(1.0);
    transition: 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
  }
.kitOptions ul.kit li .checkbox-tile.checkbox-as-radio:before {
  border-radius: 2rem;
  /* Define the background as a white radial gradient with a size of 12px x 12px */
  background-image: radial-gradient(circle at center, white 50%, transparent 50%);
  background-size: 12px 12px;
  /* Ensure the background doesn't repeat if you only want one, or allow repeat as needed */
  background-repeat: no-repeat; 

}
  .kitOptions ul.kit li .checkbox-tile:hover {
    border-color: #303039;
	transform:scale(0.98);
  }
  .kitOptions ul.kit li .checkbox-tile:hover:before {
    transform: scale(1);
    opacity: 1;
  }
  .kitOptions ul.kit li .checkbox-label {
    color: #4d4d4d;
    transition: 0.375s ease;
    text-align: center;
  }


.kitOptions ul.kit li .sub-kit-dropdown .checkbox-tile {align-items:flex-start;}
.kitOptions ul.kit li.optional-kit-item {background:#fff; border-radius: 0.5rem; border: 1px solid #e3e3e3; overflow:hidden; width:420px;}
.kitOptions ul.kit li.optional-kit-item.active {border-color: #303039; color: #303039;}	

.kitOptions ul.kit li .subkit-checkbox-items-wrap .checkbox-tile {border-radius: 0.35rem; border: 1px solid #e3e3e3; padding-left:32px; align-items:flex-start; }
.kitOptions ul.kit li .subkit-checkbox-items-wrap .checkbox-input:focus + .checkbox-tile {border-color: #303039;}

.free-gifts-wrap.holiday-border, #promo-order.holiday-border, .holiday-border.bg-white {background:#fff;}

.separator-or {
  position: relative;
  display:flex;
  width: 100%;
	align-items:center;
	justify-content:center;
  height: 16px;
  text-transform: uppercase;
  line-height: 50px;
  text-align: center;
  color:#4d4d4d;
  max-width:520px;
}

.separator-or:before,
.separator-or:after {
  position: absolute;
  width: calc(50% - 20px);
  height: 1px;
  top: 7px;
  background-color: #ccc;
  content: '';
}

.separator-or:before {
  left: 0;
}

.separator-or:after {
  right: 0;
}

.shipping-options {max-width:520px;}


.material-icons-outlined:hover {font-family:'Material Icons Outlined'; text-decoration:none;}

.promo-options fieldset {padding:1px; border-radius:2rem; overflow:hidden; margin-bottom:1.5rem; white-space: nowrap;}
.promo-options ul.kit {display:inline-flex; flex-wrap:wrap; list-style-type:none; margin:0; width:100%; width:400px;}
.promo-options span.so {display:inline-block; padding:0.5rem 1.5rem; border-radius:9999px; color:#fff !important; margin-bottom:0.5rem; -webkit-text-fill-color:#fff; font-weight:normal !important; font-size:14px;}
.promo-options ul.kit { font-size: 0; border-radius:2rem; padding:1rem;}
.promo-options ul.kit li {display: inline-flex; align-items:flex-start; justify-content:flex-start; font-size:16px; margin-top:1rem; padding-top:1rem; border-top:solid 1px #e3e3e3;}
.promo-options ul.kit li:first-child {margin-top:0; padding-top:0; border-top:none;}
.promo-options ul.kit li > span {order:2;}
.promo-options ul.kit li span.so {font-family:gotham_bold, sans-serif; font-size:11px !important; letter-spacing:4px; text-transform:uppercase;}
.promo-options ul.kit .kitProductName {display:flex !important; flex-wrap: wrap; width:calc(100% - 60px); white-space:normal; text-align:left;}
.promo-options ul.kit img {display:inline-block; order:1; height:60px; width:auto; margin-right:1rem; background:#fff; border-radius:1.25rem;}
.promo-options ul.kit .kitProductName .material-icons, .promo-options ul.kit .kitProductName .material-icons-outlined {color:#777; font-family: "Material Icons Outlined"; display:none; }

.free-gifts-wrap, .free-delivery-wrap {max-width:520px;}
.free-gifts-wrap .single-row {border-top:solid 1px #e3e3e3;}
.free-gifts-wrap .single-row:first-child {border:none;}
.free-gifts-wrap .single-row a {color:#4D4D4D;}
.free-gifts-wrap .single-row a:hover {color:#4D4D4D; text-decoration:none; }
.free-gifts-wrap .single-row .w-100px {min-width:80px;}

/*#reviews_tab p {display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 5;
	line-height:1.5;
    -webkit-box-orient: vertical;
    overflow: hidden;}*/


#addon-lb-wrap .close {background:transparent; border:solid 2px #666; color:#666;}
#addon-lb-wrap .close:hover {border:solid 2px #4D4D4D; color:#4D4D4D;}
#addon-lb-wrap .lb-content {background:#f4f4f4; overflow-x:hidden;}
.addon-table-wrap {height:calc(100vh - 200px) !important; max-height:400px; overflow-x:hidden; overflow-y:auto; padding-top:1.5rem; border-top:solid 2px #e3e3e3; width:calc(100% + 6rem); margin-left:-3rem; position:relative;}
.main-product-wrap, .main-product-wrap .img-wrap {border:solid 1px #e3e3e3; background:#fff;}
.addon-single-row {border-bottom:solid 1px #e3e3e3;}
.addon-single-row:last-child {border-bottom:none;}
.addon-single-row .kit-product .custom-check-wrap label.custom-check {width:100%;}
#addon-lb-wrap .lb-content legend {font-size:14px;}
.update-btn-wrap {width:calc(100% + 6rem); margin-left:-3rem; border-top:solid 2px #e3e3e3; padding-top:3rem;}
.update-btn-wrap .update-cart-btn, .update-btn-wrap .update-cart-btn:hover {text-decoration:none;}
#addon-lb-wrap fieldset {padding-top:0;}
#addon-lb-wrap fieldset legend {display:inline-flex; align-items:center;}
#addon-lb-wrap .lb-content fieldset .material-icons-outlined {font-size:16px; color:#666; cursor:pointer;}
#addon-lb-wrap .lb-content fieldset .material-icons-outlined:hover {color:#4D4D4D;}

.main-product-wrap {width:calc(100% - 4rem); opacity:0; visibility:hidden; overflow:hidden; top:0; left:2rem; box-sizing:border-box; transform:translateY(3rem); position:absolute; transition:0.6s; z-index:1;}
.main-product-wrap.slide-out {transform:translateY(-3rem); opacity:0.0; visibility:hidden; transition:0.6s;}
.main-product-wrap.active {opacity:1.0; visibility:visible; transform:translateY(0); height:auto; transition:0.6s; position:relative; z-index:2;}
.main-product-wrap.slide-in {transform:translateY(3rem); opacity:0.0; visibility:hidden; transition:0.6s;}

.bundle-wrapper {width:100%; max-width:620px;}
.bundle-wrapper .product {margin-right:0; margin-left:0; padding:1.5rem;}
.bundle-wrapper .product h5 a {1.75rem;}
.product_details .bundle-wrapper .product p {padding:0 0 1rem 0,}


.pd-2022 {display:flex; flex-wrap:wrap; align-items:flex-start; align-content:flex-start;}
/*.pd-2022 h2 {font-size:4rem; margin-bottom:1.5rem;}
.pd-2022 h4 {margin-bottom:1.0rem;}
.pd-2022 h3 {font-size:1.75rem;}
.pd-2022 h4 {font-size:1.5rem;}*/
.pd-2022 h2 {margin-bottom:1.5rem;}
.pd-2022 p {float:none; padding:0 0 1.5rem 0;}
.pd-2022 p:last-child {padding-bottom:0;}
/*.pd-2022 p.disclaimer {margin-top:1.5rem;}*/
.pd-2022 .br3 {border-radius:1rem;}
/*.pd-2022 img.object-cover, .parallax-inner-image {min-height:calc(100% + 160px) !important;}
.parallax-inner-image-sm {min-height:calc(100% + 60px) !important;}*/
.pd-2022 img.object-cover, .pd-2022 video.object-cover {position:relative;}

.pd-2022 > .w-100:not(.pullup-50) {padding:0 !important; margin:8rem 0 !important;}
.pd-2022 > .w-100.hero-img-wrap:first-child {margin:0 !important;}
.pd-2022 > .w-100.pullup-50 {margin-bottom:8rem !important;}
.pd-2022 > .w-100.pullup-50 .w-100.bg-white.parallax {padding:0;}
 

.pd-2022 > .w-100:has(.w-100.br3.flex.flex-wrap):has(.w-100.w-30-ns.pt5.pb5.pb0-ns) {margin-top:3rem !important;}


.pd-2022 .parallax.overflow-hidden img.w-100 {width:100%; height:100%; object-fit:cover;}



/*.

.pd-2022 > .w-100.hero-img-wrap {display:inline-flex; width:66.666%; height:auto; min-height:540px; border-radius:1rem; overflow:hidden;}
.pd-2022 > .w-100.pullup-50 {display:inline-flex; width:33.333%; margin-top:0;}


.pd-2022 > .bottom-black-gradient.text-over-img-wrap {width:100%; border-radius:1rem; overflow:hidden;}
.pd-2022 > .bottom-black-gradient.text-over-img-wrap .hero-img-wrap {overflow:hidden; border-radius:1rem;}
.pd-2022 > .w-100.pullup-50 .parallax > div, .pd-2022 > .w-100.pullup-50 .parallax > div > div {width:100%;}

.pd-2022 > .w-100.hero-img-wrap {display:inline-flex; width:60%; height:auto; min-height:540px;}
.pd-2022 > .w-100.pullup-50 {display:inline-flex; width:40%; margin-top:0;}
.pd-2022 > .w-100.pullup-50 .parallax > div, .pd-2022 > .w-100.pullup-50 .parallax > div > div {width:100%;}

.pd-2022 > .w-100.pullup-50 .parallax > div.w-30-ns img.pullup-100 {width:80%; margin-top:-36px;}
.pd-2022 > .w-100.pullup-50 .bg-white.parallax {background:transparent;}

.pd-2022 > .w-100.pullup-50 .parallax > div.pa4.pa5-ns {padding:0;}
.pd-2022 > .w-100.pullup-50 .parallax > div.pa4.pa5-ns ul.checklist {margin-bottom:0;}*/

.pd-2022 > .w-100.hero-img-wrap {border-radius:1rem; overflow:hidden;}
.pd-2022 > .w-100.hero-img-wrap video, .pd-2022 > .w-100.hero-img-wrap img {position:relative;}
.pd-2022 > .w-100.pullup-50 {display:inline-flex; margin-top:0; padding:0; background:transparent;}
.pd-2022 > .w-100.pullup-50 .parallax {background:transparent; margin-top:3rem;}
.pd-2022 > .w-100.pullup-50 .parallax > div:last-child {padding-top:0; padding-right:0; align-content:flex-start; align-items:flex-start;}

.pd-2022 > .w-100.pullup-50 .parallax > div.w-30-ns:has(img) { background:#fff; -webkit-border-radius:1rem; border-radius:1rem; display:flex; justify-content:center; padding:2rem 5rem;}
.pd-2022 > .w-100.pullup-50 .parallax > div.w-30-ns img.pullup-100, .pd-2022 > .w-100.pullup-50 .parallax > div.w-30-ns img, .pd-2022 > .w-100.pullup-50 .parallax > div.w-30-ns img.pullup-50, .pd-2022 > .w-100.pullup-50 .parallax > div.w-30-ns img.pullup-40, .pd-2022 > .w-100.pullup-50 .parallax > div.w-30-ns img.pullup-60 {margin:0; width:100%; object-fit:contain;}
.pd-2022 > .w-100.pullup-50 .parallax ul.checklist {margin-bottom:0;}


.pd-2022 > .w-100.pullup-50 .parallax > div.w-70-ns > img.w4.w5-ns {display:none;}




.pd-2022 > .w-100.pullup-50.parallax .w-third-ns {margin-bottom:0;}

.pd-2022 > .w-100 > .flex.items-center {align-items:flex-start;}
.pd-2022 > .w-100 > .flex.items-center .parallax {margin-top:0;}


.pd-2022 .pullup-50.parallax {margin-top:0; padding-top:0; padding-bottom:0;}
.pd-2022 .pt5.pb5.pb0-ns {padding:0;}

.pd-2022 > .w-100.hero-img-wrap, .pd-2022 .vh-50.vh-75-ns:not(.w-100.w-two-thirds-ns), .pd-2022 .vh-25.vh-75-ns {display:inline-flex; height:auto;}



.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > div > div.bg-white, .pd-2022 .w-100 .w-70-ns .card-slideup {padding:1.5rem; align-items:flex-start; align-content:flex-start; }
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > div > div.bg-white img.pullup-40, .pd-2022 .w-100 .w-70-ns .card-slideup img.pullup-40 {float:left; margin-top:0; width:48px !important; height:auto !important; margin:0; margin-right:16px; margin-bottom:0; }
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > div > div.bg-white h3, .pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > div > div.bg-white p,  .pd-2022 .w-100 .w-70-ns .card-slideup p {width:calc(100% - 84px); display:inline-block; margin-top:0;}

.pd-2022 .card-slideup, .pd-2022 .bg-white.card-slideup {border:solid 1px #C8D0D8; background:transparent;}


/*
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap {display:flex; flex-wrap:wrap;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap:after {display:none;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .hero-img-wrap {display:inline-flex; width:60%; height:auto; min-height:540px;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content {position:relative; width:40%; bottom:auto; top:0; padding:0 8rem;  align-items:flex-start; align-content:flex-start;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content h2.white-ns {color:#303039;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content p.white-ns {color:#4d4d4d;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns, .pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-30-ns, .pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > div {width:100%; padding:0; margin:0;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > div {margin-top:2rem; align-items:flex-start; align-content:flex-start; }

.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > div > div.bg-white img.pullup-40 {float:left; margin-top:0; width:48px !important; height:auto !important; margin:0; margin-right:16px; margin-bottom:0; }
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > div > div.bg-white h3, .pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > div > div.bg-white p {width:calc(100% - 84px); display:inline-block;}
*/



.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap {display:flex; flex-wrap:wrap; background:transparent;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap:after {display:none;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .hero-img-wrap {display:inline-flex; width:100%; height:auto; border-radius:1rem; overflow:hidden;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content {position:relative; bottom:auto; top:0; padding:0; margin-top:3rem;width:100%;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns {padding-top:0;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > .w-50-ns:last-child {padding-right:0;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content h2 {color:#303039; float:left;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content > p, .pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content > ul {color:#4d4d4d; float:right; margin-top:0;}
.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content > h2, .pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content > p, .pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content ul {width:40%;}

.pd-2022 .specs-subsection {margin:0; margin-top:-1rem; margin-bottom:-1rem;}
.pd-2022 .specs-subsection > div:first-child {padding-top:1rem; padding-bottom:1rem;}
.pd-2022 .specs-subsection .hero-img-wrap {min-height:600px;}
.pd-2022 .specs-subsection .single-spec {padding:1rem;}


.pd-2022 .hero-img-wrap img.object-cover.object-top {top:0}
.specs-subsection .hero-img-wrap {min-height: 440px}

.pd-2022 .flex-center-center {justify-content:center !important; align-items:center !important;}

.pd-2022 .mt3.ph3.pv1.br-pill.mid-gray {display:flex; align-items:center;}

.pd-2022 .video-btn, .pd-2022 .video-btn:hover {background:#303039; color:#fff; transition:0.3s; margin-top:0; align-items:center !important;}
.pd-2022 .video-btn:hover {transform:scale(1.05);}


.pd-2022 .text-over-img-wrap video {position:relative; border-radius:1rem;}
.pd-2022 .w-two-thirds-ns.vh-50.vh-75-ns {height:auto;}
.pd-2022 .w-two-thirds-ns.vh-50.vh-75-ns video {position:relative;}

.pd-2022 .jrny-app-block > .w-100.items-start, .pd-2022 .ifit-app-block > .w-100.items-start, .pd-2022 .treo-app-block > .w-100.items-start {align-items: stretch;}

.pd-2022 .w-20-ns .card-slideup h3 {font-size:2.4rem;}


.product_details div.product_info {text-align:left;}
#hl-single-container > .item {width:100%; display:flex; flex-wrap:wrap; align-items:center; }
#hl-single-container > .item > img {width:50%; height:auto; border-radius:2rem; background:#fff;}
#hl-single-container > .item > .hl-content {width:50%; padding:3rem;}
#hl-single-container > .item > .hl-content h1 {text-align:left;}
#hl-single-container > .item > .hl-content li {width:100%;}

/* END PRODUCT DETAILS */





/* START GSAP ANIMATION */

.reveal-mask {position:absolute; top:0; left:0; right:0; bottom:0; z-index: 3; display:none;}
.reveal-mask.bg-jfw-red {}

/*.split-text, .split-line .line {position: relative; overflow: hidden; visibility: hidden;}
.split-text > div {overflow:hidden;}
.split-text .split-child {display:inline-block;}

.card-slideup, .hero-section .split-line {visibility: hidden;}*/


.js-ticker {
  white-space: nowrap;
  display: flex;
  align-items:center;
  padding: 0;
  margin-left:-4rem;
  width: calc(100% + 8rem);
}

.js-ticker li{
  list-style: none;
  margin: 0 16px;
  width:60vw;
  padding: 0;
  display: inline-block;
  font-family: sans-serif;
  line-height: 50px;
  vertical-align: center;
  color: white;
  font-weight: 300;
  font-size: 10vw;
  line-height:11vw;
}

.js-ticker .ticker-wrapper, .js-ticker div.ticker-items {
  display: inline-block;
}



.js-ticker li div.video-wrap, .js-ticker li div.video-wrap img, .js-ticker li div.video-wrap .h-text-slideup, .js-ticker li div.video-wrap .play-icon {transition:0.7s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
.js-ticker li div.video-wrap:hover {transform:scale(0.98);}
.js-ticker li div.video-wrap:hover img {transform:scale(1.15);}
.js-ticker li div.video-wrap .h-text-slideup {opacity:0; transform:translateY(25px);}
.js-ticker li div.video-wrap:hover .h-text-slideup  {opacity:1.0; transform:translateY(0px);}

.js-ticker li div.video-wrap .play-icon, .video-wrap .play-icon {position:absolute; z-index: 2; top:50%; left:50%; transform:translate(-50%, -50%); font-size:4rem; color:#fff; opacity:0.64; padding:2.5rem; border:solid 2px #fff; border-radius:50%; transition:0.6s; cursor:pointer;}
.js-ticker li div.video-wrap:hover .play-icon, .video-wrap:hover .play-icon  {opacity:1.0; font-size:6rem;}
.video-wrap .play-icon:before {z-index:-1; content:'';position:absolute; top:0; left:0; width:100%; height:100%; background: rgb(14,21,40); background: radial-gradient(circle, rgba(14,21,40,0.8) 0%, rgba(14,21,40,0) 80%);}

.video-wrap.inline-video-play img {opacity:0.64;}

/*
.marquee-wrap {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
}

.marquee-stage {position:relative; margin-right:-100%; display: flex; flex-wrap: nowrap;}

.marquee-wrap .video-wrap {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.5em;
  text-align: center;
  position: relative;
  box-sizing: border-box;
  padding:0 16px;
}*/

.video-wrap {transition:0.7s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);}
.video-wrap.active {position:fixed; z-index:9999; top:0; left:0; right:0; bottom:0; width:100vw; height:100vh;}


.scroll-trigger-wrap .video-wrap:first-of-type {padding-left:0;}
.scroll-trigger-wrap .video-wrap img {min-width:100%; min-height:100%; object-fit:cover; }




.app {
  height: 100vh;
  width: 100vw;
  position: relative;
  overflow-x:hidden;
  overflow-y: auto;

  /* Hide the app on load */
  visibility: hidden;
}

.app .item {
  cursor: pointer;
}

.detail {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height:100%;
  cursor: pointer;
  font-size: 0;
  visibility: hidden;
  max-height: 100%;
  overflow: auto;
  z-index:9999;	
  background:#4D4D4D;
}

.detail > img {
  position: relative;
  z-index: 1;
  object-fit:cover;
  width:100%;
  height:100%;
}

.detail > img {
  position: relative;
  z-index: 1;
}

.detail .content {
  position:absolute; 
  bottom:0;
  width:100vw;
  z-index:3;
  background: rgb(0,0,0);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 39%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(bottom, rgba(0,0,0,0.6) 39%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to top, rgba(0,0,0,0.6) 39%, rgba(0,0,0,0) 100%);
  padding: 5rem 1.5rem 2rem 1.5rem;
  font-size: 1rem;
  box-sizing: border-box;
  flex-grow: 1;
}

.detail .content > * {
  margin-bottom: 1rem;
}

.detail .title {
  font-size: 2rem;
}

.detail .secondary {
  color: lightgray;
}

.detail .description {
  line-height: 1.5;
}


.owl-carousel .owl-nav > div {float:left; width:40px; height:40px; display:inline-flex; justify-content: center; align-items: center; border-radius:50%; transition:0.3s;}
.owl-carousel .owl-nav > div.owl-prev {margin-right:20px;}
.owl-carousel .owl-nav > div.owl-prev, .owl-carousel .owl-nav > div.owl-next  {background:#fff;}
.owl-carousel .owl-nav > div.owl-prev:hover, .owl-carousel .owl-nav > div.owl-next:hover {background:#ccc; }

.custom-carousel-hero:before {display:none;}
.cat-carousel-wrap.xl-title h2 {font-size:3.2rem;}
.cat-carousel-wrap.lifestyle-overlap {margin-top:2rem;}
.cat-carousel-wrap.lifestyle-overlap {padding-right:0; padding-left:0;}
.cat-carousel-wrap.lifestyle-overlap {margin-top:1rem;}
.cat-carousel-wrap.lifestyle-overlap h2 {color:#303039;}
.cat-carousel-wrap.lifestyle-overlap p span.white {color:#4d4d4d;}
.cat-carousel-wrap.btn-bg-white a.bg-johnson-red.br-pill.white {color:#fff;background:#303039;}

.category-carousel.owl-carousel {width:100%; overflow:visible !important;}
.category-carousel.owl-carousel .owl-stage-outer {overflow:visible;}
.category-carousel.owl-carousel .owl-stage {display:flex;}
.category-carousel.owl-carousel .owl-stage .owl-item {display:flex;}
.category-carousel .c-item {display:flex; flex-wrap:wrap; align-items:start; position:relative; width:100%; opacity:0;}

.product-compare-attributes .center_content {position:relative; height:540px; overflow:hidden; transition:0.3s;}
.product-compare-attributes .center_content.active {height:auto;}
.product-compare-attributes .center_content:after {content:''; position:absolute; z-index:4; bottom:0; left:0; height:80px; width:100%; background: #F5F5F5; background: linear-gradient(0deg, rgba(245, 245, 245, 1) 4%, rgba(245, 245, 245, 0) 100%);}
.product-compare-attributes .center_content.active:after {display:none;}
.product-compare-attributes .category-carousel {overflow:auto; padding-bottom:0.5rem;}
.product-compare-attributes .category-carousel .c-item {width:260px; opacity:1.0; margin-right:1rem; border:solid 2px #fff;}
.product-compare-attributes .category-carousel .c-item.active {position:sticky; top:0; left:0; border:solid 2px #C8D0D8; z-index:3;}
.product-compare-attributes .category-carousel .c-item .prod-details {height:80px; align-items: flex-start; align-content:flex-start;}
.product-compare-attributes .category-carousel .c-item .prod-name  {font-size:12px;}
.product-compare-attributes .category-carousel .c-item .pricing {font-size:14px;}
.product-compare-attributes .category-carousel .c-item .single-attribute {display:inline-block; width:100%;}
.product-compare-attributes .category-carousel .c-item .attribute-title {display:inline-block; width:100%; font-weight:500; position:relative;}
.product-compare-attributes .category-carousel .c-item .attribute-title:before {content:''; position:absolute; top:50%; left:0; z-index: 1; width:100%; border-bottom:solid 1px #f5f5f5;}
.product-compare-attributes .category-carousel .c-item .attribute-title > span {display:inline-block; background:#fff; position:relative; z-index:2; padding-right:8px;}
.product-compare-attributes .category-carousel .c-item .attribute-detail {display:inline-block; width:100%;}

.category-carousel.owl-loaded .c-item {opacity:1.0;}
.category-carousel .c-item .prod-name, .category-carousel .c-item .pricing {font-family: "acumin-pro", sans-serif; color:#4D4D4D; transition:0.3s; font-size:16px; text-align:left !important;}
.category-carousel .c-item .pricing .strike {color:#4D4D4D; opacity:0.64;}
.category-carousel .c-item .pricing .sale {color:#303039;}
.category-carousel .c-item .no-underline, .category-carousel .c-item:hover .no-underline {text-decoration:none !important;}

.c-item .sale-tag {position:absolute; top:1rem; left:1rem; font-size:14px; display:flex; justify-content:center; align-items:center;}
.c-item .sale-tag .material-icons {font-size:18px;}

#carousel-pop-cats.category-carousel .c-item {height:250px; font-size:18px;}
.category-carousel .c-item span.subcat-name {display:inline-block; position:absolute; bottom:0; left:0; width:100%; line-height:1.0; padding:1.5rem; z-index: 5;}

.category-carousel .c-item{transition:0.7s;  border-radius:1rem;}
/*.category-carousel .c-item:hover {transform:scale(0.98); border-radius:2rem;}*/
.category-carousel .c-item img.w-100 {transition:1.2s;}
.category-carousel .c-item img.object-cover {transition:0s;}
.category-carousel .c-item:hover img.w-100 {transform:scale(1.04);}

.category-carousel .owl-controls {float:left; width:100%;}
.category-carousel .owl-nav {}
.category-carousel.owl-carousel .owl-nav > div {width:46px; height:46px;}
.category-carousel .owl-nav > div {position:absolute; bottom:calc(100% + 2rem); transform:translateY(0);}
.category-carousel .owl-nav > div.owl-prev {right:40px;}
.category-carousel .owl-nav > div.owl-next {right:0px;}

.dark-nav-btns.owl-carousel .owl-nav > div.owl-prev, .dark-nav-btns.owl-carousel .owl-nav > div.owl-next {background:#303039; color:#fff; cursor: pointer;}
.dark-nav-btns.owl-carousel .owl-nav > div.owl-prev .material-icons, .dark-nav-btns.owl-carousel .owl-nav > div.owl-next .material-icons {color:#fff;}
.dark-nav-btns.owl-carousel .owl-nav > div.owl-prev:hover, .dark-nav-btns.owl-carousel .owl-nav > div.owl-next:hover {transform:scale(1.05);}

.nav-btns-bg-modern-steel .dark-nav-btns.owl-carousel .owl-nav > div.owl-prev, .nav-btns-bg-modern-steel .dark-nav-btns.owl-carousel .owl-nav > div.owl-next {background:#C8D0D8; color:#303039; transition:0.3;}
.nav-btns-bg-modern-steel .dark-nav-btns.owl-carousel .owl-nav > div.owl-prev .material-icon, .nav-btns-bg-modern-steel .dark-nav-btns.owl-carousel .owl-nav > div.owl-next .material-icon {color:#303039;}
.nav-btns-bg-modern-steel .dark-nav-btns.owl-carousel .owl-nav > div.owl-prev:hover, .nav-btns-bg-modern-steel .dark-nav-btns.owl-carousel .owl-nav > div.owl-next:hover {background:#C8D0D8; color:#303039; transform:scale(0.98);}

.owl-carousel .owl-nav > div.owl-prev.disabled, .owl-carousel .owl-nav > div.owl-next.disabled {opacity:0.25;}

#carousel-brands .c-item {height:140px;  display:flex; align-items:center; justify-content:center;}
#carousel-brands .c-item img {width:auto; height:auto; max-height:100%; max-width:60%;}

#carousel-top-products a.prod-name, .custom-carousel .c-item  a .prod-name {color:#4D4D4D; font-size:16px; text-align:left;}
#carousel-top-products a .reg.strike, .custom-carousel a .reg.strike {font-family:upgrade-light, sans-serif;}


.custom-carousel-wrapper .custom-cat-carousel .owl-stage-outer {overflow:hidden !important;}
.custom-carousel-wrapper a.c-item {color:#4D4D4D;}


/* LANDING PAGES */

.scroller__inner {
  padding-block: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.scroller[data-animated="true"] {
  overflow: visible;
 /*  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 20%,
    white 80%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);*/
}

.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}
	
.scroller__inner {list-style-type:none;}
.scroller__inner li {width:200px; height:80px; background:#fff; border-radius:0.5rem; margin-right:2rem; padding:3rem 4rem; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.scroller__inner li img {max-width:100%;}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}

.treo-lp img.hero-phone {position:absolute; height:auto; width:18%; max-width:220px; visibility: hidden;}
.treo-lp img.phone-videos {bottom:6rem; right:calc(6rem + 12%); z-index:4;}
.treo-lp img.phone-progress {bottom:16rem; right:6rem; z-index:3;} 

.treo-lp img.hero-tablet {position:absolute; bottom:-2rem; right:6rem; height:auto; width:36%; z-index:5;}
.treo-lp img.hero-dual-phones {position:absolute; bottom:-2rem; right:6rem; height:auto; width:30%; z-index:5;}

.treo-lp .any-tech .tech-3-pack {bottom:-3rem; left:6rem;}

.treo-lp .chart-wrap * {box-sizing:content-box;}
.treo-lp .w-100.h3.flex {position:relative; margin:0; padding:2rem;}
.treo-lp .w-100.h3.flex:before {content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; border-top:solid 1px #eee;}

.treo-lp .w-100.h3.flex.logo-wrap:before {}
.treo-lp .w-100.h3.flex.logo-wrap:before {display:none;}

.treo-lp .promo-card:hover img.object-cover {transform:none;}

.treo-lp .category-overview.min-vh-75 .hero-bg.absolute.object-cover.object-top {object-position:right;}

.treo-lp .mw-infinite {max-width:10000%;}
.treo-lp .xl-stat {font-size:6rem; line-height:1.0;}

.about-us .hero-wrap .img-wrap {visibility: hidden; opacity: 0;}

/*.showcase-gallery.category-carousel .w-100.bg-modern-steel {max-height:calc(100vh - 220px);}
.showcase-gallery.category-carousel .w-100.bg-modern-steel img {object-position:center bottom;}*/

/* End Landing Pages */

/* Start Homepage */

/*.promo-carousel .jfw-btn {background: #330136; -webkit-background-image: linear-gradient(to right, #330136 0%,#FF5E35 50%, #330136 100%); background-image: linear-gradient(to right, #330136 0%,#FF5E35 50%, #330136 100%); background-size:200% 100%; background-position:top left; transition:0.7s;}
.promo-carousel .jfw-btn:hover {transform:scale(1.0); background-position:top right; transition:0.7s;}*/

.icon-bg-circle.w3 {position:relative;}
.icon-bg-circle.w3:before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%; width:32px; height:32px; background:#C8D0D8; opacity:0.5;}


#category-scroll a {border:solid 2px #C8D0D8;  }
#category-scroll a > div.pa3 {position:relative;}
/* #category-scroll a > div.pa3:before {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:50%; width:64px; height:64px;  background:#C8D0D8;  opacity:0.5;} */

#category-scroll.holiday-treatment a {background:#C8D0D8;}
#category-scroll.holiday-treatment a .h5.w5 {background:#fff; width:100%; border-radius:8px; margin-bottom:2rem; background-image:url("../images/2025/11/icon-bg-flake-ms-4.svg"); background-repeat: none; background-position: center center; background-size:cover;}
#category-scroll.holiday-treatment a .h5.w5 img {width:80%;}



.floor-model-banner {background-image:url("../images/2023/05/floor-model-banner-products.png"); background-repeat: no-repeat; background-position:bottom right; background-size:auto 170px;}
.floor-model-banner h2 {font-size: clamp(2.5rem, 3vw, 4rem); line-height:1.2;}
.floor-model-banner p {font-size: clamp(2rem, 1.5vw, 3rem); padding-bottom:0.4rem;}
.floor-model-banner p a {font-size:1.5rem;}

/* End Homepage */

/* Start Category Grid */

.cat-values.value-props .w-third-ns {min-width:350px;}

.floor-model-banner-sm {background-image:url("../images/2023/05/floor-model-banner-products.png"); background-repeat: no-repeat; background-position:bottom right; background-size:auto 170px;}

/* End Category Grid */

/* Start Product Page */



/* End Product Page */



/* Start Contact + Quote Forms */

.form-section {position:relative; padding-bottom:2rem;}
.form-section:before {content:''; position:absolute; left:20px; top:16px; bottom:0; width:2px; background:#C8D0D8; z-index:0;}
.form-section:last-child:before {display:none;}
.form-section .form-section-heading {position:relative; z-index:1;}
.form-section > div {padding-left:5.2rem;}
.form-section .form-section-count {display:inline-flex; justify-content:center; align-items:center; width:24px; height:24px; text-align:center; -webkit-border-radius:100%; background:#303039; color:#fff; padding:2rem; margin-right:1.5rem; line-height:1.0;}


/* End Contact + Quote Forms */


/* Start Checkout */

.action-btn {display:inline-block; padding:12px 24px; min-width:132px; text-align:center; }
.action-btn.bg-oxford-blue {background:#303039; color:#fff; font-size:16px; border-radius:0.5rem;}

.checkout-23, .checkout-23 .order-overview {font-size:14px;} 
.checkout-23 .fs-sm {font-size:12px; color:#777;}

.checkout-23 h1 .material-icons-outlined {display:none;}

.checkout-panel > div {padding-left:6rem;}

.checkout-23 .checkout-panel .checkout-stage-count{display:inline-flex; justify-content:center; align-items:center; width:32px; height:32px; text-align:center; -webkit-border-radius:100%; background:#303039; color:#fff; padding:1.5rem; margin-right:1.5rem; line-height:1.0; font-size:2rem;}


.checkout-23 .order-overview {padding:1.5rem;}
.checkout-23 .prod-img-wrap {width:100px; padding:0.5rem; border-radius:0.5rem; border:solid 1px #f5f5f5;}
.checkout-23 .prod-info-wrap {padding:0 1rem; color:#4D4D4D; width:calc(100% - 100px);}
.checkout-23 .prod-info-wrap span {width:100%; display:inline-block;}

.checkout-23 .prod-info-wrap a.fs-sm {text-decoration:underline;}

#content-wrapper .checkout-23 input[type=text], #content-wrapper .checkout-23 input[type=email], #content-wrapper .checkout-23 input[type=tel], #content-wrapper .checkout-23 select {background-color:#f5f5f5 !important; border:solid 1px #C8D0D8 !important; transition:0.3s;} 
#content-wrapper .checkout-23 input[type=text]:focus, #content-wrapper .checkout-23 input[type=email]:focus, #content-wrapper .checkout-23 input[type=tel]:focus, #content-wrapper .checkout-23 select:focus {border:solid 1px #303039 !important;}


.checkout-details-wrap .order-overview-panel {-webkit-position:sticky; position:sticky; top:2rem;}

span.apple-pay {max-width:600px !important;}

/* End Checkout */










/* Start Store Profile */

#store-photos.owl-carousel .owl-controls .owl-nav  {position:absolute; top:calc(50% - 18px); left:0; height:0; width:100%;}
#store-photos.owl-carousel .owl-controls .owl-nav .owl-prev {position:absolute; left:18px;}
#store-photos.owl-carousel .owl-controls .owl-nav .owl-next {position:absolute; right:18px;}

.reviews-wrap {position:relative; max-height:60vh; overflow:auto; border-radius:2rem;}

#store-reviews-lb .reviews-wrap {max-height:calc(100% - 7rem);}

/* End Store Profile */

/* Start 2022 Holiday Gift Guide 

.gg-22-red {color:#c42a2f;}
.gg-22-blue {color:#789da8;}
.gg-22-tan {color:#efd6ca;}
.gg-22-light-blue {color:#d0dee2;}

.bg-gg-22-red {background:#c42a2f;}
.bg-gg-22-blue {background:#789da8;}
.bg-gg-22-tan {background:#efd6ca;}
.bg-gg-22-light-blue {background:#d0dee2;}

.b--gg-22-red {border-color:#c42a2f;}
.b--gg-22-blue {border-color:#789da8;}
.b--gg-22-tan {border-color:#efd6ca;}
.b--gg-22-light-blue {border-color:#d0dee2;}

.outlined-text.gg-22-red-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#c42a2f;}
.outlined-text.gg-22-blue-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#789da8;}
.outlined-text.gg-22-tan-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#efd6ca;}
.outlined-text.gg-22-light-blue-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#d0dee2;}


.bg-gift-wrap-white {}
.bg-gift-wrap-white.top-left-gradient {position:relative; overflow:hidden;}
.bg-gift-wrap-white.top-left-gradient:before {content:''; position:absolute; top:50%; left:50%; width:120%; height:200%; background-image:url("../images/2022/SVG/bg-wrapping-paper-light-blue-3.svg"); background-size:100% auto; background-position:top left; background-repeat:repeat; transform:translate(-50%, -50%) rotate(-15deg);}
.bg-gift-wrap-white.top-left-gradient:after {content:''; position:absolute; top:0%; left:0%; right:0; bottom:0%; z-index:1;  width:100%; height:100%; background: rgb(120,157,168);
background: linear-gradient(20deg, rgba(120,157,168,1) 30%, rgba(120,157,168,0.3) 73%);}

.gg-22-wrapper .bt.bb.b--gg-22-red.bw4 {position:relative; border-width:2rem;}
.gg-22-wrapper .bt.bb.b--gg-22-red.bw4:before {content:''; position:absolute; top:.5rem; left:0; width:100%; height:1rem; background:#c42a2f; }
.gg-22-wrapper .bt.bb.b--gg-22-red.bw4:after {content:''; position:absolute; bottom:.5rem; left:0; width:100%; height:1rem; background:#c42a2f; }

.gg-22-wrapper .min-vh-50 {min-height:calc(100vh - 200px);}
.gg-22-wrapper .hero-section .min-vh-50 {min-height:50vh;}

.gg-22-wrapper .demo-wrapper {overflow-x: hidden;}
.gg-22-wrapper .wrapper {display: flex; }
.gg-22-wrapper .scroll-text .text {font-size: clamp(3rem, 5vw, 12rem); line-height: 1; font-weight: 900; white-space:nowrap; letter-spacing:16px; }
.gg-22-wrapper .scroll-text .text .outlined-text.gg-22-red-outline {-webkit-text-stroke-width: 2px;}

.bg-holiday-pattern-tan {position:relative; overflow:hidden;}
.bg-holiday-pattern-tan:before {content:''; opacity:0.5; position:absolute; top:50%; left:50%; width:120%; height:200%; background-image:url("../images/2022/SVG/bg-wrapping-paper-tan-2.svg"); background-size:50% auto; background-position:top left; background-repeat:repeat; transform:translate(-50%, -50%);}
.bg-holiday-pattern-red {position:relative; overflow:hidden;}
.bg-holiday-pattern-red:before {content:''; opacity:0.5; position:absolute; top:50%; left:50%; width:120%; height:200%; background-image:url("../images/2022/SVG/bg-wrapping-paper-red.svg"); background-size:50% auto; background-position:top left; background-repeat:repeat; transform:translate(-50%, -50%);}

.bg-wrapping-light-blue-tree {position:relative; overflow:hidden;}
.bg-wrapping-light-blue-tree:before {content:''; z-index:0; opacity:0.2; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url("../images/2022/SVG/bg-wrapping-light-blue-tree.svg"); background-size:100% auto; background-position:top left; background-repeat:repeat;}
.sales_banner.bg-wrapping-light-blue-tree:before {background-size:25% auto;}

.gg-22-wrapper h1  {font-size:4.75rem;letter-spacing:1px; text-transform:uppercase; font-family: gotham_bold, sans-serif; line-height:1.0;}
.gg-22-wrapper h2 {font-size:7rem;letter-spacing:1px; text-transform:uppercase; font-family: gotham_bold, sans-serif; display:inline-flex; flex-wrap:wrap; line-height:1.0;}
.gg-22-wrapper h1 .sm, .gg-22-product-wrap h2 .sm {font-size:42%; letter-spacing:10px;}

.gg-22-wrapper .br4.br--top-left.br--top-right {border-radius:0 0 4rem 4rem;}
.gg-22-wrapper .br4.br--bottom-left.br--bottom-right {border-radius:4rem 4rem 0 0;}


.gg-22-wrapper .wrapping-papper {position:relative;}
.gg-22-wrapper .parallax-card {border:solid 2px #efd6ca;}
gg-22-wrapper .wrapping-papper:before {content:''; position:absolute; z-index:2;  top:0; right:0; width:70%; height:50%; background-image:url("../images/2022/11/wrapping-paper-top-right.png"); background-size:contain; background-position:top right; background-repeat: no-repeat;}
.gg-22-wrapper .wrapping-papper:after {content:''; position:absolute; z-index:2;  bottom:0; left:0; width:70%; height:50%; background-image:url("../images/2022/11/wrapping-paper-bottom-left.png"); background-size:contain; background-position:bottom left; background-repeat: no-repeat;}

.gg-22-product-wrap h2 {color:#c42a2f; }
.gg-22-product-wrap h2 sup {font-size:58%;}
.gg-22-product-wrap .jfw-btn {background:#c42a2f; font-family: gotham_bold, sans-serif; text-transform:uppercase; letter-spacing:2px; font-size:12px; padding:1.25rem 3rem; font-weight:normal !important;}
.gg-22-product-wrap .dark-nav-btns.owl-carousel .owl-nav > div.owl-prev, .gg-22-product-wrap .dark-nav-btns.owl-carousel .owl-nav > div.owl-next {background:#c42a2f;}

.gg-22-product-wrap .category-hero-img-wrap {position:relative;  border:solid 2px #c42a2f;}
/*.gg-22-wrapper .category-hero-img-wrap:before {content:''; position:absolute; z-index:2;  top:0; right:0; width:70%; height:50%; background-image:url("../images/2022/11/wrapping-paper-top-right.png"); background-size:contain; background-position:top right; background-repeat: no-repeat;}
.gg-22-wrapper .category-hero-img-wrap:after {content:''; position:absolute; z-index:2;  bottom:0; left:0; width:70%; height:50%; background-image:url("../images/2022/11/wrapping-paper-bottom-left.png"); background-size:contain; background-position:bottom left; background-repeat: no-repeat;}

.gg-22-product-wrap .category-carousel .c-item {border:solid 2px #c42a2f;}


 End 2022 Holiday Gift Guide */

/* Start 2023 New Years Guide 

		.nyg-23-black {color:#0D0D0D;}
		.nyg-23-brown {color:#6c4523;}
		.nyg-23-gold-dark {color:#24d292;}
		.nyg-23-gold-light {color:#F2D1B3;}
		
		.bg-nyg-23-gradient-primary {background: #0D0D0D; -webkit-background-image: radial-gradient(circle, #6c4523 0%, #0D0D0D 50%); background-image: radial-gradient(circle, #6c4523 0%, #0D0D0D 50%);}
		.bg-nyg-23-gradient-primary.topcenter {background: #0D0D0D; -webkit-background-image: radial-gradient(ellipse at center top, #6c4523 0%, transparent 50%); background-image: radial-gradient(ellipse at center top, #6c4523 0%, transparent 50%);}
		.bg-nyg-23-gradient-secondary {background: #24d292; -webkit-background-image: radial-gradient(circle, #F2D1B3 0%, #24d292 50%); background-image: radial-gradient(circle, #F2D1B3 0%, #24d292 50%);}

		.bg-nyg-23-black {background:#0D0D0D;}
		.bg-nyg-23-brown {background:#6c4523;}
		.bg-nyg-23-gold-dark {background:#24d292;}
		.bg-nyg-23-gold-light {background:#F2D1B3;}

		.b--nyg-23-black {border-color:#0D0D0D;}
		.b--nyg-23-brown {border-color:#6c4523;}
		.b--nyg-23-gold-dark{border-color:#24d292;}
		.b--nyg-23-gold-light {border-color:#F2D1B3;}

		.outlined-text.nyg-23-black-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#0D0D0D;}
		.outlined-text.nyg-23-brown-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#6c4523;}
		.outlined-text.nyg-23-gold-dark-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#24d292;}
		.outlined-text.nyg-23-gold-light-outline {color:transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color:#F2D1B3;}

End 2023 New Years Guide */

/* Start 2023 Holiday Gift Guide 

.gift-guide-2023 h2 {font-size:clamp(4rem, 7vw, 5.5rem); text-transform:uppercase; font-weight:700;}

.corner-wrap .category-hero-img-wrap, .category-overview {position:relative;}
.corner-wrap .category-hero-img-wrap:after, .category-overview.corner-wrap:after {content:''; position:absolute; width:100%; height:100%;}

.corner-wrap.top-right .category-hero-img-wrap:after {top:0; right:0; background:url("../images/2023/gift-guide/wrapping-top-right.png") top right no-repeat; background-size: cover;}
.corner-wrap.bottom-left .category-hero-img-wrap:after {bottom:0; left:0; background:url("../images/2023/gift-guide/wrapping-bottom-left.png") bottom left no-repeat; background-size: cover;}
.corner-wrap.bottom-right .category-hero-img-wrap:after {bottom:0; right:0; background:url("../images/2023/gift-guide/wrapping-bottom-right.png") bottom right no-repeat; background-size: cover;}
.corner-wrap.top-left .category-hero-img-wrap:after {top:0; right:0; background:url("../images/2023/gift-guide/wrapping-top-left.png") top left no-repeat; background-size: cover;}

.corner-wrap.bottom-right-green .category-hero-img-wrap:after {bottom:0; left:0; background:url("../images/2023/gift-guide/wrapping-bottom-right-green.png") bottom right no-repeat; background-size: cover;}
.corner-wrap.top-right-green .category-hero-img-wrap:after, .category-overview.corner-wrap.top-right-green:after {bottom:0; left:0; background:url("../images/2023/gift-guide/wrapping-top-right-green.png") top right no-repeat; background-size:auto 60%; z-index:4;}

 End 2023 Holiday Gift Guide */

/* Start 2024 Holiday Gift Guide 

	.frosty-window {position:relative; overflow:hidden;}
		.frosty-window.frosty-hero:after {
			content:'';
			position:absolute;
			top:0;
			left:0;
			z-index:2;
			width: 100%;
			height: 100%;	
			box-shadow: inset 0 0 220px #fff;
		}
		.frosty-window.frosty-card:after {
			content:'';
			position:absolute;
			top:0;
			left:0;
			z-index:2;
			width: 100%;
			height: 100%;	
			box-shadow: inset 0 0 120px #fff;
		}
		.frosty-window.frosty-card-mini:after {
			content:'';
			position:absolute;
			top:0;
			left:0;
			z-index:2;
			width: 100%;
			height: 100%;	
			box-shadow: inset 0 0 60px #fff;
		}

		.hero-ribbon-top-right {position:absolute; z-index:4; top:-120px; left:-120px; height:100%; width:auto;  background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,0.7987570028011204) 0%, rgba(255,255,255,0) 68%);}

 End 2024 Holiday Gift Guide */

.sticky.tabs-nav-wrap {position:sticky; z-index:9; top:0; left:0;}

#tabs, #tabs li {list-style-type:none; margin:0; display:flex;}
#tabs {padding:3rem 0; justify-content:flex-start; white-space:no-wrap;}
#tabs li {padding:0 2rem 0 0;}
#tabs li a {padding:1.5rem 3rem; background:#fff; color:#303039; border-radius:999px; white-space:nowrap;}
#tabs li a:hover, #tabs li a:acive, #tabs li a:visited {text-decoration:none !important;}
#tabs li.current a, #tabs li.current a:hover, #tabs li.current a:active {background:#303039 !important; color:#fff; text-decoration:none;}

.website-guide .category-icons > div {min-width:160px;}
.website-guide .category-icons > div .dib.w-100.tc {white-space:nowrap;}





/* LANDING PAGES */


/* START LARGE NAV */
@media screen and (min-width: 1126px) {
	
	nav.main-nav ul.nav-primary > li > button:after, nav.main-nav ul.nav-primary > li > a:after {content:''; position:absolute; bottom:2.25rem; left:50%; transform:translateX(-50%); width:24px; height:4px; background:#ccc; opacity:0; -webit-border-radius:6px; border-radius:6px; transition:0.3s;}
	nav.main-nav ul.nav-primary > li > button:hover:after, nav.main-nav ul.nav-primary > li > button.active:after, nav.main-nav ul.nav-primary > li > a:hover:after, nav.main-nav ul.nav-primary > li > a.active:after {bottom:2.75rem; opacity:1.0;}
	
	nav.main-nav .mega-nav.sub-nav-wrap {display:block; visibility:hidden; opacity:0; transform:translateY(-100px);  transition:all 0.3s; }
	nav.main-nav .mega-nav.sub-nav-wrap:not(.active) {transition-delay:0.3s;}
	nav.main-nav .mega-nav.sub-nav-wrap .sub-nav {opacity:0; transform:translateY(-20px); transition:all 0.3s;}
	nav.main-nav .mega-nav.sub-nav-wrap.active {opacity:1.0; visibility:visible; transform:translateY(0px); transition:all 0.3s;}
	nav.main-nav .mega-nav.sub-nav-wrap.active .sub-nav {opacity:1.0; transform:translateY(0px);  transition:all 0.3s; transition-delay:0.3s;}
	nav.main-nav .mega-nav.sub-nav-wrap:not(.active) .sub-nav {}
	
	.wrap-reverse-ns > div.custom-carousel-wrapper {flex-direction:row-reverse;}
	.wrap-reverse-ns > div.custom-carousel-wrapper .pl5-ns {padding-right:4rem; padding-left:0;}
	
}
/* END LARGE NAV */

/* START SMALL NAV */
@media screen and (max-width: 1125px) {
	

	header.active:before {display:none;}
	
	menu.utility-nav .center_content {padding-left:1rem; padding-right:1rem;}
	menu.utility-nav .microsite-selection {padding-left:0rem;}
	menu.utility-nav .utility-btns {display:none; padding-right:0rem;}
	
	.commercial-use menu.utility-nav .utility-btns {display:inline-block;}
	
	nav.main-nav {height:calc(62px + 1rem);  margin:0.75rem 0.5rem; padding:1rem 0rem; justify-content:flex-end; transition:0.6s; width:calc(100%);}
	header.active nav.main-nav {border-radius:1rem;}
	header.active nav.main-nav:before {content:'';position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(0, 0, 0, .7); backdrop-filter: blur(4px); z-index:2;}
	header.active nav.main-nav ul.nav-primary {background:#fff; z-index: 3;}
	nav.main-nav .nav-logo {width:auto; position:absolute; top:1rem; left:0.5rem;}
	nav.main-nav .nav-logo img {width:12rem;}
	nav.main-nav .nav-logo, nav.main-nav ul.nav-primary > li > button, nav.main-nav ul.nav-actions button, nav.main-nav ul.nav-actions li > span, nav.main-nav .mobile-menu-open {padding:1.5rem 1.25rem;}
	
	nav.main-nav ul.nav-actions .cart-count-wrap {top:4px; right:0px;}
	
	/*nav.main-nav ul.nav-primary, nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap, nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap .sub-nav-sub-cats {position:fixed; width:calc(100% - 4rem); height:calc(100% - 4rem - 25px); top:calc(25px + 2rem); left:2rem; background:#fff; flex-wrap:wrap; align-content:flex-start; justify-content:center; padding:2rem; padding-top:8rem; border-radius:1rem; z-index: 99;}*/
	nav.main-nav ul.nav-primary, nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap, nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap .sub-nav-sub-cats {position:fixed; width:100%; height:calc(100% - 25px - 1rem); top:calc(25px); background:#fff; flex-wrap:wrap; align-content:flex-start; justify-content:center; padding:2rem; padding-top:8rem; border-radius:1rem; z-index: 99;}
	nav.main-nav ul.nav-primary {margin-right:0rem; width:calc(100% - 1rem);}
	nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap .sub-nav-sub-cats {width:calc(100% - 4rem);}
	nav.main-nav .mobile-menu-open, ul.nav-primary .mobile-menu-close {display:block; width:25px; height:auto; opacity:0.65; transition:0.3s;}
	ul.nav-primary .mobile-menu-close  {position:fixed; top:3rem; right:1.5rem; z-index: 999; }
	ul.nav-primary .mobile-menu-open:hover, ul.nav-primary .mobile-menu-close:hover {opacity:1.0;}
	nav.main-nav .mobile-menu-open {width:calc(25px + 2rem);}
	button.mobile-nav-back-btn {position:relative; display:block; padding-left:1.5rem; margin-left:-2rem; color:#999; font-size:16px; margin-bottom:2rem; width:100%; text-align:left; }
	button.mobile-nav-back-btn:before {font-size:16px; font-family: 'Material Icons'; position:absolute; top:50%; left:0rem; content:'\e5cb'; transform:translateY(-50%); color:#999; color:#999;}
	
    /*nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap {top:0; padding-top:4rem; height:calc(100vh - 3.5rem); overflow:auto;}
	nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap .sub-nav-sub-cats {top:0; padding-top:4rem; height:calc(100vh - 3.5rem); overflow:auto;}
	nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap.overflow-hidden {overflow:hidden;}*/
	
	nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap, nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap .sub-nav-sub-cats {top:0; padding-top:4rem; height:100%;}
	nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap.overflow-hidden {overflow:hidden;}
	
	nav.main-nav ul.nav-primary {display:block; transform:translateX(100%); opacity:0; transition:0.7s;}
	nav.main-nav ul.nav-primary.active {transform:translateX(0); opacity:1.0; overflow:hidden;}
	nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap, nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap .sub-nav-sub-cats {display:block; transform:translateX(100%); opacity:0; transition:0.7s;}
	nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap.active, nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap .sub-nav-sub-cats.active {transform:translateX(0); opacity:100%;}
	nav.main-nav ul.nav-primary > li .mega-nav.sub-nav-wrap .sub-nav-sub-cats.active {transform:translateX(-2rem); overflow:auto;}
	nav.main-nav ul.nav-primary > li {width:100%; align-content:flex-start; justify-content:center;}
	nav.main-nav ul.nav-primary > li > button, nav.main-nav ul.nav-primary > li > a {width:100%; padding:1.5rem 0; font-size:24px; text-align:left; position:relative; width:100%;}
	
	
	nav.main-nav ul.nav-primary > li:first-child > button {padding-top:0;}
	nav.main-nav ul.nav-primary > li:first-child > button:after {top:25%; transform:translateY(-25%); opacity:1.0; bottom:auto;}
	nav.main-nav ul.nav-primary > li > button:after {font-family: 'Material Icons'; position:absolute; top:50%; bottom:auto; right:2rem; left:auto; content:'\e5e1'; transform:translateY(-50%); height:auto; width:auto; color:#999; font-size:16px; opacity:1.0; background:transparent;}
	nav.main-nav ul.nav-primary > li > button:hover:after, nav.main-nav ul.nav-primary > li > button.active:after {color:#4D4D4D;  background:transparent;}
	
	nav.main-nav ul.nav-actions > li a.cta-btn {margin-right:0; margin-left:0;}
	
	
	.sub-nav-title span {font-family: "acumin-pro", sans-serif;}
	.sub-nav-title span:after {display:none;}
	
	nav.main-nav .mega-nav.sub-nav-wrap > .sub-nav {padding-left:2rem; padding-right:2rem;}
	nav.main-nav .mega-nav.sub-nav-wrap .sub-nav-title {padding:0;}
	nav.main-nav .mega-nav.sub-nav-wrap {overflow:hidden;}
	.sub-nav-columns {padding:1rem 0; overflow:auto; height:calc(100svh - 164px);}
	.sub-nav-columns > div {padding-right:0; width:100%;}
	nav.main-nav ul.nav-primary > li .sub-nav-cat-group {margin:0;}
	.sub-nav-cat-group a.sub-nav-cat-title, .sub-nav-cat-group.text-links a {padding:1rem 0; font-size:16px; font-family: "acumin-pro", sans-serif;}
	.sub-nav-cat-group.text-links a.sub-nav-sale-item {padding:0;}
	.sub-nav-cat-group a.sub-nav-cat-title {width:100%; padding:0.75rem 0; position:relative;}
	.sub-nav-cat-group a.sub-nav-cat-title.w-links:after {font-family: 'Material Icons'; position:absolute; top:50%; right:0rem; content:'\e5e1'; transform:translateY(-50%); color:#999; font-size:14px;}
	.sub-cat-title {}
	nav.main-nav .mega-nav.sub-nav-wrap .sub-nav-title.dn {display:inline-block;}
	
	#local-store-drop-btn #storeNamePrimary {display:none;}
	#checkoutButtonDiv {margin-right:0 !important;}
	.checkout-23 h2 {font-size:2.5rem;}
	nav.main-nav ul.nav-actions li:last-child button {padding-right:1.25rem;}
	
	.LPMoverlay.LPMoverlay, .autonewsletter-btn, .quote-float-btn {bottom:1rem !important;}
	.LPMoverlay.LPMoverlay {right:1rem !important;}
	.autonewsletter-btn, .quote-float-btn {left:1rem !important;}
	
	
	
	#cookie-consent {bottom:1rem; left:1rem; right:1rem; width:calc(100% - 2rem);}
	
/*	.product_details .product_nav a.border-btn {font-size:14px; padding:0.75rem 2rem;}
	.product_nav #ourPriceSpan {font-size:14px;}*/
	.product_details .product_nav .product-nav-links a {margin-right:2rem;}
	.product_details .product_nav .center_content {padding-left:2rem; padding-right:2rem;}
	
	#hl-single-container > .item > img {width:100%;}
	#hl-single-container > .item > .hl-content {width:100%; padding:1.5rem;}
	
	.mw8 .email-offer h2 {font-size:2.0rem;}
	.newsletter-page-wrap p {font-size:14px;}
	.newsletter-page-wrap .form-wrap {flex-wrap:wrap;}
	
	.w-160px-ns {width:160px;}
	
}
/* END SMALL NAV */
	





/* START SMALL */
@media screen and (max-width: 30em) {
	
	h3.f2 {font-size:1.75rem;}
	
	.bg-transparent-m {background:transparent;}
	.bg-transparent-m:after {display:none;}
	
	.scroll-trigger-wrap {width: 400%;}
	.scroll-trigger-wrap .video-wrap {width: 100%;}
	
	.pullup14 {margin-top:-8rem;}
	.pullup-32vh {margin-top:-32vh;}
	.pullup-100, .pullup-50 {margin-top:-30px;}
	.pullup-40, .pullup-30 {margin-top:-20px;}
	.pullup-0-sm {margin-top:0;}
	.card-ol-left, .card-ol-right {width:100%;}
	.card-ol-right {margin-left:0;}
	
	.center_content.ph4 {padding-left:2.5rem; padding-right:2.5rem;}
	
	.object-top-left {object-position:top 0 left 10%; top:35px;}
	img.object-bottom-left-sm {object-position:bottom left;}
	img.object-center-right-sm {object-position:center right;}
	img.object-center-right-10-sm {object-position:top 0 right 10%;}
	
	.lb_wrapper .lb_content.content_xl {position:absolute; top:2rem; left:50%; transform:translateX(-50%); width:calc(100% - 4rem); height:calc(100% - 4rem);}
	.lb_wrapper #close-btn, .lb_wrapper .close, .lb_wrapper .close-btn {top:1rem; right:1rem;}
	
/*	nav.main-nav ul.nav-primary > li > button, nav.main-nav ul.nav-actions button, nav.main-nav ul.nav-actions li > span {padding:1.5rem 1rem;}
	
	.main-home-page .hero-wrap:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(0, 0, 0); background:linear-gradient(180deg, rgba(0, 0, 0,0.5) 30%, rgba(0, 0, 0,0) 90%); z-index:2;}*/
	.main-home-page .hero-wrap.bg-oxford-blue:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(14, 21, 40); background:linear-gradient(180deg, rgba(14, 21, 40,0.5) 50%, rgba(0, 0, 0,0) 90%); z-index:2;}
	.main-home-page .hero-wrap.bg-johnson-red:after {content:''; top:0; left:0; width:100%; height:100%; position:absolute; background:rgba(196, 41, 47); background:linear-gradient(180deg, rgba(196, 41, 47,0.65) 30%, rgba(196, 41, 47,0) 90%); z-index:2;}
	
	h1 .futura.f2 {font-size:48px; font-weight: bold; font-family: gotham_bold, sans-serif; line-height: 1.0;}
	h1 .futura.f2 .material-icons-outlined, .futura.f2 .material-icons {font-size:42px; position:relative;}
	
	#lb-wrapper-autonewsletter form {flex-wrap:wrap; border-radius:2rem; padding:0.25rem;}
	#lb-wrapper-autonewsletter input[type=email] {width:100%; padding:1.5rem; border:none !important; background:#fff; border-radius:2rem 2rem 0 0;}
	#lb-wrapper-autonewsletter a.dib {width:100%; padding:1rem 1.5rem; text-align:center; border-radius:2rem;}
	
	
	
	.sale-banner-carousel .item {font-size:14px;}
	
	.center_content > .hero-wrap {height:calc(50vh + 3rem); min-height:calc(480px + 3rem);}
	.category-overview.min-vh-50, .category-overview.category-img-wrap {height:50vh; min-height:480px;}
	.category-overview:before {background:linear-gradient(0deg, rgba(14,21,40,0.75) 50%, rgba(14,21,40,0) 100%);}
	.custom-carousel-hero.category-overview:before {display:none;}
	
	
	.owl-carousel .owl-nav > div.owl-prev.disabled, .owl-carousel .owl-nav > div.owl-next.disabled {opacity:0.15;}
	.category-carousel .owl-controls .owl-nav {}
	.category-carousel .owl-controls .owl-nav > div.owl-prev, .category-carousel .owl-controls .owl-nav > div.owl-next { width:40px; height:40px; transform:translateY(0px);}
	.plp .category-carousel .owl-controls .owl-nav > div.owl-prev, .plp .category-carousel .owl-controls .owl-nav > div.owl-next {transform:translateY(24px);}
	.category-carousel .owl-controls .owl-nav > div.owl-next {left:calc(100% - 4rem);}
	.category-carousel .owl-controls .owl-nav > div.owl-prev {left:calc(100% - 9rem);}
	.plp .category_content.carousel-wrap h2 {font-size:2.0rem;}
	
	.category-carousel .c-item .prod-name, .category-carousel .c-item .pricing {font-size:14px;}
	
	.hero-wrap .mega-outlined {position:relative; display:inline-block; font-size:2.5rem; width:1000%; text-align:center; left:50%; margin-bottom:25px;}
	
	.commercial-use #category-scroll {margin-top:60px;}
	#category-scroll .owl-nav > div.owl-next {top:-65px; right:0px;}
	#category-scroll .owl-nav > div.owl-prev {top:-65px; left:calc(100% - 11rem);}
	
	/* START HOMEPAGE */
	
	.hero-wrap.hero-section span.industry-500.f1 {font-size:2.0rem;}
	.hero-wrap.hero-section h1.promo-text.humane > span {font-size:32vw;}
	
	.hero-section {height:calc(100svh - 80px);}
	
	.home-fitness .hero-section h1.humane.mega-xl, .home-fitness .hero-section h1.humane.mega-xl span {font-size:clamp(7rem, 13vw, 26rem);}
	
	.floor-model-banner {background-size:auto 150px; padding-bottom:150px;}
	
	.custom-carousel-wrapper .w-50-ns .rounded-img-wrap {min-height:50vh;}
	
	.cat-carousel-wrap.lifestyle-overlap {padding-right:0; padding-left:0;}
	.cat-carousel-wrap.lifestyle-overlap {margin-top:1rem;}
	.cat-carousel-wrap.lifestyle-overlap h2 {color:#303039;}
	.cat-carousel-wrap.lifestyle-overlap p span.white {color:#4d4d4d;}
	.cat-carousel-wrap.btn-bg-white a.bg-johnson-red.br-pill.white {color:#fff;background:#303039;}
	
	.category-overview.rounded-img-wrap img.object-right18 {object-position:18% top !important;}
	
	.main-home-page.home-fitness .hero-wrap h1, .main-home-page.home-fitness .hero-section h1 {font-size: clamp(3.6rem, 4.4vw, 7rem); line-height:1.1; margin-top:0.5rem;}
	h2.humane.mega-xl, h2.humane.mega-x1 span {font-size:clamp(8rem, 10vw, 26rem);}
	
		/*BLACK FRIDAY 2023 */
	
		.main-home-page:before, .img-wrapping-bg { background-size:150%;}
	
		.main-home-page.home-fitness h1 {height:auto;}
		.promo-teaser .teaser-img-wrap {width:100%;}
		.promo-teaser .teaser-content {width:100%;}
		.promo-teaser .teaser-carousel {width:100%;}
		.promo-teaser .teaser-carousel-wrap {width:calc(80px + 2rem);}
		.promo-teaser .teaser-carousel-img {width:80px; height:80px;}

		.main-home-page.home-fitness .video-wrap, .main-home-page.home-fitness .video-mask  {position:relative;}
		.main-home-page.home-fitness .video-wrap.absolute {position:absolute;}
		.main-home-page.home-fitness .video-wrap {min-height:60vh;}

		.main-home-page.home-fitness .video-wrap video {position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:100%; object-fit:cover; object-position: top center;}
		
		h1.humane.hero-headline span {font-size:clamp(4rem, 28vw, 22rem);}
		h2.hero-headline2 {font-size: clamp(3rem, 2.2vw, 7rem); line-height:1.0;}
	
		.pullup0-sm {margin-top:0;}
	
/*		.promo-content-wrap {top:2rem;}
		.promo-panel-wrap, .promo-panel-wrap .promo-panel {height:calc(100vh - 8rem);}*/
		.promo-content-wrap {right:1rem; max-width:calc(100% - 2rem);}
		.promo-content-wrap h2 {font-size:2.0rem;}
		.promo-content-wrap p {font-size:1.5rem;}
	
	
	
		#promo-order-details h4 {font-size:2rem;}
		
		/*BLACK FRIDAY 2023 */
	
	/* END HOMEPAGE */
	
	/* START CATEGORY GRID */
	
	.category-img-wrap {min-height:400px;}
	
	.cat-values.value-props .overflow-auto {width:calc(100% + 4rem); margin-left:-2rem; margin-right:-2rem; padding-left:2rem;}
	.cat-values.value-props .single-value {min-width:340px;}
	
	.floor-model-banner-sm {background-image:none; }
	
	.sale-banner-carousel {max-height: 40px;}
	
	.product.advanced-plp .summary, .product.advanced-plp .spec-list li {font-size:12px;}
	.product.advanced-plp .summary, .product.advanced-plp .spec-list li.attribute-6 {width:100%;}
	.product.advanced-plp .summary, .product.advanced-plp .spec-list li img {width:24px; margin-right:0.5rem;}
	
	
	
	/* END CATEGORY GRID */
	
	
	/* START PRODUCT DETAILS */

	.pd-2022 .w-two-thirds-ns.img-reveal-up { border-radius:0;}
	
	.text-over-img-wrap {flex-wrap:wrap; background:transparent; height:auto !important;}
	.text-over-img-wrap.bottom-black-gradient:after {display:none;}
	.text-over-img-wrap video {position:relative; border-radius:1rem; width:100%; height:auto;}
	
	.text-over-img-wrap .text-content, .text-over-img-wrap .text-content.m-relative {position:relative; padding:2rem 0;}
	.text-over-img-wrap .text-content h2 {color:#303039;}
	.text-over-img-wrap .text-content p, .text-over-img-wrap .text-content ul li {color:#4d4d4d;}
	
	.pd-2022 .pt5.pb5.pb0-ns {padding-bottom:3rem;}
	
	
	.pd-2022 > .w-100.hero-img-wrap, .pd-2022 > .w-100.pullup-50 {width:100%;}
	.pd-2022 > .w-100.pullup-50 .parallax > div:last-child {padding-left:0;}
	.pd-2022 > .w-100.pullup-50 .parallax {margin-top:0;}
	.pd-2022 .ph4.ph0-ns.parallax, .pd-2022 .ph5-ns.pullup-50 {padding:3rem 0 0 0 !important;}
	.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > .items-stretch:first-child {margin-top:1rem;}
	.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content .w-70-ns > .items-stretch {margin-bottom:2rem;}
	/*.pd-2022 .specs-subsection .w-100.w-two-thirds-ns {width:calc(100% + 2rem); margin-left:-1rem;}*/
	.pd-2022 .specs-subsection .single-spec {padding-left:0; padding-right:0;}
	.pd-2022 .specs-subsection .single-spec > .w-100 {padding:1.5rem;}
	.pd-2022 .specs-subsection .single-spec h4 {margin-bottom:1rem;}
	#specs_wrap .specs-subsection .w-25-ns h3 {margin-bottom:1rem;}
	
	.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content {flex-wrap:wrap;}
	.pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content > h2, .pd-2022 .w-100.bottom-black-gradient.text-over-img-wrap .text-content > p {width:100%;}
	
	.peloton-app-plus-wrap .w-100.w-80-ns {margin-top:3rem;}
	.peloton-app-plus-wrap .w-100.ph3 {padding-left:0; padding-right:0;}
	.peloton-app-plus-wrap .w-100.w-25-ns {padding-left:0; padding-right:0;}
	.peloton-app-plus-wrap .peloton-app-plus h2 {margin-bottom:0;}
	
	.pd-2022 .w-100.w-two-thirds-ns video {position:relative; }
	
	.product-compare-attributes .category-carousel .c-item {width:170px;}
	.product-compare-attributes .category-carousel .c-item .attribute-detail {font-size:14px; height:28px;}
	
	/* END PRODUCT DETAILS */
	
	#controlButtons {padding:1rem 0;}
	.kit.flex.flex-column {justify-content: flex-start;}
	.kit .thumb_options.not-lfcustomize > div {align-items: flex-start;}
	
	#promo-order.on-sale-tag,  .free-delivery-wrap.on-sale-tag {font-size:12px;}
	#promo-order.on-sale-tag .material-icons-outlined,  .free-delivery-wrap.on-sale-tag .material-icons-outlined {font-size:14px; margin-right:0.25rem;}
	
	
	.checkout-panel > div {padding-left:0;}
	
	.checkout-23 .checkout-panel .checkout-stage-count {width:24px; height:24px; margin-right:0.5rem; font-size:1.5rem;}
	
	
	.shipping-options {margin-bottom:0;}
	.shipping-options-wrap {flex-wrap:wrap; margin-left:0px; margin-right:0px;}
	.shipping-options-wrapper .shipping-options-wrap {flex-wrap:wrap; margin-right:0; margin-left:0; width:100%;}
	.shipping-options .shipping-input-wrap {padding-right:0; padding-bottom:8px;}
	.shipping-options .shipping-input-wrap label {justify-content:space-between; align-items:flex-end; padding:1rem;}
	.shipping-options .shipping-input-wrap label  img {height:30px;}
	
	#promo-pricing > .holiday-gradient, .shipping-details-btn .f5 {font-size:12px !important;}
	
	h2.header-mega-outline {position:relative; font-size:2.5rem !important;}
	
	.product_details p, .overview_content p, .intro-text ul li, .pd-2022 ul li {font-size:15px;}
	
	.card-ol-left, .card-ol-right {padding-left:0; padding-right:0;}
	
	.intro-text ul {width:calc(100% + 4rem); margin-left:-2rem; overflow-y:hidden; overflow-x:auto; justify-content:flex-start; padding:0 2rem 10px 2rem;}
	.intro-text ul li {font-size:14px; width:auto; white-space: nowrap;}
	
	.specs-subsection > .w-100.flex {margin-bottom:2rem;}
	.specs-subsection .hero-img-wrap {height:50vh;}
	.specs-subsection .single-spec {padding-left:0; padding-right:0;}
	
	#video-wrap iframe {width:100%; left:0; right:0;}
	
	#thelist-similar {width:100%; margin:0; overflow:visible;}
	
	#lb-compare-kits.lb-content, .lb-content {max-height:calc(100% - 80px); width:calc(100% - 2rem);}
	#lb-compare-kits.lb-content h2 {font-size:24px;}
	#lb-compare-kits.lb-content h5 {font-size:16px;}
	#lb-compare-kits.lb-content p {font-size:14px;}
	.compare-table-wrap .w-20 {min-width:150px; font-size:12px; height:80px; display:flex; align-items:center;}
	.compare-table-wrap span.small {font-size:12px;}
	.compare-table > div.w-100:first-of-type .w-20 {height:160px;}
	.compare-table > div.w-100 {position:relative;}
	.compare-table > div.w-100 > div.w-20:first-of-type {position:fixed;}
	.compare-table > div.w-100 > div.w-20:nth-of-type(2) {margin-left:150px;}
	
	#hl-slides-container .owl-item .item > img {width:100%;}
	#hl-slides-container .owl-item .item > .hl-content {width:100%; padding:2rem;}
	
	.pd-2022 > .w-100.pullup-50 .parallax > div.w-30-ns:has(img) {margin-bottom:3rem;}
	.pd-2022 > .hero-img-wrap, .pd-2022 > .bottom-black-gradient.text-over-img-wrap {width:100%; margin-left:0; margin-right:0; border-radius:1rem;}
	.pd-2022 .parallax > .w-30-ns .w-100.pullup-100 {width:80%; margin-left:10%;}
	.pd-2022 .w-two-thirds-ns.br3, .pd-2022 > .bottom-black-gradient.text-over-img-wrap .hero-img-wrap, .pd-2022 .br0.br3-ns {border-radius:1rem;}
	.pd-2022 .ph4.ph0-ns.parallax, .pd-2022 .ph5-ns.pullup-50 {padding-left:1rem; padding-right:1rem;}
	
	
	
	#addon-lb-wrap form > h2 {width:calc(100% - 50px); font-size:2rem;}
	.addon-table-wrap {padding:1rem 0; margin-left:-4rem; width:calc(100% + 8rem);}
	.addon-table-wrap fieldset {padding:0;}
	.promo-options fieldset {width:100%;}
	
	.hero-wrap h1.promo-text.humane {font-size:72px;}
	.hero-wrap p.f2 {font-size: 4.5vw;}
	
	
	.humane-header h2 {font-size:8rem;}
	
	
	.main-home-page .hero-wrap:before {background-size:100% auto;}
	
	
	.additional-promos .promo-card .f2 {font-size:2.0rem;}
	.humane-header h2 {flex-wrap:wrap;}
	
	.bottom-black-gradient:after {content:''; position:absolute; bottom:0; left:0; right:0; height:100%; width:100%; background: rgb(0, 0, 0); background: linear-gradient(360deg, rgba(0, 0, 0,0.70) 40%, rgba(0, 0, 0,0) 90%);}
	
	
	.product_content .product_header .promo-options li .kitProductName, .promo-options ul.kit .kitProductName .so.bg-holiday-secondary {width:100%; text-align:center; font-size:14px !important; justify-content:center;}
	.promo-options ul.kit img {display:none;}
	
	.sale-banner-carousel {}
	.sales_banner .center_content {padding:0.25rem;}
	
	#store-photos .item img {min-height:auto; height:40vh;}
	#store-photos, #store-photos .item, #store-photos .item img {height:40vh;}
	
	.main-home-page .hero-wrap h1.holiday-font {font-size:4.0rem;}
	
	.sale-banner-carousel .item span {text-align:center; display:inline-block; font-size:14px;}
	.sale-banner-carousel .item .material-icons {display:none;}
	
	/*	.category-carousel .owl-nav > div {bottom:100%;}*/
	
	#lb-wrapper-autonewsletter #lb-autonewsletter h2.humane {font-size:5rem;}
	
/*	button#promo-order span {font-size:14px;}*/
	
	#top-page-marquee {position:absolute; top:124px; left:0;}
	
	a.border-btn, .border-btn {padding:0.75rem 2rem; font-size:16px;}
	
	/* Start Contact + Quote Forms */

	.form-section > div {padding-left:4.7rem;}
	.form-section .form-section-count {width:24px; height:24px;padding:2rem; margin-right:1rem; line-height:1.0;}
	.shipping-options .shipping-input-wrap, .custom-checkbox-wrap .custom-input-wrap {padding-right:0; padding-left:0; max-width:100%;}


	/* End Contact + Quote Forms */
	
	/* LANDING PAGES */

		.treo-lp img.hero-phone {width:30%;}
		.treo-lp img.phone-videos {bottom:-8rem; right:calc(2rem + 12%); z-index:4;}
		.treo-lp img.phone-progress {bottom:-2rem; right:2rem; z-index:3;} 
	
		.treo-lp img.hero-tablet {position:absolute; bottom:-2rem; right:6rem; height:auto; width:80%; z-index:5;}
		.treo-lp img.hero-dual-phones {position:absolute; bottom:-2rem; right:6rem; height:auto; width:54%; z-index:5;}
	
		.treo-lp .chart-wrap .w-20 {min-width:100px;}
		.treo-lp .chart-wrap .w-20 .logo-wrap {padding-right:0; padding-left:0;}
		.treo-lp .chart-wrap .w-20:first-child .pl0 {padding-right:1rem; }
		.treo-lp .chart-wrap .w-20 > div {padding-top:1rem; padding-bottom:1rem;}
		.treo-lp .chart-wrap .w-20:first-child .w-100.h3.flex {padding-left:0; padding-right:0rem; font-size:12px;}
	
		.treo-lp .chart-wrap {position:relative;}
		.treo-lp .chart-content {position:static; overflow:auto;}
		.treo-lp .chart-wrap .w-20:first-child {position:absolute; top:0; left:0; z-index: 2; background:#f5f5f5; padding-top:1.2rem; padding-bottom:1.5rem;}
		.treo-lp .chart-wrap .w-20:nth-child(2) {padding-left:100px;}
	
		.treo-lp .category-overview.min-vh-75 {min-height:60vh;}
		.treo-lp .category-overview.min-vh-75 h2.f1 {font-size:2.75rem;}
		
	
	/* END LANDING PAGES */	
	
	/*Start 2024 Gift Guide 
	
		.frosty-window.frosty-hero:after {
			box-shadow: inset 0 0 60px #fff;
		}
		.frosty-window.frosty-card:after {
			box-shadow: inset 0 0 32px #fff;
		}
		.frosty-window.frosty-card-mini:after {
			
		}
		.hero-ribbon-top-right {height:54%;}
	
	 End 2024 Gift Guide */
	
	footer .center-content {padding-left:2.5rem; padding-right:2.5rem;}
	
	
}
/* END SMALL */



/* START NOT SMALL */
@media screen and (min-width: 900px) {
	.white-ns {color:#4d4d4d;}
	.w-15-ns {width:15%;}
	.w-65-ns {width:65%;}
	.w-45-ns {width:45%;}
	.w-55-ns {width:55%;}
	.w-auto.w-100-ns {width:100% !important;}
	
	.min-vh-50-ns {min-height:50vh;}
	
	.mv-n2-ns {margin-left:-1.0rem; margin-right:-1.0rem;}
	.w-100.mv-n2-ns {width:calc(100% + 2rem);}
	
	.pd-2022 > .w-100.pullup-50 .parallax > div.w-30-ns:has(img) {width:25%; background:#fff; -webkit-border-radius:1rem; border-radius:1rem; display:flex; justify-content:center; padding:0rem 5rem;}
	.pd-2022 > .w-100.pullup-50 .parallax > div.w-30-ns:has(img) + div.w-70-ns {width:75%;}
/*	.pd-2022 > .w-100 .w-100.br3.flex.flex-wrap .w-100.w-70-ns {width:100%; padding-left:0; padding-bottom:0;}*/
	.pd-2022 > .w-100 .w-100.br3.flex.flex-wrap .w-100.w-70-ns:has(.w-third-ns) {padding-left:4rem; width:70%;}
	.pd-2022 > .w-100 .w-100.br3.flex.flex-wrap .w-100.w-70-ns .w-third-ns {margin-bottom:0;}
	
/*	.pd-2022 > .w-100 .w-100.br3.flex.flex-wrap .w-100.w-70-ns > h2, .pd-2022 > .w-100 .w-100.br3.flex.flex-wrap .w-100.w-70-ns > div {width:33.333%;}*/
	
	.pd-2022 > .w-100 .flex.items-center {align-items:stretch;}
	.pd-2022 > .w-100 .flex.items-center .mv5-ns {margin-top:0; margin-bottom:0;}
	
	.pd-2022 > .w-100.pullup-50 .w-100.bg-white.parallax {display:flex; justify-content:space-between; flex-wrap:wrap;}
	
	.min-vh-75-ns {min-height:75vh;}
	.min-vh-100-ns {min-height:100vh;}
	
	.w-100.mv-n4-ns {width:calc(100% + 4rem); margin-left:-2rem;}
	
	.pd-2022 .mv6 {margin-top:16rem; margin-bottom:16rem;}
	.text-content .w-70-ns {margin-top:-50px;}
	
	.pd-2022 .w-two-thirds-ns.br3-ns.bg-dark-gray {border-radius:1rem;}
	
	.object-top-center-ns {object-position:top center; top:0;}
	
	.pullup-100-ns {margin-top:-100px;}
	
	
	.hero-wrap p.f2 {font-size:clamp(1.2rem, 2vw, 3rem);}
	
	ul.checklist li.w-50-ns {padding-right:2rem;}
	
/*	#specs_wrap > .center_content > .ph5-ns, #reviews_tab > .center_content > .ph5-ns {padding-right:6rem; padding-left:6rem;}*/
	
}
/* END NOT SMALL */




/* START MEDIUM */
@media screen and (min-width: 30em) and (max-width: 60em) {
	
	
}
/* END MEDIUM */



/* START LARGE */
@media screen and (min-width: 60em) {
	
	
}
/* END LARGE */