@charset "UTF-8";

@font-face {
    font-family: 'Utopia Std';
    src: url('../woff2/utopiastd-disp.woff2') format('woff2'),
    url('../woff/utopiastd-disp.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.font-utopia {
    font-family: "Utopia Std" !important;
}

/* @formatter:off */

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);transition:transform 333ms cubic-bezier(.4, 0, .22, 1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(../png/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(../svg/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(../gif/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}
/* disable PhotoSwipe zoom */
.pswp__img {
    pointer-events: none;
}

.pswp__button--zoom {
    display: none !important;
}
/*! cookie consent */.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px;z-index:99999}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}.cc-window.cc-banner{padding:1rem .5rem}

/*! slick */.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dots{padding:0;text-align:center}.slick-dots li{position:relative;display:inline-block;width:14px;height:14px;margin:0 10px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:14px;height:14px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:before{content:'';font-size:16px;line-height:14px;position:absolute;top:0;left:0;width:14px;height:14px;text-align:center;background-color:transparent;border-radius:50%;border:2px solid var(--color-black)}.slick-dots li.slick-active button:before{background-color:var(--color-black)}

/*! swiper */ .slider{container:slider/inline-size;}.swiper-container{display:flex;flex-direction:column;margin-left:auto;position:relative;overflow:hidden;z-index:1;/*max-height:880px;*/}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;position:relative;max-height: 708px;}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:calc(50% - 62px);/*width:24px;height:34px*/;z-index:10;cursor:pointer;-moz-background-size:24px 34px;-webkit-background-size:24px 34px;background-size:24px 34px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgd2lkdGg9JzM0JyBoZWlnaHQ9JzM0JyBmaWxsPSdub25lJyBzdHJva2U9J2N1cnJlbnRDb2xvcicgc3Ryb2tlLXdpZHRoPSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJyBzdHJva2UtbGluZWpvaW49J3NxdWFyZSc+PHBhdGggZD0nTTE1IDE4bC02LTYgNi02Jy8+PC9zdmc+");left:0;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgd2lkdGg9JzM0JyBoZWlnaHQ9JzM0JyBmaWxsPSdub25lJyBzdHJva2U9J2N1cnJlbnRDb2xvcicgc3Ryb2tlLXdpZHRoPSc0JyBzdHJva2UtbGluZWNhcD0nc3F1YXJlJyBzdHJva2UtbGluZWpvaW49J3NxdWFyZSc+PHBhdGggZD0nTTkgMThsNi02LTYtNicvPjwvc3ZnPg==");right:0;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{top:10px;left:0;width:100%;position:relative;}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;border: 1px #4F4F4F solid;}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#4F4F4F}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#black;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

/* @formatter:on */

/* bob's watches color guide and general template styles */
body {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: var(--color-black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.loading:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

b,
strong {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
}

:root {
    --color-primary: rgba(0, 0, 0, 1);
    --color-text: rgba(68, 68, 68, 1);
    --color-gray-lightest: rgba(246, 246, 246, 1);
    --color-gray-lighter: rgba(217, 217, 217, 1);
    --color-gray-light: rgba(117, 117, 117, 1);
    --color-gray-medium: rgba(79, 79, 79, 1);
    --color-gray-dark: rgba(51, 51, 51, 1);
    --color-white: rgba(255, 255, 255, 1);
    --color-black: rgba(0, 0, 0, 1);
    --color-green: rgba(177, 243, 71, 1);
    --color-blue: rgba(42, 138, 227, 1);
    --color-link: rgba(0, 81, 171, 1);
    --color-yellow: rgba(255, 188, 15, 1);
    --color-red: rgba(212, 43, 42, 1);
    --color-orange: rgba(248, 173, 62, 1);

    --bs-btn-hover-bg: rgb(0, 0, 0);
    --bs-btn-disabled-bg: rgb(0, 0, 0);
    --bs-btn-hover-color: rgb(255, 255, 255);
    --bs-btn-active-color: rgb(255, 255, 255);
    --bs-btn-active-bg: rgb(0, 0, 0);
    --bs-btn-disabled-color: rgb(255, 255, 255);
    --bs-btn-disabled-opacity: 0.65;

    --header-height: 108px;
    --page-width: 1552px;

    --announcement-bg: black;
    --announcement-color: white;
}

@media screen and (min-width: 2400px) {
    :root {
        --page-width: 1920px;
    }
}

@media screen and (max-width: 1680px) {
    :root {
        --page-width: 96%;
    }
}

@media screen and (max-width: 1199px) {
    :root {
        --header-height: 142px;
    }

    html.search-tidy {
        --header-height: 80px;
    }
}

@media screen and (max-width: 767px) {
    :root {
        --page-width: 100%;
        --header-height: 142px;
    }
}

.pageWidth,
html.search .cms_ProductFeed {
    width: var(--page-width);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

header, main, footer {
    display: block;
}

.sr-only { /* fixes potential contrast errors for ada compliance */
    color: var(--color-black);
    background-color: var(--color-white);
}

div.cms_region .form-floating > .form-control ~ label {
    background-color: var(--color-white);
    font-size: 16px;
    line-height: 10px;
    border-radius: 0.3rem;
    top: 1px;
    left: 1px;
    height: calc(100% - 2px);
}

div.cms_region .form-floating.no-white > .form-control ~ label {
    background-color: transparent;
}

div.cms_region .form-floating > .form-control:focus ~ label,
div.cms_region .form-floating > .form-control:not(:placeholder-shown) ~ label {
    background-color: transparent;
}

@media screen and (max-width: 375px) {
    div.cms_region .form-floating > .form-control ~ label {
        line-height: 16px;
    }
}

a {
    color: var(--color-black);
}

a:active,
a:hover {
    color: var(--color-gray-dark);
}

.btn {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 32px;
    gap: 16px;
    height: 56px;
    background: var(--color-black);
    color: var(--color-white);
    border-radius: 32px;
    flex: none;
    order: 0;
    flex-grow: 0;
    font-size: 14px;
    line-height: 24px;
    transition: min-width 0.3s ease-in-out;
}

.btn:hover {
    color: var(--color-green);
}

.btn-gray {
    border: 2px solid var(--color-gray-lightest);
    background-color: var(--color-gray-lightest);
    color: var(--color-black);
    transition: all 0.3s ease-in-out;
}

.btn-gray:hover {
    color: var(--color-black);
    background-color: var(--color-white);
}

.btn-dark:hover {
    background-color: var(--color-black);
    border-color: var(--color-black);
}

.btn:after {
    content: '';
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.btn:hover:after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23B1F347' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    opacity: 1;
    margin-left: 8px;
}

@media screen and (max-width: 399px) {
    .btn:after,
    .btn:hover:after {
        content: '';
        display: none;
    }
}

.btn-white,
.btn-white-outline {
    background-color: var(--color-white);
    border-color: var(--color-white);
    color: var(--color-black);
}

.btn-white-outline {
    border-color: var(--color-black);
}

.btn-transparent {
    background-color: rgba(0, 0, 0, .5);
    border-color: var(--color-white);
    color: var(--color-white);
}

.btn-transparent:hover {
    background-color: rgba(0, 0, 0, .5);
}

.btn-white:hover,
.btn-white-outline:hover {
    background-color: var(--color-green);
    border-color: var(--color-green);
    color: var(--color-black);
}

.btn.btn-green {
    background-color: var(--color-green);
    color: var(--color-black);
}

.btn.btn-blue {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.btn-white:hover:after,
.btn-white-outline:hover:after,
.btn-green:hover:after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23000000' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

@media screen and (max-width: 767px) {
    .w-100m {
        width: 100% !important;
    }
}

h1, h2,
.h1, .h2 {
    font-family: "Utopia Std";
    color: var(--color-black);
}

h3, h4,
.h3, .h4 {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    color: var(--color-black);
}

h5, .h5 {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
    font-style: normal;
}

h1, .h1 {
    font-size: 80px;
    line-height: 88px;
}

h2, .h2 {
    font-size: 48px;
    line-height: 56px;
    font-style: normal;
}

h3, .h3 {
    font-size: 37px;
    line-height: 48px;
}

@media screen and (max-width: 1023px) {
    h1, .h1 {
        font-size: 64px;
        line-height: 72px;
    }

    h2, .h2 {
        font-size: 40px;
        line-height: 48px;
    }

    h3, .h3 {
        font-size: 32px;
        line-height: 40px;
    }

    h4, .h4 {
        font-size: 22px;
        line-height: 26px;
    }

    h5, .h5 {
        font-size: 20px;
        line-height: 26px;
    }
}

@media screen and (max-width: 767px) {
    h1, .h1 {
        font-size: 40px;
        line-height: 48px;
    }

    h2, .h2 {
        font-size: 32px;
        line-height: 40px;
    }

    h3, .h3 {
        font-size: 24px;
        line-height: 32px;
    }

    h4, .h4 {
        font-size: 20px;
        line-height: 26px;
    }

    h5, .h5 {
        font-size: 18px;
        line-height: 26px;
    }
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

/* youtube embed responsive */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lazybg {
    background-image: none !important
}

/* tooltips */
.tooltip.white-tooltip {
    opacity: 1;
}

.tooltip.white-tooltip .tooltip-inner {
    background-color: var(--color-white);
    color: var(--color-black);
    border: 1px solid var(--color-black);
}

.tooltip.white-tooltip .tooltip-arrow::before {
    border-bottom-color: var(--color-white);
    z-index: 2;
}

.tooltip.white-tooltip .tooltip-arrow::after {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
    bottom: 0px;
    border-bottom-color: var(--color-black);
    border-width: 0 0.4rem 0.4rem;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .tooltip.white-tooltip .tooltip-arrow::after {
        display: none;
    }
}

/***** header styles *****/
header {
    z-index: 1000;
}

header a {
    text-decoration: none;
}

@media screen and (max-width: 1199px) {
    header a {
        color: var(--color-white);
    }
}

header svg .pathFill {
    fill: var(--color-white);
}

header svg .pathStroke {
    stroke: var(--color-white);
}

body.bobswatches-rolex-blog header.position-fixed {
    top: 0;
}

body.bobswatches-rolex-blog header svg .pathFill,
html.scrolled header svg .pathFill,
html.category header svg .pathFill,
html.account header svg .pathFill,
html.ss-ac-open header svg .pathFill,
html.shippinglabel:not(.thankyouforrequestingashippingbox) header svg .pathFill,
html.viewmyoffer header svg .pathFill,
html.cart header svg .pathFill,
html.verifylogin header svg .pathFill,
html.verifycheckout header svg .pathFill,
html.orderresults header svg .pathFill,
html.search-tidy header svg .pathFill,
html.search-opened header svg .pathFill,
html.cms:not(.has-cover-image):not(.contactus) header svg .pathFill,
html.show-header-wrap-outer .pathFill,
body.error404 .pathFill {
    fill: var(--color-black);
}

body.bobswatches-rolex-blog header svg .pathStroke,
html.scrolled header svg .pathStroke,
html.category header svg .pathStroke,
html.account header svg .pathStroke,
html.ss-ac-open header svg .pathStroke,
html.shippinglabel:not(.thankyouforrequestingashippingbox) header svg .pathStroke,
html.viewmyoffer header svg .pathStroke,
html.cart header svg .pathStroke,
html.verifylogin header svg .pathStroke,
html.verifycheckout header svg .pathStroke,
html.orderresults header svg .pathStroke,
html.search-tidy header svg .pathStroke,
html.search-opened header svg .pathStroke,
html.cms:not(.has-cover-image):not(.contactus) header svg .pathStroke,
html.show-header-wrap-outer .pathStroke,
body.error404 .pathStroke {
    stroke: var(--color-black);
}

@media screen and (max-width: 1199px) {
    header svg .pathFill {
        fill: var(--color-white);
    }

    header svg .pathStroke {
        stroke: var(--color-white);
    }
}

header .right-contents #authenticatedTimepieces {
    display: none !important;
}
  
/*** Menu icons (hamburger and close) ***/
header .menu-icon {
    cursor: pointer;
    display: inline-block;
    padding: 1rem .5rem;
    user-select: none;
    margin: 0;
    z-index: 3;
}

header .menu-icon .navicon {
    background: var(--color-white);
    display: block;
    height: 2px;
    position: relative;
    width: 20px;
}

header .menu-icon .navicon:before,
header .menu-icon .navicon:after {
    background: var(--color-white);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: opacity .2s ease-out;
    width: 100%;
    z-index: 4;
}

header .menu-icon .navicon:before {
    top: 6px;
}

header .menu-icon .navicon:after {
    top: -6px;
}

@media screen and (max-width: 1199px) {
    header .menu-icon .navicon:before,
    header .menu-icon .navicon:after {
        /*background: var(--color-black);*/
    }
}

body.bobswatches-rolex-blog header .navicon,
body.bobswatches-rolex-blog header .navicon:before,
body.bobswatches-rolex-blog header .navicon:after,
html.scrolled header .navicon,
html.scrolled header .navicon:before,
html.scrolled header .navicon:after,
html.category header .navicon,
html.category header .navicon:before,
html.category header .navicon:after,
html.account header .navicon,
html.account header .navicon:before,
html.account header .navicon:after,
html.ss-ac-open header .navicon,
html.ss-ac-open header .navicon:before,
html.ss-ac-open header .navicon:after,
html.shippinglabel:not(.thankyouforrequestingashippingbox) header .navicon,
html.shippinglabel:not(.thankyouforrequestingashippingbox) header .navicon:before,
html.shippinglabel:not(.thankyouforrequestingashippingbox) header .navicon:after,
html.viewmyoffer header .navicon,
html.viewmyoffer header .navicon:before,
html.viewmyoffer header .navicon:after,
html.cart header .navicon,
html.cart header .navicon:before,
html.cart header .navicon:after,
html.verifylogin header .navicon,
html.verifylogin header .navicon:before,
html.verifylogin header .navicon:after,
html.verifycheckout header .navicon,
html.verifycheckout header .navicon:before,
html.verifycheckout header .navicon:after,
html.orderresults header .navicon,
html.orderresults header .navicon:before,
html.orderresults header .navicon:after,
html.search-tidy header .navicon,
html.search-tidy header .navicon:before,
html.search-tidy header .navicon:after,
html.search-opened header .navicon,
html.search-opened header .navicon:before,
html.search-opened header .navicon:after,
html.cms:not(.has-cover-image):not(.contactus) header .navicon,
html.cms:not(.has-cover-image):not(.contactus) header .navicon:before,
html.cms:not(.has-cover-image):not(.contactus) header .navicon:after,
html.show-header-wrap-outer header .navicon,
html.show-header-wrap-outer header .navicon:before,
html.show-header-wrap-outer header .navicon:after,
body.error404 header .navicon,
body.error404 header .navicon:before,
body.error404 header .navicon:after {
    background: var(--color-black);
}

@media screen and (max-width: 1199px) {
    header .menu-icon .navicon {
        background: var(--color-black);
    }
}

header .menu-icon-close {
    opacity: 0;
    visibility: hidden;
    top: 20px;
    z-index: 4;
    position: absolute;
    float: right;
    right: 15px;
    bottom: 5px;
    padding: 1rem;
    transition: opacity 0.2s ease-in-out;
}

html header .menu-icon.menu-icon-close .navicon {
    background: transparent !important;
}

header .menu-icon.menu-icon-close .navicon:before {
    transform: rotate(-45deg);
}

header .menu-icon.menu-icon-close .navicon:after {
    transform: rotate(45deg);
}

header .menu-icon.menu-icon-close .navicon:before,
header .menu-icon.menu-icon-close .navicon:after {
    top: 0;
    background: var(--color-white) !important;
}

/*** Announcement bar ***/

html .headerTopWrapOuter {
    background-color: rgb(255, 255, 255); /* always black, skip color vars */
    transition: background-color .1s ease-in-out;
}

body.bobswatches-rolex-blog .headerTopWrapOuter,
html.scrolled .headerTopWrapOuter,
html.category .headerTopWrapOuter,
html.account .headerTopWrapOuter,
html.ss-ac-open .headerTopWrapOuter,
html.shippinglabel:not(.thankyouforrequestingashippingbox) .headerTopWrapOuter,
html.viewmyoffer .headerTopWrapOuter,
html.cart .headerTopWrapOuter,
html.verifylogin .headerTopWrapOuter,
html.verifycheckout .headerTopWrapOuter,
html.orderresults .headerTopWrapOuter,
html.search-tidy .headerTopWrapOuter,
html.search-opened .headerTopWrapOuter,
html.cms:not(.has-cover-image):not(.contactus) .headerTopWrapOuter,
html.show-header-wrap-outer .headerTopWrapOuter,
body.error404 .headerTopWrapOuter {
    background-color: rgb(0, 0, 0); /* always black, skip color vars */
}

@media screen and (max-width: 1199px) {
    html .headerTopWrapOuter {
        background-color: rgb(255, 255, 255);
    }
}

html.shippinglabel:not(.thankyouforrequestingashippingbox) .headerTopWrapOuter,
html.viewmyoffer .headerTopWrapOuter,
html.cart .headerTopWrapOuter,
html.verifycheckout .headerTopWrapOuter,
html.orderresults .headerTopWrapOuter {
    display: none;
}

.headerTopWrapOuter,
.headerTopWrapOuter a {
    color: var(--color-black);
    font-size: 14px;
    white-space: nowrap;
    text-transform: none;
}

body.bobswatches-rolex-blog .headerTopWrapOuter,
body.bobswatches-rolex-blog .headerTopWrapOuter a,
html.scrolled .headerTopWrapOuter,
html.scrolled .headerTopWrapOuter a,
html.category .headerTopWrapOuter,
html.category .headerTopWrapOuter a,
html.account .headerTopWrapOuter,
html.account .headerTopWrapOuter a,
html.ss-ac-open .headerTopWrapOuter,
html.ss-ac-open .headerTopWrapOuter a,
html.shippinglabel:not(.thankyouforrequestingashippingbox) .headerTopWrapOuter,
html.shippinglabel:not(.thankyouforrequestingashippingbox) .headerTopWrapOuter a,
html.viewmyoffer .headerTopWrapOuter,
html.viewmyoffer .headerTopWrapOuter a,
html.cart .headerTopWrapOuter,
html.cart .headerTopWrapOuter a,
html.verifylogin .headerTopWrapOuter,
html.verifylogin .headerTopWrapOuter a,
html.verifycheckout .headerTopWrapOuter,
html.verifycheckout .headerTopWrapOuter a,
html.orderresults .headerTopWrapOuter,
html.orderresults .headerTopWrapOuter a,
html.search-tidy .headerTopWrapOuter,
html.search-tidy .headerTopWrapOuter a,
html.search-opened .headerTopWrapOuter,
html.search-opened .headerTopWrapOuter a,
html.cms:not(.has-cover-image):not(.contactus) .headerTopWrapOuter,
html.cms:not(.has-cover-image):not(.contactus) .headerTopWrapOuter a,
html.show-header-wrap-outer .headerTopWrapOuter,
html.show-header-wrap-outer .headerTopWrapOuter a,
body.error404 .headerTopWrapOuter,
body.error404 .headerTopWrapOuter a {
    color: var(--color-white);
}

@media screen and (max-width: 1199px) {
    .headerTopWrapOuter,
    .headerTopWrapOuter a {
       /* color: var(--color-white);*/
    }
}

html .headerTopWrapOuter .tooltip-inner {
    max-width: 300px !important;
    width: 100% !important;
}

/* WatchCSA Icon */
#authenticatedTimepieces .ico-csa path.pathFillPositive {
    fill: var(--color-black); 
}

#authenticatedTimepieces .ico-csa path.pathFillNegative {
     fill: var(--color-white);
}

#authenticatedTimepieces .ico-arrow path {
    stroke: var(--color-black);
}

body.bobswatches-rolex-blog #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.scrolled #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.category #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.account #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.ss-ac-open #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.shippinglabel:not(.thankyouforrequestingashippingbox) #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.viewmyoffer #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.cart #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.verifylogin #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.verifycheckout #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.orderresults #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.search-tidy #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.search-opened #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.cms:not(.has-cover-image):not(.contactus) #authenticatedTimepieces .ico-csa path.pathFillPositive,
html.show-header-wrap-outer #authenticatedTimepieces .ico-csa path.pathFillPositive,
body.error404 #authenticatedTimepieces .ico-csa path.pathFillPositive {
    fill: var(--color-white);
}

