/*
Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
https://uniformjs.com/
*/
/* General settings */
div.selector,
div.checker,
div.radio,
div.uploader {
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
vertical-align: middle;
/* Keeping this as :focus to remove browser styles */
}
div.selector:focus,
div.checker:focus,
div.radio:focus,
div.uploader:focus {
outline: 0;
}
div.selector,
div.selector *,
div.radio,
div.radio *,
div.checker,
div.checker *,
div.uploader,
div.uploader * {
margin: 0;
padding: 0;
}
.highContrastDetect {
width: 0;
height: 0;
}
/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
padding: 3px;
outline: 0;
}
/* Remove default webkit and possible mozilla .search styles.
* Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
-moz-appearance: none;
-webkit-appearance: none;
}
/* Select */
div.selector {
background-position: 0 -130px;
line-height: 26px;
height: 26px;
padding: 0 0 0 10px;
position: relative;
overflow: hidden;
}
div.selector span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
background-position: right 0;
height: 26px;
line-height: 26px;
padding-right: 25px;
cursor: pointer;
width: 100%;
display: block;
}
div.selector.fixedWidth {
width: 190px;
}
div.selector.fixedWidth span {
width: 155px;
}
div.selector select {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
position: absolute;
height: 22px;
top: 2px;
left: 0;
width: 100%;
}
div.selector.active {
background-position: 0 -156px;
}
div.selector.active span {
background-position: right -26px;
}
div.selector.hover,
div.selector.focus {
background-position: 0 -182px;
}
div.selector.hover span,
div.selector.focus span {
background-position: right -52px;
}
div.selector.hover.active,
div.selector.focus.active {
background-position: 0 -208px;
}
div.selector.hover.active span,
div.selector.focus.active span {
background-position: right -78px;
}
div.selector.disabled,
div.selector.disabled.active {
background-position: 0 -234px;
}
div.selector.disabled span,
div.selector.disabled.active span {
background-position: right -104px;
}
/* Checkbox */
div.checker {
position: relative;
}
div.checker,
div.checker input {
width: 19px;
height: 19px;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
text-align: center;
background-position: 0 -260px;
}
div.checker input {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
}
div.checker.active span {
background-position: -19px -260px;
}
div.checker.active span.checked {
background-position: -95px -260px;
}
div.checker.hover span,
div.checker.focus span {
background-position: -38px -260px;
}
div.checker.hover span.checked,
div.checker.focus span.checked {
background-position: -114px -260px;
}
div.checker.hover.active span,
div.checker.focus.active span {
background-position: -57px -260px;
}
div.checker.hover.active span.checked,
div.checker.focus.active span.checked {
background-position: -133px -260px;
}
div.checker.disabled,
div.checker.disabled.active {
background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled.active span.checked {
background-position: -171px -260px;
}
/* Radio */
div.radio {
position: relative;
}
div.radio,
div.radio input {
width: 18px;
height: 18px;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
text-align: center;
background-position: 0 -279px;
}
div.radio span.checked {
background-position: -72px -279px;
}
div.radio input {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
display: -moz-inline-box;
display: inline-block;
*display: inline;
zoom: 1;
text-align: center;
}
div.radio.active span {
background-position: -18px -18px;
}
div.radio.active span.checked {
background-position: -90px -279px;
}
div.radio.hover span,
div.radio.focus span {
background-position: -36px -36px;
}
div.radio.hover span.checked,
div.radio.focus span.checked {
background-position: -108px -279px;
}
div.radio.hover.active span,
div.radio.focus.active span {
background-position: -54px -279px;
}
div.radio.hover.active span.checked,
div.radio.focus.active span.checked {
background-position: -126px -279px;
}
div.radio.disabled span,
div.radio.disabled.active span {
background-position: -144px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled.active span.checked {
background-position: -162px -279px;
}
/* Uploader */
div.uploader {
background-position: 0 -297px;
height: 28px;
width: 190px;
cursor: pointer;
position: relative;
overflow: hidden;
}
div.uploader span.action {
background-position: right -409px;
line-height: 28px;
text-align: center;
display: inline;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
text-overflow: ellipsis;
display: block;
overflow: hidden;
white-space: nowrap;
float: left;
cursor: default;
height: 24px;
margin: 2px 0 2px 2px;
line-height: 24px;
width: 85px;
padding: 0 10px;
}
div.uploader input {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
position: absolute;
top: 0;
right: 0;
float: right;
cursor: default;
width: 100%;
height: 100%;
}
div.uploader.active span.action {
background-position: right -465px;
}
div.uploader.hover,
div.uploader.focus {
background-position: 0 -353px;
}
div.uploader.hover span.action,
div.uploader.focus span.action {
background-position: right -437px;
}
div.uploader.hover.active span.action,
div.uploader.focus.active span.action {
background-position: right -493px;
}
div.uploader.disabled,
div.uploader.disabled.active {
background-position: 0 -325px;
}
div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
background-position: right -381px;
}
/* INPUT & TEXTAREA */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
font-size: 12px;
font-family: "brother-1816", sans-serif;
font-weight: 400;
color: #000;
border-top: solid 1px #BBBBBB;
border-left: solid 1px #BBBBBB;
border-bottom: solid 1px #BBBBBB;
border-right: solid 1px #BBBBBB;
}
input.uniform-input.hover,
input.uniform-input.focus,
select.uniform-multiselect.hover,
select.uniform-multiselect.focus,
textarea.uniform.hover,
textarea.uniform.focus {
border-color: #888888;
}
/* PRESENTATION */
/* Select */
div.selector {
font-size: 12px;
}
div.selector span {
color: #000;
text-shadow: 0 1px 0 white;
}
div.selector select {
font-family: "brother-1816", sans-serif;
font-size: 12px;
}
div.selector.disabled span,
div.selector.disabled.active span {
color: #000;
}
/* Checker */
div.checker {
margin-right: 5px;
}
/* Radio */
div.radio {
margin-right: 3px;
}
/* Uploader */
div.uploader span.action {
text-shadow: white 0 1px 0;
background-color: #FFFFFF;
font-size: 11px;
font-weight: 500;
}
div.uploader span.filename {
color: #000;
border-right: solid 1px #BBBBBB;
font-size: 11px;
}
div.uploader.disabled span.action,
div.uploader.disabled.active span.action {
color: #000;
}
div.uploader.disabled span.filename,
div.uploader.disabled.active span.filename {
border-color: #BBBBBB;
color: #000;
}
input.uniform-input,
input.uniform-input:focus {
background-color: #FFFFFF;
}
/*!
* Font Awesome 5.10.0 by @davegandy - https://fontawesome.io - @fontawesome
* License - https://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #EEEEEE;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
animation: fa-spin 1.5s infinite linear;
}
.fa-pulse {
animation: fa-spin 0.7s infinite steps(8);
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #FFFFFF;
}
.fa-angle-down:before {
content: "\f107";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-bars:before {
content: "\f0c9";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-check:before {
content: "\f00c";
}
.fa-check-bold:before {
content: "\e901";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-circle:before {
content: "\f111";
}
.fa-comment:before {
content: "\f075";
}
.fa-compress-alt:before {
content: "\f422";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-chat:before {
content: "\e908";
}
.fa-download:before {
content: "\e902";
}
.fa-expand-alt:before {
content: "\f424";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-facebook-f:before {
content: "\f39e";
}
.fa-heart:before {
content: "\f004";
}
.fa-heart-solid:before {
content: "\f6b0";
}
.fa-home:before {
content: "\f015";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-minus:before {
content: "\f068";
}
.fa-mail:before {
content: "\e906";
}
.fa-pause:before {
content: "\f04c";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-play:before {
content: "\f04b";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-plus:before {
content: "\f067";
}
.fa-print:before {
content: "\e907";
}
.fa-phone:before {
content: "\e905";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-search:before {
content: "\f002";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-bag-solid:before {
content: "\f6b4";
}
.fa-shield:before {
content: "\e900";
}
.fa-sliders-h:before {
content: "\f1de";
}
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-1:before {
content: "\e904";
}
.fa-spinner:before {
content: "\f110";
}
.fa-star:before {
content: "\f005";
}
.fa-star-regular:before {
content: "\e906";
}
.fa-star-half:before {
content: "\e905";
}
.fa-sync-alt:before {
content: "\f2f1";
}
.fa-snap-chat:before {
content: "\e904";
}
.fa-tag:before {
content: "\f02b";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-times:before {
content: "\f00d";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-tjc:before {
content: "\f000";
}
.fa-tv:before {
content: "\f26c";
}
.fa-tv-fill:before {
content: "\e902";
}
.fa-twitter:before {
content: "\f099";
}
.fa-user:before {
content: "\f007";
}
.fa-user-solid:before {
content: "\f6d5";
}
.fa-volume-mute:before {
content: "\f6a9";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-warranty-shield:before {
content: "\e903";
}
.fa-whatsapp:before {
content: "\ea93";
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
padding: 0;
}
*:focus {
outline: 0 none;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: underline;
}
a:active,
a:hover {
outline: 0;
}
@media (max-width: 1279px) {
a {
text-decoration: none!important;
}
a:hover {
text-decoration: none!important;
}
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: 500;
}
address {
font-style: normal;
text-transform: uppercase;
}
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #FFD814;
color: #000000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
ul li,
ol li {
margin: 0;
padding: 0;
list-style: none;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
border-radius: 0;
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: 500;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
td,
th {
padding: 0;
vertical-align: top;
}
.fa {
line-height: inherit;
font-weight: 400;
}
/* CORE GRID SYSTEM --------------------------------------------------------------------------------------------------------------------------------------------------*/
.xrow {
--bs-gutter-x: 24px;
--bs-gutter-y: 0;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) / -2);
margin-left: calc(var(--bs-gutter-x) / -2);
}
[class*=xcol] {
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) / 2);
padding-left: calc(var(--bs-gutter-x) / 2);
margin-top: var(--bs-gutter-y);
}
.xcol {
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.xrow-cols-auto > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.xrow-cols-1 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.xrow-cols-2 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.xrow-cols-3 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.xrow-cols-4 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.xrow-cols-5 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.xrow-cols-6 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.xrow-cols-7 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 14.28571429%;
}
.xrow-cols-8 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 12.5%;
}
.xrow-cols-9 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 11.11111111%;
}
.xrow-cols-10 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 10%;
}
.xrow-cols-11 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 9.09090909%;
}
.xrow-cols-12 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.xcol-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.xcol-1 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.xcol-2 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.xcol-3 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.xcol-4 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.xcol-5 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.xcol-6 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.xcol-7 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.xcol-8 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.xcol-9 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.xcol-10 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.xcol-11 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.xcol-12 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 6px;
}
.g-1,
.gy-1 {
--bs-gutter-y: 6px;
}
.g-2,
.gx-2 {
--bs-gutter-x: 12px;
}
.g-2,
.gy-2 {
--bs-gutter-y: 12px;
}
.g-3,
.gx-3 {
--bs-gutter-x: 24px;
}
.g-3,
.gy-3 {
--bs-gutter-y: 24px;
}
.g-4,
.gx-4 {
--bs-gutter-x: 40px;
}
.g-4,
.gy-4 {
--bs-gutter-y: 40px;
}
.g-5,
.gx-5 {
--bs-gutter-x: 60px;
}
.g-5,
.gy-5 {
--bs-gutter-y: 60px;
}
.g-6,
.gx-6 {
--bs-gutter-x: 100px;
}
.g-6,
.gy-6 {
--bs-gutter-y: 100px;
}
@media (min-width: 768px) {
.xcol-md {
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.xrow-cols-md-auto > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.xrow-cols-md-1 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.xrow-cols-md-2 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.xrow-cols-md-3 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.xrow-cols-md-4 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.xrow-cols-md-5 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.xrow-cols-md-6 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.xrow-cols-md-7 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 14.28571429%;
}
.xrow-cols-md-8 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 12.5%;
}
.xrow-cols-md-9 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 11.11111111%;
}
.xrow-cols-md-10 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 10%;
}
.xrow-cols-md-11 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 9.09090909%;
}
.xrow-cols-md-12 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.xcol-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.xcol-md-1 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.xcol-md-2 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.xcol-md-3 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.xcol-md-4 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.xcol-md-5 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.xcol-md-6 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.xcol-md-7 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.xcol-md-8 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.xcol-md-9 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.xcol-md-10 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.xcol-md-11 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.xcol-md-12 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 6px;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 6px;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 12px;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 12px;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 24px;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 24px;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 40px;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 40px;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 60px;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 60px;
}
.g-md-6,
.gx-md-6 {
--bs-gutter-x: 100px;
}
.g-md-6,
.gy-md-6 {
--bs-gutter-y: 100px;
}
}
@media (min-width: 1024px) {
.xcol-lg {
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.xrow-cols-lg-auto > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.xrow-cols-lg-1 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.xrow-cols-lg-2 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.xrow-cols-lg-3 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.xrow-cols-lg-4 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.xrow-cols-lg-5 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.xrow-cols-lg-6 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.xrow-cols-lg-7 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 14.28571429%;
}
.xrow-cols-lg-8 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 12.5%;
}
.xrow-cols-lg-9 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 11.11111111%;
}
.xrow-cols-lg-10 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 10%;
}
.xrow-cols-lg-11 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 9.09090909%;
}
.xrow-cols-lg-12 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.xcol-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.xcol-lg-1 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.xcol-lg-2 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.xcol-lg-3 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.xcol-lg-4 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.xcol-lg-5 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.xcol-lg-6 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.xcol-lg-7 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.xcol-lg-8 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.xcol-lg-9 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.xcol-lg-10 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.xcol-lg-11 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.xcol-lg-12 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 6px;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 6px;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 12px;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 12px;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 24px;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 24px;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 40px;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 40px;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 60px;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 60px;
}
.g-lg-6,
.gx-lg-6 {
--bs-gutter-x: 100px;
}
.g-lg-6,
.gy-lg-6 {
--bs-gutter-y: 100px;
}
}
@media (min-width: 1200px) {
.xcol-xl {
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.xrow-cols-xl-auto > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.xrow-cols-xl-1 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.xrow-cols-xl-2 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.xrow-cols-xl-3 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.xrow-cols-xl-4 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.xrow-cols-xl-5 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.xrow-cols-xl-6 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.xrow-cols-xl-7 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 14.28571429%;
}
.xrow-cols-xl-8 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 12.5%;
}
.xrow-cols-xl-9 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 11.11111111%;
}
.xrow-cols-xl-10 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 10%;
}
.xrow-cols-xl-11 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 9.09090909%;
}
.xrow-cols-xl-12 > * {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.xcol-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.xcol-xl-1 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.xcol-xl-2 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.xcol-xl-3 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.xcol-xl-4 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.xcol-xl-5 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.xcol-xl-6 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.xcol-xl-7 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.xcol-xl-8 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.xcol-xl-9 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.xcol-xl-10 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.xcol-xl-11 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.xcol-xl-12 {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 6px;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 6px;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 12px;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 12px;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 24px;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 24px;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 40px;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 40px;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 60px;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 60px;
}
.g-xl-6,
.gx-xl-6 {
--bs-gutter-x: 100px;
}
.g-xl-6,
.gy-xl-6 {
--bs-gutter-y: 100px;
}
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-none {
display: none !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-evenly {
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-first {
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-last {
-ms-flex-order: 6 !important;
order: 6 !important;
}
.float-start {
float: left !important;
}
.float-end {
float: right !important;
}
.float-none {
float: none !important;
}
.gap-0 {
gap: 0 !important;
}
.gap-1 {
gap: 6px !important;
}
.gap-2 {
gap: 12px !important;
}
.gap-3 {
gap: 24px !important;
}
.gap-4 {
gap: 40px !important;
}
.gap-5 {
gap: 60px !important;
}
.gap-6 {
gap: 100px !important;
}
@media (min-width: 768px) {
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-md-evenly {
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-md-first {
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-md-last {
-ms-flex-order: 6 !important;
order: 6 !important;
}
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 6px !important;
}
.gap-md-2 {
gap: 12px !important;
}
.gap-md-3 {
gap: 24px !important;
}
.gap-md-4 {
gap: 40px !important;
}
.gap-md-5 {
gap: 60px !important;
}
.gap-md-6 {
gap: 100px !important;
}
}
@media (min-width: 1024px) {
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-lg-evenly {
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-lg-first {
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-lg-last {
-ms-flex-order: 6 !important;
order: 6 !important;
}
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 6px !important;
}
.gap-lg-2 {
gap: 12px !important;
}
.gap-lg-3 {
gap: 24px !important;
}
.gap-lg-4 {
gap: 40px !important;
}
.gap-lg-5 {
gap: 60px !important;
}
.gap-lg-6 {
gap: 100px !important;
}
}
@media (min-width: 1200px) {
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-xl-evenly {
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-xl-first {
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-xl-last {
-ms-flex-order: 6 !important;
order: 6 !important;
}
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 6px !important;
}
.gap-xl-2 {
gap: 12px !important;
}
.gap-xl-3 {
gap: 24px !important;
}
.gap-xl-4 {
gap: 40px !important;
}
.gap-xl-5 {
gap: 60px !important;
}
.gap-xl-6 {
gap: 100px !important;
}
}
/* CORE SPACING ------------------------------------------------------------------------------------------------------------------------------------------------------*/
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-6,
.m-1 {
margin: 6px !important;
}
.mt-6,
.my-6,
.mt-1,
.my-1 {
margin-top: 6px !important;
}
.mr-6,
.mx-6,
.mr-1,
.mx-1 {
margin-right: 6px !important;
}
.mb-6,
.my-6,
.mb-1,
.my-1 {
margin-bottom: 6px !important;
}
.ml-6,
.mx-6,
.ml-1,
.mx-1 {
margin-left: 6px !important;
}
.m-12,
.m-2 {
margin: 12px !important;
}
.mt-12,
.my-12,
.mt-2,
.my-2 {
margin-top: 12px !important;
}
.mr-12,
.mx-12,
.mr-2,
.mx-2 {
margin-right: 12px !important;
}
.mb-12,
.my-12,
.mb-2,
.my-2 {
margin-bottom: 12px !important;
}
.ml-12,
.mx-12,
.ml-2,
.mx-2 {
margin-left: 12px !important;
}
.m-24,
.m-3 {
margin: 24px !important;
}
.mt-24,
.my-24,
.mt-3,
.my-3 {
margin-top: 24px !important;
}
.mr-24,
.mx-24,
.mr-3,
.mx-3 {
margin-right: 24px !important;
}
.mb-24,
.my-24,
.mb-3,
.my-3 {
margin-bottom: 24px !important;
}
.ml-24,
.mx-24,
.ml-3,
.mx-3 {
margin-left: 24px !important;
}
.m-36,
.m-4 {
margin: 36px !important;
}
.mt-36,
.my-36,
.mt-4,
.my-4 {
margin-top: 36px !important;
}
.mr-36,
.mx-36,
.mr-4,
.mx-4 {
margin-right: 36px !important;
}
.mb-36,
.my-36,
.mb-4,
.my-4 {
margin-bottom: 36px !important;
}
.ml-36,
.mx-36,
.ml-4,
.mx-4 {
margin-left: 36px !important;
}
.m-48,
.m-5 {
margin: 48px !important;
}
.mt-48,
.my-48,
.mt-5,
.my-5 {
margin-top: 48px !important;
}
.mr-48,
.mx-48,
.mr-5,
.mx-5 {
margin-right: 48px !important;
}
.mb-48,
.my-48,
.mb-5,
.my-5 {
margin-bottom: 48px !important;
}
.ml-48,
.mx-48,
.ml-5,
.mx-5 {
margin-left: 48px !important;
}
.m-6 {
margin: 60px !important;
}
.mt-6,
.my-6 {
margin-top: 60px !important;
}
.mr-6,
.mx-6 {
margin-right: 60px !important;
}
.mb-6,
.my-6 {
margin-bottom: 60px !important;
}
.ml-6,
.mx-6 {
margin-left: 60px !important;
}
.m-7 {
margin: 100px !important;
}
.mt-7,
.my-7 {
margin-top: 100px !important;
}
.mr-7,
.mx-7 {
margin-right: 100px !important;
}
.mb-7,
.my-7 {
margin-bottom: 100px !important;
}
.ml-7,
.mx-7 {
margin-left: 100px !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-6,
.p-1 {
padding: 6px !important;
}
.pt-6,
.py-6,
.pt-1,
.py-1 {
padding-top: 6px !important;
}
.pr-6,
.px-6,
.pr-1,
.px-1 {
padding-right: 6px !important;
}
.pb-6,
.py-6,
.pb-1,
.py-1 {
padding-bottom: 6px !important;
}
.pl-6,
.px-6,
.pl-1,
.px-1 {
padding-left: 6px !important;
}
.p-12,
.p-2 {
padding: 12px !important;
}
.pt-12,
.py-12,
.pt-2,
.py-2 {
padding-top: 12px !important;
}
.pr-12,
.px-12,
.pr-2,
.px-2 {
padding-right: 12px !important;
}
.pb-12,
.py-12,
.pb-2,
.py-2 {
padding-bottom: 12px !important;
}
.pl-12,
.px-12,
.pl-2,
.px-2 {
padding-left: 12px !important;
}
.p-24,
.p-3 {
padding: 24px !important;
}
.pt-24,
.py-24,
.pt-3,
.py-3 {
padding-top: 24px !important;
}
.pr-24,
.px-24,
.pr-3,
.px-3 {
padding-right: 24px !important;
}
.pb-24,
.py-24,
.pb-3,
.py-3 {
padding-bottom: 24px !important;
}
.pl-24,
.px-24,
.pl-3,
.px-3 {
padding-left: 24px !important;
}
.p-36,
.p-4 {
padding: 36px !important;
}
.pt-36,
.py-36,
.pt-4,
.py-4 {
padding-top: 36px !important;
}
.pr-36,
.px-36,
.pr-4,
.px-4 {
padding-right: 36px !important;
}
.pb-36,
.py-36,
.pb-4,
.py-4 {
padding-bottom: 36px !important;
}
.pl-36,
.px-36,
.pl-4,
.px-4 {
padding-left: 36px !important;
}
.p-48,
.p-5 {
padding: 48px !important;
}
.pt-48,
.py-48,
.pt-5,
.py-5 {
padding-top: 48px !important;
}
.pr-48,
.px-48,
.pr-5,
.px-5 {
padding-right: 48px !important;
}
.pb-48,
.py-48,
.pb-5,
.py-5 {
padding-bottom: 48px !important;
}
.pl-48,
.px-48,
.pl-5,
.px-5 {
padding-left: 48px !important;
}
.p-6 {
margin: 80px !important;
}
.pt-6,
.py-6 {
padding-top: 80px !important;
}
.pr-6,
.px-6 {
padding-right: 80px !important;
}
.pb-6,
.py-6 {
padding-bottom: 80px !important;
}
.pl-6,
.px-6 {
padding-left: 80px !important;
}
.p-7 {
margin: 100px !important;
}
.pt-7,
.py-7 {
padding-top: 100px !important;
}
.pr-7,
.px-7 {
padding-right: 100px !important;
}
.pb-7,
.py-7 {
padding-bottom: 100px !important;
}
.pl-7,
.px-7 {
padding-left: 100px !important;
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-6,
.m-md-1 {
margin: 6px !important;
}
.mt-md-6,
.my-md-6,
.mt-md-1,
.my-md-1 {
margin-top: 6px !important;
}
.mr-md-6,
.mx-md-6,
.mr-md-1,
.mx-md-1 {
margin-right: 6px !important;
}
.mb-md-6,
.my-md-6,
.mb-md-1,
.my-md-1 {
margin-bottom: 6px !important;
}
.ml-md-6,
.mx-md-6,
.ml-md-1,
.mx-md-1 {
margin-left: 6px !important;
}
.m-md-12,
.m-md-2 {
margin: 12px !important;
}
.mt-md-12,
.my-md-12,
.mt-md-2,
.my-md-2 {
margin-top: 12px !important;
}
.mr-md-12,
.mx-md-12,
.mr-md-2,
.mx-md-2 {
margin-right: 12px !important;
}
.mb-md-12,
.my-md-12,
.mb-md-2,
.my-md-2 {
margin-bottom: 12px !important;
}
.ml-md-12,
.mx-md-12,
.ml-md-2,
.mx-md-2 {
margin-left: 12px !important;
}
.m-md-24,
.m-md-3 {
margin: 24px !important;
}
.mt-md-24,
.my-md-24,
.mt-md-3,
.my-md-3 {
margin-top: 24px !important;
}
.mr-md-24,
.mx-md-24,
.mr-md-3,
.mx-md-3 {
margin-right: 24px !important;
}
.mb-md-24,
.my-md-24,
.mb-md-3,
.my-md-3 {
margin-bottom: 24px !important;
}
.ml-md-24,
.mx-md-24,
.ml-md-3,
.mx-md-3 {
margin-left: 24px !important;
}
.m-md-36,
.m-md-4 {
margin: 36px !important;
}
.mt-md-36,
.my-md-36,
.mt-md-4,
.my-md-4 {
margin-top: 36px !important;
}
.mr-md-36,
.mx-md-36,
.mr-md-4,
.mx-md-4 {
margin-right: 36px !important;
}
.mb-md-36,
.my-md-36,
.mb-md-4,
.my-md-4 {
margin-bottom: 36px !important;
}
.ml-md-36,
.mx-md-36,
.ml-md-4,
.mx-md-4 {
margin-left: 36px !important;
}
.m-md-48,
.m-md-5 {
margin: 48px !important;
}
.mt-md-48,
.my-md-48,
.mt-md-5,
.my-md-5 {
margin-top: 48px !important;
}
.mr-md-48,
.mx-md-48,
.mr-md-5,
.mx-md-5 {
margin-right: 48px !important;
}
.mb-md-48,
.my-md-48,
.mb-md-5,
.my-md-5 {
margin-bottom: 48px !important;
}
.ml-md-48,
.mx-md-48,
.ml-md-5,
.mx-md-5 {
margin-left: 48px !important;
}
.m-md-6 {
margin: 80px !important;
}
.mt-md-6,
.my-md-6 {
margin-top: 80px !important;
}
.mr-md-6,
.mx-md-6 {
margin-right: 80px !important;
}
.mb-md-6,
.my-md-6 {
margin-bottom: 80px !important;
}
.ml-md-6,
.mx-md-6 {
margin-left: 80px !important;
}
.m-md-7 {
margin: 100px !important;
}
.mt-md-7,
.my-md-7 {
margin-top: 100px !important;
}
.mr-md-7,
.mx-md-7 {
margin-right: 100px !important;
}
.mb-md-7,
.my-md-7 {
margin-bottom: 100px !important;
}
.ml-md-7,
.mx-md-7 {
margin-left: 100px !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-6,
.p-md-1 {
padding: 6px !important;
}
.pt-md-6,
.py-md-6,
.pt-md-1,
.py-md-1 {
padding-top: 6px !important;
}
.pr-md-6,
.px-md-6,
.pr-md-1,
.px-md-1 {
padding-right: 6px !important;
}
.pb-md-6,
.py-md-6,
.pb-md-1,
.py-md-1 {
padding-bottom: 6px !important;
}
.pl-md-6,
.px-md-6,
.pl-md-1,
.px-md-1 {
padding-left: 6px !important;
}
.p-md-12,
.p-md-2 {
padding: 12px !important;
}
.pt-md-12,
.py-md-12,
.pt-md-2,
.py-md-2 {
padding-top: 12px !important;
}
.pr-md-12,
.px-md-12,
.pr-md-2,
.px-md-2 {
padding-right: 12px !important;
}
.pb-md-12,
.py-md-12,
.pb-md-2,
.py-md-2 {
padding-bottom: 12px !important;
}
.pl-md-12,
.px-md-12,
.pl-md-2,
.px-md-2 {
padding-left: 12px !important;
}
.p-md-24,
.p-md-3 {
padding: 24px !important;
}
.pt-md-24,
.py-md-24,
.pt-md-3,
.py-md-3 {
padding-top: 24px !important;
}
.pr-md-24,
.px-md-24,
.pr-md-3,
.px-md-3 {
padding-right: 24px !important;
}
.pb-md-24,
.py-md-24,
.pb-md-3,
.py-md-3 {
padding-bottom: 24px !important;
}
.pl-md-24,
.px-md-24,
.pl-md-3,
.px-md-3 {
padding-left: 24px !important;
}
.p-md-36,
.p-md-4 {
padding: 36px !important;
}
.pt-md-36,
.py-md-36,
.pt-md-4,
.py-md-4 {
padding-top: 36px !important;
}
.pr-md-36,
.px-md-36,
.pr-md-4,
.px-md-4 {
padding-right: 36px !important;
}
.pb-md-36,
.py-md-36,
.pb-md-4,
.py-md-4 {
padding-bottom: 36px !important;
}
.pl-md-36,
.px-md-36,
.pl-md-4,
.px-md-4 {
padding-left: 36px !important;
}
.p-md-48,
.p-md-5 {
padding: 48px !important;
}
.pt-md-48,
.py-md-48,
.pt-md-5,
.py-md-5 {
padding-top: 48px !important;
}
.pr-md-48,
.px-md-48,
.pr-md-5,
.px-md-5 {
padding-right: 48px !important;
}
.pb-md-48,
.py-md-48,
.pb-md-5,
.py-md-5 {
padding-bottom: 48px !important;
}
.pl-md-48,
.px-md-48,
.pl-md-5,
.px-md-5 {
padding-left: 48px !important;
}
.p-md-6 {
margin: 60px !important;
}
.pt-md-6,
.py-md-6 {
padding-top: 60px !important;
}
.pr-md-6,
.px-md-6 {
padding-right: 60px !important;
}
.pb-md-6,
.py-md-6 {
padding-bottom: 60px !important;
}
.pl-md-6,
.px-md-6 {
padding-left: 60px !important;
}
.p-md-7 {
margin: 100px !important;
}
.pt-md-7,
.py-md-7 {
padding-top: 100px !important;
}
.pr-md-7,
.px-md-7 {
padding-right: 100px !important;
}
.pb-md-7,
.py-md-7 {
padding-bottom: 100px !important;
}
.pl-md-7,
.px-md-7 {
padding-left: 100px !important;
}
}
@media (min-width: 1024px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-6,
.m-lg-1 {
margin: 6px !important;
}
.mt-lg-6,
.my-lg-6,
.mt-lg-1,
.my-lg-1 {
margin-top: 6px !important;
}
.mr-lg-6,
.mx-lg-6,
.mr-lg-1,
.mx-lg-1 {
margin-right: 6px !important;
}
.mb-lg-6,
.my-lg-6,
.mb-lg-1,
.my-lg-1 {
margin-bottom: 6px !important;
}
.ml-lg-6,
.mx-lg-6,
.ml-lg-1,
.mx-lg-1 {
margin-left: 6px !important;
}
.m-lg-12,
.m-lg-2 {
margin: 12px !important;
}
.mt-lg-12,
.my-lg-12,
.mt-lg-2,
.my-lg-2 {
margin-top: 12px !important;
}
.mr-lg-12,
.mx-lg-12,
.mr-lg-2,
.mx-lg-2 {
margin-right: 12px !important;
}
.mb-lg-12,
.my-lg-12,
.mb-lg-2,
.my-lg-2 {
margin-bottom: 12px !important;
}
.ml-lg-12,
.mx-lg-12,
.ml-lg-2,
.mx-lg-2 {
margin-left: 12px !important;
}
.m-lg-24,
.m-lg-3 {
margin: 24px !important;
}
.mt-lg-24,
.my-lg-24,
.mt-lg-3,
.my-lg-3 {
margin-top: 24px !important;
}
.mr-lg-24,
.mx-lg-24,
.mr-lg-3,
.mx-lg-3 {
margin-right: 24px !important;
}
.mb-lg-24,
.my-lg-24,
.mb-lg-3,
.my-lg-3 {
margin-bottom: 24px !important;
}
.ml-lg-24,
.mx-lg-24,
.ml-lg-3,
.mx-lg-3 {
margin-left: 24px !important;
}
.m-lg-36,
.m-lg-4 {
margin: 36px !important;
}
.mt-lg-36,
.my-lg-36,
.mt-lg-4,
.my-lg-4 {
margin-top: 36px !important;
}
.mr-lg-36,
.mx-lg-36,
.mr-lg-4,
.mx-lg-4 {
margin-right: 36px !important;
}
.mb-lg-36,
.my-lg-36,
.mb-lg-4,
.my-lg-4 {
margin-bottom: 36px !important;
}
.ml-lg-36,
.mx-lg-36,
.ml-lg-4,
.mx-lg-4 {
margin-left: 36px !important;
}
.m-lg-48,
.m-lg-5 {
margin: 48px !important;
}
.mt-lg-48,
.my-lg-48,
.mt-lg-5,
.my-lg-5 {
margin-top: 48px !important;
}
.mr-lg-48,
.mx-lg-48,
.mr-lg-5,
.mx-lg-5 {
margin-right: 48px !important;
}
.mb-lg-48,
.my-lg-48,
.mb-lg-5,
.my-lg-5 {
margin-bottom: 48px !important;
}
.ml-lg-48,
.mx-lg-48,
.ml-lg-5,
.mx-lg-5 {
margin-left: 48px !important;
}
.m-lg-6 {
margin: 80px !important;
}
.mt-lg-6,
.my-lg-6 {
margin-top: 80px !important;
}
.mr-lg-6,
.mx-lg-6 {
margin-right: 80px !important;
}
.mb-lg-6,
.my-lg-6 {
margin-bottom: 80px !important;
}
.ml-lg-6,
.mx-lg-6 {
margin-left: 80px !important;
}
.m-lg-7 {
margin: 100px !important;
}
.mt-lg-7,
.my-lg-7 {
margin-top: 100px !important;
}
.mr-lg-7,
.mx-lg-7 {
margin-right: 100px !important;
}
.mb-lg-7,
.my-lg-7 {
margin-bottom: 100px !important;
}
.ml-lg-7,
.mx-lg-7 {
margin-left: 100px !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-6,
.p-lg-1 {
padding: 6px !important;
}
.pt-lg-6,
.py-lg-6,
.pt-lg-1,
.py-lg-1 {
padding-top: 6px !important;
}
.pr-lg-6,
.px-lg-6,
.pr-lg-1,
.px-lg-1 {
padding-right: 6px !important;
}
.pb-lg-6,
.py-lg-6,
.pb-lg-1,
.py-lg-1 {
padding-bottom: 6px !important;
}
.pl-lg-6,
.px-lg-6,
.pl-lg-1,
.px-lg-1 {
padding-left: 6px !important;
}
.p-lg-12,
.p-lg-2 {
padding: 12px !important;
}
.pt-lg-12,
.py-lg-12,
.pt-lg-2,
.py-lg-2 {
padding-top: 12px !important;
}
.pr-lg-12,
.px-lg-12,
.pr-lg-2,
.px-lg-2 {
padding-right: 12px !important;
}
.pb-lg-12,
.py-lg-12,
.pb-lg-2,
.py-lg-2 {
padding-bottom: 12px !important;
}
.pl-lg-12,
.px-lg-12,
.pl-lg-2,
.px-lg-2 {
padding-left: 12px !important;
}
.p-lg-24,
.p-lg-3 {
padding: 24px !important;
}
.pt-lg-24,
.py-lg-24,
.pt-lg-3,
.py-lg-3 {
padding-top: 24px !important;
}
.pr-lg-24,
.px-lg-24,
.pr-lg-3,
.px-lg-3 {
padding-right: 24px !important;
}
.pb-lg-24,
.py-lg-24,
.pb-lg-3,
.py-lg-3 {
padding-bottom: 24px !important;
}
.pl-lg-24,
.px-lg-24,
.pl-lg-3,
.px-lg-3 {
padding-left: 24px !important;
}
.p-lg-36,
.p-lg-4 {
padding: 36px !important;
}
.pt-lg-36,
.py-lg-36,
.pt-lg-4,
.py-lg-4 {
padding-top: 36px !important;
}
.pr-lg-36,
.px-lg-36,
.pr-lg-4,
.px-lg-4 {
padding-right: 36px !important;
}
.pb-lg-36,
.py-lg-36,
.pb-lg-4,
.py-lg-4 {
padding-bottom: 36px !important;
}
.pl-lg-36,
.px-lg-36,
.pl-lg-4,
.px-lg-4 {
padding-left: 36px !important;
}
.p-lg-48,
.p-lg-5 {
padding: 48px !important;
}
.pt-lg-48,
.py-lg-48,
.pt-lg-5,
.py-lg-5 {
padding-top: 48px !important;
}
.pr-lg-48,
.px-lg-48,
.pr-lg-5,
.px-lg-5 {
padding-right: 48px !important;
}
.pb-lg-48,
.py-lg-48,
.pb-lg-5,
.py-lg-5 {
padding-bottom: 48px !important;
}
.pl-lg-48,
.px-lg-48,
.pl-lg-5,
.px-lg-5 {
padding-left: 48px !important;
}
.p-lg-6 {
margin: 60px !important;
}
.pt-lg-6,
.py-lg-6 {
padding-top: 60px !important;
}
.pr-lg-6,
.px-lg-6 {
padding-right: 60px !important;
}
.pb-lg-6,
.py-lg-6 {
padding-bottom: 60px !important;
}
.pl-lg-6,
.px-lg-6 {
padding-left: 60px !important;
}
.p-lg-7 {
margin: 100px !important;
}
.pt-lg-7,
.py-lg-7 {
padding-top: 100px !important;
}
.pr-lg-7,
.px-lg-7 {
padding-right: 100px !important;
}
.pb-lg-7,
.py-lg-7 {
padding-bottom: 100px !important;
}
.pl-lg-7,
.px-lg-7 {
padding-left: 100px !important;
}
}
/* CORE CONTENT CONTAINER --------------------------------------------------------------------------------------------------------------------------------------------*/
.container {
position: relative;
box-sizing: content-box;
max-width: 767px;
padding-right: 15px;
padding-left: 15px;
margin: 0 auto;
}
@media (min-width: 768px) {
.container {
max-width: 1440px;
}
}
.container a:hover {
text-decoration: none;
}
.container img {
width: 100%;
height: auto;
display: block;
}
.container ::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.container ::-webkit-scrollbar-thumb {
background: #BBBBBB;
border-radius: 8px;
}
.container ::-webkit-scrollbar-track {
background: #EEEEEE;
}
/* CORE HELPERS ------------------------------------------------------------------------------------------------------------------------------------------------------*/
.img-responsive {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 767px) {
.no-padding {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 767px) {
.no-background {
background: none;
padding: 0;
}
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.text-start {
text-align: left;
}
.text-end {
text-align: right;
}
.text-center {
text-align: center;
}
.text-link {
text-decoration: underline;
font-weight: 500;
}
.text-link:hover {
text-decoration: none;
}
/* CORE SECTION SPACERS ----------------------------------------------------------------------------------------------------------------------------------------------*/
.section-bottom-1 {
margin-bottom: 20px;
}
.section-bottom-2 {
margin-bottom: 60px;
}
.section-bottom-3 {
margin-bottom: 100px;
}
@media (min-width: 768px) {
.section-bottom-1 {
margin-bottom: 30px;
}
.section-bottom-2 {
margin-bottom: 70px;
}
.section-bottom-3 {
margin-bottom: 110px;
}
}
/* CORE WIDTHS -------------------------------------------------------------------------------------------------------------------------------------------------------*/
.reduced-width-1 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.reduced-width-2 {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.reduced-width-3 {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
/* CORE BACKGROUNDS --------------------------------------------------------------------------------------------------------------------------------------------------*/
.background-1 {
background-color: #EDF1F4;
padding: 15px 0;
}
.background-2 {
background-color: #EDF1F4;
padding: 30px 0;
}
.background-3 {
background-color: #EDF1F4;
padding: 40px 0;
}
.background-1 .custom-slider .slider-tile .product-image:before {
opacity: 0;
}
.background-2 .custom-slider .slider-tile .product-image:before {
opacity: 0;
}
.background-3 .custom-slider .slider-tile .product-image:before {
opacity: 0;
}
.background-1 .product-name {
padding: 0 10px;
}
.background-1 .yotpo-widget-instance {
padding: 0 10px;
}
.background-1 .product-pricing {
padding: 0 10px 10px;
}
.background-2 .product-name {
padding: 0 10px;
}
.background-2 .yotpo-widget-instance {
padding: 0 10px;
}
.background-2 .product-pricing {
padding: 0 10px 10px;
}
.background-3 .product-name {
padding: 0 10px;
}
.background-3 .yotpo-widget-instance {
padding: 0 10px;
}
.background-3 .product-pricing {
padding: 0 10px 10px;
}
@media (min-width: 768px) {
.background-1 {
background-color: #EDF1F4;
padding: 20px 0;
}
.background-2 {
background-color: #EDF1F4;
padding: 40px 0;
}
.background-3 {
background-color: #EDF1F4;
padding: 60px 0;
}
}
/* CORE CONTENT CTA --------------------------------------------------------------------------------------------------------------------------------------------------*/
.cta {
text-transform: uppercase;
box-sizing: border-box;
font-weight: 400;
display: inline-block;
text-align: center;
padding: 6px 30px;
font-size: 14px;
line-height: 1;
border-radius: 5px;
}
.cta:hover {
text-decoration: none;
}
.cta.large {
padding: 11px 40px;
font-size: 16px;
font-weight: 500;
}
.cta.larger {
padding: 16px 60px;
font-size: 16px;
font-weight: 500;
}
.cta.largest {
padding: 29px 80px;
font-size: 18px;
font-weight: 500;
}
.cta.max {
width: 100%;
}
.cta.primary {
border: 2px solid #224C7A;
background-color: #224C7A;
color: #FFFFFF;
transition: all 0.1s ease;
}
.cta.primary:hover {
border: 2px solid #182E49;
background-color: #182E49;
transition: all 0.1s ease;
}
.cta.secondary {
border: 2px solid #50A39A;
background-color: #50A39A;
color: #FFFFFF;
transition: all 0.1s ease;
}
.cta.secondary:hover {
border: 2px solid #224C7A;
background-color: #224C7A;
transition: all 0.1s ease;
}
.cta.tertiary {
border: 2px solid #FFFFFF;
background-color: #FFFFFF;
color: #224C7A;
transition: all 0.1s ease;
}
.cta.tertiary:hover {
border: 2px solid #224C7A;
color: #224C7A;
transition: all 0.1s ease;
}
.cta.bordered {
border: 2px solid #224C7A;
color: #224C7A;
transition: all 0.1s ease;
}
.cta.bordered:hover {
border: 2px solid #224C7A;
background-color: #224C7A;
color: #FFFFFF;
transition: all 0.1s ease;
}
.cta.bordered-white {
border: 2px solid #FFFFFF;
color: #224C7A;
transition: all 0.1s ease;
}
.cta.bordered-white:hover {
border: 2px solid #224C7A;
color: #224C7A;
transition: all 0.1s ease;
}
.button-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.button-grid .cta {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.button-grid.x2 .cta {
-ms-flex: 1 0 calc(50% - 5px);
flex: 1 0 calc(50% - 5px);
}
.button-grid.x3 .cta {
-ms-flex: 1 0 calc(33.3333% - 10px);
flex: 1 0 calc(33.3333% - 10px);
}
.button-grid.x4 .cta {
-ms-flex: 1 0 calc(25% - 10px);
flex: 1 0 calc(25% - 10px);
}
@media (min-width: 768px) AND (max-width: 1023px) {
.button-grid.x2 .cta {
-ms-flex: 1 0 calc(25% - 10px);
flex: 1 0 calc(25% - 10px);
}
}
.button-grid .cta.large {
padding: 11px 10px;
}
.button-grid .cta.larger {
padding: 16px 10px;
}
.button-grid .cta.largest {
padding: 29px 10px;
}
.button-stacked {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.button-paired {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.text-cta {
text-transform: uppercase;
box-sizing: border-box;
font-weight: 500;
display: inline-block;
text-align: center;
font-size: 18px;
line-height: 1;
text-decoration: underline;
text-underline-offset: 6px;
margin-top: 20px;
}
/* NAVIGATION CONTENT ------------------------------------------------------------------------------------------------------------------------------------------------*/
.navigation-content {
max-width: 800px;
}
.navigation-content h2 {
font-size: 20px;
margin: 0 0 10px 0;
}
/* GENERAL SITEWIDE --------------------------------------------------------------------------------------------------------------------------------------------------*/
.sitewideebc {
position: relative;
z-index: 12;
background: #50A39A;
color: #FFFFFF;
padding: 10px;
text-align: center;
font-size: 14px;
line-height: 1.2;
}
@media screen and (min-width: 1280px) {
.sitewideebc {
background: #50A39A;
color: #FFFFFF;
}
}
.sitewideebc:not(.slick-initialized) .slide:not(:first-of-type) {
display: none;
}
/* SLICK JS CONTROLS -------------------------------------------------------------------------------------------------------------------------------------------------*/
.slick-prev,
.slick-next {
z-index: 1;
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 40px;
padding: 0;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: none !important;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: #000000 !important;
background: none !important;
}
.slick-prev:before,
.slick-next:before {
font-family: fontawesome;
font-size: 20px;
line-height: 1;
opacity: 1;
background: none!important;
padding: 5px;
color: #000000 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 5px;
}
.slick-prev:before {
content: '\f053';
}
.slick-next {
right: 5px;
}
.slick-next:before {
content: '\f054';
}
.slick-dots {
position: absolute;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 10px;
margin: 0;
padding: 0;
}
.slick-dots li {
display: inline-block;
margin: 0 4px;
}
.slick-dots li button {
border-radius: 50%;
background: #FFFFFF;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 0;
padding: 0;
height: 12px;
width: 12px;
}
.slick-dots li.slick-active button {
background: #000000;
outline: 3px solid #FFFFFF;
outline-offset: -2px;
}
/* COUNTDOWN STYLING -------------------------------------------------------------------------------------------------------------------------------------------------*/
.countdown {
margin: 20px auto;
text-align: center;
font-size: 20px;
line-height: 1.2;
font-weight: 500;
}
.countdown .digital {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-top: 5px;
}
.countdown .digital .label {
font-size: 10px;
line-height: 1.2;
font-weight: 500;
margin-top: 5px;
}
.countdown .digital .seperator {
line-height: 40px;
font-size: 18px;
font-weight: 500;
}
.countdown .digital .digits {
position: relative;
margin: 0 4px;
text-align: center;
}
.countdown .digital .digits span {
background: #224C7A;
color: #FFFFFF;
width: 28px;
height: 40px;
font-size: 20px;
line-height: 40px;
font-weight: 500;
display: inline-block;
border-radius: 5px;
margin: 0 1px;
font-variant-numeric: tabular-nums;
}
.countdown .digital.last .digits span {
background: #DC3545;
color: #FFFFFF;
}
.countdown .digital .seperator:after {
position: absolute;
top: 0;
left: -6px;
content: ':';
font-size: 18px;
}
.countdown.standard {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
margin: 0 5px 0 5px;
}
.countdown.standard .digits {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-variant-numeric: tabular-nums;
margin: 0 5px;
}
.countdown.standard .digits .label {
margin-left: 2px;
font-size: 10px;
}
.countdown.standard .seperator:after {
position: absolute;
top: 2px;
left: -7px;
content: ':';
font-size: 16px;
}
.sitewide-countdown {
background: #59799B;
color: #FFFFFF;
padding: 10px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.backtotop {
display: inline-block;
background-color: #FFFFFF;
color: #000000;
font-weight: 500;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
padding: 0 10px;
font-size: 14px;
border-radius: 40px;
line-height: 40px;
height: 40px;
text-align: center;
text-transform: uppercase;
position: fixed;
overflow: hidden;
z-index: 99;
visibility: hidden;
opacity: 0;
transition: opacity 0.25s ease-in-out;
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%);
width: 120px;
}
.backtotop:hover {
transition: opacity 0.25s ease-in-out;
padding: 0 20px;
cursor: pointer;
}
.backtotop.visible {
visibility: visible;
opacity: 1;
bottom: 90px;
left: 50%;
}
.breadcrumb {
margin: 20px 0;
}
@media (max-width: 767px) {
.breadcrumb {
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
.breadcrumb .breadcrumb-ul .breadcrumb-li {
display: inline;
font-size: 14px;
text-transform: uppercase;
}
@media (max-width: 767px) {
.breadcrumb .breadcrumb-ul .breadcrumb-li {
display: block;
float: left;
}
}
.breadcrumb .breadcrumb-ul .breadcrumb-li .separator {
padding-left: 2px;
padding-right: 2px;
}
.breadcrumb .breadcrumb-ul .breadcrumb-li:last-child .separator {
display: none;
}
.breadcrumb .breadcrumb-refinements {
margin-top: 30px;
}
.breadcrumb .breadcrumb-refinements .refinement-element {
border-radius: 0;
font-size: 16px;
line-height: 1.6;
color: #000;
font-weight: 400;
letter-spacing: 0.4px;
margin: 10px 10px 0 0;
padding: 5px 10px;
float: left;
width: auto;
background: #198754;
color: #FFFFFF;
font-style: normal;
text-transform: none;
font-size: 14px;
line-height: 20px;
white-space: nowrap;
}
.breadcrumb .breadcrumb-refinements .refinement-element .refinement-text {
display: inline-block;
}
.breadcrumb .breadcrumb-refinements .refinement-element .breadcrumb-relax {
display: inline-block;
margin-left: 5px;
color: #FFFFFF;
}
.breadcrumb .breadcrumb-refinements .refinement-element .breadcrumb-relax .fa {
display: block;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
background: #FFFFFF;
color: #198754;
border-radius: 10px;
}
button,
.button,
input[type="button"] {
border: 1px solid #224C7A;
box-sizing: border-box;
background-color: #224C7A;
cursor: pointer;
color: #FFFFFF;
display: inline-block;
width: auto;
border-radius: 4px;
font-family: "brother-1816", sans-serif;
font-size: 14px;
line-height: 48px;
font-weight: 500;
padding: 0 15px;
text-align: center;
text-decoration: none;
-webkit-appearance: none;
}
@media (min-width: 1280px) {
button,
.button,
input[type="button"] {
font-size: 16px;
}
}
button:hover,
.button:hover,
input[type="button"]:hover {
background-color: #182E49;
border-color: #182E49;
color: #FFFFFF;
text-decoration: none;
}
button.full-width-button,
.button.full-width-button,
input[type="button"].full-width-button {
width: 100%;
}
button.button-wide,
.button.button-wide,
input[type="button"].button-wide {
min-width: 200px;
}
button.button-small,
.button.button-small,
input[type="button"].button-small {
line-height: 28px;
}
button.button-medium,
.button.button-medium,
input[type="button"].button-medium {
line-height: 38px;
font-size: 16px;
}
button.button-large,
.button.button-large,
input[type="button"].button-large {
font-size: 18px;
line-height: 58px;
font-size: 20px;
padding: 0 30px;
font-weight: normal;
}
button.button-grey,
.button.button-grey,
input[type="button"].button-grey {
background-color: #DDDDDD;
border-color: #DDDDDD;
color: #000;
}
button.button-grey:hover,
.button.button-grey:hover,
input[type="button"].button-grey:hover {
background-color: #CCCCCC;
border-color: #CCCCCC;
color: #000;
}
button.button-red,
.button.button-red,
input[type="button"].button-red {
background-color: #DC3545;
border-color: #DC3545;
color: #FFFFFF;
}
button.button-red:hover,
.button.button-red:hover,
input[type="button"].button-red:hover {
background-color: #A6192E;
border-color: #A6192E;
color: #FFFFFF;
}
button.button-green,
.button.button-green,
input[type="button"].button-green {
background-color: #198754;
border-color: #198754;
color: #FFFFFF;
}
button.button-green:hover,
.button.button-green:hover,
input[type="button"].button-green:hover {
background-color: #146C43;
border-color: #146C43;
color: #FFFFFF;
}
button.button-transparent,
.button.button-transparent,
input[type="button"].button-transparent {
background: transparent;
border-color: #BBBBBB;
color: #000;
}
button.button-white,
.button.button-white,
input[type="button"].button-white {
background: #FFFFFF;
border-color: #224C7A;
color: #224C7A;
}
button.button-white:hover,
.button.button-white:hover,
input[type="button"].button-white:hover {
border-color: #182E49;
}
button.button-text,
.button.button-text,
input[type="button"].button-text {
display: inline-block;
line-height: 1.6;
padding: 0;
margin: 0;
text-decoration: none;
background-color: transparent;
color: #000;
border: 0 none;
font-weight: 400;
min-width: 1px;
width: auto;
}
button.button-text:hover,
.button.button-text:hover,
input[type="button"].button-text:hover {
color: #000;
text-decoration: underline;
background-color: transparent;
}
button.button-text.button-text-small,
.button.button-text.button-text-small,
input[type="button"].button-text.button-text-small {
font-size: 10px;
}
button.button-icon,
.button.button-icon,
input[type="button"].button-icon {
font-size: 20px;
color: #000;
padding-left: 0;
padding-right: 0;
width: 40px;
text-align: center;
display: block;
}
button.button-icon:hover,
.button.button-icon:hover,
input[type="button"].button-icon:hover {
color: #000;
}
button.button-icon.button-transparent,
.button.button-icon.button-transparent,
input[type="button"].button-icon.button-transparent {
border-color: transparent;
}
button.button-icon.button-transparent:hover,
.button.button-icon.button-transparent:hover,
input[type="button"].button-icon.button-transparent:hover {
color: #000;
opacity: 1;
}
button.button-icon.button-grey,
.button.button-icon.button-grey,
input[type="button"].button-icon.button-grey {
color: #FFFFFF;
}
button.button-icon.button-grey:hover,
.button.button-icon.button-grey:hover,
input[type="button"].button-icon.button-grey:hover {
color: #FFFFFF;
}
button[disabled],
button[disabled]:hover,
button.disabled,
.button.disabled,
.button.disabled:hover {
background-color: #EEEEEE !important;
border-color: #EEEEEE !important;
color: #BBBBBB !important;
cursor: default!important;
pointer-events: none;
}
.button-icon.disabled,
.button-icon.disabled:hover {
pointer-events: none;
background-color: transparent!important;
border-color: transparent!important;
color: transparent!important;
}
@media (max-width: 767px) {
button,
.button,
input[type="button"] {
display: block;
width: 100%;
}
}
.checkout-journey {
background: #224C7A;
color: #FFFFFF;
font-size: 18px;
padding: 0 5px;
}
.checkout-journey:hover {
background: #182E49;
color: #FFFFFF;
}
.quick-buy-button {
background: #FFFFFF;
border-color: #BBBBBB;
color: #000000;
font-size: 20px;
}
.quick-buy-button:hover {
background: #FFFFFF;
border-color: #000000;
color: #000000;
}
.multi-buttons {
display: -ms-flexbox;
display: flex;
gap: 15px;
}
#applepayerrorcontainer,
.gpay-error-msg {
color: #DC3545;
line-height: 20px;
margin-bottom: 15px;
margin-top: 15px;
}
.google-pay-details-bottom {
display: none;
}
.button-wrapper {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (max-width: 767px) {
.button-wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
}
.add-to-cart-wrapper {
display: -ms-flexbox;
display: flex;
gap: 16px;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (max-width: 1023px) {
.add-to-cart-wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
}
.add-to-cart-wrapper .applePayDetails {
width: calc(50% - 8px);
-ms-flex: 0 0 calc(50% - 8px);
flex: 0 0 calc(50% - 8px);
}
.add-to-cart-wrapper .applePayDetails button {
height: 50px;
margin: 0;
}
@media (max-width: 1023px) {
.add-to-cart-wrapper .applePayDetails {
width: 100%;
}
}
.add-to-cart-wrapper .googlePayDetails {
width: calc(50% - 8px);
-ms-flex: 0 0 calc(50% - 8px);
flex: 0 0 calc(50% - 8px);
}
.add-to-cart-wrapper .googlePayDetails .gpay-wrapper #gpaycontainer {
height: 50px;
min-height: 50px;
}
.add-to-cart-wrapper .googlePayDetails .gpay-wrapper #gpaycontainer .gpay-button {
height: 50px;
}
.add-to-cart-wrapper .googlePayDetails .gpay-wrapper #gpaycontainer .gpay-card-info-container,
.add-to-cart-wrapper .googlePayDetails .gpay-wrapper #gpaycontainer .gpay-button {
min-width: auto;
height: 50px;
min-height: 50px;
}
.add-to-cart-wrapper .googlePayDetails .gpay-wrapper #gpaycontainer .gpay-card-info-container.black,
.add-to-cart-wrapper .googlePayDetails .gpay-wrapper #gpaycontainer .gpay-button.black {
outline: 1px solid #000000;
}
@media (max-width: 1023px) {
.add-to-cart-wrapper .googlePayDetails {
width: 100%;
}
}
.add-to-cart-wrapper .quick-buy-button {
width: calc(50% - 8px);
-ms-flex: 0 0 calc(50% - 8px);
flex: 0 0 calc(50% - 8px);
height: 50px;
}
@media (max-width: 1023px) {
.add-to-cart-wrapper .quick-buy-button {
width: 100%;
}
}
.cart-checkout .add-to-cart-wrapper {
-ms-flex-direction: column;
flex-direction: column;
}
.cart-checkout .add-to-cart-wrapper form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.cart-checkout .add-to-cart-wrapper form .applePayDetails {
width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.cart-checkout .add-to-cart-wrapper form .applePayDetails button {
height: 50px;
margin: 0;
}
.cart-checkout .add-to-cart-wrapper form .googlePayDetails {
width: 100%;
}
.cart-checkout .add-to-cart-wrapper form .checkout-journey {
width: 100%;
}
@media (max-width: 767px) {
.add-to-cart-wrapper.sticky-add-to-cart {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
position: fixed;
width: 100%;
bottom: 0;
padding: 15px;
background: #FFFFFF;
left: 0;
box-sizing: border-box;
z-index: 99;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.add-to-cart-wrapper.sticky-add-to-cart .applePayDetails button {
height: 50px;
margin: 0;
}
.add-to-cart-wrapper.sticky-add-to-cart .gpay-wrapper #gpaycontainer {
height: 50px;
min-height: 50px;
}
.add-to-cart-wrapper.sticky-add-to-cart .gpay-wrapper #gpaycontainer .gpay-button {
height: 50px;
}
.add-to-cart-wrapper.sticky-add-to-cart .gpay-wrapper #gpaycontainer .gpay-card-info-container {
height: 50px;
min-height: 50px;
}
.add-to-cart-wrapper.sticky-add-to-cart .quick-buy-button {
height: 50px;
}
.add-to-cart-wrapper.sticky-add-to-cart .button {
height: 50px;
line-height: 46px;
font-size: 18px;
}
.cart-checkout .add-to-cart-wrapper.sticky-add-to-cart form {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.cart-checkout .add-to-cart-wrapper.sticky-add-to-cart form .paysafe-apple-pay-button {
height: 40px;
margin-bottom: 10px;
}
.cart-checkout .add-to-cart-wrapper.sticky-add-to-cart form .applePayDetails {
width: calc(50% - 8px);
-ms-flex: 0 0 calc(50% - 8px);
flex: 0 0 calc(50% - 8px);
}
.cart-checkout .add-to-cart-wrapper.sticky-add-to-cart form .applePayDetails button {
height: 40px;
}
.cart-checkout .add-to-cart-wrapper.sticky-add-to-cart form .googlePayDetails {
width: calc(50% - 8px);
-ms-flex: 0 0 calc(50% - 8px);
flex: 0 0 calc(50% - 8px);
}
.cart-checkout .add-to-cart-wrapper.sticky-add-to-cart form .gpay-card-info-container {
height: 40px;
min-height: 40px;
}
.cart-checkout .add-to-cart-wrapper.sticky-add-to-cart form .button {
height: 40px;
line-height: 36px;
font-size: 14px;
}
}
@media (max-width: 767px) and (max-width: 1023px) {
.add-to-cart-wrapper.sticky-add-to-cart {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media (max-width: 1199px) {
.button-filter-all {
width: 100%;
border-radius: 0;
}
}
.carousel-container {
display: block;
opacity: 0;
position: relative;
height: 1px;
margin-top: -1px;
}
.carousel-container.loaded {
opacity: 1;
margin-top: 0;
height: auto;
z-index: 1;
}
.carousel-container .carousel {
overflow: hidden;
margin: auto;
padding: 0;
list-style: none;
}
.carousel-container .carousel li {
float: left;
list-style: none;
}
.carousel-container .carousel li.grid-tile {
width: 20%;
/* 5 tiles in one row */
}
.carousel-container .carousel li.grid-tile .grid-tile-inner {
padding: 0 15px;
margin: auto;
}
.carousel-container .nav-arrows .nav-prev,
.carousel-container .nav-arrows .nav-next {
position: absolute;
top: 50%;
z-index: 1;
margin-top: -20px;
}
.carousel-container .nav-arrows .nav-prev {
left: 0;
}
.carousel-container .nav-arrows .nav-next {
right: 0;
}
.carousel-container .nav-arrows .disabled,
.carousel-container .nav-arrows .disabled:hover {
cursor: default;
background-color: transparent;
border-color: transparent;
}
.carousel-container .bubble-ctr {
position: absolute;
z-index: 1;
left: 47%;
bottom: 15px;
}
.carousel-container .bubble-ctr .bubbles {
margin: 0;
padding: 0;
}
.carousel-container .bubble-ctr .bubbles .bubble {
display: inline-block;
margin: 0 2px;
cursor: pointer;
height: 12px;
width: 12px;
border: 2px solid #FFFFFF;
background: #FFFFFF;
border-radius: 8px;
opacity: 0.6;
}
.carousel-container .bubble-ctr .bubbles .bubble:before {
content: '';
}
.carousel-container .bubble-ctr .bubbles .bubble.fa-circle {
background-color: #000000;
}
.carousel-container.pdp-main-tiles .carousel li.product-main-image {
width: 100%;
/* 1 tile in one row */
}
.carousel-container.pdp-thumb-tiles .carousel-container-inner {
margin-left: 35px;
margin-right: 35px;
margin-bottom: 40px;
}
.carousel-container.pdp-thumb-tiles .carousel li.productthumbnail {
width: 20%;
/* 5 tiles in one row */
}
.carousel-container.pdp-thumb-tiles .carousel li.productthumbnail .productthumbnail-inner {
padding: 0 5px;
}
.carousel-container.pdp-thumb-tiles .carousel li.productthumbnail.video .productthumbnail-inner {
padding: 0;
width: 80px;
height: 80px;
margin: 0 auto;
}
.carousel-container.pdp-thumb-tiles .carousel li.productthumbnail.video .icons-product-image-360 {
background: transparent;
}
.carousel-container.pdp-thumb-tiles .carousel li.productthumbnail.video .productthumbnail-inner-content {
height: 100%;
width: 100%;
margin-top: 29px;
border: 1px solid #DDDDDD;
}
.carousel-container.pdp-thumb-tiles .carousel li.productthumbnail.video .overlayvideo-open {
position: absolute;
margin-top: 0;
margin-left: unset;
bottom: 0;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.carousel-container.pdp-thumb-tiles .carousel li.productthumbnail.video .fa-play {
margin-bottom: 40px;
}
.carousel-container.pdp-thumb-tiles .carousel li.productthumbnail.video .text {
text-align: center;
margin-top: 0px;
color: #DC3545;
font-size: 12px;
font-weight: 500;
line-height: 24px;
}
.carousel-container.medium-tiles .carousel-container-inner {
margin-left: 35px;
margin-right: 35px;
}
@media (max-width: 767px) {
.carousel-container.medium-tiles .carousel li.grid-tile {
width: 100%;
/* 1 tile in one row */
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.carousel-container.medium-tiles .carousel li.grid-tile {
width: 33.33333333%;
/* 3 tiles in one row */
}
}
@media (min-width: 1280px) {
.carousel-container.medium-tiles .carousel li.grid-tile {
width: 20%;
/* 5 tiles in one row */
}
}
.carousel-container.medium-tiles .carousel li.grid-tile .grid-tile-inner {
padding: 0 15px 0 15px;
}
.carousel-container.medium-tiles .carousel li.grid-tile .grid-tile-inner .product-tile .product-tile-top .product-name {
margin-top: 5px;
}
.carousel-container.medium-tiles .carousel li.grid-tile .grid-tile-inner .product-tile .product-tile-top .product-pricing {
font-size: 16px;
line-height: 1.6;
}
.carousel-container.small-tiles .carousel-container-inner {
margin-left: 15px;
margin-right: 15px;
}
@media (max-width: 767px) {
.carousel-container.small-tiles .carousel li.grid-tile {
width: 50%;
/* 2 tiles in one row */
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.carousel-container.small-tiles .carousel li.grid-tile {
width: 20%;
/* 5 tiles in one row */
}
}
@media (min-width: 1280px) {
.carousel-container.small-tiles .carousel li.grid-tile {
width: 12.5%;
/* 8 tiles in one row */
}
}
.carousel-container.small-tiles .carousel li.grid-tile .grid-tile-inner {
padding: 0 10px;
}
.carousel-container.small-tiles .carousel li.grid-tile .grid-tile-inner .product-tile .product-tile-top .product-pricing {
font-size: 15px;
line-height: 0.6;
}
.carousel-container .nav-arrows .nav-prev,
.carousel-container .nav-arrows .nav-next {
background-color: transparent;
border-color: transparent;
}
.carousel-container.banner-tiles .carousel-container-inner {
margin: 0;
}
.carousel-container.banner-tiles .carousel-container-inner .carousel li.grid-tile {
width: 100%;
}
.carousel-container.banner-tiles .carousel-container-inner .carousel li.grid-tile .grid-tile-inner {
padding: 0;
}
.carousel-container.banner-tiles .carousel-container-inner .carousel li.grid-tile .grid-tile-inner img {
display: block;
max-width: 100%;
height: auto;
}
.carousel-container.banner-tiles:hover .nav-arrows {
display: block;
}
.custom-slider {
position: relative;
width: 100%;
}
.custom-slider.x2 .custom-slider-inner .slider-tile {
-ms-flex: 1 0 calc(50% - 15px);
flex: 1 0 calc(50% - 15px);
}
.custom-slider.x3 .custom-slider-inner .slider-tile {
-ms-flex: 1 0 calc(50% - 15px);
flex: 1 0 calc(50% - 15px);
}
@media screen and (min-width: 1280px) {
.custom-slider.x3 .custom-slider-inner .slider-tile {
-ms-flex: 0 0 calc(33.33333% - 15px);
flex: 0 0 calc(33.33333% - 15px);
}
}
.custom-slider.x4 .custom-slider-inner .slider-tile {
-ms-flex: 1 0 calc(50% - 15px);
flex: 1 0 calc(50% - 15px);
}
@media screen and (min-width: 1280px) {
.custom-slider.x4 .custom-slider-inner .slider-tile {
-ms-flex: 0 0 calc(25% - 15px);
flex: 0 0 calc(25% - 15px);
}
}
.custom-slider.x5 .custom-slider-inner .slider-tile {
-ms-flex: 1 0 calc(50% - 15px);
flex: 1 0 calc(50% - 15px);
}
@media screen and (min-width: 1024px) {
.custom-slider.x5 .custom-slider-inner .slider-tile {
-ms-flex: 0 0 calc(25% - 15px);
flex: 0 0 calc(25% - 15px);
}
}
@media screen and (min-width: 1280px) {
.custom-slider.x5 .custom-slider-inner .slider-tile {
-ms-flex: 0 0 calc(20% - 15px);
flex: 0 0 calc(20% - 15px);
}
}
.custom-slider.x6 .custom-slider-inner .slider-tile {
-ms-flex: 1 0 calc(50% - 15px);
flex: 1 0 calc(50% - 15px);
}
@media screen and (min-width: 1024px) {
.custom-slider.x6 .custom-slider-inner .slider-tile {
-ms-flex: 0 0 calc(25% - 15px);
flex: 0 0 calc(25% - 15px);
}
}
@media screen and (min-width: 1280px) {
.custom-slider.x6 .custom-slider-inner .slider-tile {
-ms-flex: 0 0 calc(16.66666% - 15px);
flex: 0 0 calc(16.66666% - 15px);
}
}
.custom-slider .tile-wishlist {
top: 3px;
right: 3px;
width: 26px;
height: 26px;
line-height: 26px;
}
.custom-slider .tile-wishlist .product-wishlist-link {
font-size: 15px;
}
.custom-slider.grid-tiles .custom-slider-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 15px;
}
@media (min-width: 768px) {
.custom-slider.grid-tiles .custom-slider-inner {
padding: 0 20px;
}
}
.custom-slider.grid-tiles .product-tile-nav-arrows {
display: none;
}
@media (max-width: 767px) {
.custom-slider.grid-tiles.grid-not-mobile .custom-slider-inner {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.custom-slider.grid-tiles.grid-not-mobile .product-tile-nav-arrows {
display: block;
}
}
.custom-slider.theme-dotd {
position: relative;
border: 2px solid #DDDDDD;
padding: 35px 30px 20px 30px;
box-sizing: border-box;
background: #FFFFFF;
}
@media screen and (min-width: 1024px) {
.custom-slider.theme-dotd {
padding: 35px 50px 20px 50px;
}
}
.custom-slider.theme-dotd .custom-slider-inner {
margin-top: 5px;
}
.custom-slider.theme-dotd .dotd-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-top: -66px;
}
@media screen and (min-width: 1024px) {
.custom-slider.theme-dotd .dotd-header {
margin-left: -20px;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.custom-slider.theme-dotd .dotd-header .inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
background: #FFFFFF;
padding: 10px;
text-align: center;
}
@media screen and (min-width: 1024px) {
.custom-slider.theme-dotd .dotd-header .inner {
padding: 0 20px;
padding: 0 10px 0 20px;
-ms-flex-direction: row;
flex-direction: row;
min-height: 60px;
}
}
.custom-slider.theme-dotd .dotd-header .inner .dotd-heading {
font-size: 26px;
line-height: 1.2;
font-weight: bold;
text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
.custom-slider.theme-dotd .dotd-header .inner .dotd-heading {
padding-right: 10px;
}
}
.custom-slider.theme-dotd .dotd-header .inner .dotd-countdown.countdown {
margin: 8px;
padding: 0;
border-radius: 30px;
width: 280px;
height: 40px;
font-size: 14px;
line-height: 1;
font-weight: normal;
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.custom-slider.theme-dotd .dotd-header .inner .dotd-countdown.countdown .title {
padding-left: 10px;
}
.custom-slider.theme-dotd .dotd-header .inner .dotd-countdown.countdown .digits {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
font-size: 20px;
font-weight: bold;
margin-bottom: 3px;
width: 40px;
padding: 0 5px;
}
.custom-slider.theme-dotd .dotd-header .inner .dotd-countdown.countdown .digits:last-child {
padding-right: 0;
}
.custom-slider.theme-dotd .dotd-header .inner .dotd-countdown.countdown .digits.seperator:after {
position: absolute;
top: 4px;
left: -10px;
content: ':';
font-size: 14px;
}
.custom-slider.theme-dotd .dotd-header .inner .dotd-countdown.countdown .digits .label {
font-size: 14px;
font-weight: normal;
padding-right: 4px;
}
.custom-slider.theme-dotd .dotd-header .inner .dotd-countdown.countdown.hidden {
display: none;
}
.custom-slider.theme-dotd .fa-chevron-left {
top: 135px;
}
@media screen and (min-width: 768px) {
.custom-slider.theme-dotd .fa-chevron-left {
top: 100px;
}
}
@media screen and (min-width: 1280px) {
.custom-slider.theme-dotd .fa-chevron-left {
top: 130px;
}
}
.custom-slider.theme-dotd .fa-chevron-right {
top: 135px;
}
@media screen and (min-width: 768px) {
.custom-slider.theme-dotd .fa-chevron-right {
top: 100px;
}
}
@media screen and (min-width: 1280px) {
.custom-slider.theme-dotd .fa-chevron-right {
top: 130px;
}
}
.custom-slider.theme-two-dotd {
position: relative;
box-sizing: border-box;
}
.custom-slider.theme-two-dotd .custom-slider-inner {
margin-top: 5px;
}
.custom-slider.theme-two-dotd .dotd-header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 20px;
}
.custom-slider.theme-two-dotd .dotd-header .inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
@media screen and (min-width: 768px) {
.custom-slider.theme-two-dotd .dotd-header .inner {
-ms-flex-direction: row;
flex-direction: row;
}
}
.custom-slider.theme-two-dotd .dotd-header .inner .dotd-logo {
max-width: 260px;
height: auto;
margin-top: 10px;
}
@media screen and (min-width: 768px) {
.custom-slider.theme-two-dotd .dotd-header .inner .dotd-logo {
margin-top: 0;
}
}
.custom-slider.theme-two-dotd .dotd-header .inner .dotd-countdown.countdown {
margin: 0;
padding: 0;
border-radius: 30px;
width: 280px;
height: 40px;
font-size: 14px;
line-height: 1;
font-weight: normal;
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background: #FFFFFF;
}
.custom-slider.theme-two-dotd .dotd-header .inner .dotd-countdown.countdown .title {
padding-left: 10px;
}
.custom-slider.theme-two-dotd .dotd-header .inner .dotd-countdown.countdown .digits {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
font-size: 20px;
font-weight: bold;
margin-bottom: 3px;
width: 40px;
padding: 0 5px;
}
.custom-slider.theme-two-dotd .dotd-header .inner .dotd-countdown.countdown .digits:last-child {
padding-right: 0;
}
.custom-slider.theme-two-dotd .dotd-header .inner .dotd-countdown.countdown .digits.seperator:after {
position: absolute;
top: 4px;
left: -10px;
content: ':';
font-size: 14px;
}
.custom-slider.theme-two-dotd .dotd-header .inner .dotd-countdown.countdown .digits .label {
font-size: 14px;
font-weight: normal;
padding-right: 4px;
}
.custom-slider.theme-two-dotd .dotd-header .inner .dotd-countdown.countdown.hidden {
display: none;
}
.custom-slider.theme-two-dotd .fa-chevron-left {
top: 135px;
}
@media screen and (min-width: 768px) {
.custom-slider.theme-two-dotd .fa-chevron-left {
top: 100px;
}
}
@media screen and (min-width: 1280px) {
.custom-slider.theme-two-dotd .fa-chevron-left {
top: 130px;
}
}
.custom-slider.theme-two-dotd .fa-chevron-right {
top: 135px;
}
@media screen and (min-width: 768px) {
.custom-slider.theme-two-dotd .fa-chevron-right {
top: 100px;
}
}
@media screen and (min-width: 1280px) {
.custom-slider.theme-two-dotd .fa-chevron-right {
top: 130px;
}
}
.custom-slider .custom-slider-inner {
display: -ms-flexbox;
display: flex;
width: auto;
overflow: auto;
gap: 10px;
}
@media screen and (min-width: 768px) {
.custom-slider .custom-slider-inner {
gap: 15px;
}
}
.custom-slider .custom-slider-inner::-webkit-scrollbar {
height: 10px;
background-color: transparent;
}
.custom-slider .custom-slider-inner::-webkit-scrollbar-track {
border-radius: 10px;
visibility: hidden;
background-color: transparent;
}
.custom-slider .custom-slider-inner::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 10px;
visibility: hidden;
}
.custom-slider .custom-slider-inner::-webkit-scrollbar-thumb:hover {
cursor: pointer;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
background-color: #F5F5F5;
height: 100%;
box-sizing: border-box;
}
@media (max-width: 768px) {
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile {
width: 170px;
}
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile.expanded {
min-height: unset;
max-height: unset;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .yotpo-widget-instance {
height: 18px;
margin-bottom: 10px;
padding: 0 10px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .yotpo-widget-instance .yotpo-star-rating-reviews-summary-link {
display: none;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper {
margin-top: auto;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .add-to-cart-from-tile {
border-top: 1px solid #FFFFFF;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches {
position: relative;
max-width: 150px;
}
@media (min-width: 1024px) {
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches {
max-width: 180px;
}
}
@media (min-width: 1280px) {
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches {
max-width: 230px;
}
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list {
display: -ms-flexbox;
display: flex;
gap: 5px;
height: 40px;
overflow-x: auto;
overflow-y: hidden;
padding: 5px;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list::-webkit-scrollbar {
height: 5px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list::-webkit-scrollbar-track {
background: transparent;
border-radius: 5px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 5px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list .swatch {
display: inline-block;
padding: 3px;
border: 2px solid transparent;
min-width: 36px;
min-height: 36px;
max-width: 36px;
max-height: 36px;
box-sizing: border-box;
position: relative;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list .swatch:before {
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
background-image: none;
background: #000000;
opacity: .03;
min-width: 32px;
min-height: 32px;
max-width: 32px;
max-height: 32px;
box-sizing: border-box;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list .swatch img {
display: block;
min-width: 32px;
min-height: 32px;
max-width: 32px;
max-height: 32px;
position: absolute;
top: 0;
left: 0;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list .swatch.strikethrough {
pointer-events: none;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list .swatch.strikethrough:before {
position: absolute;
content: "";
left: 0px;
top: 45%;
bottom: 12px;
right: 0;
border-top: 2px solid #888888;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 30px;
background: 0 0;
opacity: 1;
min-width: auto;
min-height: auto;
max-width: 45px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list .swatch.strikethrough img {
opacity: .3;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list .swatch.selected {
border: 2px solid #224C7A;
width: auto;
min-width: 36px;
min-height: 36px;
max-width: 36px;
max-height: 36px;
box-sizing: border-box;
}
@media (max-width: 767px) {
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list {
padding-right: 4px;
}
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list:last-child {
padding-right: 0;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .fa-chevron-left,
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .fa-chevron-right {
position: absolute;
top: calc(50% - 10px);
font-size: 16px;
box-sizing: border-box;
z-index: 1;
cursor: pointer;
width: auto;
height: 20px;
line-height: 20px;
text-align: center;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .fa-chevron-left.disabled,
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .fa-chevron-right.disabled {
pointer-events: none;
color: #DDDDDD;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .fa-chevron-left {
left: 0;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .fa-chevron-right {
right: 0;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches.no-scroll .swatch-list {
margin-left: 0;
margin-right: 0;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches.no-scroll .nav-arrows {
display: none;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .selected-swatch {
margin-top: 5px;
background: #F5F5F5;
display: inline-block;
padding: 1px 20px;
font-weight: 400;
border-radius: 0;
color: #444444;
font-size: 12px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .button {
margin-top: 10px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 10px;
height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches.hide-swatches {
height: 0;
opacity: 0;
margin-top: 0;
visibility: hidden;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches:not(.hide-swatches) {
height: auto;
opacity: 1;
visibility: visible;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches::-webkit-scrollbar {
height: 5px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches::-webkit-scrollbar-track {
background: transparent;
border-radius: 5px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 5px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches .swatch {
display: inline-block;
padding: 3px;
border: 2px solid transparent;
min-width: 40px;
min-height: 40px;
margin-right: 5px;
margin-bottom: 5px;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches .swatch.selected {
border: 2px solid #0C497C;
width: auto;
min-width: 40px;
min-height: 40px;
max-width: 40px;
max-height: 40px;
box-sizing: border-box;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches .swatch.strikethrough {
pointer-events: none;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches .swatch.strikethrough:before {
position: absolute;
content: "";
left: 0;
top: 50%;
border-top: 2px solid #BBBBBB;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 100%;
background: 0 0;
opacity: 1;
min-width: auto;
min-height: auto;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches .swatch.size {
display: block;
position: relative;
border: 2px solid #DDDDDD;
background-color: #FFFFFF;
color: #000;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-transform: none;
text-decoration: none;
padding: 0 8px;
box-sizing: border-box;
border-radius: 40px;
font-size: 12px;
line-height: 1.2;
overflow: hidden;
}
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches .swatch.size:hover {
text-decoration: none;
border-color: #224C7A;
}
@media (max-width: 767px) {
.custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .size-swatches {
padding-right: 5px;
}
}
.custom-slider .product-review {
height: 14px;
margin-bottom: 5px;
padding: 0 10px;
}
.custom-slider .product-review .rating {
font-size: 14px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 1;
}
.custom-slider .product-review .rating .fa-star,
.custom-slider .product-review .rating .fa-star-regular {
font-size: 14px;
}
.custom-slider .product-review .rating-count {
color: #000000;
font-weight: 400;
font-size: 14px;
}
.custom-slider .slider-tile {
position: relative;
margin: 0;
float: left;
-ms-flex: 0 0 230px;
flex: 0 0 230px;
text-decoration: none;
box-sizing: border-box;
}
.custom-slider .slider-tile .placeholder-image {
float: left;
width: auto;
}
.custom-slider .slider-tile img {
max-width: 100%;
display: block;
}
.custom-slider .slider-tile .product-name {
margin: 10px 0 4px 0;
padding: 0 10px;
line-height: 1.3;
height: 34px;
color: #000;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
}
.custom-slider .slider-tile .product-pricing {
margin-bottom: 5px;
padding: 0 10px;
}
.custom-slider .slider-tile .product-pricing .price {
font-weight: 500;
line-height: 20px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.custom-slider .slider-tile .product-pricing .price {
font-size: 16px;
}
}
.custom-slider .slider-tile .product-promo {
font-size: 13px;
color: #A6192E;
font-weight: 500;
height: 20px;
margin-top: 5px;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.custom-slider .slider-tile .product-promo {
font-size: 16px;
}
}
.custom-slider.no-scroll .custom-slider-inner {
-ms-flex-pack: center;
justify-content: center;
}
.custom-slider.no-scroll .product-tile-nav-arrows {
display: none;
}
.custom-slider:hover .custom-slider-inner::-webkit-scrollbar-track,
.custom-slider:focus .custom-slider-inner::-webkit-scrollbar-track {
visibility: visible;
}
.custom-slider:hover .custom-slider-inner::-webkit-scrollbar-thumb,
.custom-slider:focus .custom-slider-inner::-webkit-scrollbar-thumb {
visibility: visible;
}
.custom-slider .fa-chevron-left,
.custom-slider .fa-chevron-right {
position: absolute;
top: 60px;
font-size: 20px;
box-sizing: border-box;
z-index: 1;
cursor: pointer;
background: #FFFFFF;
width: 30px;
height: 40px;
line-height: 40px;
text-align: center;
box-shadow: 0 0 20px #DDDDDD;
}
@media screen and (min-width: 1024px) {
.custom-slider .fa-chevron-left,
.custom-slider .fa-chevron-right {
top: 70px;
}
}
@media screen and (min-width: 1280px) {
.custom-slider .fa-chevron-left,
.custom-slider .fa-chevron-right {
top: 95px;
}
}
.custom-slider .fa-chevron-left.disabled,
.custom-slider .fa-chevron-right.disabled {
cursor: not-allowed;
color: #DDDDDD;
}
.custom-slider .fa-chevron-left {
left: 0;
}
.custom-slider .fa-chevron-right {
right: 0;
}
.custom-slider .quick-add {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin: 4px 0;
padding: 0 10px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
}
@media (min-width: 1023px) {
.custom-slider .quick-add {
font-size: 16px;
}
}
.custom-slider .quick-add .toggle-icon {
font-size: 20px;
}
.custom-slider .quick-add.no-variations {
cursor: pointer;
text-align: center;
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
.custom-slider .slider-tile {
-ms-flex: 0 0 180px;
flex: 0 0 180px;
}
}
@media screen and (max-width: 1024px) {
.custom-slider .slider-tile {
-ms-flex: 0 0 160px;
flex: 0 0 160px;
}
}
@media screen and (max-width: 767px) {
.custom-slider .custom-slider-inner::-webkit-scrollbar-track {
visibility: visible;
}
.custom-slider .custom-slider-inner::-webkit-scrollbar-thumb {
visibility: visible;
}
}
.shop-the-look {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding-bottom: 10px;
overflow: hidden;
}
@media (min-width: 768px) {
.shop-the-look {
display: block;
border: 1px solid #DDDDDD;
}
}
.shop-the-look .custom-heading {
-ms-flex-order: 1;
order: 1;
margin: 15px 0;
}
@media (min-width: 768px) {
.shop-the-look .custom-heading {
margin: 30px 0 0 30px;
-ms-flex-order: 2;
order: 2;
}
}
@media (min-width: 768px) {
.shop-the-look .custom-heading.heading-shift {
margin: 30px 0 0 480px;
}
}
.shop-the-look .custom-heading h2 {
font-size: 22px;
line-height: 1.4;
margin: 0;
}
.shop-the-look .custom-heading h3 {
font-size: 16px;
line-height: 1.4;
font-weight: 400;
margin: 0;
}
.shop-the-look .image-background {
-ms-flex-order: 2;
order: 2;
}
@media (min-width: 768px) {
.shop-the-look .image-background {
-ms-flex-order: 1;
order: 1;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
max-width: 450px;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.shop-the-look .image-background img {
object-fit: cover;
}
}
.shop-the-look .custom-slider {
position: relative;
-ms-flex-order: 3;
order: 3;
}
.shop-the-look .custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper {
padding: 0;
}
@media (min-width: 768px) {
.shop-the-look .custom-slider .custom-slider-inner {
padding: 30px 30px 10px 0;
}
}
.shop-the-look .custom-slider.grid-tiles .custom-slider-inner {
padding: 0 15px;
}
@media (min-width: 768px) {
.shop-the-look .custom-slider.grid-tiles .custom-slider-inner {
padding: 30px 5px 10px 0;
}
}
.shop-the-look .custom-slider.image-shift {
margin: -120px 0 0 0;
}
@media (min-width: 768px) {
.shop-the-look .custom-slider.image-shift {
margin: 0 0 0 300px;
width: auto;
}
}
.custom-theme {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
@media (min-width: 768px) {
.custom-theme {
gap: 20px;
}
}
.custom-theme.background {
position: relative;
background: #EEEEEE;
padding: 10px 10px 0 10px;
}
@media (min-width: 768px) {
.custom-theme.background {
overflow: hidden;
padding: 20px 20px 10px 20px;
}
.custom-theme.background .background-left {
position: absolute;
top: 0;
left: 0;
}
.custom-theme.background.background-left .custom-slider .custom-slider-inner {
padding-left: 500px;
}
}
.custom-theme.background .custom-slider .custom-slider-inner {
gap: 10px;
}
@media (min-width: 768px) {
.custom-theme.background .custom-slider .custom-slider-inner {
gap: 20px;
}
}
.custom-theme.background .custom-slider .custom-slider-inner .slider-tile .slider-product-tile {
background-color: #FFFFFF;
}
.custom-theme .header-link {
display: none;
}
@media (min-width: 768px) {
.custom-theme .header-link {
display: block;
text-align: right;
padding-right: 20px;
}
}
@media (min-width: 768px) {
.custom-theme.left {
-ms-flex-direction: row;
flex-direction: row;
}
.custom-theme.left .content-left {
margin-bottom: 10px;
}
.custom-theme.left .content-left img {
object-fit: cover;
height: 100%;
}
.custom-theme.left .custom-slider {
position: relative;
overflow: hidden;
}
}
.mobile-grid .mobile-show {
display: none;
}
.mobile-grid .mobile-view-all {
display: none;
}
@media (max-width: 767px) {
.custom-slider.mobile-grid .custom-slider-inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.custom-slider.mobile-grid .custom-slider-inner .slider-tile {
-ms-flex: 0 0 calc(50% - 5px);
flex: 0 0 calc(50% - 5px);
box-sizing: border-box;
}
.custom-slider.mobile-grid .custom-slider-inner .slider-tile .slider-product-tile {
width: 100%;
}
.custom-slider.mobile-grid .custom-slider-inner.viewless.viewless-2 > .slider-tile:nth-child(n+3) {
display: none;
}
.custom-slider.mobile-grid .custom-slider-inner.viewless.viewless-3 > .slider-tile:nth-child(n+4) {
display: none;
}
.custom-slider.mobile-grid .custom-slider-inner.viewless.viewless-4 > .slider-tile:nth-child(n+5) {
display: none;
}
.custom-slider.mobile-grid .custom-slider-inner.viewless.viewless-5 > .slider-tile:nth-child(n+6) {
display: none;
}
.custom-slider.mobile-grid .custom-slider-inner.viewless.viewless-6 > .slider-tile:nth-child(n+7) {
display: none;
}
.custom-slider.mobile-grid .custom-slider-inner.viewless.viewless-7 > .slider-tile:nth-child(n+8) {
display: none;
}
.custom-slider.mobile-grid .custom-slider-inner.viewless.viewless-8 > .slider-tile:nth-child(n+9) {
display: none;
}
.custom-slider.mobile-grid .custom-slider-inner.viewless.viewless-9 > .slider-tile:nth-child(n+10) {
display: none;
}
.custom-slider.mobile-grid .custom-slider-inner.viewless.viewless-10 > .slider-tile:nth-child(n+11) {
display: none;
}
.custom-slider.mobile-grid .product-tile-nav-arrows.nav-arrows {
display: none;
}
.mobile-grid .mobile-show {
display: block;
margin: 10px 0;
}
.mobile-grid .mobile-view-all {
display: block;
margin: 10px 0;
}
}
.slidingcart_container .custom-slider .custom-slider-inner .slider-tile {
-ms-flex: 0 0 150px;
flex: 0 0 150px;
}
.slidingcart_container .custom-slider .custom-slider-inner .slider-tile .product-image {
min-height: 150px;
}
.slidingcart_container .custom-slider .custom-slider-inner .slider-tile .slider-product-tile {
background-color: #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 5px;
width: 150px;
}
.slidingcart_container .custom-slider .custom-slider-inner .slider-tile .slider-product-tile .product-pricing .price .price-sales {
font-size: 16px;
}
.slidingcart_container .custom-slider .custom-slider-inner .slider-tile .slider-product-tile .product-pricing .price .price-standard {
font-size: 14px;
}
.slidingcart_container .custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .add-to-cart-from-tile {
border-top: 1px solid #DDDDDD;
}
.slidingcart_container .custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .add-to-cart-from-tile .quick-add {
font-weight: 500 !important;
font-size: 13px !important;
}
.slidingcart_container .custom-slider .custom-slider-inner .slider-tile .slider-product-tile .swatches-button-wrapper .product-swatches .swatch-list {
padding: 10px;
max-width: 110px;
}
.fluid-slider {
position: relative;
}
.fluid-slider .slider-arrow {
position: absolute;
top: 50%;
translate: 0 calc(50% - 36px);
z-index: 2;
width: 36px;
height: 36px;
display: -ms-grid;
display: grid;
place-items: center;
border: none;
border-radius: 999px;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
cursor: pointer;
color: #000;
line-height: 36px;
font-size: 20px;
}
.fluid-slider .slider-arrow--prev {
left: 15px;
}
.fluid-slider .slider-arrow--next {
right: 15px;
}
.fluid-slider .slider-arrow:disabled {
opacity: 0;
cursor: default;
}
.fluid-slider .fluid-slider-track {
position: relative;
cursor: grab;
}
.fluid-slider .fluid-slider-track.is-dragging {
cursor: grabbing;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fluid-slider .fluid-slider-track.is-scrollbar-hidden {
scrollbar-width: none;
}
.fluid-slider .fluid-slider-track.is-scrollbar-hidden::-webkit-scrollbar {
display: none;
}
.fluid-slider .fluid-slider-track.slider-cards {
--gap: 20px;
display: -ms-flexbox;
display: flex;
gap: var(--gap);
overflow-x: auto;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: 0;
}
.fluid-slider-dots {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
padding: 10px 0;
}
.fluid-slider-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #ccc;
cursor: pointer;
transition: background .3s;
display: inline-block;
}
.fluid-slider-dot.active {
background: #000;
}
@media (max-width: 767px) {
.fluid-slider .fluid-slider-track.xrow {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
gap: 16px;
padding-inline: 12px;
}
.fluid-slider .fluid-slider-track.xrow > [class*="xcol-"] {
-ms-flex: 0 0 calc(100% - 48px);
flex: 0 0 calc(100% - 48px);
max-width: none;
scroll-snap-align: start;
}
.personalised-scroller.fluid-slider .fluid-slider-track.xrow {
gap: 0;
padding-inline: 0;
}
.personalised-scroller.fluid-slider .fluid-slider-track.xrow > [class*="xcol-"] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media (min-width: 768px) {
.fluid-slider.offset .fluid-slider-track {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
padding-left: max(20px, calc(50vw - 720px));
padding-right: 20px;
scroll-padding-left: max(20px, calc(50vw - 720px));
scroll-padding-right: 20px;
}
.fluid-slider.offset .slider-arrow--prev {
left: max(15px, calc(50vw - 720px + 20px));
}
.fluid-slider.offset .slider-arrow--next {
right: max(15px, calc(50vw - 720px + 20px));
}
}
.custom-theme.inner-background .custom-slider .custom-slider-inner .slider-tile {
padding: 6px;
}
.custom-theme.no-padding {
padding: 0;
}
.custom-theme.no-padding .custom-slider {
box-sizing: border-box;
padding: 15px;
}
@media (min-width: 768px) {
.custom-theme.no-padding .custom-slider {
padding: 0 20px 10px 20px;
}
}
@media (min-width: 768px) {
.custom-theme.slider-flush-right {
padding: 20px 0 10px 20px;
}
}
.flyin .flyin-close-ctr {
position: fixed;
background: #FFFFFF;
z-index: 5000;
width: 100%;
top: 0;
padding: 10px 0;
}
.flyin .flyin-close-ctr .flyin-close-ctr-wrapper {
margin-bottom: 20px;
box-sizing: border-box;
padding: 5px 20px;
width: 100%;
max-width: 1200px;
margin: 0 auto;
text-align: right;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flyin .flyin-close-ctr .flyin-close-ctr-wrapper .flyin-close {
z-index: 5000;
color: #DC3545 !important;
border: 0;
font-size: 24px;
background-color: #FFFFFF !important;
width: auto;
padding: 0;
}
.flyin .flyin-close-ctr .flyin-close-ctr-wrapper .sizechat {
font-size: 20px;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.flyin .flyin-wrapper {
position: absolute;
left: 0;
top: 0;
background-color: #FFFFFF;
overflow: hidden;
overflow-y: auto;
z-index: 100;
width: 100%;
}
.flyin .flyin-wrapper .flyin-inner {
padding: 60px;
box-sizing: border-box;
padding: 100px 0 100px 0;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.main-wrapper.flyin-active {
max-height: 100vh;
overflow: hidden;
z-index: 4;
}
@media (min-width: 768px) {
.search-overlay::after {
background-color: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(12px);
height: 100vh;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 11;
content: "";
}
}
@media (min-width: 1280px) {
.navigation-overlay::after {
background-color: rgba(0, 0, 0, 0.75);
backdrop-filter: blur(12px);
height: 100vh;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 11;
content: "";
}
}
.flyin {
display: none;
}
.flyin.flyin-active {
display: block;
}
.checkout-progress-indicator {
display: none;
}
@media (max-width: 767px) {
.checkout-progress-indicator .step .step-inner .step-top .counter {
height: 25px;
width: 25px;
font-size: 12px;
line-height: 25px;
}
.checkout-progress-indicator .step .step-inner .step-top .counter .fa {
font-size: 18px;
line-height: 18px;
height: 18px;
width: 25px;
top: 14px;
}
.checkout-progress-indicator .step .step-inner .step-bottom {
font-size: 14px;
line-height: 14px;
padding-top: 10px;
}
}
input,
select,
.styledSelect,
textarea,
div.checker {
border-radius: 4px;
}
.input-text,
.input-search {
position: relative;
border: 1px solid #BBBBBB;
box-sizing: border-box;
font-size: 16px;
height: 40px;
padding: 7px 7px 7px 9px;
margin: 0;
color: #000;
width: 100%;
-webkit-appearance: none;
}
.input-text:focus,
.input-search:focus {
border-color: #BBBBBB;
}
input[type="number"] {
padding-right: 8px;
}
textarea {
display: block;
border: 1px solid #BBBBBB;
box-sizing: border-box;
font-size: 16px;
height: 200px;
padding: 25px 10px;
margin: 0;
background-color: #FFFFFF;
color: #000;
width: 100%!important;
-webkit-appearance: none;
}
textarea:focus {
border-color: #BBBBBB;
}
select,
div.selector {
border: 1px solid #BBBBBB;
box-sizing: border-box;
font-size: 16px;
line-height: 24px;
height: 40px;
cursor: pointer;
color: #000;
padding: 0;
margin: 0;
background-color: #FFFFFF;
text-indent: 5px;
vertical-align: middle;
text-align: left;
width: 100%!important;
position: relative;
text-transform: none;
}
select:focus,
div.selector:focus {
border-color: #BBBBBB;
}
select option,
div.selector option {
background: #FFFFFF;
}
div.selector {
background-color: #EEEEEE;
}
div.selector span {
width: auto!important;
color: #000;
font-size: 16px;
line-height: 39px;
height: 39px;
margin: 0;
padding: 0 25px 0 0;
text-shadow: none;
background-image: none;
white-space: normal;
text-indent: 9px;
}
div.selector select {
font-family: "brother-1816", sans-serif;
font-size: 16px;
line-height: 24px;
height: 39px;
top: 0;
opacity: 0;
-moz-opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity= 0);
}
div.selector.focus {
border-color: #BBBBBB;
}
input[type="radio"] {
width: 16px;
height: 16px;
cursor: pointer;
}
div.radio {
border: 1px solid #BBBBBB;
border-radius: 8px;
width: 10px;
height: 10px;
margin: 0;
padding: 2px;
background-color: #FFFFFF;
cursor: pointer;
}
div.radio span {
display: block;
width: 10px;
height: 10px;
background-image: none;
cursor: pointer;
}
div.radio span input {
width: 16px;
height: 16px;
margin-left: -3px !important;
margin-top: -3px !important;
}
input[type="checkbox"] {
width: 38px;
height: 38px;
cursor: pointer;
}
.radio-override .checker {
border-color: #888888;
border-radius: 25px;
width: 20px;
min-width: initial;
height: 20px;
padding: 3px;
}
.radio-override .checker .checked:before {
background-image: none;
background-color: #198754;
border-radius: 25px;
margin-left: 4px !important;
margin-top: -3px !important;
width: 17px;
height: 17px;
content: '';
}
div.checker {
border: 1px solid #BBBBBB;
width: 38px;
min-width: 38px;
height: 38px;
margin: 0;
background-color: #FFFFFF;
cursor: pointer;
}
div.checker span {
display: block;
margin-top: 0;
margin-left: 0;
width: 100%;
height: 100%;
background-image: none;
cursor: pointer;
}
div.checker span input {
width: 100% !important;
height: 100% !important;
}
div.checker span.checked {
border-color: #224C7A;
}
div.checker span.checked::before {
font-family: FontAwesome !important;
content: "\f00c" !important;
position: absolute;
font-size: 24px;
width: 100%;
text-align: center;
background-color: #224C7A;
color: #FFFFFF;
}
div.checker:hover span,
div.checker.hover span,
div.checker:focus span,
div.checker.focus span {
background-image: none;
}
.form-row .field:before {
display: inline-block;
font-family: FontAwesome;
font-size: 18px;
line-height: 18px;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
display: block;
position: absolute;
z-index: 1;
top: 7px;
right: 8px;
width: 20px;
text-align: center;
color: #BBBBBB;
}
.form-row.is-gift .field {
margin-left: 0;
}
.form-row.gift-message-text .input-textarea {
height: 100px;
}
.form-row.icon-username .field:before {
content: "\f007";
}
.form-row.icon-info .field:before,
.form-row.icon-tooltip .field:before {
display: block !important;
content: "\f059" !important;
color: #50A39A !important;
}
.error-msg,
.tooltip-msg {
display: none;
background: #DC3545;
color: #FFFFFF;
padding: 6px 8px;
border-radius: 0;
position: relative;
z-index: 1;
width: auto;
pointer-events: none;
margin-top: 3px;
}
.error-msg .close-icon,
.tooltip-msg .close-icon {
position: relative;
left: 4px;
pointer-events: auto;
cursor: pointer;
}
.error-msg.right,
.tooltip-msg.right {
top: 8px;
right: auto;
left: 410px;
}
.error-msg.right:before,
.tooltip-msg.right:before {
line-height: 20px;
right: initial;
left: -4px;
bottom: -1px;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.tooltip-msg {
display: block;
z-index: 2;
color: #000;
background: #EEEEEE;
}
.button-style .field div.selector {
border-color: #000000;
color: #FFFFFF;
background-color: #000000;
}
.button-style .field div.selector:hover,
.button-style .field div.selector.hover {
border-color: #000000;
background-color: #000000;
}
.button-style .field div.selector:focus,
.button-style .field div.selector.focus {
border-color: #000000;
color: #000000;
background-color: #FFFFFF;
}
.freetextsearchinput::-ms-clear {
display: none !important;
}
.form-row-password {
position: relative;
}
.form-row-password .icon-password {
position: absolute;
font-size: 20px;
width: 40px;
height: 50px;
line-height: 50px;
right: 0;
bottom: 0;
top: 0;
}
.form-row-password .icon-password.show:before {
content: "\f070";
color: black;
}
.form-row-password .icon-password:before {
content: "\f06e";
color: black;
}
.form-row-password .icon-password:hover {
cursor: pointer;
}
.sweepstakes-entry {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
background: #FFFFFF;
padding: 20px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
border-radius: 4px;
margin-top: -180px;
margin-bottom: 80px;
box-sizing: border-box;
min-height: 340px;
}
@media screen and (min-width: 768px) {
.sweepstakes-entry {
padding: 40px;
}
}
@media screen and (min-width: 1024px) {
.sweepstakes-entry {
padding: 60px;
}
}
.sweepstakes-entry .error {
text-align: center;
font-weight: 500;
color: #DC3545;
font-size: 14px;
line-height: 1.2;
margin-top: 20px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-elements {
width: 100%;
max-width: 1000px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: end;
justify-content: flex-end;
box-sizing: border-box;
margin: 0 auto;
}
.sweepstakes-entry .sweepstakes-form .inner-form-elements .overlay-container .enable-find-my-address {
margin: 5px 0px 15px 0px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-elements .overlay-container .enable-find-my-address a.showmore {
color: #0D6EFD !important;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-transform: uppercase!important;
cursor: pointer;
border: 0;
margin: 0;
padding: 0;
background-color: unset;
height: unset;
text-align: left;
}
.sweepstakes-entry .sweepstakes-form .inner-form-elements .overlay-container .modal-container .address-content .form-row .field input.input-text ~ label,
.sweepstakes-entry .sweepstakes-form .inner-form-elements .overlay-container .modal-container .address-content-mandatory .form-row .field input.input-text ~ label {
top: 0px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column {
width: 100%;
padding: 10px 0;
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
.sweepstakes-entry .sweepstakes-form .inner-form-column {
padding: 10px;
width: 50%;
}
}
@media screen and (min-width: 1280px) {
.sweepstakes-entry .sweepstakes-form .inner-form-column {
width: 33.33333%;
}
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .address-content {
margin-bottom: 20px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row {
width: 100%;
max-width: 100%;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row .label {
width: auto;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row .field input.input-text {
height: 65px;
padding-left: 15px;
padding-top: 25px;
font-size: 14px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row .field input.input-text ~ label {
padding-top: 15px;
padding-left: 15px;
font-size: 14px;
width: calc(100% - 20px);
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row .field input.input-text ~ label.focus-active {
padding-top: 12px;
font-size: 13px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row .field .select {
height: 65px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row .field .select .styledSelect {
height: 65px;
font-size: 14px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row .field .select .styledSelect::after {
top: 19px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row .field .error-msg {
margin-bottom: 0;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row .field::after {
line-height: 65px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .form-row .field .focus-helper {
margin-bottom: 0;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .validation-success .styledSelect {
padding-top: 26px!important;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .validation-success.form-row-select label {
font-size: 13px;
top: 5px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .type-address-btn .field {
min-height: unset;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .type-address-btn .addressmodelbox {
margin-top: 8px;
color: #0D6EFD !important;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-transform: uppercase!important;
cursor: pointer;
border: 0;
margin: 0;
padding: 0;
background-color: unset;
height: unset;
text-align: left;
}
@media screen and (min-width: 768px) {
.sweepstakes-entry .sweepstakes-form .inner-form-column .type-address-btn .addressmodelbox {
margin-bottom: 20px;
}
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .type-address-btn .addressmodelbox:after {
font: normal normal normal 17px/1 FontAwesome;
text-rendering: auto;
content: "\f0da";
padding-left: 8px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .addresses-select-group {
margin-bottom: 0;
overflow: auto;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .addresses-select-group .addresses-select {
overflow: auto;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .addresses-select-group .addresses-select.loqate-select {
padding: 10px;
margin-bottom: 0;
height: 65px;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .addresses-select-group .addresses-select.loqate-select .selected-address-summary-iw {
font-size: 12px;
line-height: 1.3;
height: 100%;
overflow: auto;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .addresses-select-group .addresses-select.loqate-select .selected-address-summary-iw span {
word-break: break-word;
display: inline;
}
.sweepstakes-entry .sweepstakes-form .inner-form-column .post-code-field .field:after {
top: 0;
right: 10px;
}
.sweepstakes-entry .sweepstakes-form .inner-form-button {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
box-sizing: border-box;
margin-top: 10px;
}
.sweepstakes-entry .sweepstakes-form .button {
font-size: 18px;
height: 65px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
@media screen and (min-width: 768px) {
.sweepstakes-entry .sweepstakes-form .button {
max-width: 400px;
}
}
.sweepstakes-entry .sweepstakes-form .manual-address {
padding-top: 0;
}
.sweepstakes-entry .modal-container .button {
font-size: 16px;
height: 50px;
}
.item-list {
width: 100%;
}
.item-list th,
.item-list td {
text-align: left;
vertical-align: top;
}
.item-list th:first-child,
.item-list td:first-child {
padding-left: 20px;
}
.item-list th:last-child,
.item-list td:last-child {
padding-right: 20px;
}
.item-list th {
padding: 10px 10px;
font-weight: 500;
background: #EEEEEE;
}
.item-list td {
padding: 20px 10px;
border-bottom: 1px solid #BBBBBB;
}
.item-list.order-history-items th {
background: #FFFFFF;
}
.item-list.item-list-closed .product-tile {
border: none;
}
.item-list .no-border {
border-bottom: unset!important;
}
@media (min-width: 768px) and (max-width: 1279px) {
.item-list th:first-child,
.item-list td:first-child {
padding-left: 15px;
}
.item-list th:last-child,
.item-list td:last-child {
padding-right: 15px;
}
}
@media (max-width: 767px) {
.item-list th:first-child,
.item-list td:first-child {
padding-left: 15px;
}
.item-list th:last-child,
.item-list td:last-child {
padding-right: 15px;
}
}
.error-form {
padding: 10px 20px;
margin: 30px 0;
background-color: #F8D7DA;
color: #8C0008;
border-left: 5px solid #DC3545;
}
.billing-error {
padding: 10px 20px;
margin: 30px 0;
background-color: #F8D7DA;
color: #8C0008;
border-left: 5px solid #DC3545;
}
.success-form {
padding: 10px 20px;
margin: 30px 0;
background-color: #D1E7DD;
color: #155724;
border-left: 5px solid #198754;
}
.warning-form {
padding: 10px 20px;
margin: 30px 0;
background-color: #FFFFFF;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
border-left: 5px solid #FFD814;
}
@media (max-width: 1279px) {
.navigation .ul-level-1 {
display: -ms-flexbox;
display: flex;
z-index: 11;
}
.navigation .ul-level-1::after {
content: ' ';
display: block;
height: 60px;
width: 100%;
}
.navigation .ul-level-1 .header-mobile-banner-position-wrapper .slot-wrapper {
margin-bottom: 12px;
}
.navigation .ul-level-1 .li-level-1 {
display: -ms-flexbox;
display: flex;
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
box-sizing: border-box;
-ms-flex-direction: column;
flex-direction: column;
z-index: 50;
cursor: pointer;
background-color: #EEEEEE;
margin-bottom: 12px;
}
.navigation .ul-level-1 .li-level-1.home-page-button {
padding: 0 10px;
}
.navigation .ul-level-1 .li-level-1 .a-level-1 {
text-transform: none;
font-size: 16px;
line-height: 24px;
width: 100%;
padding: 0 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: start;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
color: #000000;
text-transform: uppercase;
font-weight: bold;
height: 95px;
}
.navigation .ul-level-1 .li-level-1 .a-level-1 .category-image img {
width: 100%;
max-height: 95px;
display: block;
}
.navigation .ul-level-1 .li-level-1 .a-level-1.hide-category-image {
background-color: #FFFFFF;
}
.navigation .ul-level-1 .li-level-1 .a-level-1.hide-category-image .category-image {
display: none;
}
.navigation .ul-level-1 .li-level-1 .a-level-1 svg {
width: 22px;
height: auto;
margin-right: 5px;
display: none;
}
.navigation .ul-level-1 .li-level-1 .a-level-1 svg .st0 {
fill: none;
}
.navigation .ul-level-1 .li-level-1 .a-level-1 svg .st1 {
fill: none;
stroke: #FFFFFF;
}
.navigation .ul-level-1 .li-level-1 .a-level-1 svg .st2 {
fill: #FFFFFF;
}
.navigation .ul-level-1 .li-level-1.hide-category-image .category-image {
display: none;
}
.navigation .ul-level-1 .li-level-1 .menu-item-toggle {
position: absolute;
height: 50px;
right: 0;
-ms-flex-align: center;
align-items: center;
font-size: 30px;
line-height: 30px;
text-align: right;
padding-right: 16px;
box-sizing: border-box;
min-height: 50px;
-ms-flex-pack: center;
justify-content: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
cursor: pointer;
}
.navigation .ul-level-1 .li-level-1 .menu-item-toggle.fa-angle-left {
display: none;
}
.navigation .ul-level-1 .li-level-1 .menu-item-toggle.fa-angle-right {
width: 100%;
background-color: transparent;
color: #FFFFFF;
}
.navigation .ul-level-1 .li-level-1 .close-level-2 {
display: none;
}
.navigation .ul-level-1 .li-level-1.active {
position: absolute;
top: 50px;
height: 150%;
z-index: 55;
background-color: #FFFFFF !important;
}
.navigation .ul-level-1 .li-level-1.active .a-level-1 {
text-align: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-left: 30px;
padding: 0;
position: fixed;
padding-left: 55px;
width: calc(100% - 55px - 55px);
min-width: calc(265px - 50px);
max-width: calc(400px - 20px);
z-index: 100;
left: 0;
margin: 0;
top: 0;
height: 50px;
color: #000000 !important;
}
.navigation .ul-level-1 .li-level-1.active .menu-item-toggle {
background-color: #FFFFFF;
}
.navigation .ul-level-1 .li-level-1.active .menu-item-toggle.fa-angle-left {
display: -ms-flexbox;
display: flex;
left: 0;
position: absolute;
top: 0;
width: 50px;
padding: 0;
background-color: #FFFFFF;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 15px;
z-index: 101;
position: fixed;
color: #000000;
}
.navigation .ul-level-1 .li-level-1.active .menu-item-toggle.fa-angle-right {
display: none;
}
.navigation .ul-level-1 .li-level-1.active .navigation-close-btn.close-level-2 {
width: 30px;
height: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
padding-right: 15px;
font-size: 24px;
line-height: 50px;
color: #000000;
background-color: #FFFFFF;
position: fixed;
z-index: 99;
width: calc(100% - 55px);
min-width: 265px;
max-width: 430px;
left: 0;
box-sizing: border-box;
top: 0;
cursor: pointer;
}
.navigation .ul-level-1 .li-level-1.active .navigation-close-btn.close-level-2 .fa {
font-size: 24px;
line-height: 50px;
cursor: pointer;
}
.navigation .ul-level-1 .li-level-1.active .div-level-2 {
height: 100vh;
display: block;
background-color: #FFFFFF;
}
.navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 {
width: 100%;
}
.navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2 .a-level-2 {
background-color: #EEEEEE;
}
.navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2 .menu-item-toggle {
background: none;
background-color: transparent;
width: 100%;
}
.navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category {
background-color: #224C7A;
}
.navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category .a-level-2,
.navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category .a-level-3 {
background-color: #224C7A;
}
.navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category .menu-item-toggle {
display: none;
}
.navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category .div-level-3 {
display: -ms-flexbox !important;
display: flex !important;
}
.navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category .div-level-3 .ul-level-3 {
width: 100%;
}
.navigation .ul-level-1 .li-level-1 .asset-container-bottom {
border: none;
background-color: #FFFFFF;
}
.navigation .div-level-2 {
display: none;
position: relative;
z-index: 12;
left: 0;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 {
position: relative;
margin-top: 0 !important;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .a-level-2 {
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
padding: 0 20px;
min-height: 60px;
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background-color: #EEEEEE;
color: #000000;
font-weight: bold;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .fa {
background-color: #FFFFFF;
color: #FFFFFF;
font-size: 14px;
line-height: 14px;
box-sizing: border-box;
height: 49px;
position: absolute;
top: 0;
}
.navigation .div-level-2 .ul-level-2 .li-level-2:last-of-type .a-level-2 {
border-bottom: none;
}
.navigation .div-level-2 .ul-level-2 .li-level-2.active .a-level-2 {
background-color: #EEEEEE;
}
.navigation .div-level-2 .ul-level-2 .li-level-2.active .menu-item-toggle {
background-color: #EEEEEE;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 {
display: block;
z-index: 13;
background-color: #FFFFFF;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 20px;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 {
display: -ms-flexbox;
display: flex;
background-color: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3.view-all-link {
min-height: 0;
font-size: 13px;
font-weight: 500;
background-color: #FFFFFF;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3:last-child {
border-bottom: none;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .level-3-category-inner-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3.flyout-banner-mobile-enabled {
border: 0;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3.flyout-banner-mobile-enabled .level-3-category-inner-wrapper {
background-color: #EEEEEE;
padding: 0 10px;
margin-top: 10px;
border: 0;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3.flyout-banner-mobile-enabled .level-3-category-inner-wrapper .a-level-3 {
border: 0;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3.flyout-banner-mobile-enabled:last-child .level-3-category-inner-wrapper {
margin-bottom: 10px;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .level-3-category-image-wrapper {
width: 40px;
height: 40px;
border-radius: 100%;
margin-right: 10px !important;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .level-3-category-image-wrapper img {
width: 100%;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .level-3-category-image-wrapper.hide-image-mobile {
display: none;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .a-level-3 {
color: #444444;
text-transform: none;
font-size: 13px;
font-weight: 500;
line-height: 13px;
height: 58px;
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .fa {
font-size: 14px;
color: #FFFFFF;
line-height: 14px;
box-sizing: border-box;
height: 49px;
}
}
@media (max-width: 1279px) and (min-width: 1280px) {
.navigation .ul-level-1 .li-level-1 .a-level-1 .category-image {
display: none;
}
}
@media (max-width: 1279px) and (min-width: 1279px) {
.navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .level-3-category-image-wrapper.hide-image-tablet {
display: none;
}
}
.header:is(.social-navigation) .navigation {
display: none;
}
.header:is(.social-navigation) .navigation .ul-level-1 {
display: -ms-flexbox;
display: flex;
z-index: 11;
}
.header:is(.social-navigation) .navigation .ul-level-1::after {
content: ' ';
display: block;
height: 60px;
width: 100%;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 {
display: -ms-flexbox;
display: flex;
width: 100%;
box-sizing: border-box;
-ms-flex-direction: column;
flex-direction: column;
z-index: 50;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 {
text-transform: none;
font-size: 14px;
line-height: 14px;
width: 100%;
padding: 0 0 0 20px;
min-height: 51px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: start;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
color: #FFFFFF;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 svg {
width: 22px;
height: auto;
margin-right: 5px;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 svg .st0 {
fill: none;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 svg .st1 {
fill: none;
stroke: #FFFFFF;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 svg .st2 {
fill: #FFFFFF;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 .menu-item-toggle {
background-color: #224C7A;
position: absolute;
height: 50px;
right: 0;
-ms-flex-align: center;
align-items: center;
font-size: 30px;
line-height: 30px;
text-align: right;
padding-right: 16px;
box-sizing: border-box;
min-height: 50px;
-ms-flex-pack: center;
justify-content: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
cursor: pointer;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 .menu-item-toggle.fa-angle-left {
display: none;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 .menu-item-toggle.fa-angle-right {
width: 100%;
background-color: transparent;
color: #FFFFFF;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 .close-level-2 {
display: none;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active {
position: absolute;
height: 100%;
z-index: 55;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .a-level-1 {
text-align: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-left: 30px;
padding: 0;
position: fixed;
padding-left: 55px;
width: calc(100% - 55px - 55px);
min-width: calc(265px - 50px);
max-width: calc(400px - 20px);
z-index: 100;
left: 0;
margin: 0;
top: 0;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .menu-item-toggle {
background-color: #224C7A;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .menu-item-toggle.fa-angle-left {
display: -ms-flexbox;
display: flex;
left: 0;
position: absolute;
top: 0;
width: 50px;
padding: 0;
background-color: #224C7A;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 15px;
z-index: 101;
position: fixed;
color: #FFFFFF;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .menu-item-toggle.fa-angle-right {
display: none;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .navigation-close-btn.close-level-2 {
width: 30px;
height: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
padding-right: 15px;
font-size: 24px;
line-height: 50px;
color: #FFFFFF;
background-color: #224C7A;
position: fixed;
z-index: 99;
width: calc(100% - 55px);
min-width: 265px;
max-width: 430px;
left: 0;
box-sizing: border-box;
top: 0;
cursor: pointer;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .navigation-close-btn.close-level-2 .fa {
font-size: 24px;
line-height: 50px;
cursor: pointer;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .navigation-close-btn.close-level-2:hover {
color: #FFFFFF;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .div-level-2 {
height: 100vh;
display: -ms-flexbox;
display: flex;
background-color: #224C7A;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 {
width: 100%;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2 .a-level-2 {
background-color: #224C7A;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2 .menu-item-toggle {
background: none;
background-color: transparent;
width: 100%;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category {
background-color: #224C7A;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category .a-level-2,
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category .a-level-3 {
background-color: #224C7A;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category .menu-item-toggle {
display: none;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category .div-level-3 {
display: -ms-flexbox !important;
display: flex !important;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1.active .div-level-2 .ul-level-2 .li-level-2.is-special-category .div-level-3 .ul-level-3 {
width: 100%;
}
.header:is(.social-navigation) .navigation .ul-level-1 .li-level-1 .asset-container-bottom {
border: none;
background-color: #224C7A;
}
.header:is(.social-navigation) .navigation .div-level-2 {
display: none;
z-index: 12;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2 {
position: relative;
margin-top: 0 !important;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2 .a-level-2 {
text-transform: none;
font-size: 14px;
line-height: 14px;
padding-left: 20px;
min-height: 51px;
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding: 0 0 0 20px;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background-color: #224C7A;
color: #FFFFFF;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2 .fa {
background-color: #FFFFFF;
color: #FFFFFF;
font-size: 14px;
line-height: 14px;
box-sizing: border-box;
height: 49px;
position: absolute;
top: 0;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2:last-of-type .a-level-2 {
border-bottom: none;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2.active .a-level-2 {
background-color: #224C7A;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2.active .menu-item-toggle {
background-color: #224C7A;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 {
display: none;
z-index: 13;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 {
height: 51px;
display: -ms-flexbox;
display: flex;
background-color: #224C7A;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .a-level-3 {
background-color: #224C7A;
color: #FFFFFF;
text-transform: none;
font-size: 14px;
line-height: 14px;
padding: 0 20px;
height: 51px;
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding: 0 0 0 20px;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.header:is(.social-navigation) .navigation .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .fa {
font-size: 14px;
color: #FFFFFF;
line-height: 14px;
box-sizing: border-box;
height: 49px;
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .navigation .ul-level-1 .header-mobile-banner-position-wrapper {
display: none;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 {
height: 40px;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.nav-custom {
padding: 0 10px;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1:hover {
border-bottom: 4px solid #50A39A;
box-sizing: border-box;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 {
height: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
line-height: 40px;
position: relative;
text-decoration: none;
z-index: 13;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 .category-image {
display: none;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 svg {
width: 22px;
height: auto;
margin-right: 5px;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 svg .st0 {
fill: none;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 svg .st1 {
fill: none;
stroke: #000000;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 .a-level-1 svg .st2 {
fill: #000000;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 .menu-item-toggle {
display: none;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 .navigation-close-btn {
display: none;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 .div-level-2 {
visibility: hidden;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1 .div-level-2 .asset-container-bottom {
display: -ms-flexbox;
display: flex;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 {
display: -ms-flexbox;
display: flex;
visibility: visible;
width: calc(100% + 3000px);
position: absolute;
background: #FFFFFF;
left: 0;
margin-left: -1500px;
margin-right: -1500px;
padding: 30px 1500px 20px 1500px;
box-sizing: border-box;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
-ms-flex-direction: column;
flex-direction: column;
z-index: 12;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 {
width: 100%;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 {
border-right: 1px solid #DDDDDD;
padding: 0 40px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2:nth-child(5),
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2:last-child {
border-right: none;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2:first-child {
padding-left: 0;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2:last-child {
padding-right: 0;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2:not(.asset-container-bottom) {
width: calc(20% - 65px);
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 {
background: #FFFFFF;
position: relative;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 {
-ms-flex-direction: column;
flex-direction: column;
line-height: 1;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .a-level-2 {
display: block;
margin-bottom: 20px;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2.is-special-category .a-level-2,
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2.is-special-category .a-level-3 {
color: #198754;
font-weight: 500;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .a-level-3 {
font-size: 13px;
font-weight: 500;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 {
display: -ms-flexbox !important;
display: flex !important;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 {
width: 100%;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .view-all-link {
font-size: 13px;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 {
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .level-3-category-inner-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .level-3-category-inner-wrapper .a-level-3 {
font-size: 13px;
font-weight: 500;
line-height: 1.3;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3.flyout-banner-desktop-enabled {
border: 0;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3.flyout-banner-desktop-enabled .level-3-category-inner-wrapper {
background-color: #EEEEEE;
padding: 8px;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3.flyout-banner-desktop-enabled .level-3-category-inner-wrapper .a-level-3 {
border: 0;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .level-3-category-image-wrapper {
display: -ms-flexbox;
display: flex;
width: 35px;
min-width: 35px;
height: 35px;
border-radius: 100%;
font-size: 12px;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .level-3-category-image-wrapper img {
width: 100%;
border-radius: 50%;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .div-level-3 .ul-level-3 .li-level-3 .level-3-category-image-wrapper.hide-image-desktop {
display: none;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .has-sub-cats {
padding-bottom: 20px;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .has-sub-cats .a-level-2 {
font-weight: bold;
text-transform: uppercase;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .has-no-sub-cats {
height: 30px;
border: none;
font-weight: bold;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2.asset-container-bottom {
-ms-flex: 5 0 auto;
flex: 5 0 auto;
max-width: 100%;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .a-level-2 {
white-space: nowrap;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .ul-level-2 .li-level-2 .a-level-2:hover {
text-decoration: underline;
}
.header:not(.social-navigation) .navigation .ul-level-1 .li-level-1.hover .div-level-2 .category-slot-wrapper {
display: none;
}
}
.header-wrapper.menu-opened .flyinheader-trigger {
left: 0;
position: absolute;
}
.header-wrapper.menu-opened .flyinheader-trigger .fa-bars {
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-align: center;
align-items: center;
}
.header-wrapper.menu-opened .navigation {
overflow: auto;
position: fixed;
left: 0;
top: 0;
width: 100vw;
z-index: 999;
height: 100vh;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
.header-wrapper.menu-opened .navigation .menu-category {
padding: 0 15px;
display: -ms-flexbox;
display: flex;
overflow-y: scroll;
-ms-flex-direction: column;
flex-direction: column;
background: #FFFFFF;
position: fixed;
padding-top: 76px;
height: calc(100% - 76px);
-ms-flex-pack: start;
justify-content: flex-start;
width: calc(100% - 85px);
min-width: 265px;
max-width: 400px;
}
.header-wrapper.menu-opened .navigation .menu-category li {
min-height: auto;
}
@media (min-width: 1280px) {
.header-wrapper.menu-opened .navigation .menu-category li a {
min-height: 50px;
}
}
.header-wrapper.menu-opened .navigation .menu-category .slick-arrow {
opacity: 0;
}
.header-wrapper.menu-opened .navigation .menu-category .slick-dots {
bottom: -20px;
}
.header-wrapper.menu-opened .navigation .menu-category .slick-dots li button {
border: 1px solid #000000;
}
.header-wrapper.menu-opened .navigation .menu-category .slick-dots li.slick-active button {
outline: none;
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons {
display: -ms-flexbox;
display: flex;
height: 76px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
top: 0;
left: 0;
z-index: 9;
width: 100%;
min-width: 265px;
max-width: 430px;
color: #FFFFFF;
background-color: #FFFFFF;
padding: 15px;
position: fixed;
z-index: 51;
width: calc(100% - 55px);
line-height: 50px;
text-transform: capitalize;
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .navigation-close-btn {
font-size: 24px;
line-height: 50px;
color: #000000;
cursor: pointer;
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .navigation-close-btn .fa {
font-size: 24px;
line-height: 50px;
cursor: pointer;
}
@media (max-width: 1279px) {
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .text-account {
color: #000000;
}
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .mobile-greeting {
display: -ms-flexbox;
display: flex;
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .mobile-greeting .text-account {
line-height: normal;
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .mobile-greeting .text-account.username {
font-size: 16px;
font-weight: bold;
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .mobile-greeting .account_header-icon {
width: 26px;
height: 26px;
background-color: #224C7A;
border: 1px solid #224C7A;
color: #FFFFFF;
border-radius: 100%;
padding: 8px;
margin-right: 8px;
line-height: normal;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
font-size: 20px;
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .mobile-greeting .account_header-icon .fa-user {
color: #224C7A;
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .mobile-greeting .account_header-icon.no-background {
background-color: #FFFFFF;
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .mobile-greeting .account_header-loyalty-link {
line-height: 1;
}
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .mobile-greeting .account_header-loyalty-link-text {
color: #30AFA4;
font-weight: 500;
line-height: 23px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
text-underline-offset: 1px;
text-underline-position: from-font;
font-size: 12px;
margin-left: 6px;
padding-left: 6px;
border-left: 1px solid #bbb;
}
@media (max-width: 1279px) {
.header-wrapper.menu-opened .navigation .menu-category .mobile-navigation-top-buttons .desktop-greeting {
display: none;
}
}
.header-wrapper.menu-opened .navigation .menu-category .navigation-home-btn {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
background-color: #EEEEEE;
color: #000000;
padding: 0 10px;
margin-top: 10px;
text-transform: uppercase;
font-weight: bold;
}
.header-wrapper.menu-opened .navigation .menu-category .navigation-home-btn svg {
fill: #FFFFFF;
}
@media (max-width: 1279px) {
.header-wrapper.menu-opened .navigation .menu-category .navigation-home-btn {
margin-top: 0px;
min-height: 50px;
}
}
.header-wrapper.menu-opened .navigation .navigation-close-area {
display: -ms-flexbox;
display: flex;
background: rgba(29, 46, 71, 0.75);
backdrop-filter: blur(12px);
width: 100%;
height: 100%;
cursor: pointer;
position: fixed;
}
.navigation-close-area,
.mobile-navigation-top-buttons {
display: none;
}
.flyinheader-active {
overflow: hidden;
}
.flyinheader-active body {
overflow: hidden;
}
.flyinheader-active .main-wrapper {
overflow: hidden;
}
.flyinheader-active .GDPR {
display: none !important;
}
@media (min-width: 1280px) {
.navigation .ul-level-1 .li-level-1 .a-level-1 {
color: #000000;
}
.navigation .ul-level-1 .li-level-1 .a-level-1 .flyout-pointer-wrapper {
color: #000;
}
.ul-level-1 {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.ul-level-1 .li-level-1 .a-level-1 {
color: #000;
}
.ul-level-1 .li-level-1 .a-level-1 .flyout-pointer-wrapper {
color: #000;
}
.ul-level-1 .li-level-1 .div-level-2 {
display: none;
}
}
.no-hits .no-hits-intro {
margin: 30px 0 20px 0;
color: #000;
font-size: 18px;
}
.no-hits .no-hits-intro .no-hits-search-term {
color: #DC3545;
font-weight: 500;
}
.no-hits .no-hits-did-you-mean {
margin: 0 0 20px 0;
}
.no-hits .no-hits-did-you-mean .no-hits-search-term-suggest {
font-weight: 500;
}
.overlay-container,
.overlayvideo-container {
background-color: rgba(29, 46, 71, 0.75);
backdrop-filter: blur(12px);
overflow-x: hidden;
height: 100%;
width: 0;
position: fixed;
z-index: 999;
top: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.overlay-container.overlay-container-on,
.overlayvideo-container.overlay-container-on,
.overlay-container.overlayvideo-container-on,
.overlayvideo-container.overlayvideo-container-on {
width: 100%;
}
.overlay-container.overlay-container-on .overlay-box,
.overlayvideo-container.overlay-container-on .overlay-box,
.overlay-container.overlayvideo-container-on .overlay-box,
.overlayvideo-container.overlayvideo-container-on .overlay-box {
display: block;
}
.overlay-container.overlay-container-off,
.overlayvideo-container.overlay-container-off,
.overlay-container.overlayvideo-container-off,
.overlayvideo-container.overlayvideo-container-off {
width: 0%;
}
.overlay-container.overlay-container-off .overlay-box,
.overlayvideo-container.overlay-container-off .overlay-box,
.overlay-container.overlayvideo-container-off .overlay-box,
.overlayvideo-container.overlayvideo-container-off .overlay-box {
display: none;
}
.overlay-container .overlay-box,
.overlayvideo-container .overlay-box {
width: 90%;
max-width: 600px;
margin: auto;
position: relative;
box-sizing: border-box;
overflow: auto;
}
@media (max-width: 767px) {
.overlay-container .overlay-box,
.overlayvideo-container .overlay-box {
width: 100%;
position: static;
height: auto;
max-width: 767px;
}
}
.overlay-container .overlay-box .overlay-box-nav,
.overlayvideo-container .overlay-box .overlay-box-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
height: 50px;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #EEEEEE;
-ms-flex-align: center;
align-items: center;
}
.overlay-container .overlay-box .overlay-box-nav .overlay-box-directions,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-directions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
.overlay-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-next,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-next,
.overlay-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-prev,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-prev {
color: #000;
font-size: 25px;
line-height: 25px;
margin: 0 0 0 10px;
cursor: pointer;
}
.overlay-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-next:hover,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-next:hover,
.overlay-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-prev:hover,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-prev:hover,
.overlay-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-next:focus,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-next:focus,
.overlay-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-prev:focus,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-directions .overlay-btn-prev:focus {
color: #000;
}
.overlay-container .overlay-box .overlay-box-nav .overlay-box-close,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-close {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
}
.overlay-container .overlay-box .overlay-box-nav .overlay-box-close .overlay-close,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-close .overlay-close {
color: #000;
font-size: 25px;
line-height: 25px;
margin: 0 10px 0 10px;
cursor: pointer;
}
.overlay-container .overlay-box .overlay-box-nav .overlay-box-close .overlay-close:hover,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-close .overlay-close:hover,
.overlay-container .overlay-box .overlay-box-nav .overlay-box-close .overlay-close:focus,
.overlayvideo-container .overlay-box .overlay-box-nav .overlay-box-close .overlay-close:focus {
color: #000;
}
.overlay-container .overlay-box #overlay-list,
.overlayvideo-container .overlay-box #overlay-list {
background-color: #FFFFFF;
display: block;
width: 100%;
}
.overlay-container .overlay-box #overlay-list .overlay-item,
.overlayvideo-container .overlay-box #overlay-list .overlay-item {
width: 100%;
float: left;
display: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.overlay-container .overlay-box #overlay-list .overlay-item img,
.overlayvideo-container .overlay-box #overlay-list .overlay-item img {
width: 100%;
}
.overlay-container .overlay-box #overlay-list .overlay-item.coverlay-count-1,
.overlayvideo-container .overlay-box #overlay-list .overlay-item.coverlay-count-1 {
display: block;
}
.genericoverlay-container {
max-width: 600px;
background: white;
padding: 2em;
}
@media (max-width: 767px) {
.overlay-container {
background-color: #FFFFFF !important;
}
.overlay-container .overlay-box-nav {
position: relative !important;
top: 0 !important;
width: 100% !important;
}
}
@media screen and (-ms-high-contrast: none) {
.overlay-container {
display: block !important;
}
.overlay-box {
display: block !important;
margin: 0 auto !important;
margin-top: 50px !important;
}
}
.pt_order-confirmation .overlay-container,
.gdpr-checkboxes .overlay-container {
background-color: rgba(29, 46, 71, 0.75) !important;
}
.pt_order-confirmation .overlay-container button,
.gdpr-checkboxes .overlay-container button,
.pt_order-confirmation .overlay-container .button,
.gdpr-checkboxes .overlay-container .button,
.pt_order-confirmation .overlay-container input[type="button"],
.gdpr-checkboxes .overlay-container input[type="button"] {
text-transform: none;
}
.pt_order-confirmation .overlay-container .login-box-inner,
.gdpr-checkboxes .overlay-container .login-box-inner {
padding: 0;
}
@media (max-width: 767px) {
.pt_order-confirmation .overlay-box,
.gdpr-checkboxes .overlay-box {
width: calc(100% - 20px);
}
}
.addedModal {
display: none;
}
@media (max-width: 767px) {
.addedModal .overlay-container-on {
background-color: rgba(29, 46, 71, 0.75) !important;
}
}
.addedModal .overlay-box {
width: 520px;
margin: 0 10px;
background-color: #FFFFFF;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
@media (max-width: 767px) {
.addedModal .overlay-box {
height: auto;
}
}
.addedModal .overlay-box .genericoverlay-container {
padding: 1em;
}
.addedModal .overlay-box .added-text {
padding: 0 15px;
line-height: 50px;
color: #224C7A;
font-weight: bold;
background: #F5F5F5;
}
.addedModal .overlay-box img {
display: block;
width: 100%;
height: auto;
}
.addedModal .added-text .added-icon {
display: inline;
}
.addedModal .added-icon {
padding-right: 20px;
color: #198754;
position: absolute;
right: 1em;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
top: 1em;
height: 30px;
}
.addedModal .added-icon .fa {
font-size: 23px;
}
.addedoverlay-box-close {
position: absolute;
right: 15px;
top: 5px;
cursor: pointer;
}
.addedoverlay-box-close .addedoverlay-close .fa {
font-size: 24px;
color: #224C7A;
}
.addedoverlay-box-close .addedoverlay-close .fa:hover {
color: #182E49;
}
.added-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 40px 30px;
}
.added-container .added-btns {
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-direction: column;
flex-direction: column;
}
.overlay-close i {
color: #224C7A;
}
@media (max-width: 767px) {
.pdp_redesign .overlay-box-nav {
height: 100px;
background-color: #FFFFFF;
height: auto!important;
position: absolute!important;
width: auto!important;
top: 22px!important;
z-index: 100;
background-color: transparent!important;
}
.pdp_redesign .overlay-box-close {
margin-left: 15px;
border: 1px solid #BBBBBB;
width: 68px;
height: 45px;
}
.pdp_redesign .overlay-box-close .overlay-close {
font-size: 15px!important;
font-weight: 500;
margin: 0 auto!important;
}
.pdp_redesign .overlay-box-close .overlay-close i {
display: none;
}
.pdp_redesign .overlay-box-close .overlay-close span {
display: block;
}
.pdp_redesign .overlay-box-directions {
display: none!important;
}
.pdp_redesign .overlay-item .container {
width: 100%;
max-width: 100%;
padding-right: 0;
padding-left: 0;
}
}
.overlay-container-on .product-thumbnails {
background-color: #FFFFFF;
}
.overlay-container-on .product-thumbnails .productthumbnail {
border: 1px solid #CCCCCC !important;
}
.overlay-container-on .product-thumbnails .productthumbnail.selected {
border-color: #000000 !important;
}
@media (max-width: 290px) {
.overlay-box .added-title .added-text {
font-size: 13px;
}
}
@media (min-width: 768px) {
.overlaynew {
display: none;
}
}
.pdp-overlay-swiper .container {
padding-right: 0;
padding-left: 0;
}
#pdpMainOverlay .overlay-close {
position: absolute;
right: 20px;
top: 20px;
font-size: 30px;
z-index: 1;
}
#pdpMainOverlay .productthumbnail {
border-radius: 0!important;
}
.modal-container {
overflow: visible;
width: 100%;
display: block;
}
@media (min-width: 768px) {
.modal-container {
position: relative;
}
}
.modal-container:focus .modal-inner::-webkit-scrollbar-track {
visibility: visible;
}
.modal-container:focus .modal-inner::-webkit-scrollbar-thumb {
visibility: visible;
}
.modal-container:hover .modal-inner::-webkit-scrollbar-track {
visibility: visible;
}
.modal-container:hover .modal-inner::-webkit-scrollbar-thumb {
visibility: visible;
}
.modal-container .modal-inner {
background: #FFFFFF;
box-sizing: border-box;
height: calc(100vh - 60px);
height: 90dvh;
}
.modal-container .modal-inner::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.modal-container .modal-inner::-webkit-scrollbar-track {
background: #FFFFFF;
border-radius: 5px;
visibility: hidden;
}
.modal-container .modal-inner::-webkit-scrollbar-thumb {
background: #000000;
border-radius: 5px;
visibility: hidden;
}
@media (min-width: 768px) {
.modal-container .modal-inner {
overflow-x: hidden;
max-height: 800px;
padding: 0;
}
}
@media (min-width: 768px) {
.modal-container {
max-width: 1000px;
}
}
.modal-container .modal-close {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
line-height: 40px;
background-color: #FFFFFF;
z-index: 2;
cursor: pointer;
text-align: center;
}
@media (min-width: 1024px) {
.modal-container .modal-close {
right: -12px;
top: -12px;
border-radius: 50%;
}
}
.modal-container .modal-close .fa {
color: #DC3545;
font-size: 25px;
}
.modal-container video {
width: 100%;
height: 100%;
}
.overlay-consise {
background-color: rgba(29, 46, 71, 0.75);
backdrop-filter: blur(12px);
overflow-x: hidden;
height: 100%;
width: 0;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: end;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
@media (min-width: 768px) {
.overlay-consise {
-ms-flex-align: center;
align-items: center;
}
}
.overlay-consise.overlay-consise-on {
width: 100%;
}
.overlay-consise.overlay-consise-on .overlay-box {
display: block;
}
.overlay-consise.overlay-consise-off {
width: 0%;
}
.overlay-consise.overlay-consise-off .overlay-box {
display: none;
}
.modal-consise {
position: relative;
background: #FFFFFF;
padding: 20px 0;
width: 100%;
display: block;
}
@media (max-width: 767px) {
.modal-consise {
padding: 30px 0 20px 0;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
}
.modal-consise .modal-header {
height: 60px;
line-height: 60px;
padding-left: 15px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
background-color: #FFFFFF;
}
.modal-consise .modal-inner {
background: #FFFFFF;
box-sizing: border-box;
}
@media (min-width: 768px) {
.modal-consise {
width: 100%;
max-width: 550px;
}
}
.modal-consise .modal-close {
position: absolute;
right: calc(50% - 17px);
top: -50px;
border-radius: 50%;
width: 34px;
height: 34px;
line-height: 34px;
background-color: #FFFFFF;
z-index: 2;
cursor: pointer;
text-align: center;
}
@media (min-width: 768px) {
.modal-consise .modal-close {
width: 40px;
height: 40px;
line-height: 40px;
right: -12px;
top: -12px;
}
}
.modal-consise .modal-close .fa {
color: #000000;
font-size: 18px;
font-weight: bold;
}
.discover-source-form {
max-width: 420px;
margin: 0 auto;
}
.ds-fieldset {
margin: 20px auto;
}
@media (min-width: 768px) {
.ds-fieldset {
max-width: 450px;
}
}
.ds-legend {
font-size: 18px;
text-transform: uppercase;
line-height: 1.3;
font-weight: 500;
margin: 0 auto 10px auto;
text-align: center;
}
@media (min-width: 768px) {
.ds-legend {
font-size: 26px;
}
}
.ds-help {
font-size: 12px;
line-height: 1.4;
font-weight: normal;
margin: 0;
text-align: center;
}
@media (min-width: 768px) {
.ds-help {
font-size: 14px;
}
}
.ds-options {
display: -ms-grid;
display: grid;
overflow-x: auto;
height: 380px;
}
.ds-options::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.ds-options::-webkit-scrollbar-track {
background: #FFFFFF;
border-radius: 5px;
}
.ds-options::-webkit-scrollbar-thumb {
background: #000000;
border-radius: 5px;
}
@media (min-width: 768px) {
.ds-options {
padding-right: 10px;
gap: 10px;
height: 424px;
}
}
.ds-card {
position: relative;
display: -ms-grid;
display: grid;
-ms-grid-columns: 45px 1fr 20px;
grid-template-columns: 45px 1fr 20px;
-ms-flex-align: center;
align-items: center;
padding: 10px 20px;
border-top: 1px solid #EEEEEE;
cursor: pointer;
margin: 0;
}
@media (min-width: 768px) {
.ds-card {
-ms-grid-columns: 45px 1fr 25px;
grid-template-columns: 45px 1fr 25px;
padding: 8px;
border: 1px solid #DDDDDD;
border-radius: 5px;
}
}
.ds-card:hover {
border-color: #BBBBBB;
}
.ds-icon {
width: 34px;
height: 34px;
display: inline-block;
}
.ds-label {
font-size: 14px;
line-height: 1.4;
font-weight: 500;
}
@media (min-width: 768px) {
.ds-label {
font-size: 16px;
line-height: 1;
}
}
.ds-card:has(.ds-radio:checked) {
background: #F5F5F5;
border-color: transparent;
}
@media (min-width: 768px) {
.ds-card:has(.ds-radio:checked) {
background: transparent;
border-color: #224C7A;
}
}
.ds-submit-wrap {
text-align: center;
}
.ds-submit-wrap .checkout-journey {
display: inline-block;
width: 220px;
}
.ds-options div.radio {
min-width: 16px;
min-height: 16px;
line-height: 16px;
border: 2px solid #BBBBBB;
border-radius: 50%;
}
.ds-options div.radio span.checked {
background-color: #224C7A;
width: 16px;
height: 16px;
border-radius: 50%;
}
.hits-and-pager {
text-align: center;
}
@media (min-width: 768px) {
.hits-and-pager {
text-align: left;
}
}
.pager-list:before,
.pager-list:after {
content: " ";
display: table;
}
.pager-list:after {
clear: both;
}
.pager-list li {
display: inline-block;
}
.pager-list li a,
.pager-list li span {
box-sizing: border-box;
background-color: #EEEEEE;
font-size: 12px;
color: #000000;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
text-align: center;
text-transform: none;
text-decoration: none;
}
@media (min-width: 768px) {
.pager-list li a,
.pager-list li span {
font-size: 14px;
width: 50px;
height: 50px;
line-height: 50px;
margin: 0 2px;
}
}
.pager-list li a:hover,
.pager-list li span:hover {
text-decoration: none;
background-color: #000000;
color: #FFFFFF;
}
.pager-list li.first-last a,
.pager-list li.first-last span {
width: auto;
padding-left: 8px;
padding-right: 8px;
text-transform: uppercase;
}
@media (min-width: 768px) {
.pager-list li.first-last a,
.pager-list li.first-last span {
padding-left: 15px;
padding-right: 15px;
}
}
.pager-list li.current-page span {
background-color: #224C7A;
color: #FFFFFF;
}
.pager-list li .fa {
font-size: 25px;
line-height: 25px;
}
.no-scroll {
overflow: hidden;
}
.ui-dialog {
z-index: 99000;
background: #FFFFFF;
padding: 30px;
max-width: 1000px;
position: fixed;
left: 0!important;
margin: 0 auto!important;
top: 50% !important;
right: 0 !important;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
box-sizing: border-box;
}
.ui-dialog .ui-dialog-title {
display: none;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0;
top: 0;
z-index: 1;
border-color: #FFFFFF;
background-color: #FFFFFF;
color: #000;
border-radius: 50%;
padding: 0;
height: 40px;
width: 40px;
text-align: center;
overflow: hidden;
color: #000 !important;
}
@media (min-width: 768px) {
.ui-dialog .ui-dialog-titlebar-close {
right: -12px;
top: -12px;
}
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon:before {
display: inline-block;
font-family: FontAwesome;
font-size: 25px;
line-height: 25px;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
content: "\f00d";
display: block;
color: #DC3545;
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
display: none;
}
.ui-widget-overlay {
background-color: rgba(29, 46, 71, 0.75);
backdrop-filter: blur(12px);
height: 100%;
width: 100%;
position: fixed;
z-index: 99;
top: 0;
left: 0;
cursor: pointer;
}
.dialog-newdesign.ui-dialog {
padding: 0;
}
.dialog-newdesign .ui-icon-closethick {
display: none;
}
.dialog-newdesign.ui-dialog .ui-dialog-title {
display: block;
font-size: 16px;
font-weight: 500;
}
.dialog-newdesign .ui-dialog-titlebar {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
line-height: 1;
padding: 20px;
background: #EEEEEE;
}
@media (max-width: 767px) {
.dialog-newdesign .ui-dialog-titlebar {
padding: 15px;
}
}
.price .price-sales {
color: #224C7A;
font-weight: bold;
}
.price.price-promotion .price-sales {
color: #A6192E;
font-weight: bold;
}
.price.price-promotion .price-standard {
color: #224C7A;
text-decoration: line-through;
}
.price p {
margin: 0;
}
.price .pdp-promotional-now {
font-weight: 500;
font-size: 16px;
}
.price .pdp-promotional-save {
font-size: 18px;
color: #888888;
}
.price .pdp-promotional-save .pdp-promotional-save-before {
text-decoration: line-through;
}
.price.price-promotion .price-standard.pdp-promotional-save {
text-decoration: none !important;
}
.carousel-container-inner .price.price-promotion .price-standard,
.search-result-items .price.price-promotion .price-standard {
white-space: nowrap !important;
width: 48%;
display: block;
float: right;
text-align: left;
padding-left: 2%;
}
.carousel-container-inner .price.price-promotion .price-sales,
.search-result-items .price.price-promotion .price-sales {
white-space: nowrap!important;
width: 48%;
display: block;
float: right;
text-align: right;
padding-right: 2%;
}
.search-result-items .price {
display: block;
width: 100%;
height: 16px;
}
@media print {
.banner-cell,
.pdp-sticky,
.overlay-container,
.overlayvideo-container {
display: none !important;
}
.pdp-main .primary-col {
width: 48% !important;
margin-left: 0 !important;
margin-right: 2% !important;
}
.pdp-main .secondary-col {
width: 50% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.product-tile {
font-size: 13px;
line-height: 18px;
border: 1px solid #BBBBBB;
}
@media (max-width: 1023px) {
.product-tile {
background-color: #F5F5F5;
height: 100%;
}
}
.product-tile .ra-timer {
font-size: 18px;
line-height: 22px;
margin: 0;
line-height: 30px;
color: #50A39A;
font-weight: 500;
}
.product-tile .ra-timer span {
font-weight: 400;
}
.product-tile .red {
color: #DC3545;
}
.product-tile .pulse-slow {
animation: blinker 1s linear infinite;
}
.product-tile .product-tile-top {
position: relative;
}
.product-tile .product-tile-top .product-tile-slider-wrapper {
position: absolute;
overflow: hidden;
}
@media (min-width: 1280px) {
.product-tile .product-tile-top .product-tile-slider-wrapper {
opacity: 0;
}
.product-tile .product-tile-top .product-tile-slider-wrapper:hover {
opacity: 1;
}
}
.product-tile .product-tile-top .product-tile-slider-wrapper .product-tile-slider {
display: -ms-flexbox;
display: flex;
transition: transform 0.3s ease-in-out;
}
.product-tile .product-tile-top .product-tile-slider-wrapper .slide {
min-width: 100%;
}
.product-tile .product-tile-top .product-tile-slider-wrapper .arrow {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
border: none;
padding: 0;
cursor: pointer;
width: 35px;
height: 35px;
background-color: #FFFFFF !important;
border-radius: 100%;
box-shadow: 0 0 14px 0 #BBBBBB;
display: none;
-ms-flex-pack: center !important;
justify-content: center !important;
-ms-flex-align: center;
align-items: center;
}
.product-tile .product-tile-top .product-tile-slider-wrapper .arrow .element {
background-image: none;
background-color: #000000 !important;
max-height: 66%;
max-width: 66%;
mask-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4Ljc2IDkuMzVhMSAxIDAgMCAwLTEuNTIgMS4zbDEuNTItMS4zWk0zMCAyNGwuNzYuNjVhMSAxIDAgMCAwIDAtMS4zTDMwIDI0Wk0xNy4yNCAzNy4zNWExIDEgMCAwIDAgMS41MiAxLjNsLTEuNTItMS4zWm0wLTI2LjcgMTIgMTQgMS41Mi0xLjMtMTItMTQtMS41MiAxLjNabTEyIDEyLjctMTIgMTQgMS41MiAxLjMgMTItMTQtMS41Mi0xLjNaIiBmaWxsPSIjOTk5Ii8+PC9zdmc+);
mask-position: center;
mask-repeat: no-repeat;
mask-size: cover;
height: 100% !important;
width: 100% !important;
}
.product-tile .product-tile-top .product-tile-slider-wrapper .arrow.prev {
left: 10px;
}
.product-tile .product-tile-top .product-tile-slider-wrapper .arrow.prev .element {
-ms-transform: rotate(180deg) !important;
transform: rotate(180deg) !important;
}
.product-tile .product-tile-top .product-tile-slider-wrapper .arrow.next {
right: 10px;
}
@media (min-width: 1280px) {
.product-tile .product-tile-top .product-tile-slider-wrapper .arrow {
display: -ms-flexbox;
display: flex;
}
}
.product-tile .product-tile-top .product-tile-slider-wrapper .controls {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: right;
justify-content: right;
right: 5px;
gap: 5px;
position: absolute;
bottom: 10px;
width: 100%;
}
.product-tile .product-tile-top .product-tile-slider-wrapper .controls .dot {
width: 5px;
height: 5px;
background: #BBBBBB;
box-shadow: 0 0 0 1px #BBBBBB;
border-radius: 50%;
cursor: pointer;
transition: background 0.3s ease;
}
@media (min-width: 1280px) {
.product-tile .product-tile-top .product-tile-slider-wrapper .controls .dot {
width: 6px;
height: 6px;
}
}
.product-tile .product-tile-top .product-tile-slider-wrapper .controls .dot.active {
background-color: #444444;
box-shadow: 0 0 0 1px #444444;
}
@media (min-width: 1280px) {
.product-tile .product-tile-top .product-tile-slider-wrapper .controls {
right: 0px;
-ms-flex-pack: center;
justify-content: center;
}
}
.product-tile .product-tile-top .product-image {
width: 100%;
height: auto;
}
.product-tile .product-tile-top .product-image img.placeholder-image {
position: relative;
}
@media (min-width: 1280px) {
.product-tile .product-tile-top .product-image .desktop-only {
aspect-ratio: 1;
}
}
@media (max-width: 1279px) {
.product-tile .product-tile-top .product-image .desktop-only {
display: none;
}
}
.product-tile .product-tile-top .product-link {
padding: 5px 5px 0 5px;
}
.product-tile .product-tile-top .product-link .product-name {
height: 56px;
overflow: hidden;
text-decoration: none;
}
.product-tile .product-tile-top .product-link .budgetpay,
.product-tile .product-tile-top .product-link .paypal-credit {
position: absolute;
display: inline-block;
width: 70px;
max-width: 40%;
height: auto;
top: 5px;
right: 5px;
z-index: 1;
}
.product-tile .product-tile-top .product-link .budgetpay img,
.product-tile .product-tile-top .product-link .paypal-credit img {
display: block;
width: 100%;
height: auto;
}
.product-tile .product-tile-top:hover .quickview {
width: 130px;
height: auto;
opacity: 1;
padding: 7px 15px;
border: 1px solid #BBBBBB;
}
@media (min-width: 768px) and (max-width: 1279px) {
.product-tile .product-tile-top:hover .quickview {
width: 140px;
min-width: auto;
left: 47%;
}
}
.product-tile .product-tile-bottom {
background: #FFFFFF;
}
@media (max-width: 1023px) {
.product-tile .product-tile-bottom {
background-color: #F5F5F5;
height: 100%;
padding: 0 5px;
}
}
.product-tile .product-tile-bottom .product-name {
font-size: 13px;
line-height: 1.5;
margin-top: 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
}
@media (min-width: 1024px) {
.product-tile .product-tile-bottom .product-name {
font-size: 16px;
}
}
.product-tile .product-tile-bottom .product-pricing {
height: 20px;
margin: 8px 0 0 0;
}
.product-tile .product-tile-bottom .product-pricing:has(.delivery-promotion) {
margin: 5px 0 0 0;
}
@media (max-width: 1200px) {
.product-tile .product-tile-bottom .product-pricing:has(.delivery-promotion) {
height: 38px;
}
}
.product-tile .product-tile-bottom .product-pricing .price-sales {
font-size: 16px;
}
@media (min-width: 1024px) {
.product-tile .product-tile-bottom .product-pricing .price-sales {
font-size: 18px;
}
}
.product-tile .product-tile-bottom .product-pricing .price-standard {
font-size: 15px;
font-weight: normal;
}
@media (min-width: 1024px) {
.product-tile .product-tile-bottom .product-pricing .price-standard {
font-size: 18px;
}
}
.product-tile .product-tile-bottom .product-pricing .price-promotion:has(.delivery-promotion),
.product-tile .product-tile-bottom .product-pricing .price:has(.delivery-promotion) {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 4px;
}
.product-tile .product-tile-bottom .product-pricing .delivery-promotion {
display: -ms-flexbox;
display: flex;
font-size: 13px;
font-weight: 500;
letter-spacing: 0;
}
@media (max-width: 1023px) {
.product-tile .product-tile-bottom .product-pricing .delivery-promotion {
font-size: 400;
}
}
.product-tile .product-tile-bottom .product-pricing .delivery-promotion .plus-icon {
padding-right: 5px;
}
@media (max-width: 1023px) {
.product-tile .product-tile-bottom .product-pricing .delivery-promotion .plus-icon {
display: none;
}
}
.product-tile .product-tile-bottom .product-pricing .delivery-promotion img {
padding-right: 5px;
}
@media (max-width: 1023px) {
.product-tile .product-tile-bottom .product-pricing .delivery-promotion img {
width: 20px;
}
}
@media (max-width: 1023px) {
.product-tile .product-tile-bottom .product-pricing .delivery-promotion {
width: 100%;
}
}
.product-tile .product-tile-bottom .product-badge {
text-align: center;
width: 100%;
margin: 6px 0 10px;
}
.product-tile .product-tile-bottom .product-badge .inner {
display: inline-block;
padding: 6px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
background: #A6192E;
color: #FFFFFF;
}
.product-tile .product-tile-bottom .flexipay {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 13px;
font-weight: 400;
margin-top: 4px;
}
@media (min-width: 768px) {
.product-tile .product-tile-bottom .flexipay {
font-size: 16px;
}
}
.product-tile .product-tile-bottom .flexipay b {
color: #224C7A;
}
.product-tile .product-tile-bottom .flexipay img {
margin: 3px 3px 0;
}
@media (min-width: 768px) {
.product-tile .product-tile-bottom .flexipay img {
margin: 3px 6px 0;
}
}
.product-tile .product-tile-bottom .product-swatches .swatch-list {
display: -ms-flexbox;
display: flex;
height: 50px;
overflow-y: auto;
-ms-overflow-style: none;
/* IE 10+ */
}
.product-tile .product-tile-bottom .product-swatches .swatch-list::-webkit-scrollbar {
height: 5px;
}
.product-tile .product-tile-bottom .product-swatches .swatch-list::-webkit-scrollbar-track {
background: transparent;
border-radius: 5px;
}
.product-tile .product-tile-bottom .product-swatches .swatch-list::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 5px;
}
.product-tile .product-tile-bottom .product-swatches .swatch-list .swatch {
display: inline-block;
padding: 3px;
border: 2px solid transparent;
min-width: 40px;
min-height: 40px;
max-width: 40px;
max-height: 40px;
box-sizing: border-box;
position: relative;
margin-right: 5px;
margin-bottom: 5px;
}
.product-tile .product-tile-bottom .product-swatches .swatch-list .swatch:before {
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: 1;
background-image: none;
background: #000000;
opacity: .03;
min-width: 36px;
min-height: 36px;
max-width: 36px;
max-height: 36px;
box-sizing: border-box;
}
.product-tile .product-tile-bottom .product-swatches .swatch-list .swatch img {
display: block;
min-width: 36px;
min-height: 36px;
max-width: 36px;
max-height: 36px;
position: absolute;
top: 0;
left: 0;
}
.product-tile .product-tile-bottom .product-swatches .swatch-list .swatch.selected {
border: 2px solid #0C497C;
width: auto!important;
min-width: 40px;
min-height: 40px;
max-width: 40px;
max-height: 40px;
box-sizing: border-box;
}
.product-tile .product-tile-bottom .product-swatches .swatch-list .swatch.strikethrough {
pointer-events: none;
}
.product-tile .product-tile-bottom .product-swatches .swatch-list .swatch.strikethrough:before {
position: absolute;
content: "";
left: -5%;
top: 45%;
bottom: 12px;
right: 0;
border-top: 2px solid #BBBBBB !important;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 45px;
background: 0 0;
opacity: 1;
min-width: auto;
min-height: auto;
max-width: 45px;
}
.product-tile .product-tile-bottom .product-swatches .swatch-list .swatch.strikethrough img {
opacity: .3;
}
@media (max-width: 767px) {
.product-tile .product-tile-bottom .product-swatches .swatch-list {
padding-right: 5px;
}
}
.product-tile .product-tile-bottom .product-swatches .swatch-list:last-child {
padding-right: 0;
}
.product-tile .product-tile-bottom .selected-swatch {
margin-top: 5px;
background: #F5F5F5;
display: inline-block;
padding: 1px 20px;
font-weight: 400;
border-radius: 0;
color: #444444;
font-size: 12px;
}
.product-tile.reduced-tile {
border: 0 none;
}
.product-tile.reduced-tile .product-tile-top {
padding: 0;
}
.product-tile.reduced-tile .product-tile-top .product-link {
padding: 0;
}
.product-tile.reduced-tile .product-tile-top .product-link .product-name {
padding: 0;
margin: 5px 0 0 0;
}
.product-tile.ra-product-tile {
text-align: center;
}
.product-tile.ra-product-tile .product-tile-part-top {
position: relative;
}
.product-tile.ra-product-tile .product-tile-part-top .product-tile-top .product-name {
font-size: 13px;
line-height: 20px;
font-weight: 400;
color: #000;
height: 40px;
overflow: hidden;
margin: 0 10px;
}
.product-tile.ra-product-tile .product-tile-part-top .product-tile-top .product-image {
margin: 0 auto 10px auto;
}
.product-tile.ra-product-tile .product-tile-part-top:hover .quickview {
width: 130px;
height: auto;
opacity: 1;
padding: 7px 15px;
left: 50%;
}
.product-tile.ra-product-tile .product-tile-part-bottom .product-tile-top.product-tile-winner-you .bidder {
display: none;
}
.product-tile.ra-product-tile .product-tile-part-bottom .product-tile-bottom {
background: transparent;
color: #000;
}
.product-tile.ra-product-tile .product-tile-part-bottom .time-counter {
height: 25px;
}
.product-tile.ra-product-tile .product-tile-part-bottom .time-counter .ra-timer {
margin: 0;
line-height: 30px;
color: #50A39A;
font-weight: 500;
}
.product-tile.ra-product-tile .product-tile-part-bottom .time-counter .ra-timer span {
font-weight: 400;
}
.product-tile.ra-product-tile .product-tile-part-bottom .time-counter .red {
color: #DC3545;
}
.product-tile.ra-product-tile .product-tile-part-bottom .time-counter .pulse-slow {
animation: blinker 1s linear infinite;
}
.product-tile.ra-product-tile .product-tile-part-bottom .time-counter .time-counter-table .row-labels .time-counter-cell {
font-size: 10px;
line-height: 10px;
}
.product-tile.ra-product-tile .product-tile-part-bottom .time-counter.pulse-slow {
animation: blinker 1s linear infinite;
}
.product-tile.ra-product-tile .product-tile-part-bottom .time-counter.pulse-fast {
animation: blinker 0.3s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.product-tile.ra-product-tile .product-tile-part-bottom .winner-you {
padding: 7px 5px;
margin: 0 10px 8px;
}
.product-tile.ra-product-tile .product-tile-part-bottom .price-bids {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
line-height: 40px;
color: #000;
height: 40px;
}
.product-tile.ra-product-tile .product-tile-part-bottom .savings {
padding: 0 5px;
margin: 10px 0;
}
.product-tile.ra-product-tile .product-tile-part-bottom .bidder .fa {
margin-right: 2px;
}
.product-tile.ra-product-tile .product-tile-part-bottom .estimated-price {
color: #000;
padding: 0 5px;
margin-bottom: 8px;
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-left {
float: left;
width: 50%;
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-left .ra-bid-action-left-inner {
padding-right: 5px;
position: relative;
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-left .ra-bid-action-left-inner .label {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #000;
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-left .ra-bid-action-left-inner .input-text {
padding-left: 18px;
padding-right: 18px;
text-align: center;
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-right {
float: right;
width: 50%;
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-right .ra-bid-action-right-inner {
padding-left: 5px;
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-right .button {
padding-left: 3px;
padding-right: 3px;
display: block;
}
.product-tile.ra-product-tile .product-tile-part-bottom .auction-ended-msg,
.product-tile.ra-product-tile .product-tile-part-bottom .ra-add-to-cart.disabled {
height: 40px;
line-height: 40px;
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-listing-login-btn,
.product-tile.ra-product-tile .product-tile-part-bottom .button-add-to-cart {
display: block;
}
.product-tile .product-link {
display: block;
text-decoration: none;
}
.product-tile .quickview {
position: absolute;
left: 42%;
bottom: calc(37% - 50px);
z-index: 2;
margin-left: -65px;
height: 0;
width: 0;
opacity: 0;
padding: 0;
border: 0 none;
overflow: hidden;
}
.product-tile .quickview:hover {
border-color: #000;
}
.product-tile .product-promo {
color: #A6192E;
position: relative;
font-weight: 400;
height: 20px;
line-height: 20px;
font-size: 13px;
overflow: hidden;
margin-top: 8px;
}
@media (min-width: 768px) {
.product-tile .product-promo {
font-size: 16px;
}
}
.product-tile .delivery {
background: #50A39A;
color: #FFFFFF;
padding: 3px 8px;
display: inline-block;
line-height: 1.3;
font-size: 12px;
margin-top: 4px;
font-weight: 400;
}
@media (min-width: 768px) {
.product-tile .delivery {
font-size: 14px;
}
}
.product-tile:hover {
border-color: #BBBBBB;
}
.product-swatches {
z-index: 11;
}
.product-tile-with-sizes {
border: 1px;
}
.product-tile-with-sizes .add-to-cart-from-tile {
padding: calc(var(--bs-gutter-x) / 2);
margin: calc(var(--bs-gutter-x) / -2);
margin-top: 12px;
position: absolute;
visibility: hidden;
display: block;
width: 100%;
background-color: white;
border-top: 1px solid #FFFFFF;
}
@media (min-width: 1023px) {
.product-tile-with-sizes:hover {
box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 18px 0px;
padding: calc(var(--bs-gutter-x) / 2);
margin: calc(var(--bs-gutter-x) / -2);
}
.product-tile-with-sizes:hover .add-to-cart-from-tile {
z-index: 10;
visibility: visible;
box-shadow: white 0px -10px 0px 0px, rgba(0, 0, 0, 0.2) 0px 6px 18px 0px;
top: 100%;
padding-top: 0;
}
}
.product-tile-with-sizes .quick-add {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 10px 0;
font-size: 13px;
font-weight: 600;
cursor: pointer;
}
@media (min-width: 1023px) {
.product-tile-with-sizes .quick-add {
font-size: 16px;
}
}
.product-tile-with-sizes .quick-add .toggle-icon {
font-size: 20px;
float: right;
}
@media (min-width: 1023px) {
.product-tile-with-sizes .quick-add .toggle-icon {
display: none;
}
}
.product-tile-with-sizes .quick-add.no-variations {
cursor: pointer;
text-align: center;
margin-bottom: 12px;
}
@media (min-width: 1023px) {
.product-tile-with-sizes .quick-add.no-variations {
display: inline-block;
padding: 10px 20px;
background-color: #FFFFFF;
border: 2px solid #DDDDDD;
border-radius: 40px;
}
.product-tile-with-sizes .quick-add.no-variations:hover {
border-color: #224C7A;
}
}
@media (max-width: 1023px) {
.product-tile-with-sizes .quick-add.desktop {
display: none;
}
}
@media (min-width: 1023px) {
.product-tile-with-sizes .quick-add.desktop {
display: block;
}
}
@media (max-width: 1023px) {
.product-tile-with-sizes .quick-add.mobile {
display: block;
}
}
@media (min-width: 1023px) {
.product-tile-with-sizes .quick-add.mobile {
display: none;
}
}
@media (max-width: 1023px) {
.product-tile-with-sizes .add-to-cart-from-tile {
padding: 0;
margin: 12px 0 0 0;
visibility: visible !important;
position: relative !important;
background-color: #F5F5F5;
}
}
.product-tile-with-sizes .size-swatches {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0;
padding: 0;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */
}
.product-tile-with-sizes .size-swatches::-webkit-scrollbar {
height: 5px;
}
.product-tile-with-sizes .size-swatches::-webkit-scrollbar-track {
background: transparent;
border-radius: 5px;
}
.product-tile-with-sizes .size-swatches::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 5px;
}
@media (max-width: 1023px) {
.product-tile-with-sizes .size-swatches.hide-swatches {
display: none;
}
}
.product-tile-with-sizes .size-swatches .swatch {
display: inline-block;
padding: 3px;
border: 2px solid transparent;
min-width: 40px;
min-height: 40px;
max-height: 40px;
box-sizing: border-box;
position: relative;
margin-right: 5px;
margin-bottom: 5px;
}
.product-tile-with-sizes .size-swatches .swatch.selected {
border: 2px solid #0C497C;
width: auto!important;
min-width: 40px;
min-height: 40px;
max-width: 40px;
max-height: 40px;
box-sizing: border-box;
}
.product-tile-with-sizes .size-swatches .swatch.strikethrough {
pointer-events: none;
}
.product-tile-with-sizes .size-swatches .swatch.strikethrough:before {
position: absolute;
content: "";
left: 0;
top: 50%;
border-top: 2px solid #BBBBBB !important;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 100%;
background: 0 0;
opacity: 1;
min-width: auto;
min-height: auto;
}
.product-tile-with-sizes .size-swatches .swatch.size {
display: block;
border: 2px solid #DDDDDD;
background-color: #FFFFFF;
color: #000;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-transform: none;
text-decoration: none;
padding: 0 8px;
box-sizing: border-box;
border-radius: 40px;
font-size: 12px;
line-height: 1.2;
overflow: hidden;
}
.product-tile-with-sizes .size-swatches .swatch.size:hover {
text-decoration: none;
border-color: #224C7A;
}
@media (max-width: 767px) {
.product-tile-with-sizes .size-swatches {
padding-right: 5px;
}
}
@media (max-width: 767px) {
.product-tile {
font-size: 13px;
line-height: 18px;
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-left {
width: calc(50% - (15px / 2));
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-left .ra-bid-action-left-inner {
padding-right: 0;
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-right {
width: calc(50% - (15px / 2));
}
.product-tile.ra-product-tile .product-tile-part-bottom .ra-bid-action .ra-bid-action-right .ra-bid-action-right-inner {
padding-left: 0;
}
.product-tile .product-tile-bottom .product-tile-buttons {
display: none;
}
}
.lazy-load-button,
.bid-button {
opacity: 0.3;
pointer-events: none;
}
.window-loaded .bid-button,
.window-loaded .lazy-load-button {
pointer-events: unset;
opacity: 1!important;
}
.product-tile.new-tile {
display: -ms-flexbox;
display: flex;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
border: none;
}
.product-tile.new-tile .product-tile-top .product-link {
padding: 0;
}
.product-tile.new-tile .product-tile-top .product-link .product-name {
margin: 10px 0;
line-height: 20px;
height: 40px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
}
@media (max-width: 767px) {
.product-tile.new-tile .product-tile-top .product-link .product-name {
margin: 5px 0 0;
font-size: 13px;
}
}
.product-tile.new-tile .product-tile-top .quickview {
padding: 0;
top: calc(100% - 112px);
height: 32px;
line-height: 32px;
background: #FFFFFF;
color: #000 !important;
border: none;
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
}
.product-tile.new-tile .product-tile-bottom {
position: relative;
}
.product-tile.new-tile .product-tile-bottom .yotpo-widget-instance {
margin-top: 5px;
}
.product-tile.new-tile .product-review {
padding: 5px 0 0 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 20px;
}
.product-tile.new-tile .product-review .rating {
display: -ms-flexbox;
display: flex;
}
.product-tile.new-tile .product-review .rating .rating-count {
color: #444444;
font-size: 13px;
font-weight: 500;
margin-left: 3px;
color: #000000;
font-weight: 400;
font-size: 14px;
margin-left: 8px;
white-space: nowrap;
line-height: 16px;
text-align: start;
font-style: normal;
}
.search-result-items .product-tile.new-tile .price {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: end;
justify-content: flex-end;
min-height: 20px;
}
@media (max-width: 767px) {
.search-result-items .product-tile.new-tile .price {
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-align: start;
align-items: flex-start;
min-height: 40px;
}
}
.search-result-items .product-tile.new-tile .price.price-promotion .price-standard {
width: auto;
line-height: 20px;
font-size: 13px;
padding-left: 0;
}
.search-result-items .product-tile.new-tile .price .price-sales {
width: auto;
font-size: 18px;
line-height: 20px;
padding-right: 10px;
}
.progress-loader {
padding: 8px;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
font-size: 34px;
line-height: 34px;
width: 34px;
height: 34px;
text-align: center;
background: rgba(29, 46, 71, 0.75);
position: fixed;
top: 50%;
left: 50%;
z-index: 100;
margin: -25px 0 0 -25px;
}
.progress-loader .fa-pulse {
animation: fa-spin 0.8s infinite steps(8);
}
.progress-loader.progress-loader-transparent {
padding: 0;
background: transparent;
color: #000;
}
.progress-loader.progress-loader-small {
padding: 4px;
border-radius: 0;
font-size: 17px;
line-height: 17px;
width: 17px;
height: 17px;
margin: -25px 0 0 -25px;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc {
width: 100%;
min-width: 340px;
max-width: 340px;
margin-right: 25px;
}
}
.filters-and-sorting-outer.fpc .refinement {
position: relative;
border-bottom: 1px solid #DDDDDD;
}
.filters-and-sorting-outer.fpc .refinement .refinement-headline {
height: 50px;
line-height: 50px;
margin: 0;
box-sizing: border-box;
font-size: 16px;
color: #000;
font-weight: 500;
position: relative;
}
.filters-and-sorting-outer.fpc .refinement .refinement-headline:hover {
cursor: pointer;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .refinement .refinement-headline {
background: #FFFFFF;
z-index: 3;
font-size: 18px;
height: 60px;
line-height: 60px;
position: sticky;
top: 0;
}
}
.filters-and-sorting-outer.fpc .refinement .refinement-headline:after {
font-family: FontAwesome;
font-size: 18px;
line-height: 10px;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
content: "\f107";
display: block;
position: absolute;
top: 20px;
right: 10px;
width: 0;
text-align: left;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .refinement .refinement-headline:after {
font-size: 25px;
top: 25px;
right: 15px;
}
}
.filters-and-sorting-outer.fpc .refinement .refinement-headline.active:after {
content: "\f106";
}
.filters-and-sorting-outer.fpc .refinement .refinement-list {
max-height: 210px;
overflow: hidden;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .refinement .refinement-list {
max-height: 215px;
}
}
.filters-and-sorting-outer.fpc .refinement .refinement-list::-webkit-scrollbar {
width: 8px;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 8px;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list.open {
max-height: unset;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li {
padding: 0 0 0 30px;
margin: 10px 0;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
line-height: 30px;
position: relative;
display: block;
padding-right: 5px;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .refinement .refinement-list li {
padding: 0 0 0 18px;
margin: 24px 0;
line-height: 18px;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li:first-child {
margin-top: 12px;
}
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li a {
text-decoration: none;
margin-left: 15px;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1199px) {
.filters-and-sorting-outer.fpc .refinement .refinement-list li a {
height: 30px;
}
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li .count {
color: #888888;
font-weight: 400;
margin-left: 10px;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li .fa {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 30px;
text-align: center;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li .checkbox {
border: 1px solid #444444;
border-radius: 4px;
background: transparent;
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 30px;
min-width: 30px;
height: 30px;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .refinement .refinement-list li .checkbox {
width: 18px;
min-width: 18px;
height: 18px;
}
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li .checkbox .checkbox-inner {
width: 30px;
min-width: 30px;
height: 30px;
background: transparent;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .refinement .refinement-list li .checkbox .checkbox-inner {
width: 18px;
min-width: 18px;
height: 18px;
}
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li.selected {
font-weight: 600;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li.selected .checkbox {
border-color: #50A39A !important;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li.selected .checkbox .checkbox-inner:before {
font-family: "FontAwesome";
color: #FFFFFF;
content: "\f00c";
top: 0;
position: absolute;
left: 0;
font-size: 18px;
width: 100%;
text-align: center;
background: #50A39A;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .refinement .refinement-list li.selected .checkbox .checkbox-inner:before {
font-size: 12px;
}
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li:hover .checkbox {
border-color: #444444;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li span {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li span svg:last-child {
margin-right: 10px;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li ul {
max-height: none;
margin-bottom: 0;
}
.filters-and-sorting-outer.fpc .refinement .refinement-list li.notfound {
display: none;
font-size: 14px;
line-height: 24px;
color: #DC3545;
padding-left: 0;
margin: 0 0 25px 0;
}
.filters-and-sorting-outer.fpc .refinement .freetextsearch {
margin-bottom: 10px;
}
.filters-and-sorting-outer.fpc .refinement .freetextsearch .field {
min-height: auto;
}
.filters-and-sorting-outer.fpc .refinement .freetextsearch .field .icon-search {
position: absolute;
top: 0;
right: 0;
font-size: 20px;
width: 60px;
height: 50px;
line-height: 50px;
text-align: center;
z-index: 1;
}
.filters-and-sorting-outer.fpc .refinement .freetextsearch .field .icon-search:before {
content: "\f002";
color: #000;
}
.filters-and-sorting-outer.fpc .refinement .freetextsearch.form-row {
max-width: 100%;
}
.filters-and-sorting-outer.fpc .refinement.category-refinement .refinement-list {
max-height: none;
}
.filters-and-sorting-outer.fpc .filters-and-sorting {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 1199px) {
.filters-and-sorting-outer.fpc .filters-and-sorting {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
height: 60px;
}
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting {
position: sticky;
top: 0;
}
}
.filters-and-sorting-outer.fpc .filters-and-sorting.bottom {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-direction: column;
flex-direction: column;
margin: 30px 0;
border: 0;
}
.filters-and-sorting-outer.fpc .filters-and-sorting.bottom .items-per-page {
width: 160px;
margin-bottom: 15px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .button-filter {
display: none;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .refinement-showmore {
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #50A39A;
margin-left: 45px;
text-decoration: underline;
text-underline-offset: 6px;
margin-bottom: 25px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .refinement-showmore:hover {
cursor: pointer;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .refinement-showmore.hide {
display: none;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .refinement-showmore {
margin-left: 33px;
}
}
.filters-and-sorting-outer.fpc .filters-and-sorting .refinement-buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .refinement-buttons .button-reset {
font-size: 14px;
line-height: 24px;
font-weight: 500;
color: #50A39A;
margin-bottom: 25px;
margin-left: auto;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .refinement-buttons .disabled {
display: none;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .button-price-filter {
height: 40px;
line-height: 40px;
margin-bottom: 25px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .apply-reset-mobile-only {
width: 100%;
display: -ms-flexbox;
display: flex;
gap: 1px;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .apply-reset-mobile-only {
display: none;
}
}
.filters-and-sorting-outer.fpc .filters-and-sorting .search-result-showing {
-ms-flex-order: 2;
order: 2;
display: -ms-flexbox;
display: flex;
margin-left: auto;
line-height: 40px;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .search-result-showing {
display: none!important;
}
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .refinements-selection-clearall {
display: none;
}
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel {
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
padding-right: 10px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 5px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel::-webkit-scrollbar-track {
background: transparent;
}
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel .header {
display: none;
}
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-button {
height: 40px;
line-height: 40px;
margin-right: 10px;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-button {
display: none;
}
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-button:hover {
cursor: pointer;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-button .inner::before {
font: normal normal normal 20px/1 FontAwesome;
color: inherit;
text-rendering: auto;
content: "\f1de";
padding-right: 10px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .filter-content {
display: none;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .filter-content.active {
display: block;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .freetextsearch .field input.input-text {
border-color: #EEEEEE;
background-color: #EEEEEE;
border-radius: 40px;
height: 40px;
padding-top: 10px;
padding-left: 20px;
padding-right: 55px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .freetextsearch .field input.input-text ~ label {
padding-top: 0;
padding-left: 20px;
font-size: 14px;
font-weight: 500;
top: 10px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .freetextsearch .field input.input-text ~ label.focus-active {
font-size: 12px;
font-weight: 400;
top: 0;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .freetextsearch .field .icon-search {
font-size: 16px;
height: 40px;
line-height: 40px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel {
width: 100%;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .show-all-filters {
display: none;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .refinements-overlay {
display: none;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .refinements-overlay.visible {
display: block;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel .inner::-webkit-scrollbar {
width: 8px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel .inner::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 8px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by .select .styledSelect {
padding: 0 !important;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by .select .styledSelect:before {
font: normal normal normal 20px/1 FontAwesome;
color: inherit;
text-rendering: auto;
content: "\f0dc";
padding-right: 10px;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by .select .styledSelect:before {
font: normal normal normal 14px/1 'Montserrat', Verdana, sans-serif;
content: 'Sort By: ';
font-weight: 400;
}
}
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by .select .styledSelect:after {
top: 4px;
right: 0;
}
@media (max-width: 1199px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by .select .styledSelect:after {
content: none;
}
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by .select .styledSelect {
font-weight: 500;
}
}
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by .select .select .optiongroup {
left: 0;
width: 100%;
}
@media (min-width: 768px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by .select .select .optiongroup {
top: 40px;
}
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by .select .select .optiongroup {
top: 30px;
}
}
@media (min-width: 768px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by {
width: 200px;
}
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting .sort-by {
display: none!important;
}
}
.filters-and-sorting-outer.fpc .filters-and-sorting select {
border: 0;
height: 40px;
text-indent: 0;
}
@media (min-width: 1200px) {
.filters-and-sorting-outer.fpc .filters-and-sorting select {
height: 30px;
margin-left: -5px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.filters-and-sorting-outer.fpc .filters-and-sorting {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: start;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-button {
max-width: 200px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel {
max-width: 400px;
}
}
@media (max-width: 1199px) {
.filters-and-sorting-outer.fpc .noscroll {
overflow: hidden;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .header {
width: 100%;
display: -ms-flexbox;
display: flex;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
padding: 15px 20px;
box-sizing: border-box;
background: #F5F5F5;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .header span {
color: #DC3545;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .header span:hover {
cursor: pointer;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel {
position: fixed;
top: 0;
right: 0;
width: calc(100% - 60px);
box-sizing: border-box;
background: #FFFFFF;
height: 100dvh;
display: none;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel.visible {
display: block;
z-index: 25;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .listing-filters-panel .inner {
overflow-y: scroll;
height: calc(100vh - 200px);
padding: 0 10px 200px 20px;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .refinements-overlay {
background: rgba(29, 46, 71, 0.75);
backdrop-filter: blur(12px);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 20;
}
.filters-and-sorting-outer.fpc .filters-and-sorting .refinement-showmore {
margin-right: 14px;
min-width: 125px;
}
}
@media (min-width: 768px) {
.filters-and-sorting-outer.fpc .filters-and-sorting.bottom {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: end;
-ms-flex-direction: row;
flex-direction: row;
}
}
.filters-and-sorting-outer.fpc .listing-filters-panel.visible .button-filter-all {
line-height: 50px;
height: 50px;
}
.filters-and-sorting-outer.fpc .listing-filters-panel.visible .refinements-selection-clearall {
line-height: 50px;
height: 50px;
width: 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.refinements-selection {
display: none;
}
@media (min-width: 1200px) {
.grid-container {
-ms-flex: 0 0 calc(100% - 365px);
flex: 0 0 calc(100% - 365px);
}
.refinements-selection {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
-ms-flex-align: center;
align-items: center;
gap: 15px;
}
.refinements-selection .refinement-breadcrumb {
background: #F5F5F5;
border-radius: 5px;
padding: 4px 10px;
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
line-height: 24px;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
}
.refinements-selection .refinement-breadcrumb .breadcrumb-relax {
margin-left: 10px;
font-size: 14px;
}
.refinements-selection .refinement-breadcrumb span {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.refinements-selection .refinement-breadcrumb span svg:last-child {
margin-right: 10px;
}
.refinements-selection .breadcrumb-showmore {
background: #F5F5F5;
border-radius: 5px;
padding: 4px 10px;
font-size: 13px;
font-weight: 500;
text-transform: capitalize;
line-height: 24px;
box-sizing: border-box;
cursor: pointer;
}
.refinements-selection .breadcrumb-showmore.hidden {
display: none;
}
.refinements-selection .refinements-selection-clearall {
font-size: 13px;
line-height: 24px;
font-weight: 500;
color: #50A39A;
text-decoration: underline;
text-underline-offset: 6px;
}
}
@media (max-width: 767px) {
.header-wrapper #search-suggestions {
height: 100vh;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767px) {
.header-wrapper #search-suggestions .search-suggestion-wrapper-out {
overflow-y: scroll;
height: calc(100% - 300px);
padding-bottom: 300px;
}
}
.html-hook .search-sugestions-mobile-header {
display: none;
}
@media (max-width: 767px) {
.html-hook.suggestions-active-wrapper .footer-wrapper,
.html-hook.suggestions-active-wrapper #back-to-top {
display: none;
}
.html-hook.suggestions-active-wrapper .search-sugestions-mobile-header {
background-color: #FFFFFF;
z-index: 99;
height: 40px;
display: -ms-flexbox;
display: flex;
position: absolute;
width: 100%;
}
.html-hook.suggestions-active-wrapper .search-sugestions-mobile-header .search-sugestions-mobile-header-inner {
width: 100%;
height: 40px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
max-width: 600px;
width: calc(100% - 30px);
}
.html-hook.suggestions-active-wrapper .search-sugestions-mobile-header .search-sugestions-mobile-header-inner .search-suggestions-title h6 {
margin: 0;
}
.html-hook.suggestions-active-wrapper .search-sugestions-mobile-header .search-sugestions-mobile-header-inner .search-close-btn {
font-size: 24px;
line-height: 50px;
color: #DC3545;
cursor: pointer;
}
.html-hook.suggestions-active-wrapper .search-sugestions-mobile-header .search-sugestions-mobile-header-inner .search-close-btn .fa {
font-size: 24px;
line-height: 50px;
cursor: pointer;
}
.html-hook.suggestions-active-wrapper .search-sugestions-mobile-header .search-sugestions-mobile-header-inner .search-close-btn:hover {
color: #A6192E;
}
.html-hook.suggestions-active-wrapper .search-suggestion-wrapper-out {
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.html-hook.suggestions-active-wrapper .search-sugestions-mobile-header .search-sugestions-mobile-header-inner {
max-width: 1440px;
width: calc(100% - 40px);
padding-left: 0;
padding-right: 0;
}
}
#search-suggestions {
left: 0;
background-color: #FFFFFF;
width: 100%;
position: absolute;
z-index: 3;
}
.input-overlay {
top: -16px;
right: -1px;
position: absolute;
width: 50px;
height: 15px;
}
.input-overlay .bar {
height: 10px;
width: 100%;
position: absolute;
left: 0;
bottom: -10px;
background: #FFFFFF;
z-index: 1;
}
.search-suggestion-wrapper-out {
background-color: #FFFFFF;
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
padding-top: 40px;
}
@media (min-width: 768px) {
.search-suggestion-wrapper-out {
padding-top: 0;
}
}
.search-suggestion-wrapper-out .search-suggestion-wrapper {
width: auto;
padding: 20px 0;
margin: 0 auto;
max-width: 600px;
width: calc(100% - 30px);
}
@media (min-width: 768px) {
.search-suggestion-wrapper-out .search-suggestion-wrapper {
max-width: 1440px;
width: calc(100% - 40px);
padding-left: 0;
padding-right: 0;
}
}
.search-suggestion-contents {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
@media (min-width: 768px) {
.search-suggestion-contents {
-ms-flex-direction: row;
flex-direction: row;
}
}
.search-suggestion-contents .search-suggestion-left-panel {
width: 100%;
padding-right: 0;
box-sizing: border-box;
}
@media (min-width: 768px) {
.search-suggestion-contents .search-suggestion-left-panel {
padding-right: 15px;
width: 50%;
}
}
.search-suggestion-contents .search-suggestion-right-panel {
width: 100%;
padding-bottom: 15px;
box-sizing: border-box;
}
@media (min-width: 768px) {
.search-suggestion-contents .search-suggestion-right-panel {
padding-left: 15px;
padding-bottom: 0;
width: 50%;
}
}
.search-suggestion-contents .search-suggestion-hitgroup {
padding: 0 0 10px 0;
}
.search-suggestion-contents .search-suggestion-hitgroup:last-child {
padding-bottom: 0;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-suggestion-hitgroup-header {
font-size: 16px;
line-height: 1.3;
font-weight: 400;
text-transform: none;
margin: 0 0 10px 0;
margin: 0;
padding: 0 0 5px 0;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-keyword-suggest {
padding: 8px 20px;
background: #EEEEEE;
font-size: 14px;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-keyword-suggest a {
font-size: 14px;
font-weight: 400;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-keyword-suggest .whole-phrase {
font-style: italic;
color: #000;
text-transform: none;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-keyword-suggest .whole-phrase:hover {
text-decoration: underline;
color: #000;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-keyword-suggest .search-suggest-guess {
text-decoration: underline;
font-weight: 500;
color: #000;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-keyword-suggest .first-term-italic {
font-style: italic;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-keyword-suggest .first-term-bold {
font-weight: 500;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-suggestion-list li {
border-bottom: 1px solid #BBBBBB;
padding: 10px 0;
font-size: 13px;
line-height: 13px;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-suggestion-list li a {
display: block;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-suggestion-list li a .search-suggestion-parent-category {
color: #000;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-suggestion-list li.product-suggestion:before,
.search-suggestion-contents .search-suggestion-hitgroup .search-suggestion-list li.product-suggestion:after {
content: " ";
display: table;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-suggestion-list li.product-suggestion:after {
clear: both;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-suggestion-list li.product-suggestion .product-image {
float: left;
width: 60px;
height: 60px;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-suggestion-list li.product-suggestion .product-details {
margin-left: 80px;
line-height: 20px;
height: 60px;
overflow: hidden;
}
.search-suggestion-contents .search-suggestion-hitgroup .search-suggestion-list li:last-of-type {
border-bottom: initial !important;
}
.list-product .product-suggestion {
border-bottom: initial !important;
font-size: 13px !important;
line-height: 13px !important;
}
@media (max-width: 767px) {
.search-suggestion-wrapper {
padding: 15px;
}
}
.secondary-navigation {
text-transform: none;
color: #000;
}
.secondary-navigation ul li a {
display: block;
padding: 19.2px 0;
color: #000;
}
.secondary-navigation ul li a:hover {
color: #000;
text-decoration: none;
}
.secondary-navigation ul li.active {
font-weight: 400;
color: #000;
}
.secondary-navigation ul li.active a {
cursor: default;
color: #000;
}
.secondary-navigation ul li.active a:hover {
text-decoration: none;
}
.secondary-navigation ul li:first-child a {
padding-top: 0;
}
.secondary-navigation ul li:last-child a {
padding-bottom: 0;
}
.secondary-navigation.customerservice-navigation .flyin-account-wrapper {
display: -ms-flexbox;
display: flex;
}
.secondary-navigation.customerservice-navigation ul {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.secondary-navigation.customerservice-navigation ul .asset-container-bottom {
display: none;
}
.secondary-navigation.customerservice-navigation ul li {
margin-bottom: 10px;
width: 100%;
}
.secondary-navigation.customerservice-navigation ul li:last-child {
margin-bottom: 0;
}
.secondary-navigation.customerservice-navigation ul li a {
text-align: center;
padding: 12px 10px;
border: 1px solid #BBBBBB;
color: #000;
position: relative;
}
.secondary-navigation.customerservice-navigation ul li a:hover {
border-color: #BBBBBB;
}
.secondary-navigation.customerservice-navigation ul li a span {
position: absolute;
right: 15px;
top: 10px;
background: #000000;
padding: 2px 10px;
color: white;
}
.secondary-navigation.customerservice-navigation ul li.active a {
background: #000000;
border-color: #000000;
color: #FFFFFF;
}
.secondary-navigation.gempedia-navigation {
text-transform: none;
margin-top: 40px;
}
.secondary-navigation.gempedia-navigation ul li {
border-top: 1px solid #BBBBBB;
float: left;
width: 50%;
}
.secondary-navigation.gempedia-navigation ul li a {
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0 15px 0 0;
}
.secondary-navigation.gempedia-navigation ul li.active {
font-weight: 400;
}
@media (min-width: 768px) and (max-width: 1279px) {
.secondary-navigation.customerservice-navigation ul {
width: calc(100% + 10px);
}
.secondary-navigation.customerservice-navigation ul li {
width: calc((100% / 3) - 10px);
float: left;
margin-right: 10px;
}
.secondary-navigation.customerservice-navigation ul li a {
height: 38px;
line-height: 38px;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.secondary-navigation.gempedia-navigation ul li {
width: 20%;
}
}
.header-wrapper.account-opened .flyin-account-wrapper .ul-level-1 .li-level-1 .a-level-1 span {
position: absolute;
right: 15px;
background: #000000;
padding: 6px 10px;
color: white;
}
h1 {
font-size: 32px;
line-height: 1.3;
font-weight: 500;
text-transform: none;
margin: 30px 0 10px 0;
}
h2 {
font-size: 26px;
line-height: 1.3;
font-weight: 500;
text-transform: none;
margin: 30px 0 10px 0;
}
h3 {
font-size: 18px;
line-height: 1.3;
font-weight: 500;
text-transform: none;
margin: 30px 0 10px 0;
}
h4 {
font-size: 16px;
line-height: 1.3;
font-weight: 500;
text-transform: none;
margin: 30px 0 10px 0;
}
h5 {
font-size: 16px;
line-height: 1.3;
font-weight: 500;
text-transform: none;
margin: 30px 0 10px 0;
}
h6 {
font-size: 16px;
line-height: 1.3;
font-weight: 500;
text-transform: none;
margin: 30px 0 10px 0;
}
.page-title {
color: #224C7A;
font-size: 32px;
line-height: 1.3;
font-weight: 600;
text-transform: uppercase;
margin: 40px 0;
}
.section-carousel-title {
font-size: 30px;
line-height: 1.3;
font-weight: 500;
color: #224C7A;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
}
.minicart-section-carousel-title {
font-size: 18px;
line-height: 1.3;
font-weight: 500;
color: #000000;
margin: 0 0 15px 0;
}
.section-title {
font-size: 24px;
line-height: 1.3;
font-weight: 500;
text-transform: uppercase;
margin: 0 0 10px 0;
}
.checkout-title {
color: #224C7A;
font-size: 26px;
line-height: 1.3;
font-weight: 600;
text-transform: uppercase;
margin: 30px 0;
}
@media (max-width: 767px) {
.checkout-title {
margin: 20px 15px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 26px;
}
h2 {
font-size: 20px;
line-height: 1.3;
}
h3 {
font-size: 16px;
}
.page-title {
font-size: 26px;
margin: 30px 0;
}
.section-carousel-title {
font-size: 26px;
}
.section-title {
font-size: 20px;
}
}
.border-0 {
border: 0 !important;
}
.left-aligned {
text-align: left;
}
.right-aligned {
text-align: right;
}
.centered {
text-align: center;
}
.text-danger {
color: #A6192E;
}
.text-grey {
color: #888888;
}
.text-grey-darker {
color: #888888;
}
.text-grey-darkest {
color: #444444;
}
.text-bold {
font-weight: bold;
}
.text-500 {
font-weight: 500;
}
.text-600 {
font-weight: 600;
}
.text-700 {
font-weight: 700;
}
.text-primary-blue {
color: #0D6EFD;
}
.text-flowing {
font-size: 18px;
line-height: 3.6;
}
.blue-text {
color: #0D6EFD;
}
.text-600 {
font-weight: 600;
}
.text-700 {
font-weight: 700;
}
.fsz-18 {
font-size: 18px;
}
/** recomendations slider **/
.custom-slider .custom-slider-inner .product-tile {
margin: 0 10px 6px 0;
float: left;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
text-decoration: none;
box-sizing: border-box;
background: #FFFFFF;
position: relative;
}
@media screen and (max-width: 1024px) and (min-width: 320px) {
.custom-slider .custom-slider-inner .product-tile {
-ms-flex: 0 0 160px;
flex: 0 0 160px;
}
}
.recommendation-landing-page .custom-slider .product-tile .product-tile-top .product-link {
padding: 0;
}
.recommendation-landing-page .custom-slider .product-tile .product-tile-top .product-link .product-promo {
display: none !important;
}
.recommendation-landing-page .custom-slider .product-tile .product-tile-top .product-link .product-name {
margin: 5px 0;
line-height: 18px;
height: 36px;
color: #000;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
text-align: left;
}
.recommendation-landing-page .custom-slider .product-tile .product-tile-bottom {
padding: 0;
min-height: 32px;
}
.recommendation-landing-page .custom-slider .product-tile .product-tile-bottom .plp-wishlist {
position: absolute;
top: 5px;
right: 5px;
}
.recommendation-landing-page .custom-slider .product-tile .product-tile-bottom .plp-wishlist .product-wishlist-link {
color: #000;
}
.recommendation-landing-page .custom-slider .product-tile .product-tile-bottom .plp-wishlist .product-wishlist-link:hover,
.recommendation-landing-page .custom-slider .product-tile .product-tile-bottom .plp-wishlist .product-wishlist-link:focus {
text-decoration: none;
color: #DC3545;
}
.recommendation-landing-page .custom-slider .product-tile .product-tile-bottom .plp-wishlist .product-wishlist-link.added-to-wishlist {
color: #DC3545;
}
.recommendation-landing-page .custom-slider .fa-chevron-left,
.recommendation-landing-page .custom-slider .fa-chevron-right {
background: white;
font-size: 20px;
top: calc(40% - 25px);
z-index: 10;
}
.recommendation-landing-page .custom-slider .custom-slider-inner {
margin-bottom: 40px;
-ms-flex-pack: left !important;
justify-content: left !important;
}
.recommendation-landing-page .custom-slider-inner::-webkit-scrollbar {
height: 5px;
}
.recommendation-landing-page .custom-slider .custom-slider-inner::-webkit-scrollbar-track {
background: #FFFFFF;
}
.recommendation-landing-page .custom-slider .custom-slider-inner::-webkit-scrollbar-thumb {
background: #CCCCCC;
}
.recommendation-landing-page .tjcplus-engraving {
height: auto !important;
}
.recommendation-landing-page .no-data {
display: none;
margin: 0px 0px !important;
}
.recommendation-landing-page .no-data .second {
margin-left: 0px !important;
}
tr.clearfix:after {
content: none;
}
@media (max-width: 767px) {
tr.clearfix:after {
content: " ";
}
}
[class^="icon-"],
[class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
display: inline-block;
font-family: 'FontAwesome' !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.list-default li {
list-style: none;
margin-left: 20px;
margin-bottom: 10px;
font-size: 13px;
line-height: 20px;
position: relative;
}
.list-default li:before {
content: '\f111';
font-family: 'FontAwesome';
float: left;
margin-top: 1px;
margin-left: -20px;
line-height: 0;
position: absolute;
top: 50%;
}
.personalisation {
margin-bottom: 60px !important;
}
@media (min-width: 768px) {
.personalisation {
margin-bottom: 70px !important;
}
}
.personalisation .budgetpay {
display: none !important;
}
.personalisation .paypal-credit {
display: none !important;
}
.personalisation .panel {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
padding: 0 15px 15px;
}
@media (max-width: 767px) {
.personalisation .panel {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
}
.personalisation .livetv-panel {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
.personalisation .livetv-panel {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
}
.personalisation .heading {
font-size: 16px;
padding: 10px 0;
font-weight: 500;
line-height: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.personalisation .showmore {
padding: 0;
margin: 0;
font-size: 13px;
line-height: 24px;
font-weight: 500;
color: #000;
text-transform: uppercase;
cursor: pointer;
}
.personalisation .showmore::after {
font: normal normal normal 14px/1 FontAwesome;
font-size: 13px;
color: #000;
text-rendering: auto;
content: " \f0da";
margin-left: 10px;
}
.personalisation .product-tile .product-tile-bottom {
display: none;
}
/** In your Cart slot in home page **/
.personalisation .totalprice {
font-size: 22px;
line-height: 30px;
font-weight: 400;
margin: 0;
padding-bottom: 10px;
}
/**Recommendation page styles **/
.recommendation-landing-page .product-tile {
border: none;
margin: 0 5px;
}
.recommendation-landing-page .recommendation-border {
border-bottom: 1px solid #DDDDDD;
padding: 30px 0;
}
.recommendation-landing-page .product-tile .product-tile-bottom .product-tile-buttons {
display: none !important;
}
.recommendation-landing-page .quickview {
display: none;
}
.cookie-consent-dialog {
width: auto !important;
}
.cookie-consent-dialog .ui-dialog-titlebar-close {
display: none;
}
.cookie-consent-dialog .cookie-selector {
overflow-y: auto;
overflow-x: hidden;
text-align: center;
padding: 0;
}
@media (min-width: 768px) {
.cookie-consent-dialog .cookie-selector {
max-height: 600px;
}
}
.cookie-consent-dialog .cookie-selector .heading {
font-size: 22px;
font-weight: 600;
}
.cookie-consent-dialog .cookie-selector .text {
margin-top: 26px;
font-size: 16px;
letter-spacing: 0;
}
.cookie-consent-dialog .cookie-selector .buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-top: 30px;
gap: 30px;
}
@media (min-width: 768px) {
.cookie-consent-dialog .cookie-selector .buttons {
gap: 6px;
-ms-flex-direction: row;
flex-direction: row;
}
}
.cookie-consent-dialog .cookie-selector .button.manage {
background: #FFFFFF;
border: none;
border-radius: unset;
color: #224C7A;
padding: 0;
}
.cookie-consent-dialog .cookie-selector .button.manage span {
border-bottom: 2px solid #224C7A;
display: block;
margin: 0;
}
@media (min-width: 768px) {
.cookie-consent-dialog .cookie-selector .button.manage span {
margin: 0 18px;
}
}
.cookie-consent-dialog .cookie-selector .allow-all,
.cookie-consent-dialog .cookie-selector .manage {
max-width: 200px;
width: 100%;
font-size: 16px;
}
@media (max-width: 767px) {
.dialog-content .cookie-policy {
height: calc(100vmax - 300px);
}
}
.dialog-content .cookie-policy h1 {
margin: 0;
padding: 0;
text-align: center;
font-size: 24px;
font-weight: 600;
}
.dialog-content .cookie-policy .allow-all {
display: block !important;
margin: 20px auto 30px auto;
text-transform: capitalize;
}
.cookie-policy {
text-align: left;
padding: 0;
}
.cookie-policy .message-sticky {
display: none;
}
@media (min-width: 768px) {
.cookie-policy .checkbox-container {
display: -ms-flexbox;
display: flex;
gap: 40px;
}
}
.cookie-policy .checkbox-container .cookierow {
margin-bottom: 26px;
}
.cookie-policy button.save {
display: block;
text-align: center;
margin-bottom: 15px;
border: 1px solid #000000;
width: auto;
}
.GDPR {
position: fixed;
z-index: 99500;
width: calc(100% - 40px);
bottom: 60px;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-ms-flex-pack: center;
justify-content: center;
}
.GDPR .design-bottom-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px;
background-color: rgba(29, 46, 71, 0.75);
}
@media (min-width: 768px) {
.GDPR .design-bottom-inner {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
}
}
.GDPR .design-bottom-inner .text {
color: #FFFFFF;
font-size: 14px;
line-height: 20px;
margin: 0;
}
.GDPR .design-bottom-inner .text a {
color: #FFFFFF;
text-decoration: underline;
}
.GDPR .design-bottom-inner .button {
background-color: transparent;
border-color: transparent;
padding: 0;
width: auto;
margin-top: 10px;
}
@media (min-width: 768px) {
.GDPR .design-bottom-inner .button {
margin-top: 0;
margin-left: 20px;
}
}
.GDPR .design-bottom-inner .button button.gdpr-accept {
margin: auto;
background-color: #198754;
border-color: #198754;
color: #FFFFFF;
font-size: 14px;
line-height: 14px;
padding: 10px 0;
white-space: pre;
width: 150px;
font-weight: 500;
}
.GDPR .design-bottom-inner .button button.gdpr-accept:hover {
background-color: #FFFFFF;
border-color: #FFFFFF;
color: #198754 !important;
}
@media (min-width: 768px) and (max-width: 1279px) {
.pt_content .primary-col:not(.full-width),
.pt_content .secondary-col {
float: none;
width: 100%;
margin-bottom: 40px;
}
}
.footer-wrapper {
width: 100%;
position: relative;
background-color: #FFFFFF;
}
.footer-wrapper.footer-checkout .footer .footer-content .footer-top {
background-color: #224C7A;
color: #FFFFFF;
padding: 0 12px;
margin-bottom: 0;
}
.footer-wrapper.footer-checkout .footer .footer-content .footer-top .footer-services {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 24px 0;
gap: 20px;
}
@media (max-width: 768px) {
.footer-wrapper.footer-checkout .footer .footer-content .footer-top .footer-services {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.footer-wrapper.footer-checkout .footer .footer-content .footer-top .footer-services .footer-service-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-positive: 1;
flex-grow: 1;
width: 20%;
}
@media (max-width: 1280px) {
.footer-wrapper.footer-checkout .footer .footer-content .footer-top .footer-services .footer-service-item {
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 768px) {
.footer-wrapper.footer-checkout .footer .footer-content .footer-top .footer-services .footer-service-item {
width: 45%;
}
}
.footer-wrapper.footer-checkout .footer .footer-content .footer-top .footer-services .footer-service-item .service-icon {
height: 50px;
margin-right: 10px;
}
.footer-wrapper.footer-checkout .footer .footer-content .footer-top .footer-services .footer-service-item .service-text strong {
display: block;
font-size: 14px;
margin-bottom: 5px;
}
.footer-wrapper.footer-checkout .footer .footer-content .footer-top .footer-services .footer-service-item .service-text p {
color: #FFFFFF;
margin: 0;
}
@media (max-width: 1280px) {
.footer-wrapper.footer-checkout .footer .footer-content .footer-top .footer-services .footer-service-item .service-text {
text-align: center;
}
}
.footer-wrapper.footer-checkout .footer .footer-content .footer-bottom {
background-color: #224C7A;
color: #CCCCCC;
text-align: center;
padding: 30px;
margin-top: 0;
border-top: 1px solid #FFFFFF;
}
.footer-wrapper.footer-checkout .footer .footer-content .footer-bottom p {
margin: 0;
}
@media (max-width: 768px) {
.footer-wrapper.footer-checkout .footer .footer-content .footer-bottom .footer-services {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.footer-wrapper.footer-checkout .footer .footer-content .footer-bottom .footer-services .footer-service-item {
width: 100%;
margin-bottom: 15px;
}
}
.footer-wrapper .footer-newsletter-wrapper {
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}
.footer-wrapper .footer-newsletter-wrapper .footer-newsletter-content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
padding: 0 15px 20px 15px;
}
@media (min-width: 768px) {
.footer-wrapper .footer-newsletter-wrapper .footer-newsletter-content {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
padding: 10px;
}
}
.footer-wrapper .footer-newsletter-wrapper .footer-newsletter-info {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) {
.footer-wrapper .footer-newsletter-wrapper .footer-newsletter-info {
width: auto;
margin-right: 20px;
}
}
.footer-wrapper .footer-newsletter-wrapper .footer-newsletter-form {
width: 100%;
}
@media (min-width: 768px) {
.footer-wrapper .footer-newsletter-wrapper .footer-newsletter-form {
width: 100%;
max-width: 500px;
}
}
.footer-wrapper .footer-newsletter-wrapper .footer-newsletter-form .newsletter-form {
width: 100%;
}
.footer-wrapper .footer-newsletter-wrapper .newsletter-form-container {
display: table;
width: 100%;
}
.footer-wrapper .footer-newsletter-wrapper .newsletter-form-container .newsletter-form-row {
display: -ms-flexbox;
display: flex;
}
.footer-wrapper .footer-newsletter-wrapper .newsletter-form-container .newsletter-form-row .newsletter-form-cell {
vertical-align: top;
padding: 0;
}
.footer-wrapper .footer-newsletter-wrapper .newsletter-form-container .newsletter-form-row .newsletter-form-cell.newsletter-form-cell-left {
position: relative;
width: 100%;
}
.footer-wrapper .footer-newsletter-wrapper .newsletter-form-container .newsletter-form-row .newsletter-form-cell.newsletter-form-cell-left .field button {
position: absolute;
top: 0;
right: 0;
width: 100px;
min-width: inherit;
height: 40px;
line-height: 20px;
margin: 5px 5px 5px 0;
display: block;
text-transform: uppercase;
}
.footer-wrapper .footer-newsletter-wrapper .newsletter-form-container .newsletter-form-row .newsletter-form-cell.newsletter-form-cell-right {
display: none;
width: 1px;
}
.footer-wrapper .footer-newsletter-wrapper .newsletter-form-container .newsletter-form-row .newsletter-form-cell.newsletter-form-cell-right button {
white-space: nowrap;
}
@media (max-width: 767px) {
.footer-wrapper .footer-newsletter-wrapper .newsletter-form-container .newsletter-form-row .newsletter-form-cell.newsletter-form-cell-right button {
min-width: auto;
width: 100%;
}
}
.footer-wrapper .footer-newsletter-wrapper .newsletter-form-container .field {
margin-left: auto;
}
.footer-wrapper .footer {
width: 100%;
}
.footer-wrapper .footer .footer-content .hybrid-footer .footer-top {
background-color: #224C7A;
color: white;
padding: 0 12px;
margin-bottom: 0;
}
.footer-wrapper .footer .footer-content .hybrid-footer .footer-top .footer-services {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 24px 0;
gap: 20px;
}
@media (max-width: 768px) {
.footer-wrapper .footer .footer-content .hybrid-footer .footer-top .footer-services {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.footer-wrapper .footer .footer-content .hybrid-footer .footer-top .footer-services .footer-service-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-positive: 1;
flex-grow: 1;
width: 20%;
}
@media (max-width: 1280px) {
.footer-wrapper .footer .footer-content .hybrid-footer .footer-top .footer-services .footer-service-item {
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 768px) {
.footer-wrapper .footer .footer-content .hybrid-footer .footer-top .footer-services .footer-service-item {
width: 45%;
}
}
.footer-wrapper .footer .footer-content .hybrid-footer .footer-top .footer-services .footer-service-item .service-icon {
height: 50px;
margin-right: 10px;
}
.footer-wrapper .footer .footer-content .hybrid-footer .footer-top .footer-services .footer-service-item .service-text strong {
display: block;
font-size: 14px;
margin-bottom: 5px;
}
.footer-wrapper .footer .footer-content .hybrid-footer .footer-top .footer-services .footer-service-item .service-text p {
color: #FFFFFF;
margin: 0;
}
@media (max-width: 1280px) {
.footer-wrapper .footer .footer-content .hybrid-footer .footer-top .footer-services .footer-service-item .service-text {
text-align: center;
}
}
.footer-wrapper .footer .footer-content .hybrid-footer .footer-bottom {
background-color: #224C7A;
color: #FFFFFF;
text-align: center;
padding: 12px;
margin-top: 0;
border-top: 1px solid #FFFFFF;
}
.footer-wrapper .footer .footer-content .hybrid-footer .footer-bottom p {
margin: 0;
}
@media (max-width: 768px) {
.footer-wrapper .footer .footer-content .hybrid-footer .footer-bottom .footer-services {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.footer-wrapper .footer .footer-content .hybrid-footer .footer-bottom .footer-services .footer-service-item {
width: 100%;
margin-bottom: 15px;
}
}
.footer-wrapper .footer .footer-content .footer-top {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 20px;
}
.footer-wrapper .footer .footer-content .footer-top .logo {
margin-bottom: 20px;
}
.footer-wrapper .footer .footer-content .footer-top .reviews {
margin: 30px 0 35px;
max-width: 200px;
}
.footer-wrapper .footer .footer-content .footer-top .reviews img {
max-width: 200px;
}
.footer-wrapper .footer .footer-content .footer-top h2 {
font-size: 14px;
line-height: 1.2;
color: #FFFFFF;
font-weight: 600;
margin: 0;
}
@media (min-width: 768px) {
.footer-wrapper .footer .footer-content .footer-top h2 {
font-size: 24px;
margin-bottom: 15px;
}
}
.footer-wrapper .footer .footer-content .footer-top p {
font-size: 14px;
line-height: 1.6;
color: #FFFFFF;
}
.footer-wrapper .footer .footer-content .footer-top a {
font-size: 14px;
line-height: 1.3;
color: #FFFFFF;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.footer-wrapper .footer .footer-content .footer-top a {
font-size: 16px;
margin-bottom: 15px;
}
}
.footer-wrapper .footer .footer-content .footer-top ul li {
font-size: 16px;
line-height: 1.3;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.footer-wrapper .footer .footer-content .footer-bottom {
border-top: 1px solid #FFFFFF;
margin-top: 30px;
padding-top: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
}
.footer-wrapper .footer .footer-content .social {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
@media (min-width: 768px) {
.footer-wrapper .footer .footer-content .social {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
}
.footer-wrapper .footer .footer-content .social .fa {
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 100%;
margin: 0 10px 0 0;
font-size: 20px;
color: #000;
text-align: center;
background-color: #EEEEEE;
}
.footer-wrapper .footer .footer-content .social .fa.fa:last-child {
margin: 0;
}
.footer-wrapper .footer .footer-content .social .followus {
font-size: 14px;
line-height: 1.3;
color: #FFFFFF;
text-transform: uppercase;
margin: 30px 0 10px;
}
@media (min-width: 768px) {
.footer-wrapper .footer .footer-content .social .followus {
font-size: 24px;
line-height: 1.4;
font-weight: 700;
margin: 0 20px 0 0;
}
}
.footer-wrapper .footer .footer-content .social .icons svg {
margin: 0 3px;
}
@media (min-width: 768px) {
.footer-wrapper .footer .footer-content .social .icons svg {
margin: 0 8px;
}
}
.footer-wrapper .footer .footer-content .copyright {
font-size: 12px;
line-height: 1.3;
font-weight: 400;
color: #FFFFFF;
text-align: center;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.footer-wrapper .footer .footer-content .copyright {
font-size: 16px;
line-height: 1.4;
}
}
.footer-wrapper .footer .footer-content .payments {
margin-top: 30px;
text-align: center;
}
.footer-wrapper .footer .footer-content .footer-copyright {
background: #EEEEEE;
text-align: center;
padding: 5px 10px;
margin-top: 20px;
}
@media (max-width: 767px) {
.footer-wrapper .footer .footer-content .collapse-footer .collapsible {
cursor: pointer;
width: 100%;
border-bottom: 1px solid #DDDDDD;
padding: 15px 0;
margin: 0;
}
.footer-wrapper .footer .footer-content .collapse-footer .collapsible.first {
border-top: 1px solid #FFFFFF;
}
.footer-wrapper .footer .footer-content .collapse-footer .collapsible.active {
border-bottom: 0;
}
.footer-wrapper .footer .footer-content .collapse-footer .collapsible.active:after {
content: '\f106';
}
.footer-wrapper .footer .footer-content .collapse-footer .collapsible:after {
font: normal normal normal 20px/1 FontAwesome;
color: #FFFFFF;
text-rendering: auto;
content: '\f107';
float: right;
}
.footer-wrapper .footer .footer-content .collapse-footer .content {
max-height: 0;
overflow: hidden;
transition: max-height 0.1s ease-out;
}
}
.email-subscription-popUp.ui-dialog {
left: 0 !important;
margin: 0 auto !important;
width: max-content !important;
max-width: 600px!important;
padding-left: 0!important;
padding-top: 0!important;
padding-bottom: 0!important;
}
@media (max-width: 610px) {
.email-subscription-popUp.ui-dialog {
width: 96.5% !important;
max-width: 100% !important;
}
}
.email-subscription-popUp .dialog-content .column-1 {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 610px) {
.email-subscription-popUp .dialog-content .column-1 {
padding-right: 5px;
}
}
@media (max-width: 300px) {
.email-subscription-popUp .dialog-content .column-1 {
padding-right: 0px;
}
}
.email-subscription-popUp .dialog-content .column-1 .email-subscription-image {
display: block;
width: 100%;
object-fit: contain;
}
.email-subscription-popUp .dialog-content .column-2 {
padding-left: 5px;
}
@media (max-width: 300px) {
.email-subscription-popUp .dialog-content .column-2 {
padding-left: 8px;
}
}
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .footer-newsletter-info {
margin: 2.5em 0 4.5em 0;
}
@media (max-width: 610px) {
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .footer-newsletter-info {
margin: 6% 0 0.2em 0;
}
}
@media (max-width: 350px) {
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .footer-newsletter-info {
margin: 8% 0 0.2em 0;
}
}
@media (max-width: 610px) {
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .footer-newsletter-info .success {
margin: 2.5em 0 0.5em 0;
}
}
@media (max-width: 350px) {
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .footer-newsletter-info .success {
margin: 1.5em 0 0.5em 0;
}
}
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .footer-newsletter-form .newsletter-form .newsletter-form-container .newsletter-form-cell-left .field .error-msg {
display: none!important;
}
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .footer-newsletter-form .newsletter-form .newsletter-form-container .newsletter-form-cell-left .field .input-text {
border-color: #000 !important;
}
@media (max-width: 350px) {
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .footer-newsletter-form .newsletter-form .newsletter-form-container .newsletter-form-cell-left .field .input-text {
height: 30px;
padding: 0 5px;
}
}
@media (max-width: 350px) {
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .footer-newsletter-form .newsletter-form .newsletter-form-container .newsletter-form-cell-left .field .label {
display: none;
}
}
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .footer-newsletter-form .newsletter-form .newsletter-form-container .form-row-button {
margin-top: 10px;
}
.email-subscription-popUp .dialog-content .column-2 .footer-newsletter-wrapper .footer-newsletter-content .subs-message {
font-size: 12px;
line-height: 18px;
margin-top: 10px;
display: block;
}
.emailSubscriptionPopUp-wrapper .button-text {
background-color: #000000;
color: #FFFFFF;
line-height: 48px;
width: 100%;
text-transform: uppercase;
}
.uf {
opacity: 0;
-moz-opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity= 0);
}
.uf-checkbox .uf {
opacity: 1;
-moz-opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity= 100);
}
.required-indicator {
color: #DC3545;
font-weight: 500;
}
.required-indicator em {
font-style: normal;
font-weight: 400;
color: #BBBBBB;
font-size: 11px;
}
fieldset:before,
fieldset:after {
content: " ";
display: table;
}
fieldset:after {
clear: both;
}
fieldset legend {
padding: 10px 0;
font-weight: 500;
font-size: 20px;
}
fieldset.extra-spacing {
margin-top: 20px;
}
.form-row {
margin: 10px 0;
clear: both;
width: auto;
max-width: 550px;
}
.form-row:before,
.form-row:after {
content: " ";
display: table;
}
.form-row:after {
clear: both;
}
.form-row .form-row {
margin-top: 0;
margin-bottom: 0;
}
.form-row label,
.form-row .label {
font-size: 16px;
line-height: 24px;
color: #000;
display: block;
font-weight: 400;
padding: 2px 0 0 0;
word-wrap: break-word;
position: relative;
text-transform: none;
float: left;
width: 150px;
}
.form-row .field {
position: relative;
-ms-flex-align: center;
align-items: center;
}
.form-row .field:before,
.form-row .field:after {
content: " ";
display: table;
}
.form-row .field:after {
clear: both;
}
.form-row .input-text-white {
border-color: #FFFFFF;
}
.form-row .form-caption {
font-size: 11px;
color: #000;
line-height: 14px;
padding: 3px 5px 0 5px;
}
.form-row.form-row-half {
width: 310px;
}
.form-row.form-row-half .field {
margin-right: 6px;
}
.form-row.form-row-third {
width: 256px;
}
.form-row.form-row-third .field {
margin-right: 4px;
}
.form-row.form-row-auto {
max-width: none;
}
.form-row.form-row-75-per {
max-width: 75%;
}
.form-row.form-row-66-per {
max-width: 66.6%;
}
.form-row.form-row-50-per {
max-width: 50%;
}
.form-row.form-row-33-per {
max-width: 33.3%;
}
.form-row.form-row-75-pix {
max-width: 1080px;
}
.form-row.form-row-66-pix {
max-width: 959.9904px;
}
.form-row.form-row-50-pix {
max-width: 720px;
}
.form-row.form-row-33-pix {
max-width: 479.9952px;
}
.form-row.form-row-no-indent .field {
margin-left: 0;
}
.form-row.form-row-text .field {
padding: 8px 0;
display: block;
}
.form-row.form-row-label-above label,
.form-row.form-row-label-above .label {
padding-top: 4px;
padding-bottom: 4px;
float: none;
width: auto;
}
.form-row.form-row-label-above .field {
margin-left: 0;
}
.form-row.form-row-float {
float: left;
width: 50%;
max-width: 50%;
clear: none;
}
.form-row.form-row-float label,
.form-row.form-row-float .label,
.form-row.form-row-float .field {
margin-left: 0;
margin-right: 6px;
}
.form-row.form-row-float.last label,
.form-row.form-row-float.last .label,
.form-row.form-row-float.last .field {
margin-left: 6px;
margin-right: 0;
}
.form-row.form-row-street .street-fields {
margin-bottom: 0;
}
.form-row.form-row-street .street-fields:before,
.form-row.form-row-street .street-fields:after {
content: " ";
display: table;
}
.form-row.form-row-street .street-fields:after {
clear: both;
}
.form-row.form-row-street .street-fields label,
.form-row.form-row-street .street-fields .label {
display: none;
}
.form-row.form-row-street .street-fields .form-row {
width: calc(100% - 62px);
float: left;
clear: none;
margin: 0;
}
.form-row.form-row-street .street-fields .form-row .field {
margin-left: 0;
}
.form-row.form-row-street .street-fields .form-row.last {
width: 50px;
float: right;
}
.form-row.form-row-birthdate .birthdate-fields {
margin-bottom: 15px;
}
.form-row.form-row-birthdate .birthdate-fields:before,
.form-row.form-row-birthdate .birthdate-fields:after {
content: " ";
display: table;
}
.form-row.form-row-birthdate .birthdate-fields:after {
clear: both;
}
@media (max-width: 767px) {
.form-row.form-row-birthdate .birthdate-fields {
margin-bottom: 0;
}
}
.form-row.form-row-birthdate .birthdate-fields .error-msg {
display: block;
white-space: normal;
}
.form-row.form-row-birthdate .birthdate-fields .nopadding {
padding: 0;
}
.form-row.form-row-birthdate .birthdate-fields label,
.form-row.form-row-birthdate .birthdate-fields .label {
margin-left: -1px;
}
.form-row.form-row-birthdate .birthdate-fields .form-row {
float: left;
width: 33.3%;
clear: none;
margin: 0;
}
.form-row.form-row-birthdate .birthdate-fields .form-row .field {
margin-left: 0;
min-height: auto!important;
}
.form-row.form-row-birthdate .birthdate-fields .form-row .field {
margin-left: 4px;
margin-right: 4px;
}
.form-row.form-row-birthdate .birthdate-fields .form-row.first label,
.form-row.form-row-birthdate .birthdate-fields .form-row.first .label,
.form-row.form-row-birthdate .birthdate-fields .form-row.first .field {
margin-left: 0;
margin-right: 8px;
}
.form-row.form-row-birthdate .birthdate-fields .form-row.last .field {
margin-left: 8px;
margin-right: 0;
}
.form-row.readtac-checkbox .field > .checker {
display: none;
}
.form-row.readtac-checkbox .field > label {
margin: 10px 0 0 0;
}
.form-row.genderselect label {
padding-top: 2px;
}
.form-row.form-row-checkbox {
margin-top: 20px;
}
.form-row.form-row-checkbox label,
.form-row.form-row-checkbox .label {
margin-left: 10px;
font-weight: 400;
float: none;
width: auto;
padding: 0;
font-size: 13px;
line-height: 1.4;
text-transform: none;
}
.form-row.form-row-checkbox.form-row-checkbox-multi {
clear: none;
display: inline-block;
padding-right: 20px;
margin: 5px 0;
width: auto;
}
.form-row.form-row-checkbox.form-row-checkbox-multi .field {
margin-left: 0;
}
.form-row.form-row-radio {
margin-top: 20px;
margin-bottom: 20px;
max-width: 100%;
}
.form-row.form-row-radio .field {
min-height: auto;
}
.form-row.form-row-radio .field .radio {
border-color: #888888;
border-radius: 25px;
width: 25px;
height: 25px;
min-width: 25px;
min-height: 25px;
padding: 0;
display: inline-block;
vertical-align: middle;
}
.form-row.form-row-radio .field .radio span {
width: 17px;
height: 17px;
}
.form-row.form-row-radio .field .radio span.checked {
background-image: none;
background-color: #224C7A;
border-radius: 25px;
position: absolute;
top: 4px;
left: 4px;
}
.form-row.form-row-radio .field .radio span input {
width: 25px;
height: 25px;
}
.form-row.form-row-radio .field label,
.form-row.form-row-radio .field .label {
margin-left: 10px;
font-weight: 400;
float: none;
width: auto;
padding: 0;
line-height: 22px;
text-transform: none;
display: inline-block;
vertical-align: middle;
}
.form-row.form-row-radio.form-row-radio-multi {
clear: none;
display: inline-block;
padding-right: 30px;
margin: 5px 0;
width: auto;
}
.form-row.form-row-radio.form-row-radio-multi .field {
margin-left: 0;
}
.form-row.form-row-no-margin {
margin-top: 0;
margin-bottom: 0;
}
.form-row.form-row-nospacing {
margin-top: 0;
}
.form-row.form-row-button {
margin-top: 20px;
overflow: hidden;
width: auto;
}
.form-row.form-row-button button:not(:first-child),
.form-row.form-row-button .button:not(:first-child) {
margin-left: 10px;
}
.form-row.form-row-button .button-row-text {
padding-left: 15px;
display: inline-block;
}
.form-row.form-row-with-button {
max-width: none;
}
.form-row.form-row-with-button .field {
width: 300px;
float: left;
margin-right: 12px;
margin-left: 10px;
}
.form-row.form-row-with-button .field .button-container {
float: left;
width: auto;
}
@media (max-width: 767px) {
.form-row {
width: 100%;
max-width: 100%;
}
.form-row label,
.form-row .label {
padding-bottom: 4px;
padding-top: 4px;
float: none;
width: 100%;
}
.form-row .field {
margin-left: 0;
}
.form-row.form-row-checkbox.form-row-checkbox-multi {
display: block;
clear: both;
margin: 20px 0;
}
.form-row.form-row-radio.form-row-radio-multi {
display: block;
clear: both;
margin: 20px 0;
padding-right: 0;
}
.form-row.form-row-text .field {
padding-bottom: 4px;
padding-top: 4px;
}
.form-row.form-row-half {
width: 50%;
}
.form-row.form-row-third {
width: 33.3%;
}
.form-row.form-row-button .button-row-text {
display: block;
text-align: center;
padding-left: 0;
padding-top: 8px;
}
.form-row.form-row-with-button .field {
width: 100%;
float: none;
margin-right: 0;
margin-left: 0;
}
.form-row.form-row-with-button .button-container {
float: none;
margin-top: 8px;
}
.form-row.form-row-75per,
.form-row.form-row-66per,
.form-row.form-row-50per,
.form-row.form-row-33per {
width: 100%;
}
.form-row.form-row-75-pix,
.form-row.form-row-66-pix,
.form-row.form-row-50-pix,
.form-row.form-row-33-pix {
max-width: 100%;
}
}
.form-row-new {
margin: 8px 0;
clear: both;
width: auto;
max-width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.form-row-new label,
.form-row-new .label {
padding-bottom: 4px;
padding-top: 4px;
float: none;
width: 100%;
}
.form-row-new .field {
margin-left: inherit;
}
.main .account-container .login-container .login-box fieldset .form-row {
max-width: none;
}
.termsandconditions-link,
.no-thankyou-link {
cursor: pointer;
color: #50A39A;
}
.no-thankyou-link {
text-align: center;
float: left;
width: 100%;
}
.main-wrapper {
padding-top: 0;
}
@media (min-width: 768px) and (max-width: 1279px) {
.main-wrapper {
padding-top: 0;
}
}
/*.header-asset .html-slot-container {
margin-top: 0;
margin-bottom: 0;
@media (min-width: @tablet-min) and (max-width: @tablet-max) {
margin-top: 0;
margin-bottom: 0;
}
}*/
.pt_checkout .main-wrapper,
.pt_order-confirmation .main-wrapper {
padding-top: 0;
}
.border {
border: 3px solid #DC3545;
}
.postcodeerror,
.postcodeerrorshipping,
.postcodeerrorshipping3,
.cityerror,
.cityerror2 {
position: relative;
z-index: 1;
width: auto;
color: #DC3545;
padding: 0 0;
margin-top: -27px;
background-color: transparent;
white-space: nowrap;
font-size: 12px;
pointer-events: none;
margin-bottom: 0;
}
@media (max-width: 767px) {
.postcodeerror,
.postcodeerrorshipping,
.postcodeerrorshipping3,
.cityerror,
.cityerror2 {
font-size: 12px;
}
}
.cityerror,
.cityerror2 {
margin-top: -3px;
}
.post-code-field.validation-error .field {
display: block! important;
}
.post-code-field-opc.validation-error .field {
display: block! important;
}
.buttondisabled {
background-color: #DDDDDD;
border-color: #DDDDDD;
cursor: default;
opacity: .4;
pointer-events: none;
}
.form-row.how-to-contact-checkboxes > div {
display: -ms-flexbox;
display: flex;
min-height: auto;
}
.post-code-field .form-row-with-button .field {
margin-left: 0;
position: relative;
}
.how-to-contact {
margin-top: 13px;
}
.how-to-contact .how-to-contact-checkboxes {
margin-top: -6px;
}
.how-to-contact .how-to-contact-checkboxes .field {
min-height: 50px;
}
.selector {
background: none!important;
}
.selector:before {
display: inline-block;
font-family: FontAwesome;
font-size: 18px;
line-height: 18px;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
content: "\f107";
position: absolute;
right: 10px;
top: 5px;
}
.add-adddress .form-row.form-row-with-button .field {
max-width: 420px;
width: 100%;
}
input::-ms-reveal,
input::-ms-clear {
display: none;
}
.data8-autocomplete-list {
z-index: 99;
position: absolute;
top: 60px;
left: 0;
right: 0;
max-height: 240px;
overflow: auto;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
background-color: #FFFFFF;
text-align: left;
}
.data8-autocomplete-list::-webkit-scrollbar {
width: 10px;
}
.data8-autocomplete-list::-webkit-scrollbar-track {
background: #DDDDDD;
border-radius: 5px;
}
.data8-autocomplete-list::-webkit-scrollbar-thumb {
background: #000000;
border-radius: 5px;
}
.data8-autocomplete-list li {
cursor: pointer;
font-size: 14px;
line-height: 20px;
position: relative;
}
.data8-autocomplete-list li.selected-postal {
background: #FFFFFF;
padding: 10px;
}
.data8-autocomplete-list li.selected-postal:hover {
background: #FFFFFF;
}
.data8-autocomplete-list li.selected-postal span {
display: inline-block;
background: #EEEEEE;
padding-left: 5px;
}
.data8-autocomplete-list li.selected-postal span:after {
content: "\f00d";
font: normal normal normal 14px/1 FontAwesome;
color: #000;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
font-size: 16px;
padding: 0 5px;
}
.data8-autocomplete-list li span {
padding: 5px 10px;
display: block;
}
.data8-autocomplete-list li span.more-addresses {
padding-top: 0;
}
.data8-autocomplete-list li span.second-line-address {
color: rgba(0, 0, 0, 0.6);
padding-top: 0;
}
.data8-autocomplete-list li:not(:has(ul)):hover {
background-color: #F5F5F5;
}
.data8-autocomplete-list li:not(:has(ul)) span {
padding-right: 25px;
}
.data8-autocomplete-list li[data-has-sub-addresses=true]:not(:has(ul)):after {
content: "\f054";
position: absolute;
top: calc(50% - 10px);
right: 9px;
font: normal normal normal 14px/1 FontAwesome;
color: #000;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
font-size: 21px;
}
.data8-autocomplete-list li[data-has-sub-addresses=true]:not(:has(ul)) ul li[data-has-sub-addresses=true]:after {
content: '\f054';
}
.data8-autocomplete-list .autocomplete-active {
background-color: #F5F5F5 !important;
color: #FFFFFF;
}
.data8-autocomplete-list .firsttext {
color: #0D6EFD;
font-size: 13px;
padding: 10px;
}
.data8-autocomplete-list .firsttext:hover {
background-color: #FFFFFF;
cursor: default;
}
.post-code-field .field:after {
content: "\f002";
font: normal normal normal 14px/1 FontAwesome;
color: #000;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
font-size: 16px;
padding: 0 5px;
position: absolute;
right: 5px;
top: 17px;
pointer-events: none;
}
.post-code-field .field span.postal-clear {
position: absolute;
right: 5px;
top: 8px;
padding: 5px;
font-weight: 500;
color: #000;
background: #FFFFFF;
z-index: 1;
cursor: pointer;
}
.product-review .rating .fa-star,
.product-reviews .rating .fa-star,
.product-review .rating .fa-star-half,
.product-reviews .rating .fa-star-half,
.product-review .rating .fa-star-regular,
.product-reviews .rating .fa-star-regular {
color: #CCAD55;
font-size: 16px;
}
.form-row {
max-width: 420px;
margin: 0px 0;
position: relative;
}
.form-row.post-code-field {
max-width: 520px;
}
.form-row.post-code-field.form-row-with-button.post-code-field .field {
margin-left: 0;
}
.credit-card-box .cvv-input .field,
.customerAddressBilling .address-alias,
.customerAddressBilling .additional-address-fields .field,
.customerAddressBilling .country-fld .field {
min-height: 65px !important;
}
.credit-card-box .error {
background-color: transparent;
color: #DC3545;
padding: 0;
margin-top: 0px;
font-size: 12px;
}
@media (max-width: 767px) {
.credit-card-box .error {
font-size: 11px;
margin-top: 0 !important;
}
}
.field,
.field {
display: block;
margin-left: 0;
margin-bottom: 0px;
min-height: 65px;
}
.field input.input-text,
.field input.input-text,
.field div.select,
.field div.select,
.field .input-text,
.field .input-text,
.field .dropdown-toggle,
.field .dropdown-toggle,
.field .styledSelect,
.field .styledSelect {
height: 50px;
border: 1px solid #BBBBBB;
background-color: #FFFFFF;
box-sizing: border-box;
color: #000 !important;
padding: 0 11px;
width: 100%;
font-size: 14px;
margin: 0;
vertical-align: middle;
}
.field input.box-width,
.field input.box-width {
width: 125%;
}
.field .button,
.field .button {
min-width: 200px;
}
.field .input-textarea,
.field .input-textarea {
border: 1px solid #BBBBBB;
}
.field input.input-text,
.field input.input-text {
padding-top: 19px;
}
.field input.input-text:read-only,
.field input.input-text:read-only {
opacity: 0.5;
padding-top: 0;
}
.field input.input-text:read-only:focus,
.field input.input-text:read-only:focus {
border: 1px solid #BBBBBB !important;
}
.field input.input-text[disabled],
.field input.input-text[disabled] {
opacity: 1;
}
.field div.selector,
.field div.selector {
padding: 0 5px;
}
.field div.selector span,
.field div.selector span {
line-height: 48px;
}
.field input.input-text ~ label,
.field input.input-text ~ label {
position: absolute!important;
top: 7px;
left: 2px;
padding-left: 10px;
padding-top: 8px;
width: calc(100% - 17px);
min-width: 73px;
height: 25px;
transition: 0.2s all;
cursor: text;
line-height: normal;
display: block;
padding-bottom: 2px;
pointer-events: none;
text-align: left;
}
.field input.input-text ~ label.focus-active,
.field input.input-text ~ label.focus-active {
font-size: 12px;
top: 0;
height: auto;
z-index: 1;
text-align: left;
}
.field textarea ~ label,
.field textarea ~ label {
position: absolute!important;
top: 7px;
left: 2px;
padding-left: 10px;
padding-top: 8px;
width: calc(100% - 17px);
min-width: 73px;
height: 200px;
transition: 0.2s all;
cursor: text;
line-height: normal;
display: block;
pointer-events: none;
text-align: left;
}
.field textarea ~ label.focus-active,
.field textarea ~ label.focus-active {
font-size: 12px;
top: 0;
background-color: transparent;
height: auto;
z-index: 1;
text-align: left;
}
.field .error-msg,
.field .error-msg {
color: #DC3545;
padding: 0px 0px;
margin-bottom: 10px;
background-color: transparent;
white-space: nowrap;
font-size: 12px;
pointer-events: none;
text-align: left;
}
.field .password-policy ~ .error-msg,
.field .password-policy ~ .error-msg {
white-space: unset;
}
.focus-helper {
font-size: 12px;
text-align: left;
margin-top: 3px;
margin-bottom: 10px;
}
.form-row.form-row-checkbox .field {
display: -ms-flexbox!important;
display: flex!important;
}
.select-input-field label,
.form-row-select label {
font-size: 10px;
position: absolute;
z-index: 0;
top: 10px;
left: 13px;
line-height: normal;
padding-top: 8px;
display: none;
pointer-events: none;
}
.validation-success label.select-label,
.validation-success.form-row-select label,
.form-row-select.validation-success.form-row-select label {
font-size: 12px;
position: absolute;
z-index: 1;
top: 0;
left: 14px;
display: block;
pointer-events: none;
}
.validation-success .error {
display: none;
}
.validation-success .selector span {
padding-top: 6px;
}
.icon-password {
top: 6px;
z-index: 1;
display: block!important;
}
.optinal-field {
position: relative;
max-width: 420px;
}
.optinal-field .optinal-text {
position: absolute;
z-index: 10;
right: 15px;
top: 13px;
color: #000;
font-size: 12px;
}
.optinal-field .field:after {
content: 'Optional';
position: absolute;
z-index: 1;
right: 10px;
top: 0;
font-size: 12px;
line-height: 50px;
padding-left: 4px;
pointer-events: none;
}
.optinal-field.form-row-select .field:after {
right: 38px;
}
.optinal-field.remove-optional .field:after {
content: '';
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
input {
filter: none;
}
.field ::-webkit-input-placeholder {
opacity: 0;
transition: opacity .5s;
}
.field :-moz-placeholder {
opacity: 0;
transition: opacity .5s;
}
.field ::-moz-placeholder {
opacity: 0;
transition: opacity .5s;
}
.field :-ms-input-placeholder {
opacity: 0;
transition: opacity .5s;
}
.field ::-ms-input-placeholder {
opacity: 0;
transition: opacity .5s;
}
.field :-ms-input-placeholder {
opacity: 0;
transition: opacity .5s;
}
.field ::placeholder {
opacity: 0;
transition: opacity .5s;
}
.field *:focus::-webkit-input-placeholder {
opacity: 1;
}
.field *:focus:-moz-placeholder {
opacity: 1;
}
.field *:focus::-moz-placeholder {
opacity: 1;
}
.field *:focus:-ms-input-placeholder {
opacity: 1;
}
.field *:focus::-ms-input-placeholder {
opacity: 1;
}
.field *:focus:-ms-input-placeholder {
opacity: 1;
}
.field *:focus::placeholder {
opacity: 1;
}
.validation-error .field div.checker {
border: 2px solid #DC3545;
}
.validation-success .field .input-text,
.validation-success .field .input-textarea,
.validation-success .field div.selector,
.validation-success .field .dropdown-toggle,
.validation-success .field .styledSelect,
#payment-form .styledSelect,
.saved-address .styledSelect {
border-left: 5px solid #50A39A;
padding-left: 7px;
}
.validation-success .field .input-text:focus,
.validation-success .field .input-textarea:focus,
.validation-success .field div.selector:focus,
.validation-success .field .dropdown-toggle:focus,
.validation-success .field .styledSelect:focus,
#payment-form .styledSelect:focus,
.saved-address .styledSelect:focus {
border-left: 1px solid #BBBBBB;
padding-left: 11px;
}
.validation-error .field .input-text,
.validation-error .field .input-textarea,
.validation-error .field div.selector,
.validation-error .field .dropdown-toggle,
.validation-error .field .styledSelect {
border-left: 5px solid #DC3545;
padding-left: 7px;
}
.validation-error .field .input-text:focus,
.validation-error .field .input-textarea:focus,
.validation-error .field div.selector:focus,
.validation-error .field .dropdown-toggle:focus,
.validation-error .field .styledSelect:focus {
border-left: 1px solid #BBBBBB;
padding-left: 11px;
}
#delivery-address,
.saved-address {
display: block!important;
}
#delivery-address.hidden,
.saved-address.hidden {
display: none!important;
}
label.error#dwfrm_quickbuyaddress_shippingAddress_addressid-error,
label.error#dwfrm_quickbuyaddress_customer_title-error {
position: relative!important;
padding: 0!important;
color: #DC3545;
background-color: transparent!important;
top: 2px;
font-size: 12px;
}
.how-to-contact .form-row-text .field {
min-height: auto !important;
}
.select {
cursor: pointer;
position: relative;
border: 0!important;
padding: 0!important;
}
.select .s-hidden {
visibility: hidden;
padding-right: 10px;
}
@media (max-width: 767px) {
.select .overlaybg {
background-color: rgba(29, 46, 71, 0.75);
backdrop-filter: blur(12px);
width: 100vw;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
}
@media (max-width: 767px) {
.select .select-close {
position: relative;
right: -8px;
top: 4px;
z-index: 10000;
}
}
@media (max-width: 767px) {
.select .select-close:before {
font-family: FontAwesome;
font-size: 27px;
line-height: 20px;
font-style: normal;
font-weight: 400;
text-rendering: auto;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
content: "\f00d";
display: block;
color: #DC3545;
position: absolute;
right: 23px;
}
}
.select .styledSelect {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-left: 12px!important;
padding-right: 40px!important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: left;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.select .styledSelect:after {
content: "\f107";
position: absolute;
top: 14px;
right: 10px;
font: normal normal normal 14px/1 FontAwesome;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
font-size: 22px;
}
.select .styledSelect img.swatch-image {
width: 25px;
height: 25px;
margin-right: 5px;
border-radius: 30px;
}
.select .optiongroup {
display: none;
position: absolute;
width: 100%;
top: 14px;
left: 15px;
z-index: 999;
margin: 0 0;
padding: 10px 0;
list-style: none;
background-color: white;
box-shadow: 0px 0px 10px 0px #EEEEEE;
}
@media (max-width: 767px) {
.select .optiongroup {
max-height: 495px;
min-height: 30px;
position: fixed;
height: auto;
line-height: 30px;
bottom: 0px;
top: auto;
width: 100%;
left: 0;
border-top: 0;
box-shadow: 0px 5px 14px 0px #888888;
text-align: left;
z-index: 1000000;
padding-bottom: 18px;
}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.select .optiongroup {
max-height: 275px;
}
}
.select .optiongroup .selectheading {
padding: 7px 10px;
text-align: left;
font-weight: 500;
pointer-events: none;
}
.select .optiongroup .options {
display: block!important;
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
width: 98%;
}
@media (max-width: 767px) {
.select .optiongroup .options {
max-height: 430px;
min-height: 53px;
}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.select .optiongroup .options {
max-height: 275px;
}
}
.select .optiongroup .options::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #DDDDDD;
}
.select .optiongroup .options::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
.select .optiongroup .options::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #000;
}
.select .optiongroup .options li {
padding: 8px 10px;
text-align: left;
margin-left: 2%;
cursor: pointer;
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: left;
justify-content: left;
}
@media (max-width: 767px) {
.select .optiongroup .options li {
border-bottom: 1px solid #DDDDDD;
width: 87%;
padding-right: 10px;
padding-left: 0;
margin-left: 10px;
}
}
.select .optiongroup .options li img.swatch-image {
width: 25px;
height: 25px;
margin-right: 5px;
border-radius: 30px;
}
.select .optiongroup .options li.optionsheading {
font-weight: 500;
}
.select .optiongroup .options li:hover,
.select .optiongroup .options li:focus {
background-color: #EEEEEE;
color: #000;
}
/* Firebox */
.options {
scrollbar-color: #000 #DDDDDD;
}
.options ::-webkit-scrollbar {
width: 12px;
}
.options ::-webkit-scrollbar-track {
background: #DDDDDD;
}
.options ::-webkit-scrollbar-thumb {
background-color: #000;
border-radius: 20px;
border: 3px solid #DDDDDD;
}
.validation-success .styledSelect,
.validation-success .select2-selection {
padding-top: 19px!important;
}
.quickbuy-preference-page .preference-button .switch .enabled + .slider {
background-color: #DDDDDD;
box-shadow: 0 0 1px #DDDDDD;
}
@media (max-width: 767px) {
body.selectopen {
overflow: hidden;
}
}
.shipping-address-selector .field,
.credit-card-box .field,
.form-row-auto .field,
.customerAddressBilling .field,
.addresses-select .field {
min-height: auto !important;
}
.form-row-select label.select-label,
.form-row-select label.new-label {
display: none;
}
.country-fld-label {
margin-top: -10px !important;
margin-bottom: 13px !important;
}
@media (max-width: 767px) {
.country-fld-label {
margin-bottom: 15px!important;
}
}
.form-row-birthdate .label {
width: 100%;
}
.quickbuytac {
margin-bottom: 25px;
}
#qberror .error {
background-color: transparent;
color: #DC3545;
margin-top: 0px;
}
.optiongroup .optiongroup {
display: block!important;
}
.set-password-box-content .icon-password {
top: 1px!important;
}
.newsletter-form-row .focus-helper {
display: none!important;
}
.payment-method-wrapper .radio-override .checker .checked:before {
content: '' !important;
}
.form-row.engravingtac.form-row-checkbox {
margin-top: 0;
}
.addresses-select-group .addresses-select.loqate-select {
background-color: #F5F5F5;
padding: 15px 15px 0;
margin-bottom: 25px;
}
.addresses-select-group .addresses-select {
max-width: 390px;
}
.addresses-select-group .addresses-select .form-row-button {
margin: 0 0 20px 0;
}
@media (max-width: 767px) {
.addresses-select-group .addresses-select .form-row-button .field {
text-align: left;
}
}
.addresses-select-group .addresses-select .showmore {
background-color: transparent;
color: #000 !important;
border: none;
padding-left: 0;
margin-top: 0;
}
@media (max-width: 767px) {
.addresses-select-group .addresses-select .showmore {
text-align: left;
}
}
@media (max-width: 767px) {
.address-check-btn .button {
width: 100%;
margin-bottom: 12px;
}
}
@media (max-width: 767px) {
.billingform .form-row-button .field {
display: -ms-flexbox!important;
display: flex!important;
}
.billingform .form-row-button .field .button {
display: inline-block;
height: 100%;
width: 49%;
min-width: auto;
}
.billingform .form-row-button .field .button.cancel-button {
margin-left: 8px;
}
.billingform .form-row-button .field .button.delete-button {
margin-left: 8px;
}
}
.billingform .addresses-select-group .form-row .field {
margin-left: 0;
}
.selected-address-summary {
padding-bottom: 12px;
border-bottom: 1px solid #DDDDDD;
}
.selected-address-summary span {
display: block;
}
.form-row.form-row-button,
.form-row.form-row-checkbox.no-margin {
margin-top: 0;
}
.form-row.marketing-btn {
margin-top: 20px;
}
.input-radiogroup .form-row-radio .field {
min-height: auto !important;
}
@media (max-width: 767px) {
.input-radiogroup .form-row-radio .field {
display: inline-block !important;
width: 100%;
}
.input-radiogroup .form-row-radio .field label {
width: 83%!important;
}
}
.login-box-content.returning-customers .form-row-checkbox {
margin-top: 0;
margin-bottom: 26px;
}
.login-box-content.returning-customers .form-row-loyalty {
margin-top: 0;
margin-bottom: 26px;
}
.login-box-content.returning-customers .form-row-loyalty .yotpo-loyalty-registration {
padding: 15px 10px;
display: -ms-flexbox;
display: flex;
gap: 10px;
font-size: 14px;
-ms-flex-align: center;
align-items: center;
background: linear-gradient(90deg, #E9F6F5 0%, #FFF 100%);
border-radius: 5px;
}
.login-box-content.returning-customers .form-row-loyalty .yotpo-loyalty-registration .yotpo-loyalty-icon {
background-color: #FFFFFF;
border-radius: 50%;
border: 1px solid #EEEEEE;
width: 33px;
aspect-ratio: 1 / 1;
height: auto;
}
.login-box-content .form-row-button .field {
margin-top: -5px;
}
@media (max-width: 767px) {
form#ContactUsForm .form-row {
max-width: none;
}
}
.form-row .label a {
pointer-events: auto;
}
.selectopen .select ~ .error-msg {
opacity: 0;
}
input.input-text:read-only {
padding-top: 19px!important;
}
.min-height-field {
min-height: 76px;
}
.required-indicator {
display: none;
}
#qb-paysafecard .credit-card-box#payment-form {
max-width: 95%;
}
@media (max-width: 767px) {
#qb-paysafecard .credit-card-box#payment-form {
width: 100%;
}
}
/*Remove custom select in RAPLP in mobile*/
@media (max-width: 767px) {
#ajaxRefresh .search-result-options-top .select,
#ajaxRefresh .search-result-options-bottom .select {
height: auto;
}
#ajaxRefresh .search-result-options-top .select .s-hidden,
#ajaxRefresh .search-result-options-bottom .select .s-hidden {
visibility: visible;
}
#ajaxRefresh .search-result-options-bottom {
padding-top: 15px;
}
}
@media (max-width: 767px) {
.showActivateQBModel .select .optiongroup .options {
margin-bottom: 55px;
}
}
select {
height: 50px;
}
.css-remove-arrow .styledSelect {
pointer-events: none;
}
.css-remove-arrow .styledSelect:after {
display: none;
}
.quickbuy-preference-page select#existing-paysafe-card {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
pointer-events: none;
}
.soldout-text {
color: #DC3545;
}
.disabledLi {
opacity: 0.3;
}
.progress-overlay {
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: black;
z-index: 999999;
opacity: 0.3;
}
.personlise-top-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
:hover {
text-decoration: none;
}
.form-elements .field {
min-height: auto;
margin-bottom: 15px;
}
.form-elements .field .error-msg {
margin-bottom: 0;
line-height: 16px;
}
.form-elements .validation-success .styledSelect {
padding-top: 12px!important;
}
.boxed-alert {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
padding: 20px;
box-sizing: border-box;
font-weight: 500;
font-size: 16px;
line-height: 22px;
margin: 20px 0 30px 0;
}
.boxed-alert.success {
border-left: 5px solid green;
}
form h5 {
margin: 20px 0 10px 0;
text-transform: uppercase;
}
body {
font-size: 16px;
line-height: 1.6;
color: #000;
font-weight: 400;
text-transform: none;
letter-spacing: 0.4px;
background-color: #FFFFFF;
overflow-x: hidden;
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
}
.wrapper {
overflow: hidden;
}
.sticky-wrapper {
overflow: unset;
}
.background-light {
background: #F5F5F5;
}
.main-wrapper {
position: relative;
}
.main-wrapper .main {
margin: 0 auto;
max-width: 600px;
width: calc(100% - 30px);
margin-bottom: 40px;
}
@media (min-width: 768px) {
.main-wrapper .main {
max-width: 1440px;
width: calc(100% - 40px);
padding-left: 0;
padding-right: 0;
}
}
.hybrid-footer .footer-top {
background-color: #224C7A;
color: white;
padding: 0 12px;
margin-bottom: 0;
}
.hybrid-footer .footer-top .footer-services {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 24px 0;
gap: 20px;
}
@media (max-width: 768px) {
.hybrid-footer .footer-top .footer-services {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.hybrid-footer .footer-top .footer-services .footer-service-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-positive: 1;
flex-grow: 1;
width: 20%;
}
@media (max-width: 1280px) {
.hybrid-footer .footer-top .footer-services .footer-service-item {
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 768px) {
.hybrid-footer .footer-top .footer-services .footer-service-item {
width: 45%;
}
}
.hybrid-footer .footer-top .footer-services .footer-service-item .service-icon {
height: 50px;
margin-right: 10px;
}
.hybrid-footer .footer-top .footer-services .footer-service-item .service-text strong {
display: block;
font-size: 14px;
margin-bottom: 5px;
}
.hybrid-footer .footer-top .footer-services .footer-service-item .service-text p {
color: #FFFFFF;
margin: 0;
}
@media (max-width: 1280px) {
.hybrid-footer .footer-top .footer-services .footer-service-item .service-text {
text-align: center;
}
}
.hybrid-footer .footer-bottom {
background-color: #224C7A;
color: #FFFFFF;
text-align: center;
padding: 12px;
margin-top: 0;
border-top: 1px solid #FFFFFF;
}
.hybrid-footer .footer-bottom p {
margin: 0;
}
@media (max-width: 768px) {
.hybrid-footer .footer-bottom .footer-services {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.hybrid-footer .footer-bottom .footer-services .footer-service-item {
width: 100%;
margin-bottom: 15px;
}
}
.main:before,
.main:after {
content: " ";
display: table;
}
.main:after {
clear: both;
}
.primary-col,
.secondary-col {
width: 100%;
float: right;
}
.primary-col.first,
.secondary-col.first {
float: left;
}
.primary-col.full-width,
.secondary-col.full-width {
width: 100%;
float: left;
}
@media (min-width: 1280px) {
.primary-col {
width: 75%;
}
.primary-col.smaller {
width: 58%;
}
.secondary-col {
width: 22%;
}
.secondary-col.wider {
width: 38%;
}
}
.primary-login-col {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.wrapper.pt_checkout.pt_checkout_login {
background-color: #EEEEEE;
}
.hidden {
display: none!important;
}
.cart-footer #plus-subscription {
width: 100%;
}
#plus-subscription {
background: #F5F5F5;
padding: 15px;
color: #000;
display: inline-block;
box-sizing: border-box;
width: 420px;
}
@media (max-width: 1025px) {
#plus-subscription {
width: 350px;
}
}
@media (max-width: 769px) {
#plus-subscription {
width: 300px;
}
}
@media (max-width: 426px) {
#plus-subscription {
width: 100%;
}
}
@media (max-width: 321px) {
#plus-subscription {
width: 100%;
}
}
#plus-subscription .tjc-plus-cont {
display: none;
}
#plus-subscription.active .tjc-plus-cont {
display: block;
margin-top: 10px;
}
#plus-subscription.active .tjc-plus-cont .form-row-radio {
margin-top: 0!important;
margin-bottom: 5px!important;
}
#plus-subscription.active .logo-container {
display: -ms-flexbox;
display: flex;
background: url(../images/angle-up.svg) no-repeat right center #FFFFFF;
background-size: 4%;
background-color: #F5F5F5;
}
#plus-subscription .logo-container {
cursor: pointer;
font-size: 14px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: normal;
background: url(../images/angle-down-solid.svg) no-repeat right center #FFFFFF;
background-size: 4%;
background-color: #F5F5F5;
}
#plus-subscription .logo-container .go-plus {
padding-right: 10px;
box-sizing: border-box;
font-weight: 500;
}
#plus-subscription .logo-container .go-plus img {
margin-bottom: -8px;
width: 81px;
height: auto;
}
#plus-subscription .logo-container .next-delivery {
font-weight: 500;
line-height: 22px;
color: #000;
}
#plus-subscription .logo-container .next-delivery span {
color: #FF5300;
}
#plus-subscription .dec-text {
font-weight: 500;
font-size: 18px;
padding-bottom: 10px;
}
#plus-subscription .equivalent-text {
font-size: 13px;
padding-left: 41px;
margin: -5px 0 10px 0;
}
#plus-subscription .radio-sub {
padding-bottom: 5px;
}
#plus-subscription .subscriptions-button {
padding: 8px 40px;
background: #FF5300;
color: #FFFFFF;
border-radius: 30px;
margin: 5px;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
display: inline-block;
}
#plus-subscription .del-time ul {
padding-left: 15px;
box-sizing: border-box;
margin-top: 5px;
}
#plus-subscription .del-time ul li {
list-style: disc;
}
.pdp-section #plus-subscription .logo-container,
.pdp-section #plus-subscription.active .logo-container {
background-size: 3%;
}
.pdp-section #plus-subscription .del-time ul li {
width: 50%;
float: left;
}
.pdp-section.youmayinterested {
margin: 15px 0;
}
.cart-footer-right .go-plus .break {
display: none;
}
@media (max-width: 767px) {
.desktop-view {
display: none !important;
}
}
@media (min-width: 767px) {
.mobile-view {
display: none !important;
}
}
.box-container {
font-size: 13px;
color: #000;
border: 1px solid #DDDDDD;
padding: 10px;
line-height: normal;
}
.border-left {
border-left: 5px solid;
}
.border-left-green {
border-left-color: #198754;
}
.border-left-venetianred {
border-left-color: #DC3545;
}
.color-green {
color: #198754;
}
.color-venetianred {
color: #DC3545;
}
.font-bold {
font-weight: 500;
}
.smsoptin-subscription-popup.ui-dialog {
left: 0 !important;
margin: 0 auto !important;
width: 100% !important;
max-width: 620px!important;
padding-left: 0!important;
padding-top: 0!important;
padding-bottom: 0!important;
}
@media (max-width: 610px) {
.smsoptin-subscription-popup.ui-dialog {
width: 96.5% !important;
max-width: 100% !important;
}
}
.smsoptin-subscription-popup .ui-dialog-content .column-row {
display: -ms-flexbox;
display: flex;
}
.smsoptin-subscription-popup .ui-dialog-content .column-1 {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 610px) {
.smsoptin-subscription-popup .ui-dialog-content .column-1 {
padding-right: 5px;
}
}
@media (max-width: 480px) {
.smsoptin-subscription-popup .ui-dialog-content .column-1 {
display: none;
}
}
@media (max-width: 610px) {
.smsoptin-subscription-popup .ui-dialog-content .column-1 .sms-optin-image {
display: block;
width: 100%;
object-fit: cover;
min-height: 318px;
}
}
.smsoptin-subscription-popup .ui-dialog-content .column-2 {
padding-left: 16px;
}
@media (max-width: 480px) {
.smsoptin-subscription-popup .ui-dialog-content .column-2 {
padding-left: 16px;
width: 100%;
padding-bottom: 20px;
}
}
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-info {
margin: 12px 0 0;
}
@media (max-width: 610px) {
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-info {
margin: 6% 0 0.2em 0;
}
}
@media (max-width: 350px) {
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-info {
margin: 8% 0 0.2em 0;
}
}
@media (max-width: 610px) {
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-info .success {
margin: 2.5em 0 0.5em 0;
}
}
@media (max-width: 350px) {
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-info .success {
margin: 1.5em 0 0.5em 0;
}
}
@media (max-width: 480px) {
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-form .smsoptin-form .smsoptin-form-container .smsoptin-form-row .form-row {
max-width: 100%;
}
}
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-form .smsoptin-form .smsoptin-form-container .field input[type="text"].phonenumberwithseven {
margin-bottom: 6px;
}
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-form .smsoptin-form .smsoptin-form-container .field .error-msg {
display: none;
}
@media (max-width: 350px) {
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-form .smsoptin-form .smsoptin-form-container .field .input-text {
height: 30px;
padding: 0 5px;
}
}
@media (max-width: 350px) {
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-form .smsoptin-form .smsoptin-form-container .field .label {
display: none;
}
}
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .sms-optin-form .smsoptin-form .smsoptin-form-container .form-row-button {
margin-top: 10px;
}
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .subs-message {
font-size: 12px;
line-height: 18px;
margin-top: 10px;
display: block;
}
.smsoptin-subscription-popup .ui-dialog-content .column-2 .sms-optin-wrapper .sms-optin-content .subs-message.no-margin {
margin-top: 0;
}
.sticky-image {
position: relative;
}
@media (min-width: 768px) {
.sticky-container {
position: sticky;
top: 0;
}
.sticky-image {
position: sticky;
top: 0;
}
}
@media (min-width: 1150px) {
.newpdp-sticky-image {
position: sticky;
top: 0;
}
}
.product-slider-on-background {
background: #FFFFFF;
padding: 60px 0;
}
.product-slider-on-background.boxed {
padding-left: 20px;
padding-right: 20px;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.container-heading {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.container-heading {
margin-bottom: 30px;
}
}
.container-heading .container-title {
font-size: 18px;
line-height: 1;
font-weight: 500;
}
@media (min-width: 768px) {
.container-heading .container-title {
font-size: 24px;
}
}
.container-heading .container-link {
font-size: 14px;
font-weight: 500;
}
.container-heading .container-link:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: 14px;
text-rendering: auto;
content: "\f054";
padding-left: 8px;
}
@media (min-width: 768px) {
.container-heading .container-link {
font-size: 16px;
}
}
.container-inner.background {
padding: 20px 15px;
}
@media (min-width: 768px) {
.container-inner.background {
padding: 30px;
}
}
.personalised-panel {
background: #FFFFFF;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
border-radius: 5px;
padding: 0 15px 15px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
box-sizing: border-box;
}
.personalised-panel .panel-heading {
padding: 15px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.personalised-panel .panel-title {
font-size: 16px;
font-weight: bold;
}
@media (min-width: 768px) {
.personalised-panel .panel-title {
font-size: 20px;
}
}
.personalised-panel .panel-showmore {
font-size: 14px;
}
.personalised-panel .panel-showmore:after {
font: normal normal normal 18px/1 FontAwesome;
font-size: 18px;
text-rendering: auto;
content: "\f054";
padding-left: 8px;
}
@media (min-width: 768px) {
.personalised-panel .panel-showmore {
font-size: 16px;
}
}
.personalised-panel .panel-empty {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.personalised-panel .panel-empty .panel-empty-image {
max-width: 120px;
}
.personalised-panel .panel-empty .panel-empty-heading {
font-size: 18px;
font-weight: bold;
margin-top: 10px;
}
.personalised-panel .panel-empty .panel-empty-description {
font-size: 16px;
}
.personalised-panel .product-tile.reduced-tile {
border: 1px solid #DDDDDD;
border-radius: 10px;
}
.personalised-panel .product-tile.reduced-tile .product-tile-top .product-link .product-image {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}
.personalised-panel .product-tile.reduced-tile .product-tile-top .product-link .product-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 10px;
box-sizing: border-box;
}
.personalised-panel .product-tile.reduced-tile .product-tile-bottom {
display: none;
}
.trust-builder-wrapper {
display: -ms-flexbox;
display: flex;
width: 100%;
background-color: #DAEFED;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 768px) {
.trust-builder-wrapper {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
}
.trust-builder-wrapper .trust-builder-content {
display: -ms-flexbox;
display: flex;
max-height: 25px;
-ms-flex-pack: center;
justify-content: center;
background-color: #FFFFFF;
border-radius: 12px;
margin: 8px;
padding: 8px;
width: fit-content;
}
.header.addtocart-overlay-active::after {
content: ' ';
width: 100%;
background-color: rgba(29, 46, 71, 0.75);
position: fixed;
z-index: 999;
}
.header.header-hybrid .header-wrapper:after {
content: none !important;
}
.scrollable-category-menu {
overflow-x: auto;
white-space: nowrap;
display: -ms-flexbox;
display: flex;
scrollbar-width: none;
-ms-overflow-style: none;
background-color: #224C7A;
}
@media (max-width: 768px) {
.scrollable-category-menu {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.scrollable-category-menu:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 25px;
height: 40px;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #1f497d 100%);
pointer-events: none;
}
}
@media (min-width: 768px) {
.scrollable-category-menu {
-ms-flex-pack: center;
justify-content: center;
}
}
.scrollable-category-menu .category-list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
max-width: 600px;
width: calc(100% - 30px);
padding: 0;
list-style-type: none;
}
@media (min-width: 768px) {
.scrollable-category-menu .category-list {
max-width: 1440px;
width: calc(100% - 40px);
padding-left: 0;
padding-right: 0;
}
}
.scrollable-category-menu .category-list .category-item {
padding: 10px;
display: inline-block;
width: fit-content;
}
.scrollable-category-menu .category-list .category-item a {
color: #FFFFFF;
}
@media (max-width: 768px) {
.scrollable-category-menu .category-list .category-item {
scroll-snap-align: start;
}
}
.header-wrapper {
width: 100%;
z-index: 12;
box-sizing: border-box;
background: #FFFFFF;
position: relative;
background: #224C7A;
}
.header-wrapper .header-inner {
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
z-index: 2;
padding-top: 5px;
padding-bottom: 5px;
box-sizing: border-box;
}
.header-wrapper .header-inner .text-header {
font-size: 12px;
line-height: 1.2;
font-weight: 400;
text-transform: capitalize;
}
.header-wrapper .header-inner .header-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 768px) {
.header-wrapper .header-inner .header-content {
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.header-wrapper .header-inner .header-content .header-menu {
display: -ms-flexbox;
display: flex;
}
.header-wrapper .header-inner .header-content .header-menu .menu-bars-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.header-wrapper .header-inner .header-content .header-menu .menu-bars-wrapper .fa-bars {
line-height: 25px;
font-size: 25px;
color: #000;
}
.header-wrapper .header-inner .header-content .header-menu svg {
fill: white;
}
.header-wrapper .header-inner .header-content .header-logo {
display: -ms-flexbox;
display: flex;
}
.header-wrapper .header-inner .header-content .header-logo .header-logo-link {
z-index: 13;
}
.header-wrapper .header-inner .header-content .header-account {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
color: #FFFFFF;
}
.header-wrapper .header-inner .header-content .header-account a {
text-decoration: none;
color: #FFFFFF;
}
.header-wrapper .header-inner .header-content .header-account .text-account {
display: none;
}
@media (min-width: 768px) {
.header-wrapper .header-inner .header-content .header-account .text-account {
display: -ms-flexbox;
display: flex;
}
}
.header-wrapper .header-inner .header-content .header-account .account_header-icon {
display: none;
}
.header-wrapper .header-inner .header-content .header-account .account_header-loyalty-link {
display: none;
}
.header-wrapper .header-inner .header-content .header-account .header-account-link {
cursor: pointer;
line-height: 14px;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 768px) {
.header-wrapper .header-inner .header-content .header-account .mobile-greeting {
display: none;
}
}
@media (max-width: 1279px) {
.header-wrapper .header-inner .header-content .header-account .desktop-greeting {
display: none;
}
}
.header-wrapper .header-inner .header-content .header-search {
display: -ms-flexbox;
display: flex;
}
@media (min-width: 768px) {
.header-wrapper .header-inner .header-content .header-search {
position: absolute;
left: calc(50% - 120px);
}
}
.header-wrapper .header-inner .header-content .header-bag {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.header-wrapper .header-inner .header-content .header-bag .header-bag-link {
color: #000;
text-decoration: none;
position: relative;
}
.header-wrapper .header-inner .header-content .header-bag .header-bag-link .bag-quantity {
color: #FFFFFF;
position: absolute;
font-size: 14px;
line-height: 1.8em;
font-weight: 500;
width: 30px;
height: 30px;
text-align: center;
border-radius: 50%;
right: -12px;
top: -12px;
background: #50A39A;
padding: 0;
box-sizing: border-box;
border: 2px solid transparent;
}
.header-wrapper .header-inner {
margin: 0 auto;
max-width: 600px;
width: calc(100% - 30px);
}
.header-wrapper .header-inner .addnamelink {
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
display: none;
}
@media (min-width: 768px) {
.header-wrapper .header-inner {
max-width: 1440px;
width: calc(100% - 40px);
padding-left: 0;
padding-right: 0;
}
}
.header-wrapper .header-inner .header-content {
-ms-flex-align: center;
align-items: center;
}
.header-wrapper .header-inner .header-content .header-menu {
-ms-flex-order: 1;
order: 1;
width: 42px;
height: 40px;
}
.header-wrapper .header-inner .header-content .header-logo {
-ms-flex-order: 2;
order: 2;
margin-right: auto;
height: 60px;
}
.header-wrapper .header-inner .header-content .header-logo .desktop-only {
display: none;
}
.header-wrapper .header-inner .header-content .header-logo svg {
height: 60px;
}
@media (min-width: 768px) {
.header-wrapper .header-inner .header-content .header-logo {
width: auto;
}
}
.header-wrapper .header-inner .header-content .header-account {
-ms-flex-order: 3;
order: 3;
width: 40px;
height: 40px;
}
.header-wrapper .header-inner .header-content .header-account svg {
margin-right: 10px;
fill: white;
}
@media (min-width: 768px) {
.header-wrapper .header-inner .header-content .header-account {
width: fit-content;
}
}
.header-wrapper .header-inner .header-content .header-search {
-ms-flex-order: 6;
order: 6;
width: 100%;
height: 40px;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.header-wrapper .header-inner .header-content .header-search {
-ms-flex-order: 3;
order: 3;
width: calc(100% - 370px);
left: 120px;
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.header-wrapper .header-inner .header-content .header-search {
max-width: 450px;
}
}
.header-wrapper .header-inner .header-content .header-bag {
-ms-flex-order: 5;
order: 5;
width: 40px;
height: 40px;
margin-left: 20px;
}
.header-wrapper .header-inner .header-content .header-bag svg {
width: 34px;
height: 28px;
fill: white;
}
.header-wrapper .header-inner .header-content .header-loyalty {
-ms-flex-order: 4;
order: 4;
height: 40px;
margin-left: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 31px;
border-radius: 50px;
border: 1px solid #EEEEEE;
text-decoration: none;
}
@media (max-width: 1279px) {
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container {
border: 1px solid rgba(238, 238, 238, 0.2);
background: rgba(255, 255, 255, 0.15);
}
}
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container .yotpo-loyalty-icon {
width: 31px;
height: 31px;
border-radius: 50%;
background-color: #224C7A;
}
@media (min-width: 1280px) {
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container .yotpo-loyalty-icon {
background-color: #F5F5F5;
}
}
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container .yotpo-loyalty-header__text {
font-size: 12px;
line-height: 1.2;
font-weight: 500;
color: #000000;
padding-right: 12px;
padding-left: 8px;
}
@media (max-width: 1279px) {
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container .yotpo-loyalty-header__text {
color: #FFFFFF;
transition: max-width 1.2s ease-in-out, padding 1.2s ease-in-out;
max-width: 100px;
overflow: hidden;
white-space: nowrap;
}
}
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container .yotpo-loyalty-header__badge {
border-radius: 30px;
background: #50A39A;
position: absolute;
right: -7px;
top: -3px;
font-size: 10px;
line-height: 7px;
font-style: normal;
font-weight: 500;
display: -ms-flexbox;
display: flex;
padding: 4px 6px;
width: 25px;
height: 7px;
color: #FFFFFF;
}
@media (max-width: 1279px) {
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container .yotpo-loyalty-header__badge {
transition: all 1.2s ease-in-out;
}
}
@media (max-width: 1279px) {
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container.shrink .yotpo-loyalty-header__text {
padding: 0;
max-width: 0;
}
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container.shrink .yotpo-loyalty-header__badge {
padding: 0;
width: 12px;
height: 12px;
top: 3px;
right: -1px;
}
.header-wrapper .header-inner .header-content .header-loyalty .yotpo-loyalty-header__container.shrink .yotpo-loyalty-header__badge-text {
display: none;
}
}
@media (min-width: 1280px) {
.header-wrapper .desktop-navigation {
background: #FFFFFF;
border-top: 1px solid #DDDDDD;
}
.header-wrapper .desktop-navigation .inner {
width: calc(100% - 40px);
max-width: 1440px;
margin: 0 auto;
position: relative;
box-sizing: border-box;
}
}
.header-wrapper .navigation {
display: none;
}
@media (min-width: 1280px) {
.header-wrapper .navigation {
display: -ms-flexbox;
display: flex;
width: 100%;
font-size: 16px;
}
}
.header-search form {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-ms-flex-align: center;
align-items: center;
}
.header-search form fieldset {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
position: relative;
height: 40px;
}
.header-search form fieldset input {
width: 100%;
border: 0;
height: 40px;
padding: 0 50px 0 20px;
font-size: 14px;
line-height: 1;
color: #000;
border: 1px solid #BBBBBB;
border-radius: 40px;
}
.header-search form fieldset input:focus {
border: 1px solid #000000;
}
.header-search form fieldset .text-search-btn {
width: 60px;
height: 40px;
position: absolute;
right: 0;
top: 0;
padding: 0;
border: none;
text-align: center;
background-color: transparent;
}
.header-search form fieldset .text-search-btn svg {
fill: #000;
}
.header-checkout-wrapper .header-inner-checkout {
max-width: 1440px;
margin: 0 auto;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 768px) {
.header-checkout-wrapper .header-inner-checkout {
-ms-flex-direction: row;
flex-direction: row;
}
}
.header-checkout-wrapper .header-inner-checkout .primary-logo {
margin: 0 auto;
}
.header-checkout-wrapper .header-inner-checkout .primary-logo svg {
fill: #000000;
width: 60px;
height: auto;
display: block;
}
@media (min-width: 1280px) {
.header:is(.social-navigation) .header-wrapper {
background: #FFFFFF;
}
}
.header:is(.social-navigation) .header-wrapper .header-inner .header-content .header-menu {
display: none;
}
@media (min-width: 1280px) {
.header:is(.social-navigation) .header-wrapper .header-inner .header-content .header-menu svg {
fill: #000000;
}
}
@media (min-width: 1280px) {
.header:is(.social-navigation) .header-wrapper .header-inner .header-content .header-logo .desktop-only {
display: block;
}
}
.header:is(.social-navigation) .header-wrapper .header-inner .header-content .header-search {
display: none;
}
.header:is(.social-navigation) .header-wrapper .header-inner .header-content .header-account {
display: none;
}
@media (min-width: 1280px) {
.header:is(.social-navigation) .header-wrapper .header-inner .header-content .header-account {
color: #444444;
}
}
@media (min-width: 1280px) {
.header:is(.social-navigation) .header-wrapper .header-inner .header-content .header-account a {
color: #444444;
}
}
@media (min-width: 1280px) {
.header:is(.social-navigation) .header-wrapper .header-inner .header-content .header-account svg {
fill: #000000;
}
}
@media (min-width: 1280px) {
.header:is(.social-navigation) .header-wrapper .header-inner .header-content .header-bag svg {
fill: #000000;
}
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .header-wrapper {
background: #FFFFFF;
}
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .header-menu {
display: none;
}
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .header-menu .menu-bars-wrapper {
display: none;
}
}
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .trust-block-wrapper-desktop {
display: -ms-flexbox;
display: flex;
}
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .trust-block-wrapper-desktop .trust-block {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 15px;
padding-right: 5px;
border-right: 2px solid #BBBBBB;
text-transform: uppercase;
color: #BBBBBB;
font-weight: 500;
gap: 8px;
width: 140px;
}
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .trust-block-wrapper-desktop .trust-block p {
margin: 0;
font-size: 13px;
}
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .trust-block-wrapper-desktop .trust-block:last-of-type {
border-right: none;
margin-right: 0;
}
@media (max-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .trust-block-wrapper-desktop {
display: none;
}
}
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .trust-block-wrapper-mobile {
display: none;
}
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .trust-block-wrapper-mobile .trust-block {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #FFFFFF;
font-weight: 500;
gap: 8px;
}
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .trust-block-wrapper-mobile .trust-block p {
margin: 0;
font-size: 16px;
}
@media (max-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .trust-block-wrapper-mobile {
display: -ms-flexbox;
display: flex;
}
}
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .header-logo {
-ms-flex-order: unset;
order: unset;
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .header-logo .desktop-only {
display: block;
}
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .header-logo {
left: 0;
}
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .header-account {
color: #000000;
}
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .header-account a {
color: #000000;
}
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .header-account svg {
fill: #000000;
}
}
@media (min-width: 768px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .header-account {
width: fit-content;
}
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .header-wrapper .header-inner .header-content .header-bag svg {
fill: #000000;
}
}
.header:not(.social-navigation) .header-wrapper .addnamelink {
display: block;
}
@media (max-width: 1279px) {
.header:not(.social-navigation) .header-wrapper .addnamelink {
display: none;
}
}
@media (min-width: 1280px) {
.header:not(.social-navigation) .navigation {
display: -ms-flexbox;
display: flex;
width: 100%;
}
}
@media (min-width: 1280px) {
.header.header-cart .header-wrapper::after {
display: none;
}
}
@media (max-width: 1279px) {
.has-sticky-header.push-header {
padding-top: 115px;
}
.has-sticky-header .push-grid {
padding-top: 60px;
}
.has-sticky-header .header-wrapper.sticky-header {
position: fixed;
top: -115px;
}
.has-sticky-header .header-wrapper.sticky-header.on {
top: 0;
transition: top 0.5s ease;
}
.has-sticky-header .header-wrapper.sticky-header.off {
top: -115px;
transition: top 0.5s ease;
}
}
@media (max-width: 1279px) and (min-width: 768px) {
.has-sticky-header.push-header {
padding-top: 70px;
}
}
@media (max-width: 1279px) and (min-width: 768px) {
.has-sticky-header .header-wrapper.sticky-header {
top: -70px;
}
}
@media (max-width: 1279px) and (min-width: 768px) {
.has-sticky-header .header-wrapper.sticky-header.off {
top: -70px;
}
}
@media (max-width: 1199px) {
.has-sticky-header .sticky-filter {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 15;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
transition: top .5s ease;
}
.has-sticky-header .sticky-filter.with-header {
top: 115px;
transition: top .5s ease;
}
.has-sticky-header .sticky-filter .filters-and-sorting {
max-width: 1440px;
width: calc(100% - 30px);
margin: auto;
}
}
@media (max-width: 1199px) and (min-width: 768px) {
.has-sticky-header .sticky-filter.with-header {
top: 70px;
}
}
.flyinheader-active .sticky-filter,
.suggestions-active-wrapper .sticky-filter {
display: none;
}
.clear {
clear: both;
}
.clearfix:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.visually-hidden,
.ui-helper-hidden-accessible {
visibility: hidden;
border: 0 !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
background: transparent !important;
}
.toggle {
cursor: pointer;
}
.notavailable {
color: #DC3545;
font-size: 13px;
line-height: 18px;
margin-top: 5px;
width: 100%;
}
.availability-msg {
text-transform: none;
}
.availability-msg .in-stock-msg,
.availability-msg .preorder-msg,
.availability-msg .backorder-msg,
.availability-msg .not-available-msg {
position: relative;
padding-left: 0;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
}
.availability-msg .in-stock-msg {
color: #198754;
}
.availability-msg .preorder-msg {
color: #50A39A;
}
.availability-msg .backorder-msg {
color: #FFD814;
}
.availability-msg .not-available-msg {
color: #000000;
}
.availability-msg .inform-me-when-available {
width: calc(100% + 10px);
}
.availability-msg .inform-me-when-available:before,
.availability-msg .inform-me-when-available:after {
content: " ";
display: table;
}
.availability-msg .inform-me-when-available:after {
clear: both;
}
.availability-msg .inform-me-when-available .field {
float: left;
width: 230px;
margin-right: 10px;
margin-top: 5px;
}
.availability-msg .inform-me-when-available .button-container {
float: left;
width: 230px;
margin-right: 10px;
margin-top: 5px;
}
.availability-msg .inform-me-when-available .button-container .button {
width: 100%;
padding-left: 5px;
padding-right: 5px;
}
@media (min-width: 1280px) {
.only-for-desktop {
display: block !important;
}
.only-for-tablet {
display: none !important;
}
.only-for-mobile {
display: none !important;
}
.not-for-desktop {
display: none !important;
}
th.only-for-desktop,
td.only-for-desktop {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.only-for-desktop {
display: none !important;
}
.only-for-tablet {
display: block !important;
}
.only-for-mobile {
display: none !important;
}
.not-for-tablet {
display: none !important;
}
th.only-for-tablet,
td.only-for-tablet {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.only-for-desktop {
display: none !important;
}
.only-for-tablet {
display: none !important;
}
.only-for-mobile {
display: block !important;
}
.not-for-mobile {
display: none !important;
}
th.only-for-mobile,
td.only-for-mobile {
display: table-cell !important;
}
.availability-msg .inform-me-when-available {
width: auto;
}
.availability-msg .inform-me-when-available .field,
.availability-msg .inform-me-when-available .button-container {
float: none;
width: auto;
margin-right: 0;
}
}
html {
scroll-behavior: smooth;
}
.accordion-container .header {
font-size: 16px;
line-height: 16px;
font-weight: 600;
cursor: pointer;
width: 100%;
color: #224C7A;
background: #E9EDF2;
height: 50px;
padding: 0 20px;
margin: 0 0 4px 0;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.accordion-container .header span {
margin-right: 30px;
line-height: 12px;
}
.accordion-container .header:hover {
background: #DBE3ED;
}
.accordion-container .header:after {
font: normal normal normal 20px/1 FontAwesome;
text-rendering: auto;
content: '\f107';
color: #224C7A;
position: absolute;
right: 20px;
}
.accordion-container .header.active:after {
content: '\f106';
}
.accordion-container.faq .header {
font-size: 14px;
font-weight: 400;
}
@media (min-width: 768px) {
.accordion-container.faq .header {
font-size: 16px;
font-weight: 500;
}
}
.accordion-container.faq .accordion-content {
padding: 5px 20px;
}
.accordion-container .accordion-content {
display: none;
padding: 10px 20px;
}
.accordion-container .accordion-content.watchvideo {
padding: 0;
margin-top: 10px;
}
.accordion-container .accordion-content.watchvideo .product-video-disclaimer {
font-size: 12px;
line-height: 1.3;
color: #000000;
margin: 5px 0 20px 0;
}
.accordion-container .accordion-content p {
padding: 10px 0;
}
.accordion-container .accordion-content p:first-child {
padding: 0;
}
.accordion-container .accordion-content ul:not(.details-attributes):not(.options) {
margin-left: 12px;
}
.accordion-container .accordion-content ul:not(.details-attributes):not(.options) li {
padding-inline-start: 1ch;
padding-bottom: 1ch;
}
.accordion-container .accordion-content ul:not(.details-attributes):not(.options) li::before {
content: "\f111";
font: normal normal normal 20px/1 FontAwesome;
text-rendering: auto;
color: #BBBBBB;
font-size: 12px;
margin-left: -22px;
padding-right: 10px;
}
.accordion-container .accordion-content .pdf-files {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 25px;
margin: 10px 0 15px;
width: 333px;
height: 47px;
}
.accordion-container .accordion-content .pdf-files .pdf-link {
padding-left: 10px;
font-size: 14px;
color: #0D6EFD;
font-weight: 500;
text-decoration: none;
text-transform: capitalize;
}
.accordion-container .accordion-content .pdf-files .image-container {
padding-top: 5px;
}
.accordion-container .accordion-content .pdf-files .first-pdf-file,
.accordion-container .accordion-content .pdf-files .second-pdf-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
border: 1px solid #DDDDDD;
border-radius: 5px;
width: 160px;
height: 47px;
}
.accordion-container .accordion-content .pdf-files .pdf-icon {
margin-left: auto;
margin-right: 10px;
cursor: pointer;
transition: transform 0.3s ease;
}
.accordion-container .accordion-content .pdf-files .pdf-icon:hover {
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.progress-dots div {
height: 20px;
width: 20px;
border-radius: 50%;
background-color: #DDDDDD;
display: inline-block;
-ms-transform: scale(0.6);
transform: scale(0.6);
margin: 2px;
animation: dotscaling 3s ease-in-out infinite;
}
@keyframes dotscaling {
0%,
100% {
transform: scale(0.6);
background-color: #DDDDDD;
}
50% {
transform: scale(1);
background-color: #444444;
}
}
.progress-dots div:nth-child(1) {
animation-delay: 0s;
}
.progress-dots div:nth-child(2) {
animation-delay: 0.5s;
}
.progress-dots div:nth-child(3) {
animation-delay: 1s;
}
.progress-dots div:nth-child(4) {
animation-delay: 1.5s;
}
.progress-dots div:nth-child(5) {
animation-delay: 2s;
}
.quantity-selection,
.warranty-quantity-selection {
display: -ms-flexbox;
display: flex;
height: 35px;
min-width: 105px;
max-width: 105px;
border: 1px solid #BBBBBB;
border-radius: 4px;
box-sizing: border-box;
}
.quantity-selection input[type="number"],
.warranty-quantity-selection input[type="number"] {
appearance: textfield;
text-align: center;
}
.quantity-selection input[type="number"]::-webkit-inner-spin-button,
.warranty-quantity-selection input[type="number"]::-webkit-inner-spin-button,
.quantity-selection input[type="number"]::-webkit-outer-spin-button,
.warranty-quantity-selection input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
@media (min-width: 1280px) {
.quantity-selection,
.warranty-quantity-selection {
height: 40px;
min-width: 120px;
max-width: 120px;
}
}
.quantity-selection .item,
.warranty-quantity-selection .item {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
width: 40px;
box-sizing: border-box;
background: #FFFFFF;
border-radius: 4px;
}
@media (min-width: 1280px) {
.quantity-selection .item,
.warranty-quantity-selection .item {
width: 40px;
}
}
.quantity-selection input,
.warranty-quantity-selection input {
padding: 0;
border-top: 0;
border-bottom: 0;
border-right: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB;
border-radius: 0 !important;
}
.quantity-selection input[type="text"],
.warranty-quantity-selection input[type="text"] {
text-align: center;
}
.quantity-selection .home-sub,
.warranty-quantity-selection .home-sub,
.quantity-selection .product-sub,
.warranty-quantity-selection .product-sub,
.quantity-selection .warranty-sub,
.warranty-quantity-selection .warranty-sub {
cursor: pointer;
}
.quantity-selection .home-add,
.warranty-quantity-selection .home-add,
.quantity-selection .product-add,
.warranty-quantity-selection .product-add,
.quantity-selection .warranty-add,
.warranty-quantity-selection .warranty-add {
cursor: pointer;
}
.product-image,
.pdp-main-image,
.product-bundling-image .image,
.home_livetv,
.detail_livetv,
.ma_livetv,
.modal-content .item-image,
.cart-products {
position: relative;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
.product-image:after,
.pdp-main-image:after,
.product-bundling-image .image:after,
.home_livetv:after,
.detail_livetv:after,
.ma_livetv:after,
.modal-content .item-image:after,
.cart-products:after {
content: '';
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
background-image: none;
background: #000000;
opacity: .03;
width: 100%;
height: auto;
z-index: 2;
pointer-events: none;
aspect-ratio: 1 / 1;
}
.product-image img,
.pdp-main-image img,
.product-bundling-image .image img,
.home_livetv img,
.detail_livetv img,
.ma_livetv img,
.modal-content .item-image img,
.cart-products img {
width: 100%;
height: auto;
display: -ms-flexbox;
display: flex;
aspect-ratio: 1 / 1;
object-fit: cover;
}
.product-interactive-elements-wrapper {
opacity: 0;
left: -50%;
transition: opacity 1s ease, left 1s ease;
position: absolute;
display: -ms-flexbox;
display: flex;
bottom: 60px;
z-index: 10;
width: 315px;
height: 40px;
background: rgba(216, 216, 216, 0.75);
padding: 10px;
}
.product-interactive-elements-wrapper.appear {
opacity: 1;
left: 0;
}
@media (min-width: 1280px) {
.product-interactive-elements-wrapper {
width: 340px;
padding: 10px;
height: 52px;
bottom: 20px;
}
}
.product-interactive-elements-wrapper .close-button {
top: 0;
right: 0;
position: absolute;
padding: 5px 10px;
cursor: pointer;
z-index: 1;
}
.product-interactive-elements-wrapper .product-interactive-elements {
width: 100%;
-ms-flex-pack: left;
justify-content: left;
}
.product-interactive-elements-wrapper .product-interactive-elements .title {
font-weight: 500;
font-size: 14px;
}
.product-interactive-elements-wrapper .product-interactive-elements .text {
font-size: 12px;
}
@media (min-width: 1280px) {
.product-interactive-elements-wrapper .product-interactive-elements .title {
font-size: 18px;
}
.product-interactive-elements-wrapper .product-interactive-elements .text {
font-size: 14px;
}
}
@media (min-width: 768px) {
.badge-offset-position:not(.pdp-main-image-grid) .product-interactive-elements-wrapper {
left: 130px;
}
}
.product-badges {
position: absolute;
display: -ms-flexbox;
display: flex;
top: 5px;
left: 5px;
z-index: 2;
}
@media (min-width: 768px) {
.product-badges {
top: 8px;
left: 8px;
}
}
.product-badges .product-discount {
display: inline-block;
color: #FFFFFF;
background: #DC3545;
padding: 6px 8px;
border-radius: 20px;
margin-right: 0;
font-size: 14px;
line-height: 1;
margin-right: 4px;
}
@media (min-width: 1280px) {
.product-badges .product-discount {
padding: 6px 12px;
}
}
.product-badges .product-badge {
display: inline-block;
background: #DC3545;
color: #FFFFFF;
padding: 6px 8px;
border-radius: 20px;
font-size: 14px;
line-height: 1;
}
@media (min-width: 1280px) {
.product-badges .product-badge {
padding: 6px 12px;
}
}
.product-badges .product-badge.bg-red {
background: #DC3545;
}
.product-badges .product-badge.bg-white {
background: #FFFFFF;
color: #000000;
}
.product-badges .product-badge.bg-black {
background: #000000;
color: #FFFFFF;
}
.custom-slider .product-badges {
top: 6px;
left: 6px;
}
.custom-slider .product-badges .product-discount,
.custom-slider .product-badges .product-badge {
font-size: 10px;
line-height: 1.1;
padding: 4px 6px;
}
.tile-wishlist {
position: absolute;
top: 8px;
right: 8px;
z-index: 1;
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.tile-wishlist .product-wishlist-link {
font-size: 20px;
}
.tile-wishlist .product-wishlist-link:hover {
color: #DC3545;
}
.tile-wishlist .added-to-wishlist {
color: #DC3545;
}
.countdown,
.countdown-timer {
margin: 20px auto;
text-align: center;
font-size: 20px;
line-height: 1.2;
font-weight: bold;
}
.countdown .digital,
.countdown-timer .digital {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin-top: 5px;
}
.countdown .digital .label,
.countdown-timer .digital .label {
font-size: 10px;
line-height: 1.2;
font-weight: bold;
margin-top: 5px;
}
.countdown .digital .seperator,
.countdown-timer .digital .seperator {
line-height: 40px;
font-size: 18px;
font-weight: bold;
}
.countdown .digital .digits,
.countdown-timer .digital .digits {
position: relative;
margin: 0 4px;
text-align: center;
}
.countdown .digital .digits span,
.countdown-timer .digital .digits span {
background: #000000;
color: #FFFFFF;
width: 28px;
height: 40px;
font-size: 20px;
line-height: 40px;
font-weight: bold;
display: inline-block;
border-radius: 4px;
margin: 0 1px;
font-variant-numeric: tabular-nums;
}
.countdown .digital.last .digits span,
.countdown-timer .digital.last .digits span {
background: #DC3545;
color: #FFFFFF;
}
.countdown .digital .seperator:after,
.countdown-timer .digital .seperator:after {
position: absolute;
top: 0;
left: -6px;
content: ':';
font-size: 18px;
}
.countdown.standard,
.countdown-timer.standard {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
margin: 0 5px 0 5px;
}
.countdown.standard .digits,
.countdown-timer.standard .digits {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-variant-numeric: tabular-nums;
margin: 0 5px;
}
.countdown.standard .digits .label,
.countdown-timer.standard .digits .label {
margin-left: 2px;
font-size: 10px;
}
.countdown.standard .seperator:after,
.countdown-timer.standard .seperator:after {
position: absolute;
top: 2px;
left: -7px;
content: ':';
font-size: 16px;
}
.resetPinMessage {
margin-bottom: 10px;
}
.resetPinMessage .countdownTimer {
font-size: 20px;
font-weight: bold;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.resetPinMessage .countdownTimer .countdown-unit {
font-size: 14px;
font-weight: normal;
margin-left: 2px;
}
.product-tag {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 6px;
margin-top: 4px;
}
.product-tag .product-discount {
background: #DC3545;
color: #FFFFFF;
line-height: 18px;
border-radius: 3px;
padding: 1px 4px;
font-size: 13px;
font-weight: 700;
}
.product-tag .manual-promo-tag .product-discount {
margin-right: 5px;
}
.product-tag .manual-promo-tag .manual-text {
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.pdp-discount .product-tag .product-discount,
.pdp-discount .product-tag .manual-text {
font-size: 16px;
padding: 4px 8px;
}
@media screen and (max-width: 767px) {
.product-discount {
font-size: 10px !important;
}
.manual-text {
font-size: 11px !important;
}
.pdp-discount .product-tag .product-discount,
.pdp-discount .product-tag .manual-text {
font-size: 14px !important;
padding: 4px 8px;
}
}
.sliding-modal {
padding: 0;
position: fixed!important;
left: 0 !important;
margin: 0 0 0 auto !important;
width: calc(100% - 60px) !important;
height: 100%!important;
}
@media (min-width: 768px) {
.sliding-modal {
width: 480px!important;
}
}
.sliding-modal .ui-dialog-titlebar {
position: fixed!important;
width: 100%!important;
z-index: 2!important;
background-color: #EEEEEE;
box-sizing: border-box;
height: 50px;
padding: 14px;
font-weight: 500;
line-height: 18px;
font-size: 18px;
}
.sliding-modal .ui-dialog-titlebar .ui-dialog-title {
display: block;
}
.sliding-modal .ui-dialog-titlebar .ui-dialog-titlebar-close {
border-color: transparent;
background-color: transparent;
right: 5px;
top: 5px;
}
.sliding-modal .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon::before {
font-size: 30px;
color: #DC3545;
}
.sliding-modal .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
color: #A6192E;
background-color: unset;
}
.modal-content {
background: #FFFFFF;
padding: 30px;
box-sizing: border-box;
width: 100%;
}
.sliding-modal .modal-content {
height: calc(100dvh - 164px);
overflow-y: scroll;
padding: 15px 5px 20px 15px;
}
.sliding-modal .modal-content::-webkit-scrollbar {
width: 10px;
}
.sliding-modal .modal-content::-webkit-scrollbar-track {
visibility: hidden;
}
.sliding-modal .modal-content::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 4px;
visibility: hidden;
}
.sliding-modal .modal-content:hover::-webkit-scrollbar-thumb,
.sliding-modal .modal-content:hover::-webkit-scrollbar-track {
visibility: visible;
}
.sliding-modal .modal-content .notification.bottom {
margin-top: 20px;
}
.sliding-modal .modal-content .notification.bag {
line-height: 20px;
color: #DC3545;
margin-top: 20px;
}
.sliding-modal .modal-content .notification.info {
color: #50A39A;
font-weight: 500;
}
.sliding-modal .modal-content .notification.error {
color: #DC3545;
font-weight: 500;
}
.sliding-modal .footer {
background: #FFFFFF;
padding: 10px 15px 15px 15px;
box-sizing: border-box;
border-top: 1px solid #DDDDDD;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 10;
}
.sliding-modal .footer .subtotal {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.sliding-modal .footer .ctas {
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sliding-modal .footer .ctas .button {
width: 100%;
}
.sliding-modal .footer .button.disabled {
background: #EEEEEE;
color: #BBBBBB;
border: 2px solid #EEEEEE;
}
.sliding-modal .modal-content .product-availability {
font-size: 13px;
line-height: 18px;
margin: 10px 0;
}
.sliding-modal .modal-content .product-availability .not-available-msg {
color: #DC3545;
}
.sliding-modal .modal-content .product-availability .producterror {
color: #DC3545;
}
.sliding-modal .modal-content .product-availability .preorder-msg {
color: #50A39A;
}
.sliding-modal .modal-content .product-availability .backorder-msg {
color: #50A39A;
}
.bag-icon.bag-with-products {
cursor: pointer;
}
@media (min-width: 768px) {
.modal,
.modal .header,
.modal .footer {
width: 480px;
}
}
.sliding-modal .modal-content .items .attribute:first-letter {
text-transform: uppercase;
}
.sliding-modal .modal-content {
margin-top: 50px;
letter-spacing: normal;
}
.sliding-modal .modal-content .delivery-meter {
margin-bottom: 15px;
}
.sliding-modal .modal-content .delivery-meter .delivery-meter-detail .delivery-meter-progress-detail {
display: block;
font-size: 14px;
font-weight: 400;
}
.sliding-modal .modal-content .delivery-meter .delivery-meter-detail .delivery-meter-progress-detail .delivery-meter-balance {
font-weight: 500;
padding: 0;
}
.sliding-modal .modal-content .delivery-meter .delivery-meter-detail .delivery-meter-progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
height: 15px;
border-radius: 15px;
background-color: #EEEEEE;
}
.sliding-modal .modal-content .delivery-meter .delivery-meter-detail .delivery-meter-progress-bar .delivery-meter-progress-bar-progress {
display: block;
border-radius: 15px;
}
.sliding-modal .modal-content .delivery-meter .delivery-meter-detail .delivery-meter-progress-bar .delivery-meter-progress-bar-progress:not(.completed) {
background-image: linear-gradient(90deg, #FFF3CD 0.625%, #198754 99.58333333%);
}
.sliding-modal .modal-content .delivery-meter .delivery-meter-detail .delivery-meter-progress-bar .delivery-meter-progress-bar-progress.completed {
background-color: #198754;
}
.sliding-modal .modal-content .items {
-ms-flex-align: center;
align-items: center;
border-top: 2px solid #DDDDDD;
padding: 15px 0;
margin: 0;
position: relative;
}
.sliding-modal .modal-content .items:first-child:not(.multi-buy-discount) {
border-top: none;
}
.sliding-modal .modal-content .items:last-child {
border-bottom: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .items .item-image {
width: 100%;
max-width: 120px;
height: auto;
margin-right: 10px;
}
@media (min-width: 1280px) {
.sliding-modal .modal-content .items .item-image {
margin-right: 20px;
}
}
.sliding-modal .modal-content .items .item-price {
font-size: 16px;
line-height: 18px;
font-weight: 500;
}
.sliding-modal .modal-content .items .item-price.item-sales-price {
color: #A6192E;
}
.sliding-modal .modal-content .items .item-price.item-sales-price span {
color: #000;
text-decoration: line-through;
}
.sliding-modal .modal-content .items .item-name {
font-weight: 400;
font-size: 13px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
height: 38px;
margin-bottom: 5px;
margin-right: 10px;
margin-bottom: 12px;
}
.sliding-modal .modal-content .items .item-option {
font-size: 13px;
line-height: 18px;
margin-right: 10px;
}
.sliding-modal .modal-content .items .won-auction {
color: #50A39A;
}
.sliding-modal .modal-content .items .expired-auction {
color: #DC3545;
}
.sliding-modal .modal-content .items .item-details.remove-cartproduct {
width: 100%;
}
.sliding-modal .modal-content .items .attribute {
display: inline-block;
font-size: 13px;
line-height: 18px;
margin-right: 10px;
}
.sliding-modal .modal-content .items .item-remove {
font-size: 16px;
position: absolute;
top: -5px;
right: 0;
}
.sliding-modal .modal-content .items .item-remove:hover {
color: #DC3545;
cursor: pointer;
}
.sliding-modal .modal-content .items .item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.sliding-modal .modal-content .items .warranty {
position: relative;
margin-top: 20px;
text-transform: uppercase;
font-weight: 500;
}
.sliding-modal .modal-content .items .warranty-remove {
font-size: 16px;
position: absolute;
top: 0;
right: 0;
}
.sliding-modal .modal-content .items .warranty-remove:hover {
color: #DC3545;
cursor: pointer;
}
.sliding-modal .modal-content .multi-buy-discount {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 14px;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
@media (min-width: 768px) {
.sliding-modal .modal-content .multi-buy-discount {
gap: 18px;
}
}
.sliding-modal .modal-content .multi-buy-discount .product-set-cart-image {
height: 20px;
width: 20px;
vertical-align: middle;
}
@media (min-width: 1280px) {
.sliding-modal .modal-content .multi-buy-discount .product-set-cart-image {
height: 30px;
width: 30px;
}
}
.sliding-modal .modal-content .multi-buy-discount .product-set-discount-message {
color: #146C43;
font-size: 14px;
display: -ms-flexbox;
display: flex;
gap: 5px;
-ms-flex-align: center;
align-items: center;
letter-spacing: normal;
}
.sliding-modal .modal-content .multi-buy-discount .product-set-discount-message b {
font-weight: 700;
}
.sliding-modal .modal-content .multi-buy-discount .product-set-discount-price {
position: relative;
padding: 2px 8px;
background-color: #DC3545;
color: #FFFFFF;
font-size: 12px;
font-weight: 600;
letter-spacing: 0;
text-wrap: nowrap;
float: right;
}
.sliding-modal .modal-content .multi-buy-discount .product-set-discount-price::after {
content: '';
position: absolute;
right: -1px;
top: -3px;
border-bottom: 32px solid #FFFFFF;
border-left: 10px solid transparent;
}
.sliding-modal .modal-content .basket-items .multi-buy-discount.set1 ~ .set1 {
border-top: none;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .basket-items .set1:not(.multi-buy-discount) ~ .set1 .item-image::before {
content: '+';
position: absolute;
height: 15px;
width: 15px;
top: -22px;
left: calc(50% - 7px);
text-align: center;
font-size: 20px;
line-height: 15px;
font-weight: 400;
color: #BBBBBB;
}
@media (min-width: 1024px) {
.sliding-modal .modal-content .basket-items .set1:not(.multi-buy-discount) ~ .set1 .item-image::before {
top: -25px;
}
}
.sliding-modal .modal-content .basket-items .multi-buy-discount.set2 ~ .set2 {
border-top: none;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .basket-items .set2:not(.multi-buy-discount) ~ .set2 .item-image::before {
content: '+';
position: absolute;
height: 15px;
width: 15px;
top: -22px;
left: calc(50% - 7px);
text-align: center;
font-size: 20px;
line-height: 15px;
font-weight: 400;
color: #BBBBBB;
}
@media (min-width: 1024px) {
.sliding-modal .modal-content .basket-items .set2:not(.multi-buy-discount) ~ .set2 .item-image::before {
top: -25px;
}
}
.sliding-modal .modal-content .basket-items .multi-buy-discount.set3 ~ .set3 {
border-top: none;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .basket-items .set3:not(.multi-buy-discount) ~ .set3 .item-image::before {
content: '+';
position: absolute;
height: 15px;
width: 15px;
top: -22px;
left: calc(50% - 7px);
text-align: center;
font-size: 20px;
line-height: 15px;
font-weight: 400;
color: #BBBBBB;
}
@media (min-width: 1024px) {
.sliding-modal .modal-content .basket-items .set3:not(.multi-buy-discount) ~ .set3 .item-image::before {
top: -25px;
}
}
.sliding-modal .modal-content .basket-items .multi-buy-discount.set4 ~ .set4 {
border-top: none;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .basket-items .set4:not(.multi-buy-discount) ~ .set4 .item-image::before {
content: '+';
position: absolute;
height: 15px;
width: 15px;
top: -22px;
left: calc(50% - 7px);
text-align: center;
font-size: 20px;
line-height: 15px;
font-weight: 400;
color: #BBBBBB;
}
@media (min-width: 1024px) {
.sliding-modal .modal-content .basket-items .set4:not(.multi-buy-discount) ~ .set4 .item-image::before {
top: -25px;
}
}
.sliding-modal .modal-content .basket-items .multi-buy-discount.set5 ~ .set5 {
border-top: none;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .basket-items .set5:not(.multi-buy-discount) ~ .set5 .item-image::before {
content: '+';
position: absolute;
height: 15px;
width: 15px;
top: -22px;
left: calc(50% - 7px);
text-align: center;
font-size: 20px;
line-height: 15px;
font-weight: 400;
color: #BBBBBB;
}
@media (min-width: 1024px) {
.sliding-modal .modal-content .basket-items .set5:not(.multi-buy-discount) ~ .set5 .item-image::before {
top: -25px;
}
}
.sliding-modal .modal-content .basket-items .multi-buy-discount.set6 ~ .set6 {
border-top: none;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .basket-items .set6:not(.multi-buy-discount) ~ .set6 .item-image::before {
content: '+';
position: absolute;
height: 15px;
width: 15px;
top: -22px;
left: calc(50% - 7px);
text-align: center;
font-size: 20px;
line-height: 15px;
font-weight: 400;
color: #BBBBBB;
}
@media (min-width: 1024px) {
.sliding-modal .modal-content .basket-items .set6:not(.multi-buy-discount) ~ .set6 .item-image::before {
top: -25px;
}
}
.sliding-modal .modal-content .basket-items .multi-buy-discount.set7 ~ .set7 {
border-top: none;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .basket-items .set7:not(.multi-buy-discount) ~ .set7 .item-image::before {
content: '+';
position: absolute;
height: 15px;
width: 15px;
top: -22px;
left: calc(50% - 7px);
text-align: center;
font-size: 20px;
line-height: 15px;
font-weight: 400;
color: #BBBBBB;
}
@media (min-width: 1024px) {
.sliding-modal .modal-content .basket-items .set7:not(.multi-buy-discount) ~ .set7 .item-image::before {
top: -25px;
}
}
.sliding-modal .modal-content .basket-items .multi-buy-discount.set8 ~ .set8 {
border-top: none;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .basket-items .set8:not(.multi-buy-discount) ~ .set8 .item-image::before {
content: '+';
position: absolute;
height: 15px;
width: 15px;
top: -22px;
left: calc(50% - 7px);
text-align: center;
font-size: 20px;
line-height: 15px;
font-weight: 400;
color: #BBBBBB;
}
@media (min-width: 1024px) {
.sliding-modal .modal-content .basket-items .set8:not(.multi-buy-discount) ~ .set8 .item-image::before {
top: -25px;
}
}
.sliding-modal .modal-content .basket-items .multi-buy-discount.set9 ~ .set9 {
border-top: none;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .basket-items .set9:not(.multi-buy-discount) ~ .set9 .item-image::before {
content: '+';
position: absolute;
height: 15px;
width: 15px;
top: -22px;
left: calc(50% - 7px);
text-align: center;
font-size: 20px;
line-height: 15px;
font-weight: 400;
color: #BBBBBB;
}
@media (min-width: 1024px) {
.sliding-modal .modal-content .basket-items .set9:not(.multi-buy-discount) ~ .set9 .item-image::before {
top: -25px;
}
}
.sliding-modal .modal-content .basket-items .multi-buy-discount.set10 ~ .set10 {
border-top: none;
border-left: 2px solid #DDDDDD;
border-right: 2px solid #DDDDDD;
}
.sliding-modal .modal-content .basket-items .set10:not(.multi-buy-discount) ~ .set10 .item-image::before {
content: '+';
position: absolute;
height: 15px;
width: 15px;
top: -22px;
left: calc(50% - 7px);
text-align: center;
font-size: 20px;
line-height: 15px;
font-weight: 400;
color: #BBBBBB;
}
@media (min-width: 1024px) {
.sliding-modal .modal-content .basket-items .set10:not(.multi-buy-discount) ~ .set10 .item-image::before {
top: -25px;
}
}
.sliding-modal .modal-content .yotpo-loyalty-cart-loyalty-container {
font-size: 12px;
padding: 5px 10px;
background: linear-gradient(90deg, #E9F6F5 0%, #FFF 100%);
border-radius: 5px;
}
.sliding-modal .modal-content .yotpo-loyalty-cart-loyalty-container .yotpo-loyalty-cart-loyalty {
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-align: center;
align-items: center;
}
.sliding-modal .modal-content .yotpo-loyalty-cart-loyalty-container .yotpo-loyalty-cart-loyalty .yotpo-loyalty-icon {
width: 25px;
height: auto;
aspect-ratio: 1 / 1;
background-color: #FFFFFF;
border-radius: 50%;
border: 1px solid #EEEEEE;
}
.sliding-modal .modal-content .yotpo-loyalty-cart-loyalty-container .yotpo-loyalty-cart-loyalty-info {
font-weight: 500;
line-height: 150%;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
max-width: 100%;
}
.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;
}
.account_dropdown-header {
position: relative;
display: -ms-flexbox;
display: flex;
}
.account_dropdown-header a:hover {
text-decoration: none;
}
.account_dropdown-header .account_dropdown-overlay {
display: none;
}
@media screen and (min-width: 768px) {
.account_dropdown-header:hover .account_dropdown-overlay {
display: -ms-flexbox;
display: flex;
z-index: 100;
}
}
.account_dropdown-header .account_dropdown-overlay-badge {
border-radius: 2px;
background: #44998F;
font-size: 12px;
line-height: 12px;
font-style: normal;
font-weight: 500;
padding: 4px;
color: #FFFFFF;
margin-left: 6px;
}
.account_dropdown-overlay {
display: -ms-flexbox;
display: flex;
position: absolute;
top: 30px;
right: 0;
z-index: 2;
}
.account_dropdown-overlay-component {
font-size: 14px;
background: #FFFFFF;
width: 225px;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1023px) {
.account_dropdown-overlay-component {
width: 290px;
}
}
.account_dropdown-overlay-list {
display: -ms-flexbox;
display: flex;
}
.account_dropdown-overlay-list a {
color: #000000 !important;
}
.account_dropdown-overlay-link {
padding: 12px 15px;
line-height: 20px;
width: 100%;
border-bottom: 1px solid #DDDDDD;
display: -ms-flexbox;
display: flex;
}
.account_dropdown-overlay-link:hover {
background: #EEEEEE;
}
.account_dropdown-signout-img {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: 10px;
}
.account_dropdown-signout-img img {
width: 20px;
}
.pt_storefront .cart-products {
position: relative;
}
.pt_storefront .product-image > a {
position: relative;
}
.product-image img.Sirv.image-hover,
.cart-products img.Sirv.image-hover,
.qborderimage img.Sirv.image-hover,
.item-image img.Sirv.image-hover {
position: absolute;
right: 0;
left: 0;
bottom: 0;
object-fit: cover !important;
opacity: 0;
transition: opacity .2s;
}
.product-image:hover img.Sirv.image-hover,
.cart-products:hover img.Sirv.image-hover,
.qborderimage:hover img.Sirv.image-hover,
.item-image:hover img.Sirv.image-hover {
opacity: 1;
}
.sirv-zoom.smv-cursor-zoom-out .sirv-outside-zoom {
border: 1px solid black;
box-shadow: none;
}
.Sirv .sirv-grid-gallery .smv-thumbnails .smv-selector[data-type="video"]:before {
background-image: url(https://scripts.sirv.com/sirvjs/v3/graphics/icons/black/icon.video.3.svg) !important;
background-color: rgba(128, 128, 128, 0.58) !important;
}
.Sirv .smv-item[data-selector-type="bullets"] smv-thumbnail[data-video="livetvvideo"],
.Sirv .smv-item[data-selector-type="bullets"] smv-thumbnail[data-type="video"],
.Sirv .smv-item[data-selector-type="bullets"] smv-thumbnail[data-video="360video"] {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0px 5px 10px;
border-color: transparent transparent transparent #888888;
border-radius: 0;
box-shadow: unset;
border-radius: unset !important;
background-color: unset;
}
.Sirv .smv-item[data-selector-type="bullets"].smv-active smv-thumbnail[data-video="livetvvideo"]::before,
.Sirv .smv-item[data-selector-type="bullets"].smv-active smv-thumbnail[data-type="video"]::before,
.Sirv .smv-item[data-selector-type="bullets"].smv-active smv-thumbnail[data-video="360video"]::before {
content: "";
position: absolute;
border-style: solid;
-ms-transform: translate(-115%, -50%);
transform: translate(-115%, -50%);
border-color: transparent transparent transparent #FFFFFF;
border-width: 4px 0px 4px 8px;
}
.Sirv .smv-item[data-selector-type="bullets"].smv-active smv-thumbnail[data-video="livetvvideo"]:after,
.Sirv .smv-item[data-selector-type="bullets"].smv-active smv-thumbnail[data-type="video"]:after,
.Sirv .smv-item[data-selector-type="bullets"].smv-active smv-thumbnail[data-video="360video"]:after {
content: "";
}
.pdp-main .bottom-line {
border-top: 1px solid #BBBBBB;
margin-top: 10px;
}
.pdp-main .currently-on-air {
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
color: #198754;
margin-bottom: 20px;
}
.pdp-main .product-top .product-name {
font-size: 18px;
line-height: 26px;
font-weight: 500;
text-transform: none;
margin: 0 0 10px 0;
}
.pdp-main .product-top .product-price {
display: inline-block;
padding-right: 10px;
}
.pdp-main .product-top .content-asset {
display: inline-block;
padding-right: 10px;
}
.pdp-main .product-top .product-free-delivery-hint {
color: #DC3545;
}
.pdp-main .product-top .product-reviews {
display: block;
width: auto;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.pdp-main .product-top .one-size-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pdp-main .product-add-to-cart.pdp-quickview .availability-msg.lowstockbox {
display: block;
}
.pdp-main .product-add-to-cart {
margin-top: 24px;
padding-top: 24px;
border-top: 2px solid #EEEEEE;
}
.pdp-main .product-add-to-cart .quantity {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.pdp-main .product-add-to-cart .quantity label {
margin-bottom: 10px;
display: block;
color: #000;
text-transform: initial;
font-size: 14px;
}
.pdp-main .product-add-to-cart .quantity .expected {
margin-top: -10px;
margin-right: 20px;
font-size: 14px;
color: #50A39A;
position: relative;
top: -12px;
}
.pdp-main .product-add-to-cart .quantity .availability {
margin-right: 15px;
}
@media screen and (max-width: 280px) {
.pdp-main .product-add-to-cart .quantity .expected {
margin-top: -10px;
margin-right: 2px;
font-size: 14px;
color: #50A39A;
position: absolute;
}
}
.pdp-main .product-add-to-cart .quantity .quantity-cell {
padding: 0;
width: 1px;
padding-right: 10px;
}
.pdp-main .product-add-to-cart .quantity .quantity-cell .selector {
width: 75px;
}
.pdp-main .product-add-to-cart .quantity .quantity-cell .input-text {
width: 75px;
}
.pdp-main .product-add-to-cart .quantity .availability-cell {
padding: 7px 0 0 0;
}
.pdp-main .product-add-to-cart .availability-msg.lowstockbox {
display: none;
}
.pdp-main .product-add-to-cart .promotion {
margin: 0 0 20px 0;
text-transform: none;
color: #DC3545;
line-height: 18px;
font-weight: 500;
text-transform: uppercase;
}
.pdp-main .product-add-to-cart .shipping-hint {
text-transform: none;
margin-bottom: 8px;
}
.pdp-main .product-add-to-cart .button-container .two-buttons {
margin-top: 40px;
display: table;
width: auto;
}
.pdp-main .product-add-to-cart .button-container .two-buttons .button-container-inner {
display: table-row;
}
.pdp-main .product-add-to-cart .button-container .two-buttons .button-container-cell {
display: table-cell;
vertical-align: middle;
}
.pdp-main .product-add-to-cart .button-container .two-buttons .separator {
text-align: center;
padding: 0 10px;
text-transform: none;
}
@media (min-width: 768px) and (max-width: 1279px) {
.pdp-main .product-add-to-cart .button-container .two-buttons .separator {
padding: 0 3px !important;
font-size: 11px !important;
}
}
.pdp-main .inform-me-when-available-pdp {
margin-top: 30px;
margin-bottom: 40px;
}
.pdp-main .inform-me-when-available-pdp .form-row {
max-width: 100%;
}
.pdp-main .inform-me-when-available-pdp .field {
display: inline-block;
margin-right: 20px;
}
.pdp-main .inform-me-when-available-pdp .button-container {
display: inline-block;
}
.pdp-main .pdp-gemstone-info {
margin: 5px 0 20px;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.pdp-main .pdp-gemstone-info .gemstone-link {
font-weight: 500;
color: #50A39A;
}
.pdp-main .ra-details-wrapper {
margin: 30px 0;
padding: 15px;
background: #F5F5F5;
}
.pdp-main .ra-details-wrapper .ra-details-top {
text-align: center;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table {
display: table;
width: 100%;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table .ra-details-top-row {
display: table-row;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table .ra-details-top-row .ra_timercounter .ra-timer {
margin: 0;
line-height: 32px;
color: #50A39A;
font-weight: 500;
font-size: 24px;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table .ra-details-top-row .ra_timercounter .ra-timer span {
font-weight: 400;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table .ra-details-top-row .ra_timercounter .red {
color: #DC3545;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table .ra-details-top-row .ra_timercounter .pulse-slow {
animation: blinker 1s linear infinite;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table .ra-details-top-row .ra_pricebids {
padding: 15px 0 0 0;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table .ra-details-top-row .ra-details-top-cell {
display: table-cell;
width: 50%;
color: #000;
padding: 15px 0 0 0;
vertical-align: top;
text-align: center;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table .ra-details-top-row .ra-details-top-cell.highlighted {
padding: 15px 10px;
text-align: center;
background: #EEEEEE;
line-height: 16px;
vertical-align: middle;
position: relative;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table .ra-details-top-row .ra-details-top-cell.highlighted .savings {
position: absolute;
top: 59px;
left: 50%;
width: 120px;
z-index: 1;
background-color: #198754;
color: #FFFFFF;
text-align: center;
margin-left: -60px;
padding: 3px 0;
}
.pdp-main .ra-details-wrapper .ra-details-top .ra-details-top-table .ra-details-top-row .ra-details-top-cell.highlighted .savings.no-background {
background-color: transparent;
}
.pdp-main .ra-details-wrapper .ra-details-top .auction-ended-msg {
color: #DC3545;
font-size: 22px;
line-height: 24px;
}
.pdp-main .ra-details-wrapper .ra-details-top .auction-ended-msg.nobids {
color: #BBBBBB;
}
.pdp-main .ra-details-wrapper .ra-details-top .time-counter .time-counter-table .row-values .time-counter-cell {
font-size: 22px;
line-height: 24px;
}
.pdp-main .ra-details-wrapper .ra-details-top .time-counter .time-counter-table .row-labels .time-counter-cell {
font-size: 12px;
line-height: 16px;
}
.pdp-main .ra-details-wrapper .ra-details-top .price-bids {
font-size: 22px;
line-height: 24px;
color: #000;
}
.pdp-main .ra-details-wrapper .ra-details-bottom {
text-align: center;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .ra-listing-login-btn {
padding-top: 12px;
padding-bottom: 12px;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .winner-you {
font-size: 22px;
color: #198754;
line-height: 40px;
font-weight: 400;
height: 40px;
text-align: center;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .button-add-to-cart {
padding-top: 12px;
padding-bottom: 12px;
display: block;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .ra-bid-action {
margin: 20px auto 20px;
max-width: 350px;
display: -ms-flexbox;
display: flex;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .ra-bid-action .ra-bid-action-col.col-1 {
width: 100px;
margin-right: 10px;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .ra-bid-action .ra-bid-action-col.col-3 {
width: 100%;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .ra-bid-action .ra-bid-action-col .ra-bid-action-col-inner {
position: relative;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .ra-bid-action .ra-bid-action-col .ra-bid-action-col-inner .label {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #000;
line-height: 20px;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .ra-bid-action .ra-bid-action-col .ra-bid-action-col-inner .input-text {
padding: 7px 10px 7px 22px!important;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .ra-bid-action .ra-bid-action-col .ra-bid-action-col-inner .auto-bid-info {
text-align: center;
font-size: 12px;
line-height: 10px;
padding-top: 3px;
text-transform: none;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .ra-bid-action .ra-bid-action-col .ra-bid-action-col-inner .button {
display: block;
}
.pdp-main .section-ra-bid-history {
margin: 30px 0 40px 0;
}
.pdp-main .section-ra-bid-history .item-list th {
white-space: nowrap;
}
.pdp-main .section-ra-bid-history .item-list td {
padding-top: 10px;
padding-bottom: 10px;
}
.pdp-main .section-ra-bid-history .item-list .your-bid td {
color: #198754;
}
.pdp-main .section-ra-bid-history .item-list .cell-amount {
white-space: nowrap;
}
.pdp-main .section-ra-bid-history .item-list .cell-time {
white-space: nowrap;
width: 1px;
}
.pdp-main .section-ra-bid-history .show-more-container {
text-align: right;
}
.pdp-main .section-ra-bid-history .show-more-container.hidden {
display: none;
}
.pdp-main .product-description.product-description-listing {
margin-bottom: 30px;
}
.pdp-main .product-description.product-description-listing ul {
padding-left: 20px;
}
.pdp-main .product-description.product-description-listing ul li:first-of-type {
margin-top: 0;
}
.pdp-main .product-description.product-description-listing ul li:before {
content: "\f00c";
font-family: 'FontAwesome';
float: left;
margin-left: -1.5em;
color: #198754;
}
.pdp-main .button-container-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row;
flex-direction: row;
}
.pdp-main .button-container-wrapper .promotion {
margin: 0 0 0 20px !important;
width: auto;
max-width: 315px;
}
.pdp-main .product-code-pdp {
width: 100%;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.6;
color: #000;
font-weight: 400;
text-transform: none;
letter-spacing: 0.4px;
text-align: left;
}
.pdp-main .product-code-pdp span {
font-weight: 500;
}
.ui-dialog .pdp-main .product-cols .product-col-1 {
float: left;
width: 40%;
}
.ui-dialog .pdp-main .product-cols .product-col-2 {
float: right;
width: 55%;
margin: 0;
}
.ui-dialog .pdp-main .product-cols .product-col-2 .product-top .product-reviews {
position: relative;
display: inline-block;
}
.ui-dialog .pdp-main .product-cols .product-col-2 .product-top .link-details-container {
font-size: 16px;
line-height: 1.6;
margin: 15px 0;
font-weight: 500;
}
.ui-dialog .pdp-main .carousel-container.pdp-thumb-tiles .carousel li.productthumbnail {
width: 33.33333333%;
}
@media (max-width: 767px) {
.pdp-main .pdp-section .pdp-gemstone-info {
margin-bottom: 30px;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.pdp-main #QuickViewDialog .pdp-section .primary-col {
padding-bottom: 20px;
width: 100%;
}
.pdp-main #QuickViewDialog .pdp-section .secondary-col {
width: 100%;
}
.pdp-main .product-top .product-name {
font-size: 20px;
line-height: 28px;
}
.pdp-main .product-top .product-wishlist {
float: right;
padding-right: 0;
}
.pdp-main .product-top .product-price {
padding-left: 5px;
padding-right: 5px;
}
.pdp-main .product-top .product-free-delivery-hint {
padding-left: 5px;
padding-right: 5px;
display: block;
margin-top: 0;
}
.pdp-main .product-top .product-reviews.only-for-mobile {
display: inline-block !important;
position: relative;
left: 0;
top: 0;
}
.pdp-main .product-cols .product-col-1 {
float: none;
width: auto;
margin-bottom: 20px;
}
.pdp-main .product-cols .product-col-2 {
float: none;
width: auto;
font-size: 12px;
line-height: 16px;
}
.pdp-main .product-description {
margin-bottom: 15px;
}
.pdp-main .product-thumbnails {
display: none !important;
}
.pdp-main .product-add-to-cart .quantity {
margin-bottom: 20px;
}
.pdp-main .product-add-to-cart .quantity .quantity-table {
width: auto;
}
.pdp-main .product-add-to-cart .quantity .quantity-cell {
width: auto;
text-align: right;
padding-right: 5px;
}
.pdp-main .product-add-to-cart .quantity .availability-cell {
text-align: left;
padding-left: 5px;
}
.pdp-main .product-add-to-cart .button-container.two-buttons {
width: 100%;
margin-top: 15px;
}
.pdp-main .product-add-to-cart .button-container.two-buttons .separator {
padding: 0 5px;
}
.pdp-main .product-add-to-cart .button-container.two-buttons .button {
display: block;
padding-left: 1px;
padding-right: 1px;
width: 100%;
}
.pdp-main .product-actions a.link-wishlist,
.pdp-main .product-actions a.link-giftregistry {
display: block;
padding: 10px 0 0;
}
.pdp-main .section-info .section-info-row.section-info-row-float .section-info-sub-left {
width: auto;
float: none;
}
.pdp-main .section-info .section-info-row.section-info-row-float .section-info-sub-right {
width: auto;
float: none;
}
.pdp-main .ra-details-wrapper .ra-details-bottom .ra-bid-action .ra-bid-action-col {
max-width: none;
}
.pdp-main .section-ra-bid-history .item-list .cell-time {
white-space: normal;
width: auto;
}
}
.pdp-main .product-primary-image .single-view {
border: 1px solid #DDDDDD;
display: block;
}
.pdp-main .attribute-variations {
margin-bottom: 15px;
}
.pdp-main .attribute-variations .variations-title {
margin-bottom: 4px;
}
.pdp-main .attribute-variations .variations-title span {
font-weight: 500;
}
.pdp-main .attribute-variations .swatches .swatch {
width: 60px;
height: 60px;
display: inline-block;
margin-right: 4px;
margin-bottom: 4px;
}
.pdp-main .attribute-variations .swatches .swatch img {
box-sizing: border-box;
border: 2px solid #FFFFFF;
}
.pdp-main .attribute-variations .swatches .swatch img:hover {
border: 2px solid #BBBBBB;
}
.pdp-main .attribute-variations .swatches .swatch.selected img {
border: 2px solid #000000;
}
@media (min-width: 1149px) {
.pdp-main .attribute-variations {
margin: 15px 0;
}
}
.pdp-main .product-variations .attribute {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pdp-main .product-variations .attribute.pdp-size-variations {
margin-top: 24px;
padding-top: 24px;
border-top: 2px solid #EEEEEE;
}
.pdp-main .product-variations .attribute.pdp-size-variations li {
margin: 0 10px 0 0;
}
.pdp-main .product-variations .attribute.pdp-size-variations .size-chart-wrapper .size-name span {
visibility: hidden;
}
.pdp-main .product-variations .attribute.pdp-size-variations .size-chart-wrapper .size-name span.visible {
visibility: visible;
}
.pdp-main .product-variations .attribute .label {
color: #000;
width: 100%;
}
.pdp-main .product-variations .attribute .value {
width: 100%;
}
.pdp-main .product-variations .attribute .swatches {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pdp-main .product-variations .attribute .swatches .swatchanchor {
position: relative;
}
.pdp-main .product-variations .attribute .swatches .swatchanchor .img {
border-radius: 5px;
}
.pdp-main .product-variations .attribute .swatches .swatchanchor .bundle-variant-discount {
position: absolute;
top: -8px;
left: 4px;
right: 4px;
background: #30afa4;
color: #FFFFFF;
border-radius: 100px;
font-size: 11px;
font-weight: 600;
line-height: 16px;
}
.pdp-main .product-variations .attribute .swatches.color:has(.bundle-variant-discount) {
margin-top: 8px;
row-gap: 14px;
}
.pdp-main .product-variations .attribute .swatches.color .unavailable .swatchanchor {
background: transparent;
border-radius: 5px;
}
.pdp-main .product-variations .attribute .swatches.color .unavailable .swatchanchor.active {
border: 2px solid #0C497C;
}
.pdp-main .product-variations .attribute .swatches.color .unavailable .swatchanchor.active:before {
border-top: 1px solid #000000;
width: 100px;
}
.pdp-main .product-variations .attribute .swatches.color .unavailable .swatchanchor.active .notifyme-bell {
background: #FFFFFF;
}
.pdp-main .product-variations .attribute .swatches.color .unavailable.selected {
border-radius: 5px;
}
.pdp-main .product-variations .attribute .swatches.color .unavailable.selected .swatchanchor .notifyme-bell {
background: #FFFFFF;
}
.pdp-main .product-variations .attribute .swatches.color .unavailable.selected .swatchanchor.remove-notifyme-bell:after {
content: none;
}
.pdp-main .product-variations .attribute .swatches li {
display: inline-block;
}
.pdp-main .product-variations .attribute .swatches li a {
display: block;
border: 2px solid #DDDDDD;
background-color: #FFFFFF;
color: #000;
font-size: 14px;
min-width: 50px;
height: 50px;
line-height: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-transform: none;
text-decoration: none;
padding: 0 8px;
box-sizing: border-box;
border-radius: 5px;
font-size: 16px;
}
.pdp-main .product-variations .attribute .swatches li a:hover {
text-decoration: none;
border-color: #224C7A;
}
.pdp-main .product-variations .attribute .swatches li.selected a,
.pdp-main .product-variations .attribute .swatches li.selected a:hover {
text-decoration: none;
background-color: #224C7A;
border-color: #224C7A;
color: #FFFFFF;
pointer-events: none;
font-weight: 500;
}
.pdp-main .product-variations .attribute .swatches li.unavailable a {
background-color: #EEEEEE;
border-color: #EEEEEE;
color: #888888;
position: relative;
}
.pdp-main .product-variations .attribute .swatches li.unavailable a:hover,
.pdp-main .product-variations .attribute .swatches li.unavailable a:active,
.pdp-main .product-variations .attribute .swatches li.unavailable a.active {
background-color: #EEEEEE;
border: 2px solid #0C497C;
color: #000000;
}
.pdp-main .product-variations .attribute .swatches li.unavailable a:hover span,
.pdp-main .product-variations .attribute .swatches li.unavailable a:active span,
.pdp-main .product-variations .attribute .swatches li.unavailable a.active span {
border: 2px solid #0C497C;
}
.pdp-main .product-variations .attribute .swatches li.unavailable a:before {
border-top: 2px solid #000000;
width: 80px;
}
.pdp-main .product-variations .attribute .swatches li.unavailable a:after {
position: absolute;
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 50% 50%;
-ms-flex-flow: wrap;
flex-flow: wrap;
place-content: center;
box-sizing: border-box;
padding: 13px;
border-radius: 100%;
background-color: #EEEEEE;
top: 5px;
right: 5px;
-ms-transform: scale(1) translate(50%, -50%);
transform: scale(1) translate(50%, -50%);
-ms-transform-origin: 100% 0;
border: 2px solid #FFFFFF;
z-index: 1;
}
.pdp-main .product-variations .attribute .swatches li.unavailable a:hover:after {
border: 2px solid #0C497C;
background-image: url('data:image/svg+xml,');
}
.pdp-main .product-variations .attribute .swatches li.unavailable .notifyme-bell {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
place-content: center;
position: absolute;
box-sizing: border-box;
padding: 0 6px;
height: 29px;
border-radius: 100%;
background-color: #EEEEEE;
top: 5px;
right: 5px;
-ms-transform: scale(1) translate(50%, -50%);
transform: scale(1) translate(50%, -50%);
-ms-transform-origin: 100% 0;
border: 2px solid white;
z-index: 1;
}
.pdp-main .product-variations .attribute .swatches li.unavailable.selected a {
background-color: #EEEEEE;
border: 2px solid #0C497C;
color: #000000;
}
.pdp-main .product-variations .attribute .swatches li.unavailable.selected a span {
border: 2px solid #0C497C;
}
.pdp-main .product-variations .attribute .swatches li.unavailable.selected a:before {
border-top: 2px solid #000000;
width: 80px;
}
.pdp-main .product-variations .attribute .swatches li.unavailable.selected a:after {
position: absolute;
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: 50% 50%;
-ms-flex-flow: wrap;
flex-flow: wrap;
place-content: center;
box-sizing: border-box;
padding: 13px;
border-radius: 100%;
background-color: #EEEEEE;
top: 5px;
right: 5px;
-ms-transform: scale(1) translate(50%, -50%);
transform: scale(1) translate(50%, -50%);
-ms-transform-origin: 100% 0;
border: 2px solid #0C497C;
z-index: 1;
}
.pdp-main .product-variations .attribute .swatches.color li {
margin-inline: 5px;
}
.pdp-main .product-variations .attribute .swatches.color li a {
width: 72px;
height: 72px;
border-radius: 0;
}
.pdp-main .product-variations .attribute .swatches.color li .remove-notifyme-bell:after {
content: none;
}
.pdp-main .product-variations .attribute .swatches.color li .swatchanchor {
padding: 0!important;
border: 2px solid #FFFFFF;
border-radius: 5px;
box-sizing: inherit;
}
.pdp-main .product-variations .attribute .swatches.color li.strikeoosproduct {
position: relative;
}
.pdp-main .product-variations .attribute .swatches.color li.strikeoosproduct .swatchanchor:before {
position: absolute;
content: "";
left: 0;
top: 30px;
bottom: 25px;
right: 0;
border-top: 2px solid #DDDDDD;
-ms-transform: rotate(-45deg) translate(-4%, -12%);
transform: rotate(-45deg) translate(-4%, -12%);
width: 80px;
}
.pdp-main .product-variations .attribute .swatches.color li.strikeoosproduct .swatchanchor img {
opacity: 0.3;
}
.pdp-main .product-variations .attribute .swatches.color li.available {
border-radius: 5px;
}
.pdp-main .product-variations .attribute .swatches.color li.available .swatchanchor {
border: 2px solid #FFFFFF;
}
.pdp-main .product-variations .attribute .swatches.color li.available .swatchanchor:hover {
border: 2px solid #0C497C;
}
.pdp-main .product-variations .attribute .swatches.color li.selected a {
padding: 4px !important;
background-color: transparent;
border: 2px solid #0C497C;
}
.pdp-main .product-variations .attribute .swatches .resizable-contact {
width: 100%;
}
.pdp-main .product-variations .missing-size-error-msg {
background-color: #F5F5F5;
border-left: 5px solid #DC3545;
color: #DC3545;
padding-left: 10px;
line-height: 40px;
}
.pdp-main .product-variations.size-selected .not-available-current-size .swatchanchor {
border-radius: 5px;
}
.pdp-main .product-variations.size-selected .not-available-current-size .swatchanchor:before {
position: absolute;
content: "";
left: 0;
top: 30px;
bottom: 25px;
right: 0;
border-top: 2px solid #000000;
opacity: 0.3;
-ms-transform: rotate(-45deg) translate(-4%, -12%);
transform: rotate(-45deg) translate(-4%, -12%);
width: 80px;
}
.pdp-main .product-variations.size-selected .not-available-current-size .swatchanchor:hover {
border: 2px solid #0C497C !important;
}
.pdp-main .product-variations.size-selected .not-available-current-size .swatchanchor img {
opacity: 0.5;
}
.pdp-main .product-variations.size-selected .attribute.pdp-size-variations .size-chart-wrapper .size-name span {
visibility: visible;
}
.att-list-pdp .value {
float: left;
text-align: left;
padding-left: 15px;
font-weight: 500;
margin-left: 0!important;
}
.att-list-pdp .label {
float: left;
text-align: left;
}
.pdp-greywrapper {
/* Payment method section */
}
.pdp-greywrapper .price-sales {
font-size: 32px;
line-height: 36px;
text-transform: none;
font-weight: 500;
}
.pdp-greywrapper .price-section {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.pdp-greywrapper .price-section .free-delivery-slot {
line-height: 25px;
margin-left: 15px;
background: #50A39A;
color: #FFFFFF;
padding: 0 15px;
border-radius: 30px;
font-size: 14px;
}
.pdp-greywrapper .pdp-promotional-save-after {
font-size: 16px;
color: #DC3545;
font-weight: 500;
}
.pdp-greywrapper .budgetpay,
.pdp-greywrapper .paypal-credit,
.pdp-greywrapper .clearpay {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: 12px;
margin-bottom: 5px;
}
.pdp-greywrapper .budgetpay img,
.pdp-greywrapper .paypal-credit img,
.pdp-greywrapper .clearpay img {
display: block;
margin-right: 10px;
height: auto;
max-height: 24px;
}
.pdp-greywrapper .budgetpay span,
.pdp-greywrapper .paypal-credit span,
.pdp-greywrapper .clearpay span {
font-weight: 400;
font-size: 14px;
line-height: 1.4;
}
.pdp-greywrapper .payment-method {
margin-top: 20px;
}
.pdp-greywrapper .payment-method .payment-method-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
display: none;
/* Hidden in the mockup, can be shown if needed */
}
.pdp-greywrapper .payment-method .payment-icons {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 8px;
margin-top: 15px;
}
.pdp-greywrapper .payment-method .payment-icons .payment-icon {
height: 24px;
}
.section-info-sub-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
@media (max-width: 1024px) {
.section-info-sub-wrapper {
display: block;
}
}
.section-info-sub-wrapper .section-product,
.section-info-sub-wrapper .stones-wrapper {
width: 100%;
}
.pdp-main .section-info .section-info-row .section-info-sub .attribute-list li .label {
width: 160px;
float: left;
}
.pdp-main .section-info .section-info-row .section-info-sub .attribute-list li .value {
margin-left: 150px;
max-width: calc(100% - 200px);
}
.pdp-main .section-info .section-info-row .section-info-sub .attribute-list li:after {
clear: both;
}
.pdp-main .section-info .section-info-row .section-info-sub .attribute-list li:after,
.pdp-main .section-info .section-info-row .section-info-sub .attribute-list li:before {
content: " ";
display: table;
}
.pdp-main .section-info .section-info-row .section-info-sub .attribute-table {
width: 100%;
}
@media (max-width: 767px) {
.pdp-main .section-info .section-info-row .section-info-sub .attribute-table {
table-layout: auto;
}
}
.pdp-main .section-info .section-info-row .section-info-sub .attribute-table tr td {
padding: 0 10px 5px 0;
}
.pdp-main .section-info .section-info-row .section-info-sub .attribute-table tr td:nth-child(2) {
white-space: nowrap;
width: 30px;
}
.pdp-main .section-info .section-info-row .section-info-sub .attribute-table tr td:last-child {
padding-right: 0;
white-space: nowrap;
width: 60px;
text-align: right;
}
@media (min-width: 768px) {
.section-recommendations {
border: 1px solid #DDDDDD;
margin: 30px 0 30px 0;
}
}
.section-recommendations .section-recommendations-containers {
width: 100%;
}
.section-recommendations .section-recommendations-containers .section-recommendations-containers-wrapper {
display: none;
padding: 15px;
min-height: 150px;
}
.section-recommendations .section-recommendations-containers .section-recommendations-containers-wrapper.actived {
display: block;
}
.section-recommendations .section-recommendations-containers .section-recommendations-containers-wrapper .mobile-title {
display: none;
}
.section-recommendations.old-pdp-template .section-recommendations-containers .section-carousel-title {
display: none;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .utils-wrapper {
display: -ms-flexbox;
display: flex;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .utils-wrapper .icons-product-image-zoom {
position: absolute;
left: 10px;
bottom: 10px;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .utils-wrapper .icons-product-image .fa-search-plus {
color: #000;
font-size: 25px;
cursor: pointer;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .product-thumbnails .carousel-container-inner .thumbnail-link img {
max-height: 80px;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .product-thumbnails .carousel-container-inner ul.carousel li.productthumbnail {
max-width: 103px!important;
width: 103px!important;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .product-thumbnails .carousel-container-inner ul.carousel li.productthumbnail.selected .productthumbnail-inner .productthumbnail-inner-content {
border-color: #000;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .product-thumbnails .carousel-container-inner ul.carousel li.productthumbnail .productthumbnail-inner .productthumbnail-inner-content {
position: relative;
cursor: pointer;
padding: 5px 5px 0 5px;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .product-thumbnails .carousel-container-inner ul.carousel li.productthumbnail .productthumbnail-inner .productthumbnail-inner-content img {
border: 1px solid #DDDDDD;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .product-thumbnails .carousel-container-inner ul.carousel li.productthumbnail .productthumbnail-inner .productthumbnail-inner-content .icons-product-image-360.productthumbnail {
width: 40px;
height: 40px;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .product-thumbnails .carousel-container-inner ul.carousel li.productthumbnail .productthumbnail-inner .productthumbnail-inner-content .icons-product-image-360.productthumbnail.overlayvideo-open {
top: 50%;
left: 50%;
position: absolute;
margin-top: 0;
margin-left: unset;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .product-thumbnails .carousel-container-inner ul.carousel li.productthumbnail .productthumbnail-inner .productthumbnail-inner-content .icons-product-image-360.productthumbnail.overlayvideo-open .fa-play {
line-height: 20px;
font-size: 29px;
width: 40px;
height: 40px;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .icons-product-image-360 {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
background-color: rgba(255, 255, 255, 0.5);
position: relative;
left: -15px;
text-align: center;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .icons-product-image-360 .label-video {
font-size: 18px;
line-height: 24px;
padding-top: 5px;
}
.pt_product-details:not(.pdp_redesign) #product-content-wrapper .icons-product-image-360 .fa-play {
font-size: 29px;
padding-top: 12px;
color: #000000;
}
.low-stock-label {
color: #A6192E;
size: 16px;
margin-left: 0;
-ms-flex-preferred-size: max-content;
flex-basis: max-content;
}
@media (min-width: 1280px) {
.low-stock-label {
margin-left: 10px;
}
}
#product-content-wrapper .product-col-1 .product-description {
margin-top: 15px;
}
#product-content-wrapper .primary-col.smaller {
position: relative;
margin-bottom: 30px;
}
@media (max-width: 767px) {
#product-content-wrapper .primary-col.smaller {
margin-bottom: 10px;
}
}
#product-content-wrapper .icons-product-image-360 {
display: inline-block;
width: 90px;
height: 78px;
margin: 0 auto;
top: -10px;
}
#product-content-wrapper .label-video {
text-align: center;
font-weight: 500;
color: #000000;
line-height: 17.1px;
}
#product-content-wrapper .icons-product-image-360.productthumbnail {
position: relative;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
}
#product-content-wrapper .icons-product-image-360.productthumbnail.productthumbnail {
margin-top: 33px;
margin-left: 23px;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
width: 80px;
height: 80px;
text-align: center;
z-index: 1;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#product-content-wrapper .icons-product-image-360.productthumbnail.productthumbnail .fa-play {
width: 80px;
height: 80px;
font-size: 19px;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 40px;
color: #000000;
text-indent: 5px;
text-align: center;
}
#product-content-wrapper .product-tile-nav-arrows .pdp-btn-img {
background-color: initial !important;
color: #000 !important;
border: none !important;
width: 25px;
height: 25px;
position: absolute;
display: -ms-flexbox;
display: flex;
top: 50%;
z-index: 2;
}
#product-content-wrapper .product-tile-nav-arrows .pdp-btn-img.nav-prev {
left: 5px;
padding-left: 4px;
padding-right: 6px;
}
#product-content-wrapper .product-tile-nav-arrows .pdp-btn-img.nav-next {
right: 5px;
padding-left: 6px;
padding-right: 4px;
}
.ui-dialog-content #product-content-wrapper .product-tile-nav-arrows .pdp-btn-img {
top: 50%;
}
@media (max-width: 767px) {
#product-content-wrapper .product-tile-nav-arrows .pdp-btn-img {
top: 50%;
}
}
#product-content-wrapper .product-free-delivery-hint p {
margin: 5px 0 0 0;
}
#product-content-wrapper div.inform-me-when-available-pdp {
margin: 0;
}
#product-content-wrapper div.inform-me-when-available-pdp .field {
width: 100%;
}
#product-content-wrapper div.inform-me-when-available-pdp .button-container {
width: 100%;
}
#product-content-wrapper div.inform-me-when-available-pdp .input-text:focus + label {
top: 0;
}
#product-content-wrapper div.inform-me-when-available-pdp .notifyme-help-text {
margin-bottom: 15px;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
#product-content-wrapper div.inform-me-when-available-pdp .label-notify-me {
text-transform: capitalize;
}
#product-content-wrapper div.inform-me-when-available-pdp .button {
font-size: 20px;
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
height: 50px;
}
#product-content-wrapper div.inform-me-when-available-pdp .button svg {
margin-top: 2px;
}
#product-content-wrapper .product-description-mobile {
display: none;
}
@media (max-width: 767px) {
#product-content-wrapper .product-description-mobile {
display: block;
}
}
#product-content-wrapper .name-inventory {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
@media (min-width: 1280px) {
#product-content-wrapper .name-inventory {
-ms-flex-direction: row;
flex-direction: row;
}
}
#product-content-wrapper .size-chart-wrapper {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: start;
justify-content: flex-start;
}
#product-content-wrapper .size-chart-wrapper .size-chart-title {
margin: 0 0 5px 0;
}
#product-content-wrapper .size-chart-wrapper .size-chart-link-simple {
display: block;
width: 50%;
float: left;
text-align: right;
font-size: 16px;
color: #50A39A;
text-decoration: underline;
}
#product-content-wrapper .pdp-price-review {
width: 100%;
position: relative;
}
#product-content-wrapper .pdp-price-review .pdp-product-reviews {
position: absolute;
top: -55px;
right: 0;
height: 55px;
overflow: hidden;
margin: 0px;
width: 212px;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
#product-content-wrapper .pdp-price-review .pdp-product-reviews {
-ms-transform: scale(0.9);
transform: scale(0.9);
-ms-transform-origin: right;
transform-origin: right;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#product-content-wrapper .pdp-price-review .pdp-product-reviews {
top: -57px;
-ms-transform: scale(0.7);
transform: scale(0.7);
-ms-transform-origin: right;
transform-origin: right;
}
}
@media screen and (max-width: 767px) {
#product-content-wrapper .pdp-price-review .pdp-product-reviews {
top: -48px;
right: -2px;
-ms-transform: scale(0.7);
transform: scale(0.7);
-ms-transform-origin: right;
transform-origin: right;
}
}
@media (min-width: 1280px) {
#product-content-wrapper .pdp-price-review {
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
}
#product-content-wrapper .pdp-price-review .pdp-product-reviews {
margin-top: 0;
}
}
#product-content-wrapper .pdp-video {
padding-top: 15px;
padding-bottom: 15px;
}
#product-content-wrapper .see-more {
margin: 10px 0 20px 0;
color: #50A39A;
font-size: 14px;
font-weight: 500;
}
#product-content-wrapper .see-more a {
color: #50A39A;
}
#product-content-wrapper .inform-me-when-available-pdp {
margin-top: 20px;
margin-bottom: 15px;
width: 100%;
}
#product-content-wrapper .inform-me-when-available-pdp .field {
width: 50%;
margin-right: 0;
}
#product-content-wrapper .inform-me-message-success {
margin-top: 30px;
margin-bottom: 40px;
color: #198754;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
#product-content-wrapper .inform-me-message-fail {
margin-top: 10px;
color: #DC3545;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
#product-content-wrapper .link-wishlist-title {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
text-transform: none;
letter-spacing: 0.4px;
border: 1px solid #DDDDDD;
color: #000;
font-size: 12px;
text-align: center;
padding: 8px;
margin: 15px 0 15px 0;
cursor: pointer;
font-weight: 500;
display: block;
width: 100%;
box-sizing: border-box;
}
#product-content-wrapper .link-wishlist-title .fa {
font-size: 14px;
}
#product-content-wrapper .link-wishlist-title.likelist-on {
border: 2px solid #BBBBBB;
margin-top: -1px;
margin-bottom: 20px;
}
#product-content-wrapper .link-wishlist-title.likelist-on .fa {
color: #DC3545;
}
#product-content-wrapper .link-wishlist-title:hover,
#product-content-wrapper .link-wishlist-title:focus {
border: 2px solid #BBBBBB;
text-decoration: none;
}
.pdp-extra-content.pdp-extra-content-desktop {
display: none;
}
.pdp-extra-content.pdp-extra-content-mobile {
display: block;
}
@media (min-width: 768px) {
.pdp-extra-content.pdp-extra-content-desktop {
display: block;
}
.pdp-extra-content.pdp-extra-content-mobile {
display: none;
}
}
.pdp-extra-content.pdp-extra-content-pdp {
padding-top: 15px;
}
.ssmp_x2-wrapper {
width: 100%!important;
height: 0px!important;
overflow: hidden!important;
position: relative!important;
margin-bottom: 0px!important;
padding-bottom: 56.25% !important;
}
.ssmp_x2-wrapper .jwplayer {
width: 100%!important;
height: 100% !important;
position: absolute!important;
}
.ssmp_x2-wrapper #ssmp_x2 {
position: absolute!important;
height: 100%!important;
width: 100%!important;
top: 0px!important;
left: 0px!important;
}
@media (min-width: 768px) {
.pdp-mobile-only {
display: none !important;
}
}
@media (max-width: 767px) {
.pdp-except-mobile {
display: none !important;
}
}
.pdp-secondcolumn-mobile {
margin-top: 25px;
}
@media (max-width: 767px) {
.secondary-col.pdp-redesign-colsize {
width: 100% !important;
}
}
@media (min-width: 768px) {
.secondary-col.pdp-redesign-colsize {
width: 41.63% !important;
}
}
@media (max-width: 767px) {
.primary-col.pdp-redesign-colsize {
width: 100%;
}
}
@media (min-width: 768px) {
.primary-col.pdp-redesign-colsize {
width: 54.37%;
}
}
/* .likelist-extra {
display: inline-block;
height: 32px;
.likelist-extra-link {
display: block;
background-color: @grey-dark;
height: 32px;
cursor: pointer;
vertical-align: middle;
width: 32px;
text-decoration: none !important;
.fa {
color: @white;
font-size: 20px;
display: block;
margin: 0 auto;
text-align: center;
margin-top: 8px;
text-decoration: none !important;
}
}
.likelist-extra-link:hover, .likelist-extra-link:focus {
margin-top: -5px;
text-decoration: none !important;
.fa {
text-decoration: none !important;
}
}
} */
@media (min-width: 768px) {
#product-content-wrapper .icons-product-image {
display: -ms-flexbox;
display: flex;
}
#product-content-wrapper .icons-product-image.mobile-only {
display: none;
}
#product-content-wrapper .utils-wrapper {
display: -ms-flexbox;
display: flex;
}
#product-content-wrapper .utils-wrapper.mobile-only {
display: none;
}
}
@media (max-width: 767px) {
.att-list-pdp {
display: table !important;
column-count: 1 !important;
}
}
.att-list-pdp .label {
float: left;
text-align: left;
}
.att-list-pdp .value {
float: left;
text-align: left;
padding-left: 15px;
font-weight: 500;
margin-left: 0 !important;
}
.att-list-pdp .metal-name {
white-space: nowrap;
}
.flyin-hide-pdp-content {
display: none !important;
}
.pdp-main .button-grey.button {
background-color: transparent!important;
}
.pdp-main .button-grey.nav-next,
.pdp-main .button-grey.nav-prev {
border: none !important;
background-color: transparent!important;
}
.pdp-main .button-grey.nav-next .fa,
.pdp-main .button-grey.nav-prev .fa {
font-size: 18px;
color: #000 !important;
}
.pdp-main .button-grey.disabled,
.pdp-main .button-grey.disabled:hover,
.pdp-main .button-grey.disabled:focus {
border: none !important;
background-color: transparent!important;
}
.pdp-main .button-grey.disabled .fa,
.pdp-main .button-grey.disabled:hover .fa,
.pdp-main .button-grey.disabled:focus .fa {
color: #BBBBBB !important;
}
.pdp-main .button-grey:hover,
.pdp-main .button-grey:focus {
border: none !important;
}
.pdp-main .button-grey:hover .fa,
.pdp-main .button-grey:focus .fa {
color: #BBBBBB !important;
}
.pdp-main .product-add-to-cart .quantity-table div.selector.disabled,
.pdp-main .product-add-to-cart .quantity-table div.selector.disabled.active {
background-position: 100% 50%;
}
.product-top.pdp-quickview {
width: 100% !important;
}
.product-top.pdp-quickview .product-name {
font-size: 14px !important;
line-height: 22px !important;
width: 100% !important;
}
.product-top.pdp-quickview .link-details-container {
border-bottom: 1px solid #BBBBBB;
padding-bottom: 10px;
margin-bottom: 10px;
}
.product-top.pdp-quickview .link-details-container a {
color: #50A39A;
font-weight: 500;
text-transform: uppercase;
}
.pdp-redesign-colsize.pdp-quickview {
margin-bottom: 0 !important;
}
.pdp-main .product-primary-image {
position: relative;
}
.pdp-main .product-primary-image img {
display: block;
height: auto;
width: 75%;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
cursor: pointer;
border-radius: 8px;
/* Add corner radius to product images */
}
.pdp-main .pdp-thumb-tiles .bubble-ctr {
display: none!important;
}
.pdp-main .carousel-view {
display: block;
position: absolute;
top: 0;
left: -9999px;
opacity: 0;
width: 100%;
height: 100%;
border: 1px solid #BBBBBB;
}
.pdp-greywrapper .price-sales {
font-size: 32px;
line-height: 36px;
text-transform: none;
font-weight: 500;
}
.pdp-greywrapper .price-section {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.pdp-greywrapper .price-section .free-delivery-slot {
line-height: 25px;
margin-left: 15px;
background: #50A39A;
color: #FFFFFF;
padding: 0 15px;
border-radius: 30px;
font-size: 14px;
}
.pdp-greywrapper .pdp-promotional-save-after {
font-size: 16px;
color: #DC3545;
font-weight: 500;
}
.ui-dialog #QuickViewDialog .pdp-main .carousel-container-inner {
margin-top: 10px;
}
.ui-dialog #QuickViewDialog .pdp-main .carousel-container-inner .thumbnail-link img {
max-height: 80px;
}
.ui-dialog #QuickViewDialog .size-chart-wrapper .size-chart-title {
width: 100%;
}
@media (max-width: 767px) {
.sticky-desktop-check .pdp-greywrapper {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 20px;
}
}
.sticky-desktop-check .product-content-pdp-wrapper .product-add-to-cart .pdpForm div.selector {
background-color: #FFFFFF;
width: 5em!important;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form {
padding: 15px 0;
line-height: 10px;
width: auto;
height: auto;
background-color: #EEEEEE;
color: #000;
}
@media (min-width: 768px) {
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form {
padding: 15px;
}
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form legend.title {
font-size: 16px;
font-weight: 500;
padding-bottom: 10px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form legend.desp {
padding-bottom: 10px;
font-size: 11px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form span.despDate {
font-weight: 500;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form span.excLen {
font-weight: 500;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form label.excTxt {
font-size: 12px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form label.excTxtDis {
display: block;
padding: 5px 0 0 0;
line-height: 12px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form div.selector,
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .input-text {
background-color: #FFFFFF;
height: 50px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form div.selector {
padding: 5px;
margin: 10px 0px 2px 0px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .input-text {
height: 50px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form div.select .styledSelect {
padding-top: 18px!important;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .form-row-select .field .select-label {
top: -5px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .form-row-new {
margin: 5px 0px 3px 0px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .form-row-new .field .img-edit {
width: 70px;
height: 50px;
line-height: 50px;
display: inline-block;
position: absolute;
right: 0px;
color: #50A39A;
cursor: pointer;
font-weight: 500;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .form-row-new .field .img-edit:after {
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
content: " \f0da";
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .img-edit {
display: none;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form span.checked::before {
top: 15px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .form-row.form-row-checkbox label {
line-height: 18px;
font-size: 12px;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .form-row.form-row-checkbox label span {
color: #50A39A;
text-decoration: underline!important;
font-weight: 500;
cursor: pointer;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .error {
color: #DC3545;
font-size: 11px;
font-weight: 500;
margin-bottom: 2px;
display: none;
margin-top: -2px;
top: unset;
left: unset;
padding-top: unset;
}
.pdp-mobile-only .product-content-pdp-wrapper .engraving-form .error-msg {
display: none!important;
}
.pdp-mobile-only .product-content-pdp-wrapper .product-add-to-cart {
padding-top: 20px;
}
.pdp-mobile-only .product-content-pdp-wrapper .product-add-to-cart .pdpForm div.selector {
background-color: #FFFFFF;
width: 5em!important;
}
.warranty-section .header {
margin-bottom: -20px;
}
.warranty-section .header .header-icon {
max-width: 2rem;
}
.warranty-section .header .header-icon img {
width: 40px;
vertical-align: sub;
}
.warranty-section .header .header-title h6 {
margin: 8px 0 8px 0;
}
.warranty-section .warranty-box {
border: 1px solid #BBBBBB;
padding: 10px;
max-width: 400px;
}
.warranty-section .warranty-box .warranty-inner-content {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.warranty-section .warranty-box .warranty-inner-content .item {
display: inline-block;
font-size: 14px;
}
.warranty-section .warranty-box .warranty-inner-content .warranty-dialog {
cursor: pointer;
width: 100%;
}
.warranty-section .warranty-box .warranty-inner-content .warranty-dialog .item:nth-child(1) {
padding-left: 10px;
}
.warranty-section .warranty-box .warranty-inner-content .warranty-dialog .tjcplussubheading {
padding-left: 10px;
line-height: normal;
font-size: 13px;
}
.warranty-section .warranty-box .warranty-inner-content .warranty-dialog .tjcplussubheading img {
margin-bottom: -4px;
width: 47px;
height: auto;
display: inline-block;
}
.warranty-section .warranty-box .warranty-inner-content .total-warranty-price {
font-weight: 500;
}
.warranty-section .warranty-box .warranty-inner-content .rightarrow:after {
font-size: 30px;
content: '\f105';
font-family: FontAwesome;
font-weight: 400;
padding-left: 10px;
color: #000;
vertical-align: middle;
cursor: pointer;
}
@media (max-width: 768px) {
.warranty-section .warranty-box .warranty-inner-content .rightarrow:after {
padding-left: 5px;
}
}
.warranty-section .warranty-box .warranty-inner-content .warrantyImage {
width: 4em;
line-height: 10px;
}
.warranty-section .warranty-box .warranty-inner-content .warrantyImage img {
width: 85%;
}
.warranty-section .warranty-box .warranty-inner-content #warranty-badge {
width: 10%;
height: auto;
}
.warranty-section .warranty-box .warranty-quantity-box {
display: none;
}
.warranty-section .warranty-box .warranty-quantity-box p {
margin: 15px 0 3px 0;
text-transform: uppercase;
}
.warranty-section .warranty-box .warranty-quantity-box .hide {
display: none;
}
.warranty-section .warranty-box .warranty-quantity-box .flex {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.warranty-section .warranty-box .info-icon {
border: 1px solid #0D6EFD;
border-radius: 50%;
padding: 0;
width: 20px;
height: 20px;
background-color: #0D6EFD;
}
.warranty-section .warranty-box .info-icon:after {
line-height: 20px;
font-size: 15px;
content: 'i';
font-family: FontAwesome;
font-weight: 500;
padding-left: 0.5rem;
color: white;
vertical-align: super;
}
.warranty-section .warranty-box .info-icon:hover + .hide {
display: block;
position: absolute;
box-shadow: 0px 0px 20px 0px #DDDDDD;
padding: 10px;
font-size: 12px;
line-height: 15px;
width: 185px;
z-index: 999999;
background-color: #FFFFFF;
margin-top: 5px;
-ms-transform: translate(-70%, 5px);
transform: translate(-70%, 5px);
}
.warranty-mini-cart-dialog {
padding: 0;
left: 0 !important;
margin: 0 0 0 auto !important;
width: 23.4375rem !important;
height: calc(100% - 1px) !important;
}
@media (max-width: 1024px) {
.warranty-mini-cart-dialog {
width: 23.4375rem !important;
}
}
@media (max-width: 767px) {
.warranty-mini-cart-dialog {
width: 100% !important;
}
}
.warranty-mini-cart-dialog .ui-dialog-titlebar {
background-color: #EEEEEE;
box-sizing: border-box;
height: 50px;
padding: 14px;
font-weight: 500;
line-height: 18px;
font-size: 18px;
}
.warranty-mini-cart-dialog .ui-dialog-titlebar .ui-dialog-title {
display: block;
}
.warranty-mini-cart-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
border-color: transparent;
background-color: transparent;
right: 5px;
top: 5px;
}
.warranty-mini-cart-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon::before {
font-size: 30px;
color: #DC3545;
}
.warranty-mini-cart-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
color: #A6192E;
background-color: unset;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody {
padding: 20px 20px 20px 20px;
max-height: 500px;
overflow-y: auto;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody::-webkit-scrollbar {
width: 6px;
background: transparent;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody::-webkit-scrollbar-track {
border-radius: 10px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody::-webkit-scrollbar-thumb {
background: #000;
border-radius: 10px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody::-webkit-scrollbar-thumb:window-inactive {
background: transparent;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .icon-tick {
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .icon-tick:after {
line-height: 32px;
font-size: 26px;
content: '\e901';
font-family: FontAwesome;
font-weight: 400;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .productDetails,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails {
line-height: 18px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .productDetails .xrow,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .xrow,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails .xrow {
margin: 0px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .productDetails .xrow [class*=xcol],
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .xrow [class*=xcol],
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails .xrow [class*=xcol] {
padding: 0px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .productDetails .image,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .image,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails .image {
text-align: left;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .productDetails .image img,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .image img,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails .image img {
width: 50px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .productDetails .name,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .name,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails .name {
padding: 0 0 0 10px !important;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .productDetails .name .bold,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .name .bold,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails .name .bold {
font-weight: 500;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .productDetails .name .tjcplussubheading,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .name .tjcplussubheading,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails .name .tjcplussubheading {
text-transform: uppercase;
font-size: 13px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .productDetails .name .tjcplussubheading img,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .name .tjcplussubheading img,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails .name .tjcplussubheading img {
margin-bottom: -4px;
width: 47px;
height: auto;
display: inline-block;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .productDetails .price,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .price,
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails .price {
text-align: right;
font-weight: 500;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails {
margin-top: 30px;
margin-bottom: 25px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .warranty-shield-icon {
padding: 0 0 0 0.3rem;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails img {
width: 40px!important;
margin-right: auto;
margin-left: auto;
display: block;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warrantyDetails .name {
text-transform: lowercase;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails {
margin-top: 15px;
padding: 10px 0 10px 0;
border-top: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .totalDetails .title {
font-weight: 500;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warCover {
padding: 15px 0 15px 0;
border-bottom: 1px solid #BBBBBB;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warCover span.title {
font-weight: 500;
line-height: 16px;
font-size: 16px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warCover ul {
margin-top: 10px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warCover ul li {
font-size: 14px;
margin: 6px 0 6px 0;
font-weight: 500;
line-height: 18px;
display: -ms-inline-flexbox;
display: inline-flex;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warCover ul li:before {
font-family: FontAwesome;
font-weight: 400;
font-size: 26px;
content: '\e901';
display: inline-block;
vertical-align: top;
padding-right: 15px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warCover .xrow {
margin: 10px 0 10px 0;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warCover .xrow [class*=xcol] {
padding-right: 0px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warCover .xrow .symbol {
padding-left: 0;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warCover .xrow .content {
font-weight: 500;
line-height: 18px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warNotInc {
padding: 15px 0 15px 0;
border-bottom: 1px solid #BBBBBB;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warNotInc span.title {
font-weight: 500;
line-height: 14px;
font-size: 14px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warNotInc ul li {
font-size: 12px;
line-height: 18px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warNotInc ul li:before {
font-size: 35px;
content: '\2022';
font-family: FontAwesome;
vertical-align: top;
padding-right: 10px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warQty {
padding: 15px 0 0 0;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warQty span.title {
display: -ms-flexbox;
display: flex;
font-size: 16px;
text-transform: uppercase;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warQty span.title .item-checkbox {
line-height: unset;
margin-right: 10px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warQty span.title .name {
line-height: 2.5rem;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warQty .warranty-Qty {
display: -ms-flexbox;
display: flex;
gap: 15px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warQty .warranty-Qty .warUpdateBtn {
width: 100%;
height: 30px;
line-height: 30px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warQty .warAddBtn {
width: 180px;
margin: 5px 0 15px 0;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warQty .warAddBtnLink {
width: 180px;
margin: 5px 0 15px 0;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warQty #pricechangefornottjcplus {
font-size: 14px;
font-weight: 500;
margin-top: 10px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warQty #pricechangefornottjcplus img {
width: 47px;
height: auto;
margin-bottom: -4px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warDetails {
padding: 15px 0 15px 0;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warDetails span.title {
font-weight: 500;
line-height: 14px;
font-size: 14px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warDetails ul li {
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warDetails ul li:before {
font-size: 35px;
content: '\2022';
font-family: FontAwesome;
vertical-align: top;
padding-right: 10px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .warDetails ul li span {
font-weight: 500;
line-height: 18px;
font-size: 14px;
text-transform: lowercase;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .t_cDetails {
padding: 0 0 0 0;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .t_cDetails span.title {
font-weight: 500;
line-height: 13px;
font-size: 12.5px;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .t_cDetails p {
font-size: 12px;
line-height: 18px;
margin: 0;
}
.warranty-mini-cart-dialog .dialog-content .warrantyMiniCartBody .t_cDetails p a {
color: #50A39A;
font-weight: 500;
text-decoration: underline !important;
}
.warranty-shield-icon {
position: relative;
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
display: inline;
}
.warranty-shield-icon .shield-icon {
font-size: 40px;
position: absolute;
color: #000000;
font-style: inherit;
font-weight: 500;
}
.warranty-shield-icon .shield-icon:before {
content: "\e900";
}
.warranty-shield-icon .check-icon {
font-size: 25px;
position: absolute;
font-style: inherit;
font-weight: 400;
margin-left: 15px;
margin-top: -5px;
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.warranty-shield-icon .check-icon:before {
content: "\e901";
}
@media (max-width: 1150px) {
.tracker {
display: none!important;
}
}
@media (max-width: 767px) {
#QuickViewDialog .price-sales {
font-size: 24px;
}
#QuickViewDialog .pdp-section .primary-col {
padding-bottom: 20px;
width: 100%;
}
#QuickViewDialog .pdp-section .secondary-col {
width: 100%;
display: block !important;
}
#QuickViewDialog .pdp-section .secondary-col .price-sales {
line-height: 30px;
}
}
.pdp_redesign .section-info-sub-wrapper {
display: block;
}
.pdp_redesign .section-info-sub-wrapper .section-product .att-list-pdp {
border: 0;
width: auto;
}
.pdp_redesign .section-info-sub-wrapper .section-product .att-list-pdp li {
width: 48%;
}
@media (max-width: 767px) {
.pdp_redesign .section-info-sub-wrapper .section-product .att-list-pdp li {
width: 100%;
}
}
.pdp_redesign .section-info-sub-wrapper .section-product .att-list-pdp li.attribute-item > * {
border-top: 0;
}
.section-info-sub-wrapper .section-product {
width: 100%;
}
.section-info-sub-wrapper .section-product .att-list-pdp {
width: 100%;
box-sizing: border-box;
border: 1px solid #DDDDDD;
margin-bottom: 20px;
}
.section-info-sub-wrapper .section-product .att-list-pdp li {
width: 100%;
display: -ms-flexbox;
display: flex;
}
.section-info-sub-wrapper .section-product .att-list-pdp li .label {
width: 50%!important;
border-right: 1px solid #CCCCCC;
background: #F5F5F5;
}
.section-info-sub-wrapper .section-product .att-list-pdp li .value {
margin-left: 0!important;
width: 50%!important;
text-align: right!important;
padding-left: 0!important;
max-width: 100%;
}
.section-info-sub-wrapper .section-product .att-list-pdp li.attribute-item > * {
border-top: 1px solid #CCCCCC;
padding: 6px 15px!important;
}
.section-info-sub-wrapper .section-product .att-list-pdp li.attribute-item:first-child > * {
border-top: 0;
}
.section-info-sub-wrapper .section-stone {
margin-bottom: 20px;
}
.section-info-sub-wrapper .section-stone table.attribute-table {
border: 1px solid #DDDDDD;
border-collapse: separate;
}
.section-info-sub-wrapper .section-stone table.attribute-table tr td {
border-bottom: 1px solid #CCCCCC;
padding: 6px 15px!important;
border-right: 1px solid #CCCCCC;
}
.section-info-sub-wrapper .section-stone table.attribute-table tr td:first-child {
background: #F5F5F5;
}
.section-info-sub-wrapper .section-stone table.attribute-table tr td:last-child {
border-right: 0;
}
.section-info-sub-wrapper .section-stone table.attribute-table tr:last-child td {
border-bottom: 0;
}
.pdp-main .section-info .section-info-row .show-more {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #FFFFFF;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 12%, rgba(255, 255, 255, 0.9) 34%, rgba(255, 255, 255, 0.96) 57%, #FFFFFF 73%);
text-align: center;
visibility: visible !important;
}
.pdp-main .section-info .section-info-row .show-more .togglebutton.show {
display: inline-block;
}
.pdp-main .section-info .section-info-row .show-more .togglebutton {
margin: 35px 0;
display: none;
padding: 5px 57px;
border: 2px solid #DDDDDD;
font-size: 14px;
line-height: 1.7;
background-color: #FFFFFF;
color: #000;
min-width: 106px;
text-transform: uppercase;
cursor: pointer;
}
.pdp-main .section-info .section-info-row:after,
.pdp-main .section-info .section-info-row:before {
content: " ";
display: table;
}
.pdp-main .section-info .section-info-row:after {
clear: both;
}
.pdp-main .section-info .section-info-row .show-more.show-less {
position: relative;
}
.pdp-main .section-info .section-info-row .show-more .togglebutton.show {
display: inline-block;
}
.price-sales span {
vertical-align: middle;
}
.price-sales span.plus-icon,
.price-sales span.free-dev {
font-size: 16px;
}
@media (min-width: 767px) and (max-width: 767.5px) {
.pt_product-details:not(.pdp_redesign) .pdp-main .pdp-section.section-recommendations .section-recommendations-containers .section-recommendations-containers-wrapper .mobile-title {
font-size: 20px!important;
line-height: 30px!important;
}
}
@media (max-width: 767.5px) {
.pt_product-details:not(.pdp_redesign) .pdp-main .pdp-section.section-recommendations {
border: none;
margin: 0;
}
.pt_product-details:not(.pdp_redesign) .pdp-main .pdp-section.section-recommendations .section-recommendations-tabs {
display: none;
}
.pt_product-details:not(.pdp_redesign) .pdp-main .pdp-section.section-recommendations .section-recommendations-containers .section-recommendations-containers-wrapper {
display: block!important;
padding: 0 0 15px 0;
}
.pt_product-details:not(.pdp_redesign) .pdp-main .pdp-section.section-recommendations .section-recommendations-containers .section-recommendations-containers-wrapper .mobile-title {
display: block;
background: #FFFFFF;
padding: 0 15px;
font-weight: 500;
font-size: 18px;
line-height: 28px;
margin: 0 0 20px 0;
position: relative;
z-index: 1;
text-align: center;
}
.pt_product-details:not(.pdp_redesign) .pdp-main .pdp-section.section-recommendations .section-recommendations-containers .section-recommendations-containers-wrapper .mobile-title:before {
border-top: 1px solid #BBBBBB;
content: "";
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: -1;
}
.pt_product-details:not(.pdp_redesign) .pdp-main .pdp-section.section-recommendations .section-recommendations-containers .section-recommendations-containers-wrapper .section-carousel-title {
display: inherit;
}
.pt_product-details:not(.pdp_redesign) .pdp-main .pdp-section.product-cols .primary-col .product-thumbnails {
display: block!important;
}
}
.pt_product-details:not(.pdp_redesign) .pdp-main .pdp-section.pdp-section-bottom .pdp-section.section-info .section-info-sub-wrapper .stones-wrapper .see-more {
display: block;
}
@media (min-width: 1024px) {
.stones-wrapper-table {
margin-left: 40px;
}
}
@media (max-width: 767px) {
.stones-wrapper-table .section-info-sub {
width: 98%;
overflow-y: auto;
}
}
.stones-wrapper-table tr.attribute-item ~ .attribute-item {
display: none;
}
.stones-wrapper-table td {
text-align: center;
word-break: break-word;
}
@media (max-width: 767px) {
.stones-wrapper-table td {
word-break: initial;
}
}
.stones-wrapper-table td:last-child {
text-align: center !important;
}
.stones-wrapper-table td:nth-child(1) {
width: 150px;
text-align: left !important;
}
.stones-wrapper-table td:nth-child(3) {
width: 70px;
}
.stones-wrapper-table td:nth-child(4) {
width: 65px;
}
.stones-wrapper-table td:nth-child(5) {
width: 60px;
}
.overlayvideo-container .product-video-disclaimer {
color: #FFFFFF;
}
@media (max-width: 767px) {
.overlayvideo-container .product-video-disclaimer {
padding: 0 9px;
}
}
.dropshiptac {
margin-bottom: 20px;
}
.section-recommendations-containers {
margin-top: 30px;
margin-bottom: 30px;
}
.quick_view .product-name {
font-size: 16px;
line-height: 22px;
font-weight: 500;
margin: 0 0 10px 0;
}
.quick_view .price-sales {
font-size: 24px;
line-height: 24px;
}
@media (max-width: 767px) {
.quick_view {
box-sizing: border-box !important;
width: 100%!important;
height: 100%!important;
padding: 0 0 30px 0!important;
}
.quick_view .ui-dialog-titlebar {
height: 40px;
}
.quick_view .ui-widget-content {
overflow-y: auto;
overflow-x: hidden;
height: calc(100% - 40px) !important;
padding: 15px;
}
}
.pdp-main .product-primary-image {
position: relative;
}
.pdp-main .product-primary-image img {
display: block;
height: auto;
width: 75%;
margin: 0 auto;
margin-top: 30px;
margin-bottom: 30px;
cursor: pointer;
border-radius: 8px;
/* Add corner radius to product images */
}
.pdp-main .pdp-thumb-tiles .productthumbnail {
border-radius: 8px;
/* Add corner radius to thumbnails */
}
.pdp-main .pdp-thumb-tiles .productthumbnail img {
border-radius: 6px;
/* Inner radius for thumbnail images */
}
.pdp-main .pdp-thumb-tiles .productthumbnail.selected .productthumbnail-inner-content {
border-color: #50A39A;
/* Improved stroke color */
}
/* Badge design improvements */
.product-badge {
display: inline-block;
padding: 4px 10px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
.product-badge.sale {
background-color: #DC3545;
color: #FFFFFF;
}
.product-badge.new {
background-color: #50A39A;
color: #FFFFFF;
}
.product-badge.exclusive {
background-color: #224C7A;
color: #FFFFFF;
}
.selected-color,
.selected-size {
font-size: 16px;
font-weight: 500;
margin-bottom: 15px;
}
.selected-color .color-name,
.selected-size .color-name,
.selected-color .size-name,
.selected-size .size-name {
text-transform: uppercase;
}
.pdp_redesign .pdp-container {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 1149.5px) {
.pdp_redesign .pdp-container {
-ms-flex-wrap: unset;
flex-wrap: unset;
}
}
.pdp_redesign .pdp-container-productimage {
width: auto;
-ms-flex-order: 1;
order: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
position: relative;
-ms-flex-positive: 1;
flex-grow: 1;
}
.pdp_redesign .pdp-container-productimage .product-img-section.mainImageSticky {
position: fixed;
top: 20px;
z-index: 9999;
}
.pdp_redesign .pdp-container-productimage .product-img-section.mainImageSticky .product-primary-image img {
width: 84%;
margin: 0;
}
@media screen and (min-width: 1149.5px) and (max-width: 1410px) {
}
@media (min-width: 1410px) {
.pdp_redesign .pdp-container-productimage {
width: calc(50% - 149px);
}
}
.pdp_redesign .pdp-container-productimage .Sirv .playButton {
position: static !important;
}
.pdp_redesign .pdp-container-productimage .Sirv .smv-thumbnails .smv-item {
width: 100%;
height: 100%;
}
.pdp_redesign .pdp-container-productimage .Sirv .smv-thumbnails .smv-item .smv-custom-thumbnail {
width: 100% !important;
height: 100% !important;
}
.pdp_redesign .pdp-container-productimage .Sirv .smv-thumbnails .smv-item .smv-custom-thumbnail .productthumbnail {
visibility: visible !important;
}
.pdp_redesign .pdp-container-productimage .Sirv .smv-thumbnails .smv-item .smv-custom-thumbnail i {
font-size: 20px;
margin-top: 5px;
}
.pdp_redesign .pdp-container-productimage .Sirv .smv-thumbnails .smv-item .smv-custom-thumbnail .label-video {
font-size: 12px;
}
.pdp_redesign .pdp-container-productimage .Sirv .smv-thumbnails .smv-item .smv-selector:hover,
.pdp_redesign .pdp-container-productimage .Sirv .smv-thumbnails .smv-item .smv-custom-thumbnail:hover {
border-color: #000000;
}
.pdp_redesign .pdp-promotional-save-comma {
display: none;
}
.pdp_redesign .pdp-container-productinfo {
width: calc(100% - 800px);
max-width: unset;
-ms-flex-order: 2;
order: 2;
padding: 0 20px;
box-sizing: border-box;
}
@media (min-width: 1149.5px) {
.pdp_redesign .pdp-container-productinfo {
width: calc(50% - 162px);
}
}
.pdp_redesign .pdp-container-addtocart {
width: 320px;
-ms-flex-order: 3;
order: 3;
}
@media (min-width: 768px) {
.pdp_redesign .pdp-container-addtocart .pdp-box-addtocart {
width: 320px;
}
}
.pdp_redesign .pdp-container-addtocart .product-code-pdp {
float: left;
display: inline-block;
width: auto;
margin-bottom: 0;
margin-top: 10px!important;
}
@media (max-width: 767px) {
.pdp_redesign .pdp-container-addtocart .product-code-pdp {
margin-left: 11px;
}
}
.pdp_redesign .slider-product-tile .quickview {
position: initial;
margin-left: 0;
}
.pdp_redesign .pdp-section.section-info {
width: 100%;
}
.pdp_redesign .pdp-section .section-info-row {
width: 100%;
}
.pdp_redesign .pdp-section .section-info-row .see-more {
margin: 10px 0 0px 0!important;
}
.pdp_redesign .product-description {
margin-top: 15px;
padding-bottom: 10px;
font-size: 14px;
}
@media (max-width: 1149.5px) {
.pdp_redesign .pdp-container-productimage {
-ms-flex-order: 2;
order: 2;
width: calc(100% - 310px);
padding-right: 20px;
box-sizing: border-box;
}
.pdp_redesign .pdp-container-productinfo {
width: 100%;
-ms-flex-order: 1;
order: 1;
padding: 0;
}
.pdp_redesign .pdp-container-addtocart {
/*width: 30%;*/
width: 310px;
}
}
@media (max-width: 767.5px) {
.pdp_redesign .pdp-container-productimage,
.pdp_redesign .pdp-container-addtocart,
.pdp_redesign .pdp-container-addtocart {
width: 100%;
}
.pdp_redesign .pdp_redesign .main-wrapper .main {
padding: 0;
}
.pdp_redesign .pdp-container-productimage {
padding: 0;
}
}
@media (max-width: 1279px) {
.pdp_redesign .flyin .flyin-wrapper {
height: 100vh;
position: fixed;
}
.pdp_redesign .flyin .flyin-wrapper .flyin-inner {
padding: 50px 20px 20px;
}
}
@media (min-width: 1279px) {
.pdp_redesign .flyin.flyin-active {
position: fixed;
width: 100%;
top: 18vh;
z-index: 10;
}
.pdp_redesign .flyin.flyin-active .flyin-wrapper {
position: relative;
max-width: 1200px;
display: block;
margin: 0 auto;
}
.pdp_redesign .flyin.flyin-active .flyin-wrapper .flyin-inner {
max-height: 530px;
overflow-y: scroll;
padding: 0 20px 20px;
}
.pdp_redesign .flyin.flyin-active .flyin-close-ctr {
background: transparent;
position: relative;
box-shadow: none;
}
.pdp_redesign .flyin.flyin-active .flyin-close-ctr .flyin-close-ctr-wrapper {
max-width: 1200px;
background: #FFFFFF;
width: 100%;
top: 0;
}
.pdp_redesign .flyin.flyin-active .overlay-container {
pointer-events: none;
}
}
.pdp_redesign .product-bulletspoins {
display: none;
}
.pdp_redesign .product-video-disclaimer {
color: #FFFFFF;
}
@media (max-width: 767px) {
.pdp_redesign .product-video-disclaimer {
padding: 0 9px;
}
}
.pdp_redesign .product-top .product-name {
color: #000;
text-align: left;
line-height: 1.4;
font-size: 18px;
font-weight: 500;
margin-top: 0;
margin-bottom: 10px;
}
.pdp_redesign .product-top .product-name .product-id {
font-weight: 400;
}
.pdp_redesign .pdp-section-social {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 10px;
}
.pdp_redesign .pdp-review-social {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.pdp_redesign .pdp-review-social .pdp-top-review-summary {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-left: 2px solid #EEEEEE;
margin-left: 5px;
height: 15px;
}
.pdp_redesign .pdp-review-social .pdp-top-review-summary svg {
margin-left: 5px;
}
.pdp_redesign .pdp-review-social .pdp-top-review-summary span {
margin-left: 5px;
text-decoration: underline;
cursor: pointer;
}
.pdp_redesign .pdp-review-social .product-reviews {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.pdp_redesign .pdp-review-social .product-reviews .rating-count {
margin-left: 8px;
color: #888888;
font-weight: 500;
font-size: 16px;
}
.pdp_redesign .pdp-review-social .rating-stars .star {
color: #CCAD55;
font-size: 16px;
}
.pdp_redesign .pdp-brand-logo {
margin-top: 15px;
}
@media (max-width: 1023px) {
.pdp_redesign .pdp-brand-logo.desktop-view {
display: none;
}
}
.pdp_redesign .pdp-brand-logo img {
width: 100px;
}
.pdp_redesign .product-description-listing ul li {
list-style: disc;
padding-bottom: 10px;
color: #000;
}
.pdp_redesign .product-description-listing ul li:before {
display: none !important;
}
@media (max-width: 767px) {
.pdp_redesign .desktop {
display: none;
}
}
@media (min-width: 768px) {
.pdp_redesign .mobile {
display: none;
}
}
.pdp_redesign .pdp-box-addtocart {
padding: 15px 0;
border: 1px solid #DDDDDD;
background: #FFFFFF;
box-sizing: border-box;
}
@media (min-width: 768px) {
.pdp_redesign .pdp-box-addtocart {
padding: 10px;
}
}
.pdp_redesign .pdp-box-addtocart .button-show-similar {
margin-top: 10px;
}
@media (max-width: 767.5px) {
.pdp_redesign .pdp-box-addtocart {
border: 0!important;
padding-top: 0!important;
}
}
.pdp_redesign .pdp-box-addtocart .button-show-similar {
margin-top: 10px;
}
.pdp_redesign .pdp-box-addtocart.pdp-box-outofstock .product-add-to-cart {
border-top: 0 !important;
}
.pdp_redesign .pdp-box-addtocart.pdp-box-outofstock .inform-me-when-available-pdp .field {
min-height: 55px;
}
.pdp_redesign .pdp-box-addtocart.pdp-box-outofstock .not-available-msg {
font-size: 20px;
font-weight: 500;
}
.pdp_redesign .pdp-box-addtocart.pdp-box-outofstock .OOS-msg {
color: #000000;
}
.pdp_redesign .pdp-greywrapper .price-sales {
font-size: 26px;
text-align: left;
line-height: 30px;
}
.pdp_redesign .pdp-greywrapper .plus-icon,
.pdp_redesign .pdp-greywrapper .free-dev {
font-size: 14px;
text-transform: uppercase;
color: #000;
}
.pdp_redesign .pdp-greywrapper .price-section {
display: -ms-flexbox;
display: flex;
}
.pdp_redesign .pdp-greywrapper .price-section .free-delivery-slot {
line-height: 25px;
}
.pdp_redesign .pdp-greywrapper .pdp-promotional-save-after {
font-size: 14px;
}
.pdp_redesign .pdp-greywrapper .price.price-promotion .price-standard.pdp-promotional-save {
text-transform: uppercase;
}
@media (max-width: 767px) {
.pdp_redesign .pdp-greywrapper .price.price-promotion .price-standard.pdp-promotional-save {
margin-top: 0;
}
}
.pdp_redesign .pdp-greywrapper .price .pdp-promotional-save .pdp-promotional-save-before {
display: inline-block;
font-size: 14px;
color: #000;
}
.pdp_redesign .pdp-greywrapper .pdp-greywrapper .pdp-promotional-save-after {
font-size: 14px;
}
.pdp_redesign .pdp-greywrapper .plus-delivery-message .product-plus-delivery .second {
font-size: 14px!important;
margin-left: 0!important;
}
.pdp_redesign .pdp-greywrapper .budgetpay img,
.pdp_redesign .pdp-greywrapper .paypal-credit img {
width: 70px;
margin-right: 5px;
}
.pdp_redesign .pdp-greywrapper .paypal-credit img {
max-width: 54px;
}
.pdp_redesign #product-content-wrapper .product-free-delivery-hint p {
margin: 0;
}
.pdp_redesign .pdp-main .product-add-to-cart .quantity {
margin-top: 4px;
}
.pdp_redesign .pdp-main .product-code-pdp {
width: 100%;
margin-bottom: 15px;
text-align: left;
font-size: 14px;
color: #888888;
}
.pdp_redesign .pdp-main .product-code-pdp span {
font-weight: 500;
}
@media (max-width: 767px) {
.pdp_redesign .pdp-main .product-code-pdp {
font-size: 14px;
}
}
.pdp_redesign .xlt-pdpName.product-name {
font-weight: 500;
}
.pdp_redesign .xlt-pdpName.product-name span {
font-weight: 400;
}
.pdp_redesign .availability-msg .pre-order-text {
color: #50A39A;
}
.pdp_redesign .availability-msg .in-stock-msg.lowstock {
color: #DC3545;
font-weight: 500;
text-transform: uppercase;
}
.pdp_redesign .pdp-main .button-container-wrapper {
display: block;
position: relative;
}
.pdp_redesign .pdp-main .button-container-wrapper .promotion {
margin: 0 0 20px 0 !important;
font-size: 14px;
color: #DC3545;
text-transform: uppercase;
font-weight: 500;
}
.pdp_redesign .warranty-section .warranty-box {
border: unset;
padding: unset;
}
.pdp_redesign #product-content-wrapper .product-description {
font-size: 13px;
line-height: 1.5;
margin-top: 10px;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription {
width: 94%;
background: #EEEEEE;
margin-top: 20px;
border-radius: 10px;
padding: 10px;
display: block;
box-sizing: content-box;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .logo-container .go-plus img {
max-width: 92px;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .tjc-plus-cont {
display: block;
margin: 0;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .tjc-plus-cont label {
margin-left: 10px;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .tjc-plus-cont .form-row.form-row-radio {
margin-top: 5px;
margin-bottom: 5px;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .dec-text {
text-transform: none;
font-size: 14px;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .radio-sub {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 13px;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .radio-sub.selected label {
color: #50A39A;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription input[type="radio"] {
margin-right: 5px;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .equivalent-text {
font-size: 0.8em;
margin-left: 38px;
margin-bottom: 5px;
font-style: normal;
margin-top: -15px;
padding-left: 0;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .subscriptions-button {
padding: 2px 40px;
font-size: 12px;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .del-time ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .del-time ul li {
font-size: 11px;
line-height: 1.8;
list-style: none;
width: 50%;
padding-left: 15px;
box-sizing: border-box;
position: relative;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .del-time ul li:before {
content: "\2022";
position: absolute;
left: 0;
font-size: 25px;
line-height: 20px;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .logo-container {
background: none;
font-size: 12px;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription .logo-container .next-delivery {
font-style: normal;
font-size: 14px;
}
.pdp_redesign .pdp-container-addtocart .price .free-dev {
vertical-align: middle;
}
.pdp_redesign .product-wishlist {
position: absolute;
text-align: center;
z-index: 1;
}
.pdp_redesign .product-wishlist .product-wishlist-link {
display: block;
color: #000;
font-size: 16px;
position: initial;
background-color: #EEEEEE;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
}
.pdp_redesign .product-wishlist .product-wishlist-link.added-to-wishlist {
color: #DC3545;
}
.pdp_redesign .pdp-main-img {
height: auto;
width: 100%;
}
.pdp_redesign .pdp-main .pdp-thumb-tiles {
margin-top: 0!important;
}
.pdp_redesign .carousel-thumbnails {
width: 100px;
}
.pdp_redesign .product-content-pdp-wrapper {
margin-top: 15px;
}
.pdp_redesign .product-content-pdp-wrapper .one-size-row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
.pdp_redesign .product-content-pdp-wrapper {
margin: 20px auto;
margin-bottom: 0;
padding: 0;
}
}
.pdp_redesign .product-content-pdp-wrapper .showlowinstock .availability-msg.nolowstockbox {
display: none;
}
.pdp_redesign .product-primary-image {
width: 100%;
margin-left: auto;
}
@media (max-width: 1149.5px) {
.pdp_redesign .product-primary-image {
width: 100%;
}
}
.pdp_redesign .utils-wrapper.mobile-only {
display: none;
}
.pdp_redesign .product-thumbnails {
width: 52px;
margin-right: 15px;
}
.pdp_redesign .product-primary-image .single-view {
border: 0;
/*display: flex;*/
position: relative;
width: 100%;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
}
.pdp_redesign .pdp-mainimage-prev-btn,
.pdp_redesign .pdp-mainimage-next-btn {
display: none;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
background-color: #FFFFFF;
font-weight: 400;
padding: 0 5px;
z-index: 2;
opacity: 0.5;
}
.pdp_redesign .pdp-mainimage-prev-btn {
left: 0;
}
.pdp_redesign .pdp-mainimage-prev-btn:before {
content: "\2039";
color: #000000;
font-size: 40px;
}
.pdp_redesign .pdp-mainimage-next-btn {
right: 0;
}
.pdp_redesign .pdp-mainimage-next-btn:before {
content: "\203A";
color: #000000;
font-size: 40px;
}
.pdp_redesign .pdp-container-productimage a.thumbnail-link {
display: -ms-flexbox;
display: flex;
}
.pdp_redesign .pdp-container-productimage a.thumbnail-link img {
max-height: 55px;
}
.pdp_redesign .productthumbnail {
width: 100%;
border: 1px solid #DDDDDD;
box-sizing: border-box;
margin-bottom: 8px;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
.pdp_redesign .productthumbnail.selected {
border-color: #000000;
}
.pdp_redesign .single-view .playButton,
.pdp_redesign .smv-slides-box .playButton {
cursor: pointer;
display: none;
}
.pdp_redesign .single-view .playButton .playButtonBackground,
.pdp_redesign .smv-slides-box .playButton .playButtonBackground,
.pdp_redesign .single-view .playButton .playButtonSymbol,
.pdp_redesign .smv-slides-box .playButton .playButtonSymbol {
border: medium none;
display: block;
left: 0;
margin: 0 auto;
/* padding: 8px 16px; */
border-radius: 50%;
position: absolute;
right: 0;
top: 36%;
height: 100px;
width: 100px;
}
.pdp_redesign .single-view .playButton .playButtonBackground,
.pdp_redesign .smv-slides-box .playButton .playButtonBackground {
background-color: #EEEEEE;
font-size: 70px;
height: 150px;
width: 150px;
opacity: 1;
margin-top: -25px;
}
.pdp_redesign .single-view .playButton .playButtonSymbol:after,
.pdp_redesign .smv-slides-box .playButton .playButtonSymbol:after {
content: '\f04b';
font-family: 'FontAwesome';
font-size: 70px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
line-height: 100px;
margin-left: 10px;
color: #000000;
}
.pdp_redesign .icons-product-image-360.productthumbnail.productthumbnail {
margin-top: initial !important;
margin-left: initial !important;
width: 100% !important;
height: auto !important;
-ms-transform: initial !important;
transform: initial !important;
display: block !important;
top: 0 !important;
border: none !important;
}
.pdp_redesign .icons-product-image-360.productthumbnail.productthumbnail .fa-play {
width: auto !important;
height: auto !important;
}
.pdp_redesign .product-primary-image img {
margin-top: unset;
margin-bottom: unset;
height: unset!important;
width: 100%;
}
@media (max-width: 1023px) {
.pdp_redesign .product-img-section-container {
width: 100%;
height: 0;
padding-bottom: 115%;
position: relative;
overflow: hidden;
}
}
.pdp_redesign .product-img-section-container .product-img-section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (max-width: 767px) {
.pdp_redesign .product-img-section-container .product-img-section {
position: relative;
}
}
@media (max-width: 767.5px) {
.pdp_redesign .pdp-box-addtocart {
box-shadow: none;
border-top: 6px solid #EEEEEE;
margin: 20px 0 0 0;
padding-bottom: 0;
}
}
@media (max-width: 767.5px) {
.pdp_redesign .pdp-box-addtocart {
margin: 0 0 0 0!important;
}
}
@media (max-width: 1149.5px) {
.pdp_redesign .breadcrumb {
display: none;
}
.pdp_redesign .xlt-primary {
margin-top: 20px;
}
.pdp_redesign .pdp-box-addtocart {
margin: 0 0 20px 0;
}
.pdp_redesign .pdp-container-addtocart #plus-subscription {
margin-top: 0;
padding: 10px;
}
.pdp_redesign .pdp-container-productinfo {
padding: 0;
}
}
@media (max-width: 767px) {
.pdp_redesign .pdp-container-productinfo {
padding: 0;
}
}
@media (max-width: 767.5px) {
.pdp_redesign .mobile-no-borderTop-marginTop-PaddingTop {
border-top: 0!important;
margin-top: 0!important;
padding-top: 0!important;
}
.pdp_redesign .mobile-no-borderTop-marginTop-PaddingTop.product-add-to-cart {
margin-top: -11px !important;
}
}
@media (min-width: 768px) {
.pdp_redesign .pdp-main .product-description.only-mobile {
display: none;
}
}
.pdp_redesign .warranty-section .warranty-box .warranty-quantity-box .xcol-lg-5 {
-ms-flex: 0;
flex: 0;
padding-right: 0;
}
.pdp_redesign .section-info .section-info-row .section-info-sub {
margin-left: 0;
}
.pdp_redesign .section-info .section-info-row .section-info-sub .attribute-list li .label {
width: 50%;
overflow-wrap: anywhere;
}
@media (max-width: 767px) {
.pdp_redesign .section-info .section-info-row .section-info-sub .attribute-list li .label {
font-size: 13px;
}
}
.pdp_redesign .section-info .section-info-row .section-info-sub .attribute-list li .value {
max-width: 50%;
text-align: right;
}
@media (max-width: 767px) {
.pdp_redesign .section-info .section-info-row .section-info-sub .attribute-list li .value {
font-size: 13px;
}
}
.pdp_redesign .section-info .section-info-row .section-info-sub .attribute-list li .value span:after {
content: ',';
}
.pdp_redesign .section-info .section-info-row .section-info-sub .attribute-list li .value span:only-child:after,
.pdp_redesign .section-info .section-info-row .section-info-sub .attribute-list li .value span:last-child:after {
content: '';
}
.pdp_redesign .product-details-attribute li .value {
text-align: right !important;
}
.pdp_redesign .stones-wrapper.pdp-section-product-details .label {
padding: 6px 15px;
}
.pdp_redesign .inform-me-message-fail {
display: none;
}
.pdp_redesign .inform-me-message-fail:nth-child(3) {
display: block;
}
.pdp_redesign .button-container-wrapper .product-wishlist.QB-visible-true {
bottom: 0;
right: 0;
}
.pdp_redesign .button-container-wrapper .product-wishlist.QB-visible-false {
position: relative;
margin-top: 15px;
}
.pdp_redesign .yotpo-loyalty-pdp-loyalty {
display: -ms-flexbox;
display: flex;
margin-top: 18px;
-ms-flex-align: center;
align-items: center;
gap: 6px;
width: fit-content;
border-radius: 20px 5px 5px 20px;
background: linear-gradient(90deg, #E0EFEE 0%, #FFF 100%);
}
.pdp_redesign .yotpo-loyalty-pdp-loyalty .yotpo-loyalty-icon {
background-color: #FFFFFF;
border-radius: 50%;
border: 1px solid #EEEEEE;
}
.pdp_redesign .yotpo-loyalty-pdp-loyalty .yotpo-loyalty-pdp-loyalty-title {
font-size: 12px;
}
@media (min-width: 1280px) {
.pdp_redesign .yotpo-loyalty-pdp-loyalty .yotpo-loyalty-pdp-loyalty-title {
font-size: 14px;
}
}
.pdp_redesign .yotpo-loyalty-pdp-loyalty .yotpo-loyalty-pdp-loyalty-link {
text-decoration: underline !important;
text-underline-offset: 4px;
white-space: nowrap;
}
.pdp_redesign .promo-section ~ .yotpo-loyalty-pdp-loyalty,
.pdp_redesign .promotions ~ .yotpo-loyalty-pdp-loyalty {
background: unset;
}
.pdp_redesign .promo-section ~ .bundle-promotion,
.pdp_redesign .promotions ~ .bundle-promotion {
margin-top: 18px;
}
.pdp_redesign square-placement ~ .bundle-promotion {
margin-top: 24px;
}
.pdp_redesign .flexipay ~ .bundle-promotion {
margin-top: 10px;
}
.pdp_redesign .secondary-col {
width: 100% !important;
}
.pdp_redesign .device-hidden {
display: block !important;
}
.pdp_redesign .desktop-hidden {
display: none !important;
}
@media (max-width: 1149.5px) {
.pdp_redesign .device-hidden {
display: none !important;
}
.pdp_redesign .desktop-hidden {
display: block !important;
}
}
@media (min-width: 1149.5px) {
.pdp_redesign .pdp-container-productinfo-mobileandtablet {
display: none;
}
}
@media (max-width: 1023px) {
.pdp_redesign .pdp-container-productinfo-mobileandtablet .product-name {
display: none;
}
}
@media (max-width: 1023px) {
.pdp_redesign .pdp-container-productinfo-mobileandtablet .variations-wrapper .product-variations {
display: none;
}
}
.pdp_redesign .variations-wrapper.non-variant-product {
margin: 0;
padding: 0;
}
.pdp_redesign .remove-box-shadow {
box-shadow: none;
border-top: 2px solid #CCCCCC;
}
.pdp_redesign .cart-variants-group:not(.crossed) {
bottom: 60px;
top: unset;
left: 0;
background-color: #FFFFFF;
width: 100%;
position: fixed;
z-index: 2;
padding: 0;
box-shadow: 0 0 8px #CCCCCC;
}
.pdp_redesign .cart-variants-group:not(.crossed).variations-wrapper .xlt-pdpVariations {
max-width: 480px;
margin: 0 auto;
}
.pdp_redesign .cart-variants-group:not(.crossed) .product-add-to-cart .pdpForm label,
.pdp_redesign .cart-variants-group:not(.crossed) .product-add-to-cart .pdpForm .quantity,
.pdp_redesign .cart-variants-group:not(.crossed) .product-add-to-cart .pdpForm .warranty-section {
display: none;
}
.pdp_redesign .pdp-image-mobile {
display: none;
}
.pdp_redesign .swiper-container {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 0;
}
.pdp_redesign .swiper-container .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -ms-flexbox;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.pdp_redesign .swiper-container .swiper-wrapper .swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: auto!important;
height: 100%;
position: relative;
transition-property: transform;
text-align: center;
font-size: 18px;
background: #FFFFFF;
/* Center slide text vertically */
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.pdp_redesign .swiper-container .swiper-wrapper .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.pdp_redesign .swiper-container .swiper-wrapper .swiper-slide .playButton {
display: block;
}
.pdp_redesign .swiper-container .swiper-container-android .swiper-slide,
.pdp_redesign .swiper-container .swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.pdp_redesign #pdpMain .pdp-section .section-recommendations-containers {
width: 100%;
}
.pdp_redesign #pdpMain .pdp-section.pdp-section-bottom .bottom-line {
display: none;
}
.pdp_redesign #pdpMain .pdp-section.pdp-category-list {
margin: 15px 0 -10px 0;
}
.pdp_redesign #pdpMain .pdp-section.pdp-category-list .pdp-category-list-slider {
padding: 0;
max-width: calc(100% - 10px);
}
.pdp_redesign #pdpMain .pdp-section .pdp-gemstone-info {
margin: 5px 0 20px;
}
.pdp_redesign #pdpMain .pdp-section.section-reviews {
width: 100%;
}
.pdp_redesign .video-text.active {
display: block!important;
width: auto;
position: absolute;
bottom: 15px;
color: #000000;
padding: 0 10px;
font-size: 12px;
}
@media (min-width: 1151px) {
.pdp_redesign .single-view {
min-width: 375px;
min-height: 100px;
}
}
.pdp_redesign .slider-product-tile a.quickview.newquickview.initialized {
margin: 0 auto;
display: block;
opacity: 2;
overflow: visible;
top: 0;
left: 0;
width: auto;
height: auto;
position: relative;
}
@media (min-width: 1024.5px) {
.pdp_redesign .pdp-view-adjuster {
padding: 0 0;
}
}
.pdp_redesign .pdp-section-product-details {
width: 100%;
margin-bottom: 20px;
}
.pdp_redesign .product-details-attribute {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
.pdp_redesign .product-details-attribute {
margin: 0;
display: -ms-flexbox !important;
display: flex !important;
}
}
.pdp_redesign .product-details-attribute li {
width: 48%;
border: 1px solid #DDDDDD;
border-top: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.pdp_redesign .product-details-attribute li {
width: 100%;
}
}
.pdp_redesign .product-details-attribute li:nth-child(1),
.pdp_redesign .product-details-attribute li:nth-child(2),
.pdp_redesign .product-details-attribute li:nth-child(3) {
border-top: 1px solid #CCCCCC;
}
.pdp_redesign .product-details-attribute li > * {
box-sizing: border-box;
padding: 6px 15px;
}
.pdp_redesign .product-details-attribute li .label {
border-right: 1px solid #CCCCCC;
background: #F5F5F5;
width: 50%;
}
.pdp_redesign .product-details-attribute li .value {
text-align: left;
width: 50%;
}
.pdp_redesign .product-details-attribute li .values {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 50%;
-ms-flex-align: center;
align-items: center;
}
.pdp_redesign .product-details-attribute li .values .value {
width: 50%;
box-sizing: border-box;
}
.pdp_redesign .product-details-attribute li .values .value:nth-child(1) {
text-align: left!important;
}
.pdp_redesign .pixlee_container {
width: 100%;
margin: 30px 0;
}
.pdp_redesign .pixlee_container iframe {
padding: 20px 0;
}
.pdp_redesign .pixlee_container a {
display: none !important;
}
@media screen and (max-width: 430px) {
.pdp_redesign .mobile-left-right-padding {
padding: 0 15px;
}
}
@media screen and (max-width: 767px) {
.pdp_redesign #pdp1_pixlee_container {
display: none;
}
.pdp_redesign .not-mobile {
display: none;
}
.pdp_redesign .only-mobile {
display: block;
}
}
@media screen and (min-width: 768px) {
.pdp_redesign #pdp2_pixlee_container {
display: none;
}
.pdp_redesign .not-mobile {
display: block;
}
.pdp_redesign .only-mobile {
display: none;
}
}
.viewdetails-dialog.ui-dialog {
padding: 0;
left: 0 !important;
margin: 0 0 0 auto !important;
width: 375px !important;
height: calc(100% - 1px) !important;
}
.viewdetails-dialog.ui-dialog.bundle-know-more .section-title {
margin: 30px 0 10px 0;
font-size: 16px;
font-weight: 700;
text-transform: none;
}
.viewdetails-dialog.ui-dialog.bundle-know-more .dialog-content .pdp-main .view-details-topinfo .pdp-review-social {
display: none;
}
.viewdetails-dialog.ui-dialog.bundle-know-more .dialog-content .pdp-main .view-details-topinfo .xlt-pdpName.product-name {
font-size: 16px;
font-weight: 700;
}
.viewdetails-dialog.ui-dialog.bundle-know-more .dialog-content .pdp-main .view-details-topinfo .custom-slider-inner::-webkit-scrollbar {
height: 3px !important;
background: transparent;
}
.viewdetails-dialog.ui-dialog.bundle-know-more .dialog-content .pdp-main .view-details-topinfo .pdp-except-mobile.product-description.product-description-listing {
margin-bottom: 0;
}
.viewdetails-dialog.ui-dialog.bundle-know-more .dialog-content .pdp-main .view-details-topinfo .pdp-except-mobile.product-description.product-description-listing ul {
padding-bottom: 0px !important;
}
.viewdetails-dialog.ui-dialog.bundle-know-more .dialog-content .pdp-main .view-details-topinfo .pdp-except-mobile.product-description.product-description-listing h3 {
font-size: 16px;
font-weight: 700;
}
@media (max-width: 1024px) {
.viewdetails-dialog.ui-dialog {
width: 375px !important;
}
}
@media (max-width: 480px) {
.viewdetails-dialog.ui-dialog {
width: 100% !important;
}
}
.viewdetails-dialog.ui-dialog .ui-dialog-titlebar {
background-color: #FFFFFF;
box-sizing: border-box;
height: 50px;
padding-left: 40px;
font-weight: 500;
line-height: 50px;
font-size: 16px;
position: relative;
border-bottom: 1px solid #BBBBBB;
}
.viewdetails-dialog.ui-dialog .ui-dialog-titlebar::before {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 100%;
content: "\f104";
font-family: FontAwesome;
line-height: 50px;
font-size: 25px;
padding-left: 15px;
}
.viewdetails-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
display: block;
}
.viewdetails-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
border-color: transparent;
background-color: transparent;
border-radius: 0;
right: 0;
top: 5px;
text-align: right;
width: 100%;
padding-right: 15px;
}
.viewdetails-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon::before {
font-size: 24px;
color: #DC3545;
}
.viewdetails-dialog.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
color: #A6192E;
background-color: unset;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main {
padding: 15px;
min-height: 500px;
overflow-y: auto;
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE 10+ */
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main::-webkit-scrollbar {
width: 6px;
background: transparent;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main::-webkit-scrollbar-track {
border-radius: 10px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main::-webkit-scrollbar-thumb {
background: #000;
border-radius: 10px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main::-webkit-scrollbar-thumb:window-inactive {
background: transparent;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .icon-tick {
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .icon-tick:after {
line-height: 32px;
font-size: 26px;
content: '\e901';
font-family: FontAwesome;
font-weight: 400;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .secondary-col {
float: none;
margin: 0;
padding: 0;
width: 100%;
}
@media (max-width: 767px) {
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .secondary-col.pdp-redesign-colsize {
width: 100% !important;
}
}
@media (min-width: 768px) {
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .secondary-col.pdp-redesign-colsize {
width: 100% !important;
}
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-except-mobile.product-description.product-description-listing {
display: block !important;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-except-mobile.product-description.product-description-listing h3 {
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #000;
margin-bottom: 10px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-except-mobile.product-description.product-description-listing ul {
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 0 0 30px 10px !important;
list-style: none;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-except-mobile.product-description.product-description-listing ul li {
position: relative;
padding-left: 10px;
margin-bottom: 10px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-except-mobile.product-description.product-description-listing ul li::before {
content: "";
width: 6px;
height: 6px;
position: absolute;
left: -6px;
top: 8px;
background-color: #000;
border-radius: 100px;
float: none;
margin: 0;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-topinfo {
padding: 10px 0 0;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-topinfo .xlt-pdpName.product-name {
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #000;
width: 100%;
margin: 0;
text-transform: none;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-topinfo .pdp-review-social {
display: block;
margin: 0;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-topinfo .pdp-review-social .product-reviews {
min-height: 24px;
margin: 0;
display: -ms-flexbox;
display: flex;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-topinfo .pdp-review-social .product-reviews .rating {
margin-bottom: 10px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-topinfo .pdp-review-social .product-reviews .rating-count {
color: #888888;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider {
padding: 16px 0 0;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 {
position: relative;
width: 100%;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .product-tile-nav-arrows {
opacity: 1;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .custom-slider-inner {
display: -ms-flexbox;
display: flex;
width: auto;
overflow: auto;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .custom-slider-inner::-webkit-scrollbar {
height: 6px;
background: transparent;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .custom-slider-inner::-webkit-scrollbar-track {
border-radius: 5px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .custom-slider-inner::-webkit-scrollbar-thumb {
background: #CCCCCC !important;
border-radius: 5px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .custom-slider-inner .slider-tile {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .fa-chevron-left,
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .fa-chevron-right {
position: absolute;
top: calc(50% - 24px);
padding: 0 10px;
font-size: 24px;
box-sizing: border-box;
z-index: 9 !important;
cursor: pointer;
background-color: transparent;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .fa-chevron-left {
left: 0px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .fa-chevron-right {
right: 0px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .fa-chevron-left,
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-slider .details-slider .custom-slider2 .fa-chevron-right {
font-size: 24px;
background-color: transparent;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .view-details-brand-logo img {
max-width: 160px;
height: 80px;
display: block;
margin: 0 0 30px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .variations-wrapper #product-content-wrapper .product-description {
display: block !important;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-section .section-info {
width: 100%;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-section .section-info-row {
width: 100%;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-section .section-info-row:before {
content: " ";
display: table;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-section .section-info-sub-wrapper {
display: block;
margin: 0 0 20px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-section .section-info-sub-wrapper div.label {
font-size: 13px;
line-height: 18px;
color: #000;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .pdp-section .section-info-sub-wrapper div.label .xgrid {
display: none;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 767px) {
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute {
margin: 0;
display: -ms-flexbox;
display: flex;
}
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute li {
width: 100%;
border: 1px solid #DDDDDD;
border-top: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 13px;
line-height: 20px;
font-weight: 400;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute li:nth-child(1),
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute li:nth-child(2),
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute li:nth-child(3) {
border-top: 1px solid #CCCCCC;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute li > * {
box-sizing: border-box;
padding: 6px 15px;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute li .label {
border-right: 1px solid #CCCCCC;
background: #F5F5F5;
width: 50%;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute li .value {
text-align: right;
width: 50%;
font-weight: 500;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute li .values {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 50%;
-ms-flex-align: center;
align-items: center;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute li .values .value {
width: 50%;
box-sizing: border-box;
}
.viewdetails-dialog.ui-dialog .dialog-content .pdp-main .product-details-attribute li .values .value:nth-child(1) {
text-align: left!important;
}
.product-bundling-container .add-set-items {
width: 100%;
margin-top: 15px;
}
.product-bundling-container .product-bundling .budgetpay {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px;
}
@media (min-width: 1280px) {
.product-bundling-container .product-bundling .budgetpay {
gap: 0px;
}
}
.product-bundling-container.vertical {
border: 1px solid #DDDDDD;
padding: 20px;
margin: 30px 0;
}
.product-bundling-container.vertical h2 {
font-size: 18px;
line-height: 1.3;
margin: 0 0 20px 0;
text-transform: uppercase;
}
.product-bundling-container.vertical .product-set-item.last .product-bundling {
border-bottom: 2px dashed #EEEEEE;
}
.product-bundling-container.vertical .product-set-item .product-bundling {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #DDDDDD;
padding-bottom: 15px;
margin-bottom: 15px;
}
.product-bundling-container.vertical .product-set-item .product-bundling .product-bundling-image {
width: 110px;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column {
width: 100%;
margin: 0 0 0 10px;
}
@media (min-width: 768px) {
.product-bundling-container.vertical .product-set-item .product-bundling .details-column {
margin: 0 20px;
}
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .product-link {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .product-bundling-socialname {
font-weight: 450;
line-height: 1.4;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .product-bundling-pricing {
font-size: 18px;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .product-bundling-pricing .price {
display: -ms-flexbox;
display: flex;
gap: 15px;
font-size: 18px;
font-weight: 600;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .productset-variations {
display: -ms-flexbox;
display: flex;
gap: 15px;
margin-top: 10px;
color: #888888;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .productset-variations span {
color: #000000;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .productset-variations .edit-product {
color: #0D6EFD;
font-weight: bold;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .productset-variations .variations {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1280px) {
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .productset-variations .variations {
gap: 10px;
-ms-flex-direction: row;
flex-direction: row;
}
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .budgetpay {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2px;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .budgetpay b {
font-size: 16px;
margin-right: 5px;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .budgetpay img {
max-height: 20px;
margin-right: 5px;
}
.product-bundling-container.vertical .product-set-item .product-bundling .details-column .pdp-review-social {
margin: 0;
}
.product-bundling-container.vertical .product-set-item .product-bundling div.checker span.checked {
border-color: #000000;
background: #000000;
}
.product-bundling-container.vertical .product-set-item .product-bundling div.checker span.checked::before {
color: #FFFFFF;
}
.product-bundling-container.vertical .product-set-item:last-child .product-bundling {
border-bottom: 2px dashed #EEEEEE;
}
.product-bundling-container.vertical .summary .total-price {
font-family: "brother-1816", sans-serif;
font-size: 16px;
font-weight: 450;
}
.product-bundling-container.vertical .summary .multibuy {
text-align: center;
}
@media (min-width: 1280px) {
.product-bundling-container.vertical .summary .multibuy {
text-align: left;
}
}
.product-bundling-container.vertical .summary .multi-buy-promo-message {
display: block;
font-family: "brother-1816", sans-serif;
font-size: 16px;
font-weight: 450;
color: #A6192E;
text-transform: uppercase;
line-height: 22.4px;
}
.product-bundling-container.vertical .summary .price-sales {
font-family: "brother-1816", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0px;
text-align: left;
}
.product-bundling-container.vertical .summary .saved-money {
font-family: "brother-1816", sans-serif;
font-size: 16px;
font-weight: 450;
line-height: 17px;
letter-spacing: 0px;
text-align: left;
padding: 8px;
background: #F5F5F5;
border-radius: 5px;
}
.product-bundling-container.horizontal {
margin-top: 20px;
border: 2px solid #EEEEEE;
padding: 15px 0;
}
@media (min-width: 1279px) {
.product-bundling-container.horizontal {
padding: 20px 0;
}
}
.product-bundling-container.horizontal .product-bundling-header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 10px;
}
@media (min-width: 1279px) {
.product-bundling-container.horizontal .product-bundling-header {
padding: 0 20px;
}
}
.product-bundling-container.horizontal .product-bundling-header h2 {
margin: 0;
padding: 0;
font-weight: 600;
font-size: 14px;
letter-spacing: 0;
}
@media (min-width: 1279px) {
.product-bundling-container.horizontal .product-bundling-header h2 {
font-size: 18px;
}
}
.product-bundling-container.horizontal .product-bundling-header .multi-buy-promo-message {
position: relative;
padding: 2px 8px;
margin-left: 10px;
background-color: #A6192E;
color: #FFFFFF;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0;
}
.product-bundling-container.horizontal .product-bundling-header .multi-buy-promo-message::after {
content: '';
position: absolute;
right: -1px;
top: 0;
border-bottom: 32px solid #FFFFFF;
border-left: 10px solid transparent;
}
.product-bundling-container.horizontal .product-bundling-header .product-set-total {
margin-left: auto;
width: 100%;
}
@media (min-width: 1279px) {
.product-bundling-container.horizontal .product-bundling-header .product-set-total {
width: auto;
}
}
.product-bundling-container.horizontal .product-bundling-header .product-set-total.no-items {
width: 100%;
}
.product-bundling-container.horizontal .product-bundling-header .product-set-total .summary {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
}
.product-bundling-container.horizontal .product-bundling-header .product-set-total .summary .price-sales {
color: #A6192E;
font-size: 18px;
font-weight: 600;
margin-right: 5px;
}
.product-bundling-container.horizontal .product-bundling-header .product-set-total .summary .price-standard {
font-size: 14px;
}
.product-bundling-container.horizontal .product-bundling-header .js-empty-product-set {
color: #888888;
}
.product-bundling-container.horizontal .product-bundling-items {
display: -ms-flexbox;
display: flex;
gap: 35px;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 12px;
border-bottom: none;
padding: 0 10px;
}
@media (min-width: 1279px) {
.product-bundling-container.horizontal .product-bundling-items {
padding: 0 20px 18px;
border-bottom: 2px dashed #EEEEEE;
}
}
.product-bundling-container.horizontal .product-bundling-items .product-set-item {
position: relative;
}
.product-bundling-container.horizontal .product-bundling-items .product-set-item .product-bundling-image::after {
content: '+';
position: absolute;
right: -26px;
top: calc(50% - 20px);
font-size: 30px;
line-height: 44px;
font-weight: 400;
color: #BBBBBB;
}
.product-bundling-container.horizontal .product-bundling-items .product-set-item.last .product-bundling-image::after {
content: '';
}
.product-bundling-container.horizontal .product-bundling-items .product-bundling-image {
position: relative;
}
.product-bundling-container.horizontal .product-bundling-items .product-bundling-image .checker {
position: absolute;
right: 5px;
top: 5px;
width: 18px;
height: 18px;
min-width: 18px;
}
@media (max-width: 1279px) {
.product-bundling-container.horizontal .product-bundling-items .product-bundling-image .checker {
display: none;
}
}
.product-bundling-container.horizontal .product-bundling-items .product-bundling-image .checker span.checked {
border-color: #0D6EFD;
background: #0D6EFD;
border-radius: 4px;
}
.product-bundling-container.horizontal .product-bundling-items .product-bundling-image .checker span.checked::before {
color: #FFFFFF;
line-height: 18px;
font-size: 14px;
font-weight: 600;
}
.product-bundling-container.horizontal .product-bundling-items .product-bundling-image .checker span:not(.checked) {
border: 1px solid #0D6EFD;
border-radius: 4px;
box-sizing: border-box;
}
.product-bundling-container.horizontal .product-bundling-items .details-column {
display: none;
}
@media (min-width: 1279px) {
.product-bundling-container.horizontal .product-bundling-items .details-column {
display: block;
}
}
.product-bundling-container.horizontal .product-bundling-items .details-column .product-bundling-pricing .price-promotion {
display: -ms-flexbox;
display: flex;
}
.product-bundling-container.horizontal .product-bundling-items .details-column .product-bundling-pricing .price-sales {
font-size: 14px;
font-weight: 600;
margin-right: 5px;
}
.product-bundling-container.horizontal .product-bundling-items .details-column .product-bundling-pricing .price-standard {
font-size: 14px;
font-weight: 500;
}
.product-bundling-container.horizontal .product-bundling-items .details-column .product-bundling-socialname {
padding-top: 12px;
font-size: 13px;
font-weight: 500;
line-height: 15px;
/*!autoprefixer: off */
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
/*!autoprefixer: off */
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-bundling-container.horizontal .product-bundling-items .details-column .product-bundling-variations li.unavailable {
pointer-events: none;
}
.product-bundling-container.horizontal .product-bundling-items .details-column .product-bundling-variations .select {
border: 1px solid #DDDDDD !important;
border-radius: 5px;
height: 30px;
margin: 4px 0;
}
.product-bundling-container.horizontal .product-bundling-items .details-column .product-bundling-variations .select.invalid {
border: 1px solid #DC3545 !important;
}
.product-bundling-container.horizontal .product-bundling-items .details-column .product-bundling-variations .select .styledSelect {
display: block;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 16px;
}
.product-bundling-container.horizontal .product-bundling-items .details-column .product-bundling-variations .select .styledSelect::after {
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-bundling-container.horizontal .product-bundling-buttons {
display: none;
}
@media (min-width: 1279px) {
.product-bundling-container.horizontal .product-bundling-buttons {
display: block;
}
}
.product-bundling-container.horizontal .buy-all-items {
display: block;
margin-top: 20px;
}
@media (min-width: 1279px) {
.product-bundling-container.horizontal .buy-all-items {
display: none;
}
}
.product-bundling-container.horizontal .buy-all-items .accordion-content {
padding: 0;
}
.product-bundling-container.horizontal .buy-all-items .header {
background-color: #FFFFFF;
border: 1px solid #BBBBBB;
border-radius: 5px;
text-transform: none;
-ms-flex-pack: center;
justify-content: center;
margin: 24px 10px 0;
width: auto;
}
.product-bundling-container.horizontal .buy-all-items .header::after {
position: static;
margin-left: 10px;
}
.product-bundling-container.horizontal .buy-all-items .header.active {
display: none;
}
.product-bundling-container.horizontal .buy-all-items .product-bundling {
display: -ms-flexbox;
display: flex;
}
.product-bundling-container.horizontal .buy-all-items .button-container {
padding: 0 10px;
text-align: center;
}
.product-bundling-container.horizontal .buy-all-items .checkbox-column {
max-width: 40px;
width: 100%;
border: 1px solid #DDDDDD;
border-left: none;
}
.product-bundling-container.horizontal .buy-all-items .checkbox-column .checker {
width: 18px;
height: 18px;
min-width: 18px;
margin: 15px 0 0 15px;
}
.product-bundling-container.horizontal .buy-all-items .checkbox-column span.checked {
border-color: #0D6EFD;
background: #0D6EFD;
border-radius: 4px;
}
.product-bundling-container.horizontal .buy-all-items .checkbox-column span.checked::before {
color: #FFFFFF;
line-height: 18px;
font-size: 14px;
font-weight: 600;
}
.product-bundling-container.horizontal .buy-all-items .details-column {
width: 100%;
border: 1px solid #DDDDDD;
border-right: none;
padding: 12px 8px 8px;
}
.product-bundling-container.horizontal .buy-all-items .details-column .product-bundling-socialname {
font-size: 14px;
font-weight: 500;
/*!autoprefixer: off */
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
/*!autoprefixer: off */
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.product-bundling-container.horizontal .buy-all-items .details-column .product-bundling-pricing .price-promotion {
display: -ms-flexbox;
display: flex;
}
.product-bundling-container.horizontal .buy-all-items .details-column .product-bundling-pricing .price-sales {
font-size: 18px;
font-weight: 600;
margin-right: 10px;
}
.product-bundling-container.horizontal .buy-all-items .details-column .product-bundling-pricing .price-standard {
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.product-bundling-container.horizontal .buy-all-items .details-column .product-bundling-variations li.unavailable {
pointer-events: none;
}
.product-bundling-container.horizontal .buy-all-items .details-column .product-bundling-variations .select {
border: 1px solid #DDDDDD !important;
border-radius: 5px;
height: 30px;
margin: 12px 0;
}
.product-bundling-container.horizontal .buy-all-items .details-column .product-bundling-variations .select.invalid {
border: 1px solid #DC3545 !important;
}
.product-bundling-container.horizontal .buy-all-items .details-column .product-bundling-variations .select .styledSelect {
display: block;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 16px;
}
.product-bundling-container.horizontal .buy-all-items .details-column .product-bundling-variations .select .styledSelect::after {
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-bundling-container.horizontal .add-set-items {
width: 100%;
max-width: 314px;
margin: 20px auto 0;
}
.order-confirmation-container .product-bundling-container.confirmation .product-set-item .product-bundling {
padding-bottom: 0;
}
.product-bundling-container.confirmation:not(.ProductSetBundlingSummary) .section-carousel-title {
margin-bottom: 25px;
}
@media (min-width: 768px) {
.product-bundling-container.confirmation:not(.ProductSetBundlingSummary) .section-carousel-title {
margin-bottom: 20px;
}
}
@media (min-width: 1280px) {
.product-bundling-container.confirmation:not(.ProductSetBundlingSummary) .section-carousel-title {
margin-bottom: 10px;
}
}
.product-bundling-container.confirmation .product-set-item.last .product-bundling {
border-bottom: 2px dashed #EEEEEE;
padding-bottom: 18px;
}
@media (min-width: 1200px) {
.product-bundling-container.confirmation .product-set-item.last .product-bundling {
border-bottom: none;
}
}
.product-bundling-container.confirmation .product-set-item .product-bundling {
position: relative;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .product-bundling-socialname {
font-weight: 450;
line-height: 1.4;
margin-bottom: 2px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .product-bundling-pricing {
font-size: 18px;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .product-bundling-pricing .price {
display: -ms-flexbox;
display: flex;
gap: 15px;
font-size: 18px;
font-weight: 600;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .productset-variations {
display: -ms-flexbox;
display: flex;
gap: 15px;
color: #888888;
-ms-flex-align: end;
align-items: flex-end;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .productset-variations span {
color: #000000;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .productset-variations .edit-product {
color: #0D6EFD;
font-weight: bold;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .budgetpay {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2px;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .budgetpay b {
font-size: 18px;
margin-right: 5px;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .budgetpay img {
max-height: 20px;
margin-right: 5px;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .pdp-review-social {
margin: 0;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .product-reviews {
display: -ms-flexbox;
display: flex;
}
.product-bundling-container.confirmation .product-set-total {
margin: 0;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
text-align: center;
}
@media (min-width: 768px) {
.product-bundling-container.confirmation .product-set-total {
text-align: left;
}
}
.product-bundling-container.confirmation .product-set-total .summary .total-price {
font-family: "brother-1816", sans-serif;
font-size: 16px;
font-weight: 450;
}
.product-bundling-container.confirmation .product-set-total .summary .multibuy {
text-align: center;
}
@media (min-width: 1280px) {
.product-bundling-container.confirmation .product-set-total .summary .multibuy {
text-align: left;
}
}
.product-bundling-container.confirmation .product-set-total .summary .multi-buy-promo-message {
display: block;
font-family: "brother-1816", sans-serif;
font-size: 16px;
font-weight: 450;
color: #A6192E;
text-transform: uppercase;
line-height: 22.4px;
}
.product-bundling-container.confirmation .product-set-total .summary .price-sales {
font-family: "brother-1816", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0px;
text-align: left;
}
.product-bundling-container.confirmation .product-set-total .summary .saved-money {
font-family: "brother-1816", sans-serif;
font-size: 16px;
font-weight: 450;
line-height: 17px;
letter-spacing: 0px;
text-align: left;
padding: 8px;
background: #F5F5F5;
border-radius: 5px;
}
@media (max-width: 1199px) {
.product-bundling-container.confirmation .desktop-only {
display: none;
}
.product-bundling-container.confirmation .product-bundling-image {
margin-bottom: 15px;
}
.product-bundling-container.confirmation .product-set-item .product-bundling {
border-bottom: 1px solid #DDDDDD;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 15px;
margin-bottom: 15px;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .product-bundling-image {
width: 110px;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column .checker {
display: none;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .checkbox-column .checker span.checked {
border-color: #000000;
background: #000000;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .checkbox-column .checker span.checked::before {
color: #FFFFFF;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: calc(100% - 45px);
margin: 0 0 0 10px;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column div.checker {
position: absolute;
top: 2px;
left: 0;
z-index: 1;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .product-reviews {
display: none;
}
}
@media (min-width: 1200px) {
.product-bundling-container.confirmation .product-bundling-image {
margin-bottom: 10px;
}
.product-bundling-container.confirmation .product-set-item .product-bundling::after {
content: '+';
position: absolute;
right: -30px;
top: calc(50% - 20px);
font-size: 40px;
line-height: 40px;
font-weight: normal;
color: #BBBBBB;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .details-column div.checker {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .checkbox-column {
display: none;
}
.product-bundling-container.confirmation .product-set-item .product-bundling .productset-variations .variations {
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.product-bundling-container.confirmation .product-set-item:nth-last-child(-n + 2) .product-bundling::after {
content: '=';
color: #000000;
}
}
@media (max-width: 767px) {
.desktop-only {
display: none;
}
}
@media (min-width: 768px) {
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
}
@media (min-width: 1200px) {
.not-desktop {
display: none;
}
.desktop-only {
display: block;
}
}
.pdp-bundle-container {
margin-top: 24px;
border-top: 2px solid #EEEEEE;
}
.pdp-bundle-container h2 {
font-size: 16px;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
.pdp-bundle-container .pdp-bundle-details {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 34px;
overflow-x: auto;
}
.pdp-bundle-container .pdp-bundle-details::-webkit-scrollbar {
height: 5px;
}
.pdp-bundle-container .pdp-bundle-details::-webkit-scrollbar-track {
background: #FFFFFF;
}
.pdp-bundle-container .pdp-bundle-details::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 4px;
}
.pdp-bundle-container .pdp-bundle-details .bundle-item {
-ms-flex: 1;
flex: 1;
max-width: 150px;
min-width: 150px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pdp-bundle-container .pdp-bundle-details .bundle-item .product-image::before {
content: '+';
position: absolute;
right: -26px;
top: calc(50% - 20px);
font-size: 30px;
line-height: 44px;
font-weight: 400;
color: #BBBBBB;
}
.pdp-bundle-container .pdp-bundle-details .bundle-item .product-image::after,
.pdp-bundle-container .pdp-bundle-details .bundle-item .product-image img {
border-radius: 5px;
}
.pdp-bundle-container .pdp-bundle-details .bundle-item.last .product-image::before {
content: '';
}
@media (max-width: 767px) {
.pdp-bundle-container .pdp-bundle-details .bundle-item {
max-width: 90px;
min-width: 90px;
}
}
.pdp-bundle-container .pdp-bundle-details .bundle-item .bundle-item-details {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
cursor: pointer;
}
.pdp-bundle-container .pdp-bundle-details .bundle-item .bundle-item-details .bundle-item-name {
font-size: 14px;
letter-spacing: 0px;
padding-top: 8px;
color: #444444;
}
.pdp-bundle-container .pdp-bundle-details .bundle-item .bundle-item-details .bundle-know-more {
font-weight: 500;
font-size: 14px;
letter-spacing: 0px;
text-decoration: underline;
color: #50A39A;
cursor: pointer;
}
.pdp-ebc {
margin-bottom: 40px;
}
.pdp-ebc .container {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 767px) {
.desktop-only {
display: none;
}
}
@media (min-width: 768px) {
.mobile-only {
display: none;
}
.desktop-only {
display: block;
}
}
.pdp-global-template {
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 70px;
}
@media (min-width: 768px) {
.pdp-global-template {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.pdp-global-template.quickview {
margin-bottom: 0;
}
.pdp-global-template.pdp-bundle .pdp-global-details-section .prodict-title-section {
margin: 0;
gap: 0;
}
.pdp-global-template.pdp-bundle .pdp-global-details-section .flexipay {
margin-bottom: 0;
}
.pdp-global-template.pdp-bundle .pdp-global-details-section .product-short-name {
font-size: 22px;
}
.pdp-global-template.pdp-bundle .pdp-global-details-section .product-long-name,
.pdp-global-template.pdp-bundle .pdp-global-details-section .pdp-review-social,
.pdp-global-template.pdp-bundle .pdp-global-details-section .pricing-section {
margin-bottom: 12px;
}
.pdp-global-template.pdp-bundle .pdp-global-details-section .promotion .promotion-callout {
font-weight: 500;
}
.pdp-global-template .product-short-name {
font-size: 26px;
line-height: 1.2;
font-weight: 600;
color: #224C7A;
text-transform: uppercase;
margin: -5px 0 0 0;
}
@media (min-width: 768px) {
.pdp-global-template .product-short-name {
font-size: 32px;
}
}
.pdp-global-template .pdp-global-image-section {
box-sizing: border-box;
position: relative;
width: 100%;
aspect-ratio: 1;
}
@media (min-width: 768px) {
.pdp-global-template .pdp-global-image-section {
-ms-flex: 1 0 calc(50% - 20px);
flex: 1 0 calc(50% - 20px);
width: calc(50% - 20px);
}
.pdp-global-template .pdp-global-image-section .badge-offset-position:not(.pdp-main-image-grid) .product-badges {
left: 140px;
top: 15px;
}
}
@media (min-width: 1280px) {
.pdp-global-template .pdp-global-image-section {
-ms-flex: 1 0 calc(50% - 60px);
flex: 1 0 calc(50% - 60px);
width: calc(50% - 60px);
}
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-arrow-control .smv-arrow .smv-icon {
background: #000000;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-content-video {
background: #000000;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box {
margin-top: 10px;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box .smv-selectors .smv-arrow-control {
position: absolute;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box .smv-selectors .smv-arrow-control .smv-arrow {
height: 35px;
width: 35px;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
border-radius: 35px;
background: #FFFFFF !important;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box .smv-selectors .smv-arrow-control .smv-arrow .smv-icon {
background: #000000;
max-height: 40%;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box .smv-selectors .smv-arrow-control.smv-arrow-control-prev {
top: 50%;
left: -16px;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box .smv-selectors .smv-arrow-control.smv-arrow-control-next {
top: 50%;
right: -16px;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box.smv-thumbnails .smv-item {
padding: 0 6px 0 0;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box.smv-thumbnails .smv-item:last-child {
padding-right: 0;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box.smv-thumbnails .smv-item smv-thumbnail {
border: 3px solid transparent;
border-radius: 5px;
padding: 0;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box.smv-thumbnails .smv-item smv-thumbnail div {
border-radius: 5px;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box.smv-thumbnails .smv-item.smv-active smv-thumbnail {
border-color: #224C7A;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-bottom .smv-selectors-box.smv-thumbnails .smv-item.smv-active smv-thumbnail::before {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-arrow-control .smv-arrow .smv-icon {
background: #000000;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-content-video {
background: #000000;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box {
margin-right: 10px;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box .smv-selectors .smv-arrow-control {
position: absolute;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box .smv-selectors .smv-arrow-control .smv-arrow {
height: 36px;
width: 36px;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
border-radius: 36px;
background: #FFFFFF !important;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box .smv-selectors .smv-arrow-control.smv-arrow-control-prev {
top: -16px;
left: calc(50% - 18px);
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box .smv-selectors .smv-arrow-control.smv-arrow-control-next {
bottom: -10px;
left: calc(50% - 18px);
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box.smv-thumbnails .smv-item {
padding: 0 0 6px 0;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box.smv-thumbnails .smv-item:last-child {
padding-right: 0;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box.smv-thumbnails .smv-item smv-thumbnail {
border: 3px solid transparent;
border-radius: 5px;
padding: 0;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box.smv-thumbnails .smv-item smv-thumbnail div {
border-radius: 5px;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box.smv-thumbnails .smv-item.smv-active smv-thumbnail {
border-color: #224C7A;
}
.pdp-global-template .pdp-global-image-section .Sirv .smv.smv-selectors-left .smv-selectors-box.smv-thumbnails .smv-item.smv-active smv-thumbnail::before {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.pdp-global-template .pdp-global-image-section img {
display: block;
width: 100%;
height: auto;
border-radius: 5px;
}
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid {
box-sizing: border-box;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: scroll;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
@media (min-width: 768px) {
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
overflow-x: visible;
}
}
@media (min-width: 1280px) {
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid {
gap: 20px;
}
}
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid::-webkit-scrollbar {
height: 6px;
}
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid::-webkit-scrollbar-track {
border-radius: 5px;
}
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid::-webkit-scrollbar-thumb {
background: #DDDDDD;
border-radius: 5px;
}
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid .pdp-main-image {
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
scroll-snap-align: start;
scroll-snap-stop: normal;
}
@media (min-width: 768px) {
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid .pdp-main-image {
width: calc(50% - 5px);
}
}
@media (min-width: 1280px) {
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid .pdp-main-image {
width: calc(50% - 10px);
}
}
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid .pdp-main-image .icons {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
}
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid .pdp-main-image .icons i {
font-size: 50px;
line-height: 50px;
}
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid .pdp-main-image .icons .label-video {
font-size: 24px;
line-height: 24px;
margin-top: 20px;
}
.pdp-global-template .pdp-global-image-section .pdp-main-image-grid .pdp-main-image:hover {
cursor: pointer;
}
.pdp-global-template .pdp-global-details-section {
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative;
width: 100%;
}
@media (min-width: 768px) {
.pdp-global-template .pdp-global-details-section {
max-width: 50%;
margin-left: 20px;
}
}
@media (min-width: 1280px) {
.pdp-global-template .pdp-global-details-section {
max-width: 630px;
margin-left: 60px;
}
}
.pdp-global-template .pdp-global-details-section .prodict-title-section {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.pdp-global-template .pdp-global-details-section .prodict-title-section {
margin-top: 20px;
}
}
.pdp-global-template .pdp-global-details-section .product-reviews {
display: -ms-flexbox;
display: flex;
}
.pdp-global-template .pdp-global-details-section .product-reviews.pdp-product-reviews-link {
cursor: pointer;
}
.pdp-global-template .pdp-global-details-section .yotpo-widget-instance {
height: 20px;
}
.pdp-global-template .pdp-global-details-section .bundle-promotion {
display: -ms-inline-flexbox;
display: inline-flex;
border: 1px solid #9AD5D0;
border-radius: 5px;
font-size: 14px;
font-weight: 600;
}
.pdp-global-template .pdp-global-details-section .bundle-promotion .badge {
background-color: #30AFA4;
color: #FFFFFF;
padding: 6px 10px;
margin: 2px;
line-height: 20px;
border-radius: 5px;
}
.pdp-global-template .pdp-global-details-section .bundle-promotion .pricing-info {
line-height: 20px;
padding: 6px 10px;
margin: 2px;
}
.pdp-global-template .pdp-global-details-section .availability .in-stock-msg {
color: #198754;
font-weight: 500;
text-transform: uppercase;
}
.pdp-global-template .pdp-global-details-section .availability .in-stock-msg.lowstock {
color: #DC3545;
font-weight: 500;
text-transform: uppercase;
}
.pdp-global-template .pdp-global-details-section .availability-msg .pre-order-text {
color: #000000;
}
.pdp-global-template .pdp-global-details-section .product-add-to-cart {
margin: 24px 0;
}
.pdp-global-template .pdp-global-details-section .button-show-similar {
margin-top: 10px;
}
.pdp-global-template .pdp-global-details-section .product-long-name {
font-size: 22px;
line-height: 1.6;
font-weight: normal;
color: #224C7A;
margin: 0;
}
@media (min-width: 768px) {
.pdp-global-template .pdp-global-details-section .product-long-name {
font-size: 20px;
color: #888888;
}
}
.pdp-global-template .pdp-global-details-section .product-long-name.dark {
font-size: 18px;
line-height: 1.6;
color: #224C7A;
font-weight: 500;
}
@media (min-width: 1280px) {
.pdp-global-template .pdp-global-details-section .product-long-name.dark {
font-size: 22px;
}
}
.pdp-global-template .pdp-global-details-section .pricing-section {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
margin-top: 5px;
}
.pdp-global-template .pdp-global-details-section .pricing-section .delivery-promotion {
display: -ms-flexbox;
display: flex;
margin: 0;
font-size: 16px;
font-weight: 500;
letter-spacing: 0;
}
.pdp-global-template .pdp-global-details-section .pricing-section .delivery-promotion .plus-icon {
padding-right: 10px;
}
.pdp-global-template .pdp-global-details-section .pricing-section .delivery-promotion img {
padding-right: 5px;
}
.pdp-global-template .pdp-global-details-section .promo-section {
margin-top: 30px;
}
.pdp-global-template .pdp-global-details-section .promo-section .delivery {
background: #EAF6F5;
color: #224C7A;
padding: 0 15px;
display: inline-block;
line-height: 30px;
height: 30px;
border-radius: 30px;
font-size: 16px;
font-weight: 600;
}
.pdp-global-template .pdp-global-details-section .product-price .price {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: 20px;
}
.pdp-global-template .pdp-global-details-section .product-price .price:has(+ .delivery-promotion) {
margin-right: 8px;
}
.pdp-global-template .pdp-global-details-section .product-price .price .price-sales {
display: -ms-flexbox;
display: flex;
font-size: 32px;
line-height: 1.3;
}
.pdp-global-template .pdp-global-details-section .product-price .price .pdp-promotional-save {
text-decoration: none!important;
text-transform: uppercase;
margin-left: 10px;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion {
padding: 2px 15px;
margin-top: 24px;
border: 1px solid #30AFA466;
width: fit-content;
border-radius: 5px;
color: #000000;
background: #EAF6F5;
font-weight: 500;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.single {
line-height: 34px;
font-weight: 700;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.multiple:not(.coupon) {
-ms-flex-order: 1;
order: 1;
background: #FFFFFF;
border: 1px solid #224C7A;
line-height: 34px;
font-weight: 700;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.coupon {
-ms-flex-order: 2;
order: 2;
border: 1px solid #7CBAB3;
border-radius: 10px;
padding: 11px 25px;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.coupon .promotion-callout-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-bottom: 8px;
font-size: 20px;
color: #000000;
font-weight: 700;
letter-spacing: 0;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.coupon .coupon-code-container {
height: 34px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 5px;
border: dashed 1px #50A39A;
background: #FFFFFF;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.coupon .coupon-code-container .coupon-code-text {
letter-spacing: 0;
line-height: 34px;
padding: 0 20px;
color: #000000;
font-size: 14px;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.coupon .coupon-code-container .coupon-code-text .coupon-code {
padding-left: 6px;
font-weight: 700;
letter-spacing: 0;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.coupon .coupon-code-container button.coupon-code-copy {
margin-right: -1px;
padding: 0;
width: 82px !important;
height: 36px;
font-size: 14px;
font-weight: 500;
min-width: 75px;
background-color: #50A39A;
color: #FFFFFF;
border-radius: 0 5px 5px 0;
border: none;
line-height: 36px;
cursor: pointer;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.coupon .coupon-code-container button.coupon-code-copy:disabled {
margin-right: -1px;
padding: 0 10px;
height: 36px;
font-size: 14px;
font-weight: 500;
background-color: #50A39A !important;
color: #FFFFFF !important;
border-radius: 0 5px 5px 0;
border: none;
line-height: 36px;
cursor: default;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.coupon .coupon-code-container button.coupon-code-copy:disabled svg {
display: none;
}
.pdp-global-template .pdp-global-details-section .product-price .promotions .promotion.coupon .coupon-code-container button.coupon-code-copy svg {
vertical-align: middle;
}
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion {
margin-top: 30px;
}
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes li {
padding: 10px 0;
border-bottom: 1px solid #DDDDDD;
}
@media (min-width: 1024px) {
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: start;
}
}
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes li .label {
line-height: 1.2;
display: block;
margin-bottom: 10px;
}
@media (min-width: 1024px) {
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes li .label {
min-width: 200px;
max-width: 300px;
margin-bottom: 0;
}
}
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes li .values {
line-height: 1.2;
}
@media (min-width: 1024px) {
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes li .values {
min-width: 250px;
text-align: right;
}
}
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes li .value {
margin-right: 20px;
overflow-wrap: anywhere;
}
@media (min-width: 1024px) {
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes li .value {
max-width: 300px;
margin-right: 0;
text-align: right;
margin-left: 10px;
}
}
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes.details-only li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes.details-only li .label {
margin-bottom: 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.pdp-global-template .pdp-global-details-section .accordion-container.pdp-accordion .details-attributes.details-only li .value {
margin-right: 0;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless {
background: #F5F5F5;
padding: 20px;
margin-top: 30px;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless .accordion-content {
display: none;
margin-left: 38px;
margin-bottom: 20px;
padding: 20px 0 15px 0;
line-height: 1.5;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless .accordion-content:last-child {
margin-bottom: 0;
padding-bottom: 5px;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless label {
display: -ms-flexbox;
display: flex;
margin-top: 15px;
-ms-flex-align: center;
align-items: center;
line-height: 1.5;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless label:hover {
cursor: pointer;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless div.radio {
appearance: none;
margin: 0;
min-width: 20px;
min-height: 20px;
line-height: 20px;
border: 2px solid #BBBBBB;
border-radius: 50%;
margin-right: 10px;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless div.radio span.checked {
background-image: none;
background-color: #224C7A;
background-position: 0 0;
background-repeat: no-repeat;
width: 20px;
height: 20px;
border-radius: 50%;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless div.radio:hover {
cursor: pointer;
border: 2px solid #224C7A;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless .multiple-size-option {
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless .select {
display: inline-block;
width: 100%;
border: 1px solid #BBBBBB !important;
line-height: 20px;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless .select ul.options {
margin-left: 0;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless .select li.unavailable .swatch-image {
margin-left: auto;
margin-right: 10px;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless .select .styledSelect {
background-color: #FFFFFF;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless h2 {
font-size: 16px;
line-height: 1.2;
margin: 0 0 10px 0;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless p {
margin: 0 0 10px 0;
}
.pdp-global-template .pdp-global-details-section .accordion-container.social-buymoreless .button {
margin-top: 10px;
}
.pdp-global-template .pdp-global-details-section .social-sharing {
font-size: 16px;
line-height: 16px;
font-weight: 600;
width: 100%;
color: #224C7A;
background: #E9EDF2;
height: 50px;
padding: 0 20px;
margin: 0 0 4px 0;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.pdp-global-template .pdp-global-details-section .social-sharing a {
text-decoration: none;
}
.pdp-global-template .pdp-global-details-section .social-sharing a:hover {
text-decoration: none;
}
.pdp-global-template .pdp-global-details-section .social-sharing a svg {
margin-left: 15px;
}
.pdp-global-template .pdp-global-details-section .social-sharing a svg:hover {
text-decoration: none;
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.pdp-global-template .pdp-global-details-section .flexipay {
font-size: 14px;
line-height: 1.2;
margin-bottom: 14px;
color: #444444;
}
@media (min-width: 768px) {
.pdp-global-template .pdp-global-details-section .flexipay {
font-size: 16px;
}
}
.pdp-global-template .pdp-global-details-section .flexipay .strong {
color: #000000;
font-weight: 700;
}
.pdp-global-template .pdp-global-details-section .flexipay img {
margin-left: 5px;
margin-right: 6px;
display: inline-block;
vertical-align: middle;
}
.pdp-global-template .pdp-global-details-section square-placement {
margin-bottom: 0;
color: #444444;
}
.pdp-global-template .pdp-global-details-section .afterpay-logo.type-badge,
.pdp-global-template .pdp-global-details-section .afterpay-logo.type-badge svg {
width: 83px;
height: 25px;
}
.pdp-global-template .pdp-global-details-section .attribute.color-variations {
border-top: 2px solid #EEEEEE;
padding-top: 24px;
margin-top: 24px;
}
.pdp-global-template .pdp-global-details-section .attribute.size-variations {
border-top: 2px solid #EEEEEE;
padding-top: 15px;
margin-top: 5px;
}
.pdp-global-template .pdp-global-details-section .product-variations {
margin-top: 10px;
}
.pdp-global-template .pdp-global-details-section .size-chart-title {
text-transform: uppercase;
}
.pdp-global-template .pdp-global-details-section .pdpForm label {
text-transform: uppercase;
}
.pdp-global-template .accordion-container.social-buymoreless div.radio input {
width: 28px;
height: 28px;
}
.pdp-global-template .warranty-section .warranty-box .warranty-inner-content div.checker span.checked {
background-color: #224C7A;
}
.pdp-global-template .fa.fa-question-circle {
font-size: 18px;
color: #000000;
cursor: pointer;
}
.product-bundling-container .add-set-items {
width: 100%;
margin-top: 15px;
}
.product-bundling-container.ProductSetBundlingSummary {
border: 1px solid #DDDDDD;
padding: 20px;
margin: 30px 0;
}
.product-bundling-container.ProductSetBundlingSummary h2 {
font-size: 18px;
line-height: 1.3;
margin: 0 0 20px 0;
text-transform: uppercase;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item.last .product-bundling {
border-bottom: 2px dashed #EEEEEE;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #DDDDDD;
padding-bottom: 15px;
margin-bottom: 15px;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .product-bundling-image {
width: 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
}
@media (min-width: 1280px) {
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .product-bundling-image {
width: 110px;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
}
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column {
width: 100%;
margin: 0 0 0 10px;
}
@media (min-width: 768px) {
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column {
margin: 0 20px;
}
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .product-link {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .product-bundling-socialname {
font-weight: 450;
line-height: 1.4;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .product-bundling-pricing {
font-size: 18px;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .product-bundling-pricing .price {
display: -ms-flexbox;
display: flex;
gap: 15px;
font-size: 18px;
font-weight: 600;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .productset-variations {
display: -ms-flexbox;
display: flex;
gap: 15px;
margin-top: 10px;
color: #888888;
}
@media (max-width: 767px) {
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .productset-variations {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
align-items: flex-end;
}
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .productset-variations span {
color: #000000;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .productset-variations .edit-product {
color: #0D6EFD;
font-weight: bold;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .productset-variations .variations {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1280px) {
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .productset-variations .variations {
gap: 10px;
-ms-flex-direction: row;
flex-direction: row;
}
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .budgetpay {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 2px;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .budgetpay b {
font-size: 16px;
margin-right: 5px;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .budgetpay img {
max-height: 20px;
margin-right: 5px;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling .details-column .pdp-review-social {
margin: 0;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling div.checker span.checked {
border-color: #0D6EFD;
background: #0D6EFD;
border-radius: 4px;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item .product-bundling div.checker span.checked::before {
color: #FFFFFF;
}
.product-bundling-container.ProductSetBundlingSummary .product-set-item:last-child .product-bundling {
border-bottom: 2px dashed #EEEEEE;
}
.product-bundling-container.ProductSetBundlingSummary .summary .total-price {
font-family: "brother-1816", sans-serif;
font-size: 16px;
font-weight: 450;
}
.product-bundling-container.ProductSetBundlingSummary .summary .multibuy {
text-align: center;
}
@media (min-width: 1280px) {
.product-bundling-container.ProductSetBundlingSummary .summary .multibuy {
text-align: left;
}
}
.product-bundling-container.ProductSetBundlingSummary .summary .multi-buy-promo-message {
display: block;
font-family: "brother-1816", sans-serif;
font-size: 16px;
font-weight: 450;
color: #A6192E;
text-transform: uppercase;
line-height: 22.4px;
}
.product-bundling-container.ProductSetBundlingSummary .summary .price-sales {
font-family: "brother-1816", sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 29px;
letter-spacing: 0px;
text-align: left;
}
.product-bundling-container.ProductSetBundlingSummary .summary .saved-money {
font-family: "brother-1816", sans-serif;
font-size: 16px;
font-weight: 450;
line-height: 17px;
letter-spacing: 0px;
text-align: left;
padding: 8px;
background: #F5F5F5;
border-radius: 5px;
}
.product-bundling-container:not(.ProductSetBundlingSummary) {
margin-bottom: 30px;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal {
margin-top: 20px;
border: 2px solid #EEEEEE;
padding: 15px 0;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .container-desktop {
display: none;
}
@media (min-width: 1279px) {
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal {
padding: 20px 0;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .container-mobile {
display: none;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .container-desktop {
display: block;
}
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 10px;
}
@media (min-width: 1279px) {
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header {
padding: 0 20px;
}
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header h2 {
margin: 0;
padding: 0;
font-weight: 600;
font-size: 14px;
letter-spacing: 0;
}
@media (min-width: 1279px) {
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header h2 {
font-size: 18px;
}
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header .multi-buy-promo-message {
position: relative;
padding: 2px 8px;
margin-left: 10px;
background-color: #A6192E;
color: #FFFFFF;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header .multi-buy-promo-message::after {
content: '';
position: absolute;
right: -1px;
top: -3px;
border-bottom: 32px solid #FFFFFF;
border-left: 10px solid transparent;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header .product-set-total {
margin-left: auto;
width: 100%;
}
@media (min-width: 1279px) {
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header .product-set-total {
width: auto;
}
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header .product-set-total.empty {
width: 100%;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header .product-set-total.no-items {
width: 100%;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header .product-set-total .summary {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header .product-set-total .summary .price-sales {
color: #A6192E;
font-size: 18px;
font-weight: 600;
margin-right: 5px;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header .product-set-total .summary .price-standard {
font-size: 14px;
font-weight: 500;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-header .js-empty-product-set {
color: #888888;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items {
display: -ms-flexbox;
display: flex;
gap: 35px;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 12px;
border-bottom: none;
padding: 0 10px;
}
@media (min-width: 1279px) {
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items {
padding: 0 20px 18px;
border-bottom: 2px dashed #EEEEEE;
}
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-set-item,
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-bundling-image.image-mobile {
position: relative;
}
.product-bundling-image.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-set-item::after,
.product-bundling-image.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-bundling-image.image-mobile::after,
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-set-item.image-mobile::after,
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-bundling-image.image-mobile.image-mobile::after {
content: '+';
position: absolute;
right: -26px;
top: calc(50% - 20px);
font-size: 30px;
line-height: 44px;
font-weight: 400;
color: #BBBBBB;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-set-item.last .product-bundling-image::after,
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-bundling-image.image-mobile.last .product-bundling-image::after,
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-set-item.last::after,
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-bundling-image.image-mobile.last::after {
content: '';
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-bundling-image {
position: inherit;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-bundling-image .checker {
position: absolute;
right: 5px;
top: 5px;
width: 20px;
height: 20px;
min-width: 20px;
border: none;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-bundling-image .checker span.checked {
border-color: #0D6EFD;
background: #0D6EFD;
border-radius: 4px;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .product-bundling-image .checker span.checked::before {
color: #FFFFFF;
line-height: 20px;
font-size: 14px;
border-radius: 4px;
font-weight: 600;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .details-column .product-bundling-pricing .price-promotion {
display: -ms-flexbox;
display: flex;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .details-column .product-bundling-pricing .price-sales {
font-size: 14px;
font-weight: 600;
margin-right: 5px;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .details-column .product-bundling-pricing .price-standard {
font-size: 14px;
font-weight: 500;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .details-column .product-bundling-socialname {
padding-top: 12px;
font-size: 13px;
font-weight: 500;
line-height: 15px;
/*!autoprefixer: off */
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
/*!autoprefixer: off */
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .details-column .product-bundling-variations option[data-selectable="false"] {
color: #DC3545;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .details-column .product-bundling-variations select {
border: 1px solid #DDDDDD !important;
border-radius: 5px;
height: 30px;
margin: 4px 0;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .product-bundling-items .details-column .product-bundling-variations select.invalid {
border: 1px solid #DC3545 !important;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items {
display: block;
margin-top: 20px;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .accordion-content {
padding: 0;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .header {
background-color: #FFFFFF;
border: 1px solid #BBBBBB;
border-radius: 5px;
text-transform: none;
-ms-flex-pack: center;
justify-content: center;
margin: 24px 10px 0;
width: auto;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .header::after {
position: static;
margin-left: 10px;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .header.active {
display: none;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .product-bundling {
display: -ms-flexbox;
display: flex;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .button-container {
padding: 0 10px;
text-align: center;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .checkbox-column {
max-width: 40px;
width: 100%;
border: 1px solid #DDDDDD;
border-left: none;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .checkbox-column .checker {
width: 20px;
height: 20px;
min-width: 20px;
float: right;
margin: 15px 6px 0 0;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .checkbox-column span.checked {
border-color: #0D6EFD;
background: #0D6EFD;
border-radius: 4px;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .checkbox-column span.checked::before {
color: #FFFFFF;
line-height: 20px;
font-size: 14px;
font-weight: 600;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .details-column {
width: 100%;
border: 1px solid #DDDDDD;
border-right: none;
padding: 12px 8px 8px;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .details-column .product-bundling-socialname {
font-size: 14px;
font-weight: 500;
/*!autoprefixer: off */
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
/*!autoprefixer: off */
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .details-column .product-bundling-pricing .price-promotion {
display: -ms-flexbox;
display: flex;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .details-column .product-bundling-pricing .price-sales {
font-size: 18px;
font-weight: 600;
margin-right: 10px;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .details-column .product-bundling-pricing .price-standard {
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .details-column .product-bundling-variations option[data-selectable="false"] {
color: #DC3545;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .details-column .product-bundling-variations select {
border: 1px solid #DDDDDD !important;
border-radius: 5px;
height: 30px;
margin: 12px 0;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .buy-all-items .details-column .product-bundling-variations select.invalid {
border: 1px solid #DC3545 !important;
}
.product-bundling-container:not(.ProductSetBundlingSummary).horizontal .add-set-items {
width: 100%;
max-width: 314px;
margin: 20px auto 0;
}
.product-bundling .budgetpay {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 5px;
}
@media (min-width: 1280px) {
.product-bundling .budgetpay {
gap: 0px;
}
}
@media (min-width: 1200px) {
.not-desktop {
display: none;
}
.desktop-only {
display: block;
}
}
.engravingoptions .engraving-form {
padding: 15px;
background-color: #F5F5F5;
margin-bottom: 20px;
}
.engravingoptions .engraving-form legend.title {
font-size: 16px;
font-weight: 500;
padding-bottom: 10px;
}
.engravingoptions .engraving-form legend.desp {
width: 100%;
padding-bottom: 10px;
line-height: 18px;
}
.engravingoptions .engraving-form span.despDate {
font-weight: 500;
}
.engravingoptions .engraving-form span.excLen {
font-weight: 500;
}
.engravingoptions .engraving-form label.excTxtDis {
display: block;
padding: 5px 0 0 0;
}
.engravingoptions .engraving-form .engraving-reset {
cursor: pointer;
font-weight: 500;
font-size: 14px;
color: #50A39A;
margin-bottom: 20px;
display: -ms-inline-flexbox;
display: inline-flex;
text-transform: uppercase;
}
.engravingoptions .engraving-form div.selector {
padding: 5px;
margin: 10px 0px 4px 0px;
}
.engravingoptions .engraving-form .form-row-new .field .img-edit {
height: 50px;
line-height: 50px;
position: absolute;
display: block;
top: 0;
right: 15px;
cursor: pointer;
font-weight: 500;
text-transform: uppercase;
}
.engravingoptions .engraving-form .img-edit {
display: none;
}
.engravingoptions .engraving-form .form-row.form-row-checkbox label span {
color: #50A39A;
font-weight: 500;
cursor: pointer;
}
.engravingoptions .engraving-form .error-msg {
display: none!important;
}
.engravingoptions .engraving-form .error {
color: #DC3545;
font-size: 12px;
display: none;
width: 100%;
position: initial;
}
.engravingoptions .engraving-form .validation-success .error {
color: #DC3545;
font-size: 12px;
display: none;
width: 100%;
position: initial;
}
.engravingoptions .engraving-form .engravefield-disabled {
pointer-events: none;
opacity: 0.5;
}
.engravingoptions .engraving-form .select ~ .error-msg {
display: none!important;
}
.engravingoptions .engraving-form .engraving-group .error {
margin-top: -16px !important;
height: 27px;
}
.engravingoptions .engraving-form .engraving-group .engraving-focus-label {
display: none;
margin-bottom: 20px;
margin-top: -15px;
}
.engravingoptions .engraving-form .engraving-group .engraving-focus-label .excTxt {
font-size: 11px;
line-height: 1px;
}
.engravingoptions .engraving-form .engraving-group span.img-edit ~ .label.new-label {
width: calc(100% - 106px);
}
@media (max-width: 767px) {
.engravingoptions .engraving-form .engraving-group span.img-edit ~ .label.new-label {
width: calc(100% - 33%);
}
}
.engravingoptions .engraving-form .form-row {
max-width: 100%;
}
@media (max-width: 767.5px) {
.engravingoptions.tablet-engraving {
display: none!important;
}
}
.engravingoptions.mobile-engraving {
display: none;
}
@media (max-width: 767.5px) {
.engravingoptions.mobile-engraving {
display: initial;
}
}
.engraving-image-overlay {
left: 0 !important;
margin: 0 auto !important;
width: 100% !important;
max-width: 500px;
}
.engraving-image-overlay .engravingBody {
position: relative;
margin: 0 auto;
max-width: 1100px;
width: 100%;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.engraving-image-overlay .engravingBody .engravingBody-images {
overflow: hidden;
height: auto;
}
.engraving-image-overlay .engravingBody .engravingBody-images .sourceImage {
width: 100%;
}
.engraving-image-overlay .engravingBody .engravingBody-images .sourceCanvas {
width: 100%;
}
.engraving-image-overlay .engravingBody .text-data {
position: absolute;
font-weight: 400;
font-size: 2em;
line-height: 40px;
cursor: default;
mix-blend-mode: difference;
text-shadow: -0.1px -0.1px 0 #BBBBBB, 0px 0px 0 #000000, 0px 0px 0 #000000, -0.1px -0.1px 0 #BBBBBB;
color: #000;
display: none;
}
.engraving-image-overlay .engravingBody .border--one {
left: 5%;
top: 0px;
}
.engraving-image-overlay .engravingBody .border--two {
left: 5%;
top: 40px;
}
.engraving-image-overlay .engravingBody .border--three {
left: 5%;
top: 80px;
}
.engraving-image-overlay .disclaimer {
text-align: center;
font-size: 13px;
line-height: 1.3;
font-weight: 500;
}
.pdp-wishlist {
font-size: 16px;
}
.pdp-wishlist a .fa {
font-size: 20px;
margin-right: 10px;
}
.pdp-wishlist a .fa.fa-heart:hover {
color: #DC3545;
}
.pdp-wishlist a .fa.fa-heart-solid {
color: #DC3545;
}
.pdp-wishlist a:hover {
text-decoration: none;
}
.smv-bullets .smv-item.smv-active smv-thumbnail {
background-color: #D9D9D9;
box-shadow: 0 0 0 1px #D9D9D9;
width: 10px;
height: 10px;
}
.smv-bullets .smv-item.smv-active smv-thumbnail:after {
width: 10px;
height: 10px;
background-color: #224C7A;
}
.yotpo-loyalty-pdp-loyalty-modal {
overflow-y: auto;
overflow-x: hidden;
}
@media (max-width: 1279px) {
.yotpo-loyalty-pdp-loyalty-modal {
width: 100% !important;
}
}
.yotpo-loyalty-pdp-loyalty-modal .ui-dialog-titlebar {
background-color: unset;
}
.yotpo-loyalty-pdp-loyalty-modal .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon::before {
color: #888888;
}
.rising-auctions-button-bar {
margin-bottom: 40px;
width: calc(100% + 10px);
}
.rising-auctions-button-bar li {
float: left;
width: calc(20% - 10px);
margin-right: 10px;
position: relative;
}
.rising-auctions-button-bar li .button {
display: block;
white-space: nowrap;
}
.rising-auctions-button-bar li .button.active {
background-color: #000000;
border-color: #000000;
color: #FFFFFF !important;
cursor: default;
}
.time-counter .time-counter-table {
width: auto;
margin: auto;
}
.time-counter .time-counter-table .row-values .time-counter-cell {
text-align: center;
color: #50A39A;
padding: 0;
border: 0 none;
font-weight: 500;
}
.time-counter .time-counter-table .row-values .time-counter-cell.separator {
font-weight: 400;
}
.time-counter .time-counter-table .row-values .time-counter-cell.hidden {
display: none;
}
.time-counter .time-counter-table .row-values .time-counter-cell .seconds-left {
font-weight: 400;
}
.time-counter .time-counter-table .row-labels .time-counter-cell {
text-align: center;
color: #000;
padding: 0;
border: 0 none;
}
.time-counter .time-counter-table .row-labels .time-counter-cell.hidden {
display: none;
}
.time-counter.red .time-counter-table .row-values .time-counter-cell {
color: #DC3545;
}
.winner-you .value {
text-transform: none;
}
.bidder-wrapper {
margin: 30px 0 0 0;
}
.bidder {
line-height: 18px;
min-height: 20px;
margin-top: 10px;
}
.bidder .label {
white-space: nowrap;
line-height: 18px;
font-weight: 500;
}
.bidder .label .fa {
font-size: 18px;
line-height: 18px;
}
.bidder .value {
font-weight: 500;
white-space: nowrap;
}
.bidder .highest {
color: #DC3545;
}
.bidder .highest-you {
color: #198754;
}
.bidder .highest-you .label .fa {
display: inline;
}
.bidder .highest-you .value {
text-transform: none;
}
.price-bids .price-bids-amount {
white-space: nowrap;
font-weight: 500;
}
.price-bids .price-bids-count {
white-space: nowrap;
font-weight: 400;
}
.estimated-price .price {
white-space: nowrap;
}
.ra-watchlist-main .ra-watchlist-refinement {
width: 150px;
margin: 0 0 20px 0;
}
.ra-search-result-table th {
white-space: nowrap;
}
.ra-search-result-table td.cell-product .product-image {
width: 100px;
float: left;
position: relative;
}
.ra-search-result-table td.cell-product .product-image img {
display: block;
width: 100%;
height: auto;
border: 1px solid #DDDDDD;
}
.ra-search-result-table td.cell-product .product-image .placeholder-image {
display: none!important;
}
.ra-search-result-table td.cell-product .product-image .quickview {
display: none!important;
}
.ra-search-result-table td.cell-product .product-promo {
display: none;
}
.ra-search-result-table td.cell-product .product-name {
margin-left: 120px;
max-width: 300px;
font-size: 13px;
line-height: 18px;
}
.ra-search-result-table td.cell-product .product-name a {
color: #000;
}
.ra-search-result-table td.cell-current-bid {
font-size: 14px;
}
.ra-search-result-table td.cell-current-bid .price-bids-amount,
.ra-search-result-table td.cell-current-bid .bid {
white-space: nowrap;
}
.ra-search-result-table td.cell-your-bid {
font-size: 14px;
}
.ra-search-result-table td.cell-your-bid .bid {
white-space: nowrap;
}
.ra-search-result-table td.cell-your-max-bid {
font-size: 14px;
}
.ra-search-result-table td.cell-your-max-bid .bid {
white-space: nowrap;
}
.ra-search-result-table td.cell-actions {
width: 100px;
}
.ra-search-result-table td.cell-actions .button {
white-space: nowrap;
}
.ra-search-result-table td.cell-actions .ra-bid-action {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -7px;
}
.ra-search-result-table td.cell-actions .ra-bid-action-col {
margin-bottom: 10px;
position: relative;
}
.ra-search-result-table td.cell-actions .ra-bid-action-col.col-1 {
-ms-flex-order: 1;
order: 1;
}
.ra-search-result-table td.cell-actions .ra-bid-action-col.col-2 {
-ms-flex-order: 3;
order: 3;
margin-bottom: 0;
}
.ra-search-result-table td.cell-actions .ra-bid-action-col.col-3 {
-ms-flex-order: 2;
order: 2;
}
.ra-search-result-table td.cell-actions .ra-bid-action-col .input-text {
width: 80px;
margin-right: 10px;
padding-left: 20px;
background-color: #FFFFFF;
}
.ra-search-result-table td.cell-actions .ra-bid-action-col .label {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
color: #000;
}
.ra-search-result-table td.cell-actions .ra-bid-action-col .auto-bid-info {
text-align: center;
font-size: 8px;
line-height: 10px;
padding-top: 3px;
text-transform: none;
}
.ra-search-result-table .time-counter .ra-timer {
font-size: 18px;
margin: 0;
line-height: 22px;
color: #50A39A;
font-weight: 500;
min-width: 220px;
}
.ra-search-result-table .time-counter .ra-timer span {
font-weight: 400;
}
.ra-search-result-table .time-counter .red {
color: #DC3545;
}
.ra-search-result-table .time-counter .pulse-slow {
animation: blinker 1s linear infinite;
}
.ra-search-result-table .time-counter .time-counter-table {
margin: 0;
}
.ra-search-result-table .time-counter .time-counter-table .row-values .time-counter-cell {
font-size: 18px;
line-height: 22px;
}
.ra-search-result-table .time-counter .time-counter-table .row-labels .time-counter-cell {
font-size: 10px;
line-height: 14px;
}
.ra-search-result-table .outbid-msg {
color: #DC3545;
max-width: 200px;
margin-top: 10px;
}
.ra-search-result-table .bid-list .bid-item {
margin-bottom: 6px;
}
.ra-search-result-table .bid-list .bid-item:last-child {
margin-bottom: 0;
}
.ra-search-result-table .bid-list .bid-item .bid-list-label {
white-space: nowrap;
color: #000;
text-transform: none;
font-size: 14px;
}
.ra-search-result-table .status-lost {
color: #DC3545;
font-size: 14px;
text-transform: none;
}
.ra-search-result-table .status-won {
color: #198754;
font-size: 14px;
text-transform: none;
}
.ra-watchlist-no-results a,
.ra-favs-no-results a,
.ra-bidhistory-no-results a,
.ra-autions-won-no-results a {
text-decoration: underline;
}
.ra-watchlist-no-results a:hover,
.ra-favs-no-results a:hover,
.ra-bidhistory-no-results a:hover,
.ra-autions-won-no-results a:hover {
text-decoration: none;
}
@media (max-width: 767px) {
.rising-auctions-button-bar {
margin-bottom: 17px;
width: calc(100% + 3px);
}
.rising-auctions-button-bar li {
width: calc(50% - 3px);
margin-right: 3px;
margin-bottom: 3px;
}
.ra-watchlist-main .ra-watchlist-refinement {
width: auto;
}
.ra-search-result-table {
display: block;
text-align: center;
}
.ra-search-result-table > thead {
display: none;
}
.ra-search-result-table > tbody {
display: block;
width: calc(100% + 15px);
}
.ra-search-result-table > tbody:before,
.ra-search-result-table > tbody:after {
content: " ";
display: table;
}
.ra-search-result-table > tbody:after {
clear: both;
}
.ra-search-result-table > tbody > tr {
display: block;
float: left;
margin: 0 15px 15px 0;
width: calc(100% - (15px * 3) - 2px);
border: 1px solid #BBBBBB;
border-radius: 0;
padding: 15px;
}
.ra-search-result-table > tbody > tr:last-child {
margin-bottom: 0;
}
.ra-search-result-table > tbody > tr > td {
display: block;
padding: 0!important;
border: 0 none!important;
}
.ra-search-result-table > tbody > tr > td.cell-product {
width: 100%;
margin-bottom: 8px;
}
.ra-search-result-table > tbody > tr > td.cell-product:before,
.ra-search-result-table > tbody > tr > td.cell-product:after {
content: " ";
display: table;
}
.ra-search-result-table > tbody > tr > td.cell-product:after {
clear: both;
}
.ra-search-result-table > tbody > tr > td.cell-product .product-image {
float: none;
position: relative;
margin: 0 auto 5px auto;
}
.ra-search-result-table > tbody > tr > td.cell-product .product-image img {
max-width: 150px !important;
margin: 0 auto;
}
.ra-search-result-table > tbody > tr > td.cell-product .product-name {
overflow: hidden;
margin-left: 0;
max-width: none;
text-align: center;
}
.ra-search-result-table > tbody > tr > td.cell-timer {
clear: left;
text-align: center;
margin: 0 0 10px;
}
.ra-search-result-table > tbody > tr > td.cell-timer .time-counter .time-counter-table {
margin: 0 auto;
}
.ra-search-result-table > tbody > tr > td.cell-timer .outbid-msg {
max-width: none;
}
.ra-search-result-table > tbody > tr > td.cell-current-bid {
text-align: center;
margin: 0 0 10px;
}
.ra-search-result-table > tbody > tr > td.cell-actions {
width: auto;
}
.ra-search-result-table > tbody > tr > td.cell-actions .ra-bid-action {
margin-top: 0;
}
.ra-search-result-table > tbody > tr > td.cell-actions .ra-bid-action-col.col-1 {
-ms-flex-order: 1;
order: 1;
}
.ra-search-result-table > tbody > tr > td.cell-actions .ra-bid-action-col.col-2 {
-ms-flex-order: 2;
order: 2;
}
.ra-search-result-table > tbody > tr > td.cell-actions .ra-bid-action-col.col-3 {
-ms-flex-order: 3;
order: 3;
}
.ra-watchlist-visibility tr.product-tile {
border: 1px solid #BBBBBB !important;
}
.ra-watchlist-visibility tr.product-tile .ra-bid-action {
-ms-flex-pack: center;
justify-content: center;
}
}
.context-auctionshop .search-result-content .tiles-container {
padding-top: 1px;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .product-review {
height: 18px;
position: relative;
-ms-flex-pack: center;
justify-content: center;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .product-tile-part-bottom.login-to-bid {
min-height: 185px;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .ra-timecounter {
height: 25px;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .ra-timecounter .time-counter-cell {
font-weight: 500;
font-size: 22px;
line-height: 40px;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .ra-timecounter .time-counter-cell.separator {
font-weight: 400;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .ra-timecounter .time-counter-cell.hidden {
display: none;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .ra-timecounter .time-counter-cell .seconds-left {
font-weight: 400;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .bid-button,
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .ra-add-to-cart {
font-size: 14px;
line-height: 40px;
font-weight: 400;
color: #FFFFFF;
height: 40px;
width: calc(100% - 20px);
margin: 0 auto;
padding: 0;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .winner-you {
background-color: unset;
color: #198754;
font-size: 22px;
line-height: 40px;
font-weight: 400;
height: 40px;
margin: 0 auto!important;
padding: 0;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .winner-you .value {
text-transform: uppercase;
font-weight: 400;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .auction-ended-msg {
background-color: unset;
text-transform: uppercase;
font-weight: 400;
font-size: 22px;
line-height: 40px;
color: #DC3545;
height: 40px;
padding: 0;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .auction-ended-msg.nobids {
color: #BBBBBB;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .auction-be-the-first-to-bid {
height: 50px;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .price-bids .price-bids-amount {
font-size: 18px;
font-weight: 400;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .price-bids .price-bids-count {
font-weight: 400;
margin-left: 5px;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .bidder {
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #000;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .bidder .label {
white-space: nowrap;
line-height: 20px;
}
.context-auctionshop .search-result-content .tiles-container .grid-tile .grid-tile-inner .product-tile .bidder .label .fa {
font-size: 14px;
line-height: 20px;
}
.context-auctionshop .ra-bid-action-wrapper .ra-bid-action .ra-bid-action-left-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
font-size: 13px;
line-height: 40px;
font-weight: 400;
color: #000;
}
.context-auctionshop .ra-bid-action-wrapper .ra-bid-action .ra-bid-action-left-inner .bid-value {
width: 50px;
padding: 3px 2px 3px 2px;
text-align: center;
margin-left: 5px;
height: 30px;
font-size: 14px;
border: 2px solid #198754 !important;
background-color: #FFFFFF;
}
.context-auctionshop .auction-be-the-first-to-bid {
position: absolute;
width: 100%;
height: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.context-auctionshop .product-tile-part-bottom {
min-height: 180px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.context-auctionshop .product-tile-part-bottom .progress-loader {
position: absolute;
}
.context-auctionshop .product-tile-part-bottom .ra-overlay {
opacity: 0.3;
background-color: #BBBBBB;
height: 100%;
position: absolute;
width: 100%;
top: 0px;
left: 0px;
}
.context-auctionshop .highest.winner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.context-auctionshop .price-bids-count {
height: 40px;
}
.context-auctionshop .winner-you {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.context-auctionshop .auction-ended-msg,
.context-auctionshop .winner-you {
font-size: 18px;
line-height: 20px;
}
.context-auctionshop .product-tile-bottom {
padding: 0 !important;
}
.context-auctionshop .ra-login-btn {
width: calc(100% - 20px);
height: 40px;
line-height: 40px;
padding: 0;
margin: 0 auto;
font-size: 14px;
}
@media (max-width: 767px) {
.context-auctionshop .ra-bid-action-wrapper .ra-bid-action .ra-bid-action-left-inner {
font-size: 12px;
}
.context-auctionshop .search-result-content .search-result-items .grid-tile .grid-tile-inner .product-tile .ra-timecounter .seconds-left {
font-size: 18px;
}
}
.activebidhighest {
margin-top: 5px;
margin-left: -3px;
background-color: #DC3545;
width: 142px;
height: 22px;
padding-top: 4px;
}
@media (max-width: 767px) {
.activebidhighest {
height: 23px;
padding-top: 6px;
width: 124px;
margin: 10px auto 0;
}
}
.activebidhighest .activebidlabel {
color: #FFFFFF;
margin-left: 10px;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
}
@media (max-width: 767px) {
.activebidhighest .activebidlabel {
margin-left: -7px;
font-size: 14px;
}
}
.activebidhighest .activebidlabel .fa {
display: inline;
}
@media (max-width: 767px) {
.activebidhighest .activebidlabel .fa.fa-thumbs-down {
-ms-transform: scaleX(-1);
transform: scaleX(-1);
display: inline-block;
}
}
.activebidhighest-you {
margin-top: 5px;
margin-left: -3px;
width: 150px;
height: 22px;
padding-top: 4px;
background-color: #0D6EFD;
}
@media (max-width: 767px) {
.activebidhighest-you {
margin: 10px auto 0;
height: 27px;
padding-top: 6px;
width: 170px;
}
}
.activebidhighest-you .activebidlabel {
color: #FFFFFF;
margin-left: 10px;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
}
@media (max-width: 767px) {
.activebidhighest-you .activebidlabel {
margin-left: -9px;
font-size: 14px;
}
}
.activebidhighest-you .activebidlabel .fa-thumbs-up {
-ms-transform: scaleX(-1);
transform: scaleX(-1);
display: inline-block;
vertical-align: top;
}
.rabreadcrumb {
margin: 20px 0 0;
}
.rabreadcrumb .rabreadcrumb-ul .rabreadcrumb-li {
display: inline;
font-size: 14px;
font-weight: 400;
color: #000;
}
@media (max-width: 767px) {
.rabreadcrumb .rabreadcrumb-ul .rabreadcrumb-li {
display: block;
float: left;
}
}
.rabreadcrumb .rabreadcrumb-ul .rabreadcrumb-li .raseparator {
padding-left: 5px;
padding-right: 5px;
color: #BBBBBB;
vertical-align: middle;
}
.rabreadcrumb .rabreadcrumb-ul .rabreadcrumb-li:last-child .raseparator {
display: none;
}
#ajaxRefresh .items-per-page {
width: 160px;
margin-bottom: 15px;
}
#ajaxRefresh .items-per-page .non-custom-select {
text-indent: 6px;
padding-top: 14px;
border: 1px solid #BBBBBB;
height: 50px;
margin: 0;
}
#ajaxRefresh .items-per-page .select-label {
left: 10px;
}
@media (max-width: 767px) {
#ajaxRefresh .items-per-page {
width: 49%;
}
}
.ra-details-wrapper.processing {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.ra-details-wrapper.processing .progress-loader {
position: absolute;
}
.ra-details-wrapper.processing .ra-overlay {
opacity: 0.3;
background-color: #BBBBBB;
height: 100%;
position: absolute;
width: 100%;
top: 0px;
left: 0px;
}
.rising-action-btn-group {
margin: 20px 0;
}
.rising-action-btn-group .html-slot-container {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
width: 100%;
text-align: center;
}
.rising-action-btn-group .manage-button {
position: relative;
border: 2px solid #BBBBBB;
color: #000;
padding: 5px 0;
width: 100%;
text-align: center;
font-size: 13px;
line-height: 16px;
font-weight: 500;
display: block;
box-sizing: border-box;
}
.rising-action-btn-group .manage-button span {
display: block;
}
.rising-action-btn-group .manage-button:hover {
border: 2px solid #888888;
text-decoration: none;
}
.rising-action-btn-group .manage-button:hover.paynow {
background: #146C43;
border: 2px solid #146C43;
}
.rising-action-btn-group .manage-button.paynow {
background: #198754;
border: 2px solid #198754;
color: #FFFFFF;
}
.rising-action-btn-group .howitworks {
font-size: 16px;
font-weight: 500;
margin: 20px 0;
text-align: center;
}
.rising-action-btn-group .notification {
z-index: 1;
position: absolute;
top: -10px;
right: -10px;
color: #FFFFFF;
font-size: 16px;
line-height: 28px;
font-weight: 500;
width: 28px;
height: 28px;
text-align: center;
border-radius: 50%;
background: #DC3545;
padding: 0;
box-sizing: border-box;
display: none;
}
.rising-action-btn-group .notification.show {
display: block;
}
.rising-action-btn-group .inner {
max-width: 800px;
margin: 0 auto;
}
.rising-action-btn-group.sticky-on {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
margin: 0;
}
.rising-action-btn-group.sticky-on .html-slot-container {
display: none;
}
.rising-action-btn-group.sticky-on .inner {
background: #FFFFFF;
padding: 10px 15px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
.rising-action-btn-group .html-slot-container {
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.rising-action-btn-group.sticky-on .html-slot-container {
display: block;
}
.rising-action-btn-group .howitworks {
position: relative;
border: 2px solid #BBBBBB;
color: #000;
padding: 10px 0;
margin: 0;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
font-weight: 500;
display: block;
box-sizing: border-box;
}
.rising-action-btn-group .howitworks:hover {
border: 2px solid #888888;
text-decoration: none;
}
.rising-action-btn-group.sticky-on .inner {
padding: 10px 20px;
}
.rising-action-btn-group .manage-button {
padding: 10px 0;
width: 100%;
font-size: 14px;
font-weight: 500;
}
.rising-action-btn-group .manage-button span {
display: inline-block;
}
}
@media (min-width: 860px) {
.rising-action-btn-group.sticky-on {
top: 10px;
}
.rising-action-btn-group.sticky-on .inner {
padding: 10px;
}
}
@media (max-width: 1023px) {
.product-img-section-container {
width: 100%;
height: 0;
padding-bottom: 133%;
position: relative;
overflow: hidden;
}
}
.Sirv.raPDP .smv-slides-box {
outline: 1px solid #DDDDDD;
margin-left: 1px;
}
.Sirv.raPDP .smv-slides-box .smv-controls .smv-button-fullscreen {
bottom: 0;
top: unset;
right: unset;
}
.Sirv.raPDP .smv-selectors-box {
margin-top: 20px;
}
.Sirv.raPDP .smv-content.smv-content-image {
width: 60% !important;
margin: 0 auto;
}
.Sirv.raPDP .utils-wrapper {
position: absolute;
bottom: 0;
width: 100%;
z-index: 20;
margin-bottom: 14px;
}
.Sirv.raPDP .utils-wrapper .fa-play {
margin-bottom: 10px;
}
.Sirv.raPDP .utils-wrapper .overlayvideo-open {
position: unset !important;
height: auto !important;
cursor: pointer;
}
.Sirv.raPDP .smv-scroll .smv-item smv-thumbnail[data-video="360video"] {
position: relative;
}
.Sirv.raPDP .smv-scroll .smv-item smv-thumbnail[data-video="360video"] .icons-product-image-360 {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.Sirv.raPDP .smv-scroll .smv-item smv-thumbnail[data-video="360video"] .icons-product-image-360 .label-video {
margin-bottom: 10px;
}
.Sirv.raPDP .smv-scroll .smv-item smv-thumbnail[data-video="360video"] .icons-product-image-360.productthumbnail {
visibility: visible !important;
position: absolute !important;
width: 70px !important;
height: 70px !important;
margin: 10px 0 !important;
-ms-transform: translate(28%, 10%) !important;
transform: translate(28%, 10%) !important;
}
@media (max-width: 768px) {
.Sirv.raPDP .smv-slides {
height: 80% !important;
}
}
.smv-slides .smv-slide .smv-content .playButton {
position: unset !important;
}
.smv-fullscreen-box .smv-slides-box .utils-wrapper {
display: none !important;
}
.ra-auctions.ra-container {
max-width: 1440px;
background: #FFFFFF;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
padding: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.ra-auctions.ra-container {
padding: 20px 15px;
}
.ra-auctions.ra-container .button {
width: max-content;
padding: 0 6px;
line-height: 38px;
font-size: 13px;
}
}
.ra-auctions .product-link {
min-width: 80px;
max-width: 80px;
margin: auto;
}
@media screen and (min-width: 1280px) {
.ra-auctions .product-link {
min-width: 160px;
max-width: 160px;
}
}
.ra-auctions .ra-item-checkbox {
height: 100%;
margin: auto 0;
min-width: 40px;
}
.ra-auctions .ra-row {
display: -ms-flexbox;
display: flex;
}
.ra-auctions .ra-row .time-counter .ra-timer {
font-size: 16px;
margin: 0;
}
@media screen and (max-width: 767px) {
.ra-auctions .ra-row .time-counter .ra-timer {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.ra-auctions .ra-row .time-counter {
line-height: 20px;
margin-bottom: 5px;
text-wrap: nowrap;
text-align: center;
background-color: #F5F5F5;
border-radius: 20px;
width: max-content;
padding: 2px 10px;
}
}
.ra-auctions .ra-row .date-counter {
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F5F5F5;
border-radius: 20px;
}
.ra-auctions .ra-row .date-counter .ra-date {
font-family: "brother-1816", sans-serif;
font-size: 13px;
line-height: 20px;
margin: 0;
text-wrap: nowrap;
text-align: center;
}
.ra-auctions .ra-row .ra-time-remaining-container {
-ms-flex-positive: 1.5;
flex-grow: 1.5;
display: -ms-flexbox;
display: flex;
gap: 8px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 10px;
padding-right: 10px;
}
.ra-auctions .ra-row .ra-add-to-cart-container {
margin-left: auto;
min-width: 175px;
-ms-flex-pack: end;
justify-content: end;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.ra-auctions .ra-row.ra-item-row {
border-bottom: 1px solid #DDDDDD;
padding: 20px 0;
}
.ra-auctions .ra-row.ra-item-row:last-child {
border-bottom: none;
padding-bottom: 0;
}
.ra-auctions .ra-row .ra-item {
display: -ms-flexbox;
display: flex;
margin-left: 20px;
}
@media screen and (max-width: 767px) {
.ra-auctions .ra-row .ra-item {
margin-left: 10px;
}
}
.ra-auctions .ra-row .ra-item .ra-item-description {
display: -ms-flexbox;
display: flex;
margin-left: 20px;
height: 100%;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
max-width: 400px;
}
@media screen and (max-width: 767px) {
.ra-auctions .ra-row .ra-item .ra-item-description {
margin-left: 10px;
}
}
.ra-auctions .ra-row .ra-item .ra-item-description .product-name {
font-size: 16px;
font-family: "brother-1816", sans-serif;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
/* number of lines to show */
line-clamp: 2;
}
@media screen and (max-width: 1024px) {
.ra-auctions .ra-row .ra-item .ra-item-description .product-name {
font-size: 16px;
line-clamp: 3;
-webkit-line-clamp: 3;
}
}
@media screen and (max-width: 767px) {
.ra-auctions .ra-row .ra-item .ra-item-description .product-name {
line-clamp: 2;
-webkit-line-clamp: 2;
line-height: 18px;
}
}
.ra-auctions .ra-row .ra-item .ra-item-description .ra-item-price {
font-size: 22px;
font-family: "brother-1816", sans-serif;
font-weight: 500;
color: #444444;
}
@media screen and (max-width: 1024px) {
.ra-auctions .ra-row .ra-item .ra-item-description .ra-item-price {
font-size: 18px;
}
}
.ra-auctions .ra-row.ra-header {
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #DDDDDD;
padding-bottom: 20px;
}
.ra-auctions .ra-row.ra-header.ra-header-sticky {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
margin: 0;
padding: 15px;
background: #FFFFFF;
box-sizing: border-box;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.ra-auctions .ra-row.ra-header .ra-header-checkbox .checker {
margin-right: 5px;
}
@media screen and (max-width: 767px) {
.desktop-show {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.mobile-show {
display: none !important;
}
}
/*** Styles for Activate Quick Buy page***/
.quickbuy-preference-page .QB-page-title {
font-size: 25px;
margin-bottom: 0.5em;
margin-top: 0;
line-height: 25px;
font-weight: 400;
}
@media (max-width: 767px) {
.quickbuy-preference-page .QB-page-title {
font-size: 20px;
line-height: 28px;
width: 90%;
}
}
.quickbuy-preference-page .QB-tc {
padding: 0px 0px 14px 0px;
}
.quickbuy-preference-page .QB-tc .form-row.form-row-checkbox {
margin-top: 15px;
}
.quickbuy-preference-page .QB-tc .error-msg {
display: none!important;
}
.quickbuy-preference-page .QB-tc .form-row .field {
min-height: auto !important;
}
.quickbuy-preference-page .QB-tc .form-row label {
pointer-events: auto;
}
.quickbuy-preference-page .quickbuytac .error-msg {
display: none!important;
}
.quickbuy-preference-page h1 {
font-size: 30px;
margin-top: 20px;
}
.quickbuy-preference-page h2 {
margin-top: 0;
margin-bottom: 0;
}
.quickbuy-preference-page label {
font-size: 13px;
pointer-events: auto;
}
.quickbuy-preference-page .address-alias {
width: 18.5rem;
}
@media (max-width: 767px) {
.quickbuy-preference-page .address-alias {
width: 100%;
}
}
.quickbuy-preference-page .personal-fileds {
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.quickbuy-preference-page .personal-fileds {
display: block;
}
}
.quickbuy-preference-page .personal-fileds .form-row-new {
margin: 0 20px 0 0;
width: 15rem;
}
@media (max-width: 767px) {
.quickbuy-preference-page .personal-fileds .form-row-new {
width: 100%;
}
}
.quickbuy-preference-page .personal-fileds .form-row-select {
width: 6.875rem;
}
@media (max-width: 767px) {
.quickbuy-preference-page .personal-fileds .form-row-select {
width: 100%;
}
}
.quickbuy-preference-page .country-postal-box {
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.quickbuy-preference-page .country-postal-box {
display: block;
}
}
.quickbuy-preference-page .country-postal-box .country-fld {
width: 18.75rem !important;
margin-right: 20px;
}
@media (max-width: 767px) {
.quickbuy-preference-page .country-postal-box .country-fld {
width: 100% !important;
margin-right: 0;
}
}
.quickbuy-preference-page .country-postal-box .country-postal-inner {
display: -ms-flexbox;
display: flex;
}
.quickbuy-preference-page .country-postal-box div.selector {
width: 18.75rem !important;
margin-right: 0;
}
@media (max-width: 767px) {
.quickbuy-preference-page .country-postal-box div.selector {
width: 100% !important;
margin-right: 0;
}
}
.quickbuy-preference-page .country-postal-box .post-code-field {
display: -ms-flexbox;
display: flex;
}
.quickbuy-preference-page .country-postal-box .postcodeinput {
width: 8.875rem;
margin-right: 20px;
}
@media (max-width: 767px) {
.quickbuy-preference-page .country-postal-box .postcodeinput {
width: 50%;
}
}
.quickbuy-preference-page .country-postal-box .address-check-btn button {
width: 11.25rem;
margin-top: 0px;
}
.quickbuy-preference-page .addresses-select {
width: 23.75rem!important;
}
@media (max-width: 767px) {
.quickbuy-preference-page .addresses-select {
width: auto!important;
}
}
.quickbuy-preference-page .addresses-select .selected-address-summary {
padding-bottom: 12px;
border-bottom: 1px solid #DDDDDD;
}
.quickbuy-preference-page .addresses-select .selected-address-summary span {
display: block;
}
.quickbuy-preference-page .addresses-select .select-input-field .field {
margin-left: 0;
width: auto;
}
@media (max-width: 767px) {
.quickbuy-preference-page .addresses-select .select-input-field .field {
width: 100%!important;
}
}
.quickbuy-preference-page .addresses-select .showmore {
color: #50A39A !important;
background-color: transparent;
border: 0;
text-align: left;
padding-bottom: 15px;
text-transform: uppercase;
}
.quickbuy-preference-page .mobile-no {
width: 15rem;
margin: 0 0 0;
}
@media (max-width: 767px) {
.quickbuy-preference-page .mobile-no {
width: 100% ;
}
}
.quickbuy-preference-page .delivery-box {
margin: 0;
width: 18.75rem;
}
@media (max-width: 767px) {
.quickbuy-preference-page .delivery-box {
width: 100% ;
}
}
.quickbuy-preference-page .delivery-box h5 {
margin-bottom: 0.8rem;
}
.quickbuy-preference-page .delivery-box .deliveryList {
width: 18.75rem !important;
}
@media (max-width: 767px) {
.quickbuy-preference-page .delivery-box .deliveryList {
width: 100% !important;
margin-right: 0;
}
}
.quickbuy-preference-page .checkout-billing-address div.checker {
margin-right: 10px;
}
.quickbuy-preference-page .checkout-billing-address div.checker span.checked {
margin: 0;
}
.quickbuy-preference-page .checkout-billing-address .flex {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.quickbuy-preference-page .checkout-billing-address .flex {
display: block;
}
}
.quickbuy-preference-page .checkout-billing-address .flex .add-new-address {
font-size: 13px;
line-height: 16px;
font-weight: 500;
color: #50A39A;
text-transform: uppercase;
cursor: pointer;
}
@media (max-width: 767px) {
.quickbuy-preference-page .checkout-billing-address .flex .add-new-address {
margin-top: 15px;
display: block;
}
}
.quickbuy-preference-page .credit-card-box {
max-width: 90%;
}
@media (max-width: 767px) {
.quickbuy-preference-page .credit-card-box {
max-width: 97%;
}
}
.quickbuy-preference-page .credit-card-box .personal-fileds {
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.quickbuy-preference-page .credit-card-box .personal-fileds {
padding-top: 15px;
display: block;
padding-bottom: 0;
}
}
.quickbuy-preference-page .credit-card-box .personal-fileds .flex {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.quickbuy-preference-page .credit-card-box .personal-fileds .flex {
margin-top: 25px;
}
}
.quickbuy-preference-page .credit-card-box .personal-fileds .existing-cards {
width: 20.625rem !important;
margin-right: 20px;
}
@media (max-width: 767px) {
.quickbuy-preference-page .credit-card-box .personal-fileds .existing-cards {
width: 100% !important;
display: block;
margin-bottom: 15px;
}
}
.quickbuy-preference-page .credit-card-box .personal-fileds #existing-paysafe-cvv {
width: 8.125rem !important;
}
@media (max-width: 767px) {
.quickbuy-preference-page .credit-card-box .personal-fileds #existing-paysafe-cvv {
width: 6.25rem !important;
}
}
.quickbuy-preference-page .credit-card-box .add-new-address {
font-size: 13px;
line-height: 16px;
font-weight: 500;
color: #50A39A;
text-transform: uppercase;
display: block;
margin-bottom: 15px;
}
.quickbuy-preference-page .credit-card-box .refundtext {
padding: 10px 0;
}
.quickbuy-preference-page .credit-card-box .refundtext span {
font-weight: 500;
}
.quickbuy-preference-page .activate-quickbuy-box {
width: 400px;
margin-top: 40px;
border: 1px solid #BBBBBB;
box-sizing: border-box;
}
@media (max-width: 767px) {
.quickbuy-preference-page .activate-quickbuy-box {
width: 100%;
margin-bottom: 70px;
}
}
.quickbuy-preference-page .activate-quickbuy-box .activate-quickbuy-inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.quickbuy-preference-page .activate-quickbuy-box .activate-quickbuy-inner .form-row.form-row-checkbox {
margin: 0 10px 0;
}
.quickbuy-preference-page .activate-quickbuy-box .activate-quickbuy-inner .activatebutton {
background: #FFFFFF;
padding: 15px;
}
.quickbuy-preference-page .activate-quickbuy-box .order-totals-box {
padding: 15px;
}
.quickbuy-preference-page .activate-quickbuy-box .order-totals-box .qborderdetails {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #BBBBBB;
padding-bottom: 10px;
margin-bottom: 15px;
}
.quickbuy-preference-page .activate-quickbuy-box .order-totals-box .qborderdetails .qborder-detail {
padding-left: 10px;
width: 50%;
text-align: right;
}
.quickbuy-preference-page .activate-quickbuy-box .order-totals-box .qborderimage {
position: relative;
}
.quickbuy-preference-page .activate-quickbuy-box .order-totals-box .qborderdetails.qbWarrantyEligible-true {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.quickbuy-preference-page .activate-quickbuy-box .order-totals-box .qborderdetails.qbWarrantyItem-true {
border-top: 1px solid #BBBBBB;
padding-top: 10px;
margin-top: 15px;
}
.quickbuy-preference-page .activate-quickbuy-box .order-totals-box .order-totals-table tr.order-total td {
font-size: 14px;
font-weight: 500;
}
.quickbuy-preference-page .activate-quickbuy-box .order-totals-box .order-totals-table tr td {
padding-top: 0px !important;
}
.quickbuy-preference-page .activate-quickbuy-box .qbwarrantydetails {
border-bottom: 1px solid #BBBBBB;
padding-bottom: 15px;
margin: 15px 0;
}
.quickbuy-preference-page .activate-quickbuy-box .qbwarrantydetails .warranty-section .warranty-box {
border: 0;
padding: 0;
max-width: 100%;
margin-top: 0;
}
.quickbuy-preference-page .activate-quickbuy-box .qbwarrantydetails .warranty-section .warranty-box .warranty-dialog {
pointer-events: none!important;
}
.quickbuy-preference-page .activate-quickbuy-box .qbwarrantydetails .warranty-section .warranty-box .warranty-dialog .tjcplussubheading {
display: none!important;
}
.quickbuy-preference-page .activate-quickbuy-box .qbwarrantydetails .warranty-section .warranty-box .warrantyImage img {
width: 40px!important;
}
.quickbuy-preference-page .credit-card-box .QB-refundMsg {
padding: 0;
}
.quickbuy-preference-page .credit-card-box div.selector {
margin-right: 20px;
}
@media (min-width: 768px) {
.quickbuy-preference-page .credit-card-box div.selector {
width: 20.625rem !important;
}
}
.quickbuy-preference-page .credit-card-box #cardExpiry {
width: 8.125rem !important;
margin-right: 20px;
margin-left: 13px;
}
@media (max-width: 767px) {
.quickbuy-preference-page .credit-card-box #cardExpiry {
margin-left: 0;
}
}
.quickbuy-preference-page .credit-card-box #cardExpiry:read-only {
padding-top: 0!important;
}
.quickbuy-preference-page .credit-card-box .whatiscvv {
line-height: normal;
color: #50A39A;
font-weight: 500;
cursor: pointer;
}
.quickbuy-preference-page .preference-button {
margin: 20px 0px;
}
.quickbuy-preference-page .quickbuypref-check .checker {
visibility: hidden;
}
.quickbuy-preference-page .preference-button .switch {
position: relative;
display: inline-block;
width: 60px;
height: 30px;
}
.quickbuy-preference-page .preference-button .switch input {
opacity: 0;
width: 0;
height: 0;
}
.quickbuy-preference-page .preference-button .switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #CCCCCC;
transition: .4s;
}
.quickbuy-preference-page .preference-button .switch .slider:before {
position: absolute;
content: "";
height: 30px;
width: 30px;
left: 0px;
background-color: white;
transition: .4s;
background-color: #DC3545;
}
.quickbuy-preference-page .preference-button .switch .enabled + .slider {
background-color: #DDDDDD;
box-shadow: 0 0 1px #DDDDDD;
}
.quickbuy-preference-page .preference-button .switch .enabled + .slider:before {
-ms-transform: translateX(26px);
transform: translateX(26px);
right: 0;
left: 4px;
background-color: #198754;
}
.quickbuy-preference-page .preference-button .switch .slider.round {
border-radius: 34px;
height: 30px;
}
.quickbuy-preference-page .preference-button .switch .slider.round:before {
border-radius: 50%;
}
.quickbuy-preference-page .preference-button .change-label {
margin-left: 5px;
}
.quickbuy-preference-page #dwfrm_quickbuyaddress_customer_quickbuytac-error {
visibility: hidden !important;
}
#delivery-address {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
#delivery-address {
display: block;
}
}
#delivery-address .add-new-address {
font-size: 13px;
line-height: 16px;
font-weight: 500;
color: #50A39A;
text-transform: uppercase;
cursor: pointer;
}
@media (max-width: 767px) {
#delivery-address .add-new-address {
margin-top: 15px;
display: block;
}
}
/*** Add new card model box***/
.add-new-card-dialog {
width: 27.5rem !important;
padding: 12px 20px 20px;
}
@media (max-width: 767px) {
.add-new-card-dialog {
width: 83% !important;
}
}
/*** QuickBuy Confirmation model Box ***/
.quickBuyConfirmation .title {
font-weight: 500;
font-size: 17px;
}
.quickBuyConfirmation .qbConfirmationContent {
padding: 0 15px;
}
.quickBuyConfirmation .qbConfirmationContent span {
font-weight: 500;
color: #50A39A;
}
.quickBuyConfirmation .qbConfirmationContent #qborder-number {
font-weight: 500;
color: #000;
}
.quickBuyConfirmation button {
width: 180px;
font-weight: 500;
}
/*.QBactivateconfirm, .QBsaveconfirm{
width: 27.5rem !important;
@media (max-width: @mobile-max) {
width: 83% !important;
}
#QBactivateconfirm, #QBsaveconfirm{
text-align: center!important;
padding-top: 10px;
}
} */
.QBactivateconfirm {
position: fixed;
left: 0!important;
margin: 0 auto!important;
top: 50% !important;
right: 0 !important;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.QBactivateconfirm .content-row:nth-child(1),
.qb-livetv-dialog .content-row:nth-child(1) {
border-bottom: 0 !important;
}
.QBdisableconfirm {
width: 27.5rem !important;
}
@media (max-width: 767px) {
.QBdisableconfirm {
width: 83% !important;
}
.QBdisableconfirm .button,
.QBdisableconfirm button,
.QBdisableconfirm input[type=button] {
display: unset;
}
}
.QBdisableconfirm #QBdisableconfirm button {
width: 180px;
height: 50px;
line-height: 35px;
font-weight: 500;
}
@media (max-width: 767px) {
.QBdisableconfirm #QBdisableconfirm button {
width: 125px;
}
}
.QBdisableconfirm #QBdisableconfirm .confirm-disable {
margin-left: 10px;
}
.QBdisableconfirm #QBdisableconfirm .cancel-disable {
background-color: #FFFFFF;
border: 1px solid #BBBBBB;
color: #000 !important;
font-weight: 500;
}
.QBdisableconfirm #QBdisableconfirm .cancel-disable:hover {
background-color: #EEEEEE;
}
.whatiscvv-modelbox {
width: 27.5rem !important;
padding: 12px 20px 20px;
}
@media (max-width: 767px) {
.whatiscvv-modelbox {
width: 83% !important;
}
}
.fa.fa-question-circle {
margin-left: 5px;
color: #50A39A;
}
.fa.fa-question-circle.warranty {
font-size: 16px;
font-weight: 500;
cursor: pointer;
}
body .ui-tooltip {
border-width: 2px;
}
.ui-tooltip {
padding: 10px;
position: absolute;
z-index: 9999;
max-width: 300px;
background: #FFFFFF;
box-shadow: 0 0 10px #CCCCCC;
font-size: 13px;
line-height: 20px;
}
.ui-tooltip .ui-tooltip-content a {
color: #50A39A;
font-weight: 500;
}
.ui-tooltip .ui-tooltip-content a:hover {
text-decoration: underline!important;
}
/*.ui-tooltip-content::after, .ui-tooltip-content::before {
content: "\f104";
font: 40px/1 FontAwesome;
position: absolute;
left: -13px;
top: 0px;
color: @grey-dark;
}*/
#qberror .error {
color: #FFFFFF;
background-color: #DC3545;
padding: 3px 10px;
width: 50%;
margin-top: 20px;
}
.showActivateQBModel {
padding: 20px;
position: fixed!important;
left: 0!important;
right: 0!important;
margin: auto!important;
}
.showActivateQBModel.tjc-sub-papin .order-totals-table .order-subtotal1,
.showActivateQBModel.tjc-sub-papin .order-totals-table .order-shipping-discount {
display: none;
}
@media (max-width: 767px) {
.showActivateQBModel {
width: 93%!important;
height: 90%!important;
padding: 30px 10px 30px 10px;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.showActivateQBModel {
width: 90% !important;
}
}
.showActivateQBModel .checkout-addresses-form {
overflow-y: auto;
max-height: 450px;
}
@media (max-width: 767px) {
.showActivateQBModel .checkout-addresses-form {
top: 0;
height: 100%;
max-height: 90vh;
padding-right: 14px;
}
}
@media (max-width: 430px) {
.showActivateQBModel .checkout-addresses-form {
padding-right: 0px;
}
}
.qbaddnewcard {
border: 2px solid #0D6EFD;
padding: 15px;
margin-top: 14px;
border-radius: 10px;
width: 95%;
margin-bottom: 12px;
}
@media (max-width: 767px) {
.qbaddnewcard {
padding: 10px;
margin-top: 15px;
width: 96.5%;
}
}
.qbaddnewcard .qbaddnewcardinner {
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.qbaddnewcard .qbaddnewcardinner {
display: block;
margin-bottom: 20px;
}
}
.qbaddnewcard .qbaddnewcardinner #cardNumber {
margin-right: 20px;
width: 20.625rem;
}
@media (max-width: 767px) {
.qbaddnewcard .qbaddnewcardinner #cardNumber {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
}
@media (min-width: 768px) and (max-width: 1279px) {
.qbaddnewcard .qbaddnewcardinner #cardNumber {
width: 16.625rem;
}
}
.qbaddnewcard .qbaddnewcardinner .security {
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.qbaddnewcard .qbaddnewcardinner .security {
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 767px) {
.qbaddnewcard .qbaddnewcardinner .security .field {
width: 8.125rem;
margin-right: 10px;
}
}
.qbaddnewcard .qbaddnewcardinner .flex {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.qbaddnewcard .qbaddnewcardinner .flex .field {
width: 7.12rem;
}
}
.qbaddnewcard .qbaddnewcardinner .expiryDate {
margin-right: 20px;
width: 8.125rem;
}
@media (max-width: 767px) {
.qbaddnewcard .qbaddnewcardinner .expiryDate {
width: auto;
margin-right: 0px;
}
}
.qbaddnewcard .qbaddnewcardinner .cvv {
margin-right: 20px;
width: 8.125rem;
}
@media (max-width: 767px) {
.qbaddnewcard .qbaddnewcardinner .cvv {
width: 6.125rem;
margin-right: 0px;
}
}
.qbaddnewcard #payNow {
width: 11.25rem;
}
#addnewcard-billingerror,
#addnewcard-notvaliderror {
color: #DC3545;
background: transparent;
margin-top: 5px;
font-size: 12px;
}
@media (max-width: 767px) {
#addnewcard-billingerror,
#addnewcard-notvaliderror {
font-size: 11px;
}
}
#activation-error {
color: #DC3545;
}
#activation-success {
padding: 30px;
font-weight: 500;
text-align: center;
}
.bidException {
width: 27.5rem !important;
position: fixed;
left: 0!important;
margin: 0 auto!important;
top: 50% !important;
right: 0 !important;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.bidException {
width: 83% !important;
}
}
.bidException h5 {
padding: 20px;
}
.deleteaddressmodel {
width: 27.5rem !important;
position: fixed;
left: 0!important;
margin: 0 auto!important;
top: 50% !important;
right: 0 !important;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.deleteaddressmodel {
width: 83% !important;
}
}
.mobile-no label span:nth-child(2):after,
.address-alias label span:nth-child(2):after {
margin-left: 5px;
color: #50A39A;
font: normal normal normal 14px/1 FontAwesome;
font-size: 16px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
content: "\f059";
}
.what-cvv {
color: #50A39A;
font-size: 14px!important;
font-weight: 500;
line-height: 17px;
cursor: pointer;
}
#whatiscvv-modelbox h5 {
margin-top: 15px;
}
.membercheck {
display: none! important;
}
.membercheck ~ .ui-widget-overlay {
display: none! important;
}
#delivery-box div.error {
display: none!important;
}
.preferencepage .credit-card-box {
max-width: 826px;
width: 100%;
}
.quickbuy-preference-page .postcodeerrorshipping,
.quickbuy-preference-page .postcodeerror {
margin-top: -3px;
}
@media (max-width: 767px) {
#addnewCardQb {
margin-bottom: 0!important;
}
}
.quickbuy-detail input.input-text:read-only {
padding-top: 19px!important;
}
.quickbuy-detail .personal-fileds input.input-text:read-only {
padding-top: 0!important;
}
.form-row .field.cityerror-field {
min-height: auto !important;
margin-top: -27px;
}
.credit-card-box #qberror .error {
color: #DC3545;
background-color: transparent;
padding: 0;
margin-top: 0;
width: auto;
}
#dwfrm_quickbuyaddress .add-new-address.shipping-new-address.showmore {
display: inline-block;
margin: 15px 0 20px 0;
}
#quickBuyForm .footer .content-heading {
line-height: normal!important;
}
@media (max-width: 767px) {
#quickBuyForm .footer .content-detail .confirm-qborder {
padding: 0;
width: 150px;
min-width: 150px;
}
}
.Toltip-top {
margin-top: -13px;
line-height: 16px;
}
@media (max-width: 767px) {
.Toltip-top {
margin-top: 0;
line-height: 20px;
}
}
.quickbuy-preference-page.preferencepage .qbaddnewcard {
margin-bottom: 0;
}
.quickbuy-preference-page.preferencepage .form-row.form-row-checkbox {
margin-top: 15px;
margin-bottom: 13px;
}
.visually-un-hidden {
overflow: inherit!important;
position: inherit!important;
height: inherit!important;
width: inherit!important;
margin: inherit!important;
padding: inherit!important;
border: inherit!important;
}
#dwfrm_quickbuyaddress_shippingAddress_addressid-error {
text-transform: initial;
left: 0px;
}
.preferencepage .checkout-billing-address .billingform.saved-address {
margin-top: 23px;
}
.preferencepage #addnewCardQb.new-card-empty {
margin-bottom: -6px;
}
.quickbuy-preference-page .additional-address-fields .field {
min-height: 76px;
}
.qb-livetv-dialog,
.QBactivateconfirm {
width: 37.5rem!important;
padding: 0px;
margin: 0 auto;
left: 0 !important;
}
@media (max-width: 767px) {
.qb-livetv-dialog,
.QBactivateconfirm {
width: 95% !important;
}
.qb-livetv-dialog .button,
.QBactivateconfirm .button,
.qb-livetv-dialog button,
.QBactivateconfirm button,
.qb-livetv-dialog input[type=button],
.QBactivateconfirm input[type=button] {
display: unset;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget .safe-pay,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget .safe-pay {
margin-top: unset;
width: 100%!important;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget .safe-pay .not-for-mobile,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget .safe-pay .not-for-mobile {
display: block!important;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget .safe-pay label,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget .safe-pay label {
margin-top: -3px;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget .budget-pay,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget .budget-pay {
margin-top: 10px!important;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget .budget-pay .radio,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget .budget-pay .radio {
margin-top: unset!important;
}
}
.qb-livetv-dialog .header,
.QBactivateconfirm .header {
padding: 15px 50px 15px 15px;
border-bottom: 1px solid #DDDDDD;
background-color: #F5F5F5;
}
.qb-livetv-dialog .header .title,
.QBactivateconfirm .header .title {
font-size: 16px;
}
.qb-livetv-dialog .header .settings,
.QBactivateconfirm .header .settings {
float: right;
color: #50A39A;
text-align: right;
text-transform: uppercase;
font-size: 13px;
}
.qb-livetv-dialog .header .settings a,
.QBactivateconfirm .header .settings a {
color: #50A39A;
}
.qb-livetv-dialog .header .settings i,
.QBactivateconfirm .header .settings i {
font-size: 15px;
}
.qb-livetv-dialog .header span,
.QBactivateconfirm .header span {
font-weight: 500;
color: #000;
}
.qb-livetv-dialog .content-row,
.QBactivateconfirm .content-row {
padding: 15px;
display: -ms-flexbox;
display: flex;
font-size: 14px;
}
.qb-livetv-dialog .content-row:nth-child(1),
.QBactivateconfirm .content-row:nth-child(1) {
border-bottom: 1px solid #DDDDDD;
}
.qb-livetv-dialog .content-row .content-heading,
.QBactivateconfirm .content-row .content-heading {
width: 25%;
font-weight: 500;
margin: auto;
}
.qb-livetv-dialog .content-row .content-detail,
.QBactivateconfirm .content-row .content-detail {
width: 75%;
line-height: 30px;
text-transform: capitalize;
}
.qb-livetv-dialog .content-row .content-detail .inc-delivery,
.QBactivateconfirm .content-row .content-detail .inc-delivery {
line-height: 3rem!important;
vertical-align: -webkit-baseline-middle;
}
.qb-livetv-dialog .content-row .content-detail .address,
.QBactivateconfirm .content-row .content-detail .address {
line-height: 20px;
}
.qb-livetv-dialog .content-row .content-detail button,
.QBactivateconfirm .content-row .content-detail button {
width: auto;
float: right;
}
.qb-livetv-dialog .footer,
.QBactivateconfirm .footer {
border-top: 1px solid #DDDDDD;
background-color: #F5F5F5;
}
.qb-livetv-dialog .footer .content-heading,
.QBactivateconfirm .footer .content-heading {
font-weight: 400;
}
@media (max-width: 767px) {
.qb-livetv-dialog .footer .content-heading,
.QBactivateconfirm .footer .content-heading {
width: 50%;
font-size: 13px;
}
.qb-livetv-dialog .footer .content-heading .inc-delivery,
.QBactivateconfirm .footer .content-heading .inc-delivery {
display: block!important;
}
}
@media (max-width: 767px) {
.qb-livetv-dialog .footer .content-detail,
.QBactivateconfirm .footer .content-detail {
width: 50%;
}
.qb-livetv-dialog .footer .content-detail button,
.QBactivateconfirm .footer .content-detail button {
padding: 12px 10px;
}
}
@media (min-width: 767px) {
.qb-livetv-dialog .footer .content-detail .inc-delivery,
.QBactivateconfirm .footer .content-detail .inc-delivery {
display: inline-block !important;
}
}
.qb-livetv-dialog .quickbuy-placeorder-form,
.QBactivateconfirm .quickbuy-placeorder-form {
/*Radio Button*/
/*Radio Button*/
}
.qb-livetv-dialog .quickbuy-placeorder-form .qbTV-cvv,
.QBactivateconfirm .quickbuy-placeorder-form .qbTV-cvv {
width: 5rem;
}
.qb-livetv-dialog .quickbuy-placeorder-form .details-row,
.QBactivateconfirm .quickbuy-placeorder-form .details-row {
border-bottom: 1px solid #DDDDDD;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget {
border-bottom: 1px solid #DDDDDD;
margin: 0px 0px;
padding: 15px;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget .safe-pay,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget .safe-pay {
width: 40%;
margin-right: 20px;
margin-top: 3px;
line-height: 2rem;
display: -ms-flexbox;
display: flex;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget .safe-pay label,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget .safe-pay label {
padding: 0 0 0 4px;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget .safe-pay input,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget .safe-pay input {
margin-top: 4px;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget .budget-pay,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget .budget-pay {
line-height: 2rem;
margin-top: 3px;
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget .budget-pay .radio,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget .budget-pay .radio {
margin-top: -1rem;
}
@media (min-width: 767px) {
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget span label,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget span label {
vertical-align: text-bottom;
}
}
.qb-livetv-dialog .quickbuy-placeorder-form .safe-budget span label img,
.QBactivateconfirm .quickbuy-placeorder-form .safe-budget span label img {
vertical-align: middle;
width: 75px;
}
.qb-livetv-dialog .quickbuy-placeorder-form .content-directPay,
.QBactivateconfirm .quickbuy-placeorder-form .content-directPay {
width: 40%;
}
.qb-livetv-dialog .quickbuy-placeorder-form .content-directPay span,
.QBactivateconfirm .quickbuy-placeorder-form .content-directPay span {
padding-left: 10px;
}
.qb-livetv-dialog .quickbuy-placeorder-form .content-budgetPay,
.QBactivateconfirm .quickbuy-placeorder-form .content-budgetPay {
width: 60%;
}
.qb-livetv-dialog .quickbuy-placeorder-form .content-budgetPay span,
.QBactivateconfirm .quickbuy-placeorder-form .content-budgetPay span {
padding-left: 10px;
}
.qb-livetv-dialog .quickbuy-placeorder-form .error-content,
.QBactivateconfirm .quickbuy-placeorder-form .error-content {
color: #DC3545;
}
.qb-livetv-dialog .quickbuy-placeorder-form .error-content span,
.QBactivateconfirm .quickbuy-placeorder-form .error-content span {
width: 100% !important;
}
.qb-livetv-dialog .quickbuy-placeorder-form .error-content span .cardExpUpdBtn,
.QBactivateconfirm .quickbuy-placeorder-form .error-content span .cardExpUpdBtn {
float: right;
padding: 1px 15px;
}
.qb-livetv-dialog .quickbuy-placeorder-form .container,
.QBactivateconfirm .quickbuy-placeorder-form .container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.qb-livetv-dialog .quickbuy-placeorder-form .container .QBCheckbox,
.QBactivateconfirm .quickbuy-placeorder-form .container .QBCheckbox {
position: absolute;
opacity: 0;
cursor: pointer;
}
.qb-livetv-dialog .quickbuy-placeorder-form .checkmark,
.QBactivateconfirm .quickbuy-placeorder-form .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #EEEEEE;
border-radius: 50%;
}
.qb-livetv-dialog .quickbuy-placeorder-form .container:hover .QBCheckbox ~ .checkmark,
.QBactivateconfirm .quickbuy-placeorder-form .container:hover .QBCheckbox ~ .checkmark {
background-color: #EEEEEE;
}
.qb-livetv-dialog .quickbuy-placeorder-form .container .QBCheckbox:checked ~ .checkmark,
.QBactivateconfirm .quickbuy-placeorder-form .container .QBCheckbox:checked ~ .checkmark {
background-color: #000000;
}
.qb-livetv-dialog .quickbuy-placeorder-form .checkmark:after,
.QBactivateconfirm .quickbuy-placeorder-form .checkmark:after {
content: "";
position: absolute;
display: none;
}
.qb-livetv-dialog .quickbuy-placeorder-form .container .QBCheckbox:checked ~ .checkmark:after,
.QBactivateconfirm .quickbuy-placeorder-form .container .QBCheckbox:checked ~ .checkmark:after {
display: block;
}
.qb-livetv-dialog .quickbuy-placeorder-form .container .checkmark:after,
.QBactivateconfirm .quickbuy-placeorder-form .container .checkmark:after {
top: 9px;
left: 9px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #000000;
}
.sameBillingCheckbox + .customerAddressBilling {
margin-top: 20px;
}
.end-membership-page {
padding: 20px;
}
.end-membership-page .heading {
font-size: 32px;
font-weight: 500;
}
@media (max-width: 767px) {
.end-membership-page .heading {
font-size: 22px;
}
}
.end-membership-page .descriptions {
padding: 20px;
font-weight: 500;
}
@media (max-width: 767px) {
.end-membership-page .descriptions {
padding: 0;
}
}
.end-membership-page .descriptions .detail-description {
border: 1px solid black;
padding: 15px 10px;
font-size: 16px;
}
.end-membership-page .descriptions .detail-description:last-child {
border-top: none;
}
.end-membership-page .red-block {
margin: 20px;
border: 1px solid;
}
@media (max-width: 767px) {
.end-membership-page .red-block {
margin: 20px 0;
}
}
.end-membership-page .action-buttons {
text-align: center;
padding: 30px;
}
.end-membership-page .action-buttons span {
padding: 10px;
}
.tjc-plus-button {
border-radius: 30px;
border: 2px solid #000000;
padding: 15px 30px;
font-weight: 500;
margin: 0 auto;
}
@media (min-width: 768px) {
.tjc-plus-button {
margin: 10px;
width: 300px;
}
}
.end-membership {
background: #FFFFFF;
}
@media (max-width: 767px) {
.end-membership {
margin-bottom: 20px;
}
}
.tjc-confirm-end-membership,
.tjc-ended-completed-dialog {
width: 600px!important;
max-width: 90%;
box-sizing: border-box;
}
.tjc-confirm-end-membership .tjc-end-dialog-content,
.tjc-ended-completed-dialog .tjc-end-dialog-content,
.tjc-confirm-end-membership .tjc-ended-completed,
.tjc-ended-completed-dialog .tjc-ended-completed {
margin: 30px;
text-align: center;
font-size: 18px;
font-weight: 500;
}
.tjc-confirm-end-membership .tjc-end-dialog-content div,
.tjc-ended-completed-dialog .tjc-end-dialog-content div,
.tjc-confirm-end-membership .tjc-ended-completed div,
.tjc-ended-completed-dialog .tjc-ended-completed div {
margin-bottom: 20px;
}
.tjc-confirm-end-membership .tjc-ended-completed,
.tjc-ended-completed-dialog .tjc-ended-completed {
margin: 50px 100px 0 100px;
}
@media (max-width: 767px) {
.tjc-confirm-end-membership .tjc-ended-completed,
.tjc-ended-completed-dialog .tjc-ended-completed {
margin: 50px;
}
}
.tjc-confirm-end-membership .tjc-ended-completed .tjc-plus-button,
.tjc-ended-completed-dialog .tjc-ended-completed .tjc-plus-button {
min-width: 150px;
}
.tjc-confirm-end-membership .ui-dialog-buttonpane,
.tjc-ended-completed-dialog .ui-dialog-buttonpane {
text-align: center;
}
.tjc-confirm-end-membership .ui-dialog-buttonpane .tjc-plus-button,
.tjc-ended-completed-dialog .ui-dialog-buttonpane .tjc-plus-button {
text-transform: capitalize;
margin-bottom: 20px;
}
.before-login {
text-align: center;
padding: 20px;
}
.before-login img {
width: 100%;
}
.img-responsive {
width: 100%;
}
.tjc-ended-completed-dialog .tjc-ended-completed {
margin: 50px 20px 0 20px;
}
.tjc-ended-completed-dialog .tjc-ended-completed div {
font-size: 14px;
color: #000;
}
.tjc-ended-completed-dialog .tjc-ended-completed div .action-buttons span {
margin-bottom: 10px;
display: block;
}
.tjc-ended-completed-dialog .tjc-ended-completed .tjc-plus-button {
border: 0;
padding: 9px 30px;
text-transform: capitalize;
}
.tjc-ended-completed-dialog .tjc-ended-completed .end-membership-confirm {
background: #FFFFFF;
color: #000 !important;
text-transform: capitalize;
border: 2px solid #DDDDDD;
}
.cancelconfirm .ui-dialog-titlebar-close {
min-width: unset;
margin: unset;
}
.cancelconfirm button {
border: none;
padding: 10px 40px;
border-radius: 20px;
min-width: 165px;
margin: 10px;
}
/* General design */
.tjc-plus-account .tjc-plus-footer-slot p {
margin-top: 0;
}
.tjc-plus-account .tjc-mem-decript {
color: #000;
text-transform: capitalize;
font-size: 16px;
padding: 5px 0;
}
.tjc-plus-account .tjc-mem-decript .payment-date {
text-transform: uppercase!important;
}
.tjc-plus-account .dropbtn {
color: #FF5300;
font-size: 16px;
text-transform: capitalize;
}
.tjc-plus-account .dropbtn::after {
color: #FF5300;
}
.tjc-plus-account .tjc-plus-member-heading {
color: #000;
text-transform: capitalize;
}
.tjc-plus-account .tjc-plus-header-slot p {
margin-bottom: 0;
}
@media (max-width: 767px) {
.tjc-plus-account .tjc-plus-header-slot.Remove-for-acount-open {
display: none;
}
}
.tjc-plus-account .tjc-customer-detail {
padding: 0 0 20px 0;
box-sizing: border-box;
}
.tjc-plus-account .tjc-customer-detail.active-member {
padding: 20px 0;
background: #DDDDDD;
}
.tjc-plus-account .tjc-customer-detail .tjc-plus-member {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.tjc-plus-account .tjc-customer-detail .tjc-plus-member .customer-left-block {
-ms-flex: 1;
flex: 1;
position: relative;
z-index: 1;
background: #FFFFFF;
margin-right: 10px;
}
.tjc-plus-account .tjc-customer-detail .tjc-plus-member .customer-left-block:last-child {
margin-right: 0;
}
@media (max-width: 767px) {
.tjc-plus-account .tjc-customer-detail .tjc-plus-member .customer-left-block {
margin: 15px 0;
}
}
.tjc-plus-account .tjc-customer-detail .tjc-plus-member .customer-left-block .customer-left-block-inner {
height: 100%;
border-left: 6px solid #FF5300;
min-height: 100px;
}
.tjc-plus-account .tjc-customer-detail .horizontal-center {
padding: 20px 10px 10px 10px;
width: 100%;
box-sizing: border-box;
}
.tjc-plus-account .tjc-customer-detail .customer-right-block {
-ms-flex: 75%;
flex: 75%;
}
@media (max-width: 767px) {
.tjc-plus-account .tjc-customer-detail .customer-right-block {
padding: 15px 0;
}
}
.tjc-plus-account .tjc-customer-detail .customer-right-block .customer-right-block-inner {
border: 1px solid;
}
.tjc-plus-account .tjc-customer-detail .customer-right-block .account-message {
border-bottom: 1px solid;
text-align: center;
padding: 20px;
}
.tjc-plus-account .tjc-customer-detail .customer-right-block .account-message .tandc a {
font-weight: 500;
color: #50A39A;
}
.tjc-plus-account .tjc-customer-detail .customer-right-block .yearly-product,
.tjc-plus-account .tjc-customer-detail .customer-right-block .monthly-product {
border-left: 1px solid;
padding: 20px;
text-align: center;
width: 50%;
display: inline-block;
-ms-flex-item-align: end;
align-self: flex-end;
}
@media (max-width: 767px) {
.tjc-plus-account .tjc-customer-detail .customer-right-block .yearly-product,
.tjc-plus-account .tjc-customer-detail .customer-right-block .monthly-product {
width: 100%;
padding: 20px 10px;
border-left: none;
box-sizing: border-box;
min-height: 190px;
}
}
.tjc-plus-account .tjc-customer-detail .customer-right-block .monthly-product {
border-left: none;
}
@media (max-width: 767px) {
.tjc-plus-account .tjc-customer-detail .customer-right-block .monthly-product {
border-bottom: 1px solid;
}
}
.tjc-plus-account .tjc-customer-detail .manage-membership-button {
cursor: pointer;
}
.tjc-plus-account .tjc-customer-detail .membership-change {
position: absolute;
top: 110px;
background: white;
width: 100%;
left: -10px;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.35);
}
.tjc-plus-account .tjc-customer-detail .membership-change div {
padding: 10px;
cursor: pointer;
}
.tjc-plus-account .tjc-customer-detail .membership-change.active {
display: block!important;
}
.tjc-plus-account .tjc-customer-detail .subscription-text {
font-size: 16px;
}
.tjc-plus-account .tjc-customer-detail .subscription-text span {
color: #FF5300;
font-size: 16px;
text-transform: capitalize;
}
.tjc-plus-account .tjc-customer-detail .subscription-text span.price {
font-size: 26px;
}
.tjc-plus-account .tjc-customer-detail .tandc {
font-size: 16px;
}
.tjc-plus-account .tjc-customer-detail .font-bold {
font-weight: 500;
}
.tjc-plus-account .tjc-customer-detail .buttons {
margin-top: 20px;
line-height: 50px;
}
.tjc-plus-account .tjc-customer-detail .buttons .subscriptions-button {
padding: 12px 40px;
background: #FF5300;
color: white;
border-radius: 30px;
margin: 5px;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
}
.testingTJCPLUS .include-order,
.testingTJCPLUS .quantity-row,
.testingTJCPLUS .country-fld-label,
.testingTJCPLUS .tooltip:before,
.testingTJCPLUS .tooltip:after {
display: none;
}
.testingTJCPLUS .checkout-billing-address {
margin: 0;
}
.testingTJCPLUS .qb-exist-tjcplus {
margin: 20px 0;
color: #DC3545;
}
.testingTJCPLUS .quantity-error {
display: none;
}
.testingTJCPLUS .quantity-error.active {
display: block;
margin: 20px 0;
color: #DC3545;
}
.tjc-customer-support,
.existing-tjcplus-product {
max-width: 600px;
width: 100%!important;
}
@media (max-width: 767px) {
.tjc-customer-support,
.existing-tjcplus-product {
width: 90%!important;
box-sizing: border-box;
}
}
.tjc-customer-support .dialog-change-service,
.existing-tjcplus-product .dialog-change-service,
.tjc-customer-support .dialog-end-service,
.existing-tjcplus-product .dialog-end-service,
.tjc-customer-support .existing-product,
.existing-tjcplus-product .existing-product {
text-align: center;
font-weight: 500;
padding: 20px;
}
.tjc-customer-support .dialog-change-service div,
.existing-tjcplus-product .dialog-change-service div,
.tjc-customer-support .dialog-end-service div,
.existing-tjcplus-product .dialog-end-service div,
.tjc-customer-support .existing-product div,
.existing-tjcplus-product .existing-product div {
margin-bottom: 20px;
}
.tjc-customer-support .ui-dialog-buttonpane,
.existing-tjcplus-product .ui-dialog-buttonpane {
text-align: center;
}
.tjc-customer-support .ui-dialog-buttonpane button,
.existing-tjcplus-product .ui-dialog-buttonpane button {
border: none;
padding: 10px 40px;
border-radius: 20px;
min-width: 165px;
margin: 10px;
}
@media (max-width: 767px) {
.tjc-customer-support .ui-dialog-buttonpane button,
.existing-tjcplus-product .ui-dialog-buttonpane button {
width: 165px;
margin: 10px auto;
}
}
/* General design */
.veygo-video-with-controls {
position: relative;
}
.veygo-video-with-controls.veygo-fullscreen {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
.veygo-video-with-controls.veygo-fullscreen.veygo-user-inactive {
cursor: none;
}
.veygo-castreceiver-name {
/* position: absolute; */
height: 100%;
width: 100%;
}
.veygo-cover-image {
display: none;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 99999;
}
.veygo-cover-image.full-screen {
background-color: black;
position: fixed;
}
.veygo-cover-image img {
width: 100%;
height: auto;
}
video.paused.full-screen {
display: none;
}
.veygo-video {
height: 100%;
width: 100%;
display: block;
}
.veygo-control-bar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 120px;
line-height: 2.5em;
font-size: medium;
color: var(--text-color);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.39) 39%, rgba(0, 0, 0, 0.39) 39%, #000000 100%);
}
.veygo-control-bar .veygo-control-bar-internal {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.veygo-control-bar .veygo-control-bar-internal > * {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.veygo-control-bar .veygo-control-bar-internal a {
text-decoration: none;
color: white;
margin: 0 0.2ex;
}
.veygo-control-bar .veygo-control-bar-internal a.bt-tracks {
visibility: hidden;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range] {
-webkit-appearance: none;
background-color: transparent;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]:focus {
outline: none;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]::-webkit-slider-runnable-track {
height: 5px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
background: #000000;
border-radius: 1.3px;
border: 0.2px solid #BBBBBB;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]::-webkit-slider-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
border: 0px solid #000000;
height: 20px;
width: 7px;
border-radius: 0px;
background: #FFFFFF;
cursor: pointer;
-webkit-appearance: none;
margin-top: -7.7px;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]:focus::-webkit-slider-runnable-track {
background: #000000;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]::-moz-range-track {
width: 100%;
height: 5px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
background: #000000;
border-radius: 1.3px;
border: 0.2px solid #BBBBBB;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
border: 0px solid #000000;
height: 20px;
width: 7px;
border-radius: 0px;
background: #FFFFFF;
cursor: pointer;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]::-ms-track {
display: none;
width: 100%;
height: 5px;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]::-ms-fill-lower {
display: none;
background: #000000;
border: 0.2px solid #BBBBBB;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]::-ms-fill-upper {
display: none;
background: #000000;
border: 0.2px solid #BBBBBB;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]::-ms-thumb {
display: none;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
border: 0px solid #000000;
height: 20px;
width: 7px;
border-radius: 0px;
background: #FFFFFF;
cursor: pointer;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]:focus::-ms-fill-lower {
display: none;
background: #000000;
}
.veygo-control-bar .veygo-control-bar-internal input[type=range]:focus::-ms-fill-upper {
display: none;
background: #000000;
}
.veygo-control {
position: static;
height: 100%;
border: 1px solid black;
display: none;
}
.veygo-control button {
color: white;
height: 44px;
width: 44px;
padding: 0;
margin: 0;
background: transparent;
border: 0;
outline: none;
border-radius: 4px;
cursor: pointer;
}
.veygo-control button:hover {
background-color: #000000;
transition: background-color 0.5s ease9;
}
.veygo-control .position {
display: none;
margin-left: 1em;
min-width: 5ex;
}
.veygo-control .position-divider {
display: none;
}
.veygo-control .duration {
display: none;
min-width: 5ex;
margin-right: 1em;
}
.veygo-control .progress {
display: none;
position: relative;
height: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background-color: inherit;
-ms-flex-item-align: stretch;
align-self: stretch;
display: -ms-flexbox;
display: flex;
margin-left: 1em;
margin-right: 1em;
}
.veygo-control .total {
position: absolute;
left: 0;
right: 0;
height: 10%;
bottom: 45%;
background: #000000;
line-height: 0;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
border-radius: 1.3px;
border: 0.2px solid #000000;
}
.veygo-control .fill {
position: absolute;
left: 0;
right: 100%;
height: 10%;
bottom: 45%;
background-color: #000000;
line-height: 0;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
border-radius: 1.3px;
border: 0.2px solid #BBBBBB;
}
.veygo-control .cursor-holder {
visibility: hidden;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.veygo-control .cursor-container {
display: none;
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
left: 0px;
right: 2em;
top: 0;
bottom: 0;
}
.veygo-control .cursor {
position: absolute;
left: 0%;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
color: white;
display: inline-block;
vertical-align: middle;
background-color: white;
height: 20px;
width: 7px;
border-radius: 0px;
cursor: pointer;
-webkit-appearance: none;
margin-left: 10px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #000000;
border: 0px solid #000000;
}
.veygo-control .tracks {
display: block;
position: relative;
float: right;
margin-top: -277PX;
background: rgba(255, 255, 255, 0.5);
width: 150px;
z-index: 2;
max-height: 233px;
height: 233px;
overflow-y: auto;
}
.veygo-control .tracks li.enabled {
text-decoration: underline;
}
.veygo-control .tracks h3 {
margin: 0;
padding: 0 5px;
}
.veygo-control .tracks ul {
margin: 0;
padding: 0 5px;
font-size: 1em;
}
.veygo-control .thumbnail-container {
position: absolute;
display: none;
text-align: center;
}
.veygo-control .thumbnail-elem {
position: relative;
box-shadow: 0px 0px 0.9em #000000;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
.veygo-control .thumbnail-time-label {
position: relative;
bottom: 1.8em;
display: table;
margin: 0 auto;
padding: 2px 5px 2px 5px;
color: #FFFFFF;
background-color: rgba(29, 46, 71, 0.75);
font-size: 12px;
font-weight: 500;
}
.veygo-control-active {
display: block;
}
body.veygo-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto;
}
.veygo-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto;
}
.veygo-full-window header {
display: none;
}
.veygo-full-window .veygo-video-with-controls.veygo-fullscreen {
position: fixed!important;
overflow: hidden;
z-index: 1000!important;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.turntoqr .header-checkout-wrapper .header-inner-checkout {
padding: 40px 0;
}
.tt-reviews {
background: #F8F8F8;
padding: 20px 30px;
margin: 40px 0;
}
.subscription {
background: #EEEEEE;
padding: 14px;
margin-bottom: 15px;
}
.subscription .subscription-title {
display: -ms-flexbox;
display: flex;
}
.subscription .subscription-title .label span {
font-weight: bold;
}
.subscription .subscription-title .toggle-subscription {
margin-left: auto;
font-weight: bold;
color: #0D6EFD;
}
.subscription-details,
.subsciption-details-title,
.button.subscribe {
display: none;
}
.subscription-expanded .product-detail-quantity {
background: #EEEEEE;
padding: 14px;
}
.subscription-expanded .groupVariations {
margin-top: 10px;
margin-bottom: 0 !important;
}
@media (max-width: 1279px) {
.subscription-expanded.home-recently-live .product-price .price-standard {
font-size: 18px;
}
}
.subscription-expanded .subscription {
padding: 0;
margin: 0;
}
.subscription-expanded .product-price {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-pack: end;
justify-content: flex-end;
}
.subscription-expanded .product-price .price-standard {
padding-left: 10px;
color: #888888;
font-weight: 400;
font-size: 18px;
text-decoration: line-through;
}
.subscription-expanded .live-tv-add-to-cart-form {
-ms-flex-direction: column;
flex-direction: column;
background: #EEEEEE;
padding-bottom: 10px;
margin: 0;
gap: 0;
}
.subscription-expanded .budgetpay,
.subscription-expanded .budgetpaylogo,
.subscription-expanded .subscription-title,
.subscription-expanded .product-action.multi-buttons {
display: none;
}
.subscription-expanded .subscription-details,
.subscription-expanded .button.subscribe {
display: block;
}
.subscription-expanded .subscription-details select {
padding: 0;
margin: 6px 0 14px 0;
}
.subscription-expanded .subscription-details span.label {
color: #444444;
font-weight: 300;
display: block;
margin-top: 20px;
}
.subscription-expanded .subscription-details .subscription-edit-label {
font-size: 12px;
margin-top: 10px;
margin-bottom: 10px;
color: #444444;
}
@media (max-width: 767px) {
.subscription-expanded .subscription-details .subscription-edit-label {
font-size: 10px;
}
}
.subscription-expanded .subscription-details .subscription-edit-label a {
font-weight: bold;
text-decoration: underline !important;
}
.subscription-expanded .subsciption-details-title {
display: -ms-flexbox;
display: flex;
}
.subscription-expanded .subsciption-details-title .label span {
font-weight: bold;
}
.subscription-expanded .toggle-subscription {
width: auto;
margin-left: auto;
padding: 0;
line-height: 20px;
}
.subscription-expanded .quantity-selection {
background: #FFFFFF;
}
.home-livetv .subscription {
margin-bottom: 20px;
}
.learn-more-dialog {
width: 100% !important;
}
@media (max-width: 1024px) {
.learn-more-dialog {
width: 100% !important;
height: 100vh !important;
overflow-y: auto;
top: 0 !important;
-ms-transform: translateY(0) !important;
transform: translateY(0) !important;
padding: 0;
}
.learn-more-dialog .ui-dialog-titlebar-close {
right: 0;
top: 0;
}
}
.pdp-global-template .pdpForm fieldset {
min-width: 100%;
}
.pdp-global-template .subscription-edit-label {
margin-top: 5px;
visibility: hidden;
min-height: 36px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pdp-global-template .subscription-edit-label a {
text-decoration: underline;
font-weight: bold;
}
.pdp-global-template .subscription-selected .googlePayDetails,
.pdp-global-template .subscription-selected .applePayDetails {
display: none;
}
.pdp-global-template .subscription-selected .subscription-edit-label {
visibility: visible;
background: #EEEEEE;
border-radius: 4px;
position: relative;
overflow: hidden;
text-align: center;
text-wrap: balance;
}
.pdp-global-template .subscription-selected .subscription-edit-label::before {
content: '';
position: absolute;
top: 0;
left: -10%;
width: 60%;
height: 100%;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%, rgba(255, 255, 255, 0) 100%);
animation: shimmer 4s infinite;
z-index: 1;
}
.pdp-global-template .subscription-selected .subscription-edit-label span {
position: relative;
z-index: 2;
color: #000000;
font-size: 13px;
}
.pdp-global-template .subscription-selected .subscription-edit-label a {
position: relative;
z-index: 2;
color: #000000;
text-transform: uppercase;
font-size: 14px;
}
@keyframes shimmer {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
.pdp-global-template .product-subscription {
margin-bottom: 14px;
}
.pdp-global-template .product-subscription ul {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
overflow-x: auto;
padding-bottom: 20px;
}
.pdp-global-template .product-subscription ul::-webkit-scrollbar {
height: 5px;
}
.pdp-global-template .product-subscription ul::-webkit-scrollbar-track {
background: #FFFFFF;
}
.pdp-global-template .product-subscription ul::-webkit-scrollbar-thumb {
background: #CCCCCC;
border-radius: 4px;
}
.pdp-global-template .product-subscription li {
padding-right: 15px;
}
@media (min-width: 1024px) {
.pdp-global-template .product-subscription li {
padding-right: 24px;
}
}
.pdp-global-template .product-subscription li:first-child label .price-standard {
visibility: hidden;
}
.pdp-global-template .product-subscription li:first-child .content .price-sales {
color: #224C7A;
}
.pdp-global-template .product-subscription li:last-child {
padding-right: 0;
}
.pdp-global-template .product-subscription li label {
width: 124px;
height: 156px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 3px 3px 3px;
background: #F5F5F5;
border: 1px solid #DBDBDB;
border-radius: 7px;
cursor: pointer;
}
@media (min-width: 1024px) {
.pdp-global-template .product-subscription li label {
width: 146px;
}
}
.pdp-global-template .product-subscription li .title {
padding: 10px 0;
font-size: 12px;
color: #000000;
font-weight: 500;
text-align: center;
text-transform: uppercase;
letter-spacing: 0px;
}
@media (min-width: 1280px) {
.pdp-global-template .product-subscription li .title {
font-size: 14px;
}
}
.pdp-global-template .product-subscription li .content {
height: 100%;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 25px;
text-align: center;
background: #FFFFFF;
border-radius: 5px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 1px;
padding-top: 2px;
}
.pdp-global-template .product-subscription li .content .price-label {
font-weight: 500;
}
.pdp-global-template .product-subscription li .content .price-sales {
font-size: 18px;
font-weight: bold;
color: #A6192E;
}
.pdp-global-template .product-subscription li .content .price-standard {
color: #224C7A;
font-weight: 400;
font-size: 14px;
text-decoration: line-through;
}
.pdp-global-template .product-subscription li .content .discount {
padding: 0px 20px;
color: #224C7A;
border: 1px solid #DBDBDB;
border-radius: 15px;
font-size: 14px;
font-weight: bold;
letter-spacing: 0px;
}
.pdp-global-template .product-subscription li .content .recommended {
position: absolute;
padding: 1px 11px;
bottom: -15px;
height: 22px;
line-height: 22px;
background: #F5F5F5;
color: black;
border: 1px solid #DBDBDB;
border-radius: 13px;
font-size: 10px;
font-weight: 600;
}
@media (min-width: 1280px) {
.pdp-global-template .product-subscription li .content .recommended {
font-size: 12px;
}
}
.pdp-global-template .product-subscription li .radio {
display: none;
}
.pdp-global-template .product-subscription input[type="radio"]:checked + label {
width: 132px;
height: 162px;
margin: 0;
padding: 0;
border: 1px solid #224C7A;
background-color: #224C7A;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1024px) {
.pdp-global-template .product-subscription input[type="radio"]:checked + label {
width: 152px;
}
}
.pdp-global-template .product-subscription input[type="radio"]:checked + label .title {
color: #FFFFFF;
}
.pdp-global-template .product-subscription input[type="radio"]:checked + label .content {
margin-top: 0;
padding-top: 0;
border: 2px solid #224C7A;
}
.pdp-global-template .product-subscription input[type="radio"]:checked + label .content .recommended {
background: #24A69A;
border: 1px solid #24A69A;
color: #FFFFFF;
}
/*# sourceMappingURL=style-pdp.css.map */