body.bobswatches-rolex-blog #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.scrolled #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.category #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.account #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.ss-ac-open #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.shippinglabel:not(.thankyouforrequestingashippingbox) #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.viewmyoffer #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.cart #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.verifylogin #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.verifycheckout #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.orderresults #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.search-tidy #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.search-opened #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.cms:not(.has-cover-image):not(.contactus) #authenticatedTimepieces .ico-csa path.pathFillNegative,
html.show-header-wrap-outer #authenticatedTimepieces .ico-csa path.pathFillNegative,
body.error404 #authenticatedTimepieces .ico-csa path.pathFillNegative {
    fill: var(--color-black);
}

body.bobswatches-rolex-blog #authenticatedTimepieces .ico-arrow path,
html.scrolled #authenticatedTimepieces .ico-arrow path,
html.category #authenticatedTimepieces .ico-arrow path,
html.account #authenticatedTimepieces .ico-arrow path,
html.ss-ac-open #authenticatedTimepieces .ico-arrow path,
html.shippinglabel:not(.thankyouforrequestingashippingbox) #authenticatedTimepieces .ico-arrow path,
html.viewmyoffer #authenticatedTimepieces .ico-arrow path,
html.cart #authenticatedTimepieces .ico-arrow path,
html.verifylogin #authenticatedTimepieces .ico-arrow path,
html.verifycheckout #authenticatedTimepieces .ico-arrow path,
html.orderresults #authenticatedTimepieces .ico-arrow path,
html.search-tidy #authenticatedTimepieces .ico-arrow path,
html.search-opened #authenticatedTimepieces .ico-arrow path,
html.cms:not(.has-cover-image):not(.contactus) #authenticatedTimepieces .ico-arrow path,
html.show-header-wrap-outer #authenticatedTimepieces .ico-arrow path,
body.error404 #authenticatedTimepieces .ico-arrow path {
    stroke: var(--color-white);
}

@media screen and (max-width: 1199px) {
    #authenticatedTimepieces .ico-csa path.pathFillPositive {
        fill: var(--color-black);
    }

    #authenticatedTimepieces .ico-csa path.pathFillNegative {
        fill: var(--color-black);
    }

    #authenticatedTimepieces .ico-arrow path {
        stroke: var(--color-white);
    }
}


/*** Nav bar ***/
.headerWrapOuter {
    transition: background-color .1s ease-in-out;
    background-color: transparent;
    box-shadow: none;
}

body.bobswatches-rolex-blog .headerWrapOuter,
html.scrolled .headerWrapOuter,
html.category .headerWrapOuter,
html.account .headerWrapOuter,
html.ss-ac-open .headerWrapOuter,
html.shippinglabel:not(.thankyouforrequestingashippingbox) .headerWrapOuter,
html.viewmyoffer .headerWrapOuter,
html.cart .headerWrapOuter,
html.verifylogin .headerWrapOuter,
html.verifycheckout .headerWrapOuter,
html.orderresults .headerWrapOuter,
html.search-tidy .headerWrapOuter,
html.search-opened .headerWrapOuter,
html.cms:not(.has-cover-image):not(.contactus) .headerWrapOuter,
html.show-header-wrap-outer .headerWrapOuter,
body.error404 .headerWrapOuter {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    background-color: var(--color-white);
}

@media screen and (max-width: 1199px) {
    .headerWrapOuter {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
        background-color: rgba(0,0,0,0);
        box-shadow: none;
    }
}

header .left-contents,
header .right-contents {
    display: flex;
}

html.shippinglabel:not(.thankyouforrequestingashippingbox) .left-contents,
html.shippinglabel:not(.thankyouforrequestingashippingbox) .authenticatedTimepieces,
html.shippinglabel:not(.thankyouforrequestingashippingbox) .searchWrapHeader,
html.viewmyoffer .left-contents,
html.viewmyoffer .authenticatedTimepieces,
html.viewmyoffer .searchWrapHeader,
html.cart .left-contents,
html.cart .right-contents,
html.verifycheckout .left-contents,
html.verifycheckout .right-contents,
html.orderresults .left-contents,
html.orderresults .right-contents {
    display: none;
}

html.shippinglabel:not(.thankyouforrequestingashippingbox) [aria-label="Go to cart page"],
html.shippinglabel:not(.thankyouforrequestingashippingbox) [aria-label="Go to login page"],
html.viewmyoffer [aria-label="Go to cart page"],
html.viewmyoffer [aria-label="Go to login page"] {
    display: none !important;
}


#shoppingCartIcon {
    right: 100px;
}

@media screen and (max-width: 1199px) {

    .tooltip.white-tooltip .tooltip-arrow::before {
        border-bottom-color: var(--color-black);
        z-index: 2;
    }
}

header .mainNavWrap a,
header .mainNavWrap a:hover {
    color: var(--color-black);
}

.mainNavOverlay {
    display: none;
}

body.menu-opened .mainNavOverlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
}


header nav a {
    display: block;
    padding: 0.5rem 1rem;
    font-size: 14px;
    line-height: 16px;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

header nav a:hover {
    color: var(--color-white);
}

header nav a:before {
    content: "";
    display: block;
    visibility: hidden;
    height: 4px;
}

/* Start new nav menu */

header .mainNavWrap nav .logo,
header .mainNavWrap nav .slider-wrapper {
    background-color: #fff;
}

header .mainNavWrap nav .
header .mainNavWrap nav > ul.sideNav > li {
    position: relative;
    border: none;
    flex-shrink: 0;
}

.sideNav li.mobile-footer {
    border: none;
}

html header .headerWrap .mainNavWrap nav ul.sideNav li {
    background-color: var(--color-white);
    padding-left: 1rem;
    padding-right: 1rem;
}

html header .headerWrap .mainNavWrap nav ul.sideNav li.sideNavIco {
    background-color: transparent;
}

html header .headerWrap .mainNavWrap nav ul.sideNav li a,
html header .headerWrap .mainNavWrap nav ul.sideNav li span {
    display: flex;
    color: #2c2c2c;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
    padding: .5rem 0;
    line-height: 26px;
    align-items: center;
    width: 100%;
}

html header .headerWrap .mainNavWrap nav ul.sideNav li.sideNavIco a,
html header .headerWrap .mainNavWrap nav ul.sideNav li.sideNavIco span {
    color: var(--color-white);
}

html header .headerWrap .mainNavWrap nav ul.sideNav li span.sideNavTop {
    background-image: url('data:image/svg+xml,<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.99999 3.86863L8.4343 0.434311L9.56567 1.56568L4.99999 6.13137L0.434303 1.56568L1.56567 0.434311L4.99999 3.86863Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
}

html header .headerWrap .mainNavWrap nav ul.sideNav li span.sideNavTop.active {
    background-image: url('data:image/svg+xml,<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.99999 3.13137L8.4343 6.56569L9.56567 5.43432L4.99999 0.868633L0.434303 5.43432L1.56567 6.56569L4.99999 3.13137Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
}

html header .headerWrap nav ul.sideNav li.mobile-footer a {
    font-size: 14px;
    padding: 2rem 0;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.sideNav li.mobile-footer a:after {
    display: none;
}

html header .headerWrap .mainNavWrap nav ul.sideNav li a.sideNavTop,
html header .headerWrap .mainNavWrap nav ul.sideNav li span.sideNavTop {
    cursor: pointer;
    font-size: 18px;
    line-height: 28px;
    padding: .75rem 0;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.sideNav .sideNavSub {
    display: none;
    border-top: 1px solid rgba(196, 196, 196, 1);
    border-bottom: 1px solid rgba(196, 196, 196, 1);
}

.sideNav #sideNavSubFeatured {
    border-bottom: none;
}

.searchbar [ss-autocomplete] {
    top: 156px;
}

html:not(.home) .searchbar [ss-autocomplete] {
    top: 106px;
}

html:not(.home) .searchbar [ss-autocomplete] .ss-ac-container {
    border-color: #c4c4c4;
    border-width: 1px;
    border-style: solid none;
}

.searchbar [ss-autocomplete] .ss-ac-inner-container:before {
    display: none;
}

.sideNavIco {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

@media only screen and (max-width: 1199px) {
    .searchbar [ss-autocomplete] {
        top: 48px;
    }
}

/* End new nav menu */

header nav .mainNav > li > a:after {
    content: "";
    display: block;
    visibility: hidden;
    transform: scaleX(0);
    transition: transform 0.314s cubic-bezier(1, 0.25, 0, 0.75) 0s;
    position: relative;
    width: 100%;
    height: 4px;
    bottom: -4px;
    left: 0;
    margin: 0 auto;
    background-color: var(--color-black);
}

.mainNav > li > a:after {
    background-color: var(--color-white);
}

header nav .mainNav > li:hover > a:after {
    visibility: visible;
    transform: scaleX(1);
}

.mainNav .subNavWrapper { /* subnav */
    display: none;
    background-color: var(--color-white);
    position: fixed;
    z-index: 3;
    top: 125px;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}

.mainNav .subNavWrapper:before {
    content: '';
    height: 30px;
    width: 100%;
    position: absolute;
    top: -30px;
}

.mainNav .subNavWrapper a {
    color: var(--color-black);
}

a.nav-arrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 20px;
}

a.nav-arrow::before {
    display: none;
}

a.nav-arrow::after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 9L5.5 5L1.5 1' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E");
}

.mainNav li:not(.clicked):hover > a ~ .subNavWrapper {
    display: block !important;
}

.mainNav li:hover > a ~ .subNavWrapper ul {
    display: flex;
    flex-wrap: wrap;
}

.mainNav li:hover > a ~ .subNavWrapper ul li {
    width: 33%;
}

.subNavWrapper a {
    color: var(--color-black);
    text-transform: none;
}

html header .mainNavWrap nav ul li .subNavWrapper a:hover {
    color: var(--color-gray-medium);
}

.arrow-box {
    position: relative;
}

.arrow-box:hover:after {
    bottom: -24px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 4;
}

.arrow-box:hover:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: var(--color-white);
    border-width: 15px;
    margin-left: -15px;
}

header label.menu-icon-search {
    display: none;
}

header .searchBarToggle {
    cursor: pointer;
}

header .searchBarToggleMobile {
    display: none;
}

html:not(.search-tidy) .searchBarCloseMobile {
    display: none !important;
}



header #searchWrapOuter {
    display: none;
    background: rgba(255, 255, 255, 1);
    border-top: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
}

@media screen and (max-width: 1199px) {

    header .right-contents .searchBarToggle {
        padding-right: 0.66rem !important;
    }

    html.search-tidy header .searchBarToggleMobile {
        display: flex;
    }

    html.search-opened header .searchBarToggleMobile {
        display: none;
    }

    html.search-tidy header #searchWrapOuter {
        display: none;
    }
}

/* header .searchWrap {
    height: 156px;
} */

.searchWrap .searchbar {
    width: 100%;
    margin-bottom: 0;
}

@media screen and (min-width: 1199px) {
    .searchWrap .searchbar {
        max-width: 400px;
    }
}

header form.topsearch button {
    border: none;
    background: 0 0;
    position: absolute;
    left: 4px;
    top: 6px;
}

/* header form .topsearchinput {
    color: var(--color-black);
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(196, 196, 196, 1);
    font-size: 16px;
    line-height: 2em;
    padding-left: 2.5rem !important;
    width: 100%;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="pathFill" fill-rule="evenodd" clip-rule="evenodd" d="M14.1272 8.02642C14.1272 11.4442 11.3565 14.2148 7.93877 14.2148C4.52102 14.2148 1.75038 11.4442 1.75038 8.02642C1.75038 4.60867 4.52102 1.83803 7.93877 1.83803C11.3565 1.83803 14.1272 4.60867 14.1272 8.02642ZM12.2747 14.1791C11.049 15.0445 9.55327 15.5528 7.93877 15.5528C3.78205 15.5528 0.412354 12.1831 0.412354 8.02642C0.412354 3.86969 3.78205 0.5 7.93877 0.5C12.0955 0.5 15.4652 3.86969 15.4652 8.02642C15.4652 9.9951 14.7093 11.7872 13.472 13.1285L19.5876 20.5508L18.5326 21.5L12.2747 14.1791Z" fill="black"/></svg>');
    background-repeat: no-repeat;
    background-position: .6rem center;
}
.topsearchinput:focus {
    outline: 1px solid transparent;
}

header .searchWrapHeader form .topsearchinput {
    background-color: var(--color-white);
    border: 1px solid rgba(51, 51, 51, 1);
    border-radius: 16px;
    font-size: 15px;
    line-height: 25px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 2rem !important;
    min-width: 216px;
    background-image: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path class="pathFill" fill-rule="evenodd" clip-rule="evenodd" d="M14.1272 8.02642C14.1272 11.4442 11.3565 14.2148 7.93877 14.2148C4.52102 14.2148 1.75038 11.4442 1.75038 8.02642C1.75038 4.60867 4.52102 1.83803 7.93877 1.83803C11.3565 1.83803 14.1272 4.60867 14.1272 8.02642ZM12.2747 14.1791C11.049 15.0445 9.55327 15.5528 7.93877 15.5528C3.78205 15.5528 0.412354 12.1831 0.412354 8.02642C0.412354 3.86969 3.78205 0.5 7.93877 0.5C12.0955 0.5 15.4652 3.86969 15.4652 8.02642C15.4652 9.9951 14.7093 11.7872 13.472 13.1285L19.5876 20.5508L18.5326 21.5L12.2747 14.1791Z" fill="black"/></svg>');
} */

@media screen and (max-width: 1199px) {

    header #searchWrapOuter {
        display: block;
        background: rgba(255, 255, 255, 1);
    }

    html.shippinglabel:not(.thankyouforrequestingashippingbox) header #searchWrapOuter,
    html.viewmyoffer header #searchWrapOuter,
    html.cart header #searchWrapOuter,
    html.verifycheckout header #searchWrapOuter,
    html.orderresults header #searchWrapOuter {
        display: none;
    }

    /* header .searchWrap {
        height: auto;
        padding-left: 4px;
        /* padding-left: 0;
        padding-right: 0; 
    }*/

    /* header form .topsearchinput {
        border-bottom: none;
        /* padding-left: 0;
        padding-right: 0; 
    } */

    /*.searchWrapInner {
        padding-right: 0;
        padding-left: 0;
    }*/
} 

header form .topsearchinput::placeholder {
    color: rgba(130, 130, 130, 1);
}

body [ss-autocomplete] .ss-ac-container {
    border-color: var(--color-white);
}

body [ss-autocomplete] .ss-ac-container .ss-ac-inner-container:after {
    border-color: transparent;
}

body [ss-autocomplete] .ss-ac-container .ss-ac-inner-container:before {
    top: -11px;
    right: 47px;
}

body [ss-autocomplete] .ss-ac-container .ss-ac-results .ss-ac-item-container .ss-ac-item .ss-ac-item-details .ss-ac-item-name,
body [ss-autocomplete] .ss-ac-container .ss-ac-see-more-container .ss-ac-see-more .ss-ac-see-more-link,
body [ss-autocomplete] .ss-ac-container .ss-ac-facets .ss-list .ss-list-option .ss-list-link {
    text-transform: none;
    color: var(--color-black);
}

body [ss-autocomplete] .ss-ac-container .ss-ac-terms .ss-list .ss-active .ss-list-link,
body [ss-autocomplete] .ss-ac-container .ss-ac-terms .ss-list .ss-list-option .ss-list-link,
body [ss-autocomplete] .ss-ac-container .ss-ac-facets .ss-ac-facet-container .ss-active .ss-list-link,
body [ss-autocomplete] .ss-ac-container .ss-ac-results .ss-ac-item-container .ss-ac-item .ss-focused .ss-ac-item-details .ss-ac-item-name {
    color: var(--color-black) !important;
    /* text-transform: uppercase; */
}

body [ss-autocomplete] .ss-ac-container .ss-ac-see-more-container .ss-ac-see-more .ss-ac-see-more-link {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    font-size: 14px;
}

body.menu-opened {
    max-height: 100vh;
    overflow: hidden;
}

header .menu-btn:checked ~ .mainNavWrap {
    position: fixed;
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 4;
}

header .mainNavWrap nav {
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-white);
    display: block;
    transform: translate3d(100%, 0, 0);
    transition: transform .25s ease-in-out;
    overflow-y: scroll;
    z-index: 3;
    max-width: 100%;
}

header .menu-btn:checked ~ .mainNavWrap {
    position: fixed;
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 4;
}

header .menu-btn:checked ~ .mainNavWrap nav {
    transform: translateX(0);
    background: var(--color-black);
}

header .menu-btn:checked ~ .mainNavWrap nav .nav-separator {
    background-color: var(--color-white);
    padding: 1rem;
}

header .menu-btn:checked ~ .mainNavWrap nav .nav-separator hr {
    opacity: 1;
    background-color: rgba(196, 196, 196, 1);
    border: none;
    margin: 0;
}

header .menu-btn:checked ~ .mainNavWrap .menu-icon-close {
    opacity: 1;
    visibility: visible;
    width: 45px;
    height: 55px;
    right: 0px;
    bottom: initial;
    top: 15px;
}

@media screen and (min-width: 1200px) {
    header .mainNavWrap nav {
        width: calc(100% - 50px);
        max-width: 450px;
    }

    header .menu-btn:checked ~ .mainNavWrap .menu-icon-close {
        right: 460px;
    }
}

html header .headerWrap .center svg {
    margin: 0 auto;
}

header .headerWrap .left .ico-phone {
    margin: 0 .5rem 0 1rem;
}

header .ico-phone-desktop {
    cursor: pointer;
    color: var(--color-white);
    font-size: 14px;
}

header .ico-phone-desktop div {
    line-height: 1;
}

body.bobswatches-rolex-blog header .ico-phone-desktop,
html.scrolled header .ico-phone-desktop,
html.category header .ico-phone-desktop,
html.account header .ico-phone-desktop,
html.ss-ac-open header .ico-phone-desktop,
html.shippinglabel:not(.thankyouforrequestingashippingbox) header .ico-phone-desktop,
html.viewmyoffer header .ico-phone-desktop,
html.cart header .ico-phone-desktop,
html.verifylogin header .ico-phone-desktop,
html.verifycheckout header .ico-phone-desktop,
html.orderresults header .ico-phone-desktop,
html.search-tidy header .ico-phone-desktop,
html.search-opened header .ico-phone-desktop,
html.cms:not(.has-cover-image):not(.contactus) header .ico-phone-desktop,
html.show-header-wrap-outer .ico-phone-desktop,
body.error404 .ico-phone-desktop {
    color: var(--color-black);
}

header .headerWrap .right .ico-search {
    margin-top: 3px;
}

header .headerWrap .right .ico-cart {
    margin-left: 1rem;
}

header .headerWrap .right .ico-account {
    margin-left: 1rem;
    margin-right: .5rem;
}

html header .headerWrap .mainNavWrap nav ul li a {
    color: var(--color-black);
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    font-size: 16px;
    text-transform: none;
}

header .mainNavWrap nav li .subNavWrapper {
    display: block;
    position: relative;
    top: auto;
    width: auto;
    border: none;
    left: auto;
    background-color: transparent;
    z-index: auto;
}

header .mainNavWrap nav li .subNavWrapper:before {
    display: none;
}

html header .mainNavWrap nav ul li .subNavWrapper a {
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

header .mainNavWrap nav > ul > li {
    border-bottom: 1px solid var(--color-gray-lighter);
}

.mainNav li {
    position: relative;
}

.mainNav li > a:before {
    display: none;
}

header nav > .mainNav > li > a:after {
    content: '';
    display: inline-block;
    background-color: transparent !important;
    background-image: url('../svg/chevron-down.svg');
    background-repeat: no-repeat;
    width: 12px;
    height: 11px;
    line-height: 12px;
    margin-left: 4px;
    vertical-align: middle;
    position: absolute;
    right: 15px;
    top: 5px;
    padding: 1rem;
    background-size: 12px 12px;
    background-position: center;
    visibility: visible;
    bottom: auto;
    left: auto;
    transform: none;
    transition: none;
}

.mainNav li > a:only-child:after,
.mainNav li:hover > a:only-child:after {
    display: none;
}

html body header nav .mainNav > li.clicked > a ~ div {
    display: none !important;
}

body header nav .mainNav > li.clicked > a:after {
    transform: rotateX(180deg);
}

.arrow-box:hover:before,
.arrow-box:hover:after {
    display: none;
}

.mainNav li.mobile-footer {
    border: none;
}

html header .headerWrap nav ul.mainNav li.mobile-footer a {
    font-size: 14px;
    padding: 2rem 0;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.mainNav li.mobile-footer a:after {
    display: none;
}

html.search-tidy header input.search-toggle:checked ~ .menu-icon-search svg .pathFill {
    fill: var(--color-gray-medium);
}

header form.topsearch {
    margin: 0 calc(var(--bs-gutter-x) * .5);
}

header form .topsearchinput {
    text-transform: none !important;
}

header form.topsearch button {
    right: auto;
    left: calc(var(--bs-gutter-x));
}

header form .topsearchinput::placeholder {
    color: var(--color-gray-medium);
}

@media screen and (max-width: 767px) {
    header .menu-icon {
        right: 0;
    }

    html.search-tidy header .menu-icon-search {
        right: 110px;
    }
}

@media screen and (max-width: 374px) {
    header .menu-btn:checked ~ .mainNavWrap .menu-icon-close {
        right: 305px;
    }
}

/* footer */
footer {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--color-gray-dark);
    padding: 60px 0px;
}

footer,
footer a {
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
}

footer a:hover {
    color: #FFF;
}

footer p {
    font-size: 14px;
    line-height: 24px;
    color: #FFF;
    margin-bottom: 8px;
}

.footer-logo {
    width: 12.5rem;
    height: 3.125rem;
}

.submit-icon {
    background-image: url('data:image/svg+xml,<svg width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.08275 4.99999L0.648438 8.4343L1.77981 9.56567L6.34549 4.99999L1.77981 0.434303L0.648438 1.56567L4.08275 4.99999Z" fill="%23000000"/></svg>');
}

.submit-button {
    margin-top: 0;
    padding: .5em;
    background: var(--color-gray-dark);
    border-radius: 32px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: var(--color-white);
    width: 7.375rem;
    height: 2.75rem;
    right: 2px;
    top: 2px;
    position: absolute;
    border: 1px solid var(--color-white);
    text-align: center;
}

footer h3 {
    color: var(--color-white);
    font-family: 'Inter', sans-serif;
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

footer h4,
footer .mobileAccordionButton {
    margin-bottom: 1rem;
    font-family: Inter;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: var(--color-white);
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.mobileAccordion li {
    padding-top: 0.5em;
}

footer .mobileAccordion li:first-of-type {
    padding-top: 1em;
}

.mobileAccordion a {
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    text-decoration: none;
}

.mobileAccordion a:hover {
    text-decoration: underline;
}

.footer-address p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.footer-address a {
    display: block;
    font-size: 0.875rem;
    margin-top: 1rem;
}

@media screen and (min-width: 1200px) {
    .footer-address span {
        display: block;
    }
}

footer .newsletterForm,
footer .newsletterPhoneForm {
    position: relative;
}

.newsletterForm .newsletterInput,
.newsletterPhoneForm .phoneInput {
    padding: 10px 36px 10px 1rem;
    background: var(--color-white);
    border-radius: 32px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #000000;
    border: none;
}

.newsletterForm .submit-icon,
.newsletterPhoneForm .submit-icon {
    width: 7px;
    height: 10px;
    right: 15px;
    position: absolute;
    top: 20px;
    background-color: transparent;
    border: none;
    background-repeat: no-repeat;
}

.newsletterForm .form-control::placeholder,
.newsletterPhoneForm .form-control::placeholder {
    color: var(color-gray-lighter);
}

.newarrivals-newsletter {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 420px;
}

.newarrivals-newsletter .newsletterInput {
    background: #f6f6f6;
    color: #000;
}

.newarrivals-newsletter .form-control::placeholder {
    color: #000;
    opacity: 1;
}

.newarrivals-newsletter .submit-icon {
    background-image: url('data:image/svg+xml, <svg width="7" height="10" viewBox="0 0 7 10" fill="Black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.08275 4.99999L0.648438 8.4343L1.77981 9.56567L6.34549 4.99999L1.77981 0.434303L0.648438 1.56567L4.08275 4.99999Z" fill="black"/></svg>');
}

.mobileAccordion.collapse:not(.show), .mobileAccordion.collapsing {
    display: block;
}

footer hr {
    border-top: 1px solid #FFFFFF;
    opacity: 1;
}

footer .footerLegal p {
    font-size: .8em;
    text-align: center;
}


.reserved-content p {
    font-size: 13px;
    line-height: 16px;
}

footer .container-lg {
    width: var(--page-width);
    padding: 0;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin: 0 auto;
    max-width: 100%;
}

@media screen and (min-width: 1200px) {
    .mobileAccordion.collapsing {
        height: auto !important;
    }
}

@media screen and (max-width: 1199px) {

    .mobileAccordionButton {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 0 1rem;
    }

    #footer-menu .row div:first-child .mobileAccordionButton {
        padding-top: 2rem;
    }

    footer .mobileAccordionButton {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mobileAccordionButton:after {
        background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z" fill="%23FFFFFF"/></svg>');
        background-repeat: no-repeat;
        margin-left: auto;
        content: "";
        width: 12px;
        height: 12px;
        display: block;
        flex-shrink: 0;
        transition: none;
        transform: rotate(-180deg);
    }

    #footer-subscribe-email h3 {
        padding: 0 2rem;
    }

    #footer-subscribe-email p {
        padding: 0 3rem;
    }

    #footer-subscribe-email .newsletterForm {
        margin-top: 2rem;
    }

    .category-footer .mobileAccordionButton:after {
        background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z" fill="%23000000"/></svg>');
    }

    .mobileAccordionButtonBlack:after {
        background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z" fill="%23000000"/></svg>');
    }

    .mobileAccordionButton.collapsed:after {
        transform: rotate(0);
    }

    .mobileAccordion.collapse:not(.show) {
        display: none; /* allows accordion to word properly on mobile */
    }
}

@media screen and (max-width: 767px) {
    footer {
        width: var(--page-width);
        padding: 1rem 0;
        margin: 0 auto;
    }

    footer hr {
        margin: 10px 0px;
    }

    footer .w-75 {
        width: 100% !important;
    }

    .container-lg {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }

    .social-media-icons.mt-5 {
        margin: 0px !important;
    }

    .social-media-icons .pt-3 {
        padding-top: 0px !important;
    }

    footer p {
        font-size: 13px;
        line-height: 16px;
    }

    footer a {
        font-size: 14px;
        line-height: 24px;
    }
}

/* home / general */
.container,
.container-xl {
    max-width: 1200px;
}

.cms-cover-image {
    min-height: 481px;
    background-color: var(--color-black);
    background-size: cover;
    padding-top: var(--header-height);
}

.cms-cover-image:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 1) var(--header-height), rgba(0, 0, 0, 0) 100%);
}

.cms-cover-image * {
    z-index: 3;
    color: var(--color-white);
}

html.shop .cms-cover-image * {
    color: var(--color-black);
}

.cms-cover-image h1 {
    color: var(--color-white);
    font-size: 65px;
    line-height: 70px;
    position: relative;
    z-index: 3;
    max-width: 780px;
}

html.hero .cms-cover-image h1 {
    max-width: none;
}

html.has-cover-image .cms-cover-image .newsletterInput,
html.has-cover-image .cms-cover-image .inputSubmit {
    border-radius: 32px;
    height: 45px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 44px;
}

html.has-cover-image .cms-cover-image .inputSubmit {
    min-width: 140px;
}

.cms-cover-image .seocart_Category_header_text * {
    color: var(--color-white);
    position: relative;
    z-index: 3;
}

.multi-text-columns p {
    margin: 0 0 11px;
}

.gray-background {
    margin: 0 -100vw;
    padding: 0.25rem 100vw;
    background: var(--color-gray-lighter);
}

@media (min-width: 1199px) {
    .multi-text-columns {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
}

@media (max-width: 1199px) {
    .cms-cover-image h1 {
        font-size: 40px;
        line-height: 54px;
        letter-spacing: 1.6px;
    }
}

.cms_StreamingMedia .StreamingMedia_player {
    cursor: default;
    height: 100vh;
}

.cms_StreamingMedia .StreamingMedia_playerContainer {
    padding: 0;
    position: relative;
    overflow: hidden;
}

.StreamingMedia_playerContainer video {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;;
    object-fit: cover !important;;
}

.StreamingMedia_playerContainer:before {
    /* content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, .5) 45%, rgba(0, 0, 0, 0) 100%); */
}

.StreamingMedia_QualitySelector {
    display: none;
}

.StreamingMedia_container,
.heroWrapperContainer,
.ContentType_ImageGallery_galleryContainer .gallery-slide {
    position: relative;
    background-color: var(--color-black);
}

.StreamingMedia_Description1,
.heroDescription,
.ContentType_ImageGallery_galleryContainer .gallery-caption-wrap {
    position: absolute;
    z-index: 3;
    color: var(--color-white);
    width: 100%;
    bottom: 10%;
    left: 0;
    right: 0;
}

@media screen and (max-width: 767px) {
    .StreamingMedia_Description1 .h1-line1 {
        font-size: 32px;
    }
}

/*.cms_StreamingMedia_2249:not(.attached) {
    display:none; !* hide video on hero homepage until it is attached in to slick *!
}*/

.heroDescription {
    bottom: 8%;
}

.ContentType_ImageGallery_galleryContainer .gallery-slides-wrap .slick-dots {
    bottom: 8%;
    left: 0;
    width: auto;
}

.ContentType_ImageGallery_galleryContainer .gallery-slides-wrap .slick-dots li button:before,
.ContentType_ImageGallery_galleryContainer .gallery-slides-wrap .slick-dots li.slick-active button:before {
    color: var(--color-white);
    border-color: var(--color-white);
}

.StreamingMedia_Description1 .h1,
.StreamingMedia_Description1 h2,
.StreamingMedia_Description1 .h3,
.heroWrapper .h1,
.heroWrapper h2,
.heroWrapper .h3,
.ContentType_ImageGallery_galleryContainer .gallery-caption-wrap .h1,
.ContentType_ImageGallery_galleryContainer .gallery-caption-wrap h2,
.ContentType_ImageGallery_galleryContainer .gallery-caption-wrap .h3 {
    color: #fff;
}

.heroWrapper .cms_Image_container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.StreamingMedia_Description1 .buy-sell-link,
.heroWrapper .buy-sell-link {
    text-decoration: none;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 1.13px;
    border-bottom: 3px solid #fff;
    padding: 0 0 5px 0;
    color: var(--color-white);
}

.heroDownArrow {
    /*animation: moveUpDown 1.5s linear infinite;
    transition: transform 1s ease-in-out;*/
    cursor: pointer;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: var(--color-white);
}

@media only screen and (max-width: 767px) {
    .heroWrapper .cms_Image_container {
        height: 75vh;
    }

    .StreamingMedia_Description1 {
        bottom: 5%;
    }

    .StreamingMedia_Description1 h2 {
        font-size: 32px;
        line-height: 34px;
    }

    .StreamingMedia_Description1 h2 strong {
        font-size: 30px;
        line-height: 47px;
        letter-spacing: .86px;
    }

    .StreamingMedia_Description1 .buy-sell-link {
        font-size: 21px;
        line-height: 26px;
        letter-spacing: .99px;
    }
}

.heroDownArrow:hover {
    animation: none;
    transform: translateY(0);
}

.side-lines,
.side-line {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.side-line {
    text-align: left;
}

.side-lines:before,
.side-lines:after,
.side-line:after {
    background-color: var(--color-black);
    content: "\a0";
    height: 1px;
    position: absolute;
    width: 50%;
    overflow: hidden;
    top: 51%;
}

.side-line:after {
    width: 100%;
    background-color: var(--color-black);
}

.side-lines:before {
    margin-left: calc(-50% - 1rem);
    text-align: right;
}

.side-lines:after,
.side-line:after {
    margin-left: 1rem;
}


.dark-overlay,
.darker-overlay,
.light-overlay {
    position: relative;
}

.dark-overlay *,
.darker-overlay *,
.light-overlay * {
    z-index: 2;
}

.dark-overlay:before,
.darker-overlay:before,
.light-overlay:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dark-overlay:before {
    background-color: rgba(0, 0, 0, 0.56);
}

.darker-overlay:before {
    background-color: rgba(0, 0, 0, 0.71);
}

.light-overlay:before {
    background-color: rgba(255, 255, 255, 0.44);
}

.about-model-intro {
    background-color: rgba(246, 246, 246, 1);
    font-family: "Utopia Std";
    font-style: italic;
}

.about-model-intro .container {
    padding: 2rem 0;
}

.about-model h2 {
    scroll-margin-top: var(--header-height);
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.about-model h2:not(:first-of-type) {
    margin-top: 2rem;
}

.about-model-header h2 {
    border-style: none;
}

.about-model h3 {
    line-height: normal;
    margin-bottom: 1rem;
}

.about-model h3 a {
    color: rgba(42, 138, 227, 1);
    text-decoration: none;
}

.about-model p {
    margin-bottom: 1rem;
}

.about-model .about-model-desc {
    margin-bottom: 2rem;
}

.about-model .accordion-header {
    margin-top: 0.5rem;
}

.about-model .accordion-body {
    padding: 0;
}

.about-model .accordion-button {
    padding: 0.5rem 0 0;
    color: #000000;
}

.about-model .accordion-button:not(.collapsed) {
    color: #000000;
}

.about-model .accordion-button::after {
    width: 10px;
    height: 7px;
    background-image: url('data:image/svg+xml,<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.99999 3.86863L8.4343 0.434311L9.56567 1.56568L4.99999 6.13137L0.434303 1.56568L1.56567 0.434311L4.99999 3.86863Z" fill="black"/></svg>');
    background-size: 10px 7px;
}

.about-model .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.99999 3.86863L8.4343 0.434311L9.56567 1.56568L4.99999 6.13137L0.434303 1.56568L1.56567 0.434311L4.99999 3.86863Z" fill="black"/></svg>');
}

@media screen and (min-width: 1024px) {
    .about-model h2 {
        font-size: 36px;
    }

    .about-model h3 {
        font-size: 22px;
    }
}

.sell-watch-container,
.subscribe-container,
.about-model-header {
    color: var(--color-white);
}

.sell-watch-container {
    background: var(--color-black) url("../jpg/hp-sell-luxury-watch-960.jpg") left center no-repeat;
    background-size: 50%;
}

.subscribe-container {
    background: var(--color-black) url("../jpg/subscribe-container-background.jpg") right center no-repeat;
    background-size: 50%;
}

html.newarrivals .subscribe-container {
    scroll-margin-top: var(--header-height);
}

.about-model-header {
    color: #fff;
    background: #000 no-repeat right center;
    background-size: 50%;
}

.about-model-header h2,
.about-model-header h3,
.about-model-header a {
    color: #fff;
}

@media screen and (max-width: 1680px) {
    .sell-watch-container,
    .subscribe-container,
    .about-model-header {
        background-size: contain;
    }
}

@media screen and (max-width: 1199px) {
    .sell-watch-container,
    .subscribe-container,
    .about-model-header {
        background-position: top center;
    }

    .about-model-header .about-model {
        margin-top: 55vw;
        margin-bottom: 1vw;
    }

    .sell-watch-container .sell-watch-form,
    .subscribe-container .subscribe-form {
        margin-top: 67vw;
    }

    .about-model-header .about-model .container-fluid {
        padding-bottom: 0 !important;
    }
}

.sell-watch-container p,
.subscribe-container p,
.about-model-header p {
    font-size: 17px;
    line-height: 24px;
}

.sell-watch-container h2,
.subscribe-container h3 {
    color: var(--color-white);
}

.sell-watch-container .h5,
.subscribe-container .h5 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 2px;
}

.sell-watch-container button,
.subscribe-container button {
    width: auto;
}

.popular-models .h5 {
    letter-spacing: 0;
}

.mini-sell-form {
    background-color: var(--color-white);
    margin-top: -45px;
    position: relative;
    z-index: 999;
}

.mini-sell-form h2 {
    font-size: 20px;
    letter-spacing: 0.9px;
}

.mini-sell-form .inputText,
.mini-sell-form .inputSelect,
.mini-sell-form .inputSubmit,
.sell-watch-container .inputText,
.sell-watch-container .inputSelect,
.sell-watch-container .inputSubmit,
.sell-watch-container input[type="text"],
.sell-watch-container select {
    width: 100%;
    float: none !important;
    letter-spacing: normal;
    font-size: 18px;
}

.mini-sell-form .inputText,
.mini-sell-form .inputSelect,
.sell-watch-container .inputText,
.sell-watch-container .inputSelect,
.sell-watch-container input[type="text"],
.sell-watch-container select,
.subscribe-container .inputText,
.subscribe-container input[type=text] {
    font-size: 18px;
    color: var(--color-gray-dark);
}

.mini-sell-form .inputText,
.mini-sell-form .inputSelect {
    height: 56px;
}

.sell-watch-container .inputText,
.sell-watch-container .inputSelect,
.sell-watch-container input[type="text"],
.sell-watch-container select,
.subscribe-container .inputText,
.subscribe-container input[type=text] {
    background-color: var(--color-black);
    color: var(--color-white);
    border: none;
    border-bottom: 1px solid var(--color-gray-light);
    border-radius: 0;
    height: 45px;
}

.sell-watch-container input[type=text],
.sell-watch-container select {
    background-color: #fff;
    color: #000;
    font-size: 1rem;
}

.sell-watch-container input:-webkit-autofill,
.sell-watch-container input:-webkit-autofill:focus,
.subscribe-container input:-webkit-autofill,
.subscribe-container input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.subscribe-container input[type=text]::placeholder {
    color: var(--color-white);
}


.sell-watch-container input[type=text]::placeholder {
    color: rgba(79, 79, 79, 1);
}

.sell-watch-container select {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2788%27%20height%3D%2788%27%20viewBox%3D%270%200%2044%2044%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M21.9681%2027L19%2023H25L21.9681%2027Z%27%20fill%3D%27%23333333%27%2F%3E%3Cpath%20d%3D%27M21.9681%2017L19%2021H25L21.9681%2017Z%27%20fill%3D%27%23333333%27%2F%3E%3C%2Fsvg%3E");
    background-size: 44px 44px;
    background-position-x: right;
}

.mini-sell-form.subscribe-container {
    width: auto;
}

html body div.cms_region .mini-sell-form form .form-floating label,
.sell-watch-container label {
    font-size: 16px;
    line-height: 16px;
    color: var(--color-gray-dark);
    letter-spacing: normal;
}

@media screen and (max-width: 1240px) {
    .mini-sell-form {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
        width: calc(100% - 3rem);
    }
}

.about-bobs a {
    color: var(--color-link);
    text-decoration: underline;
}

.about-bobs em {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.about-bobs .paul {
    font-size: 16px;
    letter-spacing: 2px;
}

.blog-posts-container {

}

.blog-posts-container .blog-image {
    min-height: 180px;
}

.blog-posts-container .blog-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.blog-posts-container .blog-image .term {
    font-size: 14px;
    line-height: 24px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px 12px;
    gap: 8px;
    position: absolute;
    left: 16px;
    top: 16px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 24px;
    color: var(--color-white);
}

.our-promise {
    background-color: var(--color-gray-lightest);
}

.our-promise h3 {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.5px;
    font-style: normal;
}

.our-promise p {
    font-size: 16px;
    line-height: 24px;
}

.what-people-are-saying {
    background-color: var(--color-gray-lightest);
}

.what-people-are-saying .reviews {
    gap: 32px;
}

.what-people-are-saying .review {
    width: 33%;
    font-size: 17px;
    line-height: 26px;
}

.what-people-are-saying .review p {
    font-size: 17px;
    line-height: 23px;
    height: 150px;
    text-overflow: ellipsis;
}

.what-people-are-saying .review hr {
    max-width: 40px;
}

.what-people-are-saying .review .rating svg path {
    fill: var(--color-yellow);
}

.what-people-are-saying .heading-stars svg path {
    fill: var(--color-yellow);
}

.what-people-are-saying .review .author {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
}

.what-people-are-saying .review .location {
    font-size: 15px;
    line-height: 24px;
}

@keyframes moveUpDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.brands-bar-container {
    overflow-x: scroll;
}

.brands-bar-container::-webkit-scrollbar {
    height: 3px;
    display: none;
}

.brands-bar-container::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: var(--color-gray-lighter);
    display: none;
}

.brands-bar-container::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 2px;
    background: white;
    display: none;
}

.brands-bar-container a {
    padding: 20px 22px;
    min-width: 170px;
    height: 48px;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    text-transform: inherit;
    text-decoration: none;
    font-size: 14px;
    line-height: 24px;
    justify-content: center;
    align-items: center;
    color: var(--color-black);
    border: 1px solid #dadbdf;
    background: var(--color-white);
    border-radius: 32px;
    text-align: center;
    transition: all .3s ease-in-out;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.brands-bar-container a img {
    margin-right: 3px;
    max-width: 27px !important;
    max-height: 31px !important;
}

.brands-bar-container a:after,
.brands-bar-container a:hover:after {
    display: none;
}

.items-container .item .h5 {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 0;
    letter-spacing: 0;
}

.items-container h3 {
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
}

.items-container img {
    height: auto;
    max-height: 283px;
    width: auto;
}

.rolex-watches .items-container img {
    max-height: 212px;
}

.rolex-watches .items-container strong.h4 {
    font-family: "Utopia Std";
}

@media screen and (max-width: 797px) {
    .items-container img {
        max-height: 240px;
    }
}

a.anchor-line-under {
    text-decoration: none;
}

.items-container a.line-under:after,
.category .itemWrapper a:after,
a.anchor-line-under:after {
    content: "";
    display: block;
    opacity: 0;
    transform: scaleX(0);
    transition: transform 0.314s cubic-bezier(1, 0.25, 0, 0.75) 0s, opacity 0.2s ease-in-out;
    position: relative;
    width: 50%;
    height: 1px;
    bottom: -4px;
    left: 0;
    margin: 0 auto;
    background-color: var(--color-black);
}

a.anchor-line-under:after {
    margin-left: 0;
    opacity: 1;
    max-width: 25px;
    background-color: var(--color-gray-lighter);
    transition: all 0.2s ease-in-out;
    transform: scaleX(1);
}

a.anchor-line-under:hover:after {
    background-color: var(--color-gray-lightest);
}

.items-container a.line-under:hover:after,
.category .itemWrapper a:hover:after {
    opacity: 1;
    transform: scaleX(1);
}

@media screen and (max-width: 1500px) {
    .brands-bar-container a {
        min-width: 170px;
    }
}

@media screen and (max-width: 1199px) {
    .brands-bar-container {
        overflow-x: scroll;
    }

    .StreamingMedia_playerContainer video {
        display: none !important;
    }

    .cms_StreamingMedia + .cms_Image {
        position: absolute;
        width: 100%;
        top: 0;
    }

    .cms_Image_container.cms_Image_fullWidth {
        width: 100%;
        height: 75vh;
    }

    .cms_StreamingMedia .StreamingMedia_playerContainer,
    .StreamingMedia_container {
        height: 75vh;
    }

    .heroDownArrow {
        display: none;
    }

    .side-lines:not(.force-side-lines):before,
    .side-lines:not(.force-side-lines):after {
        display: none;
    }
}

@media screen and (min-width: 365px) and (max-width: 767px) {
    .items-container .item {
        min-width: 170px;
    }

    .relatedProductsWrapper .items-container .item {
        min-width: 305px;
    }
}

@media screen and (max-width: 767px) {
    .items-container .item {
        max-width: 45%;
    }

    .sell-watch-container button {
        width: 100%;
    }

    .what-people-are-saying .review {
        width: 100%;
        /* height: 385px; */
    }

    .what-people-are-saying .review p {
        /* height: 240px; */
    }

    .items-container a.line-under:after,
    .category .itemWrapper a:after {
        display: none;
    }

    /*.seocart_Subcategory .seocart_WishListButtonWrapper, .seocart_Category_wrapper .seocart_WishListButtonWrapper {
        display: none;
    }*/
}

/* product detail page */
#mainImage {
    cursor: pointer;
}

.product-info {
    align-items: start;
}

.product-header {
    background-color: var(--color-white);
}

.product-header img.photo {
    height: 100%;
    width: 100% !important;
    max-width: none;
    /* max-height: calc(80vh - var(--header-height)); */
    object-fit: contain;
}

.product-header .actual-photo-text {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 16px;
    top: auto;
    color: var(--color-gray-dark);
    font-size: 11px;
    line-height: 30px;
    z-index: 1;
}

.product-header .price {
    font-size: 22px;
    line-height: 28px;
}

.product-header .price strong {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
}

.product-header form {
    width: 100%;
}

.product-header .btn-buy-wrapper {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

@media screen and (max-width: 1199px) {
    .product-header .product-info {
        padding-top: 1rem;
    }

    .product-header .btn-buy-wrapper {
        margin-top: .75rem;
    }
}

.cash-wire-price {
    font-size: 14px;
    line-height: 30px;
}

.klarno-promo {
    display: block;
    min-height: 32px;
}

.btn-buy {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    height: 56px;
    width: 200px;
    max-width: 200px;
    transition: all 0.3s ease-in-out;
    text-transform: capitalize !important;
}

.btn-buy:after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23FFFFFF' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    opacity: 1;
}

.btn-buy:hover {
    width: 250px;
    max-width: 250px;
}

.btn-buy strong {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

#productDetailsHeader .btn-buy {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out;
    width: auto;
    max-width: none;
}

#productDetailsHeader.stuck .btn-buy {
    opacity: 1;
    visibility: visible;
    color: var(--color-white);
}

#productDetailsHeader.stuck .btn-buy:after,
#productDetailsHeader.stuck .btn-buy:hover:after {
    content: '';
    display: none;
}

#productDetailsHeader.stuck .btn-buy:hover {
    color: var(--color-green);
    width: auto;
    max-width: none;
}

@media screen and (max-width: 767px) {
    .btn.btn-buy {
        width: 100%;
        max-width: none;
    }

    .btn.btn-buy:after {
        display: block;
        content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23FFFFFF' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        opacity: 1;
    }

    .btn.btn-buy:hover:after {
        content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23B1F347' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }
}

.watch-certified {
    margin: 0;
}

.watch-certified p {
    font-size: 14px; /* this is 15px in mockup but this size doesn't work well in mobile because of wrapping */
    line-height: 21px;
    margin: 0 0 0 1rem;
}

.watch-certified p strong {
    font-size: 14px;
    line-height: 30px;
}

.watch-certified .certified-question {
    top: -1px;
    position: relative;
}

.seocart_Product .sell-watch {
    font-size: 16px;
    line-height: 30px;
}

.seocart_Product .sell-watch a {
    color: var(--color-link);
}

html.product .tooltip-inner {
    max-width: 300px !important;
}

html.product .product-details-content .tooltip-inner {
    max-width: 500px !important;
}

.product-details-content .accordion-body p {
    margin-bottom: 2.5rem;
}

.product-details-overall-rating {
    width: 100%;
}

.product-details-overall-rating strong {
    width: 100%;
    display: block;
}

.product-details-overall-rating strong .product-reviews-average {
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}

#panel-collapseProductAuthenticity p,
#panel-collapseProductWarranty p,
#panel-collapseProductShippingReturns p {
    font-size: 15px;
    line-height: 31px;
    color: #333;
}

.button-review {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    gap: 16px;
    width: 333px;
    height: 56px;
    background: #000000;
    border-radius: 32px;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    color: #FFFFFF;
    border: none;
}

#submit-review {
    /* display: none; */
}

#submit-review input {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 2px;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #4F4F4F;
}

#submit-review button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 32px;
    gap: 16px;

    width: 333px;
    height: 56px;
    background: #000000;
    border-radius: 32px;

    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    color: #FFFFFF;
    border: none;
}

#submit-review .error {
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc;
    display: none;
}

.form-container .success {
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #FF0000;
    display: none;
}

#submit-review button:after,
#submit-review button:hover:after {
    display: none !important;
}


.product-review-rating-container .rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
}

.product-review-rating-container .rating > input {
    display: none;
}

.product-review-rating-container .rating > label {
    position: relative;
    width: 1em;
    font-size: 24px;
    color: #000;
    cursor: pointer;
}

.product-review-rating-container .rating > label::before {
    content: "\2605";
    position: absolute;
    opacity: 0;
}

.product-review-rating-container .rating > label:hover:before,
.product-review-rating-container .rating > label:hover ~ label:before {
    opacity: 1 !important;
}

.product-review-rating-container .rating > input:checked ~ label:before {
    opacity: 1;
}

.product-review-rating-container .rating:hover > input:checked ~ label:before {
    opacity: 0.4;
}


@media screen and (max-width: 1199px) {
    #submit-review button,
    .button-review {
        width: 100%;
    }

    .product-details-overall-rating strong .product-reviews-average {
        padding-top: 0px;
        margin-top: 5px !important;
    }
}

/* pdp sticky details, TODO: fix me */
.product-details {
    position: relative;
}

.product-details-header {
    /* border-bottom: 1px solid var(--color-gray-medium); */
    position: sticky;
    top: var(--header-height);
    background-color: #FFF;
    z-index: 3;
}

/* observe sticky changes*/
.sticky_sentinel {
    background: yellow;
    position: absolute;
    left: 0;
    right: 0; /* needs dimensions */
    visibility: hidden;
}

.sticky_sentinel--top {
    /* Adjust the height and top values based on your on your sticky top position.
    e.g. make the height bigger and adjust the top so observeHeaders()'s
    IntersectionObserver fires as soon as the bottom of the sentinel crosses the
    top of the intersection container. */
    height: 40px;
    top: -24px;
}

.sticky_sentinel--bottom {
    bottom: 0;
    /* Height should match the top of the header when it's at the bottom of the
    intersection container. */
    height: calc(var(--header-height) + 16px);
}

.product-details a.nav-link {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-gray-dark);
    -webkit-appearance: unset;
    background: transparent;
    box-shadow: none;
    padding: 1rem 2rem;
}

.product-details a.nav-link.active {
    color: var(--color-gray-dark);
    text-decoration: underline;
}

@media (max-width: 1310px) {
    .product-details a.nav-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

#accordionProductDetails .accordion-header {
    z-index: 1;
}

#accordionProductDetails * {
    color: var(--color-black) !important;
}

#accordionProductDetails .button-review {
    color: var(--color-white) !important;
}

#accordionProductDetails #submit-review-btn {
    color: var(--color-white) !important;
    margin-bottom: 1rem;
}

/* pending changes for PDP, commenting for now
.productDetailsItem {
    margin-bottom: 0.8rem;
}

.productTitle {
    margin-right: 0.25rem;
}
*/

.product-details table {
    width: 100%;
    border-collapse: collapse;
}

.product-details table tr td:first-child {
    border-left: 0;
    vertical-align: top;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    padding-right: 13px;
    white-space: nowrap;
}

.product-details table tr td:first-child strong {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
}

.product-details table tr td:nth-child(2) {
    padding-left: 20px;
}

.product-details table tr td {
    width: auto !important;
    height: auto !important;
}

@media (min-width: 1199px) {
    .product-details-content .col-xl-5 {
        width: 43.666667%;
    }
}

@media screen and (max-width: 767px) {
    .product-details table tr td:first-child {
        white-space: normal;
    }
}

@media screen and (max-width: 1199px) {
    .seocart_Product .seocart_WishListButtonWrapper {
        position: absolute;
        right: .5em;
        top: 1em;
        z-index: 10;
    }
}

.product-details table td.productTitle {
    width: 32% !important;
    min-width: 120px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    line-height: 31px;
}

@media screen and (min-width: 767px) and (max-width: 1600px) {
    .product-details table td.productTitle {
        min-width: 210px;
    }
}

.product-details table td,
.product-details table td p {
    padding: 4px 10px 4px 0;
    color: #333;
    font-size: 15px;
    line-height: 31px;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.product-details .product-description,
.product-details .product-description p {
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    color: #333333;
}

.product-description p:last-of-type {
    margin-bottom: 1em
}

.product-description .category-link {
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    margin-bottom: 2.5rem
}

.product-details .product-description h2 {
    font-size: 24px;
}

.product-details .product-description h2 {
    letter-spacing: normal;
}

.product-details .product-description table {
    width: auto !important;
    margin-bottom: 2rem;
}

.product-details .product-additional-image {
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);*/
}

.product-additional-image-video svg {
    left: calc(50% - 25px);
    top: calc(50% - 25px);
}

/*.product-details h2.accordion-header:target::before {
    content: '';
    display: block;
    height: var(--header-height);
    margin-top: calc(var(--header-height) * -1);
}*/

.product-details .accordion-button::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='4' height='8' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    transition: none;
}

.product-details .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='4' height='8' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-size: contain;
}

.product-details .accordion-button strong {
    font-weight: 400;
    color: #000000;
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.review .author,
.review .date {
    font-size: 16px;
    line-height: 26px;
    color: #000000;
}

.review .title {
    font-size: 15px;
    line-height: 26px;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
}

.review .description {
    font-size: 14px;
    line-height: 26px;
}

.product-details .social {
    padding: 1.5rem 0;
    /*border-bottom: 1px solid rgba(0, 0, 0, .125);*/
    font-size: 16px;
}

.product-details .stars-container {
    text-align: right;
    padding-right: 8px;
}

.pswp, .pswp__bg, .pswp__scroll-wrap, .pswp__container, .pswp__item, .pswp__container, .pswp__zoom-wrap, .pswp__ui {
    height: 100vh;
}

.pswp__zoom-wrap {
    text-align: center;
}

.pswp img {
    max-width: none !important;
}

.pswp__zoom-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pswp__zoom-wrap .wrapper {
    line-height: 0;
    width: 100%;
    max-width: 900px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.pswp__zoom-wrap .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    width: 100%;
}

.pswp__zoom-wrap .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.breadcrumbsBottom {
    width: var(--page-width);
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

html #tms_breadcrumbs .breadcrumbs,
html #tms_breadcrumbs .breadcrumbs a {
    font-size: 14px;
    color: var(--color-gray-dark);
    text-decoration: none;
}

html #tms_breadcrumbs .breadcrumbs a {
    color: var(--color-gray-medium);
}

html #tms_breadcrumbs .breadcrumbs a.homeLocation {
    color: var(--color-black);
}

html #tms_breadcrumbs ul.breadcrumbs li:first-child {
    padding-left: 0;
}

html #tms_breadcrumbs ul.breadcrumbs li {
    display: inline;
    background-image: none;
    padding: 0;
    margin: 0;
    padding-right: 0.5rem;
}

html #tms_breadcrumbs ul.breadcrumbs li:after {
    content: '/';
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
}

html #tms_breadcrumbs ul.breadcrumbs li.lastLocation:after {
    content: '';
    display: none;
}

.breadcrumb-message {
    font-size: 14px;
    margin-bottom: 0;
}

.breadcrumbsHeader {
    text-align: center;
    padding: 0px var(--bs-gutter-x, .75rem);
}

.breadcrumbsHeader #tms_breadcrumbs ul.breadcrumbs {
    margin-top: 0;
    margin-bottom: 2rem;
    line-height: normal;
    font-size: 16px;
    color: rgba(130, 130, 130, 1);
}

html.product .breadcrumbsHeader #tms_breadcrumbs ul.breadcrumbs {
    margin-top: 1rem;
}

.breadcrumbsHeader #tms_breadcrumbs ul.breadcrumbs li {
    white-space: nowrap;
}

.breadcrumbsHeader #tms_breadcrumbs ul.breadcrumbs li span span {
    word-wrap: break-word;
    white-space: normal;
}

.breadcrumbsHeader #tms_breadcrumbs ul.breadcrumbs a {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #828282;
    color: var(--color-black);
}

.breadcrumbsHeader #tms_breadcrumbs ul.breadcrumbs li.breadcrumbBack {
    padding-right: 1.25rem;
}

.breadcrumbsHeader #tms_breadcrumbs ul.breadcrumbs li.breadcrumbBack a {
    border-bottom: none;
}

.breadcrumbsHeader #tms_breadcrumbs ul.breadcrumbs li.breadcrumbBack:after {
    content: '';
    display: none;
}

.breadcrumbsProduct {
    padding-top: 1.25rem;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 1199px) {

    .breadcrumbsHeader #tms_breadcrumbs ul.breadcrumbs {
        font-size: 17px;
        line-height: 1.5rem;
    }

    .breadcrumbsProduct {
        padding-top: 1.25rem;
        margin-bottom: 0;
    }
}


.seocart_InStockNotificationEmailContainer {
    display: block !important;
}

.seocart_InStockNotificationEmailContainer label {
    display: block;
}

.seocart_InStockNotificationEmailContainer label > span {
    display: none;
}

.seocart_InStockNotificationEmailContainer input[type=text] {
    border: 1px solid var(--color-black);
    border-radius: 32px;
    font-size: 16px;
    line-height: 16px;
    padding: 0.5rem 1rem;
    width: 100%;
    max-width: 535px;
    height: 45px;
    vertical-align: top;
}

.product-header .seocart_InStockNotificationEmailContainer input[type=text] {
    max-width: 270px;
}

.seocart_InStockNotificationEmailContainer input[type=button] {
    padding: 0.5rem 1rem;
    border-radius: 32px;
    color: var(--color-white);
    border: 1px solid var(--color-blue);
    background-color: var(--color-blue);
    height: 45px;
    vertical-align: top;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    /* text-transform: uppercase; */
    letter-spacing: 3.33px;
    width: 100%;
    max-width: 195px;
}

.product-header .seocart_InStockNotificationEmailContainer input[type=button] {
    background-color: var(--color-gray-dark);
    border-color: var(--color-gray-dark);
}

.seocart_InStockNotificationMessage a {
    width: 320px;
    padding: 15px 0px;
    font-size: 155%;
    letter-spacing: 4px;
    margin: 0;
    font-weight: 600;
    border: 0;
    text-align: center;
    background-color: #6e6e6e;
    display: none;
}

.seocart_InStockNotificationMessage .waitlistNotification {
    font-size: 120%;
    margin-top: 0;
}

.seocart_InStockNotificationMessage .waitlistNotification strong {
    display: block;
}

.instockNotificationContainerAbove {
    display: none;
}

.waitlist-success-popup-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .7);
    z-index: 9999999;
    display: flex;
    font-size: 18px;
    transition: opacity .2s ease-out;
    justify-content: center;
    align-items: flex-start;
}

.waitlist-success-popup-wrapper.show {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.waitlist-success-popup-container {
    display: inline-block;
    margin-top: 10vh;
}

.waitlist-success-popup-centered {
    display: inline-block;
    padding: 40px 30px;
    background-color: #FFF;
    border: 4px solid #000;
    max-width: 350px;
    position: relative;
}

.waitlist-success-popup-wrapper.certificate .waitlist-success-popup-centered {
    max-width: 550px;
}

.waitlist-success-popup-wrapper.certificate .certificate-popup-title {
    /* text-transform: uppercase; */
}

.waitlist-success-popup-centered::after {
    content: 'x';
    position: absolute;
    top: 10px;
    right: 13px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.waitlist-success-title {
    color: #000;
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    margin-bottom: 1em;
}

.waitlist-success-desc {
    line-height: 150%;
    color: #707070;
}

.countdowntimerwrapper.show {
    border: 1px dashed var(--color-gray-light);
}

.countdowntimerwrapper .countdowntimercontainerinner {
    display: none;
}

.countdowntimerwrapper p {
    margin: 0;
    padding: 0;
    text-align: center;
    padding-bottom: 5px;
}

.countdowntimerwrapper p strong {
    font-size: 20px;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
}

.countdowntimerwrapper p.amountOff {
    font-size: 32px;
}

.countdowntimerwrapper .dolla {
    display: inline-block;
    vertical-align: top;
    font-size: 65%;
}

.countdowntimerwrapper .fity {
    font-size: 170%;
    display: inline-block;
    vertical-align: top;
    margin: 0 3px;
    letter-spacing: 3px;
    line-height: .7;
}

.countdowntimerwrapper .off {
    display: inline-block;
    vertical-align: top;
    font-size: 35%;
    letter-spacing: 1px;
    line-height: 10px;
}

.countdowntimerwrapper .limitedOffer {
    /* text-transform: uppercase; */
    letter-spacing: 1px;
    font-size: 16px;
    margin-top: 0.5rem;
}

.countdowntimerwrapper .countdowntime {
    text-align: center;
    color: #e1132c;
    font-size: 30px;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    padding-top: 5px;
}

.seocart_Product .countdowntimerwrapper .countdownbuy {
    float: left;
    width: 230px;
    text-align: center;
}

.people-viewing {
    font-size: 15px;
    color: #8f0000;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
}

/* wishlist */
.seocart_WishListButtonWrapper button.wishlist {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    outline: none;
    background: none;
    border: none;
    padding: 0;
    color: var(--color-black);
    transition: color 0.1s ease-in-out;
    display: flex;
    align-items: center;
}

.seocart_WishListButtonWrapper button.wishlist:before {
    content: '';
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1664 596q0-81-21.5-143t-55-98.5-81.5-59.5-94-31-98-8-112 25.5-110.5 64-86.5 72-60 61.5q-18 22-49 22t-49-22q-24-28-60-61.5t-86.5-72-110.5-64-112-25.5-98 8-94 31-81.5 59.5-55 98.5-21.5 143q0 168 187 355l581 560 580-559q188-188 188-356zm128 0q0 221-229 450l-623 600q-18 18-44 18t-44-18l-624-602q-10-8-27.5-26t-55.5-65.5-68-97.5-53.5-121-23.5-138q0-220 127-344t351-124q62 0 126.5 21.5t120 58 95.5 68.5 76 68q36-36 76-68t95.5-68.5 120-58 126.5-21.5q224 0 351 124t127 344z' fill='%23858585'/%3E%3C/svg%3E ");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    margin-right: 0.5rem;
}

.seocart_WishListButtonWrapper button.wishlist.added:before {
    background-image: url("data:image/svg+xml,%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26t-55.5-65.5-68-97.5-53.5-121-23.5-138q0-220 127-344t351-124q62 0 126.5 21.5t120 58 95.5 68.5 76 68q36-36 76-68t95.5-68.5 120-58 126.5-21.5q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z' fill='%23333333'/%3E%3C/svg%3E");
}

.seocart_Subcategory .itemWrapper a .seocart_WishListButtonWrapper button.wishlist:not(.added),
.seocart_Category_wrapper .itemWrapper a .seocart_WishListButtonWrapper button.wishlist:not(.added) {
    /*opacity: 0;
    visibility: hidden;*/
    transform: scale(1);
    transition: transform, opacity;
}

.seocart_Subcategory .itemWrapper a:hover .seocart_WishListButtonWrapper button.wishlist,
.seocart_Category_wrapper .itemWrapper a:hover .seocart_WishListButtonWrapper button.wishlist {
    opacity: 1;
    visibility: visible;
}

.seocart_Subcategory .seocart_WishListButtonWrapper,
.seocart_Category_wrapper .seocart_WishListButtonWrapper {
    top: 0.5rem;
    right: 1rem;
}

.alert.position-fixed {
    bottom: 0;
    right: 0.5rem;
    z-index: 1;
}

.seocart_Subcategory_184 .item .sellprice { /* Valentine's day hide sell button */
    display: none;
}

.seocart_Subcategory_184 .item .itemprice .buttonBuy {
    width: 100%;
    min-width: 280px;
}

.relatedProductContainer .h4 {
    font-family: "Utopia Std";
}

@media screen and (max-width: 1214px) {
    .relatedProductsWrapper {
        overflow-x: scroll;
    }

    .relatedProductContainer {
        min-width: 275px;
    }
}

@media screen and (max-width: 1199px) {
    .product-header {
        background-color: var(--color-white);
    }

    .product-header img.photo {
        margin: 0 auto;
        /* max-height: 41vh; */
        max-height: 320px;
        min-height: 310px;
        height: auto;
        max-width: 100%;
    }

    .product-header .actual-photo-text {
        font-size: 12px;
        left: calc(var(--bs-gutter-x) * .5);
        z-index: 10;
        bottom: -42px;
    }

    .product-header .slick-prev,
    .product-header .slick-next {
        display: none !important;
    }

    .product-header .slick-carousel,
    .product-header .slider {
        min-height: 310px;
        /* height: 41vh; */
        height: 320px;
        background-color: var(--color-white);
    }

    #slick-paging-info {
        top: 1.5rem;
        right: 0.25rem;
        background-color: var(--color-gray-dark);
        color: var(--color-white);
        font-size: 14px;
        line-height: 30px;
        width: 52px;
    }

    .people-viewing {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
    }

    @keyframes slideinfromleft {
        to {
            left: 0;
        }
    }
    @keyframes slideouttoleft {
        to {
            left: -100vw;
        }
    }

    .product-header h1 {
        font-size: 25px;
        line-height: 32px;
    }

    .product-details-content {
        border-top: 1px solid var(--color-gray-medium);
        width: 100%;
    }

    .product-details table td.productTitle {
        min-width: 160px;
    }

    .product-details table td,
    .product-details table td p,
    .product-details table td.productTitle {
        font-size: 16px;
        letter-spacing: 1.13px;
    }

    .seocart_InStockNotificationEmailContainer input[type=button] {
        max-width: 535px;
        margin-top: 1rem;
    }

    .product-header .seocart_InStockNotificationEmailContainer input[type=text] {
        max-width: 100%;
    }
}

/* category page */

 @media screen and (min-width: 1200px) {
    html.is-category-filter-page .category-image.cms-cover-image {
        /* background: none !important;
        min-height: 0; */
    }

    html.is-category-filter-page .category-image.cms-cover-image .container-fluid {
        /* display: none; */
    }
} 

.category .cms-cover-image {
    background-repeat: no-repeat;
    background-origin: content-box;
    background-attachment: inherit;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: transparent;
    padding-top: 106px;
    min-height: 381px;
    max-height: 381px;
}

.category .cms-cover-image:before {
    background: none;
}

.category-title {
    padding: 1rem var(--bs-gutter-x, .75rem) 0px;
    text-align: center;
    color: var(--color-black);
    max-width: 950px;
    margin: auto;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.category-title h1 {
    padding: 2rem 0px 1rem;
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 56px;
    color: var(--color-black);
    max-width: 950px;
    margin: auto;
    text-align: center;
}

@media screen and (max-width: 1199px) {

    .category-title {
        padding-top: 157px;
    }

    .category-title h1 {
        padding-top: 1rem;
    }
}

html.shop .category-title h1 {
    padding-bottom: 0;
}

.category-header-text {
    padding: 0px var(--bs-gutter-x, .75rem) 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-black);
    max-width: 950px;
    margin: auto;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    text-align: left;
}

@media screen and (max-width: 1199px) {
    .category .cms-cover-image {
        display: none !important;
    }

    .shop.category .cms-cover-image {
        display: flex !important;
        min-height: auto;
    }

    .category-header-text {
        /* padding-top: 150px!important; */
    }

    html.shop .category-header-text {
        padding-top: 0 !important;
    }
}

.category-header-text h2 {
    display: none;
}

.category-header-text a {
    text-decoration: none;
}

.category-header-text a[aria-expanded="true"] {
    display: none;
}

.seocart_Subcategory .seocart_Subcategory_NoProducts {
    margin: 0;
}

@media screen and (max-width: 576px) {
    .category .cms-cover-image {
        min-height: 450px;
        min-height: 450px;
        padding: 0px !important;
    }

    .category .cms-cover-image:before {
        background: none;
    }
}

@media only screen and (max-width: 1199px) {
    /*.category .cms-cover-image {
        padding-top: calc(var(--header-height) + 50px); !* 50px for search bar *!
    }*/
    html.is-category-filter-page.category .cms-cover-image {
        padding-top: 0;
    }
}

.category .cms-cover-image h1 {
    font-size: 48px;
    line-height: 56px;
    text-transform: none;
}

.category .cms-cover-image h1 a {
    text-decoration: none;
}

.category .cms-cover-image h1 a:hover {
    color: var(--color-blue);
}

.category .cms-cover-image h1 strong {
    font-family: "Utopia Std";
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.cms-cover-image h1 strong {
    font-family: "Utopia Std";
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.cms-cover-image p {
    max-width: 728px;
    font-size: 15px;
    line-height: 24px;
}

.cms-cover-image a {
    color: var(--color-white);
}

.category .cms-cover-image .seocart_Category_header_text p a,
.category .cms-cover-image .seocart_Category_header_text p a u {
    text-decoration: none;
    /* text-transform: uppercase; */
    font-size: 14px;
    letter-spacing: 1px;
}

/*.category .cms-cover-image .seocart_Category_header_text p a:after {
    content: '';
    width: 16px;
    height: 1px;
    background-color: var(--color-white);
    display: block;
    margin-top: 0.25rem;
}*/

.category-footer {
    font-size: 15px;
}

.category-footer ul,
.category-footer ol {
    list-style-position: inside;
}

.category-footer .h4 {
    font-style: normal;
}

#facetNav {
    width: 235px;
    min-width: 235px;
}

#facetNav .widget.search {
    display: none;
}

#facetNav .ss-slideout-toolbar {
    display: none;

}

#facetNav .ss-slideout-toolbar img {
    display: none;
}

#facetNav .ss-slideout-toolbar em {
    display: flex;
    font-style: normal;
    font-size: 14px;
    letter-spacing: 1px;
    /* text-transform: uppercase; */

    width: 100%;
    background-color: var(--color-black);
    color: var(--color-white);
    border: 1px solid var(--color-black);
    border-radius: 32px;
    margin-top: 1rem;
    height: 48px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    transition: 0.3s linear ease-in-out;
}

#facetNav .ss-slideout-toolbar em:after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='white' stroke-width='1.6'/%3E%3C/svg%3E");
}

#facetNav .ss-slideout-toolbar em:hover {
    color: var(--color-green);
}

#facetNav .ss-slideout-toolbar em:hover:after {
    content: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L1 9' stroke='%23B1F347' stroke-width='1.6'/%3E%3C/svg%3E");
}

#facetNav .widget {
    display: block;
    position: relative;
}

#facetNav .widget ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 16px;
}

#facetNav .widget > ul, #facetNav .widget div > ul {
    margin-bottom: 1rem;
}

#facetNav .widget ul li > strong {
    text-transform: capitalize;
    display: block;
    padding-bottom: 0.5rem;
}

#facetNav .widget:not(.showAll) ul > li:nth-child(n+6) {
    display: none;
}

#facetNav a {
    padding: 0 0 0.25rem 2.1rem;
    text-decoration: none;
    display: block;
    position: relative;
    line-height: 30px;
}

#facetNav a:before,
#facetNav a.seocart_NavigationCurrent:after,
#facetNav a.hasFilterColor .filterColor {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    border: 1px solid var(--color-gray-dark);
    position: absolute;
    left: 1px;
    top: 5px;
    border-radius: 3px;
}

#facetNav a.seocart_NavigationCurrent svg {
    display: none;
}

#facetNav a.seocart_NavigationCurrent:after {
    background: var(--color-gray-dark);
    width: 15px;
    height: 15px;
    left: 3px;
    top: 17px;
}

#facetNav ul li a span.html {
    max-width: 185px;
    display: inline-block;
}

#facetNav a span.count {
    float: right;
}

#facetNav .ss-sidebar-container .ss-slideout-header {
    display: none;
    margin: 0 !important;
    padding: 0 1rem 1rem;
    margin-bottom: 1rem;
}

#facetNav .viewMore {
    cursor: pointer;
}

.productTotal.ss-total-results-title {
    /* text-transform: uppercase; */
    display: block;
    padding: 0.5rem 0;
}

.productTotal.ss-total-results-title .ss-results-count-total strong {
    padding-left: 3px;
}

body.ss-search-page .itemResults #searchspring-content .facetNavigation_CurrentFilter {
    top: 50px;
    z-index: 1;
    margin-right: 475px;
}

body.ss-search-page .itemResults #searchspring-content .facetNavigation_CurrentFilter ul {
    margin: 0;
    /*padding-left: 1rem;*/
}

.facetNavigation_CurrentFilter ul li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
}

.facetNavigation_CurrentFilter ul li a {
    display: flex;
    text-decoration: none;
    background: var(--color-gray-lightest);
    padding: .05rem .5rem 0.05rem 0.7rem;
    outline: none;
    border: 1px solid var(--color-gray-medium);
    border-radius: 20px;
    font-size: 14px;
    position: relative;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}

.facetNavigation_CurrentFilter ul li a .close {
    width: 20px;
    height: 20px;
    margin-left: 3px;
}

.facetNavigation_CurrentFilter ul li a .close:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='1792' fill='%23757575' height='1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1277 1122q0-26-19-45l-181-181 181-181q19-19 19-45 0-27-19-46l-90-90q-19-19-46-19-26 0-45 19L896 715 715 534q-19-19-45-19-27 0-46 19l-90 90q-19 19-19 46 0 26 19 45l181 181-181 181q-19 19-19 45 0 27 19 46l90 90q19 19 46 19 26 0 45-19l181-181 181 181q19 19 45 19 27 0 46-19l90-90q19-19 19-46zm387-226q0 209-103 385.5T1281.5 1561 896 1664t-385.5-103T231 1281.5 128 896t103-385.5T510.5 231 896 128t385.5 103T1561 510.5 1664 896z'/%3E%3C/svg%3E");
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}

@media only screen and (max-width: 1199px) {
    #facetNav {
        width: 100%;
        max-width: 100%;
    }

    #facetNav .ss-slideout-toolbar {
        display: flex;
    }

    #facetNav .facetMobileFilter {
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1002;
        background: var(--color-white);
        transform: translate3d(-100vw, 0, 0);
        transition: transform 0.15s ease-in-out;
        overflow-y: scroll;
        width: 80vw;
        max-width: 280px;
        border-right: 1px solid var(--color-gray-medium);
        padding: 1rem 0 120px;
    }

    #facetNav.show .facetMobileFilter {
        transform: translate3d(0, 0, 0);
    }

    #facetNav .ss-slideout-header .ss-title {
        font-family: 'Inter', sans-serif;
        font-variation-settings: 'wght' 600;
        font-weight: 600;
        margin: 0;
    }

    #facetNav .ss-sidebar-container .ss-slideout-header {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        align-items: baseline;
        border: none;
    }

    #facetNav .widget {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    #facetNav .ss-compare-cont {
        display: none;
    }

    body.ss-search-page .itemResults #searchspring-content .facetNavigation_CurrentFilter {
        top: 0;
        margin: 0;
    }

    body.ss-search-page .itemResults #searchspring-content .ss-filter-summary .facetNavigation_CurrentFilter ul {
        margin: 0;
        padding: 0;
    }

    body.dark-bg:before {
        content: '';
        position: fixed;
        height: 100vh;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1001;
    }
}

.selectModel {
    position: relative;
    z-index: 1;
}

.selectModel ul {
    margin: 1rem 0 0 0;
    padding: 0 58px;
    display: flex;
    overflow-x: hidden;
}

.selectModel .slick-arrow {
    border: 2px solid var(--color-gray-lightest);
    background-color: var(--color-gray-lightest);
    height: 44px;
    width: 44px;
    border-radius: 32px;
    transition: all 0.3s ease-in-out;
}

.selectModel .slick-arrow:hover {
    background-color: var(--color-white);
}

.selectModel .slick-arrow.slick-disabled {
    opacity: 0.5;
}

.selectModel .slick-arrow.slick-disabled:hover {
    background-color: var(--color-gray-lightest);
}

.selectModel .slick-prev {
    left: 0;
}

.selectModel .slick-next {
    right: 0;
}

.selectModel .slick-prev:before,
.selectModel .slick-next:before {
    content: '';
    color: var(--color-black);
    width: 10px;
    height: 20px;
    background-size: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}

.selectModel .slick-next:before {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='4' height='8' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.08568 5L0.651367 8.43431L1.78274 9.56568L6.34842 5L1.78274 0.434311L0.651367 1.56568L4.08568 5Z' fill='black'/%3e%3c/svg%3e");
}

.selectModel .slick-prev:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='4' height='8' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.91432 5L6.34863 8.43431L5.21726 9.56568L0.651577 5L5.21726 0.434311L6.34863 1.56568L2.91432 5Z' fill='black'/%3e%3c/svg%3e");
}

.selectModel ul li {
    display: inline-block;
    vertical-align: top;
    width: auto !important;
    margin-right: 0.5rem;
    padding: 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-black);
}

.selectModel ul li:last-child {
    margin-right: 0;
}

.selectModel ul li a {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    text-transform: inherit;
    text-decoration: none;
    font-size: 14px;
    line-height: 24px;
    justify-content: center;
    align-items: center;
    color: var(--color-black);
    border: 1px solid #dadbdf;
    background: var(--color-white);
    border-radius: 32px;
    text-align: center;
    width: 100%;
    padding: 3px 20px;
    height: 44px;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 576px) {
    .selectModel ul li a {
        padding: 6px 9px;
        text-transform: inherit;
    }
}

.selectModel ul li a:hover {
    background-color: var(--color-white);
}

.selectModel ul li:last-child a {
    margin-right: 0;
}

.selectModel ul li img {
    margin-right: 3px;
    max-width: 27px !important;
    max-height: 31px !important;
}

@media only screen and (max-width: 1199px) {
    .selectModel {
        border-style: none;
        padding-bottom: 0;
    }

    .selectModel ul {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 1rem;
        margin-top: 0;
        overflow-x: scroll;
    }
}

.category-blurb-wrap {
    width: 100%;
    margin: 0 auto -25px;
    background-color: #fff;
    /* padding: 0 0 25px; */
    position: relative;
    max-width: 100%;
}

.category-blurb-container {
    background-color: #fff;
    z-index: 2;
    width: 100%;
    margin-bottom: 1rem;
}

.category-blurb-container .category-blurb {
    overflow: hidden;
    text-overflow: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* replacing this with moreless-button
.category-blurb-container .category-blurb:not(.breitling):after {
    content: " ... Read More";
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    cursor: pointer;
    text-align: right;
    position: absolute;
    right: 0;
    background-color: #fff;
    padding-top: 0;
    bottom: 20px;
    height: 25px;
} */

.moreless-button {
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    padding: 0;
    font: inherit;
    outline: none;
    font-variation-settings: 'wght' 700;
}

.category-blurb-container .category-blurb-expand {
    overflow: shown;
    text-overflow: clip;
    -webkit-line-clamp: 100;
    display: block;
}

.category-blurb-container .category-blurb-expand:after {
    content: "";
    color: transparent;
}

@media screen and (max-width: 768px) and (min-width: 0px) {
    .category-blurb-container .category-blurb {
        -webkit-line-clamp: 3;
    }

    .category-blurb-container .category-blurb-expand {
        -webkit-line-clamp: 100;
    }
}

.category .seocart_Category_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

body #searchspring-sidebar,
body #searchspring-content {
    min-height: calc(100vh - var(--header-height));
}

@media only screen and (max-width: 1199px) {
    body #searchspring-sidebar {
        min-height: auto;
    }
}

body.ss-search-page .itemResults {
    width: 100%;
}

body.ss-search-page .itemResults #searchspring-content .search-sort-view {
    padding: 0;
}

body a.sell-watch-text-link {
    color: var(--color-blue);
}

body.ss-search-page .itemResults #searchspring-content .search-sort-view form {
    padding-top: 14px;
    padding-bottom: 14px;
}

#searchspring-results-header {
    margin-top: 2rem;
}

.category .itemWrapper {
    display: inline-block;
    padding: 0;
    width: 31%;
    min-width: 305px;
    vertical-align: top;
}

@media only screen and (max-width: 1370px) and (min-width: 1270px) {
    .category .itemWrapper {
        display: inline-block;
        padding: 0;
        width: 30%;
        min-width: 270px;
        vertical-align: top;
    }
}

.category .seocart_Category_wrapper:after {
    content: '';
    flex: 0 0 31%;
}

.waitlist-container {
    width: 100%;
    margin-top: 80px;
}

.waitlist-container h2 {
    text-align: center;
    margin-top: 3rem;
}

.category .itemWrapper a {
    text-decoration: none;
    text-align: center;
    padding-top: 1.4rem;
}

.category .itemWrapper .itemimage {
    text-align: center;
    padding: 2rem 0;
    position: relative;
    /*aspect-ratio: 1/1;*/
    display: block;
    min-height: 364px;
}

.category .itemWrapper .itemimage img.respFix {
    width: auto !important;
    max-width: 100% !important;
    height: 328px !important;
}

.category .ss-targeted .productTitle {
    margin: 0;
}

.category .ss-targeted .productTitle span {
    font-size: 15px;
    line-height: 24px;
}

.category .ss-targeted .productTitle span span,
.category .productTitle span span {
    font-size: 24px;
    line-height: 28px;
    font-family: 'Utopia Std';
    color: var(--color-black);
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    margin-bottom: 4px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.category .item .itemprice {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    max-width: 90%;
    display: flex;
    list-style-type: none;
    padding: 1.2rem 1rem 1.4rem 1rem;
    justify-content: center;
}

.category .item .itemprice .buyprice {
    margin-right: 0.75rem;
}

.category .item .itemprice .buyprice span:not(.buttonBuy),
.category .item .itemprice .sellprice {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
}

.category .item .itemprice .buttonBuy,
.category .item .itemprice .buttonSell {
    width: 144px;
    height: 48px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 24px;
    border: 1px solid var(--color-black);
    background-color: var(--color-white);
    color: var(--color-black);
    /* text-transform: uppercase; */
    margin-top: 4px !important;
    transition: all 0.3s ease-in-out;
}

.category .item .itemprice .buttonBuy {
    background-color: var(--color-black);
    color: var(--color-white);
}

.category .item .itemprice .buttonSell:hover {
    background-color: var(--color-green);
    border-color: var(--color-green);
}

.category .item .itemprice .buttonBuy:hover {
    color: var(--color-green);
}

.category .itemResults .search-sort-view {
    text-align: right;
    padding-right: 1rem !important;
}

.category .itemResults .search-sort-view .search-sort-option {
    display: inline-block;
}

.category .itemResults .search-sort-view .search-sort-option.per-page {
    padding-right: 1rem;
    border-right: 1px solid var(--color-gray-medium);
}

.category .itemResults .search-sort-view .search-sort-option.sort-by {
    padding-left: 1rem
}

.category .itemResults .search-sort-view .search-sort-option strong {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.category .itemResults .search-sort-view .search-sort-option select {
    border: none;
    /*text-transform: uppercase;*/
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    /*width: 110px;*/
    width: auto;
}

.categoryPaginationContainer .categoryPagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 3rem 0 0 0;
}

body .categoryPaginationButtonPrevFirst,
body .categoryPaginationButtonNextLast {
    border: none;
}

.categoryPaginationContainer .categoryPagination svg {
    padding: 1rem 2rem;
    color: var(--color-gray-dark);
    outline: none;
    display: inline-block;
    vertical-align: middle;
    box-sizing: content-box;
    border: none;
}

.categoryPaginationContainer .categoryPagination .categoryPaginationButtonNextLast svg {
    padding-right: 0;
    padding-left: 1rem;
}

.categoryPaginationContainer .categoryPaginationPages a,
.categoryPaginationContainer .categoryPaginationPages strong,
.categoryPaginationContainer .categoryPaginationPages span.hellip {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    display: inline-flex;
    text-decoration: none;
    color: var(--color-black);
    padding: 0 0.25rem;
    vertical-align: top;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
}

.ss-pagination .ss-active-pagination-number {
    background-color: var(--color-gray-lightest);
    border-radius: 24px;
}

@media only screen and (max-width: 1199px) {
    .category .itemResults .search-sort-view .search-sort-option select {
        max-width: 100px;
    }

    .category .itemResults .search-sort-view {
        text-align: center;
        padding: 1rem 0 0 !important;
    }

    .category .itemResults .search-sort-view .search-sort-option.per-page {
        padding-right: 0.5rem;
    }

    .category .itemResults .search-sort-view .search-sort-option.sort-by {
        padding-left: 0.5rem;
    }
}

@media only screen and (max-width: 768px) {
    .category .seocart_Category_wrapper {
        justify-content: center;
    }

    .categoryPaginationWrapper {
        flex-direction: column-reverse;
    }

    .categoryPaginationContainer .categoryPagination {
        justify-content: center;
        margin: 1.5rem auto;
    }

    .categoryPaginationContainer .categoryPaginationPages {
        display: flex;
    }

    .categoryPaginationContainer .categoryPaginationPages a.unbxd-page {
        margin: 0 0.5;
    }

    .categoryPaginationContainer .categoryPaginationPages a.mobile-hide {
        display: none;
    }

    .categoryPaginationContainer .categoryPaginationPages a.mobile-hide:last-of-type {
        display: inline-flex;
    }

    .ss-pagination-count.ng-binding {
        margin: 1rem 0 0 0 !important;
        display: block;
        width: 100%;
        text-align: center;
        padding-bottom: 1rem;
    }
}

@media only screen and (max-width: 660px) and (min-width: 450px) {
    .category .itemWrapper {
        max-width: 360px;
        width: 100%;
    }

    .category .itemWrapper .itemimage {
        aspect-ratio: auto;
    }

    /* gift guide */
    html.giftguide.category.category216 .category-details { /* main gift guide page, don't display any products */
        display: none;
    }

    .seocart_Subcategory_217 .breadcrumbs,
    .seocart_Subcategory_218 .breadcrumbs,
    .seocart_Subcategory_219 .breadcrumbs,
    .seocart_Subcategory_220 .breadcrumbs,
    .seocart_Subcategory_221 .breadcrumbs,
    .seocart_Subcategory_222 .breadcrumbs,
    .seocart_Subcategory_223 .breadcrumbs,
    .seocart_Category_216 .breadcrumbs {
        display: none;
    }

    #seocart_Category_216 .productTotal,
    #seocart_Category_216 .itemCatalog,
    #seocart_Category_216 .responsiveTextShow {
        display: none !important;
    }

    .custom_html_code .hero-image {
        background-image: url('../jpg/explore_hero.jpg');
        background-size: cover;
        background-position: 50% 50%;
        min-height: 424px;
    }

    .custom_html_code .hero-image.the-pilot {
        background-image: url('../jpg/pilot-hero-desktop.jpg');
    }

    .custom_html_code .hero-image.the-driver {
        background-image: url('../jpg/driver-hero-desktop.jpg');
    }

    .custom_html_code .hero-image.the-collector {
        background-image: url('../jpg/collector-hero-desktop.jpg');
    }

    .custom_html_code .hero-image.the-athlete {
        background-image: url('../jpg/athlete-hero-desktop.jpg');
    }

    .custom_html_code .hero-image.jet-setter {
        background-image: url('../jpg/jetsetter-hero-desktop.jpg');
    }

    .custom_html_code .hero-image.his-and-hers {
        background-image: url('../jpg/hisandhers-hero-desktop.jpg');
    }

    .custom_html_code .hero-image.classic-man {
        background-image: url('../jpg/classic-hero-desktop.jpg');
    }

    .custom_html_code .sub-hero, .categories {
        max-width: 1140px;
        margin: 4rem auto;
        display: table;
    }

    .custom_html_code .sub-hero .image-bg2 {
        background-image: url(../jpg/jetsetter-subhero.jpg);
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .custom_html_code .sub-hero.the-pilot .image-bg2 {
        background-image: url('../jpg/pilot-subhero.jpg');
    }

    .custom_html_code .sub-hero.the-driver .image-bg2 {
        background-image: url('../jpg/driver-subhero.jpg');
    }

    .custom_html_code .sub-hero.the-collector .image-bg2 {
        background-image: url('../jpg/collector-subhero.jpg');
    }

    .custom_html_code .sub-hero.the-athlete .image-bg2 {
        background-image: url('../jpg/athlete-subhero.jpg');
    }

    .custom_html_code .sub-hero.jet-setter .image-bg2 {
        background-image: url('../jpg/jetsetter-subhero.jpg');
    }

    .custom_html_code .sub-hero.his-and-hers .image-bg2 {
        background-image: url('../jpg/hisandhers-subhero.jpg');
    }

    .custom_html_code .sub-hero.classic-man .image-bg2 {
        background-image: url('../jpg/classic-subhero.jpg');
    }

}

.custom_html_code a,
.custom_html_code a:hover {
    text-decoration: none;
}

.custom_html_code .sub-hero.sport-man .image-bg2 {
    background-image: url('../jpg/sports-watches1.jpg');
}

.custom_html_code .sub-hero .left,
.custom_html_code .sub-hero .right {
    max-width: 50%;
    float: left;
    height: 320px;
    width: 100%;
}

.custom_html_code .sub-hero .right .text-content {
    margin: 0 30px;
}

.custom_html_code .sub-hero .right .text-content .button {
    background-color: #353535;
    color: #fff;
    /* text-transform: uppercase; */
    text-align: left;
    display: inline-block;
    border: none;
    font-size: 14px;
    padding: 15px 30px;

    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin: 0;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);
    transition: 0.2s;
    text-decoration: none;
}

.custom_html_code .categories .categoryWrapper {
    display: inline-block;
    padding: 2px;
    width: 46%;
    min-width: 260px;
    margin: 14px 10px;
    vertical-align: top;
    border-radius: 0;
    transition: 0.2s ease-out;
}

@media screen and (max-width: 768px) {
    /*.custom_html_code .hero-image{
        background-image: url('/siteasset2019/giftguide-hero-mobile.jpg');
    min-height: 1100px;
    }*/
    .custom_html_code .hero-image.the-pilot {
        background-image: url('../jpg/pilot-hero-mobile.jpg');
    }

    .custom_html_code .hero-image.the-driver {
        background-image: url('../jpg/driver-hero-mobile.jpg');
    }

    .custom_html_code .hero-image.the-collector {
        background-image: url('../jpg/collector-hero-mobile.jpg');
    }

    .custom_html_code .hero-image.the-athlete {
        background-image: url('../jpg/athlete-hero-mobile.jpg');
    }

    .custom_html_code .hero-image.jet-setter {
        background-image: url('../jpg/jetsetter-hero-mobile.jpg');
    }

    .custom_html_code .hero-image.his-and-hers {
        background-image: url('../jpg/hisandhers-hero-mobile.jpg');
    }

    .custom_html_code .hero-image.classic-man {
        background-image: url('../jpg/classic-hero-mobile.jpg');
    }
}

@media screen and (max-width: 425px) {
    .custom_html_code .hero-image {
        min-height: 580px;
    }

    .custom_html_code .sub-hero .left,
    .custom_html_code .sub-hero .right {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .custom_html_code .sub-hero .right {
        height: auto;
    }

    .custom_html_code .sub-hero {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .custom_html_code .categories .categoryWrapper {
        width: 100%;
        margin: 14px 0;
        padding: 2px 0px;
    }

    .custom_html_code .categories .categoryWrapper .content {
        padding: 0 5px;
    }

    .custom_html_code .sub-hero .right .text-content {
        margin-top: 20px;
    }
}

/* auctions */
html.auctions .cms-cover-image:before {
    background: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0.8) var(--header-height), rgba(0, 0, 0, 0.5) 100%);
}

html.auctions.has-cover-image main {
    padding-top: var(--header-height) !important;
}

html.auctions .cms_Auction_description {
    text-align: left;
}

body .cms_Auction_current_bid {
    font-size: 18px;
    line-height: 24px;
}

.cms_Auction_summary_image a {
    display: block;
    padding: 2rem 0;
}

html.auctions .cms_Auction_summary_image img {
    border: none;
    width: auto !important;
    max-width: 100% !important;
    height: 328px !important;
}

html.auctions .cms_Auction_summary_short_heading {
    /* text-transform: uppercase; */
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

html.auctions .cms_Auction_real_title a {
    font-size: 24px;
    line-height: 28px;
    font-family: 'Utopia Std';
    color: var(--color-black);
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    margin-bottom: 4px;
    height: 55px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

html.auctions .cms_Auction_summary_bid_amount a {
    height: 48px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    border-radius: 24px;
    border: 1px solid var(--color-black);
    /* text-transform: uppercase; */
    transition: all 0.3s ease-in-out;
    background-color: var(--color-black);
    color: var(--color-white);
    text-decoration: none;
    white-space: nowrap;
    margin: 0 auto;
}

html.auctions .product-details-header {
    top: var(--header-height);
}

@media only screen and (max-width: 700px) {
    html.auctions .StreamingMedia_playerContainer iframe {
        height: 300px !important;
    }

    html.auctions .cms_Auction_col_left {
        margin: 0;
        width: 100%;
    }

    html.auctions .cms_Auction_col_right {
        margin: 0;
        width: 100%;
    }

    html.auctions h1.cms_Auction_title,
    html.auctions .cms_Auction_short_desc {
        width: auto;
    }

    .cms_Auction_image img {
        max-width: 634px !important;
        width: 100% !important;
        height: auto !important;
    }

    html.auctions .cms_Auction_form_wrap {
        text-align: center;
    }

    html.auctions .ui-tabs .ui-tabs-panel {
        padding: .5em;
    }

    html.auctions .ui-tabs .cms_region {
        padding: 0;
    }

    html.auctions.pastauctions .ContentType_SubPageList_list .ContentType_SubPageList_listCell {
        width: 50%;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width: 550px) {
    html.auctions .thumbnails-adv ul.thumbs img {
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
        padding: .5em 2%;
    }

    html.auctions .thumbnails-adv ul.thumbs li {
        width: 45%;
        margin: 0;
        box-sizing: border-box;
    }

    html.auctions.pastauctions .ContentType_SubPageList_list .ContentType_SubPageList_listCell {
        width: 100%;
    }
}

@media only screen and (max-width: 450px) {
    html.auctions .cms_Tabs_tabsWrapper ul.ui-tabs-nav > li .ui-tabs-anchor {
        padding-left: 1.25em;
        padding-right: 1.25em;
    }
}

/* login overlay */
body .cirkuit-overlay {
    background-color: rgba(0, 0, 0, .85);
}

body div.cirkuit-overlay .cirkuit-overlay-content-wrap {
    max-width: 375px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: var(--color-white);
    color: var(--color-black);
    margin-left: auto;
    margin-right: auto;
}

body .cirkuit-overlay-inner-content-wrap {
    padding: 16px;
}

body .cirkuit-overlay-dismiss-content {
    background-color: transparent;
}

body .cirkuit-overlay-x {
    color: var(--color-black);
}

body .overlay-sign-in-text {
    padding-top: 16px;
}

body .cirkuit-overlay-content-wrap h2 {
    font-size: 24px;
}

body .cirkuit-overlay-content-wrap p,
body .cirkuit-overlay-content-wrap h2 {
    color: var(--color-black);
}

body .cirkuit-overlay-content-wrap p {
    line-height: 1.4;
    text-align: center;
}

body .cirkuit-overlay-content-wrap a {
    color: var(--color-blue);
    text-decoration: underline;
}

body .cirkuit-overlay-content-wrap a:hover {
    text-decoration: underline;
}

body .cirkuit-overlay-content-wrap a.button:hover {
    text-decoration: none;
}

body .cirkuit-overlay-content-wrap .cirkuit-login-overlay-bottom {
    border-top: 1px solid var(--color-gray-lighter);
    margin-top: 16px;
    padding-top: 16px;
}

body .cirkuit-overlay-content-wrap .overlay-join-register-txt {
    text-align: left;
    margin: 0.25em 0 3em;
}

body .cirkuit-overlay-content-wrap p.overlay-terms {
    color: var(--color-gray-medium);
    margin-top: 0.5rem;
}

body .cirkuit-overlay form input[type="text"],
body .cirkuit-overlay form input[type="password"] {
    display: flex;
    padding: 14px 12px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--color-gray-lighter);
    background: var(--color-white);
    width: 100%;
    margin-bottom: 16px;
}

body .cirkuit-overlay form input[type="submit"],
body .cirkuit-overlay .button {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 32px;
    gap: 16px;
    height: 56px;
    background: var(--color-black);
    color: var(--color-white);
    border-radius: 32px;
    flex: none;
    flex-grow: 0;
    order: 0;
    flex-grow: 0;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    justify-content: center;
}

@media only screen and (max-width: 1100px) {
    body .cirkuit-login-form-container,
    body .cirkuit-login-overlay-bottom {
        padding-left: 4em;
        padding-right: 4em;
    }
}

@media only screen and (max-width: 950px) {
    body .overlay-join-register-txt {
        margin-bottom: 1.6em;
    }
}

@media only screen and (max-width: 700px) {
    body .cirkuit-login-form-container,
    body .cirkuit-login-overlay-bottom {
        padding: 0 4em;
        width: 100%;
        display: block;
        margin: 0;
    }

    body .cirkuit-login-overlay-bottom {
        border-left: none;
        border-top: 1px solid #D0D0D0;
    }

    body .overlay-join-register-txt {
        margin: 1em 0;
        font-size: 110%;
    }

    body .cirkuit-overlay .cirkuit-forgot-pswd {
        font-size: 95%;
    }
}

@media only screen and (max-width: 500px) {
    body .cirkuit-login-form-container,
    body .cirkuit-login-overlay-bottom {
        padding: 1em 1em 0;
    }
}

/* checkout */
html.cart,
html.verifycheckout,
html.orderresults {
    --header-height: 80px;
}

html.cart footer > div,
html.verifycheckout footer > div,
html.orderresults footer > div {
    display: none;
}

.seocart_Cart .btn,
.seocart_VerifyCheckout .btn {
    min-width: 310px;
}

.seocart_Cart .btn.disabled,
.seocart_Cart .btn.disabled:hover {
    background-color: var(--color-gray-medium);
    color: var(--color-white);
}

tr.discount td {
    color: var(--color-red);
}

#orderResultsFirstForm .btn,
#klarna-authorize-form .btn {
    max-width: 439px;
}

#klarna-authorize-form .btn {
    margin-bottom: 1.5rem;
}

input#affirmCheckoutButton {
    font-size: 17px !important;
    padding: 0 !important;
    border-radius: 32px !important;
}

.cart-card-type.disabled {
    filter: grayscale(1);
    visibility: hidden;
}

.seocart_Cart .btn.btn-paypal,
.seocart_Cart .btn-amazon,
.seocart_Cart .btn-klarna {
    width: 100%;
    height: 55px;
    min-width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.seocart_Cart .btn:after {
    display: none;
}

.strapUpsell {
    background-color: var(--color-gray-lightest);
}

.strapUpsell p {
    font-size: 14px;
}

.strapUpsell .btn {
    min-width: auto;
    color: var(--color-green);
}

.btn.btn-paypal {
    background-color: rgba(72, 155, 216, 1);
    color: var(--color-white);
}

.btn-amazon {
    background-color: rgba(254, 173, 64, 1);
    color: var(--color-black);
}

.btn-amazon:hover {
    background-color: rgba(224, 150, 52, 1) !important;
}

.btn-klarna {
    background-color: var(--color-black);
    color: var(--color-white);
}

.pay-separator {
    font-size: 16px;
    color: var(--color-black);
}

.checkout-header {
    color: var(--color-black);
    font-style: normal;
}

.checkout-details-container {
    font-size: 16px;
}

.checkout-details-container input.inputRadio,
.checkout-details-container input.inputCheckbox,
.line-items-container input.inputCheckbox {
    cursor: pointer;
    width: 19px;
    height: 19px;
    font-size: 19px;
}

.checkout-details-container input.inputRadio + label,
.checkout-details-container input.inputCheckbox + label,
.line-items-container input.inputCheckbox + label {
    cursor: pointer;
}

.checkout-details-payment-container input[type="radio"][disabled] + label {
    color: var(--color-gray-light);
}

.seocart_Cart .border-bottom,
.seocart_Cart .border-top,
.seocart_VerifyCheckout .border-bottom,
.seocart_VerifyCheckout .border-top,
.wire_checkout_detail .border-bottom,
.wire_checkout_detail .border-top,
.seocart_OrderResults .border-bottom,
.seocart_OrderResults .border-top {
    border-color: var(--color-gray-lighter) !important;
}

input#billing-cardnumber {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M640 768h512v-192q0-106-75-181t-181-75-181 75-75 181v192zm832 96v576q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-576q0-40 28-68t68-28h32v-192q0-184 132-316t316-132 316 132 132 316v192h32q40 0 68 28t28 68z' fill='%234f4f4f'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 98% center;
}

.checkout-details-container .form-floating input.form-control,
.checkout-details-container select.form-select {
    height: 45px;
    font-size: 16px;
    letter-spacing: normal;
}

.checkout-details-container .form-floating input.form-control + label,
.seocart_VerifyLogin .form-floating input.form-control + label {
    top: -6px;
    font-size: 16px;
}

.verify-checkout-container a {
    font-size: 14px;
}

#line-items-order-summary-wrapper {
    background-color: var(--color-white);
}

#line-items-order-summary {
    position: sticky;
    top: var(--header-height);
    max-width: 533px;
    /*max-height: calc(100vh - var(--header-height) - 90px);
    overflow-y: scroll;*/
}

.line-items-container .image img {
    max-height: 190px;
    width: auto;
}

.line-items-container .sku {
    font-size: 13px;
    line-height: 16px;
}

.line-items-container .price {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
}

.line-items-container .remove {
    font-size: 16px;
}

.line-items-container .watch-certificate p {
    font-size: 14px;
    line-height: 24px;
}

.wire_checkout_detail h1 span,
.seocart_OrderResults h1 span {
    font-variation-settings: 'wght' 400;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1.13px;
}

@media only screen and (min-width: 1200px) {
    .wire_checkout_detail h1 span,
    .seocart_OrderResults h1 span {
        font-size: 24px;
    }

    .wire_checkout_detail .next-steps,
    .seocart_OrderResults .next-steps {
        /* border-style: none!important; */
    }
}

.wire_checkout_detail .btn-banking,
.seocart_OrderResults .btn-banking {
    display: inline-flex;
    justify-content: center; /* align horizontal */
    align-items: center; /* align vertical */
    height: 56px;
    width: 100%;
    border-radius: 28px;
}

.wire_checkout_detail .btn-banking img,
.seocart_OrderResults .btn-banking img {
    max-width: 90% !important;
    height: auto;
}

.wire_checkout_detail .btn-chase,
.seocart_OrderResults .btn-chase {
    background: #0A6DFC;
}

.wire_checkout_detail .btn-bofa,
.seocart_OrderResults .btn-bofa {
    background: #E3E3E3;
}

.wire_checkout_detail .btn-wellsfargo,
.seocart_OrderResults .btn-wellsfargo {
    background: #B31E30;
}

.wire_checkout_detail .btn-citi,
.seocart_OrderResults .btn-citi {
    background: #004585;
}

.wire_checkout_detail .btn-usaa,
.seocart_OrderResults .btn-usaa {
    background: #012F5A;
}

.wire_checkout_detail .btn-regions,
.seocart_OrderResults .btn-regions {
    background: #409629;
}

.wire_checkout_detail .btn-pnc,
.seocart_OrderResults .btn-pnc {
    background: #384D58;
}

.wire_checkout_detail .btn-td,
.seocart_OrderResults .btn-td {
    background: #007F00;
}

.seocart_OrderResults .order-details .checkout-details-container .mobileAccordionButton {
    justify-content: flex-end;
    gap: 0;
}

.seocart_OrderResults .order-details .checkout-details-container .mobileAccordionButton:before {
    content: '';
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
}

.seocart_OrderResults .order-details .checkout-details-container .mobileAccordionButton.collapsed:before {
    content: '';
}

.seocart_OrderResults .order-details .checkout-details-container .mobileAccordionButton:after {
    left: 0;
    position: static;
}

.seocart_OrderResults .order-details .checkout-details-container .mobileAccordionButton.collapsed:after {
    transform: none;
}

@media only screen and (min-width: 1199px) {
    .seocart_OrderResults .order-details table {
        max-width: 66% !important;
    }
}

.seocart_OrderResults .order-details td {
    padding: .8em 0;
}

#loginRegisterModal .nav-item a {
    font-size: 14px;
    line-height: 17px;
    color: var(--color-gray-dark);
    border-bottom: 3px solid var(--color-gray-medium);
}

#loginRegisterModal .nav-item a.active {
    color: var(--color-black);
    border-bottom: 3px solid var(--color-green);
}

#loginRegisterModal a.forgot {
    color: var(--color-gray-dark);
    font-size: 13px;
    line-height: 25px;
}

#loginRegisterModal .singleSignOnContainer:before,
.seocart_VerifyLogin .singleSignOnContainer > div:after {
    content: 'or';
    display: block;
    padding: 0.15rem 0 1rem;
    text-align: center;
    color: var(--color-black);
    margin: 0 auto;
    font-size: 14px;
}

.seocart_VerifyLogin .singleSignOnContainer > div:after {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    padding: 1rem 0.5rem 0;
}

#loginRegisterModal .g_id_signin {
    text-align: center;
}

.g_id_signin,
.fb-login-button {
    display: block !important;
    margin-bottom: 1rem;
}

#loginRegisterModal .g_id_signin iframe {
    margin: 0 auto !important;
}

#appleid-signin rect {
    ry: 50%;
}

#loginRegisterModal #appleid-signin > div {
    margin-left: auto;
    margin-right: auto;
}

a.addressManual {
    font-size: 14px;
    line-height: 25px;
    color: var(--color-gray-medium);
}

.buttonVerifyCheckout.disabled {
    pointer-events: visible;
}

.special-billing-instructions {
    font-size: 14px;
}

.seocart_Account #accountContent h2 {
    border: none;
    padding: inherit;
    margin: inherit;
    color: var(--color-black);
}

.seocart_Account .cart button[type=submit] {
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    max-width: 100%;
    display: inline-block;
    flex-direction: row;
    align-items: center;
    padding: 16px 32px;
    gap: 16px;
    height: 56px;
    background: var(--color-black);
    color: var(--color-white);
    border-radius: 32px;
    flex: none;
    order: 0;
    flex-grow: 0;
    font-size: 14px;
    line-height: 24px;
    transition: min-width 0.3s ease-in-out;
    /* text-transform: uppercase !important; */
}

html.account main .container-xl h2,
.seocart_VerifyLogin h2 {
    font-size: 18px;
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 400;
    font-weight: 400;
}

.seocart_Account .cart button[type=submit]:hover {
    color: var(--color-green);
}

.seocart_Account .cart button[type=submit]:after {
    content: '';
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.seocart_Account .cart button[type=submit]:hover:after {
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23B1F347' class='bi bi-chevron-right' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    opacity: 1;
    margin-left: 8px;
}

.seocart_Account .wishlist .added {
    padding-top: 1rem;
}

.seocart_VerifyLogin {
    max-width: 752px;
    padding-bottom: 3rem !important;
}

.seocart_VerifyLogin h1,
.seocart_VerifyLogin_NewCustomer h1 {
    font-size: 48px;
    line-height: 56px;
}

@media only screen and (max-width: 767px) {
    .seocart_VerifyLogin .buttonLogin,
    .seocart_VerifyLogin .buttonCreateAccount,
    .seocart_VerifyLogin .buttonChangePassword {
        width: 100%;
    }

    .seocart_VerifyLogin .buttonForgotPasswordSubmit {
        width: 48%;
        margin-right: 0 !important;
    }

}

@media only screen and (max-width: 1199px) {
    html.cart,
    html.verifycheckout,
    html.orderresults {
        --header-height: 46px;
    }

    #line-items-order-summary-wrapper {
        margin-left: calc(var(--bs-gutter-x) * 0.5 * -1);
        width: calc(100% + var(--bs-gutter-x));
        margin-right: calc(var(--bs-gutter-x) * 0.5 * -1);
        max-width: none;
    }

    #line-items-order-summary {
        max-width: none;
        position: unset; /* remove sticky */
    }

    #line-items-order-summary .checkout-line-items {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
    }

    #line-items-order-summary .checkout-order-summary {
        border-left: none !important;
        border-right: none !important;
        border-radius: 0 !important;
    }

    .line-items-container .image {
        background-color: var(--color-white);
        /*width: calc(100% + var(--bs-gutter-x));
        margin-left: calc(var(--bs-gutter-x) * 0.5 * -1);*/
    }

    .line-items-container .image img {
        max-height: none;
    }

    .line-items-container .remove {
        left: 1rem;
        bottom: 0.5rem;
    }

    .line-items-container .remove a {
        color: var(--color-gray-dark);
    }

    .line-items-container .remove svg path {
        fill: var(--color-gray-dark);
    }

    .payment-option-description {
        font-size: 14px;
    }

    .payment-option-description p {
        margin-left: 19px !important; /* width of radio */
    }

    .verify-checkout-container {
        border-top: none !important;
    }

    .checkout-details-container .mobileAccordionButton {
        justify-content: flex-start;
        gap: 5px;
    }

    .checkout-details-container .mobileAccordionButton:before {
        content: 'Hide';
        margin-left: 1.5rem;
        margin-right: 0;
        display: inline-block;
    }

    .checkout-details-container .mobileAccordionButton.collapsed:before {
        content: 'Show';
    }

    .checkout-details-container .mobileAccordionButton:after {
        left: 0;
        position: absolute;
    }

    .checkout-details-container .mobileAccordionButton.collapsed:after {
        transform: rotate(-90deg);
    }
}

@media only screen and (max-width: 767px) {
    .express-checkout > div,
    .seocart_Cart .btn.btn-paypal,
    .seocart_Cart .btn-amazon,
    .seocart_Cart .btn-klarna {
        width: 100%;
        justify-content: center;
    }
}

/* primary template regions */
html:not(.home) main {
    padding-top: 40px;
}

@media only screen and (max-width: 1199px) {
    html:not(.home) main {
        padding-top: var(--header-height);
    }
}

html.cms main,
html.verifylogin main,
html.account main {
    padding-top: var(--header-height);
}

html.product main {
    padding-top: calc(var(--header-height) + 1.5rem);
}

html.product main {
    padding-top: var(--header-height);
}

html.has-cover-image main {
    padding-top: 0;
}

@media only screen and (max-width: 1199px) {
    html:not(.home) main,
    html.product main {
        padding-top: var(--header-height);
    }

    html.verifylogin main,
    html.account main,
    html.cart main,
    html.verifycheckout main,
    html.orderresults main {
        padding-top: calc(var(--header-height) + 1.5rem);
    }

    html.shippinglabel:not(.thankyouforrequestingashippingbox) main,
    html.viewmyoffer main {
        padding-top: 56px;
    }

    html.thankyouforrequestingashippingbox .what-people-are-saying .review {
        text-align: center;
    }

    html.shop.has-cover-image main {
        padding-top: 140px;
    }

    html.has-cover-image main {
        padding-top: 0;
    }
}

img {
    max-width: 100% !important;
    height: auto;
}

iframe {
    max-width: 100%;
}

iframe:not([height]) {
    height: auto;
}

/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .7);
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
}

.clearfix::after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *::before,
    *::after {
        background: #fff !important;
        color: #000 !important;
        /* Black prints faster */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]::after {
        content: " (" attr(href) ")";
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]::after,
    a[href^="javascript:"]::after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .headerWrap .right {
        display: none;
    }
}

.swiper-scrollbar {
    background: #d6d6d6;
}

.swiper-container-horizontal > .swiper-scrollbar {
    border-radius: 2px;
    height: 2px;
    width: 50%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.nav-slider-container::-webkit-scrollbar {
    background-color: #f5f5f5;
    border-radius: 5px;
    width: 7px;
    height: 10px;
}

.nav-slider-container::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 5px;
    height: 10px;
}

.nav-slider-container {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.25rem;
    position: relative;
    overflow: hidden;
    overflow-x: scroll;
    z-index: 1;
}

.nav-slider-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
    display: flex;
}

.nav-slider-slide {
    color: var(--color-black);
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    padding: 0 1.3rem 1rem 0;
    text-transform: none;
    flex-shrink: 0;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .nav-slider-slide {
        border-bottom: 1px solid rgba(196, 196, 196, 1);
    }
}

.nav-slider-slide a {
    color: var(--color-black);
    font-family: 'Inter', sans-serif;
    font-variation-settings: 'wght' 600;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    padding: 0;
    text-transform: none;
}

.nav-slider-slide img {
    width: 252px;
    height: auto;
}

.nav-slider-slide a span {
    margin-top: 0.5rem;
    display: block;
}

.swiper-wrapper img {
    width: 100%;
}

@media only screen and (max-width: 1199px) {
    .swiper-container {
        padding-bottom: 20px;
    }
}

/* Order Summary Survey */
.seocart_summarysurvey {
    accent-color: black;
    margin-right: .5em;
}

.survey-option {
    margin-bottom: 24px
}

#summarysurvey_Custom {
    border: none;
    border-bottom: 1px solid #d9d9d9;
    margin-left: .5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.survey-submit {
    margin-top: 32px
}

.btn-survey {
    transition: none
}

.btn-survey:hover {
    background-color: #212529;
    border-color: #212529;
}

.btn-survey[disabled] {
    opacity: 1;
    background-color: var(--color-gray-light);
    border-color: var(--color-gray-light);
}

.btn-survey::after,
.btn-survey:hover::after {
    content: none;
}

@media screen and (min-width: 1200px) {
    .btn-survey {
        max-width: 333px
    }
}

/* Intercom button and modal */


.intercom-button {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #B1F347;
    background-image: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M41.1223 23.2389C41.6812 22.2445 42 21.097 42 19.8751C42 16.0781 38.9219 13 35.1249 13C32.963 13 31.0341 13.9979 29.7738 15.5582C29.4797 15.5198 29.1797 15.5 28.8751 15.5C25.0781 15.5 22 18.5781 22 22.3751C22 23.597 22.3188 24.7446 22.8778 25.739L22 29.2501L25.5111 28.3723C26.5056 28.9313 27.6531 29.2501 28.8751 29.2501C31.037 29.2501 32.9659 28.2522 34.2262 26.6919C34.5203 26.7303 34.8203 26.7501 35.1249 26.7501C36.3469 26.7501 37.4944 26.4313 38.4888 25.8724L42.0001 26.7502L41.1223 23.2389ZM35.7431 22.0627C35.7337 21.8517 35.7148 21.6433 35.6867 21.4377H36.9999V22.0627H35.7431ZM35.3948 20.1877H38.2499V19.5627H35.1504C35.2417 19.766 35.3233 19.9745 35.3948 20.1877ZM34.4221 18.3127H36.3749V17.6877H33.9045C34.0889 17.8855 34.2618 18.0942 34.4221 18.3127ZM30.125 20.8125H25.75V20.1875H30.125V20.8125ZM25.75 22.6875H32.0001V22.0625H25.75V22.6875ZM30.75 24.5625H25.75V23.9375H30.75V24.5625ZM22.859 28.3911L23.5444 25.6494L23.4226 25.4327C22.9148 24.5294 22.625 23.487 22.625 22.3751C22.625 18.9233 25.4232 16.125 28.8751 16.125C32.3269 16.125 35.1251 18.9233 35.1251 22.3751C35.1251 25.8269 32.3269 28.6251 28.8751 28.6251C27.7631 28.6251 26.7207 28.3353 25.8174 27.8275L25.6007 27.7057L22.859 28.3911Z" fill="black"/><path d="M16.1704 40.096C17.2184 40.096 17.8664 39.592 18.2904 38.968L17.6104 38.608C17.3304 39.056 16.8024 39.384 16.1704 39.384C15.0904 39.384 14.2584 38.528 14.2584 37.336C14.2584 36.136 15.0904 35.288 16.1704 35.288C16.8024 35.288 17.3304 35.616 17.6104 36.064L18.2904 35.704C17.8744 35.08 17.2184 34.576 16.1704 34.576C14.6504 34.576 13.4344 35.696 13.4344 37.336C13.4344 38.976 14.6504 40.096 16.1704 40.096ZM20.7841 40.096C21.9921 40.096 22.7361 39.184 22.7361 38.064C22.7361 36.952 21.9921 36.04 20.7841 36.04C19.5841 36.04 18.8321 36.952 18.8321 38.064C18.8321 39.184 19.5841 40.096 20.7841 40.096ZM20.7841 39.456C20.0161 39.456 19.5841 38.8 19.5841 38.064C19.5841 37.336 20.0161 36.68 20.7841 36.68C21.5601 36.68 21.9841 37.336 21.9841 38.064C21.9841 38.8 21.5601 39.456 20.7841 39.456ZM26.2582 40H26.9782V37.288C26.9782 36.472 26.5542 36.04 25.7382 36.04C25.1382 36.04 24.6262 36.368 24.3702 36.68V36.136H23.6502V40H24.3702V37.24C24.5782 36.952 24.9862 36.68 25.4342 36.68C25.9302 36.68 26.2582 36.888 26.2582 37.528V40ZM29.183 40.096C29.559 40.096 29.783 39.992 29.935 39.848L29.751 39.304C29.679 39.384 29.527 39.456 29.359 39.456C29.111 39.456 28.983 39.256 28.983 38.984V36.768H29.767V36.136H28.983V35.08H28.263V36.136H27.623V36.768H28.263V39.144C28.263 39.752 28.575 40.096 29.183 40.096ZM32.9483 40H33.6683V37.392C33.6683 36.408 32.9563 36.04 32.1163 36.04C31.4923 36.04 30.9643 36.248 30.5323 36.672L30.8443 37.168C31.1883 36.824 31.5643 36.656 32.0043 36.656C32.5563 36.656 32.9483 36.944 32.9483 37.424V38.064C32.6523 37.72 32.2043 37.552 31.6843 37.552C31.0363 37.552 30.3403 37.936 30.3403 38.816C30.3403 39.664 31.0443 40.096 31.6843 40.096C32.2043 40.096 32.6443 39.912 32.9483 39.576V40ZM32.9483 39.152C32.7323 39.44 32.3563 39.592 31.9563 39.592C31.4363 39.592 31.0683 39.28 31.0683 38.824C31.0683 38.368 31.4363 38.056 31.9563 38.056C32.3563 38.056 32.7323 38.208 32.9483 38.496V39.152ZM34.5821 38.064C34.5821 39.224 35.3821 40.096 36.5501 40.096C37.2781 40.096 37.7181 39.792 37.9981 39.416L37.5181 38.976C37.2861 39.296 36.9741 39.456 36.5821 39.456C35.8221 39.456 35.3341 38.864 35.3341 38.064C35.3341 37.264 35.8221 36.68 36.5821 36.68C36.9741 36.68 37.2861 36.832 37.5181 37.16L37.9981 36.72C37.7181 36.344 37.2781 36.04 36.5501 36.04C35.3821 36.04 34.5821 36.904 34.5821 38.064ZM39.8548 40.096C40.2308 40.096 40.4548 39.992 40.6068 39.848L40.4228 39.304C40.3508 39.384 40.1988 39.456 40.0308 39.456C39.7828 39.456 39.6548 39.256 39.6548 38.984V36.768H40.4388V36.136H39.6548V35.08H38.9348V36.136H38.2948V36.768H38.9348V39.144C38.9348 39.752 39.2468 40.096 39.8548 40.096ZM45.9067 40H46.6267V36.136H45.9067V38.912C45.6907 39.2 45.2827 39.456 44.8347 39.456C44.3387 39.456 44.0187 39.264 44.0187 38.624V36.136H43.2987V38.864C43.2987 39.68 43.7067 40.096 44.5307 40.096C45.1227 40.096 45.6107 39.792 45.9067 39.472V40ZM47.4314 39.496C47.8234 39.896 48.3914 40.096 49.0394 40.096C50.0554 40.096 50.5994 39.576 50.5994 38.912C50.5994 38.024 49.7994 37.84 49.1274 37.688C48.6474 37.576 48.2314 37.464 48.2314 37.128C48.2314 36.816 48.5354 36.624 49.0234 36.624C49.5114 36.624 49.9434 36.824 50.1674 37.096L50.4874 36.592C50.1594 36.28 49.6794 36.04 49.0154 36.04C48.0714 36.04 47.5434 36.568 47.5434 37.184C47.5434 38.016 48.3114 38.192 48.9674 38.344C49.4634 38.456 49.9034 38.584 49.9034 38.968C49.9034 39.296 49.6154 39.52 49.0714 39.52C48.5514 39.52 48.0394 39.256 47.7754 38.968L47.4314 39.496Z" fill="black"/></svg>');
    background-position: 50% 0;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;
    cursor: pointer;
    filter: drop-shadow(0 5px 3px rgba(0, 0, 0, .2));
}

.intercom-container {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    left: 20px;
    display: flex;
    transition: all .5s;
    filter: drop-shadow(0 5px 3px rgba(0, 0, 0, .2));
}

body.menu-opened .intercom-container {
    display: none;
}

.intercom-container.intercom-flyout-open {
    right: 20px
}

.intercom-container.intercom-flyout-open .intercom-flyout {
    opacity: 1
}

.intercom-flyout {
    background-color: #fff;
    padding: 0 0 0 8px;
    height: 56px;
    -webkit-clip-path: polygon(28px 0, 100% 0, 100% 100%, 28px 100%);
    clip-path: polygon(28px 0, 100% 0, 100% 100%, 28px 100%);
    opacity: 0;
    transition: all .5s;
    padding-left: 56px;
    width: 100%
}

.intercom-flyout,
.intercom-flyout-content {
    display: flex;
}

.intercom-flyout-content {
    color: #000;
    flex-direction: column;
    justify-content: center;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    padding: 0 25px;
}

.intercom-flyout-header {
    line-height: 1.33;
    font-size: 12px;
    font-weight: 600;
}

.intercom-flyout-text {
    line-height: 1.33;
    font-size: 12px;
    font-weight: 400;
}

.intercom-close {
    padding: 0px 5px 0 0;
    position: relative;
    bottom: 5px;
    cursor: pointer;
}

#ModalSlide .modal-dialog {
    width: 100%;
    max-width: 480px;
    color: #000;
    font-size: 22px;
    line-height: 28px;
}

#ModalSlide .modal-dialog hr {
    width: 47px;
    color: #d9d9d9;
    height: 2px;
}

#ModalSlide .modal-dialog h1 {
    font-size: 45px;
    line-height: 56px;
}

#ModalSlide .modal-dialog-slideout {
    min-height: 100%;
    margin: 0 auto 0 0;
    background: #fff;
}

#ModalSlide.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(-100%, 0) scale(1);
    transform: translate(-100%, 0) scale(1);
}

#ModalSlide.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%;
}

#ModalSlide.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}

#ModalSlide .modal-body svg {
    position: relative;
    bottom: 2px;
}

#ModalSlide .modal-dialog-slideout .modal-content {
    border: 0;
}

#ModalSlide .modal-dialog-slideout .modal-content a {
    color: #000;
    font-size: 22px;
    line-height: 28px;
}

#launchIntercom,
#ModalSlide .modal-close {
    cursor: pointer;
}

#AccAppContainer {
    pointer-events: all;
    cursor: pointer;
    position: fixed;
    z-index: 99999;
    bottom: 90px;
    left: 20px;
    display: none;
}

#AccApp {
    background-color: rgb(177, 243, 71);
    transition: all .2s ease-in-out;
    outline: 0;
    border: 0;
    border-radius: 100%;
    padding: 0;
    margin: 0;
    font-size: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px !important;
    height: 50px !important;
    min-height: 50px;
    min-width: 50px;
    max-width: 50px;
    max-height: 50px;
}

.cms_sitemap_wrap li,
.cms_sitemap_textAboveBelow li {
    margin-bottom: 1rem;
}

.cms_sitemap_wrap li ul,
.cms_sitemap_textAboveBelow li ul {
    margin-top: 1rem;
}

.ribbon-thumb {
    margin-right: 3px;
    width: 20px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: center center;
}

.compatibility-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.compatibility-list li {
    margin-bottom: 1rem;
}

.omegawatchesvip1 .breadcrumbsHeader {
    display: none;
}

@media only screen and (max-width: 767px) {
    body .cc-window.cc-floating {
        max-width: none;
    }
}

@media only screen and (max-width: 767px) {
    body .cc-window.cc-floating {
        max-width: none;
    }
}

.three-column .three-column-border {
    border-right: none;
}

.three-column .mobileAccordionButton {
    font-size: 1rem;
}

.about-home .mobileAccordionButton {
    font-size: 1rem;
    margin: 0;
}

.about-home .accordion-header,
.three-column .accordion-header {
    margin: 0;
    padding: .5rem 0 1rem 0;
    border-top: 1px solid rgba(0, 0, 0, .125);
}

.three-column a {
    color: var(--color-black);
}

@media screen and (max-width: 1199px) {
    .about-home .mobileAccordionButton {
        padding: .5rem 0 0;
    }

    .about-home .accordion-last,
    .three-column .accordion-last {
        border-bottom: 1px solid rgba(0, 0, 0, .125);
    }
}

@media screen and (min-width: 1200px) {
    .three-column {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid #ccc;
    }

    .three-column .three-column-border {
        border-right: 1px solid #ccc;
    }

    .about-home .accordion-header,
    .three-column .accordion-header {
        border: none;
        padding: 0 0 .5rem;
        margin: 0;
    }

    .about-home .mobileAccordionButton {
        font-weight: 400;
        font-variation-settings: 'wght' 400;
        font-size: 1.5rem;
    }

    .three-column .mobileAccordionButton {
        font-weight: 600;
        font-variation-settings: 'wght' 600;
        font-size: 16px;
    }

    .about-home .mobileAccordionButton:after,
    .three-column .mobileAccordionButton:after {
        display: none;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
      top: unset;
    }
  
    .product-header .actual-photo-text {
      bottom: -4px;
    }
}

/* @link https://utopia.fyi/type/calculator?c=320,16,1.1625,1920,16,1.2,7,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
/* 1.1625 - 1.2 */

/* @link https://utopia.fyi/type/calculator?c=320,16,1.1625,1920,16,1.225,7,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
/* 1.1625 - 1.225 */

:root {
    --body-2xs: clamp(0.5787rem, 0.6481rem + -0.0578vi, 0.6365rem);
    --body-xs: clamp(0.6944rem, 0.7491rem + -0.0455vi, 0.74rem);
    --body-s: clamp(0.8333rem, 0.8656rem + -0.0269vi, 0.8602rem);
    --body: clamp(1rem, 1rem + 0vi, 1rem);
    --h6-s: clamp(1.1625rem, 1.155rem + 0.0375vi, 1.2rem);
    --h5-s: clamp(1.3514rem, 1.3337rem + 0.0886vi, 1.44rem);
    --h4-s: clamp(1.571rem, 1.5396rem + 0.157vi, 1.728rem);
    --h3-s: clamp(1.8263rem, 1.7768rem + 0.2473vi, 2.0736rem);
    --h2-s: clamp(2.1231rem, 2.05rem + 0.3652vi, 2.4883rem);
    --h1-s: clamp(2.4681rem, 2.3645rem + 0.5179vi, 2.986rem);
    --d3-s: clamp(2.8691rem, 2.7263rem + 0.714vi, 3.5832rem);
    --h6: clamp(1.1625rem, 1.15rem + 0.0625vi, 1.225rem);
    --h5: clamp(1.3514rem, 1.3216rem + 0.1492vi, 1.5006rem);
    --h4: clamp(1.571rem, 1.5176rem + 0.2673vi, 1.8383rem);
    --h3: clamp(1.8263rem, 1.7412rem + 0.4256vi, 2.2519rem);
    --h2: clamp(2.1231rem, 1.996rem + 0.6355vi, 2.7585rem);
    --h1: clamp(2.4681rem, 2.2858rem + 0.9111vi, 3.3792rem);
    --d3: clamp(2.8691rem, 2.6151rem + 1.2704vi, 4.1395rem);
}

.category-blurb {

    h1 {
        font-size: var(--h1);
        line-height: 1;
        margin: 0 0 16px 0;
        scroll-margin-top: 150px;
        text-wrap: pretty;
    }

    h2 {
        font-size: var(--h2);
        line-height: normal;
        margin-top: 56px;
        scroll-margin-top: 150px;
        text-wrap: pretty;
    }

    h3 {
        font-size: var(--h3-s);
        line-height: normal;
        margin-top: 24px;
        scroll-margin-top: 150px;
    }

    h4 {
        font-size: var(--h4-s);
        line-height: normal;
    }

    h5 {
        font-size: var(--h5-s);
        line-height: normal;
    }

    h6 {
        font-size: var(--h6-s);
        line-height: normal;
    }

    h3,
    h4,
    h5,
    h6 {
        letter-spacing: -1px;
        font-variation-settings: "wght" 350;
    }

    img {
        width: 100%;
        aspect-ratio: 16/9;
        object-fit: cover;
    }

    img.about-avatar {
        aspect-ratio: 1;
        width: 92px;
        margin-left: 0;
    }
}

@media screen and (min-width: 2048px) {
    .swiper-container {
        /* max-height: 960px; */
        height: 960px;
    }

    .swiper-slide {
        max-height: 900px;
    }

    .product-info {
        align-items: center;
    }
}

@media screen and (max-width: 480px) {
    .swiper-slide {
        height: 320px;
    }

    .product-header img.photo {
        height: 320px;
    }
}

/* For homepage hero picture */

.picture-container {
    position: absolute;
    width: 100%;
    top: 0;
    display: none;
  
    img {
      width: 100%;
      box-sizing: border-box;
      object-fit: cover;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .StreamingMedia_Description1 {
      bottom: max(16px, 3%);
    }
  }
  
  .cms_StreamingMedia {
    height: 100vh;
  }

  .cms_StreamingMedia .StreamingMedia_playerContainer,
  .StreamingMedia_container {
    height: calc(100vh - 92px);
  }

  .StreamingMedia_Description2{
    background-color: white;
  }

  
  @media screen and (max-width: 1199px) {
    .cms_StreamingMedia {
        margin-bottom: 4rem !important;
    }

    .picture-container {
      display: flex;
      width: 100%;
      height: calc(100vh - 196px);
    }
  
    .cms_Image_container.cms_Image_fullWidth {
      width: 100%;
      height: calc(100vh - 196px);
    }
  
    .cms_StreamingMedia .StreamingMedia_playerContainer,
    .StreamingMedia_container {
      height: calc(100vh - 196px);
    }
  }
  
  @supports (height: 100dvh) {
    .cms_StreamingMedia {
      height: 100dvh;
    }
    .picture-container ,.cms_Image_container.cms_Image_fullWidth ,.cms_StreamingMedia .StreamingMedia_playerContainer,
    .StreamingMedia_container  {
      height: calc(100dvh - 92px);
    }
    .cms_StreamingMedia {
        margin-bottom: 0 !important;
    }
  }


.searchWrap .searchbar {
    text-align: center;
}

html.home .headerTopWrapOuter {
    color: var(--announcement-color);
    background-color: var(--announcement-bg);
}

html.home .headerTopWrapOuter a {
    color: var(--announcement-color);
}

html.home #authenticatedTimepieces .ico-arrow path {
    stroke: var(--announcement-color);
}

html.home  #authenticatedTimepieces .ico-csa path.pathFillPositive {
    fill: var(--announcement-color);
}

/* @media screen and (max-width: 1199px) {

    .topsearchinput {
        width: 100% !important;
        min-width: 296px !important;
        height: 32px !important;
        background-color: white !important;
        border-radius: 40px !important;
        border: 1px solid #c4c4c4 !important;
        margin-bottom: 16px !important;
    }

    html header #searchWrapOuter {
        background: transparent;
    }

    header .searchWrap {
        height: auto;
        padding: 0 12px;
    }
} */

/* @media screen and (max-width: 767px) {

    .topsearchinput {
        height: 32px !important;
    }
}
.mobileCloseSearchBtn {
    position: absolute;
    right: 20px;
    top: 30%;
    transform: translateY(-50%);
    background-color: transparent;
    cursor: pointer;

}

.noBorder {
    border: none !important;
} */