@charset "UTF-8";
/*------------------------------------*\
#SETTINGS
\*------------------------------------*/
/**
* Returns the value of the `$key` value of a provided `$map`.
*/
/**
* Uses `getProperty()` to return a value from the `$colors` map.
*/
/**
* Uses `getProperty()` to return a value from the `$breakpoints` map.
*/
/*------------------------------------*\
#TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
#COLORS
\*------------------------------------*/
/*------------------------------------*\
#ELEMENT-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
#HEADER-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
#HORIZONTAL-SPACING
\*------------------------------------*/
/*------------------------------------*\
#BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*\
#TRANSITIONS
\*------------------------------------*/
/*------------------------------------*\
#TOOLS
\*------------------------------------*/
/**
* Responsive Mixin
* This mixin is designed for a _cleaner_ first approach
* This means that css isn't overridden but rather replaced for
* different viewport widths; making it easier to inspect/debug css
*
* Usage:
* @include media-query(exclude-medium) { ... }
* @include media-query(medium-up-to-site) { ... }
* ... etc
*/
/**
* [Adds styles to allow an element's height scale proportionatelly]
* @param {[Number]} $width
* @param {[Number]} $height
*/
/**
* [Calculates the percentage aspect ratio (what % height is compared to the width)]
* @param {[Number]} $width
* @param {[Number]} $height
* @return {[Number(%)]}
*/
/**
* *****REMEMBER TO USE MARGIN OR PADDING AND NOT TOP/BOTTOM******
* [Calculates the center of an element in relation to a provided width and height.
* Useful to place an absolute element at the center of another when
* the positioned element cannot be the target's child ]
* @param {[Number]} $width
* @param {[Number]} $height
* @return {[Number(%)]}
*/
/**
* [In the awful case you can't use Flexbox to vertically align something]
* @param {[type]} $transform: false [Use transforms to align instead of the absolute trick]
* @param {[type]} $pos: absolute [position type]
* @param {[type]} $posAdj: 0 [position adjustment. If $transform is true, this value only affects the 'top' property.]
* @param {[type]} $alignHorizontal: false [Includes horizontal alignment]
*/
/**
* Generate Enumerated Class
* Iterates from 0 to the specified length and generates classes that set the specified property
* @param {[String]} $classname: required [Required: Specify the class name]
* @param {[String]} $property: $classname [Optional: Specify the enumerated property (if it's different from the name of the class)]
* @param {[Number]} $length: 10 [Optional: Specify the end of the loop]
* @param {[String]} $units: null [Optional: specify units to append to the enumerated property]
*/
/**
* [Strip the pesky units from values]
* @param {[Number]} $value
*/
/**
* [Fluid Type]
*/
/**
* [Fluid Type and space]
*/
/**
* Expose a single property to handle the different text-underline preferences for RTL vs LTR.
*/
/**
* POSTCSS-RTL/POSTCSS-RTLCSS Has issues parsing inline comments when using production mode, which removes CSS comments.
* Using the important comment syntax doesn't seem to work either, as that just results in appending the comment with no functionality.
*/
/*------------------------------------*\
#THIRD-PARTY-LIBS
\*------------------------------------*/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
figcaption,
figure {
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* Add the correct display in IE.
*/
main {
display: block;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
*/
button {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; /* 2 */
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Show the overflow in Edge.
*/
input {
overflow: visible;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type=checkbox],
[type=radio] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
color: inherit; /* 2 */
white-space: normal; /* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/*
* Add the correct display in IE 9-.
*/
menu {
display: block;
}
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
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 {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
[dir="ltr"] .slick-track {
left: 0;
}
[dir="rtl"] .slick-track {
right: 0;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
height: 100%;
min-height: 1px;
display: none;
}
[dir="ltr"] .slick-slide {
float: left;
}
[dir="rtl"] .slick-slide {
float: right;
}
[dir="ltr"] [dir=rtl] .slick-slide {
float: right;
}
[dir="rtl"] [dir=rtl] .slick-slide {
float: left;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slider--flex {
display: flex;
}
.slider--flex.slick-initialized {
flex-direction: column;
}
.slider--flex .slick-track {
height: 100%;
min-width: 100%;
}
.slider--v-align-center.slick-initialized .slick-slide {
flex-basis: auto;
height: auto;
}
.slider--v-align-center .slick-track {
display: flex;
}
.slider--h-align-center:not(.slick-can-scroll) .slick-track {
display: flex;
justify-content: center;
}
.slick-arrow {
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
width: 2.375rem;
height: 2.375rem;
font-size: 0.75rem;
background-color: #FFF;
border-radius: 50%;
cursor: pointer;
transition: transform 300ms ease-out;
}
.slick-arrow.slick-disabled {
opacity: 0;
visibility: hidden;
}
.slider--arrows-center .slick-arrow {
position: absolute;
top: calc(50% + 0px);
top: calc(50% + var(--arrows-adjustment-y, 0px));
transform: translate3d(0, -50%, 0);
}
[dir="ltr"] .slider--arrows-center .slick-prev:not(.slick-disabled):hover {
transform: translate(-10%, -50%);
}
[dir="rtl"] .slider--arrows-center .slick-prev:not(.slick-disabled):hover {
transform: translate(10%, -50%);
}
[dir="ltr"] .slider--arrows-center .slick-next:not(.slick-disabled):hover {
transform: translate(10%, -50%);
}
[dir="rtl"] .slider--arrows-center .slick-next:not(.slick-disabled):hover {
transform: translate(-10%, -50%);
}
.slick-dots {
display: flex;
justify-content: center;
list-style-type: none;
}
[dir="ltr"] .slick-dots {
padding-left: 0;
}
[dir="rtl"] .slick-dots {
padding-right: 0;
}
.slick-dots .slick-active button:after {
color: #444444;
}
.slick-dots li {
font-size: 0;
background-color: #8C8C8C;
}
.slick-dots button {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 2rem;
height: 0.125rem;
border-radius: 0;
font-size: 0;
}
[dir="ltr"] .slick-dots button {
margin-right: 6.5px;
}
[dir="rtl"] .slick-dots button {
margin-left: 6.5px;
}
.slick-dots button:after {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
border: solid 0.0625rem;
content: "";
color: #8C8C8C;
}
.slider--dots-outer .slick-dots {
margin-top: 1rem;
}
.slider--dots-inner .slick-dots {
position: absolute;
left: 0;
right: 0;
}
.slider--dots-left .slick-dots {
justify-content: flex-start;
}
.slider--dots-right .slick-dots {
justify-content: flex-end;
}
[class*=slider--pre-layout]:not(.slick-initialized) {
display: flex;
overflow-x: auto;
overflow-y: hidden;
}
.slider--pre-layout-1:not(.slick-initialized) > *:not(.slick-item) {
flex: 1 0 100%;
}
.slider--pre-layout-2:not(.slick-initialized) > *:not(.slick-item) {
flex: 2 0 50%;
}
.slider--pre-layout-3:not(.slick-initialized) > *:not(.slick-item) {
flex: 3 0 33.3333333333%;
}
.slider--pre-layout-4:not(.slick-initialized) > *:not(.slick-item) {
flex: 4 0 25%;
}
.slider--pre-layout-5:not(.slick-initialized) > *:not(.slick-item) {
flex: 5 0 20%;
}
.slider--pre-layout-6:not(.slick-initialized) > *:not(.slick-item) {
flex: 6 0 16.6666666667%;
}
.slider--pre-layout-7:not(.slick-initialized) > *:not(.slick-item) {
flex: 7 0 14.2857142857%;
}
.slider--pre-layout-8:not(.slick-initialized) > *:not(.slick-item) {
flex: 8 0 12.5%;
}
@media (min-width: 64.0625rem) {
[class*=slider--lg-pre-layout]:not(.slick-initialized) {
display: flex;
overflow-x: auto;
overflow-y: hidden;
}
.slider--lg-pre-layout-1:not(.slick-initialized) > *:not(.slick-item) {
flex: 1 0 100%;
}
.slider--lg-pre-layout-2:not(.slick-initialized) > *:not(.slick-item) {
flex: 2 0 50%;
}
.slider--lg-pre-layout-3:not(.slick-initialized) > *:not(.slick-item) {
flex: 3 0 33.3333333333%;
}
.slider--lg-pre-layout-4:not(.slick-initialized) > *:not(.slick-item) {
flex: 4 0 25%;
}
.slider--lg-pre-layout-5:not(.slick-initialized) > *:not(.slick-item) {
flex: 5 0 20%;
}
.slider--lg-pre-layout-6:not(.slick-initialized) > *:not(.slick-item) {
flex: 6 0 16.6666666667%;
}
.slider--lg-pre-layout-7:not(.slick-initialized) > *:not(.slick-item) {
flex: 7 0 14.2857142857%;
}
.slider--lg-pre-layout-8:not(.slick-initialized) > *:not(.slick-item) {
flex: 8 0 12.5%;
}
}
@media (min-width: 49.4375rem) {
[dir="ltr"] .slick-prev {
left: 2rem;
}
[dir="rtl"] .slick-prev {
right: 2rem;
}
[dir="ltr"] .slick-next {
right: 2rem;
}
[dir="rtl"] .slick-next {
left: 2rem;
}
.slider--arrows-outer.slick-has-arrows {
padding-left: 6.25rem;
padding-right: 6.25rem;
}
[dir="ltr"] .slider--arrows-outer .slick-next {
right: 2rem;
}
[dir="rtl"] .slider--arrows-outer .slick-next {
left: 2rem;
}
[dir="ltr"] .slider--arrows-outer .slick-prev {
left: 2rem;
}
[dir="rtl"] .slider--arrows-outer .slick-prev {
right: 2rem;
}
.slider--arrows-tile-center .slick-arrow {
top: 50%;
transform: translateY(-50%);
}
.slider--dots-inner .slick-dots {
bottom: 1.25rem;
}
[class*=slider--md-pre-layout]:not(.slick-initialized) {
display: flex;
overflow-x: auto;
overflow-y: hidden;
}
.slider--md-pre-layout-1:not(.slick-initialized) > *:not(.slick-item) {
flex: 1 0 100%;
}
.slider--md-pre-layout-2:not(.slick-initialized) > *:not(.slick-item) {
flex: 2 0 50%;
}
.slider--md-pre-layout-3:not(.slick-initialized) > *:not(.slick-item) {
flex: 3 0 33.3333333333%;
}
.slider--md-pre-layout-4:not(.slick-initialized) > *:not(.slick-item) {
flex: 4 0 25%;
}
.slider--md-pre-layout-5:not(.slick-initialized) > *:not(.slick-item) {
flex: 5 0 20%;
}
.slider--md-pre-layout-6:not(.slick-initialized) > *:not(.slick-item) {
flex: 6 0 16.6666666667%;
}
.slider--md-pre-layout-7:not(.slick-initialized) > *:not(.slick-item) {
flex: 7 0 14.2857142857%;
}
.slider--md-pre-layout-8:not(.slick-initialized) > *:not(.slick-item) {
flex: 8 0 12.5%;
}
.slider--row:not(.slick-initialized),
.slider--row .slick-list {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
}
@media (max-width: 49.375rem) {
[dir="ltr"] .slick-prev {
left: 0.9375rem;
}
[dir="rtl"] .slick-prev {
right: 0.9375rem;
}
[dir="ltr"] .slick-next {
right: 0.9375rem;
}
[dir="rtl"] .slick-next {
left: 0.9375rem;
}
.slider--arrows-tile-center .slick-arrow {
margin-top: 50%;
transform: translateY(-50%);
}
.slider--dots-inner .slick-dots {
bottom: 1.75rem;
}
[class*=slider--sm-pre-layout]:not(.slick-initialized) {
display: flex;
overflow-x: auto;
overflow-y: hidden;
}
.slider--sm-pre-layout-1:not(.slick-initialized) > *:not(.slick-item) {
flex: 1 0 100%;
}
.slider--sm-pre-layout-2:not(.slick-initialized) > *:not(.slick-item) {
flex: 2 0 50%;
}
.slider--sm-pre-layout-3:not(.slick-initialized) > *:not(.slick-item) {
flex: 3 0 33.3333333333%;
}
.slider--sm-pre-layout-4:not(.slick-initialized) > *:not(.slick-item) {
flex: 4 0 25%;
}
.slider--sm-pre-layout-5:not(.slick-initialized) > *:not(.slick-item) {
flex: 5 0 20%;
}
.slider--sm-pre-layout-6:not(.slick-initialized) > *:not(.slick-item) {
flex: 6 0 16.6666666667%;
}
.slider--sm-pre-layout-7:not(.slick-initialized) > *:not(.slick-item) {
flex: 7 0 14.2857142857%;
}
.slider--sm-pre-layout-8:not(.slick-initialized) > *:not(.slick-item) {
flex: 8 0 12.5%;
}
.slider--row:not(.slick-initialized),
.slider--row .slick-list {
margin-left: -0.46875rem;
margin-right: -0.46875rem;
}
}
[dir="ltr"] .half-slide .slick-list {
padding: 0 20% 0 0;
}
[dir="rtl"] .half-slide .slick-list {
padding: 0 0 0 20%;
}
.half-slide.module-container .slider--arrows-center .slick-arrow {
top: 13.0625rem;
}
.half-slide .content-tile__aspect-ratio {
height: 13.0625rem;
position: relative;
overflow: hidden;
}
@media (min-width: 767px) {
.half-slide .content-tile__aspect-ratio {
height: 25.5625rem;
}
}
.half-slide .content-tile__media {
top: 50%;
transform: translateY(-50%);
position: absolute;
height: auto;
}
.half-slide .content-tile__media img {
vertical-align: middle;
height: auto;
}
.promoBannerhalfslider.module-container .slider--arrows-center .slick-arrow {
top: 49%;
}
.slick-slider {
touch-action: pan-y pinch-zoom;
}
/**
* FixIt base styles. These can be overriden if necessary.
*/
.fixit-element.fixit--active {
position: fixed;
top: 0;
}
.fixit-element.fixit--active:not(.fixit--respond-to-parent) {
width: 100%;
}
.fixit-element.fixit--bottom, .fixit-element.fixit--docked {
top: auto;
bottom: 0;
}
.fixit-element.fixit--frozen, .fixit-element.fixit--docked {
position: absolute;
}
.fixit-element--overlay {
z-index: 1010;
}
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
[dir="ltr"] .vjs-modal-dialog .vjs-modal-dialog-content, [dir="ltr"] .video-js .vjs-modal-dialog, [dir="ltr"] .vjs-button > .vjs-icon-placeholder:before, [dir="ltr"] .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
left: 0;
}
[dir="rtl"] .vjs-modal-dialog .vjs-modal-dialog-content, [dir="rtl"] .video-js .vjs-modal-dialog, [dir="rtl"] .vjs-button > .vjs-icon-placeholder:before, [dir="rtl"] .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
right: 0;
}
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
text-align: center;
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
font-weight: normal;
font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
content: "\f101";
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-play-circle:before {
content: "\f102";
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\f103";
}
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\f104";
}
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105";
}
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106";
}
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\f107";
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f108";
}
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f109";
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-square:before {
content: "\f10a";
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-spinner:before {
content: "\f10b";
}
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
content: "\f10c";
}
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
content: "\f10d";
}
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e";
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-share:before {
content: "\f10f";
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cog:before {
content: "\f110";
}
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
content: "\f111";
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-outline:before {
content: "\f112";
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
content: "\f113";
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-hd:before {
content: "\f114";
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f115";
}
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f116";
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-facebook:before {
content: "\f117";
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-gplus:before {
content: "\f118";
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-linkedin:before {
content: "\f119";
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-twitter:before {
content: "\f11a";
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-tumblr:before {
content: "\f11b";
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-pinterest:before {
content: "\f11c";
}
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f11d";
}
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f11e";
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-next-item:before {
content: "\f11f";
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-previous-item:before {
content: "\f120";
}
.vjs-icon-picture-in-picture-enter {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before {
content: "\f121";
}
.vjs-icon-picture-in-picture-exit {
font-family: VideoJS;
font-weight: normal;
font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before {
content: "\f122";
}
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: initial;
}
.video-js:-moz-full-screen {
position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js[tabindex="-1"] {
outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit;
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0;
}
.video-js.vjs-16-9 {
padding-top: 56.25%;
}
.video-js.vjs-4-3 {
padding-top: 75%;
}
.video-js.vjs-fill {
width: 100%;
height: 100%;
}
.video-js .vjs-tech {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
[dir="ltr"] .video-js .vjs-tech {
left: 0;
}
[dir="rtl"] .video-js .vjs-tech {
right: 0;
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.vjs-hidden {
display: none !important;
}
.vjs-disabled {
opacity: 0.5;
cursor: default;
}
.video-js .vjs-offscreen {
height: 1px;
position: absolute;
top: 0;
width: 1px;
}
[dir="ltr"] .video-js .vjs-offscreen {
left: -9999px;
}
[dir="rtl"] .video-js .vjs-offscreen {
right: -9999px;
}
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible;
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC;
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.63332em;
width: 3em;
display: block;
position: absolute;
top: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
transition: all 0.4s;
}
[dir="ltr"] .video-js .vjs-big-play-button {
left: 10px;
}
[dir="rtl"] .video-js .vjs-big-play-button {
right: 10px;
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
margin-top: -0.81666em;
}
[dir="ltr"] .vjs-big-play-centered .vjs-big-play-button {
left: 50%;
margin-left: -1.5em;
}
[dir="rtl"] .vjs-big-play-centered .vjs-big-play-button {
right: 50%;
margin-right: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block;
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.vjs-control .vjs-button {
width: 100%;
height: 100%;
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
top: 0.5em;
z-index: 2;
}
[dir="ltr"] .video-js .vjs-control.vjs-close-button {
right: 0;
}
[dir="rtl"] .video-js .vjs-control.vjs-close-button {
left: 0;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
overflow: auto;
}
[dir="ltr"] .video-js .vjs-modal-dialog {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
}
[dir="rtl"] .video-js .vjs-modal-dialog {
background: linear-gradient(-180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
}
.video-js .vjs-modal-dialog > * {
box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
background: none;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
[dir="ltr"] .vjs-menu-button-popup .vjs-menu {
left: -3em;
}
[dir="rtl"] .vjs-menu-button-popup .vjs-menu {
right: -3em;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block;
}
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s;
}
[dir="ltr"] .vjs-menu-button-inline .vjs-menu {
left: 4em;
}
[dir="rtl"] .vjs-menu-button-inline .vjs-menu {
right: 4em;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table;
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
display: block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
display: none;
}
.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none;
}
.video-js .vjs-progress-control.disabled {
cursor: default;
}
.vjs-live .vjs-progress-control {
display: none;
}
.vjs-liveui .vjs-progress-control {
display: flex;
align-items: center;
}
.vjs-no-flex .vjs-progress-control {
width: auto;
}
.video-js .vjs-progress-holder {
flex: auto;
transition: all 0.2s;
height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
}
.video-js .vjs-play-progress {
background-color: #fff;
}
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
top: -0.3333333333em;
z-index: 1;
}
[dir="ltr"] .video-js .vjs-play-progress:before {
right: -0.5em;
}
[dir="rtl"] .video-js .vjs-play-progress:before {
left: -0.5em;
}
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
[dir="ltr"] .video-js .vjs-time-tooltip {
float: right;
}
[dir="rtl"] .video-js .vjs-time-tooltip {
float: left;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
/* iOS Safari */
-webkit-touch-callout: none;
/* Safari */
-webkit-user-select: none;
/* Konqueror HTML */
/* Firefox */
-moz-user-select: none;
/* Internet Explorer/Edge */
/* Non-prefixed version, currently supported by Chrome and Opera */
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
cursor: default;
}
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
cursor: pointer;
flex: none;
}
.video-js .vjs-volume-control {
cursor: pointer;
display: flex;
}
[dir="ltr"] .video-js .vjs-volume-control {
margin-right: 1em;
}
[dir="rtl"] .video-js .vjs-volume-control {
margin-left: 1em;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
}
[dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control {
margin-left: -1px;
}
[dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control {
margin-right: -1px;
}
.video-js .vjs-volume-panel {
transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
}
[dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, [dir="ltr"] .video-js .vjs-volume-panel:active .vjs-volume-control, [dir="ltr"] .video-js .vjs-volume-panel:focus .vjs-volume-control, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control:active, [dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
[dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, [dir="rtl"] .video-js .vjs-volume-panel:active .vjs-volume-control, [dir="rtl"] .video-js .vjs-volume-panel:focus .vjs-volume-control, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control:active, [dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, right 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em;
}
[dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, [dir="ltr"] .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, [dir="ltr"] .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, [dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
margin-right: 0;
}
[dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, [dir="rtl"] .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, [dir="rtl"] .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, [dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
margin-left: 0;
}
[dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, [dir="ltr"] .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, [dir="ltr"] .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, [dir="ltr"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, [dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
left: -3.5em;
transition: left 0s;
}
[dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, [dir="rtl"] .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, [dir="rtl"] .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, [dir="rtl"] .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, [dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
right: -3.5em;
transition: right 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 10em;
transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
}
[dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
left: -3000em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
[dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
right: -3000em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, right 1s 1s, top 1s 1s;
}
[dir="ltr"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
[dir="rtl"] .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, right 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
}
[dir="ltr"] .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
[dir="ltr"] .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
left: 0.5em;
}
[dir="rtl"] .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
[dir="rtl"] .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
right: 0.5em;
}
.video-js .vjs-volume-panel {
display: flex;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
background-color: #fff;
}
[dir="ltr"] .video-js .vjs-volume-level {
left: 0;
}
[dir="rtl"] .video-js .vjs-volume-level {
right: 0;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
z-index: 1;
}
[dir="ltr"] .vjs-slider-vertical .vjs-volume-level:before {
left: -0.3em;
}
[dir="rtl"] .vjs-slider-vertical .vjs-volume-level:before {
right: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
}
[dir="ltr"] .vjs-slider-horizontal .vjs-volume-level:before {
right: -0.5em;
}
[dir="rtl"] .vjs-slider-horizontal .vjs-volume-level:before {
left: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
}
[dir="ltr"] .video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;
}
[dir="rtl"] .video-js .vjs-volume-horizontal .vjs-menu {
right: -2em;
}
.video-js .vjs-volume-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
[dir="ltr"] .video-js .vjs-volume-tooltip {
float: right;
}
[dir="rtl"] .video-js .vjs-volume-tooltip {
float: left;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
display: block;
font-size: 1em;
visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
top: -12px;
}
[dir="ltr"] .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
[dir="ltr"] .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
left: 1em;
}
[dir="rtl"] .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
[dir="rtl"] .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
right: 1em;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
display: none;
position: absolute;
width: 100%;
height: 1px;
background-color: #000;
z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
width: 1px;
height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-volume-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.vjs-has-started .vjs-poster {
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block;
}
.vjs-using-native-controls .vjs-poster {
display: none;
}
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
}
[dir="ltr"] .vjs-no-flex .vjs-live-control {
text-align: left;
}
[dir="rtl"] .vjs-no-flex .vjs-live-control {
text-align: right;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
display: none;
}
.video-js .vjs-seek-to-live-control {
align-items: center;
cursor: pointer;
flex: none;
display: inline-flex;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1em;
line-height: 3em;
width: auto;
min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
display: table-cell;
width: auto;
}
[dir="ltr"] .vjs-no-flex .vjs-seek-to-live-control {
text-align: left;
}
[dir="rtl"] .vjs-no-flex .vjs-seek-to-live-control {
text-align: right;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
color: #888;
}
[dir="ltr"] .vjs-seek-to-live-control .vjs-icon-placeholder {
margin-right: 0.5em;
}
[dir="rtl"] .vjs-seek-to-live-control .vjs-icon-placeholder {
margin-left: 0.5em;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: red;
}
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-live .vjs-time-control {
display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none;
}
.vjs-time-divider {
display: none;
line-height: 3em;
}
.vjs-live .vjs-time-divider {
display: none;
}
.video-js .vjs-play-control {
cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
[dir="ltr"] .vjs-playback-rate > .vjs-menu-button,
[dir="ltr"] .vjs-playback-rate .vjs-playback-rate-value {
left: 0;
}
[dir="rtl"] .vjs-playback-rate > .vjs-menu-button,
[dir="rtl"] .vjs-playback-rate .vjs-playback-rate-value {
right: 0;
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
}
[dir="ltr"] .vjs-playback-rate .vjs-menu {
left: 0em;
}
[dir="rtl"] .vjs-playback-rate .vjs-menu {
right: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: "X";
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
[dir="ltr"] .vjs-error .vjs-error-display:before {
left: 0;
text-shadow: 0.05em 0.05em 0.1em #000;
}
[dir="rtl"] .vjs-error .vjs-error-display:before {
right: 0;
text-shadow: -0.05em 0.05em 0.1em #000;
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
opacity: 0.85;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden;
}
[dir="ltr"] .vjs-loading-spinner {
left: 50%;
margin: -25px 0 0 -25px;
text-align: left;
}
[dir="rtl"] .vjs-loading-spinner {
right: 50%;
margin: -25px -25px 0 0;
text-align: right;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: rgb(255, 255, 255);
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: rgb(255, 255, 255);
animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg);
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: white;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "\f10d";
font-size: 1.5em;
line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " \f11d";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-chapters-button,
.video-js.vjs-layout-small .vjs-descriptions-button,
.video-js.vjs-layout-small .vjs-captions-button,
.video-js.vjs-layout-small .vjs-subtitles-button,
.video-js.vjs-layout-small .vjs-audio-button,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-chapters-button,
.video-js.vjs-layout-x-small .vjs-descriptions-button,
.video-js.vjs-layout-x-small .vjs-captions-button,
.video-js.vjs-layout-x-small .vjs-subtitles-button,
.video-js.vjs-layout-x-small .vjs-audio-button,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-chapters-button,
.video-js.vjs-layout-tiny .vjs-descriptions-button,
.video-js.vjs-layout-tiny .vjs-captions-button,
.video-js.vjs-layout-tiny .vjs-subtitles-button,
.video-js.vjs-layout-tiny .vjs-audio-button,
.video-js.vjs-layout-tiny .vjs-volume-control {
display: none !important;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: auto;
width: initial;
}
.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js.vjs-layout-tiny .vjs-subs-caps-button {
display: none;
}
.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js.vjs-layout-tiny .vjs-custom-control-spacer {
flex: auto;
display: block;
}
.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
width: auto;
}
.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
vertical-align: bottom;
}
[dir="ltr"] .vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
}
[dir="rtl"] .vjs-text-track-settings .vjs-track-settings-controls {
text-align: left;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
padding: 20px 24px 0px 24px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-bottom: 20px;
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 1/-1;
}
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr;
}
}
.vjs-track-setting > select {
margin-bottom: 0.5em;
}
[dir="ltr"] .vjs-track-setting > select {
margin-right: 1em;
}
[dir="rtl"] .vjs-track-setting > select {
margin-left: 1em;
}
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none;
}
.vjs-text-track-settings fieldset span {
display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
max-width: 7.3em;
}
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
background-color: #fff;
color: #2B333F;
cursor: pointer;
border-radius: 2px;
}
[dir="ltr"] .vjs-track-settings-controls button {
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
}
[dir="rtl"] .vjs-track-settings-controls button {
background-image: linear-gradient(180deg, #fff 88%, #73859f 100%);
}
[dir="ltr"] .vjs-track-settings-controls .vjs-default-button {
margin-right: 1em;
}
[dir="rtl"] .vjs-track-settings-controls .vjs-default-button {
margin-left: 1em;
}
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden;
}
}
.video-asset .vjs-menu-button-inline.vjs-slider-active,
.video-asset .vjs-menu-button-inline:focus,
.video-asset .vjs-menu-button-inline:hover,
.video-asset.vjs-no-flex .vjs-menu-button-inline {
width: 10em;
}
.video-asset .vjs-controls-disabled .vjs-big-play-button {
display: none !important;
}
.video-asset .vjs-control {
width: 3em;
}
.video-asset .vjs-menu-button-inline:before {
width: 1.5em;
}
[dir="ltr"] .vjs-menu-button-inline .vjs-menu {
left: 3em;
}
[dir="rtl"] .vjs-menu-button-inline .vjs-menu {
right: 3em;
}
.vjs-paused.vjs-has-started.video-asset .vjs-big-play-button,
.video-asset.vjs-ended .vjs-big-play-button,
.video-asset.vjs-paused .vjs-big-play-button {
display: block;
}
.video-asset .vjs-load-progress div,
.vjs-seeking .vjs-big-play-button,
.vjs-waiting .vjs-big-play-button {
display: none !important;
}
.video-asset .vjs-mouse-display:after,
.video-asset .vjs-play-progress:after {
padding: 0 0.4em 0.3em;
}
.video-asset.vjs-ended .vjs-loading-spinner {
display: none;
}
.video-asset.vjs-ended .vjs-big-play-button {
display: block !important;
}
.video-asset *,
.video-asset:after,
.video-asset:before {
box-sizing: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
}
.video-asset.vjs-fullscreen,
.video-asset.vjs-fullscreen .vjs-tech {
width: 100% !important;
height: 100% !important;
}
.video-asset {
font-size: 0.875rem;
overflow: hidden;
}
.video-asset .vjs-control {
color: inherit;
}
.video-asset .vjs-menu-button-inline:hover,
.video-asset.vjs-no-flex .vjs-menu-button-inline {
width: 8.35em;
}
.video-asset .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
height: 3em;
width: 6.35em;
}
.video-asset .vjs-control:focus:before,
.video-asset .vjs-control:hover:before {
text-shadow: 0 0 1em #FFF, 0 0 1em #FFF, 0 0 1em #FFF;
}
.video-asset .vjs-spacer,
.video-asset .vjs-time-control {
display: flex;
flex: 1 1 auto;
}
.video-asset .vjs-time-control {
flex: 0 1 auto;
width: auto;
}
.video-asset .vjs-time-control.vjs-time-divider {
width: 0.875rem;
}
.video-asset .vjs-time-control.vjs-time-divider div {
width: 100%;
text-align: center;
}
[dir="ltr"] .video-asset .vjs-time-control.vjs-current-time {
margin-left: 1em;
}
[dir="rtl"] .video-asset .vjs-time-control.vjs-current-time {
margin-right: 1em;
}
.video-asset .vjs-time-control .vjs-current-time-display,
.video-asset .vjs-time-control .vjs-duration-display {
width: 100%;
}
[dir="ltr"] .video-asset .vjs-time-control .vjs-current-time-display {
text-align: right;
}
[dir="rtl"] .video-asset .vjs-time-control .vjs-current-time-display {
text-align: left;
}
[dir="ltr"] .video-asset .vjs-time-control .vjs-duration-display {
text-align: left;
}
[dir="rtl"] .video-asset .vjs-time-control .vjs-duration-display {
text-align: right;
}
.video-asset .vjs-play-progress:before,
.video-asset .vjs-progress-control .vjs-play-progress:before,
.video-asset .vjs-remaining-time,
.video-asset .vjs-volume-level:after,
.video-asset .vjs-volume-level:before,
.video-asset.vjs-live .vjs-time-control.vjs-current-time,
.video-asset.vjs-live .vjs-time-control.vjs-duration,
.video-asset.vjs-live .vjs-time-control.vjs-time-divider,
.video-asset.vjs-no-flex .vjs-time-control.vjs-remaining-time {
display: none;
}
.video-asset.vjs-no-flex .vjs-time-control {
display: table-cell;
width: 4em;
}
.video-asset .vjs-progress-control {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 0.5em;
top: -0.5em;
}
.video-asset .vjs-progress-control .vjs-load-progress,
.video-asset .vjs-progress-control .vjs-play-progress,
.video-asset .vjs-progress-control .vjs-progress-holder {
height: 100%;
}
.video-asset .vjs-progress-control .vjs-progress-holder {
margin: 0;
}
.video-asset .vjs-progress-control:hover {
height: 1.5em;
top: -1.5em;
}
.video-asset .vjs-control-bar {
transition: transform 300ms ease 0s;
}
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,
.video-asset.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
visibility: visible;
opacity: 1;
-webkit-backface-visibility: hidden;
transform: translateY(3em);
transition: transform 750ms ease 0s;
}
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,
.video-asset.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
height: 0.25em;
top: -0.25em;
pointer-events: none;
transition: height 750ms, top 750ms;
}
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,
.video-asset.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
.video-asset.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
opacity: 0;
transition: opacity 750ms ease 750ms;
}
[dir="ltr"] .video-asset.vjs-live .vjs-live-control {
margin-left: 1em;
}
[dir="rtl"] .video-asset.vjs-live .vjs-live-control {
margin-right: 1em;
}
.video-asset .vjs-big-play-button {
top: 50%;
margin-top: -1em;
width: 2em;
height: 2em;
line-height: 2em;
border: none;
border-radius: 50%;
font-size: 3.5em;
background-color: rgba(0, 0, 0, 0.5);
color: #FFF;
transition: border-color 500ms, outline 500ms, background-color 500ms;
}
[dir="ltr"] .video-asset .vjs-big-play-button {
left: 50%;
margin-left: -1em;
}
[dir="rtl"] .video-asset .vjs-big-play-button {
right: 50%;
margin-right: -1em;
}
[dir="ltr"] .video-asset .vjs-menu-button-popup .vjs-menu {
left: -3em;
}
[dir="rtl"] .video-asset .vjs-menu-button-popup .vjs-menu {
right: -3em;
}
.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: transparent;
width: 12em;
padding-bottom: 0.5em;
}
[dir="ltr"] .video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
left: -1.5em;
}
[dir="rtl"] .video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
right: -1.5em;
}
.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-item,
.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
background-color: #000;
margin: 0.3em 0;
padding: 0.5em;
border-radius: 0.3em;
}
.video-asset .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
background-color: #4D96E7;
}
.video-asset .vjs-big-play-button {
background-color: rgba(0, 0, 0, 0.5);
font-size: 2.5em;
border-radius: 50%;
height: 2em !important;
line-height: 2em !important;
margin-top: -1em !important;
}
.video-asset:hover .vjs-big-play-button,
.video-asset .vjs-big-play-button:focus,
.video-asset .vjs-big-play-button:active {
background-color: rgba(0, 0, 0, 0.75);
}
.video-asset .vjs-loading-spinner {
border-color: #FFF;
}
.video-asset .vjs-control-bar2 {
background-color: #000;
}
.video-asset .vjs-control-bar {
background-color: rgba(0, 0, 0, 0.5) !important;
color: #FFF;
font-size: 0.875rem;
}
.video-asset .vjs-play-progress,
.video-asset .vjs-volume-level {
background-color: #e60000;
}
.vjs-hidden {
display: none !important;
}
.vjs-tech {
width: 100%;
height: 100%;
-o-object-fit: inherit;
object-fit: inherit;
}
.vjs-poster,
.vjs-text-track-display {
position: absolute;
top: 0;
left: 0;
right: 0;
pointer-events: none;
}
.vjs-poster {
bottom: 0;
background-size: cover;
background-position: center;
}
.vjs-has-started .vjs-poster {
opacity: 0;
visibility: hidden;
}
.vjs-text-track-display {
bottom: 3em;
}
.vjs-loading-spinner {
opacity: 0;
visibility: hidden;
}
.vjs-big-play-button {
z-index: 1;
}
.vjs-resize-manager {
position: absolute;
top: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000;
}
[dir="ltr"] .vjs-resize-manager {
left: 0;
}
[dir="rtl"] .vjs-resize-manager {
right: 0;
}
.video-js.vjs-user-inactive:not(.vjs-paused) .vjs-play-toggle {
opacity: 0;
pointer-events: none;
}
.video-js .vjs-play-toggle {
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 2em;
width: 2em;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 50%;
line-height: 2em;
font-size: 2rem;
transition: opacity 300ms ease-out;
}
.video-js .vjs-play-toggle .vjs-icon-placeholder:before {
font-size: 1em;
line-height: inherit;
}
/*------------------------------------*\
#BASE
\*------------------------------------*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--white: #FFF;
--black: #000;
--grey-1: #F2F2F2;
--grey-2: #F0F0F0;
--grey-3: #E6E6E6;
--grey-4: #CCCCCC;
--grey-5: #8C8C8C;
--grey-6: #676767;
--grey-7: #1D1C1C;
--red: #e60000;
--blue: #4D96E7;
--navy: #0f3e72;
--green: #00D3A7;
--beige: #f5f5dc;
--facebook-blue: #3b5998;
--google-blue: #4285F4;
--google-red: #DB4437;
--instagram-pink: #C62A81;
--instagram-orange: #F06430;
--paypal-blue: #009cde;
--paypal-silver: #eeeeee;
--primary: #202020;
--secondary: #444444;
--tertiary: #5A5A5A;
--accent-primary: #F2F2F2;
--accent-secondary: #D2D2D2;
--accent-tertiary: #414141;
--error: #e60000;
--success: #00D3A7;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 0.938rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
}
[dir="ltr"] body {
text-align: left;
}
[dir="rtl"] body {
text-align: right;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
}
[dir="ltr"] dd {
margin-left: 0;
}
[dir="rtl"] dd {
margin-right: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
caption-side: bottom;
}
[dir="ltr"] caption {
text-align: left;
}
[dir="rtl"] caption {
text-align: right;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
h1, .h1 {
font-size: 32px;
}
h2, .h2 {
font-size: 24px;
}
h3, .h3 {
font-size: 18.72px;
}
h4, .h4 {
font-size: 16px;
}
h5, .h5 {
font-size: 13.28px;
}
h6, .h6 {
font-size: 10.72px;
}
.lead {
font-size: 1.1725rem;
font-weight: 300;
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
font-size: 80%;
font-weight: 400;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-unstyled {
list-style: none;
}
[dir="ltr"] .list-unstyled {
padding-left: 0;
}
[dir="rtl"] .list-unstyled {
padding-right: 0;
}
.list-inline {
list-style: none;
}
[dir="ltr"] .list-inline {
padding-left: 0;
}
[dir="rtl"] .list-inline {
padding-right: 0;
}
.list-inline-item {
display: inline-block;
}
[dir="ltr"] .list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
[dir="rtl"] .list-inline-item:not(:last-child) {
margin-left: 0.5rem;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.1725rem;
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d;
}
.blockquote-footer::before {
content: "— ";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.25rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #6c757d;
}
code {
font-size: 87.5%;
color: #e83e8c;
word-break: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
display: block;
font-size: 87.5%;
color: #212529;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
order: -1;
}
.order-last {
order: 13;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
[dir="ltr"] .offset-1 {
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-1 {
margin-right: 8.3333333333%;
}
[dir="ltr"] .offset-2 {
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-2 {
margin-right: 16.6666666667%;
}
[dir="ltr"] .offset-3 {
margin-left: 25%;
}
[dir="rtl"] .offset-3 {
margin-right: 25%;
}
[dir="ltr"] .offset-4 {
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-4 {
margin-right: 33.3333333333%;
}
[dir="ltr"] .offset-5 {
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-5 {
margin-right: 41.6666666667%;
}
[dir="ltr"] .offset-6 {
margin-left: 50%;
}
[dir="rtl"] .offset-6 {
margin-right: 50%;
}
[dir="ltr"] .offset-7 {
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-7 {
margin-right: 58.3333333333%;
}
[dir="ltr"] .offset-8 {
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-8 {
margin-right: 66.6666666667%;
}
[dir="ltr"] .offset-9 {
margin-left: 75%;
}
[dir="rtl"] .offset-9 {
margin-right: 75%;
}
[dir="ltr"] .offset-10 {
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-10 {
margin-right: 83.3333333333%;
}
[dir="ltr"] .offset-11 {
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-11 {
margin-right: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
order: -1;
}
.order-sm-last {
order: 13;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
[dir="ltr"] .offset-sm-0 {
margin-left: 0;
}
[dir="rtl"] .offset-sm-0 {
margin-right: 0;
}
[dir="ltr"] .offset-sm-1 {
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-sm-1 {
margin-right: 8.3333333333%;
}
[dir="ltr"] .offset-sm-2 {
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-sm-2 {
margin-right: 16.6666666667%;
}
[dir="ltr"] .offset-sm-3 {
margin-left: 25%;
}
[dir="rtl"] .offset-sm-3 {
margin-right: 25%;
}
[dir="ltr"] .offset-sm-4 {
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-sm-4 {
margin-right: 33.3333333333%;
}
[dir="ltr"] .offset-sm-5 {
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-sm-5 {
margin-right: 41.6666666667%;
}
[dir="ltr"] .offset-sm-6 {
margin-left: 50%;
}
[dir="rtl"] .offset-sm-6 {
margin-right: 50%;
}
[dir="ltr"] .offset-sm-7 {
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-sm-7 {
margin-right: 58.3333333333%;
}
[dir="ltr"] .offset-sm-8 {
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-sm-8 {
margin-right: 66.6666666667%;
}
[dir="ltr"] .offset-sm-9 {
margin-left: 75%;
}
[dir="rtl"] .offset-sm-9 {
margin-right: 75%;
}
[dir="ltr"] .offset-sm-10 {
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-sm-10 {
margin-right: 83.3333333333%;
}
[dir="ltr"] .offset-sm-11 {
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-sm-11 {
margin-right: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
order: -1;
}
.order-md-last {
order: 13;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
[dir="ltr"] .offset-md-0 {
margin-left: 0;
}
[dir="rtl"] .offset-md-0 {
margin-right: 0;
}
[dir="ltr"] .offset-md-1 {
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-md-1 {
margin-right: 8.3333333333%;
}
[dir="ltr"] .offset-md-2 {
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-md-2 {
margin-right: 16.6666666667%;
}
[dir="ltr"] .offset-md-3 {
margin-left: 25%;
}
[dir="rtl"] .offset-md-3 {
margin-right: 25%;
}
[dir="ltr"] .offset-md-4 {
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-md-4 {
margin-right: 33.3333333333%;
}
[dir="ltr"] .offset-md-5 {
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-md-5 {
margin-right: 41.6666666667%;
}
[dir="ltr"] .offset-md-6 {
margin-left: 50%;
}
[dir="rtl"] .offset-md-6 {
margin-right: 50%;
}
[dir="ltr"] .offset-md-7 {
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-md-7 {
margin-right: 58.3333333333%;
}
[dir="ltr"] .offset-md-8 {
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-md-8 {
margin-right: 66.6666666667%;
}
[dir="ltr"] .offset-md-9 {
margin-left: 75%;
}
[dir="rtl"] .offset-md-9 {
margin-right: 75%;
}
[dir="ltr"] .offset-md-10 {
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-md-10 {
margin-right: 83.3333333333%;
}
[dir="ltr"] .offset-md-11 {
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-md-11 {
margin-right: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
order: -1;
}
.order-lg-last {
order: 13;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
[dir="ltr"] .offset-lg-0 {
margin-left: 0;
}
[dir="rtl"] .offset-lg-0 {
margin-right: 0;
}
[dir="ltr"] .offset-lg-1 {
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-lg-1 {
margin-right: 8.3333333333%;
}
[dir="ltr"] .offset-lg-2 {
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-lg-2 {
margin-right: 16.6666666667%;
}
[dir="ltr"] .offset-lg-3 {
margin-left: 25%;
}
[dir="rtl"] .offset-lg-3 {
margin-right: 25%;
}
[dir="ltr"] .offset-lg-4 {
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-lg-4 {
margin-right: 33.3333333333%;
}
[dir="ltr"] .offset-lg-5 {
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-lg-5 {
margin-right: 41.6666666667%;
}
[dir="ltr"] .offset-lg-6 {
margin-left: 50%;
}
[dir="rtl"] .offset-lg-6 {
margin-right: 50%;
}
[dir="ltr"] .offset-lg-7 {
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-lg-7 {
margin-right: 58.3333333333%;
}
[dir="ltr"] .offset-lg-8 {
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-lg-8 {
margin-right: 66.6666666667%;
}
[dir="ltr"] .offset-lg-9 {
margin-left: 75%;
}
[dir="rtl"] .offset-lg-9 {
margin-right: 75%;
}
[dir="ltr"] .offset-lg-10 {
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-lg-10 {
margin-right: 83.3333333333%;
}
[dir="ltr"] .offset-lg-11 {
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-lg-11 {
margin-right: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
order: -1;
}
.order-xl-last {
order: 13;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
[dir="ltr"] .offset-xl-0 {
margin-left: 0;
}
[dir="rtl"] .offset-xl-0 {
margin-right: 0;
}
[dir="ltr"] .offset-xl-1 {
margin-left: 8.3333333333%;
}
[dir="rtl"] .offset-xl-1 {
margin-right: 8.3333333333%;
}
[dir="ltr"] .offset-xl-2 {
margin-left: 16.6666666667%;
}
[dir="rtl"] .offset-xl-2 {
margin-right: 16.6666666667%;
}
[dir="ltr"] .offset-xl-3 {
margin-left: 25%;
}
[dir="rtl"] .offset-xl-3 {
margin-right: 25%;
}
[dir="ltr"] .offset-xl-4 {
margin-left: 33.3333333333%;
}
[dir="rtl"] .offset-xl-4 {
margin-right: 33.3333333333%;
}
[dir="ltr"] .offset-xl-5 {
margin-left: 41.6666666667%;
}
[dir="rtl"] .offset-xl-5 {
margin-right: 41.6666666667%;
}
[dir="ltr"] .offset-xl-6 {
margin-left: 50%;
}
[dir="rtl"] .offset-xl-6 {
margin-right: 50%;
}
[dir="ltr"] .offset-xl-7 {
margin-left: 58.3333333333%;
}
[dir="rtl"] .offset-xl-7 {
margin-right: 58.3333333333%;
}
[dir="ltr"] .offset-xl-8 {
margin-left: 66.6666666667%;
}
[dir="rtl"] .offset-xl-8 {
margin-right: 66.6666666667%;
}
[dir="ltr"] .offset-xl-9 {
margin-left: 75%;
}
[dir="rtl"] .offset-xl-9 {
margin-right: 75%;
}
[dir="ltr"] .offset-xl-10 {
margin-left: 83.3333333333%;
}
[dir="rtl"] .offset-xl-10 {
margin-right: 83.3333333333%;
}
[dir="ltr"] .offset-xl-11 {
margin-left: 91.6666666667%;
}
[dir="rtl"] .offset-xl-11 {
margin-right: 91.6666666667%;
}
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.table .table {
background-color: #fff;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #b8daff;
}
.table-hover .table-primary:hover {
background-color: #9fcdff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #9fcdff;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #d6d8db;
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #c8cbcf;
}
.table-success,
.table-success > th,
.table-success > td {
background-color: #c3e6cb;
}
.table-hover .table-success:hover {
background-color: #b1dfbb;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #b1dfbb;
}
.table-info,
.table-info > th,
.table-info > td {
background-color: #bee5eb;
}
.table-hover .table-info:hover {
background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #abdde5;
}
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #ffeeba;
}
.table-hover .table-warning:hover {
background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffe8a1;
}
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #f5c6cb;
}
.table-hover .table-danger:hover {
background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f1b0b7;
}
.table-light,
.table-light > th,
.table-light > td {
background-color: #fdfdfe;
}
.table-hover .table-light:hover {
background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6;
}
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c6c8ca;
}
.table-hover .table-dark:hover {
background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe;
}
.table-active,
.table-active > th,
.table-active > td {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
color: #fff;
background-color: #212529;
border-color: #32383e;
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6;
}
.table-dark {
color: #fff;
background-color: #212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
border-color: #32383e;
}
.table-dark.table-bordered {
border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-sm > .table-bordered {
border: 0;
}
}
@media (max-width: 767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-md > .table-bordered {
border: 0;
}
}
@media (max-width: 991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-lg > .table-bordered {
border: 0;
}
}
@media (max-width: 1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-xl > .table-bordered {
border: 0;
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered {
border: 0;
}
.form-control {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 0.938rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1;
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #e9ecef;
opacity: 1;
}
select.form-control:not([size]):not([multiple]) {
height: calc(2.157rem + 2px);
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-file,
.form-control-range {
display: block;
width: 100%;
}
.col-form-label {
padding-top: calc(0.375rem + 1px);
padding-bottom: calc(0.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.1725rem;
line-height: 1.5;
}
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.82075rem;
line-height: 1.5;
}
.form-control-plaintext {
display: block;
width: 100%;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
margin-bottom: 0;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
padding-right: 0;
padding-left: 0;
}
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.82075rem;
line-height: 1.5;
border-radius: 0.2rem;
}
select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
height: calc(1.731125rem + 2px);
}
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
padding: 0.5rem 1rem;
font-size: 1.1725rem;
line-height: 1.5;
border-radius: 0.3rem;
}
select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
height: calc(2.75875rem + 2px);
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
padding-right: 5px;
padding-left: 5px;
}
.form-check {
position: relative;
display: block;
}
[dir="ltr"] .form-check {
padding-left: 1.25rem;
}
[dir="rtl"] .form-check {
padding-right: 1.25rem;
}
.form-check-input {
position: absolute;
margin-top: 0.3rem;
}
[dir="ltr"] .form-check-input {
margin-left: -1.25rem;
}
[dir="rtl"] .form-check-input {
margin-right: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
color: #6c757d;
}
.form-check-label {
margin-bottom: 0;
}
.form-check-inline {
display: inline-flex;
align-items: center;
}
[dir="ltr"] .form-check-inline {
padding-left: 0;
margin-right: 0.75rem;
}
[dir="rtl"] .form-check-inline {
padding-right: 0;
margin-left: 0.75rem;
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
}
[dir="ltr"] .form-check-inline .form-check-input {
margin-right: 0.3125rem;
margin-left: 0;
}
[dir="rtl"] .form-check-inline .form-check-input {
margin-left: 0.3125rem;
margin-right: 0;
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #28a745;
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1;
color: #fff;
background-color: rgba(40, 167, 69, 0.8);
border-radius: 0.2rem;
}
.was-validated .form-control:valid, .form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
border-color: #28a745;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
background-color: #71dd8a;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: 0.25rem;
font-size: 80%;
color: #dc3545;
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: 0.5rem;
margin-top: 0.1rem;
font-size: 0.875rem;
line-height: 1;
color: #fff;
background-color: rgba(220, 53, 69, 0.8);
border-radius: 0.2rem;
}
.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
border-color: #dc3545;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
background-color: #efa2a9;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check {
width: 100%;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext {
display: inline-block;
}
.form-inline .input-group,
.form-inline .custom-select {
width: auto;
}
.form-inline .form-check {
display: flex;
align-items: center;
justify-content: center;
width: auto;
}
[dir="ltr"] .form-inline .form-check {
padding-left: 0;
}
[dir="rtl"] .form-inline .form-check {
padding-right: 0;
}
.form-inline .form-check-input {
position: relative;
margin-top: 0;
}
[dir="ltr"] .form-inline .form-check-input {
margin-right: 0.25rem;
margin-left: 0;
}
[dir="rtl"] .form-inline .form-check-input {
margin-left: 0.25rem;
margin-right: 0;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 0.938rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover, .btn:focus {
text-decoration: none;
}
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
background-image: none;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-primary {
color: #007bff;
background-color: transparent;
background-image: none;
border-color: #007bff;
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #007bff;
background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
color: #6c757d;
background-color: transparent;
background-image: none;
border-color: #6c757d;
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
color: #28a745;
background-color: transparent;
background-image: none;
border-color: #28a745;
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #28a745;
background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
color: #17a2b8;
background-color: transparent;
background-image: none;
border-color: #17a2b8;
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
color: #ffc107;
background-color: transparent;
background-image: none;
border-color: #ffc107;
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
color: #dc3545;
background-color: transparent;
background-image: none;
border-color: #dc3545;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
color: #f8f9fa;
background-color: transparent;
background-image: none;
border-color: #f8f9fa;
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
color: #343a40;
background-color: transparent;
background-image: none;
border-color: #343a40;
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #343a40;
background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent;
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
}
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
border-color: transparent;
box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
color: #6c757d;
pointer-events: none;
}
.btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.1725rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.82075rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
width: 100%;
}
.fade {
transition: opacity 0.15s linear;
}
@media screen and (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.dropup,
.dropright,
.dropdown,
.dropleft {
position: relative;
}
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
[dir="ltr"] .dropdown-toggle::after {
margin-left: 0.255em;
}
[dir="rtl"] .dropdown-toggle::after {
margin-right: 0.255em;
}
[dir="ltr"] .dropdown-toggle:empty::after {
margin-left: 0;
}
[dir="rtl"] .dropdown-toggle:empty::after {
margin-right: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
z-index: 1000;
display: none;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 0.938rem;
color: #212529;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
[dir="ltr"] .dropdown-menu {
left: 0;
float: left;
text-align: left;
}
[dir="rtl"] .dropdown-menu {
right: 0;
float: right;
text-align: right;
}
[dir="ltr"] .dropdown-menu-right {
right: 0;
left: auto;
}
[dir="rtl"] .dropdown-menu-right {
left: 0;
right: auto;
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
[dir="ltr"] .dropup .dropdown-toggle::after {
margin-left: 0.255em;
}
[dir="rtl"] .dropup .dropdown-toggle::after {
margin-right: 0.255em;
}
[dir="ltr"] .dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
[dir="rtl"] .dropup .dropdown-toggle:empty::after {
margin-right: 0;
}
.dropright .dropdown-menu {
top: 0;
margin-top: 0;
}
[dir="ltr"] .dropright .dropdown-menu {
right: auto;
left: 100%;
margin-left: 0.125rem;
}
[dir="rtl"] .dropright .dropdown-menu {
left: auto;
right: 100%;
margin-right: 0.125rem;
}
.dropright .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-bottom: 0.3em solid transparent;
}
[dir="ltr"] .dropright .dropdown-toggle::after {
margin-left: 0.255em;
border-right: 0;
border-left: 0.3em solid;
}
[dir="rtl"] .dropright .dropdown-toggle::after {
margin-right: 0.255em;
border-left: 0;
border-right: 0.3em solid;
}
[dir="ltr"] .dropright .dropdown-toggle:empty::after {
margin-left: 0;
}
[dir="rtl"] .dropright .dropdown-toggle:empty::after {
margin-right: 0;
}
.dropright .dropdown-toggle::after {
vertical-align: 0;
}
.dropleft .dropdown-menu {
top: 0;
margin-top: 0;
}
[dir="ltr"] .dropleft .dropdown-menu {
right: 100%;
left: auto;
margin-right: 0.125rem;
}
[dir="rtl"] .dropleft .dropdown-menu {
left: 100%;
right: auto;
margin-left: 0.125rem;
}
.dropleft .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
vertical-align: 0.255em;
content: "";
}
[dir="ltr"] .dropleft .dropdown-toggle::after {
margin-left: 0.255em;
}
[dir="rtl"] .dropleft .dropdown-toggle::after {
margin-right: 0.255em;
}
.dropleft .dropdown-toggle::after {
display: none;
}
.dropleft .dropdown-toggle::before {
display: inline-block;
width: 0;
height: 0;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-bottom: 0.3em solid transparent;
}
[dir="ltr"] .dropleft .dropdown-toggle::before {
margin-right: 0.255em;
border-right: 0.3em solid;
}
[dir="rtl"] .dropleft .dropdown-toggle::before {
margin-left: 0.255em;
border-left: 0.3em solid;
}
[dir="ltr"] .dropleft .dropdown-toggle:empty::after {
margin-left: 0;
}
[dir="rtl"] .dropleft .dropdown-toggle:empty::after {
margin-right: 0;
}
.dropleft .dropdown-toggle::before {
vertical-align: 0;
}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
bottom: auto;
}
[dir="ltr"] .dropdown-menu[x-placement^=top], [dir="ltr"] .dropdown-menu[x-placement^=right], [dir="ltr"] .dropdown-menu[x-placement^=bottom], [dir="ltr"] .dropdown-menu[x-placement^=left] {
right: auto;
}
[dir="rtl"] .dropdown-menu[x-placement^=top], [dir="rtl"] .dropdown-menu[x-placement^=right], [dir="rtl"] .dropdown-menu[x-placement^=bottom], [dir="rtl"] .dropdown-menu[x-placement^=left] {
left: auto;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.82075rem;
color: #6c757d;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529;
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
flex: 0 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}
[dir="ltr"] .btn-group .btn + .btn,
[dir="ltr"] .btn-group .btn + .btn-group,
[dir="ltr"] .btn-group .btn-group + .btn,
[dir="ltr"] .btn-group .btn-group + .btn-group,
[dir="ltr"] .btn-group-vertical .btn + .btn,
[dir="ltr"] .btn-group-vertical .btn + .btn-group,
[dir="ltr"] .btn-group-vertical .btn-group + .btn,
[dir="ltr"] .btn-group-vertical .btn-group + .btn-group {
margin-left: -1px;
}
[dir="rtl"] .btn-group .btn + .btn,
[dir="rtl"] .btn-group .btn + .btn-group,
[dir="rtl"] .btn-group .btn-group + .btn,
[dir="rtl"] .btn-group .btn-group + .btn-group,
[dir="rtl"] .btn-group-vertical .btn + .btn,
[dir="rtl"] .btn-group-vertical .btn + .btn-group,
[dir="rtl"] .btn-group-vertical .btn-group + .btn,
[dir="rtl"] .btn-group-vertical .btn-group + .btn-group {
margin-right: -1px;
}
.btn-toolbar {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
[dir="ltr"] .btn-group > .btn:first-child {
margin-left: 0;
}
[dir="rtl"] .btn-group > .btn:first-child {
margin-right: 0;
}
[dir="ltr"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
[dir="ltr"] .btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir="rtl"] .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
[dir="rtl"] .btn-group > .btn-group:not(:last-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="ltr"] .btn-group > .btn:not(:first-child),
[dir="ltr"] .btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="rtl"] .btn-group > .btn:not(:first-child),
[dir="rtl"] .btn-group > .btn-group:not(:first-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
[dir="ltr"] .dropdown-toggle-split::after, [dir="ltr"] .dropup .dropdown-toggle-split::after, [dir="ltr"] .dropright .dropdown-toggle-split::after {
margin-left: 0;
}
[dir="rtl"] .dropdown-toggle-split::after, [dir="rtl"] .dropup .dropdown-toggle-split::after, [dir="rtl"] .dropright .dropdown-toggle-split::after {
margin-right: 0;
}
[dir="ltr"] .dropleft .dropdown-toggle-split::before {
margin-right: 0;
}
[dir="rtl"] .dropleft .dropdown-toggle-split::before {
margin-left: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
width: 100%;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
}
[dir="ltr"] .btn-group-vertical > .btn + .btn,
[dir="ltr"] .btn-group-vertical > .btn + .btn-group,
[dir="ltr"] .btn-group-vertical > .btn-group + .btn,
[dir="ltr"] .btn-group-vertical > .btn-group + .btn-group {
margin-left: 0;
}
[dir="rtl"] .btn-group-vertical > .btn + .btn,
[dir="rtl"] .btn-group-vertical > .btn + .btn-group,
[dir="rtl"] .btn-group-vertical > .btn-group + .btn,
[dir="rtl"] .btn-group-vertical > .btn-group + .btn-group {
margin-right: 0;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
z-index: 3;
}
[dir="ltr"] .input-group > .form-control + .form-control,
[dir="ltr"] .input-group > .form-control + .custom-select,
[dir="ltr"] .input-group > .form-control + .custom-file,
[dir="ltr"] .input-group > .custom-select + .form-control,
[dir="ltr"] .input-group > .custom-select + .custom-select,
[dir="ltr"] .input-group > .custom-select + .custom-file,
[dir="ltr"] .input-group > .custom-file + .form-control,
[dir="ltr"] .input-group > .custom-file + .custom-select,
[dir="ltr"] .input-group > .custom-file + .custom-file {
margin-left: -1px;
}
[dir="rtl"] .input-group > .form-control + .form-control,
[dir="rtl"] .input-group > .form-control + .custom-select,
[dir="rtl"] .input-group > .form-control + .custom-file,
[dir="rtl"] .input-group > .custom-select + .form-control,
[dir="rtl"] .input-group > .custom-select + .custom-select,
[dir="rtl"] .input-group > .custom-select + .custom-file,
[dir="rtl"] .input-group > .custom-file + .form-control,
[dir="rtl"] .input-group > .custom-file + .custom-select,
[dir="rtl"] .input-group > .custom-file + .custom-file {
margin-right: -1px;
}
[dir="ltr"] .input-group > .form-control:not(:last-child),
[dir="ltr"] .input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir="rtl"] .input-group > .form-control:not(:last-child),
[dir="rtl"] .input-group > .custom-select:not(:last-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="ltr"] .input-group > .form-control:not(:first-child),
[dir="ltr"] .input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="rtl"] .input-group > .form-control:not(:first-child),
[dir="rtl"] .input-group > .custom-select:not(:first-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .custom-file {
display: flex;
align-items: center;
}
[dir="ltr"] .input-group > .custom-file:not(:last-child) .custom-file-label, [dir="ltr"] .input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir="rtl"] .input-group > .custom-file:not(:last-child) .custom-file-label, [dir="rtl"] .input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="ltr"] .input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="rtl"] .input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-prepend,
.input-group-append {
display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2;
}
[dir="ltr"] .input-group-prepend .btn + .btn,
[dir="ltr"] .input-group-prepend .btn + .input-group-text,
[dir="ltr"] .input-group-prepend .input-group-text + .input-group-text,
[dir="ltr"] .input-group-prepend .input-group-text + .btn,
[dir="ltr"] .input-group-append .btn + .btn,
[dir="ltr"] .input-group-append .btn + .input-group-text,
[dir="ltr"] .input-group-append .input-group-text + .input-group-text,
[dir="ltr"] .input-group-append .input-group-text + .btn {
margin-left: -1px;
}
[dir="rtl"] .input-group-prepend .btn + .btn,
[dir="rtl"] .input-group-prepend .btn + .input-group-text,
[dir="rtl"] .input-group-prepend .input-group-text + .input-group-text,
[dir="rtl"] .input-group-prepend .input-group-text + .btn,
[dir="rtl"] .input-group-append .btn + .btn,
[dir="rtl"] .input-group-append .btn + .input-group-text,
[dir="rtl"] .input-group-append .input-group-text + .input-group-text,
[dir="rtl"] .input-group-append .input-group-text + .btn {
margin-right: -1px;
}
[dir="ltr"] .input-group-prepend {
margin-right: -1px;
}
[dir="rtl"] .input-group-prepend {
margin-left: -1px;
}
[dir="ltr"] .input-group-append {
margin-left: -1px;
}
[dir="rtl"] .input-group-append {
margin-right: -1px;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 0.938rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: 0;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
margin-top: 0;
}
[dir="ltr"] .input-group > .input-group-prepend > .btn,
[dir="ltr"] .input-group > .input-group-prepend > .input-group-text,
[dir="ltr"] .input-group > .input-group-append:not(:last-child) > .btn,
[dir="ltr"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
[dir="ltr"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
[dir="ltr"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir="rtl"] .input-group > .input-group-prepend > .btn,
[dir="rtl"] .input-group > .input-group-prepend > .input-group-text,
[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="ltr"] .input-group > .input-group-append > .btn,
[dir="ltr"] .input-group > .input-group-append > .input-group-text,
[dir="ltr"] .input-group > .input-group-prepend:not(:first-child) > .btn,
[dir="ltr"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
[dir="ltr"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
[dir="ltr"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="rtl"] .input-group > .input-group-append > .btn,
[dir="rtl"] .input-group > .input-group-append > .input-group-text,
[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
}
[dir="ltr"] .custom-control {
padding-left: 1.5rem;
}
[dir="rtl"] .custom-control {
padding-right: 1.5rem;
}
.custom-control-inline {
display: inline-flex;
}
[dir="ltr"] .custom-control-inline {
margin-right: 1rem;
}
[dir="rtl"] .custom-control-inline {
margin-left: 1rem;
}
.custom-control-input {
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:active ~ .custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
}
.custom-control-input:disabled ~ .custom-control-label {
color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
}
.custom-control-label::before {
position: absolute;
top: 0.25rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: #dee2e6;
}
[dir="ltr"] .custom-control-label::before {
left: -1.5rem;
}
[dir="rtl"] .custom-control-label::before {
right: -1.5rem;
}
.custom-control-label::after {
position: absolute;
top: 0.25rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
[dir="ltr"] .custom-control-label::after {
left: -1.5rem;
}
[dir="rtl"] .custom-control-label::after {
right: -1.5rem;
}
.custom-checkbox .custom-control-label::before {
border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: #007bff;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-radio .custom-control-label::before {
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
background-color: #007bff;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(2.157rem + 2px);
line-height: 1.5;
color: #495057;
vertical-align: middle;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[dir="ltr"] .custom-select {
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
}
[dir="rtl"] .custom-select {
padding: 0.375rem 0.75rem 0.375rem 1.75rem;
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat left 0.75rem center;
}
[dir] .custom-select {
background-size: 8px 10px;
}
.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
height: auto;
background-image: none;
}
[dir="ltr"] .custom-select[multiple], [dir="ltr"] .custom-select[size]:not([size="1"]) {
padding-right: 0.75rem;
}
[dir="rtl"] .custom-select[multiple], [dir="rtl"] .custom-select[size]:not([size="1"]) {
padding-left: 0.75rem;
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef;
}
.custom-select::-ms-expand {
opacity: 0;
}
.custom-select-sm {
height: calc(1.731125rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 75%;
}
.custom-select-lg {
height: calc(2.75875rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 125%;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(2.157rem + 2px);
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(2.157rem + 2px);
margin: 0;
opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input:focus ~ .custom-file-label::after {
border-color: #80bdff;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse";
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(2.157rem + 2px);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0;
}
.custom-file-label::after {
position: absolute;
top: 0;
bottom: 0;
z-index: 3;
display: block;
height: 2.157rem;
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-radius: 0 0 0 0;
}
[dir="ltr"] .custom-file-label::after {
right: 0;
border-left: 1px solid #ced4da;
}
[dir="rtl"] .custom-file-label::after {
left: 0;
border-right: 1px solid #ced4da;
}
.custom-range {
width: 100%;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[dir="ltr"] .custom-range {
padding-left: 0;
}
[dir="rtl"] .custom-range {
padding-right: 0;
}
.custom-range:focus {
outline: none;
}
.custom-range::-moz-focus-outer {
border: 0;
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-webkit-appearance: none;
appearance: none;
}
.custom-range::-webkit-slider-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-moz-appearance: none;
appearance: none;
}
.custom-range::-moz-range-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem;
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
appearance: none;
}
.custom-range::-ms-thumb:focus {
outline: none;
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-ms-thumb:active {
background-color: #b3d7ff;
}
.custom-range::-ms-track {
width: 100%;
height: 0.5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
background-color: #dee2e6;
border-radius: 1rem;
}
[dir="ltr"] .custom-range::-ms-fill-upper {
margin-right: 15px;
}
[dir="rtl"] .custom-range::-ms-fill-upper {
margin-left: 15px;
}
.nav {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
list-style: none;
}
[dir="ltr"] .nav {
padding-left: 0;
}
[dir="rtl"] .nav {
padding-right: 0;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
text-decoration: none;
}
.nav-link.disabled {
color: #6c757d;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills .nav-link {
border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #007bff;
}
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
}
.navbar > .container,
.navbar > .container-fluid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
display: inline-block;
padding-top: 0.324125rem;
padding-bottom: 0.324125rem;
font-size: 1.1725rem;
line-height: inherit;
white-space: nowrap;
}
[dir="ltr"] .navbar-brand {
margin-right: 1rem;
}
[dir="rtl"] .navbar-brand {
margin-left: 1rem;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-nav {
display: flex;
flex-direction: column;
margin-bottom: 0;
list-style: none;
}
[dir="ltr"] .navbar-nav {
padding-left: 0;
}
[dir="rtl"] .navbar-nav {
padding-right: 0;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.1725rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%;
}
@media (max-width: 575.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler {
display: none;
}
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
@media (max-width: 1199.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-expand-xl {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler {
display: none;
}
}
.navbar-expand {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
padding-right: 0;
padding-left: 0;
}
.navbar-expand .navbar-nav {
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-body {
flex: 1 1 auto;
padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
}
.card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-link:hover {
text-decoration: none;
}
[dir="ltr"] .card-link + .card-link {
margin-left: 1.25rem;
}
[dir="rtl"] .card-link + .card-link {
margin-right: 1.25rem;
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
margin-right: -0.625rem;
margin-bottom: -0.75rem;
margin-left: -0.625rem;
border-bottom: 0;
}
.card-header-pills {
margin-right: -0.625rem;
margin-left: -0.625rem;
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
}
.card-img {
width: 100%;
border-radius: calc(0.25rem - 1px);
}
.card-img-top {
width: 100%;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
width: 100%;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck {
display: flex;
flex-direction: column;
}
.card-deck .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-deck {
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;
}
.card-deck .card {
display: flex;
flex: 1 0 0%;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
}
.card-group {
display: flex;
flex-direction: column;
}
.card-group > .card {
margin-bottom: 15px;
}
@media (min-width: 576px) {
.card-group {
flex-flow: row wrap;
}
.card-group > .card {
flex: 1 0 0%;
margin-bottom: 0;
}
[dir="ltr"] .card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
[dir="rtl"] .card-group > .card + .card {
margin-right: 0;
border-right: 0;
}
[dir="ltr"] .card-group > .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir="rtl"] .card-group > .card:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="ltr"] .card-group > .card:first-child .card-img-top,
[dir="ltr"] .card-group > .card:first-child .card-header {
border-top-right-radius: 0;
}
[dir="rtl"] .card-group > .card:first-child .card-img-top,
[dir="rtl"] .card-group > .card:first-child .card-header {
border-top-left-radius: 0;
}
[dir="ltr"] .card-group > .card:first-child .card-img-bottom,
[dir="ltr"] .card-group > .card:first-child .card-footer {
border-bottom-right-radius: 0;
}
[dir="rtl"] .card-group > .card:first-child .card-img-bottom,
[dir="rtl"] .card-group > .card:first-child .card-footer {
border-bottom-left-radius: 0;
}
[dir="ltr"] .card-group > .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
[dir="rtl"] .card-group > .card:last-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
[dir="ltr"] .card-group > .card:last-child .card-img-top,
[dir="ltr"] .card-group > .card:last-child .card-header {
border-top-left-radius: 0;
}
[dir="rtl"] .card-group > .card:last-child .card-img-top,
[dir="rtl"] .card-group > .card:last-child .card-header {
border-top-right-radius: 0;
}
[dir="ltr"] .card-group > .card:last-child .card-img-bottom,
[dir="ltr"] .card-group > .card:last-child .card-footer {
border-bottom-left-radius: 0;
}
[dir="rtl"] .card-group > .card:last-child .card-img-bottom,
[dir="rtl"] .card-group > .card:last-child .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:only-child {
border-radius: 0.25rem;
}
.card-group > .card:only-child .card-img-top,
.card-group > .card:only-child .card-header {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.card-group > .card:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer {
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
border-radius: 0;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
border-radius: 0;
}
}
.card-columns .card {
margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
.card-columns {
-moz-column-count: 3;
column-count: 3;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
}
.accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: 0;
border-radius: 0;
}
.accordion .card:not(:first-of-type) .card-header:first-child {
border-radius: 0;
}
.accordion .card:first-of-type {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion .card:last-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.breadcrumb {
display: flex;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: 0.25rem;
}
[dir="ltr"] .breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem;
}
[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
padding-right: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
color: #6c757d;
content: "/";
}
[dir="ltr"] .breadcrumb-item + .breadcrumb-item::before {
padding-right: 0.5rem;
}
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none;
}
.breadcrumb-item.active {
color: #6c757d;
}
.pagination {
display: flex;
list-style: none;
border-radius: 0.25rem;
}
[dir="ltr"] .pagination {
padding-left: 0;
}
[dir="rtl"] .pagination {
padding-right: 0;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
}
[dir="ltr"] .page-link {
margin-left: -1px;
}
[dir="rtl"] .page-link {
margin-right: -1px;
}
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
}
.page-link:focus {
z-index: 2;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-link:not(:disabled):not(.disabled) {
cursor: pointer;
}
[dir="ltr"] .page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
[dir="rtl"] .page-item:first-child .page-link {
margin-right: 0;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
[dir="ltr"] .page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
[dir="rtl"] .page-item:last-child .page-link {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6;
}
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.1725rem;
line-height: 1.5;
}
[dir="ltr"] .pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
[dir="rtl"] .pagination-lg .page-item:first-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
[dir="ltr"] .pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
[dir="rtl"] .pagination-lg .page-item:last-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.82075rem;
line-height: 1.5;
}
[dir="ltr"] .pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
[dir="rtl"] .pagination-sm .page-item:first-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
[dir="ltr"] .pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
[dir="rtl"] .pagination-sm .page-item:last-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.badge-pill {
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
}
.badge-primary {
color: #fff;
background-color: #007bff;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #0062cc;
}
.badge-secondary {
color: #fff;
background-color: #6c757d;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
color: #fff;
text-decoration: none;
background-color: #545b62;
}
.badge-success {
color: #fff;
background-color: #28a745;
}
.badge-success[href]:hover, .badge-success[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1e7e34;
}
.badge-info {
color: #fff;
background-color: #17a2b8;
}
.badge-info[href]:hover, .badge-info[href]:focus {
color: #fff;
text-decoration: none;
background-color: #117a8b;
}
.badge-warning {
color: #212529;
background-color: #ffc107;
}
.badge-warning[href]:hover, .badge-warning[href]:focus {
color: #212529;
text-decoration: none;
background-color: #d39e00;
}
.badge-danger {
color: #fff;
background-color: #dc3545;
}
.badge-danger[href]:hover, .badge-danger[href]:focus {
color: #fff;
text-decoration: none;
background-color: #bd2130;
}
.badge-light {
color: #212529;
background-color: #f8f9fa;
}
.badge-light[href]:hover, .badge-light[href]:focus {
color: #212529;
text-decoration: none;
background-color: #dae0e5;
}
.badge-dark {
color: #fff;
background-color: #343a40;
}
.badge-dark[href]:hover, .badge-dark[href]:focus {
color: #fff;
text-decoration: none;
background-color: #1d2124;
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: 0.3rem;
}
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem;
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0;
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert-heading {
color: inherit;
}
.alert-link {
font-weight: 700;
}
[dir="ltr"] .alert-dismissible {
padding-right: 3.907rem;
}
[dir="rtl"] .alert-dismissible {
padding-left: 3.907rem;
}
.alert-dismissible .close {
position: absolute;
top: 0;
padding: 0.75rem 1.25rem;
color: inherit;
}
[dir="ltr"] .alert-dismissible .close {
right: 0;
}
[dir="rtl"] .alert-dismissible .close {
left: 0;
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
.alert-primary hr {
border-top-color: #9fcdff;
}
.alert-primary .alert-link {
color: #002752;
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}
.alert-secondary hr {
border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
color: #202326;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-success hr {
border-top-color: #b1dfbb;
}
.alert-success .alert-link {
color: #0b2e13;
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert-info hr {
border-top-color: #abdde5;
}
.alert-info .alert-link {
color: #062c33;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert-warning hr {
border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
color: #533f03;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert-danger hr {
border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
color: #491217;
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}
.alert-light hr {
border-top-color: #ececf6;
}
.alert-light .alert-link {
color: #686868;
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
.alert-dark hr {
border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
color: #040505;
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0;
}
to {
background-position: 0 0;
}
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.7035rem;
background-color: #e9ecef;
border-radius: 0.25rem;
}
.progress-bar {
display: flex;
flex-direction: column;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width 0.6s ease;
}
@media screen and (prefers-reduced-motion: reduce) {
.progress-bar {
transition: none;
}
}
.progress-bar-striped {
background-size: 1rem 1rem;
}
[dir="ltr"] .progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
[dir="rtl"] .progress-bar-striped {
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-animated {
animation: progress-bar-stripes 1s linear infinite;
}
.media {
display: flex;
align-items: flex-start;
}
.media-body {
flex: 1;
}
.list-group {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
[dir="ltr"] .list-group {
padding-left: 0;
}
[dir="rtl"] .list-group {
padding-right: 0;
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
color: #495057;
text-decoration: none;
background-color: #f8f9fa;
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef;
}
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.list-group-item:hover, .list-group-item:focus {
z-index: 1;
text-decoration: none;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
background-color: #fff;
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff;
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom: 0;
}
.list-group-item-primary {
color: #004085;
background-color: #b8daff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #004085;
background-color: #9fcdff;
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085;
}
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #383d41;
background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41;
}
.list-group-item-success {
color: #155724;
background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #155724;
background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724;
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #0c5460;
background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460;
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #856404;
background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404;
}
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #721c24;
background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24;
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #818182;
background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182;
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #1b1e21;
background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21;
}
.close {
font-size: 1.407rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.5;
}
[dir="ltr"] .close {
float: right;
}
[dir="rtl"] .close {
float: left;
}
.close:hover, .close:focus {
color: #000;
text-decoration: none;
opacity: 0.75;
}
.close:not(:disabled):not(.disabled) {
cursor: pointer;
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -25%);
}
@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: translate(0, 0);
}
.modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - (0.5rem * 2));
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.modal-header .close {
padding: 1rem;
}
[dir="ltr"] .modal-header .close {
margin: -1rem -1rem -1rem auto;
}
[dir="rtl"] .modal-header .close {
margin: -1rem auto -1rem -1rem;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.modal-footer {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;
}
[dir="ltr"] .modal-footer > :not(:first-child) {
margin-left: 0.25rem;
}
[dir="rtl"] .modal-footer > :not(:first-child) {
margin-right: 0.25rem;
}
[dir="ltr"] .modal-footer > :not(:last-child) {
margin-right: 0.25rem;
}
[dir="rtl"] .modal-footer > :not(:last-child) {
margin-left: 0.25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-centered {
min-height: calc(100% - (1.75rem * 2));
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 800px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.82075rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
width: 0.4rem;
height: 0.8rem;
}
[dir="ltr"] .bs-tooltip-right .arrow, [dir="ltr"] .bs-tooltip-auto[x-placement^=right] .arrow {
left: 0;
}
[dir="rtl"] .bs-tooltip-right .arrow, [dir="rtl"] .bs-tooltip-auto[x-placement^=right] .arrow {
right: 0;
}
[dir="ltr"] .bs-tooltip-right .arrow::before, [dir="ltr"] .bs-tooltip-auto[x-placement^=right] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
[dir="rtl"] .bs-tooltip-right .arrow::before, [dir="rtl"] .bs-tooltip-auto[x-placement^=right] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
width: 0.4rem;
height: 0.8rem;
}
[dir="ltr"] .bs-tooltip-left .arrow, [dir="ltr"] .bs-tooltip-auto[x-placement^=left] .arrow {
right: 0;
}
[dir="rtl"] .bs-tooltip-left .arrow, [dir="rtl"] .bs-tooltip-auto[x-placement^=left] .arrow {
left: 0;
}
[dir="ltr"] .bs-tooltip-left .arrow::before, [dir="ltr"] .bs-tooltip-auto[x-placement^=left] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
[dir="rtl"] .bs-tooltip-left .arrow::before, [dir="rtl"] .bs-tooltip-auto[x-placement^=left] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem;
}
.popover {
position: absolute;
top: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.82075rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
[dir="ltr"] .popover {
left: 0;
}
[dir="rtl"] .popover {
right: 0;
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^=top] {
margin-bottom: 0.5rem;
}
.bs-popover-top .arrow, .bs-popover-auto[x-placement^=top] .arrow {
bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=top] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^=top] .arrow::after {
border-width: 0.5rem 0.5rem 0;
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^=top] .arrow::before {
bottom: 0;
border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::after {
bottom: 1px;
border-top-color: #fff;
}
[dir="ltr"] .bs-popover-right, [dir="ltr"] .bs-popover-auto[x-placement^=right] {
margin-left: 0.5rem;
}
[dir="rtl"] .bs-popover-right, [dir="rtl"] .bs-popover-auto[x-placement^=right] {
margin-right: 0.5rem;
}
.bs-popover-right .arrow, .bs-popover-auto[x-placement^=right] .arrow {
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
[dir="ltr"] .bs-popover-right .arrow, [dir="ltr"] .bs-popover-auto[x-placement^=right] .arrow {
left: calc((0.5rem + 1px) * -1);
}
[dir="rtl"] .bs-popover-right .arrow, [dir="rtl"] .bs-popover-auto[x-placement^=right] .arrow {
right: calc((0.5rem + 1px) * -1);
}
[dir="ltr"] .bs-popover-right .arrow::before, [dir="ltr"] .bs-popover-auto[x-placement^=right] .arrow::before, [dir="ltr"] .bs-popover-right .arrow::after, [dir="ltr"] .bs-popover-auto[x-placement^=right] .arrow::after {
border-width: 0.5rem 0.5rem 0.5rem 0;
}
[dir="rtl"] .bs-popover-right .arrow::before, [dir="rtl"] .bs-popover-auto[x-placement^=right] .arrow::before, [dir="rtl"] .bs-popover-right .arrow::after, [dir="rtl"] .bs-popover-auto[x-placement^=right] .arrow::after {
border-width: 0.5rem 0 0.5rem 0.5rem;
}
[dir="ltr"] .bs-popover-right .arrow::before, [dir="ltr"] .bs-popover-auto[x-placement^=right] .arrow::before {
left: 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
[dir="rtl"] .bs-popover-right .arrow::before, [dir="rtl"] .bs-popover-auto[x-placement^=right] .arrow::before {
right: 0;
border-left-color: rgba(0, 0, 0, 0.25);
}
[dir="ltr"] .bs-popover-right .arrow::after, [dir="ltr"] .bs-popover-auto[x-placement^=right] .arrow::after {
left: 1px;
border-right-color: #fff;
}
[dir="rtl"] .bs-popover-right .arrow::after, [dir="rtl"] .bs-popover-auto[x-placement^=right] .arrow::after {
right: 1px;
border-left-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
margin-top: 0.5rem;
}
.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^=bottom] .arrow {
top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=bottom] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^=bottom] .arrow::after {
border-width: 0 0.5rem 0.5rem 0.5rem;
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^=bottom] .arrow::before {
top: 0;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::after {
top: 1px;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
position: absolute;
top: 0;
display: block;
width: 1rem;
content: "";
border-bottom: 1px solid #f7f7f7;
}
[dir="ltr"] .bs-popover-bottom .popover-header::before, [dir="ltr"] .bs-popover-auto[x-placement^=bottom] .popover-header::before {
left: 50%;
margin-left: -0.5rem;
}
[dir="rtl"] .bs-popover-bottom .popover-header::before, [dir="rtl"] .bs-popover-auto[x-placement^=bottom] .popover-header::before {
right: 50%;
margin-right: -0.5rem;
}
[dir="ltr"] .bs-popover-left, [dir="ltr"] .bs-popover-auto[x-placement^=left] {
margin-right: 0.5rem;
}
[dir="rtl"] .bs-popover-left, [dir="rtl"] .bs-popover-auto[x-placement^=left] {
margin-left: 0.5rem;
}
.bs-popover-left .arrow, .bs-popover-auto[x-placement^=left] .arrow {
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0;
}
[dir="ltr"] .bs-popover-left .arrow, [dir="ltr"] .bs-popover-auto[x-placement^=left] .arrow {
right: calc((0.5rem + 1px) * -1);
}
[dir="rtl"] .bs-popover-left .arrow, [dir="rtl"] .bs-popover-auto[x-placement^=left] .arrow {
left: calc((0.5rem + 1px) * -1);
}
[dir="ltr"] .bs-popover-left .arrow::before, [dir="ltr"] .bs-popover-auto[x-placement^=left] .arrow::before, [dir="ltr"] .bs-popover-left .arrow::after, [dir="ltr"] .bs-popover-auto[x-placement^=left] .arrow::after {
border-width: 0.5rem 0 0.5rem 0.5rem;
}
[dir="rtl"] .bs-popover-left .arrow::before, [dir="rtl"] .bs-popover-auto[x-placement^=left] .arrow::before, [dir="rtl"] .bs-popover-left .arrow::after, [dir="rtl"] .bs-popover-auto[x-placement^=left] .arrow::after {
border-width: 0.5rem 0.5rem 0.5rem 0;
}
[dir="ltr"] .bs-popover-left .arrow::before, [dir="ltr"] .bs-popover-auto[x-placement^=left] .arrow::before {
right: 0;
border-left-color: rgba(0, 0, 0, 0.25);
}
[dir="rtl"] .bs-popover-left .arrow::before, [dir="rtl"] .bs-popover-auto[x-placement^=left] .arrow::before {
left: 0;
border-right-color: rgba(0, 0, 0, 0.25);
}
[dir="ltr"] .bs-popover-left .arrow::after, [dir="ltr"] .bs-popover-auto[x-placement^=left] .arrow::after {
right: 1px;
border-left-color: #fff;
}
[dir="rtl"] .bs-popover-left .arrow::after, [dir="rtl"] .bs-popover-auto[x-placement^=left] .arrow::after {
left: 1px;
border-right-color: #fff;
}
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 0.938rem;
color: inherit;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 0.5rem 0.75rem;
color: #212529;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item {
position: relative;
display: none;
align-items: center;
width: 100%;
transition: transform 0.6s ease;
backface-visibility: hidden;
perspective: 1000px;
}
@media screen and (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
display: block;
}
.carousel-item-next,
.carousel-item-prev {
position: absolute;
top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
transform: translate3d(0, 0, 0);
}
}
[dir="ltr"] .carousel-item-next,
[dir="ltr"] .active.carousel-item-right {
transform: translateX(100%);
}
[dir="rtl"] .carousel-item-next,
[dir="rtl"] .active.carousel-item-right {
transform: translateX(-100%);
}
@supports (transform-style: preserve-3d) {
[dir="ltr"] .carousel-item-next,
[dir="ltr"] .active.carousel-item-right {
transform: translate3d(100%, 0, 0);
}
[dir="rtl"] .carousel-item-next,
[dir="rtl"] .active.carousel-item-right {
transform: translate3d(-100%, 0, 0);
}
}
[dir="ltr"] .carousel-item-prev,
[dir="ltr"] .active.carousel-item-left {
transform: translateX(-100%);
}
[dir="rtl"] .carousel-item-prev,
[dir="rtl"] .active.carousel-item-left {
transform: translateX(100%);
}
@supports (transform-style: preserve-3d) {
[dir="ltr"] .carousel-item-prev,
[dir="ltr"] .active.carousel-item-left {
transform: translate3d(-100%, 0, 0);
}
[dir="rtl"] .carousel-item-prev,
[dir="rtl"] .active.carousel-item-left {
transform: translate3d(100%, 0, 0);
}
}
.carousel-fade .carousel-item {
opacity: 0;
transition-duration: 0.6s;
transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translateX(0);
}
@supports (transform-style: preserve-3d) {
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
transform: translate3d(0, 0, 0);
}
}
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: 0.5;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
color: #fff;
text-decoration: none;
outline: 0;
opacity: 0.9;
}
[dir="ltr"] .carousel-control-prev {
left: 0;
}
[dir="rtl"] .carousel-control-prev {
right: 0;
}
[dir="ltr"] .carousel-control-next {
right: 0;
}
[dir="rtl"] .carousel-control-next {
left: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
background-size: 100% 100%;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
[dir="ltr"] .carousel-indicators {
padding-left: 0;
}
[dir="rtl"] .carousel-indicators {
padding-right: 0;
}
.carousel-indicators li {
position: relative;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.5);
}
.carousel-indicators li::before {
position: absolute;
top: -10px;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
[dir="ltr"] .carousel-indicators li::before {
left: 0;
}
[dir="rtl"] .carousel-indicators li::before {
right: 0;
}
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
display: inline-block;
width: 100%;
height: 10px;
content: "";
}
[dir="ltr"] .carousel-indicators li::after {
left: 0;
}
[dir="rtl"] .carousel-indicators li::after {
right: 0;
}
.carousel-indicators .active {
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #007bff !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
background-color: #0062cc !important;
}
.bg-secondary {
background-color: #6c757d !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
background-color: #545b62 !important;
}
.bg-success {
background-color: #28a745 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
background-color: #1e7e34 !important;
}
.bg-info {
background-color: #17a2b8 !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
background-color: #117a8b !important;
}
.bg-warning {
background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
background-color: #d39e00 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
background-color: #bd2130 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-dark {
background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
background-color: #1d2124 !important;
}
.bg-white {
background-color: #fff !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid #dee2e6 !important;
}
.border-top {
border-top: 1px solid #dee2e6 !important;
}
[dir="ltr"] .border-right {
border-right: 1px solid #dee2e6 !important;
}
[dir="rtl"] .border-right {
border-left: 1px solid #dee2e6 !important;
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}
[dir="ltr"] .border-left {
border-left: 1px solid #dee2e6 !important;
}
[dir="rtl"] .border-left {
border-right: 1px solid #dee2e6 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
[dir="ltr"] .border-right-0 {
border-right: 0 !important;
}
[dir="rtl"] .border-right-0 {
border-left: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
[dir="ltr"] .border-left-0 {
border-left: 0 !important;
}
[dir="rtl"] .border-left-0 {
border-right: 0 !important;
}
.border-primary {
border-color: #007bff !important;
}
.border-secondary {
border-color: #6c757d !important;
}
.border-success {
border-color: #28a745 !important;
}
.border-info {
border-color: #17a2b8 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-danger {
border-color: #dc3545 !important;
}
.border-light {
border-color: #f8f9fa !important;
}
.border-dark {
border-color: #343a40 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded {
border-radius: 0.25rem !important;
}
.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}
[dir="ltr"] .rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
[dir="rtl"] .rounded-right {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
[dir="ltr"] .rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}
[dir="rtl"] .rounded-left {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.rounded-0 {
border-radius: 0 !important;
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: flex !important;
}
.d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !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: flex !important;
}
.d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !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: flex !important;
}
.d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !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: flex !important;
}
.d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: flex !important;
}
.d-print-inline-flex {
display: inline-flex !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
border: 0;
}
[dir="ltr"] .embed-responsive .embed-responsive-item,
[dir="ltr"] .embed-responsive iframe,
[dir="ltr"] .embed-responsive embed,
[dir="ltr"] .embed-responsive object,
[dir="ltr"] .embed-responsive video {
left: 0;
}
[dir="rtl"] .embed-responsive .embed-responsive-item,
[dir="rtl"] .embed-responsive iframe,
[dir="rtl"] .embed-responsive embed,
[dir="rtl"] .embed-responsive object,
[dir="rtl"] .embed-responsive video {
right: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
}
[dir="ltr"] .float-left {
float: left !important;
}
[dir="rtl"] .float-left {
float: right !important;
}
[dir="ltr"] .float-right {
float: right !important;
}
[dir="rtl"] .float-right {
float: left !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
[dir="ltr"] .float-sm-left {
float: left !important;
}
[dir="rtl"] .float-sm-left {
float: right !important;
}
[dir="ltr"] .float-sm-right {
float: right !important;
}
[dir="rtl"] .float-sm-right {
float: left !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
[dir="ltr"] .float-md-left {
float: left !important;
}
[dir="rtl"] .float-md-left {
float: right !important;
}
[dir="ltr"] .float-md-right {
float: right !important;
}
[dir="rtl"] .float-md-right {
float: left !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
[dir="ltr"] .float-lg-left {
float: left !important;
}
[dir="rtl"] .float-lg-left {
float: right !important;
}
[dir="ltr"] .float-lg-right {
float: right !important;
}
[dir="rtl"] .float-lg-right {
float: left !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
[dir="ltr"] .float-xl-left {
float: left !important;
}
[dir="rtl"] .float-xl-left {
float: right !important;
}
[dir="ltr"] .float-xl-right {
float: right !important;
}
[dir="rtl"] .float-xl-right {
float: left !important;
}
.float-xl-none {
float: none !important;
}
}
.position-static {
position: static !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-sticky {
position: sticky !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
}
.shadow-sm {
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
box-shadow: none !important;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
[dir="ltr"] .mr-0,
[dir="ltr"] .mx-0 {
margin-right: 0 !important;
}
[dir="rtl"] .mr-0,
[dir="rtl"] .mx-0 {
margin-left: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
[dir="ltr"] .ml-0,
[dir="ltr"] .mx-0 {
margin-left: 0 !important;
}
[dir="rtl"] .ml-0,
[dir="rtl"] .mx-0 {
margin-right: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
[dir="ltr"] .mr-1,
[dir="ltr"] .mx-1 {
margin-right: 0.25rem !important;
}
[dir="rtl"] .mr-1,
[dir="rtl"] .mx-1 {
margin-left: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
[dir="ltr"] .ml-1,
[dir="ltr"] .mx-1 {
margin-left: 0.25rem !important;
}
[dir="rtl"] .ml-1,
[dir="rtl"] .mx-1 {
margin-right: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
[dir="ltr"] .mr-2,
[dir="ltr"] .mx-2 {
margin-right: 0.5rem !important;
}
[dir="rtl"] .mr-2,
[dir="rtl"] .mx-2 {
margin-left: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
[dir="ltr"] .ml-2,
[dir="ltr"] .mx-2 {
margin-left: 0.5rem !important;
}
[dir="rtl"] .ml-2,
[dir="rtl"] .mx-2 {
margin-right: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
[dir="ltr"] .mr-3,
[dir="ltr"] .mx-3 {
margin-right: 1rem !important;
}
[dir="rtl"] .mr-3,
[dir="rtl"] .mx-3 {
margin-left: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
[dir="ltr"] .ml-3,
[dir="ltr"] .mx-3 {
margin-left: 1rem !important;
}
[dir="rtl"] .ml-3,
[dir="rtl"] .mx-3 {
margin-right: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
[dir="ltr"] .mr-4,
[dir="ltr"] .mx-4 {
margin-right: 1.5rem !important;
}
[dir="rtl"] .mr-4,
[dir="rtl"] .mx-4 {
margin-left: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
[dir="ltr"] .ml-4,
[dir="ltr"] .mx-4 {
margin-left: 1.5rem !important;
}
[dir="rtl"] .ml-4,
[dir="rtl"] .mx-4 {
margin-right: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
[dir="ltr"] .mr-5,
[dir="ltr"] .mx-5 {
margin-right: 3rem !important;
}
[dir="rtl"] .mr-5,
[dir="rtl"] .mx-5 {
margin-left: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
[dir="ltr"] .ml-5,
[dir="ltr"] .mx-5 {
margin-left: 3rem !important;
}
[dir="rtl"] .ml-5,
[dir="rtl"] .mx-5 {
margin-right: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
[dir="ltr"] .pr-0,
[dir="ltr"] .px-0 {
padding-right: 0 !important;
}
[dir="rtl"] .pr-0,
[dir="rtl"] .px-0 {
padding-left: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
[dir="ltr"] .pl-0,
[dir="ltr"] .px-0 {
padding-left: 0 !important;
}
[dir="rtl"] .pl-0,
[dir="rtl"] .px-0 {
padding-right: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
[dir="ltr"] .pr-1,
[dir="ltr"] .px-1 {
padding-right: 0.25rem !important;
}
[dir="rtl"] .pr-1,
[dir="rtl"] .px-1 {
padding-left: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
[dir="ltr"] .pl-1,
[dir="ltr"] .px-1 {
padding-left: 0.25rem !important;
}
[dir="rtl"] .pl-1,
[dir="rtl"] .px-1 {
padding-right: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
[dir="ltr"] .pr-2,
[dir="ltr"] .px-2 {
padding-right: 0.5rem !important;
}
[dir="rtl"] .pr-2,
[dir="rtl"] .px-2 {
padding-left: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
[dir="ltr"] .pl-2,
[dir="ltr"] .px-2 {
padding-left: 0.5rem !important;
}
[dir="rtl"] .pl-2,
[dir="rtl"] .px-2 {
padding-right: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
[dir="ltr"] .pr-3,
[dir="ltr"] .px-3 {
padding-right: 1rem !important;
}
[dir="rtl"] .pr-3,
[dir="rtl"] .px-3 {
padding-left: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
[dir="ltr"] .pl-3,
[dir="ltr"] .px-3 {
padding-left: 1rem !important;
}
[dir="rtl"] .pl-3,
[dir="rtl"] .px-3 {
padding-right: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
[dir="ltr"] .pr-4,
[dir="ltr"] .px-4 {
padding-right: 1.5rem !important;
}
[dir="rtl"] .pr-4,
[dir="rtl"] .px-4 {
padding-left: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
[dir="ltr"] .pl-4,
[dir="ltr"] .px-4 {
padding-left: 1.5rem !important;
}
[dir="rtl"] .pl-4,
[dir="rtl"] .px-4 {
padding-right: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
[dir="ltr"] .pr-5,
[dir="ltr"] .px-5 {
padding-right: 3rem !important;
}
[dir="rtl"] .pr-5,
[dir="rtl"] .px-5 {
padding-left: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
[dir="ltr"] .pl-5,
[dir="ltr"] .px-5 {
padding-left: 3rem !important;
}
[dir="rtl"] .pl-5,
[dir="rtl"] .px-5 {
padding-right: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
[dir="ltr"] .mr-auto,
[dir="ltr"] .mx-auto {
margin-right: auto !important;
}
[dir="rtl"] .mr-auto,
[dir="rtl"] .mx-auto {
margin-left: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
[dir="ltr"] .ml-auto,
[dir="ltr"] .mx-auto {
margin-left: auto !important;
}
[dir="rtl"] .ml-auto,
[dir="rtl"] .mx-auto {
margin-right: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
[dir="ltr"] .mr-sm-0,
[dir="ltr"] .mx-sm-0 {
margin-right: 0 !important;
}
[dir="rtl"] .mr-sm-0,
[dir="rtl"] .mx-sm-0 {
margin-left: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
[dir="ltr"] .ml-sm-0,
[dir="ltr"] .mx-sm-0 {
margin-left: 0 !important;
}
[dir="rtl"] .ml-sm-0,
[dir="rtl"] .mx-sm-0 {
margin-right: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
[dir="ltr"] .mr-sm-1,
[dir="ltr"] .mx-sm-1 {
margin-right: 0.25rem !important;
}
[dir="rtl"] .mr-sm-1,
[dir="rtl"] .mx-sm-1 {
margin-left: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
[dir="ltr"] .ml-sm-1,
[dir="ltr"] .mx-sm-1 {
margin-left: 0.25rem !important;
}
[dir="rtl"] .ml-sm-1,
[dir="rtl"] .mx-sm-1 {
margin-right: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
[dir="ltr"] .mr-sm-2,
[dir="ltr"] .mx-sm-2 {
margin-right: 0.5rem !important;
}
[dir="rtl"] .mr-sm-2,
[dir="rtl"] .mx-sm-2 {
margin-left: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
[dir="ltr"] .ml-sm-2,
[dir="ltr"] .mx-sm-2 {
margin-left: 0.5rem !important;
}
[dir="rtl"] .ml-sm-2,
[dir="rtl"] .mx-sm-2 {
margin-right: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
[dir="ltr"] .mr-sm-3,
[dir="ltr"] .mx-sm-3 {
margin-right: 1rem !important;
}
[dir="rtl"] .mr-sm-3,
[dir="rtl"] .mx-sm-3 {
margin-left: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
[dir="ltr"] .ml-sm-3,
[dir="ltr"] .mx-sm-3 {
margin-left: 1rem !important;
}
[dir="rtl"] .ml-sm-3,
[dir="rtl"] .mx-sm-3 {
margin-right: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
[dir="ltr"] .mr-sm-4,
[dir="ltr"] .mx-sm-4 {
margin-right: 1.5rem !important;
}
[dir="rtl"] .mr-sm-4,
[dir="rtl"] .mx-sm-4 {
margin-left: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
[dir="ltr"] .ml-sm-4,
[dir="ltr"] .mx-sm-4 {
margin-left: 1.5rem !important;
}
[dir="rtl"] .ml-sm-4,
[dir="rtl"] .mx-sm-4 {
margin-right: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
[dir="ltr"] .mr-sm-5,
[dir="ltr"] .mx-sm-5 {
margin-right: 3rem !important;
}
[dir="rtl"] .mr-sm-5,
[dir="rtl"] .mx-sm-5 {
margin-left: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
[dir="ltr"] .ml-sm-5,
[dir="ltr"] .mx-sm-5 {
margin-left: 3rem !important;
}
[dir="rtl"] .ml-sm-5,
[dir="rtl"] .mx-sm-5 {
margin-right: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
[dir="ltr"] .pr-sm-0,
[dir="ltr"] .px-sm-0 {
padding-right: 0 !important;
}
[dir="rtl"] .pr-sm-0,
[dir="rtl"] .px-sm-0 {
padding-left: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
[dir="ltr"] .pl-sm-0,
[dir="ltr"] .px-sm-0 {
padding-left: 0 !important;
}
[dir="rtl"] .pl-sm-0,
[dir="rtl"] .px-sm-0 {
padding-right: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
[dir="ltr"] .pr-sm-1,
[dir="ltr"] .px-sm-1 {
padding-right: 0.25rem !important;
}
[dir="rtl"] .pr-sm-1,
[dir="rtl"] .px-sm-1 {
padding-left: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
[dir="ltr"] .pl-sm-1,
[dir="ltr"] .px-sm-1 {
padding-left: 0.25rem !important;
}
[dir="rtl"] .pl-sm-1,
[dir="rtl"] .px-sm-1 {
padding-right: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
[dir="ltr"] .pr-sm-2,
[dir="ltr"] .px-sm-2 {
padding-right: 0.5rem !important;
}
[dir="rtl"] .pr-sm-2,
[dir="rtl"] .px-sm-2 {
padding-left: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
[dir="ltr"] .pl-sm-2,
[dir="ltr"] .px-sm-2 {
padding-left: 0.5rem !important;
}
[dir="rtl"] .pl-sm-2,
[dir="rtl"] .px-sm-2 {
padding-right: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
[dir="ltr"] .pr-sm-3,
[dir="ltr"] .px-sm-3 {
padding-right: 1rem !important;
}
[dir="rtl"] .pr-sm-3,
[dir="rtl"] .px-sm-3 {
padding-left: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
[dir="ltr"] .pl-sm-3,
[dir="ltr"] .px-sm-3 {
padding-left: 1rem !important;
}
[dir="rtl"] .pl-sm-3,
[dir="rtl"] .px-sm-3 {
padding-right: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
[dir="ltr"] .pr-sm-4,
[dir="ltr"] .px-sm-4 {
padding-right: 1.5rem !important;
}
[dir="rtl"] .pr-sm-4,
[dir="rtl"] .px-sm-4 {
padding-left: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
[dir="ltr"] .pl-sm-4,
[dir="ltr"] .px-sm-4 {
padding-left: 1.5rem !important;
}
[dir="rtl"] .pl-sm-4,
[dir="rtl"] .px-sm-4 {
padding-right: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
[dir="ltr"] .pr-sm-5,
[dir="ltr"] .px-sm-5 {
padding-right: 3rem !important;
}
[dir="rtl"] .pr-sm-5,
[dir="rtl"] .px-sm-5 {
padding-left: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
[dir="ltr"] .pl-sm-5,
[dir="ltr"] .px-sm-5 {
padding-left: 3rem !important;
}
[dir="rtl"] .pl-sm-5,
[dir="rtl"] .px-sm-5 {
padding-right: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
[dir="ltr"] .mr-sm-auto,
[dir="ltr"] .mx-sm-auto {
margin-right: auto !important;
}
[dir="rtl"] .mr-sm-auto,
[dir="rtl"] .mx-sm-auto {
margin-left: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
[dir="ltr"] .ml-sm-auto,
[dir="ltr"] .mx-sm-auto {
margin-left: auto !important;
}
[dir="rtl"] .ml-sm-auto,
[dir="rtl"] .mx-sm-auto {
margin-right: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
[dir="ltr"] .mr-md-0,
[dir="ltr"] .mx-md-0 {
margin-right: 0 !important;
}
[dir="rtl"] .mr-md-0,
[dir="rtl"] .mx-md-0 {
margin-left: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
[dir="ltr"] .ml-md-0,
[dir="ltr"] .mx-md-0 {
margin-left: 0 !important;
}
[dir="rtl"] .ml-md-0,
[dir="rtl"] .mx-md-0 {
margin-right: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
[dir="ltr"] .mr-md-1,
[dir="ltr"] .mx-md-1 {
margin-right: 0.25rem !important;
}
[dir="rtl"] .mr-md-1,
[dir="rtl"] .mx-md-1 {
margin-left: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
[dir="ltr"] .ml-md-1,
[dir="ltr"] .mx-md-1 {
margin-left: 0.25rem !important;
}
[dir="rtl"] .ml-md-1,
[dir="rtl"] .mx-md-1 {
margin-right: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
[dir="ltr"] .mr-md-2,
[dir="ltr"] .mx-md-2 {
margin-right: 0.5rem !important;
}
[dir="rtl"] .mr-md-2,
[dir="rtl"] .mx-md-2 {
margin-left: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
[dir="ltr"] .ml-md-2,
[dir="ltr"] .mx-md-2 {
margin-left: 0.5rem !important;
}
[dir="rtl"] .ml-md-2,
[dir="rtl"] .mx-md-2 {
margin-right: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
[dir="ltr"] .mr-md-3,
[dir="ltr"] .mx-md-3 {
margin-right: 1rem !important;
}
[dir="rtl"] .mr-md-3,
[dir="rtl"] .mx-md-3 {
margin-left: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
[dir="ltr"] .ml-md-3,
[dir="ltr"] .mx-md-3 {
margin-left: 1rem !important;
}
[dir="rtl"] .ml-md-3,
[dir="rtl"] .mx-md-3 {
margin-right: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
[dir="ltr"] .mr-md-4,
[dir="ltr"] .mx-md-4 {
margin-right: 1.5rem !important;
}
[dir="rtl"] .mr-md-4,
[dir="rtl"] .mx-md-4 {
margin-left: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
[dir="ltr"] .ml-md-4,
[dir="ltr"] .mx-md-4 {
margin-left: 1.5rem !important;
}
[dir="rtl"] .ml-md-4,
[dir="rtl"] .mx-md-4 {
margin-right: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
[dir="ltr"] .mr-md-5,
[dir="ltr"] .mx-md-5 {
margin-right: 3rem !important;
}
[dir="rtl"] .mr-md-5,
[dir="rtl"] .mx-md-5 {
margin-left: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
[dir="ltr"] .ml-md-5,
[dir="ltr"] .mx-md-5 {
margin-left: 3rem !important;
}
[dir="rtl"] .ml-md-5,
[dir="rtl"] .mx-md-5 {
margin-right: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
[dir="ltr"] .pr-md-0,
[dir="ltr"] .px-md-0 {
padding-right: 0 !important;
}
[dir="rtl"] .pr-md-0,
[dir="rtl"] .px-md-0 {
padding-left: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
[dir="ltr"] .pl-md-0,
[dir="ltr"] .px-md-0 {
padding-left: 0 !important;
}
[dir="rtl"] .pl-md-0,
[dir="rtl"] .px-md-0 {
padding-right: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
[dir="ltr"] .pr-md-1,
[dir="ltr"] .px-md-1 {
padding-right: 0.25rem !important;
}
[dir="rtl"] .pr-md-1,
[dir="rtl"] .px-md-1 {
padding-left: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
[dir="ltr"] .pl-md-1,
[dir="ltr"] .px-md-1 {
padding-left: 0.25rem !important;
}
[dir="rtl"] .pl-md-1,
[dir="rtl"] .px-md-1 {
padding-right: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
[dir="ltr"] .pr-md-2,
[dir="ltr"] .px-md-2 {
padding-right: 0.5rem !important;
}
[dir="rtl"] .pr-md-2,
[dir="rtl"] .px-md-2 {
padding-left: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
[dir="ltr"] .pl-md-2,
[dir="ltr"] .px-md-2 {
padding-left: 0.5rem !important;
}
[dir="rtl"] .pl-md-2,
[dir="rtl"] .px-md-2 {
padding-right: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
[dir="ltr"] .pr-md-3,
[dir="ltr"] .px-md-3 {
padding-right: 1rem !important;
}
[dir="rtl"] .pr-md-3,
[dir="rtl"] .px-md-3 {
padding-left: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
[dir="ltr"] .pl-md-3,
[dir="ltr"] .px-md-3 {
padding-left: 1rem !important;
}
[dir="rtl"] .pl-md-3,
[dir="rtl"] .px-md-3 {
padding-right: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
[dir="ltr"] .pr-md-4,
[dir="ltr"] .px-md-4 {
padding-right: 1.5rem !important;
}
[dir="rtl"] .pr-md-4,
[dir="rtl"] .px-md-4 {
padding-left: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
[dir="ltr"] .pl-md-4,
[dir="ltr"] .px-md-4 {
padding-left: 1.5rem !important;
}
[dir="rtl"] .pl-md-4,
[dir="rtl"] .px-md-4 {
padding-right: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
[dir="ltr"] .pr-md-5,
[dir="ltr"] .px-md-5 {
padding-right: 3rem !important;
}
[dir="rtl"] .pr-md-5,
[dir="rtl"] .px-md-5 {
padding-left: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
[dir="ltr"] .pl-md-5,
[dir="ltr"] .px-md-5 {
padding-left: 3rem !important;
}
[dir="rtl"] .pl-md-5,
[dir="rtl"] .px-md-5 {
padding-right: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
[dir="ltr"] .mr-md-auto,
[dir="ltr"] .mx-md-auto {
margin-right: auto !important;
}
[dir="rtl"] .mr-md-auto,
[dir="rtl"] .mx-md-auto {
margin-left: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
[dir="ltr"] .ml-md-auto,
[dir="ltr"] .mx-md-auto {
margin-left: auto !important;
}
[dir="rtl"] .ml-md-auto,
[dir="rtl"] .mx-md-auto {
margin-right: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
[dir="ltr"] .mr-lg-0,
[dir="ltr"] .mx-lg-0 {
margin-right: 0 !important;
}
[dir="rtl"] .mr-lg-0,
[dir="rtl"] .mx-lg-0 {
margin-left: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
[dir="ltr"] .ml-lg-0,
[dir="ltr"] .mx-lg-0 {
margin-left: 0 !important;
}
[dir="rtl"] .ml-lg-0,
[dir="rtl"] .mx-lg-0 {
margin-right: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
[dir="ltr"] .mr-lg-1,
[dir="ltr"] .mx-lg-1 {
margin-right: 0.25rem !important;
}
[dir="rtl"] .mr-lg-1,
[dir="rtl"] .mx-lg-1 {
margin-left: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
[dir="ltr"] .ml-lg-1,
[dir="ltr"] .mx-lg-1 {
margin-left: 0.25rem !important;
}
[dir="rtl"] .ml-lg-1,
[dir="rtl"] .mx-lg-1 {
margin-right: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
[dir="ltr"] .mr-lg-2,
[dir="ltr"] .mx-lg-2 {
margin-right: 0.5rem !important;
}
[dir="rtl"] .mr-lg-2,
[dir="rtl"] .mx-lg-2 {
margin-left: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
[dir="ltr"] .ml-lg-2,
[dir="ltr"] .mx-lg-2 {
margin-left: 0.5rem !important;
}
[dir="rtl"] .ml-lg-2,
[dir="rtl"] .mx-lg-2 {
margin-right: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
[dir="ltr"] .mr-lg-3,
[dir="ltr"] .mx-lg-3 {
margin-right: 1rem !important;
}
[dir="rtl"] .mr-lg-3,
[dir="rtl"] .mx-lg-3 {
margin-left: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
[dir="ltr"] .ml-lg-3,
[dir="ltr"] .mx-lg-3 {
margin-left: 1rem !important;
}
[dir="rtl"] .ml-lg-3,
[dir="rtl"] .mx-lg-3 {
margin-right: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
[dir="ltr"] .mr-lg-4,
[dir="ltr"] .mx-lg-4 {
margin-right: 1.5rem !important;
}
[dir="rtl"] .mr-lg-4,
[dir="rtl"] .mx-lg-4 {
margin-left: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
[dir="ltr"] .ml-lg-4,
[dir="ltr"] .mx-lg-4 {
margin-left: 1.5rem !important;
}
[dir="rtl"] .ml-lg-4,
[dir="rtl"] .mx-lg-4 {
margin-right: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
[dir="ltr"] .mr-lg-5,
[dir="ltr"] .mx-lg-5 {
margin-right: 3rem !important;
}
[dir="rtl"] .mr-lg-5,
[dir="rtl"] .mx-lg-5 {
margin-left: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
[dir="ltr"] .ml-lg-5,
[dir="ltr"] .mx-lg-5 {
margin-left: 3rem !important;
}
[dir="rtl"] .ml-lg-5,
[dir="rtl"] .mx-lg-5 {
margin-right: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
[dir="ltr"] .pr-lg-0,
[dir="ltr"] .px-lg-0 {
padding-right: 0 !important;
}
[dir="rtl"] .pr-lg-0,
[dir="rtl"] .px-lg-0 {
padding-left: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
[dir="ltr"] .pl-lg-0,
[dir="ltr"] .px-lg-0 {
padding-left: 0 !important;
}
[dir="rtl"] .pl-lg-0,
[dir="rtl"] .px-lg-0 {
padding-right: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
[dir="ltr"] .pr-lg-1,
[dir="ltr"] .px-lg-1 {
padding-right: 0.25rem !important;
}
[dir="rtl"] .pr-lg-1,
[dir="rtl"] .px-lg-1 {
padding-left: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
[dir="ltr"] .pl-lg-1,
[dir="ltr"] .px-lg-1 {
padding-left: 0.25rem !important;
}
[dir="rtl"] .pl-lg-1,
[dir="rtl"] .px-lg-1 {
padding-right: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
[dir="ltr"] .pr-lg-2,
[dir="ltr"] .px-lg-2 {
padding-right: 0.5rem !important;
}
[dir="rtl"] .pr-lg-2,
[dir="rtl"] .px-lg-2 {
padding-left: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
[dir="ltr"] .pl-lg-2,
[dir="ltr"] .px-lg-2 {
padding-left: 0.5rem !important;
}
[dir="rtl"] .pl-lg-2,
[dir="rtl"] .px-lg-2 {
padding-right: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
[dir="ltr"] .pr-lg-3,
[dir="ltr"] .px-lg-3 {
padding-right: 1rem !important;
}
[dir="rtl"] .pr-lg-3,
[dir="rtl"] .px-lg-3 {
padding-left: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
[dir="ltr"] .pl-lg-3,
[dir="ltr"] .px-lg-3 {
padding-left: 1rem !important;
}
[dir="rtl"] .pl-lg-3,
[dir="rtl"] .px-lg-3 {
padding-right: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
[dir="ltr"] .pr-lg-4,
[dir="ltr"] .px-lg-4 {
padding-right: 1.5rem !important;
}
[dir="rtl"] .pr-lg-4,
[dir="rtl"] .px-lg-4 {
padding-left: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
[dir="ltr"] .pl-lg-4,
[dir="ltr"] .px-lg-4 {
padding-left: 1.5rem !important;
}
[dir="rtl"] .pl-lg-4,
[dir="rtl"] .px-lg-4 {
padding-right: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
[dir="ltr"] .pr-lg-5,
[dir="ltr"] .px-lg-5 {
padding-right: 3rem !important;
}
[dir="rtl"] .pr-lg-5,
[dir="rtl"] .px-lg-5 {
padding-left: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
[dir="ltr"] .pl-lg-5,
[dir="ltr"] .px-lg-5 {
padding-left: 3rem !important;
}
[dir="rtl"] .pl-lg-5,
[dir="rtl"] .px-lg-5 {
padding-right: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
[dir="ltr"] .mr-lg-auto,
[dir="ltr"] .mx-lg-auto {
margin-right: auto !important;
}
[dir="rtl"] .mr-lg-auto,
[dir="rtl"] .mx-lg-auto {
margin-left: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
[dir="ltr"] .ml-lg-auto,
[dir="ltr"] .mx-lg-auto {
margin-left: auto !important;
}
[dir="rtl"] .ml-lg-auto,
[dir="rtl"] .mx-lg-auto {
margin-right: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
[dir="ltr"] .mr-xl-0,
[dir="ltr"] .mx-xl-0 {
margin-right: 0 !important;
}
[dir="rtl"] .mr-xl-0,
[dir="rtl"] .mx-xl-0 {
margin-left: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
[dir="ltr"] .ml-xl-0,
[dir="ltr"] .mx-xl-0 {
margin-left: 0 !important;
}
[dir="rtl"] .ml-xl-0,
[dir="rtl"] .mx-xl-0 {
margin-right: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
[dir="ltr"] .mr-xl-1,
[dir="ltr"] .mx-xl-1 {
margin-right: 0.25rem !important;
}
[dir="rtl"] .mr-xl-1,
[dir="rtl"] .mx-xl-1 {
margin-left: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
[dir="ltr"] .ml-xl-1,
[dir="ltr"] .mx-xl-1 {
margin-left: 0.25rem !important;
}
[dir="rtl"] .ml-xl-1,
[dir="rtl"] .mx-xl-1 {
margin-right: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
[dir="ltr"] .mr-xl-2,
[dir="ltr"] .mx-xl-2 {
margin-right: 0.5rem !important;
}
[dir="rtl"] .mr-xl-2,
[dir="rtl"] .mx-xl-2 {
margin-left: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
[dir="ltr"] .ml-xl-2,
[dir="ltr"] .mx-xl-2 {
margin-left: 0.5rem !important;
}
[dir="rtl"] .ml-xl-2,
[dir="rtl"] .mx-xl-2 {
margin-right: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
[dir="ltr"] .mr-xl-3,
[dir="ltr"] .mx-xl-3 {
margin-right: 1rem !important;
}
[dir="rtl"] .mr-xl-3,
[dir="rtl"] .mx-xl-3 {
margin-left: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
[dir="ltr"] .ml-xl-3,
[dir="ltr"] .mx-xl-3 {
margin-left: 1rem !important;
}
[dir="rtl"] .ml-xl-3,
[dir="rtl"] .mx-xl-3 {
margin-right: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
[dir="ltr"] .mr-xl-4,
[dir="ltr"] .mx-xl-4 {
margin-right: 1.5rem !important;
}
[dir="rtl"] .mr-xl-4,
[dir="rtl"] .mx-xl-4 {
margin-left: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
[dir="ltr"] .ml-xl-4,
[dir="ltr"] .mx-xl-4 {
margin-left: 1.5rem !important;
}
[dir="rtl"] .ml-xl-4,
[dir="rtl"] .mx-xl-4 {
margin-right: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
[dir="ltr"] .mr-xl-5,
[dir="ltr"] .mx-xl-5 {
margin-right: 3rem !important;
}
[dir="rtl"] .mr-xl-5,
[dir="rtl"] .mx-xl-5 {
margin-left: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
[dir="ltr"] .ml-xl-5,
[dir="ltr"] .mx-xl-5 {
margin-left: 3rem !important;
}
[dir="rtl"] .ml-xl-5,
[dir="rtl"] .mx-xl-5 {
margin-right: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
[dir="ltr"] .pr-xl-0,
[dir="ltr"] .px-xl-0 {
padding-right: 0 !important;
}
[dir="rtl"] .pr-xl-0,
[dir="rtl"] .px-xl-0 {
padding-left: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
[dir="ltr"] .pl-xl-0,
[dir="ltr"] .px-xl-0 {
padding-left: 0 !important;
}
[dir="rtl"] .pl-xl-0,
[dir="rtl"] .px-xl-0 {
padding-right: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
[dir="ltr"] .pr-xl-1,
[dir="ltr"] .px-xl-1 {
padding-right: 0.25rem !important;
}
[dir="rtl"] .pr-xl-1,
[dir="rtl"] .px-xl-1 {
padding-left: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
[dir="ltr"] .pl-xl-1,
[dir="ltr"] .px-xl-1 {
padding-left: 0.25rem !important;
}
[dir="rtl"] .pl-xl-1,
[dir="rtl"] .px-xl-1 {
padding-right: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
[dir="ltr"] .pr-xl-2,
[dir="ltr"] .px-xl-2 {
padding-right: 0.5rem !important;
}
[dir="rtl"] .pr-xl-2,
[dir="rtl"] .px-xl-2 {
padding-left: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
[dir="ltr"] .pl-xl-2,
[dir="ltr"] .px-xl-2 {
padding-left: 0.5rem !important;
}
[dir="rtl"] .pl-xl-2,
[dir="rtl"] .px-xl-2 {
padding-right: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
[dir="ltr"] .pr-xl-3,
[dir="ltr"] .px-xl-3 {
padding-right: 1rem !important;
}
[dir="rtl"] .pr-xl-3,
[dir="rtl"] .px-xl-3 {
padding-left: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
[dir="ltr"] .pl-xl-3,
[dir="ltr"] .px-xl-3 {
padding-left: 1rem !important;
}
[dir="rtl"] .pl-xl-3,
[dir="rtl"] .px-xl-3 {
padding-right: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
[dir="ltr"] .pr-xl-4,
[dir="ltr"] .px-xl-4 {
padding-right: 1.5rem !important;
}
[dir="rtl"] .pr-xl-4,
[dir="rtl"] .px-xl-4 {
padding-left: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
[dir="ltr"] .pl-xl-4,
[dir="ltr"] .px-xl-4 {
padding-left: 1.5rem !important;
}
[dir="rtl"] .pl-xl-4,
[dir="rtl"] .px-xl-4 {
padding-right: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
[dir="ltr"] .pr-xl-5,
[dir="ltr"] .px-xl-5 {
padding-right: 3rem !important;
}
[dir="rtl"] .pr-xl-5,
[dir="rtl"] .px-xl-5 {
padding-left: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
[dir="ltr"] .pl-xl-5,
[dir="ltr"] .px-xl-5 {
padding-left: 3rem !important;
}
[dir="rtl"] .pl-xl-5,
[dir="rtl"] .px-xl-5 {
padding-right: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
[dir="ltr"] .mr-xl-auto,
[dir="ltr"] .mx-xl-auto {
margin-right: auto !important;
}
[dir="rtl"] .mr-xl-auto,
[dir="rtl"] .mx-xl-auto {
margin-left: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
[dir="ltr"] .ml-xl-auto,
[dir="ltr"] .mx-xl-auto {
margin-left: auto !important;
}
[dir="rtl"] .ml-xl-auto,
[dir="rtl"] .mx-xl-auto {
margin-right: auto !important;
}
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
[dir="ltr"] .text-left {
text-align: left !important;
}
[dir="rtl"] .text-left {
text-align: right !important;
}
[dir="ltr"] .text-right {
text-align: right !important;
}
[dir="rtl"] .text-right {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
[dir="ltr"] .text-sm-left {
text-align: left !important;
}
[dir="rtl"] .text-sm-left {
text-align: right !important;
}
[dir="ltr"] .text-sm-right {
text-align: right !important;
}
[dir="rtl"] .text-sm-right {
text-align: left !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
[dir="ltr"] .text-md-left {
text-align: left !important;
}
[dir="rtl"] .text-md-left {
text-align: right !important;
}
[dir="ltr"] .text-md-right {
text-align: right !important;
}
[dir="rtl"] .text-md-right {
text-align: left !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
[dir="ltr"] .text-lg-left {
text-align: left !important;
}
[dir="rtl"] .text-lg-left {
text-align: right !important;
}
[dir="ltr"] .text-lg-right {
text-align: right !important;
}
[dir="rtl"] .text-lg-right {
text-align: left !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
[dir="ltr"] .text-xl-left {
text-align: left !important;
}
[dir="rtl"] .text-xl-left {
text-align: right !important;
}
[dir="ltr"] .text-xl-right {
text-align: right !important;
}
[dir="rtl"] .text-xl-right {
text-align: left !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-light {
font-weight: 300 !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 700 !important;
}
.font-italic {
font-style: italic !important;
}
.text-white {
color: #fff !important;
}
.text-primary {
color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #0062cc !important;
}
.text-secondary {
color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
color: #545b62 !important;
}
.text-success {
color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
color: #1e7e34 !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #117a8b !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #d39e00 !important;
}
.text-danger {
color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
color: #bd2130 !important;
}
.text-light {
color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
color: #dae0e5 !important;
}
.text-dark {
color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
color: #1d2124 !important;
}
.text-body {
color: #212529 !important;
}
.text-muted {
color: #6c757d !important;
}
.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
*,
*::before,
*::after {
text-shadow: none !important;
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body {
min-width: 992px !important;
}
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6 !important;
}
.table-dark {
color: inherit;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #dee2e6;
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6;
}
}
/*------------------------------------*\
#ADDITIONAL RESETS
\*------------------------------------*/
html {
font-size: 1rem;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
line-height: 1.8;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
body {
min-width: 320px;
overflow-anchor: none;
font-weight: 400;
color: #444444;
background-color: #FFF;
letter-spacing: 0.028rem;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
[dir=ltr] body {
font-size: 0.938rem;
}
[dir=rtl] body {
font-size: 1rem;
}
[dir=ltr] body {
line-height: 1.8;
}
[dir=rtl] body {
line-height: font-line-height-centi;
}
h1 {
margin: 0;
}
iframe {
border: none;
}
img,
video {
display: block;
max-width: 100%;
max-height: 100%;
}
a {
color: inherit;
text-decoration: none;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
display: block;
width: 100%;
}
address {
font-style: normal;
}
[dir="ltr"] ul, [dir="ltr"] ol {
padding-left: 1.25em;
}
[dir="rtl"] ul, [dir="rtl"] ol {
padding-right: 1.25em;
}
hr {
border: none;
border-bottom: solid 0.0625rem;
}
*:focus {
outline-color: #414141;
outline-offset: 0.25rem;
outline-style: solid;
outline-width: 0.0625rem;
}
.set--hide-click-focus *:focus {
outline: none;
}
*:focus.set--inner-focus {
outline-offset: -0.125rem;
}
*,
*:before,
*:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
[dir="ltr"] .list--reset {
padding-left: 0;
}
[dir="rtl"] .list--reset {
padding-right: 0;
}
.list--reset li {
list-style-type: none;
}
.set--w-100 {
width: 100%;
}
.set--w-75 {
width: 75%;
}
.set--w-50 {
width: 50%;
}
.set--w-30 {
width: 30%;
}
.set--w-25 {
width: 25%;
}
.set--h-100 {
height: 100%;
}
.set--h-75 {
height: 75%;
}
.set--h-50 {
height: 50%;
}
.set--h-25 {
height: 25%;
}
.scrollable {
overflow: auto;
-webkit-overflow-scrolling: touch;
transform: translate3d(0, 0, 0);
}
/*------------------------------------*\
Lazy Loading Transitions
\*------------------------------------*/
.blur-up {
transition: opacity ease-out 200ms;
}
.blur-up.lazyload, .blur-up.lazyloading {
opacity: 0.45;
filter: blur(6px);
}
.blur-up.lazyloaded {
filter: blur(0);
opacity: 1;
}
.opacity-up {
transition: opacity ease-out 200ms;
}
.opacity-up.lazyload, .opacity-up.lazyloading {
opacity: 0;
}
.opacity-up.lazyloaded {
opacity: 1;
}
.partial-opacity-up {
transition: opacity ease-out 200ms;
}
.partial-opacity-up.lazyload, .partial-opacity-up.lazyloading {
opacity: 0.8;
}
.partial-opacity-up.lazyloaded {
opacity: 1;
}
.none-up.lazyload, .none-up.lazyloading {
opacity: 0;
}
/*------------------------------------*\
Object Fit helpers
\*------------------------------------*/
[class*=object-fit] {
width: 100%;
height: 100%;
}
.object-fit--cover {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;";
}
.object-fit--contain {
-o-object-fit: contain;
object-fit: contain;
font-family: "object-fit: contain;";
}
/*------------------------------------*\
Third party styles
\*------------------------------------*/
.grecaptcha-badge {
opacity: 0;
visibility: hidden;
}
@media (min-width: 49.4375rem) {
.scrollable--small-up {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
}
@media (max-width: 49.375rem) {
.set--small-w-100 {
width: 100%;
}
}
/*------------------------------------*\
#FLEX-GRID
\*------------------------------------*/
/**
* Flex Grid -
* Version: 0.3.5
*
* Simple grid built with flex box and sass.
*
* Matthew Simo - matthew.a.simo@gmail.com
*/
/**
* Grid setup
*
* The grid will calculate dimensions based on these two variables:
* $fg-columns: [Integer | List of Integers] will inform the grid loops how many columns there should be. Can be set as a list to generate multi-base grids.
* $fg-gutter: [String | Map of Strings] will inform the grid loops how big each column's gutters should be. Can be set to a list of gutters per namespace (breakpoint).
*/
/**
* Break point namespace object
*
* Set the default namespace object with these defaults with the
* understanding that you can pass in whatever you might require for your site.
*
* $fg-breakpoints is a Sass list with nested lists inside. Each sub list defines two things.
* 1. The namespace for that breakpoint. (Required) (i.e. xs, sm, md, lg)
* 2. The min-width measurement for the breakpoint for that namespace. (i.e. 48em, 62em, 75em)
*
* Note: These should be in the proper order (at least till libsass handles map keys properly).
*
* Note: If the measurement is left out then it will be skipped when generating
* the grid and applied to global styles.
*
*/
/**
* Class Name Defaults
*
* Define class names for columns, rows and offsets in case compatibility with other
* libraries is necessary.
* $fg-class-grid: [String] used for the grid general classes (i.e. alignment, position, etc.)
* $fg-class-row: [String] used for the row class
* $fg-class-col: [String] used for the column class
* $fg-class-off: [String] used for the offset class
*/
/**
* Optional setting to add half a column push
* @type {[Boolean]}
*/
/**
* Calculate column size percentage
*/
/**
* Spacing mixin to create uniform margin/padding
*/
/**
* If there's more than one spacing setting,
* generates the gutter/spacing per namespace (breakpoint), specific to the namespaced selectors (col-xs, col-lg, etc.).
*/
/**
* Row wrapper class, flex box parent.
*/
.row {
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.col, [class^=col-],
[class*=" col-"] {
box-sizing: border-box;
display: flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
min-height: 1px;
}
.flex-justify-start {
justify-content: flex-start;
}
.flex-justify-end {
justify-content: flex-end;
}
.flex-justify-center {
justify-content: center;
}
.flex-justify-between {
justify-content: space-between;
}
.flex-justify-around {
justify-content: space-around;
}
.flex-align-start {
align-items: flex-start;
}
.flex-align-end {
align-items: flex-end;
}
.flex-align-center {
align-items: center;
}
.flex-align-baseline {
align-items: baseline;
}
.flex-align-stretch {
align-items: stretch;
}
.flex-flow-row {
flex-flow: row;
}
.flex-flow-row-rev {
flex-flow: row-reverse;
}
.flex-flow-col {
flex-flow: column;
}
.flex-flow-col-rev {
flex-flow: column-reverse;
}
.flex-flow-wrap {
flex-flow: wrap;
}
.flex-flow-wrap-rev {
flex-flow: wrap-reverse;
}
.flex-flow-nowrap {
flex-flow: nowrap;
}
.flex-direction-row {
flex-direction: row;
}
.flex-direction-row-rev {
flex-direction: row-reverse;
}
.flex-direction-col {
flex-direction: column;
}
.flex-direction-col-rev {
flex-direction: column-reverse;
}
.flex-no-gutters {
margin-left: 0;
margin-right: 0;
}
.flex-no-gutters > .col,
.flex-no-gutters > [class*=col-] {
padding-left: 0;
padding-right: 0;
}
/**
* Generate a set of grid base selectors for col-.
* ex.: [class*="col-"], which selects all elements that contain "col-" on their class list.
* This helps reduce total file size, and avoids a bulky final selector.
*/
/**
* Determines if the grid should generate a single base, or multiple, using the $fg-columns variable.
*/
/**
* Generate a set of grid column classes using a namespace
*
* .col-[namespace] for intelligent column division
* .col-[namespace]-[number] for a column that covers a specific number of columns (e.g. 1-12 by default)
* .off-[namespace]-[number] for pushing a col a specific number of columns (e.g. 1-11 by default)
* .off-[namespace]-reset for resetting a col's offset for that and larger namespaces
*/
/**
* Build the grid in two steps, to help minimize file size
* Step 1, for each namespace, create the grid-base
* Step 2, for each namespace, wrap the col width/offset measurements in their breakpoint media query
*/
.row:not(.flex-no-gutters) {
margin-left: -0.46875rem;
margin-right: -0.46875rem;
}
.col,
[class*=col-] {
padding-left: 0.46875rem;
padding-right: 0.46875rem;
}
.col-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
[dir="ltr"] .off-1 {
margin-left: 8.3333333333%;
}
[dir="rtl"] .off-1 {
margin-right: 8.3333333333%;
}
.col-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[dir="ltr"] .off-2 {
margin-left: 16.6666666667%;
}
[dir="rtl"] .off-2 {
margin-right: 16.6666666667%;
}
.col-3 {
flex-basis: 25%;
max-width: 25%;
}
[dir="ltr"] .off-3 {
margin-left: 25%;
}
[dir="rtl"] .off-3 {
margin-right: 25%;
}
.col-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[dir="ltr"] .off-4 {
margin-left: 33.3333333333%;
}
[dir="rtl"] .off-4 {
margin-right: 33.3333333333%;
}
.col-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
[dir="ltr"] .off-5 {
margin-left: 41.6666666667%;
}
[dir="rtl"] .off-5 {
margin-right: 41.6666666667%;
}
.col-6 {
flex-basis: 50%;
max-width: 50%;
}
[dir="ltr"] .off-6 {
margin-left: 50%;
}
[dir="rtl"] .off-6 {
margin-right: 50%;
}
.col-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
[dir="ltr"] .off-7 {
margin-left: 58.3333333333%;
}
[dir="rtl"] .off-7 {
margin-right: 58.3333333333%;
}
.col-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
[dir="ltr"] .off-8 {
margin-left: 66.6666666667%;
}
[dir="rtl"] .off-8 {
margin-right: 66.6666666667%;
}
.col-9 {
flex-basis: 75%;
max-width: 75%;
}
[dir="ltr"] .off-9 {
margin-left: 75%;
}
[dir="rtl"] .off-9 {
margin-right: 75%;
}
.col-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
[dir="ltr"] .off-10 {
margin-left: 83.3333333333%;
}
[dir="rtl"] .off-10 {
margin-right: 83.3333333333%;
}
.col-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
[dir="ltr"] .off-11 {
margin-left: 91.6666666667%;
}
[dir="rtl"] .off-11 {
margin-right: 91.6666666667%;
}
.col-12 {
flex-basis: 100%;
max-width: 100%;
}
[dir="ltr"] .off-reset {
margin-left: 0;
}
[dir="rtl"] .off-reset {
margin-right: 0;
}
.col,
.col-n {
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
@media only screen and (min-width: 30rem) {
.col-sm-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
[dir="ltr"] .off-sm-1 {
margin-left: 8.3333333333%;
}
[dir="rtl"] .off-sm-1 {
margin-right: 8.3333333333%;
}
.col-sm-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[dir="ltr"] .off-sm-2 {
margin-left: 16.6666666667%;
}
[dir="rtl"] .off-sm-2 {
margin-right: 16.6666666667%;
}
.col-sm-3 {
flex-basis: 25%;
max-width: 25%;
}
[dir="ltr"] .off-sm-3 {
margin-left: 25%;
}
[dir="rtl"] .off-sm-3 {
margin-right: 25%;
}
.col-sm-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[dir="ltr"] .off-sm-4 {
margin-left: 33.3333333333%;
}
[dir="rtl"] .off-sm-4 {
margin-right: 33.3333333333%;
}
.col-sm-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
[dir="ltr"] .off-sm-5 {
margin-left: 41.6666666667%;
}
[dir="rtl"] .off-sm-5 {
margin-right: 41.6666666667%;
}
.col-sm-6 {
flex-basis: 50%;
max-width: 50%;
}
[dir="ltr"] .off-sm-6 {
margin-left: 50%;
}
[dir="rtl"] .off-sm-6 {
margin-right: 50%;
}
.col-sm-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
[dir="ltr"] .off-sm-7 {
margin-left: 58.3333333333%;
}
[dir="rtl"] .off-sm-7 {
margin-right: 58.3333333333%;
}
.col-sm-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
[dir="ltr"] .off-sm-8 {
margin-left: 66.6666666667%;
}
[dir="rtl"] .off-sm-8 {
margin-right: 66.6666666667%;
}
.col-sm-9 {
flex-basis: 75%;
max-width: 75%;
}
[dir="ltr"] .off-sm-9 {
margin-left: 75%;
}
[dir="rtl"] .off-sm-9 {
margin-right: 75%;
}
.col-sm-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
[dir="ltr"] .off-sm-10 {
margin-left: 83.3333333333%;
}
[dir="rtl"] .off-sm-10 {
margin-right: 83.3333333333%;
}
.col-sm-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
[dir="ltr"] .off-sm-11 {
margin-left: 91.6666666667%;
}
[dir="rtl"] .off-sm-11 {
margin-right: 91.6666666667%;
}
.col-sm-12 {
flex-basis: 100%;
max-width: 100%;
}
[dir="ltr"] .off-sm-reset {
margin-left: 0;
}
[dir="rtl"] .off-sm-reset {
margin-right: 0;
}
.col-sm,
.col-sm-n {
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
}
@media only screen and (min-width: 49.4375rem) {
.row:not(.flex-no-gutters) {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
.col,
[class*=col-] {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.col-md-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
[dir="ltr"] .off-md-1 {
margin-left: 8.3333333333%;
}
[dir="rtl"] .off-md-1 {
margin-right: 8.3333333333%;
}
.col-md-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[dir="ltr"] .off-md-2 {
margin-left: 16.6666666667%;
}
[dir="rtl"] .off-md-2 {
margin-right: 16.6666666667%;
}
.col-md-3 {
flex-basis: 25%;
max-width: 25%;
}
[dir="ltr"] .off-md-3 {
margin-left: 25%;
}
[dir="rtl"] .off-md-3 {
margin-right: 25%;
}
.col-md-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[dir="ltr"] .off-md-4 {
margin-left: 33.3333333333%;
}
[dir="rtl"] .off-md-4 {
margin-right: 33.3333333333%;
}
.col-md-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
[dir="ltr"] .off-md-5 {
margin-left: 41.6666666667%;
}
[dir="rtl"] .off-md-5 {
margin-right: 41.6666666667%;
}
.col-md-6 {
flex-basis: 50%;
max-width: 50%;
}
[dir="ltr"] .off-md-6 {
margin-left: 50%;
}
[dir="rtl"] .off-md-6 {
margin-right: 50%;
}
.col-md-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
[dir="ltr"] .off-md-7 {
margin-left: 58.3333333333%;
}
[dir="rtl"] .off-md-7 {
margin-right: 58.3333333333%;
}
.col-md-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
[dir="ltr"] .off-md-8 {
margin-left: 66.6666666667%;
}
[dir="rtl"] .off-md-8 {
margin-right: 66.6666666667%;
}
.col-md-9 {
flex-basis: 75%;
max-width: 75%;
}
[dir="ltr"] .off-md-9 {
margin-left: 75%;
}
[dir="rtl"] .off-md-9 {
margin-right: 75%;
}
.col-md-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
[dir="ltr"] .off-md-10 {
margin-left: 83.3333333333%;
}
[dir="rtl"] .off-md-10 {
margin-right: 83.3333333333%;
}
.col-md-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
[dir="ltr"] .off-md-11 {
margin-left: 91.6666666667%;
}
[dir="rtl"] .off-md-11 {
margin-right: 91.6666666667%;
}
.col-md-12 {
flex-basis: 100%;
max-width: 100%;
}
[dir="ltr"] .off-md-reset {
margin-left: 0;
}
[dir="rtl"] .off-md-reset {
margin-right: 0;
}
.col-md,
.col-md-n {
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
}
@media only screen and (min-width: 64.0625rem) {
.col-lg-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
[dir="ltr"] .off-lg-1 {
margin-left: 8.3333333333%;
}
[dir="rtl"] .off-lg-1 {
margin-right: 8.3333333333%;
}
.col-lg-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[dir="ltr"] .off-lg-2 {
margin-left: 16.6666666667%;
}
[dir="rtl"] .off-lg-2 {
margin-right: 16.6666666667%;
}
.col-lg-3 {
flex-basis: 25%;
max-width: 25%;
}
[dir="ltr"] .off-lg-3 {
margin-left: 25%;
}
[dir="rtl"] .off-lg-3 {
margin-right: 25%;
}
.col-lg-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[dir="ltr"] .off-lg-4 {
margin-left: 33.3333333333%;
}
[dir="rtl"] .off-lg-4 {
margin-right: 33.3333333333%;
}
.col-lg-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
[dir="ltr"] .off-lg-5 {
margin-left: 41.6666666667%;
}
[dir="rtl"] .off-lg-5 {
margin-right: 41.6666666667%;
}
.col-lg-6 {
flex-basis: 50%;
max-width: 50%;
}
[dir="ltr"] .off-lg-6 {
margin-left: 50%;
}
[dir="rtl"] .off-lg-6 {
margin-right: 50%;
}
.col-lg-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
[dir="ltr"] .off-lg-7 {
margin-left: 58.3333333333%;
}
[dir="rtl"] .off-lg-7 {
margin-right: 58.3333333333%;
}
.col-lg-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
[dir="ltr"] .off-lg-8 {
margin-left: 66.6666666667%;
}
[dir="rtl"] .off-lg-8 {
margin-right: 66.6666666667%;
}
.col-lg-9 {
flex-basis: 75%;
max-width: 75%;
}
[dir="ltr"] .off-lg-9 {
margin-left: 75%;
}
[dir="rtl"] .off-lg-9 {
margin-right: 75%;
}
.col-lg-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
[dir="ltr"] .off-lg-10 {
margin-left: 83.3333333333%;
}
[dir="rtl"] .off-lg-10 {
margin-right: 83.3333333333%;
}
.col-lg-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
[dir="ltr"] .off-lg-11 {
margin-left: 91.6666666667%;
}
[dir="rtl"] .off-lg-11 {
margin-right: 91.6666666667%;
}
.col-lg-12 {
flex-basis: 100%;
max-width: 100%;
}
[dir="ltr"] .off-lg-reset {
margin-left: 0;
}
[dir="rtl"] .off-lg-reset {
margin-right: 0;
}
.col-lg,
.col-lg-n {
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
}
@media only screen and (min-width: 77.5625rem) {
.col-xl-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
[dir="ltr"] .off-xl-1 {
margin-left: 8.3333333333%;
}
[dir="rtl"] .off-xl-1 {
margin-right: 8.3333333333%;
}
.col-xl-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
[dir="ltr"] .off-xl-2 {
margin-left: 16.6666666667%;
}
[dir="rtl"] .off-xl-2 {
margin-right: 16.6666666667%;
}
.col-xl-3 {
flex-basis: 25%;
max-width: 25%;
}
[dir="ltr"] .off-xl-3 {
margin-left: 25%;
}
[dir="rtl"] .off-xl-3 {
margin-right: 25%;
}
.col-xl-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
[dir="ltr"] .off-xl-4 {
margin-left: 33.3333333333%;
}
[dir="rtl"] .off-xl-4 {
margin-right: 33.3333333333%;
}
.col-xl-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
[dir="ltr"] .off-xl-5 {
margin-left: 41.6666666667%;
}
[dir="rtl"] .off-xl-5 {
margin-right: 41.6666666667%;
}
.col-xl-6 {
flex-basis: 50%;
max-width: 50%;
}
[dir="ltr"] .off-xl-6 {
margin-left: 50%;
}
[dir="rtl"] .off-xl-6 {
margin-right: 50%;
}
.col-xl-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
[dir="ltr"] .off-xl-7 {
margin-left: 58.3333333333%;
}
[dir="rtl"] .off-xl-7 {
margin-right: 58.3333333333%;
}
.col-xl-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
[dir="ltr"] .off-xl-8 {
margin-left: 66.6666666667%;
}
[dir="rtl"] .off-xl-8 {
margin-right: 66.6666666667%;
}
.col-xl-9 {
flex-basis: 75%;
max-width: 75%;
}
[dir="ltr"] .off-xl-9 {
margin-left: 75%;
}
[dir="rtl"] .off-xl-9 {
margin-right: 75%;
}
.col-xl-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
[dir="ltr"] .off-xl-10 {
margin-left: 83.3333333333%;
}
[dir="rtl"] .off-xl-10 {
margin-right: 83.3333333333%;
}
.col-xl-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
[dir="ltr"] .off-xl-11 {
margin-left: 91.6666666667%;
}
[dir="rtl"] .off-xl-11 {
margin-right: 91.6666666667%;
}
.col-xl-12 {
flex-basis: 100%;
max-width: 100%;
}
[dir="ltr"] .off-xl-reset {
margin-left: 0;
}
[dir="rtl"] .off-xl-reset {
margin-right: 0;
}
.col-xl,
.col-xl-n {
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
}
/*------------------------------------*\
#FLEX-HELPERS
\*------------------------------------*/
.fix--overflow > * {
max-width: 100%;
}
[class*=col-] > * {
flex-shrink: 0;
}
[class*=col-].flex-no-gutters {
padding-left: 0;
padding-right: 0;
}
.flex {
display: flex;
}
.flex--inline {
display: inline-flex;
}
.flex-grow-1 {
flex-grow: 1;
}
.flex-basis-0 {
flex-basis: 0;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
@media (min-width: 49.4375rem) {
.flex--small-up {
display: flex;
}
.order--small-up-0 {
order: 0;
}
.order--small-up-1 {
order: 1;
}
.order--small-up-2 {
order: 2;
}
.order--small-up-3 {
order: 3;
}
.order--small-up-4 {
order: 4;
}
.order--small-up-5 {
order: 5;
}
.order--small-up-6 {
order: 6;
}
.order--small-up-7 {
order: 7;
}
.order--small-up-8 {
order: 8;
}
.order--small-up-9 {
order: 9;
}
.order--small-up-10 {
order: 10;
}
}
@media (max-width: 49.375rem) {
.flex--small-only {
display: flex;
}
.order--small-0 {
order: 0;
}
.order--small-1 {
order: 1;
}
.order--small-2 {
order: 2;
}
.order--small-3 {
order: 3;
}
.order--small-4 {
order: 4;
}
.order--small-5 {
order: 5;
}
.order--small-6 {
order: 6;
}
.order--small-7 {
order: 7;
}
.order--small-8 {
order: 8;
}
.order--small-9 {
order: 9;
}
.order--small-10 {
order: 10;
}
}
.page {
overflow: hidden;
min-height: 100vh;
}
.page.page--homepage .main {
padding-top: 0;
}
.page.page--homepage .header_content {
background-color: transparent;
}
.main {
min-height: 20rem;
padding-top: 3.125rem;
}
@media (min-width: 1024px) {
.main {
padding-top: 2.8125rem;
}
}
.main.account {
background-color: #F2F2F2;
}
/*------------------------------------*\
#MAX-WIDTH
\*------------------------------------*/
[class*=max-width--] {
margin-right: auto;
margin-left: auto;
}
.max-width {
max-width: 30rem;
}
.max-width--unit {
max-width: 0.0625rem;
}
.max-width--xxsmall {
max-width: 20rem;
}
.max-width--xsmall {
max-width: 30rem;
}
.max-width--small-767 {
max-width: 47.9375rem;
}
.max-width--small {
max-width: 49.375rem;
}
.max-width--medium-down {
max-width: 63.938rem;
}
.max-width--medium {
max-width: 64rem;
}
.max-width--xmedium {
max-width: 77.5rem;
}
.max-width--large {
max-width: 90rem;
}
.container {
max-width: 90rem;
margin-right: auto;
margin-left: auto;
}
/*------------------------------------*\
#BACKGROUND-COLOR
\*------------------------------------*/
.bg--blue {
background-color: #007bff;
}
.bg--indigo {
background-color: #6610f2;
}
.bg--purple {
background-color: #6f42c1;
}
.bg--pink {
background-color: #e83e8c;
}
.bg--red {
background-color: #dc3545;
}
.bg--orange {
background-color: #fd7e14;
}
.bg--yellow {
background-color: #ffc107;
}
.bg--green {
background-color: #28a745;
}
.bg--teal {
background-color: #20c997;
}
.bg--cyan {
background-color: #17a2b8;
}
.bg--white {
background-color: #fff;
}
.bg--gray {
background-color: #6c757d;
}
.bg--gray-dark {
background-color: #343a40;
}
.bg--white {
background-color: #FFF;
}
.bg--black {
background-color: #000;
}
.bg--grey-1 {
background-color: #F2F2F2;
}
.bg--grey-2 {
background-color: #F0F0F0;
}
.bg--grey-3 {
background-color: #E6E6E6;
}
.bg--grey-4 {
background-color: #CCCCCC;
}
.bg--grey-5 {
background-color: #8C8C8C;
}
.bg--grey-6 {
background-color: #676767;
}
.bg--grey-7 {
background-color: #1D1C1C;
}
.bg--red {
background-color: #e60000;
}
.bg--blue {
background-color: #4D96E7;
}
.bg--navy {
background-color: #0f3e72;
}
.bg--green {
background-color: #00D3A7;
}
.bg--beige {
background-color: #f5f5dc;
}
.bg--facebook-blue {
background-color: #3b5998;
}
.bg--google-blue {
background-color: #4285F4;
}
.bg--google-red {
background-color: #DB4437;
}
.bg--instagram-pink {
background-color: #C62A81;
}
.bg--instagram-orange {
background-color: #F06430;
}
.bg--paypal-blue {
background-color: #009cde;
}
.bg--paypal-silver {
background-color: #eeeeee;
}
.bg--primary {
background-color: #202020;
}
.bg--secondary {
background-color: #444444;
}
.bg--tertiary {
background-color: #5A5A5A;
}
.bg--accent-primary {
background-color: #F2F2F2;
}
.bg--accent-secondary {
background-color: #D2D2D2;
}
.bg--accent-tertiary {
background-color: #414141;
}
.bg--error {
background-color: #e60000;
}
.bg--success {
background-color: #00D3A7;
}
.bg--grey-7,
.bg--black {
color: #FFF;
}
.bg--white {
color: #444444;
}
@media (min-width: 49.4375rem) {
.page {
display: flex;
flex-direction: column;
}
.main {
width: 100%;
}
/*------------------------------------*\
#GUTTERS
\*------------------------------------*/
.sectionLabels {
font-weight: bold;
padding-bottom: 12px;
}
.gutter--small {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.gutter--small-up-small {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.gutter--small-up-large {
padding-right: 4rem;
padding-left: 4rem;
}
.gutter--small-up-xlarge {
padding-right: 5.875rem;
padding-left: 5.875rem;
}
/*------------------------------------*\
#MAX-WIDTH
\*------------------------------------*/
.container {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media (min-width: 64.0625rem) {
/*------------------------------------*\
#GUTTERS
\*------------------------------------*/
.gutter--normal,
.gutter--small-up-normal,
.gutter--medium-up-normal {
padding-right: 2rem;
padding-left: 2rem;
}
.gutter--large,
.gutter--medium-up-large {
padding-right: 4rem;
padding-left: 4rem;
}
.gutter--xlarge {
padding-right: 5.875rem;
padding-left: 5.875rem;
}
.extend-gutter--normal,
.extend-gutter--small-up-normal {
margin-right: -2rem;
margin-left: -2rem;
}
}
@media (min-width: 49.4375rem) and (max-width: 64rem) {
/*------------------------------------*\
#GUTTERS
\*------------------------------------*/
.gutter--normal,
.gutter--medium-normal,
.gutter--small-up-normal,
.gutter--medium-only-normal {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.gutter--large,
.gutter--xlarge {
padding-right: 2rem;
padding-left: 2rem;
}
.extend-gutter--normal,
.extend-gutter--small-up-normal {
margin-right: -1.5rem;
margin-left: -1.5rem;
}
}
@media (max-width: 49.375rem) {
/*------------------------------------*\
#GUTTERS
\*------------------------------------*/
.gutter--normal,
.gutter--medium-normal,
.gutter--small-only-normal {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
.gutter--large,
.gutter--xlarge,
.gutter--small-only-large {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.gutter--small,
.gutter--small-only-small {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.extend-gutter--normal,
.extend-gutter--small-only-normal {
margin-right: -0.9375rem;
margin-left: -0.9375rem;
}
/*------------------------------------*\
#MAX-WIDTH
\*------------------------------------*/
.container {
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.page:not(.set--overlay):after,
.header-container:not(.set--overlay) .header:after {
opacity: 0;
visibility: hidden;
}
.header:after {
position: absolute;
}
.page:after {
position: fixed;
}
.loader-container {
position: relative;
}
/*------------------------------------*\
#OVERLAYS
\*------------------------------------*/
.set--overlay {
position: relative;
cursor: pointer;
}
.set--overlay-all:after {
z-index: 1080;
}
.loader,
.set--overlay:after {
position: absolute;
}
.loader,
.set--overlay:not(.header-container):after,
.page:after,
.header:after {
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
[dir="ltr"] .loader,
[dir="ltr"] .set--overlay:not(.header-container):after,
[dir="ltr"] .page:after,
[dir="ltr"] .header:after {
left: 0;
}
[dir="rtl"] .loader,
[dir="rtl"] .set--overlay:not(.header-container):after,
[dir="rtl"] .page:after,
[dir="rtl"] .header:after {
right: 0;
}
.set--overlay:not(.header-container):after,
.page:after,
.header:after {
background-color: rgba(0, 0, 0, 0.25);
transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
z-index: 5;
}
.set--overlay:not(.header-container):after,
.page:after,
.header:after {
content: "";
}
/*------------------------------------*\
#LOADER
\*------------------------------------*/
.loader {
z-index: 10000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition-property: opacity, visibility;
transition-timing-function: ease-in;
transition-duration: 300ms;
opacity: 0;
visibility: hidden;
}
.loader.set--alt {
background-color: rgba(0, 0, 0, 0.25);
}
.loader.set--alt .loader-indicator__path {
stroke: #FFF;
}
.loader:not(.set--alt) {
background-color: rgba(255, 255, 255, 0.25);
}
.loader:not(.set--alt) .loader-indicator__path {
stroke: #444444;
}
.loader.set--fixed {
position: fixed;
}
.loader.set--visible {
transition-timing-function: ease-out;
transition-duration: 400ms;
opacity: 1;
visibility: inherit;
}
.loader-indicator {
z-index: 1;
width: 100%;
height: 100%;
max-width: 5rem;
max-height: 5rem;
pointer-events: none;
animation: rotator 1.4s linear infinite;
}
.loader-indicator__path {
stroke-dasharray: 187;
stroke-dashoffset: 0;
transform-origin: center;
animation: dash 1.4s ease-in-out infinite;
}
.loader-message {
max-width: 20.625rem;
padding: 0 1rem;
text-align: center;
font-weight: 700;
color: #444444;
background-color: rgba(255, 255, 255, 0.75);
}
@keyframes rotator {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(270deg);
}
}
@keyframes dash {
0% {
stroke-dashoffset: 187;
}
50% {
stroke-dashoffset: 46.75;
transform: rotate(135deg);
}
100% {
stroke-dashoffset: 187;
transform: rotate(450deg);
}
}
.aspect-ratio--square {
position: relative;
}
.aspect-ratio--square:before {
display: block;
content: "";
padding-bottom: 100%;
width: 100%;
}
/*------------------------------------*\
#OPTIONAL
\*------------------------------------*/
/*------------------------------------*\
#COMPONENTS
\*------------------------------------*/
/*------------------------------------*\
#BUTTONS
\*------------------------------------*/
button {
background-color: transparent;
border: none;
border-radius: 0;
color: inherit;
cursor: pointer;
font: inherit;
letter-spacing: inherit;
}
.button {
display: inline-block;
padding: 1.15em 3.83em;
border-radius: 0;
font-size: 0.75rem;
font-weight: 500;
text-align: center;
text-transform: uppercase;
transition: opacity 500ms cubic-bezier(0.4, 0.9, 0.3, 1), color 500ms cubic-bezier(0.4, 0.9, 0.3, 1), border-color 500ms cubic-bezier(0.4, 0.9, 0.3, 1), background-color 500ms cubic-bezier(0.4, 0.9, 0.3, 1);
letter-spacing: 0.125rem;
line-height: 1.35;
}
.button.button--create-account {
max-width: 15rem;
padding: 1.15em 1.83em;
}
.button:hover {
text-decoration: none;
}
.button--small {
padding: 0.45em 1em;
}
.button--large {
padding: 1em;
}
.button--flex {
display: flex;
}
.button--fluid {
padding-right: 0;
padding-left: 0;
}
.button--primary {
background-color: #202020;
color: #FFF;
}
.button--primary:hover:not(:focus):not([disabled]):not(.disabled) {
opacity: 0.8;
}
.button--primary[disabled], .button--primary.disabled {
opacity: 0.2;
cursor: not-allowed;
}
.button--secondary {
border: solid 1px #202020;
color: #202020;
}
.button--secondary:hover:not(:focus):not([disabled]):not(.disabled) {
background-color: #202020;
color: #FFF;
}
.button--secondary[disabled], .button--secondary.disabled {
opacity: 0.3;
cursor: not-allowed;
}
.button--tertiary {
background: none;
border: none;
color: #444444;
text-decoration: underline;
font-size: 0.875rem;
padding: 0;
text-transform: none;
letter-spacing: 0.024rem;
line-height: 1.93;
}
.button--tertiary:hover:not(:focus):not([disabled]):not(.disabled) {
opacity: 0.6;
}
.button--tertiary[disabled], .button--tertiary.disabled {
opacity: 0.3;
cursor: not-allowed;
}
.button--quaternary {
background-color: #FFF;
border: 0.0625rem solid #FFF;
color: #444444;
}
.button--quaternary:hover, .button--quaternary:active {
background-color: #202020;
color: #FFF;
border: 0.0625rem solid #202020;
}
.button--quaternary:hover:not(:focus):not([disabled]):not(.disabled) {
background-color: #202020;
color: #FFF;
border: 0.0625rem solid #202020;
}
.button--quaternary[disabled], .button--quaternary.disabled {
opacity: 0.3;
cursor: not-allowed;
}
.button--custom {
background-color: #000;
background-color: var(--component-var-background-color, #000);
border-color: #000;
border-color: var(--component-var-background-color, #000);
color: #FFF;
color: var(--component-var-color, #FFF);
}
.button--custom:hover:not([disabled]):not(.disabled) {
opacity: 1;
background-color: transparent;
color: #000;
color: var(--component-var-background-color, #000);
}
.button--custom-outline {
color: "currentColor";
color: var(--component-var-background-color, "currentColor");
}
.button--custom-outline:hover:not([disabled]):not(.disabled) {
opacity: 1;
background-color: "currentColor";
background-color: var(--component-var-background-color, "currentColor");
border-color: "currentColor";
border-color: var(--component-var-background-color, "currentColor");
color: #FFF;
color: var(--component-var-color, #FFF);
}
.button--cross-close {
position: absolute;
top: 0;
width: 2.5em;
height: 2.5em;
transition: opacity 500ms cubic-bezier(0.4, 0.9, 0.3, 1);
}
[dir="ltr"] .button--cross-close {
right: 0;
}
[dir="rtl"] .button--cross-close {
left: 0;
}
.button--cross-close:hover, .button--cross-close:focus {
opacity: 0.5;
}
.button--circle-close {
display: flex;
align-items: center;
justify-content: center;
width: 1.625em;
height: 1.625em;
border-radius: 50%;
border: solid 0.0625rem #E6E6E6;
transition: opacity 500ms cubic-bezier(0.4, 0.9, 0.3, 1);
}
.button--circle-close:hover, .button--circle-close:focus {
opacity: 0.5;
}
.button__icon--circle-close {
font-size: 0.75em;
}
.button--paypal {
overflow: hidden;
display: block;
position: relative;
height: 3rem;
padding: 0;
background-image: url("../images/payment-logos/PayPal_logo.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 6.2rem;
}
.button--paypal .paypal-button {
position: absolute;
top: calc(50% + 0px);
width: 100% !important;
height: 100% !important;
opacity: 0.000000001;
}
[dir="ltr"] .button--paypal .paypal-button {
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
[dir="rtl"] .button--paypal .paypal-button {
right: 50%;
transform: translate3d(50%, -50%, 0);
}
.button--paypal .paypal-button .xcomponent-outlet,
.button--paypal .paypal-button .zoid-outlet,
.button--paypal .paypal-button .zoid-component-outlet {
width: 100% !important;
height: 100% !important;
}
.button--storeLocator-find {
width: 45px;
height: 45px;
padding: none;
display: flex;
justify-content: center;
align-items: center;
}
.button--storeLocator-localize {
width: 45px;
height: 45px;
padding: none;
display: flex;
justify-content: center;
align-items: center;
}
.button--apple-pay.dw-apple-pay-button, .button--apple-pay.dw-apple-pay-button:hover, .button--apple-pay.dw-apple-pay-button:active {
margin: 0;
min-height: 2.1875rem;
border-radius: 0;
}
/*------------------------------------*\
#CHIPS
\*------------------------------------*/
.chip {
display: inline-block;
min-width: 3em;
padding: 0.3em 0.5em;
border: solid 0.0625rem #CCCCCC;
border-radius: 0;
text-align: center;
font-weight: 700;
}
.chip:hover {
border-color: #1D1C1C;
}
.chip.selected {
border-color: #202020;
background-color: #202020;
color: #FFF;
}
/*------------------------------------*\
#PILLS
\*------------------------------------*/
.pill {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1em;
border: 0.0625rem solid #F2F2F2;
text-transform: capitalize;
background-color: #F2F2F2;
color: #000;
}
.pill:hover {
background-color: #202020;
border-color: #202020;
color: #FFF;
}
[dir="ltr"] .pill--icon-left {
padding-left: 0.5em;
}
[dir="rtl"] .pill--icon-left {
padding-right: 0.5em;
}
[dir="ltr"] .pill--icon-right {
padding-right: 0.5em;
}
[dir="rtl"] .pill--icon-right {
padding-left: 0.5em;
}
.pill__icon--actionable:hover {
opacity: 0.5;
}
.pill__icon--swatch {
border: solid 0.0625rem #FFF;
}
[dir="ltr"] .pill__icon--left {
margin-right: 0.5em;
}
[dir="rtl"] .pill__icon--left {
margin-left: 0.5em;
}
[dir="ltr"] .pill__icon--right {
margin-left: 1em;
}
[dir="rtl"] .pill__icon--right {
margin-right: 1em;
}
/*** fixes for normalize iOS issue ****/
button, html [type=button], [type=reset], [type=submit] {
-webkit-appearance: none;
}
.power-of-notation {
position: relative;
bottom: 0.1875rem;
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.75rem;
letter-spacing: 0.4px;
line-height: 1rem;
}
.product-add__button-has-variant:hover {
opacity: 1 !important;
}
.link {
transition: opacity 200ms ease-in-out;
}
.link:hover {
opacity: 0.6;
}
.link--primary,
.link--secondary,
.link--secondary--static,
.link--secondary--highlight,
.link--secondary-icon {
position: relative;
padding-bottom: 0.25em;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
transition-property: opacity, color, background-size;
}
[dir="ltr"] .link--primary,
[dir="ltr"] .link--secondary,
[dir="ltr"] .link--secondary--static,
[dir="ltr"] .link--secondary--highlight,
[dir="ltr"] .link--secondary-icon {
background-position: 0% 100%;
}
[dir="rtl"] .link--primary,
[dir="rtl"] .link--secondary,
[dir="rtl"] .link--secondary--static,
[dir="rtl"] .link--secondary--highlight,
[dir="rtl"] .link--secondary-icon {
background-position: 100% 100%;
}
.link--primary:not(.link--hide-external)[target=_blank]:after,
.link--secondary:not(.link--hide-external)[target=_blank]:after,
.link--secondary--static:not(.link--hide-external)[target=_blank]:after,
.link--secondary--highlight:not(.link--hide-external)[target=_blank]:after,
.link--secondary-icon:not(.link--hide-external)[target=_blank]:after {
display: inline-block;
width: 0.7em;
height: 1em;
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M9 0c-.6 0-.9.6-.9 1.2s.6 1.2 1.2 1.2h11.1L.2 22.3c-.3.3-.3 1.2 0 1.5.3.3 1.2.3 1.5 0L21.6 3.9V15c0 .6.6 1.2 1.2 1.2.6-.3 1.2-.6 1.2-1.2V0H9z' /%3E%3C/svg%3E");
}
[dir="ltr"] .link--primary:not(.link--hide-external)[target=_blank]:after,
[dir="ltr"] .link--secondary:not(.link--hide-external)[target=_blank]:after,
[dir="ltr"] .link--secondary--static:not(.link--hide-external)[target=_blank]:after,
[dir="ltr"] .link--secondary--highlight:not(.link--hide-external)[target=_blank]:after,
[dir="ltr"] .link--secondary-icon:not(.link--hide-external)[target=_blank]:after {
margin-left: 0.25em;
}
[dir="rtl"] .link--primary:not(.link--hide-external)[target=_blank]:after,
[dir="rtl"] .link--secondary:not(.link--hide-external)[target=_blank]:after,
[dir="rtl"] .link--secondary--static:not(.link--hide-external)[target=_blank]:after,
[dir="rtl"] .link--secondary--highlight:not(.link--hide-external)[target=_blank]:after,
[dir="rtl"] .link--secondary-icon:not(.link--hide-external)[target=_blank]:after {
margin-right: 0.25em;
}
[dir="ltr"] .link--secondary-icon {
margin-left: 2.25rem;
}
[dir="rtl"] .link--secondary-icon {
margin-right: 2.25rem;
}
[dir="ltr"] .link--secondary-icon.product-pickup__button {
margin-left: 2.25rem;
}
[dir="rtl"] .link--secondary-icon.product-pickup__button {
margin-right: 2.25rem;
}
[dir=ltr] .link--secondary-icon.product-pickup__button {
margin-left: 2.25rem;
}
[dir=rtl] .link--secondary-icon.product-pickup__button {
margin-left: 0;
}
[dir=ltr] .link--secondary-icon.product-pickup__button {
margin-right: 0;
}
[dir=rtl] .link--secondary-icon.product-pickup__button {
margin-right: 1.5rem;
}
.link--secondary-icon .link__icon {
position: absolute;
position: absolute;
top: calc(50% + 0px);
transform: translate3d(0, -50%, 0);
}
[dir="ltr"] .link--secondary-icon .link__icon {
left: -2.25rem;
}
[dir="rtl"] .link--secondary-icon .link__icon {
right: -2.25rem;
}
.link--primary {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
background-size: 100% 0.0625rem;
transition-timing-function: ease-in;
transition-duration: 200ms;
}
.link--primary:hover {
background-size: 0 0.0625rem;
transition-duration: 500ms;
transition-timing-function: ease-out;
}
.link--secondary,
.link--secondary--highlight,
.link--secondary-icon {
text-transform: none;
background-size: 0 0.0625rem;
transition-timing-function: ease-out;
transition-duration: 500ms;
}
.link--secondary:hover,
.link--secondary--highlight:hover,
.link--secondary-icon:hover {
background-size: 100% 0.0625rem;
transition-duration: 200ms;
transition-timing-function: ease-in;
}
.link--secondary--highlight {
padding-bottom: 0.7em;
background-size: 0 0.1875rem;
background-image: linear-gradient(#444444, #444444);
}
.link--secondary--highlight.link--secondary--static {
background-size: 100% 0.1875rem;
}
.link--secondary--highlight:hover {
background-size: 100% 0.1875rem;
}
.link--secondary--static {
text-transform: uppercase;
background-size: 100% 0.0625rem;
}
.link--secondary--static-lowercase {
background-size: 100% 0.0625rem;
}
.link--alternate {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
background-size: 100% 0.0625rem;
}
.link--alternate:hover {
background-size: 0 0.0625rem;
transition-duration: 500ms;
transition-timing-function: ease-out;
}
[dir="ltr"] .link--inner-icon-spacing[target=_blank]:after {
margin-left: 0.75em;
}
[dir="rtl"] .link--inner-icon-spacing[target=_blank]:after {
margin-right: 0.75em;
}
.link--underline {
text-decoration: underline;
}
[dir=ltr] .link--underline {
text-underline-position: auto;
}
[dir=rtl] .link--underline {
text-underline-position: under;
}
[dir=ltr] .link--underline-hover {
text-underline-position: auto;
}
[dir=rtl] .link--underline-hover {
text-underline-position: under;
}
.link--underline-hover:hover, .link--underline-hover:focus {
text-decoration: underline;
}
.link--highlight-hover:hover, .link--highlight-hover:focus {
opacity: 1;
color: #444444;
}
.link--flex {
display: inline-flex;
}
/**
* Utility classes for buttons and pseudo buttons
*/
.cursor--pointer:hover {
cursor: pointer;
}
.cursor--not-allowed:hover {
cursor: not-allowed;
}
.cursor--default {
cursor: default;
}
/*------------------------------------*\
#ICONS - Mapped to the static svg directory file names
\*------------------------------------*/
.icon {
display: inline-block;
width: 1rem;
height: 1rem;
fill: currentColor;
}
.icon svg {
width: 100%;
height: 100%;
fill: inherit;
}
.icon--small {
width: 0.5rem;
height: 0.5rem;
}
.icon--medium {
width: 0.85rem;
height: 0.85rem;
}
.icon--medium-large {
width: 1.15rem;
height: 1.15rem;
}
.icon--large {
width: 1.5rem;
height: 1.5rem;
}
.icon--xlarge {
width: 1.85rem;
height: 1.85rem;
}
.icon--rotate-h {
transform: scaleX(-1);
}
[dir="ltr"] .icon--rotate-up {
transform: rotate(90deg);
}
[dir="rtl"] .icon--rotate-up {
transform: rotate(-90deg);
}
[dir="ltr"] .icon--rotate-down {
transform: rotate(-90deg);
}
[dir="rtl"] .icon--rotate-down {
transform: rotate(90deg);
}
[dir="ltr"] .icon--set-left {
margin-right: 1em;
}
[dir="rtl"] .icon--set-left {
margin-left: 1em;
}
[dir="ltr"] .icon--set-left-short {
margin-right: 0.75em;
}
[dir="rtl"] .icon--set-left-short {
margin-left: 0.75em;
}
[dir="ltr"] .icon--set-left-large {
margin-right: 1.5em;
}
[dir="rtl"] .icon--set-left-large {
margin-left: 1.5em;
}
[dir="ltr"] .icon--set-right {
margin-left: 1em;
}
[dir="rtl"] .icon--set-right {
margin-right: 1em;
}
[dir="ltr"] .icon--set-right-short {
margin-left: 0.75em;
}
[dir="rtl"] .icon--set-right-short {
margin-right: 0.75em;
}
[dir="ltr"] .icon--set-right-xsmall {
margin-left: 12px;
}
[dir="rtl"] .icon--set-right-xsmall {
margin-right: 12px;
}
[dir="ltr"] .icon--set-right-large {
margin-left: 1.5em;
}
[dir="rtl"] .icon--set-right-large {
margin-right: 1.5em;
}
.icon--set-left-badge {
padding-bottom: 0.25em;
}
[dir="ltr"] .icon--set-left-badge {
margin-left: -0.15em;
}
[dir="rtl"] .icon--set-left-badge {
margin-right: -0.15em;
}
.icon--inline-align-center {
vertical-align: middle;
}
.icon--invert {
filter: invert(1);
}
[dir="ltr"] .link--icon {
margin-right: 1em;
}
[dir="rtl"] .link--icon {
margin-left: 1em;
}
.montblanc-logo_gift {
height: 48px;
width: 259px;
text-align: center;
display: block;
margin: 0 auto 2em;
}
.removeItem {
background: #202020;
border-radius: 12px;
color: #fff;
height: 24px;
max-width: 24px;
overflow: hidden;
position: absolute;
top: 2.14286rem;
transition: max-width 0.5s ease;
width: auto;
}
[dir="ltr"] .removeItem {
left: 0;
}
[dir="rtl"] .removeItem {
right: 0;
}
[dir="ltr"] .icon--personalization {
padding-right: 0.5rem;
}
[dir="rtl"] .icon--personalization {
padding-left: 0.5rem;
}
.icon--storelocator {
box-sizing: border-box;
height: 15.6px;
width: 15.6px;
border: 0.6px solid #FFFFFF;
background-color: #FFFFFF;
}
.store-locator--searchByText {
width: 400px;
height: 71px;
justify-content: center;
font-size: 1.25rem;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
margin-top: 20px;
}
.store--locator__header {
align-items: center;
font-size: 1.5rem;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
padding-top: 54px;
padding-bottom: 30px;
}
[dir="ltr"] .store--locator__header {
padding-left: 50px;
}
[dir="rtl"] .store--locator__header {
padding-right: 50px;
}
@media (min-width: 49.4375rem) {
.store-locator__header {
align-items: center;
font-size: 1.5rem;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
padding-top: 0px;
padding-bottom: 30px;
}
[dir="ltr"] .store-locator__header {
padding-left: 50px;
}
[dir="rtl"] .store-locator__header {
padding-right: 50px;
}
}
.store-locator--avaibleStores {
height: 17px;
width: 316px;
color: #444444;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0;
line-height: 17px;
padding-top: 15px;
padding-bottom: 30px;
margin-top: 1rem;
}
[dir="ltr"] .store-locator--avaibleStores {
border-right: 1px solid #d2d2d2;
}
[dir="rtl"] .store-locator--avaibleStores {
border-left: 1px solid #d2d2d2;
}
.store-locator--storeInfo {
width: 313px;
color: #444444;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 0;
line-height: 22px;
border-bottom: 1px solid #d2d2d2;
padding-bottom: 0;
margin-top: 1rem;
}
[dir="ltr"] .store-locator--storeInfo {
border-right: 1px solid #D2D2D2;
}
[dir="rtl"] .store-locator--storeInfo {
border-left: 1px solid #D2D2D2;
}
.store-locator--moreInfo {
height: 18px;
width: 116px;
color: #444444;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0;
line-height: 18px;
padding-top: 0px;
margin-bottom: 20px;
text-decoration: underline;
}
[dir="ltr"] .store-locator--infoFix {
padding-left: 60px;
padding-right: 30px;
}
[dir="rtl"] .store-locator--infoFix {
padding-right: 60px;
padding-left: 30px;
}
@media (max-width: 49.375rem) {
.store-locator--infoFix {
padding: 0;
}
[dir="ltr"] .store-locator--infoFix {
padding-left: 0.5rem;
}
[dir="rtl"] .store-locator--infoFix {
padding-right: 0.5rem;
}
[dir="ltr"] .store-locator--padding {
margin-left: 1.5rem;
}
[dir="rtl"] .store-locator--padding {
margin-right: 1.5rem;
}
}
@media (min-width: 64.0625rem) {
.store-locator--noPadding {
padding: 0;
}
}
.store-locator--scrolleable {
overflow-y: scroll;
overflow-x: hidden;
max-height: 400px;
}
@media (min-width: 90.0625rem) {
.store-locator--scrolleable {
overflow-y: scroll;
overflow-x: hidden;
max-height: 664px;
}
}
.store-locator--scrolleable::-webkit-scrollbar {
width: 7px;
}
.store-locator--scrolleable::-webkit-scrollbar-thumb {
background: #202020;
border-radius: 10px;
}
.store-locator--plusIcon {
height: 10.6px;
width: 10.6px;
align-self: center;
}
.store-locator__search-input {
margin: none;
padding: none;
}
#details-container {
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
background-color: white;
}
[dir="ltr"] #details-container {
left: 0;
padding: 7rem 3.5625rem 7rem 7.375rem;
}
[dir="rtl"] #details-container {
right: 0;
padding: 7rem 7.375rem 7rem 3.5625rem;
}
.relative__storeLocator {
position: relative;
padding: none;
}
.details-font {
color: black;
align-content: center;
justify-content: center;
}
.store-locator--detailsName {
letter-spacing: 0.49px;
line-height: 1.75rem;
font-size: 1.125rem;
}
.store-locator--detailsAddress {
letter-spacing: 0.37px;
line-height: 1.5rem;
font-size: 0.875rem;
margin-top: 1.1875rem;
}
.store-locator--detailsNormal {
letter-spacing: 0.37px;
line-height: 1.5rem;
font-size: 0.875rem;
}
.store-locator--detailsMoreInfo {
height: 18px;
width: 116px;
color: #444444;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0;
line-height: 18px;
padding-top: 1.1875rem;
margin-bottom: 20px;
text-decoration: underline;
display: block;
}
.store-locator--detailsClose {
border: 0;
height: 18px;
padding: 0;
position: absolute;
width: 18px;
box-sizing: content-box;
top: 3.125rem;
}
[dir="ltr"] .store-locator--detailsClose {
right: 3rem;
}
[dir="rtl"] .store-locator--detailsClose {
left: 3rem;
}
.hide {
display: none;
}
.store-locator--detailsLinks {
margin-top: 11rem;
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
border-width: 1px;
text-align: center;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
height: 2.8125rem;
line-height: 1rem;
width: 100%;
font-size: 0.75rem;
font-weight: 700;
color: #fff;
background-color: #000;
border-color: #000;
letter-spacing: 1.5px;
}
.show {
display: flex;
align-items: center;
}
.getDirections {
letter-spacing: 0.56px;
margin-top: 1.1875rem;
}
#label {
border: none;
}
/*------------------------------------*\
#INPUT-RESETS
\*------------------------------------*/
[type=password],
[type=text],
[type=tel],
[type=email],
[type=search],
[type=number],
select,
textarea {
font-family: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
border: none;
border-bottom: solid 0.0625rem #444444;
outline: none;
padding: 0 0.867rem;
font-size: 1rem;
color: #1F2020;
}
[type=password]::-moz-placeholder, [type=text]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=email]::-moz-placeholder, [type=search]::-moz-placeholder, [type=number]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
opacity: 0.9;
}
[type=password]::placeholder,
[type=text]::placeholder,
[type=tel]::placeholder,
[type=email]::placeholder,
[type=search]::placeholder,
[type=number]::placeholder,
select::placeholder,
textarea::placeholder {
opacity: 0.9;
}
[type=password]:focus::-moz-placeholder, [type=text]:focus::-moz-placeholder, [type=tel]:focus::-moz-placeholder, [type=email]:focus::-moz-placeholder, [type=search]:focus::-moz-placeholder, [type=number]:focus::-moz-placeholder, select:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: #CCCCCC;
}
[type=password]:focus::placeholder,
[type=text]:focus::placeholder,
[type=tel]:focus::placeholder,
[type=email]:focus::placeholder,
[type=search]:focus::placeholder,
[type=number]:focus::placeholder,
select:focus::placeholder,
textarea:focus::placeholder {
color: #CCCCCC;
}
[type=password].disabled, [type=password][disabled],
[type=text].disabled,
[type=text][disabled],
[type=tel].disabled,
[type=tel][disabled],
[type=email].disabled,
[type=email][disabled],
[type=search].disabled,
[type=search][disabled],
[type=number].disabled,
[type=number][disabled],
select.disabled,
select[disabled],
textarea.disabled,
textarea[disabled] {
color: #CCCCCC;
}
[type=password]:not([disabled]):not([readonly]):not(.is-invalid):focus,
[type=text]:not([disabled]):not([readonly]):not(.is-invalid):focus,
[type=tel]:not([disabled]):not([readonly]):not(.is-invalid):focus,
[type=email]:not([disabled]):not([readonly]):not(.is-invalid):focus,
[type=search]:not([disabled]):not([readonly]):not(.is-invalid):focus,
[type=number]:not([disabled]):not([readonly]):not(.is-invalid):focus,
select:not([disabled]):not([readonly]):not(.is-invalid):focus,
textarea:not([disabled]):not([readonly]):not(.is-invalid):focus {
border-color: #444444;
}
[dir="ltr"] [dir=rtl] [type=password],
[dir="ltr"] [dir=rtl] [type=text],
[dir="ltr"] [dir=rtl] [type=tel],
[dir="ltr"] [dir=rtl] [type=email],
[dir="ltr"] [dir=rtl] [type=search],
[dir="ltr"] [dir=rtl] [type=number],
[dir="ltr"] [dir=rtl] textarea {
direction: ltr;
text-align: right;
}
[dir="rtl"] [dir=rtl] [type=password],
[dir="rtl"] [dir=rtl] [type=text],
[dir="rtl"] [dir=rtl] [type=tel],
[dir="rtl"] [dir=rtl] [type=email],
[dir="rtl"] [dir=rtl] [type=search],
[dir="rtl"] [dir=rtl] [type=number],
[dir="rtl"] [dir=rtl] textarea {
direction: rtl;
text-align: left;
}
input[type=file] {
cursor: pointer;
}
input[type=file].disabled, input[type=file][disabled] {
cursor: not-allowed;
}
input::-webkit-contacts-auto-fill-button {
position: relative;
}
[dir="ltr"] input::-webkit-contacts-auto-fill-button {
right: 1.5rem;
}
[dir="rtl"] input::-webkit-contacts-auto-fill-button {
left: 1.5rem;
}
textarea {
display: block;
width: 100%;
resize: none;
border: solid 0.0625rem #444444;
font-family: "MontblancType-Light", "Fancy Cut", "Almarai", Calibri, Times, serif;
}
select::-webkit-outer-spin-button, select::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
select::-ms-expand {
display: none;
}
option {
color: #444444;
}
/*------------------------------------*\
#FORM-COPY
\*------------------------------------*/
.form-intro__title {
margin-bottom: 1.125em;
}
.form-intro__copy {
margin-bottom: 1.75em;
}
.form-control-disclaimer {
margin-top: 0.75em;
}
.form-control-description {
margin-top: 0.25em;
font-size: 0.875rem;
color: #8C8C8C;
}
.form-required__copy {
font-size: 0.75rem;
line-height: 1.55;
}
/*------------------------------------*\
#TEXT AND SELECTS
\*------------------------------------*/
#embossLine1 {
text-transform: uppercase;
}
.form-control {
width: 100%;
height: 2.82rem;
background-color: transparent;
transition-property: color, border-color;
transition-duration: 300ms;
transition-timing-function: ease-in;
}
.form-control.is-invalid {
border-color: #e60000;
color: #e60000;
}
.form-control.border-1px-solid {
border: 1px solid;
}
[dir="ltr"] .form-control.form-date-padding {
padding-right: 0.85em;
}
[dir="rtl"] .form-control.form-date-padding {
padding-left: 0.85em;
}
.form-control.remove--border-styles {
border-radius: 0;
border-color: transparent;
}
[dir="ltr"] .form-control.remove--border-right-styles {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: none;
}
[dir="rtl"] .form-control.remove--border-right-styles {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: none;
}
[dir="ltr"] .form-control.remove--border-left-styles {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left: none;
}
[dir="rtl"] .form-control.remove--border-left-styles {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: none;
}
[dir="ltr"] .form-control.cardNumberArabic {
direction: rtl !important;
text-align: left !important;
}
[dir="rtl"] .form-control.cardNumberArabic {
direction: ltr !important;
text-align: right !important;
}
.form-control-input {
border-bottom: none;
background-color: #F2F2F2;
height: 3.4rem;
font-size: 0.875rem;
}
[dir="ltr"] .form-control--text {
padding-left: 15px;
}
[dir="rtl"] .form-control--text {
padding-right: 15px;
}
.form-group__city .form-control--select.is-invalid + .select2-container .select2-selection--single {
border-color: #e60000;
color: #e60000;
}
.form-control--textarea {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
height: auto;
min-height: 4.5rem;
}
.custom-select,
.form-control--select {
background-size: 0.85rem 0.85rem;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
transition: color 200ms ease-in-out;
outline-offset: 0;
}
[dir="ltr"] .custom-select,
[dir="ltr"] .form-control--select {
padding-right: 2.2rem;
background-position: calc(100% - 1.2em) center;
}
[dir="rtl"] .custom-select,
[dir="rtl"] .form-control--select {
padding-left: 2.2rem;
background-position: calc(100% - (100% - 1.2em)) center;
}
.custom-select:-internal-autofill-selected,
.form-control--select:-internal-autofill-selected {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E") !important;
}
.form-control--small {
height: 1.85rem;
}
.form-control--boxed {
border: solid 0.0625rem #444444;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
[dir="ltr"] .form-control--boxed {
background-position: calc(100% - 0.85em) center;
}
[dir="rtl"] .form-control--boxed {
background-position: calc(100% - (100% - 0.85em)) center;
}
[dir="ltr"] .form-control--boxed.form-control--select {
padding-right: 2rem;
}
[dir="rtl"] .form-control--boxed.form-control--select {
padding-left: 2rem;
}
.form-control--alt-font {
font-family: "MontblancType-Light", "Fancy Cut", "Almarai", Calibri, Times, serif;
color: #8C8C8C;
}
.form-control--addressSelector-font {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
color: #1F2020;
font-size: 14px;
letter-spacing: 0.44px;
line-height: 22px;
}
[dir="ltr"] .form-control--combo {
padding-left: 0.5rem;
border-left: solid 0.0625rem;
}
[dir="rtl"] .form-control--combo {
padding-right: 0.5rem;
border-right: solid 0.0625rem;
}
[dir="ltr"] .form-control--combo.form-control--select {
padding-right: 1.75rem;
background-position: calc(100% - 0.65em) center;
}
[dir="rtl"] .form-control--combo.form-control--select {
padding-left: 1.75rem;
background-position: calc(100% - (100% - 0.65em)) center;
}
[dir="ltr"] .form-control--combo-last {
border-right: solid 0.0625rem;
}
[dir="rtl"] .form-control--combo-last {
border-left: solid 0.0625rem;
}
[dir="ltr"] .form-control--combo-no-border {
border-left: none;
}
[dir="rtl"] .form-control--combo-no-border {
border-right: none;
}
.form-control-label {
display: inline-block;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
color: #1F2020;
line-height: 1.55;
}
.required .form-control-label:after {
content: "*";
display: inline-block;
}
.form-control-label--inline {
min-width: 9.375rem;
}
.form-control-label--spacing-deka {
margin-bottom: 0.7em;
}
.form-control-label--spacing-hecto {
margin-bottom: 1em;
}
.form-control__show-trigger {
font-size: 0.875rem;
line-height: 1.55;
position: absolute;
top: 2.35rem;
}
[dir="ltr"] .form-control__show-trigger {
right: 1rem;
}
[dir="rtl"] .form-control__show-trigger {
left: 1rem;
}
.form-control__label-show {
display: block;
}
.set--show-password .form-control__label-show {
display: none;
}
.form-control__label-hide {
display: none;
}
.set--show-password .form-control__label-hide {
display: block;
}
/*------------------------------------*\
#CHECKBOXES AND RADIOS
\*------------------------------------*/
.form-check {
position: relative;
}
.form-check__holder {
position: relative;
}
.form-check-group {
margin-bottom: -0.8125rem;
margin-top: -0.8125rem;
}
.form-check-group__item {
margin-bottom: 0.8125rem;
margin-top: 0.8125rem;
}
[dir="ltr"] .form-check-group__item:not(:last-child) {
margin-right: 2rem;
}
[dir="rtl"] .form-check-group__item:not(:last-child) {
margin-left: 2rem;
}
.form-check-list__item:not(:last-child) {
margin-bottom: 1rem;
}
.form-check-input {
position: absolute;
top: 0;
opacity: 0;
z-index: 1;
width: 100%;
}
[dir="ltr"] .form-check-input {
left: 0;
}
[dir="rtl"] .form-check-input {
right: 0;
}
[class*=form-check-label] {
display: block;
position: relative;
font-size: 0.875rem;
line-height: 1.65;
transition: color 300ms cubic-bezier(0.4, 0.9, 0.3, 1);
}
[dir="ltr"] [class*=form-check-label] {
padding-left: 1.4rem;
}
[dir="rtl"] [class*=form-check-label] {
padding-right: 1.4rem;
}
[class*=form-check-label]:before, [class*=form-check-label]:after {
position: absolute;
}
[class*=form-check-label]:before {
top: 3px;
width: 0.6875rem;
height: 0.6875rem;
border: solid 0.0625rem #444444;
border-radius: 0;
content: "";
}
[dir="ltr"] [class*=form-check-label]:before {
left: 0;
}
[dir="rtl"] [class*=form-check-label]:before {
right: 0;
}
[class*=form-check-label]:after {
top: 0.3rem;
width: 0.65rem;
height: 0.65rem;
}
[dir="ltr"] [class*=form-check-label]:after {
left: 0.1rem;
}
[dir="rtl"] [class*=form-check-label]:after {
right: 0.1rem;
}
.check-wrapping {
padding-top: 0.12rem;
}
.form-check-label:after {
opacity: 0;
line-height: 0.62;
transition: opacity 300ms cubic-bezier(0.4, 0.9, 0.3, 1);
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23202020' d='M20.7 0L8.1 15.9l-4.8-6L0 14.1 8.1 24 24 3.9z' /%3E%3C/svg%3E");
}
[dir="ltr"] .form-check-label--large {
padding-left: 1.875rem;
}
[dir="rtl"] .form-check-label--large {
padding-right: 1.875rem;
}
.form-check-label--large:before {
top: 0.05rem;
width: 1.125rem;
height: 1.125rem;
}
.form-check-label--large:after {
top: 0.25rem;
width: 0.75rem;
height: 0.75rem;
}
[dir="ltr"] .form-check-label--large:after {
left: 0.2rem;
}
[dir="rtl"] .form-check-label--large:after {
right: 0.2rem;
}
.form-check-label--radio:before, .form-check-label--radio:after {
border-radius: 50%;
}
.form-check-label--radio:before {
width: 0.938rem;
height: 0.938rem;
}
.form-check-label--radio:after {
top: 8px;
width: 0.335rem;
height: 0.335rem;
background-color: #202020;
transform: scale(0);
transform-origin: center;
transition: transform 300ms cubic-bezier(0.4, 0.9, 0.3, 1);
content: "";
}
[dir="ltr"] .form-check-label--radio:after {
left: 5.5px;
}
[dir="rtl"] .form-check-label--radio:after {
right: 5.5px;
}
.form-check-description {
margin-top: 0.75em;
}
[dir="ltr"] .form-check-description {
padding-left: 2.2rem;
}
[dir="rtl"] .form-check-description {
padding-right: 2.2rem;
}
.form-check-input:checked + .form-check-label,
.form-check-label.set--checked,
.form-check-label.toggle--active {
color: inherit;
}
.form-check-input:checked + .form-check-label:after,
.form-check-label.set--checked:after,
.form-check-label.toggle--active:after {
opacity: 1;
transform: scale(1);
content: "•";
top: 0.4063rem;
}
[dir="ltr"] .form-check-input:checked + .form-check-label:after,
[dir="ltr"] .form-check-label.set--checked:after,
[dir="ltr"] .form-check-label.toggle--active:after {
left: 0.1437rem;
}
[dir="rtl"] .form-check-input:checked + .form-check-label:after,
[dir="rtl"] .form-check-label.set--checked:after,
[dir="rtl"] .form-check-label.toggle--active:after {
right: 0.1437rem;
}
.form-check-input:checked + .form-check-label--radio:after,
.form-check-label--radio.set--checked:after,
.form-check-label--radio.toggle--active:after {
opacity: 1;
background-color: #202020;
transform: scale(0.8);
}
.form-check-input:focus + [class*=form-check-label],
[class*=form-check-label]:focus {
outline: none;
}
.form-check-input:focus + [class*=form-check-label]:before,
[class*=form-check-label]:focus:before {
outline-color: #414141;
outline-offset: 0.25rem;
outline-style: solid;
outline-width: 0.0625rem;
}
.set--hide-click-focus .form-check-input:focus + [class*=form-check-label]:before,
.set--hide-click-focus [class*=form-check-label]:focus:before {
outline: none;
}
.form-check-input:focus + label,
[class*=form-check-label]:focus {
outline-color: #414141;
outline-offset: 0.25rem;
outline-style: solid;
outline-width: 0.0625rem;
}
.set--hide-click-focus .form-check-input:focus + label,
.set--hide-click-focus [class*=form-check-label]:focus {
outline: none;
}
.form-check-input:disabled + [class*=form-check-label]:before,
[class*=form-check-label].disabled:before {
background-color: #F2F2F2;
border-color: #F0F0F0;
}
.form-check-input:disabled + [class*=form-check-label]:after,
[class*=form-check-label].disabled:after {
color: #F0F0F0;
}
.form-check-input.error + [class*=form-check-label]:before,
.form-check-input.is-invalid + [class*=form-check-label]:before {
border-color: #e60000;
}
/*------------------------------------*\
#FORM CHECK BUTTONS
\*------------------------------------*/
[dir="ltr"] .form-check--button-item:not(:last-child) {
margin-right: 1.25rem;
}
[dir="rtl"] .form-check--button-item:not(:last-child) {
margin-left: 1.25rem;
}
.form-radio-button {
display: flex;
align-items: center;
padding: 0 0.75rem;
height: 2.5rem;
font-size: 0.75rem;
box-shadow: inset 0 0 0 0 #444444;
border: 1px solid #6E6E6E;
border-radius: 0.3125rem;
cursor: pointer;
transition-property: box-shadow, background-color;
transition-duration: 200ms;
transition-timing-function: ease-out;
}
.form-radio-button::before, .form-radio-button::after {
opacity: 0;
}
.form-check-input:checked + .form-check-label--radio.form-radio-button {
border-color: #000;
}
.form-check-input:checked + .form-check-label--radio.form-radio-button::after {
opacity: 0;
}
.form-check-button {
display: flex;
align-items: center;
padding: 0 1.5rem;
height: 2.5rem;
font-size: 0.75rem;
background-color: #F2F2F2;
box-shadow: inset 0 0 0 0 #444444;
cursor: pointer;
transition-property: box-shadow, background-color;
transition-duration: 200ms;
transition-timing-function: ease-out;
}
.form-check-button.form-border-radius {
border-radius: 5px;
box-shadow: none;
background-color: transparent;
border: 1px solid #6E6E6E;
}
.form-check--button-label--swatch:checked + .form-check-button.Silver {
background-color: #EBEBEB;
}
.form-check--button-label--swatch:checked + .form-check-button.Gold {
background-color: #E7CB6B;
}
.form-check--button-label--swatch:checked + .form-check-button.Blind {
background-color: #B3B3B3;
}
.form-check-input + .form-check-button.--swatch.form-check-square {
outline: none;
border-radius: unset;
}
[dir="ltr"] .form-check-input + .form-check-button.--swatch.form-check-square {
margin-left: 0.75rem;
}
[dir="rtl"] .form-check-input + .form-check-button.--swatch.form-check-square {
margin-right: 0.75rem;
}
.form-check-input + .form-check-button.--swatch.form-check-square:after {
width: 100%;
height: 44px;
border-radius: 5px;
content: "";
border: 1px solid #6E6E6E;
position: absolute;
}
[dir="ltr"] .form-check-input + .form-check-button.--swatch.form-check-square:after {
left: -4px;
}
[dir="rtl"] .form-check-input + .form-check-button.--swatch.form-check-square:after {
right: -4px;
}
.form-check-input:checked + .form-check-button {
background-color: #FFF;
box-shadow: inset 0 0 0 0.125rem #444444;
}
.form-check-input:checked + .form-check-button.--swatch {
box-shadow: none;
border: 1px solid #B3B3B3;
}
.form-check-input:checked + .form-check-button.--swatch::after {
content: "";
width: 24px;
height: 24px;
display: block;
position: absolute;
border: 1px solid black;
border-radius: 50%;
}
[dir="ltr"] .form-check-input:checked + .form-check-button.--swatch::after {
left: -4px;
}
[dir="rtl"] .form-check-input:checked + .form-check-button.--swatch::after {
right: -4px;
}
.form-check-input:checked + .form-check-button.--swatch.Silver {
background-color: #EBEBEB;
}
.form-check-input:checked + .form-check-button.--swatch.Gold {
background-color: #E7CB6B;
}
.form-check-input:checked + .form-check-button.--swatch.Blind {
background-color: #FFF;
}
.form-check-input:checked + .form-check-button.--swatch.form-check-square {
border-radius: unset;
}
.form-check-input:checked + .form-check-button.--swatch.form-check-square:after {
width: 100%;
height: 44px;
border-radius: 5px;
}
.form-check-input:checked + .form-check-button.form-border-radius {
box-shadow: none;
border: 1px solid #000;
}
.form-check-input:focus + .form-check-button {
outline-color: #414141;
outline-offset: 0.25rem;
outline-style: solid;
outline-width: 0.0625rem;
}
.set--hide-click-focus .form-check-input:focus + .form-check-button {
outline: none;
}
.form-check-input:disabled + .form-check-button {
opacity: 0.5;
}
.form-check-input.error + .form-check-button {
border-color: #e60000;
}
.form-check--button-label--swatch {
border-radius: 50%;
height: 1rem;
width: 1rem;
padding: 0;
outline: 1px solid #B3B3B3;
outline-offset: 2px;
transition: none;
}
.form-check--button-label--swatch.Silver {
background-color: #EBEBEB;
}
.form-check--button-label--swatch.Gold {
background-color: #E7CB6B;
}
.form-check--button-label--swatch.Blind {
background-color: #FFF;
}
/*------------------------------------*\
#FORM GROUPS
\*------------------------------------*/
.form-group {
margin-bottom: 1.5rem;
}
.form-group--short-spacing {
margin-bottom: 1rem;
}
.form-group--xwidth {
width: 110%;
}
.form-group--no-spacing {
margin-bottom: 0;
}
.form-group--password {
position: relative;
}
.form-section:not(:first-child) {
margin-top: 1.6rem;
}
[dir="ltr"] .form-combo .form-control-label {
margin-left: 0;
}
[dir="rtl"] .form-combo .form-control-label {
margin-right: 0;
}
/*------------------------------------*\
#FORM ACTIONS
\*------------------------------------*/
.form-actions {
margin-top: 2rem;
}
/*------------------------------------*\
#FORM VALIDATION
\*------------------------------------*/
.success-feedback,
.invalid-feedback,
.form-invalid-feedback {
display: block;
margin-top: 0.25rem;
font-size: 0.75rem;
}
.success-feedback:not(.set--visible),
.invalid-feedback:not(.set--visible),
.form-invalid-feedback:not(.set--visible) {
position: absolute;
opacity: 0;
visibility: hidden;
}
.invalid-feedback,
.form-invalid-feedback {
color: #e60000;
}
.success-feedback {
color: #00D3A7;
}
.form-invalid-feedback {
margin-bottom: 1em;
}
.feedback--large-spacing-top {
margin-top: 0.75em;
}
.feedback-banner {
padding: 0.75rem 1rem;
font-size: 0.875rem;
text-align: center;
line-height: 1.25;
}
.feedback-banner--error {
background-color: #444444;
color: #FFF;
}
/*------------------------------------*\
#FORM CONSTRAINTS
\*------------------------------------*/
.form-control__constraints {
display: flex;
flex-wrap: wrap;
margin-bottom: 2em;
width: 120%;
}
.form-control__constraint {
flex: 1 1 50%;
margin-bottom: 0.75em;
}
[dir="ltr"] .form-control__constraint {
padding-right: 1.5rem;
}
[dir="rtl"] .form-control__constraint {
padding-left: 1.5rem;
}
.set--constraint-fail {
color: #e60000;
}
.set--constraint-pass {
color: #00D3A7;
}
.form-control__constraints-title {
margin-bottom: 0.5em;
}
.transliteration-ar {
display: flex;
flex-direction: column-reverse;
}
.transliteration-control {
position: relative;
display: none;
}
.transliteration-control button {
position: absolute;
bottom: 0;
}
[dir="ltr"] .transliteration-control button {
right: 0;
}
[dir="rtl"] .transliteration-control button {
left: 0;
}
.transliteration-suggestion {
display: none;
font-size: 13px;
margin-top: 0.5em;
}
.transliteration-suggestion.set-active {
display: block;
}
.transliteration-suggestion .transliteration-edit {
display: none;
}
.transliteration-suggestion p {
margin-bottom: 0;
}
.transliteration-suggestion a {
-webkit-text-decoration: revert;
text-decoration: revert;
color: #00629B;
}
[dir="ltr"] .transliteration-suggestion a {
margin-left: 0.5em;
}
[dir="rtl"] .transliteration-suggestion a {
margin-right: 0.5em;
}
@media (-ms-high-contrast: active) {
.form-check-label:after {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M20.7 0L8.1 15.9l-4.8-6L0 14.1 8.1 24 24 3.9z' /%3E%3C/svg%3E");
}
.form-check-label--radio:after {
border: solid 0.5rem;
}
}
@media (max-width: 49.375rem) {
input,
select,
textarea {
font-size: 1rem;
}
.form-control--select {
font-size: 0.938rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
/*------------------------------------*\
#FORM ACTIONS
\*------------------------------------*/
.form-actions__item:not(:last-child) {
margin-bottom: 2rem;
}
}
.form-control:focus {
box-shadow: none;
}
.new-design .form-intro__title {
text-transform: uppercase;
padding-top: 2.5rem;
}
.new-design .form-intro__description {
padding: 0 1rem;
background-color: #FFF;
min-height: 3rem;
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.new-design .form-control {
background-color: #FFF;
}
.new-design label {
margin-bottom: 0;
}
.new-design input {
background-color: #FFF;
border-bottom: 0;
}
.new-design .salutation .form-check-label--radio {
height: 3rem;
width: 3rem;
text-align: center;
line-height: 3rem;
background-color: white;
cursor: pointer;
}
[dir="ltr"] .new-design .salutation .form-check-label--radio {
padding-left: unset;
}
[dir="rtl"] .new-design .salutation .form-check-label--radio {
padding-right: unset;
}
.new-design .salutation .form-check-label--radio:before {
top: 0;
width: 3rem;
height: 3rem;
border-radius: unset;
border: unset;
}
.new-design .salutation .form-check-input:checked + .form-check-label--radio:after {
background-color: #202020;
transform: unset;
height: 3rem;
width: 3rem;
border-radius: unset;
top: 0;
}
[dir="ltr"] .new-design .salutation .form-check-input:checked + .form-check-label--radio:after {
left: 0;
}
[dir="rtl"] .new-design .salutation .form-check-input:checked + .form-check-label--radio:after {
right: 0;
}
.new-design .salutation .form-check-input:checked + .form-check-label--radio .salutationLabel {
color: white;
position: relative;
z-index: 1;
}
.new-design .shipping-method__item {
background-color: #FFF;
padding: 1rem;
}
.new-design .shipping-method__item input {
cursor: pointer;
}
.new-design .shipping-method__item:not(:last-child) {
margin-bottom: 2.25rem;
}
.new-design .shipping-method__item .form-check-label--radio {
cursor: pointer;
}
[dir="ltr"] .new-design .shipping-method__item .form-check-label--radio {
padding-left: 2rem;
}
[dir="rtl"] .new-design .shipping-method__item .form-check-label--radio {
padding-right: 2rem;
}
.new-design .shipping-method__item .form-check-label--radio:before {
width: 1.5rem;
height: 1.5rem;
top: 40%;
transform: translateY(-50%);
}
.new-design .shipping-method__item .form-check-input:checked + .form-check-label--radio:after {
height: 1rem;
width: 1rem;
top: 40%;
transform: translateY(-50%);
}
[dir="ltr"] .new-design .shipping-method__item .form-check-input:checked + .form-check-label--radio:after {
left: 4px;
}
[dir="rtl"] .new-design .shipping-method__item .form-check-input:checked + .form-check-label--radio:after {
right: 4px;
}
.new-design .shipping-method__item:has(.form-check-input:checked) {
border: 1px solid black;
}
.new-design .useAsBilling {
margin-bottom: 2rem;
}
.form-check-input:checked + .form-check-label,
.form-check-label.set--checked,
.form-check-label.toggle--active {
color: inherit;
}
.form-check-input:checked + .form-check-label:after,
.form-check-label.set--checked:after,
.form-check-label.toggle--active:after {
opacity: 1;
transform: scale(1);
content: "•";
top: 5px;
}
[dir="ltr"] .form-check-input:checked + .form-check-label:after,
[dir="ltr"] .form-check-label.set--checked:after,
[dir="ltr"] .form-check-label.toggle--active:after {
left: 0.1437rem;
}
[dir="rtl"] .form-check-input:checked + .form-check-label:after,
[dir="rtl"] .form-check-label.set--checked:after,
[dir="rtl"] .form-check-label.toggle--active:after {
right: 0.1437rem;
}
.addressInfo {
display: none;
}
.addressInfo .salutation {
text-transform: uppercase;
}
.shipping-method__item .form-check-input:checked ~ .addressInfo {
display: block;
}
[dir="ltr"] .shipping-method__item .form-check-input:checked ~ .addressInfo {
margin-left: 2rem;
}
[dir="rtl"] .shipping-method__item .form-check-input:checked ~ .addressInfo {
margin-right: 2rem;
}
.transliteration_suggestion,
.transliteration__suggestion {
display: flex;
color: black;
}
.transliteration_suggestion .change-link,
.transliteration__suggestion .change-link {
color: black;
}
.video-asset {
width: 100%;
opacity: 0;
transition: opacity 500ms ease-out;
}
.video-asset.video-asset--fit {
width: 100%;
height: 100%;
}
.video-asset.video-asset--natural {
max-width: 100%;
height: auto;
}
.video-asset.video-asset--ratio-wide {
width: 100%;
}
.video-asset--natural video.vjs-tech {
position: initial;
}
.video-asset--ratio-wide {
position: relative;
}
.video-asset--ratio-wide:before {
display: block;
content: "";
padding-bottom: 56.25%;
width: 100%;
}
.video-asset--overlay-poster {
background-color: transparent;
}
.video-asset--overlay-poster .vjs-tech {
opacity: 0;
transition: opacity 500ms ease-out;
}
.video-asset__overlay {
transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}
.set--video-playing.set--video-overlay-hide-playing .video-asset__overlay, .set--video-playing.set--video-overlay-show-hover:not(:hover) .video-asset__overlay, .set--video-played.set--video-overlay-hide-permanent .video-asset__overlay {
opacity: 0;
visibility: hidden;
}
.set--video-manual .video-asset__overlay, .set--video-has-controls .video-asset__overlay {
pointer-events: none;
}
.set--video-manual .video-asset__overlay > *, .set--video-has-controls .video-asset__overlay > * {
pointer-events: initial;
}
.set--video-no-controls.set--video-autoplay .video-asset {
pointer-events: none;
}
.set--video-ready .video-asset {
opacity: 1;
}
.set--video-played .vjs-tech {
opacity: 1;
}
.iti__container {
position: relative;
}
.iti {
position: relative;
display: flex;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
[dir="ltr"] .iti input[type=tel] {
padding-left: 0.5rem !important;
}
[dir="rtl"] .iti input[type=tel] {
padding-right: 0.5rem !important;
}
.iti__input {
border-left: solid 0.0625rem;
border-right: solid 0.0625rem;
}
[dir="ltr"] .iti__input {
text-align: left;
}
[dir="rtl"] .iti__input {
text-align: right;
}
[dir=rtl] .iti__input {
direction: ltr;
}
.iti__flag-container,
.iti__dropdown-placeholder {
width: 5.375rem;
flex: 0 0 5.375rem;
border-bottom: solid 0.0625rem;
border: 0.063rem solid #444444;
}
.set--intl-tel-ready .iti__dropdown-placeholder {
display: none;
}
.iti__dropdown-label {
position: absolute;
top: 0.25rem;
}
[dir=rtl] .iti__dropdown-label {
left: 0;
margin-left: 2.357rem;
}
[dir=ltr] .set--intl-tel-ready .iti__input-label {
margin-left: 5.875rem;
}
[dir=rtl] .set--intl-tel-ready .iti__input-label {
margin-left: 0.5rem;
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding-left: 0.5rem;
padding-right: 1.75rem;
background-position: calc(100% - 0.65em) center;
background-size: 0.85rem 0.85rem;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
font-weight: 300;
outline-offset: 0;
}
[dir=rtl] .iti__selected-flag {
flex-direction: row-reverse;
}
.iti__selected-dial-code {
font-size: 0.875rem;
margin: auto;
}
[dir=rtl] .iti__selected-dial-code {
margin-left: auto;
}
[dir=rtl] .iti__selected-dial-code {
direction: ltr;
}
.iti__country-list {
position: absolute;
top: 100%;
z-index: 2;
list-style: none;
background-color: white;
border: solid 0.0625rem;
border-top: none;
width: 100%;
max-height: 12.5rem;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
transition-property: opacity, visibility, max-height;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
}
[dir="ltr"] .iti__country-list {
text-align: left;
padding-left: 0;
}
[dir="rtl"] .iti__country-list {
text-align: right;
padding-right: 0;
}
[dir=rtl] .iti__country-list {
right: 0;
}
.iti__country-list.iti__hide {
display: block;
max-height: 3rem;
opacity: 0;
visibility: hidden;
}
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px;
}
.iti__flag-box {
display: none;
}
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #8C8C8C;
}
.iti__country {
padding: 0.25rem 0.5rem;
outline: none;
font-size: 0.875rem;
}
.iti__dial-code {
font-weight: 500;
}
.iti__country.iti__highlight {
background-color: #F0F0F0;
}
.iti__country-name,
.iti__dial-code {
vertical-align: middle;
}
.iti__country {
direction: ltr;
}
.iti__country-name {
margin-right: 6px;
}
.iti--container:hover,
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default;
}
[dir=rtl] .iti--separate-dial-code {
flex-direction: row-reverse;
}
.iti--container {
position: absolute;
top: -1000px;
z-index: 1060;
padding: 1px;
}
[dir="ltr"] .iti--container {
left: -1000px;
}
[dir="rtl"] .iti--container {
right: -1000px;
}
.iti-mobile .iti--container {
position: fixed;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.25);
}
[dir="ltr"] .iti-mobile .iti--container {
left: 0;
}
[dir="rtl"] .iti-mobile .iti--container {
right: 0;
}
.iti-mobile .iti__country-list {
top: 1rem;
width: calc(100% - 2rem);
max-height: calc(100% - 2rem);
border: none;
}
[dir="ltr"] .iti-mobile .iti__country-list {
left: 1rem;
}
[dir="rtl"] .iti-mobile .iti__country-list {
right: 1rem;
}
.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
display: none;
}
/**
* TABLE OF CONTENTS
*
* COMPONENTS
* headerCommons...................Contains header global styles.
* headerBanner....................Styles for the header top banner.
* headerFlyout...................Styles for category navigation.
* headerSearch...................Styles for the header search.
* headerMinicart.................Minicart styles.
*
*/
/*------------------------------------*\
#COMPONENTS
\*------------------------------------*/
/**
* Contains global styles for the header.
* This stylesheet should not include component specific styles.
*/
.header__main-nav:after {
content: "";
position: absolute;
opacity: 0;
height: 100%;
background-color: #FFF;
width: 100%;
top: 0;
}
[dir="ltr"] .header__main-nav:after {
transform: translate3d(-100%, 0, 0);
left: 0;
border-right: 1px solid #000;
}
[dir="rtl"] .header__main-nav:after {
transform: translate3d(100%, 0, 0);
right: 0;
border-left: 1px solid #000;
}
.header-container {
z-index: 99;
}
.set--header-blend .header-container {
position: absolute;
width: 100%;
top: 0;
}
[dir="ltr"] .set--header-blend .header-container {
left: 0;
}
[dir="rtl"] .set--header-blend .header-container {
right: 0;
}
.header-container.set--overlay .header-promo {
z-index: 1;
}
.header-container:not(.set--overlay) .header-promo {
transition: z-index 0s ease-in-out 300ms;
}
.header-container .fixit-placeholder {
display: none;
}
.header-container .header__main-nav::-webkit-scrollbar {
display: none;
}
@media (min-width: 1024px) {
.header-container .header__main-active.header__main-nav {
animation: widthAnimation 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards !important;
width: 89.77%;
}
@keyframes widthAnimation {
from {
width: 20%;
}
to {
width: 89.77%;
}
}
}
@media (min-width: 1024px) and (max-width: 1440px) {
.header-container .header__main-active.header__main-nav {
animation: widthAnimation 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards !important;
width: 84.94%;
}
@keyframes widthAnimation {
from {
width: 20%;
}
to {
width: 84.94%;
}
}
}
@media only screen and (width: 1280px) {
.header-container .header__main-active.header__main-nav {
animation: widthAnimation 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards !important;
width: 84.9%;
}
@keyframes widthAnimation {
from {
width: 20%;
}
to {
width: 84.9%;
}
}
}
@media only screen and (width: 1440px) {
.header-container .header__main-active.header__main-nav {
animation: widthAnimation 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards !important;
width: 89.74%;
}
@keyframes widthAnimation {
from {
width: 20%;
}
to {
width: 89.74%;
}
}
}
@media (min-width: 1024px) and (max-width: 1300px) {
.header-container .header__main-active.header__main-nav .main-block {
animation: enlargeAndShrink 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards;
width: undefined;
width: var(--dynamic-width);
}
@keyframes enlargeAndShrink {
to {
width: undefined;
width: var(--dynamic-width);
}
from {
width: 54%;
}
}
}
@media only screen and (width: 1024px) {
.header-container .header__main-active.header__main-nav .main-block {
animation: enlargeAndShrink 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards;
width: undefined;
width: var(--dynamic-width);
}
@keyframes enlargeAndShrink {
to {
width: undefined;
width: var(--dynamic-width);
}
from {
width: 54%;
}
}
}
@media only screen and (width: 1280px) {
.header-container .header__main-active.header__main-nav .main-block {
animation: enlargeAndShrink 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards;
width: undefined;
width: var(--dynamic-width);
}
@keyframes enlargeAndShrink {
to {
width: undefined;
width: var(--dynamic-width);
}
from {
width: 54%;
}
}
}
@media (min-width: 1307px) and (max-width: 1439px) {
.header-container .header__main-active.header__main-nav .main-block {
animation: enlargeAndShrink 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards;
width: undefined;
width: var(--dynamic-width);
}
@keyframes enlargeAndShrink {
to {
width: undefined;
width: var(--dynamic-width);
}
from {
width: 54%;
}
}
}
@media only screen and (width: 1440px) {
.header-container .header__main-active.header__main-nav .main-block {
animation: enlargeAndShrink 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards;
width: undefined;
width: var(--dynamic-width);
}
@keyframes enlargeAndShrink {
to {
width: undefined;
width: var(--dynamic-width);
}
from {
width: 54%;
}
}
}
@media (min-width: 1441px) {
.header-container .header__main-active.header__main-nav .main-block {
animation: enlargeAndShrink 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards;
width: undefined;
width: var(--dynamic-width);
}
@keyframes enlargeAndShrink {
to {
width: undefined;
width: var(--dynamic-width);
}
from {
width: 54%;
}
}
}
@media (min-width: 1920px) {
.header-container .header__main-active.header__main-nav .main-block {
animation: enlargeAndShrink 1s cubic-bezier(0.4, 0.9, 0.3, 1) forwards;
width: undefined;
width: var(--dynamic-width);
}
@keyframes enlargeAndShrink {
to {
width: undefined;
width: var(--dynamic-width);
}
from {
width: 54%;
}
}
}
.header-container .header__main-active.header__main-nav .main-block .header-flyout__container.level-2.active {
width: 800px;
width: undefined !important;
width: var(--dynamic-header-width) !important;
}
.header-container .header__main-nav {
position: absolute;
top: 28px;
color: #000;
width: 292px;
height: 100vh;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
z-index: 99;
background-color: #FFF;
transition: transform 500ms ease-in-out;
width: undefined;
width: var(--dynamic-width);
}
[dir="ltr"] .header-container .header__main-nav {
left: 0;
transform: translateX(-100%);
}
[dir="rtl"] .header-container .header__main-nav {
right: 0;
transform: translateX(100%);
}
@media (max-width: 1024px) {
.header-container .header__main-nav {
transition: none;
}
}
@media (max-width: 49.375rem) {
.header-container .header__main-nav {
background-color: unset;
padding: 0 !important;
width: 100%;
top: 52px;
}
}
.header-container .header__main-nav.hidden {
visibility: hidden;
}
.header-container .header__main-nav a {
color: #000;
font-size: 14px;
}
.header-container .header__main-nav a:hover {
opacity: 1;
background-size: unset;
}
.header-container .header__main-nav .main-block {
position: absolute;
width: 277px;
z-index: 9;
height: 100vh;
width: 100%;
}
[dir="ltr"] .header-container .header__main-nav .main-block {
padding: 0 0 0 15px;
border-right: 1px solid #000;
}
[dir="rtl"] .header-container .header__main-nav .main-block {
padding: 0 15px 0 0;
border-left: 1px solid #000;
}
@media (min-width: 49.4375rem) {
.header-container .header__main-nav .main-block nav.header-flyout {
overflow-y: scroll;
height: 100%;
scrollbar-width: none;
}
.header-container .header__main-nav .main-block nav.header-flyout::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 49.375rem) {
.header-container .header__main-nav .main-block {
width: 100%;
height: 100vh;
position: fixed;
top: 92px;
overflow: visible;
}
[dir="ltr"] .header-container .header__main-nav .main-block {
border-right: 0 !important;
}
[dir="rtl"] .header-container .header__main-nav .main-block {
border-left: 0 !important;
}
}
.header-container .header__main-nav .header-flyout__list {
width: 100%;
flex-direction: column;
height: auto;
padding: 60px 0 30px 0;
}
@media (min-width: 49.4375rem) {
[dir="ltr"] .header-container .header__main-nav .header-flyout__list {
padding: 60px 0 30px 15px;
}
[dir="rtl"] .header-container .header__main-nav .header-flyout__list {
padding: 60px 15px 30px 0;
}
}
@media (max-width: 49.375rem) {
.header-container .header__main-nav .header-flyout__list {
padding: 30px 0 30px;
}
}
.header-container .header__main-nav .header-flyout__list .level-1 button svg {
width: 10px;
height: 10px;
}
.header-container .header__main-nav .header-flyout__list ul.header-flyout__list--generic.level-3 {
padding-top: 0;
padding-bottom: 30px;
}
@media (max-width: 49.375rem) {
.header-container .header__main-nav .header-flyout__list ul.header-flyout__list--generic.level-3 {
padding: 0;
}
}
@media (max-width: 49.375rem) {
[dir="ltr"] .header-container .header__main-nav .header-flyout__list .main-image {
padding-right: 0;
}
[dir="rtl"] .header-container .header__main-nav .header-flyout__list .main-image {
padding-left: 0;
}
}
@media (max-width: 49.375rem) {
.header-container .header__main-nav .header-flyout__list .main-image a {
padding-left: 0;
padding-right: 0;
}
}
.header-container .header__main-nav .header-flyout__list li button,
.header-container .header__main-nav .header-flyout__list a {
color: #000;
text-transform: capitalize;
font-size: 14px;
display: flex;
letter-spacing: inherit;
}
[dir="ltr"] .header-container .header__main-nav .header-flyout__list li button,
[dir="ltr"] .header-container .header__main-nav .header-flyout__list a {
text-align: left;
}
[dir="rtl"] .header-container .header__main-nav .header-flyout__list li button,
[dir="rtl"] .header-container .header__main-nav .header-flyout__list a {
text-align: right;
}
@media (max-width: 49.375rem) {
.header-container .header__main-nav .header-flyout__list li button,
.header-container .header__main-nav .header-flyout__list a {
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 10px;
padding-bottom: 10px;
}
.header-container .header__main-nav .header-flyout__list li button.image-text,
.header-container .header__main-nav .header-flyout__list a.image-text {
padding-top: 0;
}
[dir="ltr"] .header-container .header__main-nav .header-flyout__list li button.image-text,
[dir="ltr"] .header-container .header__main-nav .header-flyout__list a.image-text {
padding-left: 0;
}
[dir="rtl"] .header-container .header__main-nav .header-flyout__list li button.image-text,
[dir="rtl"] .header-container .header__main-nav .header-flyout__list a.image-text {
padding-right: 0;
}
}
@media (min-width: 49.4375rem) {
.header-container .header__main-nav .header-flyout__list li button.image-text,
.header-container .header__main-nav .header-flyout__list a.image-text {
padding-top: 10px;
}
}
.header-container .header__main-nav .header-flyout__list li button::first-letter,
.header-container .header__main-nav .header-flyout__list a::first-letter {
text-transform: capitalize;
}
@media (min-width: 49.4375rem) {
.header-container .header__main-nav .header-flyout__list li button,
.header-container .header__main-nav .header-flyout__list a {
justify-content: start;
width: auto;
}
}
.header-container .header__main-nav .header-flyout__list li button.level-3:hover,
.header-container .header__main-nav .header-flyout__list a.level-3:hover {
text-decoration: underline;
background-size: 0;
display: flex;
align-items: center;
}
.header-container .header__main-nav .header-flyout__list li button {
font-size: 0.75rem;
letter-spacing: 1px;
}
@media (min-width: 49.4375rem) {
.header-container .header__main-nav .header-flyout__list li button {
font-size: 0.875rem;
}
}
@media (max-width: 49.375rem) {
.header-container .header__main-nav .header-flyout__list li button.slick-arrow::after {
height: 18px;
top: 17px;
}
}
@media (max-width: 49.375rem) {
[dir="ltr"] .header-container .header__main-nav .header-flyout__list li button.slick-arrow.slick-next {
right: 0;
}
[dir="rtl"] .header-container .header__main-nav .header-flyout__list li button.slick-arrow.slick-next {
left: 0;
}
}
@media (max-width: 49.375rem) {
[dir="ltr"] .header-container .header__main-nav .header-flyout__list li button.slick-arrow.slick-prev {
right: 28px;
}
[dir="rtl"] .header-container .header__main-nav .header-flyout__list li button.slick-arrow.slick-prev {
left: 28px;
}
}
.header-container .header__main-nav .header-flyout__list li a {
font-size: 0.875rem;
letter-spacing: 0.5px;
}
html[dir=rtl] .tab-shop .btn-shop {
padding: 14px 0 11px;
}
.tab-shop.nav-menu-active .btn-shop:before {
content: "";
width: 6px;
height: 6px;
background-color: #000;
border-radius: 4px;
display: inline-block;
margin-bottom: 2px;
}
[dir="ltr"] .tab-shop.nav-menu-active .btn-shop:before {
margin-right: 8px;
}
[dir="rtl"] .tab-shop.nav-menu-active .btn-shop:before {
margin-left: 8px;
}
.tab-shop.nav-menu-active .header__main-nav {
display: block;
}
@media (max-width: 1024px) {
.tab-shop.nav-menu-active .header__main-nav:not(.d-none) {
transform: none;
transition: none;
}
}
@media (min-width: 1024px) {
.tab-shop.nav-menu-active .header__main-nav:not(.d-none) {
transition: transform 500ms ease-in-out;
transform: translateX(0px);
}
}
.tab-shop.nav-menu-active .header__main-nav::after {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.tab-shop .btn-shop {
width: 100%;
padding: 11px 0;
}
[data-action*=Checkout] .header-container,
[data-action=Order-Confirm] .header-container {
background: #FFF;
position: static;
border-bottom: 1px solid #F2F2F2;
}
[data-action*=Checkout] .header-container .header--no-menu,
[data-action=Order-Confirm] .header-container .header--no-menu {
padding: 0;
}
[data-action*=Checkout] .header-container_inner,
[data-action=Order-Confirm] .header-container_inner {
align-self: center;
padding-top: 0.1875rem;
min-width: 12rem;
}
[dir="ltr"] [data-action*=Checkout] .header-container_inner,
[dir="ltr"] [data-action=Order-Confirm] .header-container_inner {
margin-left: -0.3125rem;
}
[dir="rtl"] [data-action*=Checkout] .header-container_inner,
[dir="rtl"] [data-action=Order-Confirm] .header-container_inner {
margin-right: -0.3125rem;
}
@media (max-width: 49.375rem) {
[data-action*=Checkout] .header-container_inner,
[data-action=Order-Confirm] .header-container_inner {
display: none;
}
}
[data-action*=Checkout] .header-container_logo,
[data-action=Order-Confirm] .header-container_logo {
padding: 0.56rem 1.6875rem;
}
[dir="ltr"] [data-action*=Checkout] .header-container_logo,
[dir="ltr"] [data-action=Order-Confirm] .header-container_logo {
border-right: 1px solid #000;
}
[dir="rtl"] [data-action*=Checkout] .header-container_logo,
[dir="rtl"] [data-action=Order-Confirm] .header-container_logo {
border-left: 1px solid #000;
}
@media (min-width: 49.4375rem) {
[dir="ltr"] [data-action*=Checkout] .header-container_logo,
[dir="ltr"] [data-action=Order-Confirm] .header-container_logo {
border-left: 1px solid #000;
padding: 0.66rem 0 0.66rem 2.6875rem;
border-right: none;
}
[dir="rtl"] [data-action*=Checkout] .header-container_logo,
[dir="rtl"] [data-action=Order-Confirm] .header-container_logo {
border-right: 1px solid #000;
padding: 0.66rem 2.6875rem 0.66rem 0;
border-left: none;
}
}
[data-action*=Checkout] .header-container_logo .default-logo,
[data-action=Order-Confirm] .header-container_logo .default-logo {
display: none;
}
[data-action*=Checkout] .header-container_logo .header__logo,
[data-action=Order-Confirm] .header-container_logo .header__logo {
align-items: flex-start;
}
@media (min-width: 49.4375rem) {
[dir="ltr"] [data-action*=Checkout] .header-container_secure-wrapper,
[dir="ltr"] [data-action=Order-Confirm] .header-container_secure-wrapper {
padding-right: 40px;
}
[dir="rtl"] [data-action*=Checkout] .header-container_secure-wrapper,
[dir="rtl"] [data-action=Order-Confirm] .header-container_secure-wrapper {
padding-left: 40px;
}
}
[data-action*=Checkout] .header-container_secure_logo,
[data-action=Order-Confirm] .header-container_secure_logo {
width: 3rem;
}
[data-action*=Checkout] .header-container_secure_logo img,
[data-action=Order-Confirm] .header-container_secure_logo img {
height: auto;
}
[data-action*=Checkout] .header-container_secure_logo .trustWaveIcon,
[data-action=Order-Confirm] .header-container_secure_logo .trustWaveIcon {
vertical-align: middle;
}
@media (max-width: 49.375rem) {
[data-action*=Checkout] .header-container .content-justify-center,
[data-action=Order-Confirm] .header-container .content-justify-center {
justify-content: center;
}
}
@media (min-width: 49.4375rem) {
.scroll-off .header.header--global {
width: calc(100% - 0.99rem);
}
}
@media (min-width: 49.4375rem) {
html[dir=rtl] .scroll-off .header.header--global {
width: 99.9999%;
}
}
.header {
z-index: 3;
position: relative;
cursor: initial;
/*&:not(.header--no-menu) {
box-shadow: 0 .0625rem 0 0 transparentize($color-black, .85);
}*/
}
.set--header-blend .header:not(:hover):not(:focus-within):not(.fixit--scroll-direction-change):not(.focus-within) {
background-color: transparent;
color: #FFF;
box-shadow: inset 0 -0.0625rem 0 0 transparent;
transition-timing-function: ease-in;
}
.header.fixit--active {
position: absolute;
width: 100%;
transition-property: margin, background-color, color, box-shadow;
}
.header.fixit--active:not(.fixit--scroll-direction-change) {
bottom: 0;
}
.header.fixit--scroll-direction-change {
position: fixed;
top: 0;
}
.header.fixit--scrolled.fixit--scroll-up {
margin-top: 0;
}
.header .header__main {
background-color: #FFF;
}
.header_mainlogo,
.header__hamburger-trigger {
color: #FFF;
}
.header__logo-img {
width: 100%;
}
.header__logo-copy {
margin-top: 0.45em;
}
.header__skip-to-main {
position: absolute;
top: 1rem;
z-index: 1000;
}
[dir="ltr"] .header__skip-to-main {
left: 2rem;
}
[dir="rtl"] .header__skip-to-main {
right: 2rem;
}
.header__skip-to-main:not(:focus) {
pointer-events: none;
opacity: 0;
}
.header-promo {
position: relative;
z-index: 3;
}
.header-promo.toggle--active {
display: none;
}
.header-promo__close-form {
position: absolute;
top: 0;
bottom: 0;
}
.header-promo__close-button {
height: 1.75rem;
width: 1.75rem;
}
@media (min-width: 90.0625rem) {
[dir="ltr"] .header-promo__close-form {
left: calc(50% + 45rem - 1.7rem);
transform: translateX(-100%);
}
[dir="rtl"] .header-promo__close-form {
right: calc(50% + 45rem - 1.7rem);
transform: translateX(100%);
}
}
@media (min-width: 64.0625rem) and (max-width: 90rem) {
[dir="ltr"] .header-promo__close-form {
right: 1.7rem;
}
[dir="rtl"] .header-promo__close-form {
left: 1.7rem;
}
}
@media (min-width: 49.4375rem) and (max-width: 64rem) {
[dir="ltr"] .header-promo__close-form {
right: 1.25rem;
}
[dir="rtl"] .header-promo__close-form {
left: 1.25rem;
}
}
@media (min-width: 49.4375rem) {
.header.fixit--scrolled.fixit--scroll-down:not(:hover):not(:focus-within):not(.focus-within) {
margin-top: -11.5rem;
}
.header--no-menu {
padding: 1.25rem 0 2.125rem;
}
.header__main-nav {
margin-top: 0.95rem;
}
.header--logo-has-copy .header__logo {
height: 2.6875rem;
}
}
@media (max-width: 49.375rem) {
.header.fixit--scrolled.fixit--scroll-down:not(:hover):not(:focus-within):not(.focus-within) {
margin-top: -5rem;
}
.header--no-menu {
padding: 0.625rem 0 1.25rem;
}
.header__main {
align-items: center;
}
.header--logo-has-copy .header__main {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
.header__logo {
margin: auto;
}
.header--logo-has-copy .header__logo {
height: 3.45rem;
}
[dir="ltr"] .header-promo__close-form {
right: 0.7rem;
}
[dir="rtl"] .header-promo__close-form {
left: 0.7rem;
}
.header__account + .header__utility-anchor {
display: none !important;
}
}
[dir=ltr] .header__utility-anchor,
[dir=ltr] .header__utility-anchor-account {
font-size: 0.75rem;
}
[dir=rtl] .header__utility-anchor,
[dir=rtl] .header__utility-anchor-account {
font-size: 0.875rem;
}
.header__utility-anchor:not(.header-flyout__secondary-link) svg:not(.site-search__trigger-icon) {
font-size: 1.31rem;
}
.header__utility-anchor-account {
padding: 0.125rem 0.313rem;
}
.header_content {
display: grid;
grid-template-columns: 29.5% 57.03% 6.5% 6.5%;
grid-template-rows: 3.125rem;
grid-template-areas: "logo searchmobile minicart hamburger";
-webkit-transition: background-color 2ms;
-moz-transition: background-color 2ms;
-o-transition: background-color 2ms;
-ms-tansition: background-color 2ms;
transition: background-color 2ms;
position: fixed;
transform: translateY(0);
width: 100%;
}
@media (min-width: 1024px) {
.header_content {
display: grid;
grid-template-columns: 24% 24.3% 15.6% 14% 7% 7% 7%;
grid-template-rows: 2.75rem;
grid-template-areas: "shop-discover-block logo search country account wishlist minicart";
align-items: center;
}
.header_content .header__utility-item {
display: flex;
}
.header_content .header__utility-item.header__hamburger-menu {
display: none;
}
.header_content .header__utility-item.header__search {
grid-area: search;
display: flex;
justify-content: start;
height: 2.75rem;
align-items: center;
}
[dir="ltr"] .header_content .header__utility-item.header__search {
border-right: 0.0625rem solid #FFF;
}
[dir="rtl"] .header_content .header__utility-item.header__search {
border-left: 0.0625rem solid #FFF;
}
.header_content .header__utility-item.header__search .site-search {
width: 100%;
}
.header_content .header__utility-item.header__search .site-search .header__search-trigger {
width: 100%;
justify-content: flex-start;
}
[dir="ltr"] .header_content .header__utility-item.header__search .site-search .site-search__trigger-icon {
margin: 0.0625rem 0 0 2.0625rem;
}
[dir="rtl"] .header_content .header__utility-item.header__search .site-search .site-search__trigger-icon {
margin: 0.0625rem 2.0625rem 0 0;
}
}
@media (min-width: 1024px) and (min-width: 49.4375rem) {
[dir="ltr"] .header_content .header__utility-item.header__search .site-search .site-search__trigger-icon {
margin: 1.0625rem 0 0 0.5625rem;
}
[dir="rtl"] .header_content .header__utility-item.header__search .site-search .site-search__trigger-icon {
margin: 1.0625rem 0.5625rem 0 0;
}
}
@media (min-width: 1440px) {
.header_content {
grid-template-columns: 19.4% 19.6% 35.72% 10% 5.02% 5.02% 5.02%;
}
}
.header_content .search-label {
color: #FFF;
}
[dir="ltr"] .header_content .search-label {
margin-left: 1.25rem;
}
[dir="rtl"] .header_content .search-label {
margin-right: 1.25rem;
}
@media (max-width: 767px) {
.header_content .search-label {
display: none;
}
}
@media (min-width: 1024px) {
.header_content .search-label {
display: block;
}
[dir="ltr"] .header_content .search-label {
margin-left: 4rem;
}
[dir="rtl"] .header_content .search-label {
margin-right: 4rem;
}
}
.header_content .wishlist-count {
color: #FFF;
position: absolute;
top: 0.6875rem;
}
[dir="ltr"] .header_content .wishlist-count {
right: 1.1875rem;
}
[dir="rtl"] .header_content .wishlist-count {
left: 1.1875rem;
}
@media (max-width: 767px) {
.header_content {
display: grid;
grid-template-columns: 59.2% 13.6% 13.6% 13.6%;
grid-template-rows: 3.125rem;
grid-template-areas: "logo searchmobile minicart hamburger";
}
}
.header_content .sticky-logo, .header_content .sticky-search, .header_content .sticky-account, .header_content .sticky-wishlist, .header_content .sticky-minicart, .header_content .sticky-hamburger {
display: none;
}
.header_mainlogo, .header-country, .header-account, .header-wishlist, .header__hamburger, .header__searchmobile, .header_loggedin, .header_wishlist_login {
display: none;
}
@media (min-width: 1024px) {
.header_mainlogo, .header-country, .header-account, .header-wishlist, .header__hamburger, .header__searchmobile, .header_loggedin, .header_wishlist_login {
height: 3.125rem;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
}
[dir="ltr"] .header_mainlogo, [dir="ltr"] .header-country, [dir="ltr"] .header-account, [dir="ltr"] .header-wishlist, [dir="ltr"] .header__hamburger, [dir="ltr"] .header__searchmobile, [dir="ltr"] .header_loggedin, [dir="ltr"] .header_wishlist_login {
border-right: 0.0625rem solid #FFF;
}
[dir="rtl"] .header_mainlogo, [dir="rtl"] .header-country, [dir="rtl"] .header-account, [dir="rtl"] .header-wishlist, [dir="rtl"] .header__hamburger, [dir="rtl"] .header__searchmobile, [dir="rtl"] .header_loggedin, [dir="rtl"] .header_wishlist_login {
border-left: 0.0625rem solid #FFF;
}
}
.shop-discover-block {
grid-area: shop-discover-block;
color: #FFF;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 49.375rem) {
.shop-discover-block {
grid-area: unset;
width: 100%;
position: absolute;
top: 50px;
z-index: 99;
background-color: #FFF;
display: none;
border-top: 1px solid #000;
}
}
@media (max-width: 63.938rem) {
.shop-discover-block {
grid-area: unset;
width: 100%;
position: absolute;
top: 3.125rem;
z-index: 99;
background-color: #FFF;
display: none;
border-top: 0.0625rem solid #000;
}
}
.shop-discover-block .header-shop,
.shop-discover-block .tab-discover {
width: 50%;
display: flex;
justify-content: center;
}
[dir="ltr"] .shop-discover-block .header-shop,
[dir="ltr"] .shop-discover-block .tab-discover {
border-right: 0.0625rem solid #FFF;
}
[dir="rtl"] .shop-discover-block .header-shop,
[dir="rtl"] .shop-discover-block .tab-discover {
border-left: 0.0625rem solid #FFF;
}
.shop-discover-block .header-shop .header-flyout__container,
.shop-discover-block .tab-discover .header-flyout__container {
width: 100%;
}
.shop-discover-block .header-shop button,
.shop-discover-block .tab-discover button {
transition: text-decoration 0.32s ease-in-out, -webkit-text-decoration 0.32s ease-in-out;
text-underline-offset: 0.3125rem;
}
.shop-discover-block .discover-content {
color: #000;
}
.shop-discover-block .discover-content .content-scrollable {
display: inline-block;
overflow: auto;
height: 100%;
width: 100%;
-ms-overflow-style: none;
scrollbar-width: none;
}
.shop-discover-block .discover-content .content-scrollable::-webkit-scrollbar {
display: none;
}
@media (max-width: 49.375rem) {
.shop-discover-block .discover-content .content-scrollable {
padding-bottom: 100px;
}
}
@media (min-width: 49.4375rem) {
.shop-discover-block .discover-content .content-scrollable .pb-6 {
padding-bottom: 5rem !important;
}
}
.shop-discover-block .megamenu-tabs-mobile {
width: 100%;
display: flex;
justify-content: center;
padding: 10px 0;
color: #000;
}
.shop-discover-block .close-discover-flyout {
z-index: 2;
position: absolute;
top: 15px;
background: #FFF;
width: 15px;
}
[dir="ltr"] .shop-discover-block .close-discover-flyout {
right: 30px;
}
[dir="rtl"] .shop-discover-block .close-discover-flyout {
left: 30px;
}
.shop-discover-block .close-discover-flyout::before, .shop-discover-block .close-discover-flyout::after {
background-color: #000;
content: "";
height: 1px;
position: absolute;
top: 5%;
width: 1rem;
cursor: pointer;
z-index: 9;
opacity: 1;
}
[dir="ltr"] .shop-discover-block .close-discover-flyout::before, [dir="ltr"] .shop-discover-block .close-discover-flyout::after {
right: 4%;
}
[dir="rtl"] .shop-discover-block .close-discover-flyout::before, [dir="rtl"] .shop-discover-block .close-discover-flyout::after {
left: 4%;
}
[dir="ltr"] .shop-discover-block .close-discover-flyout::before {
transform: translate(-50%, -50%) rotate(45deg);
}
[dir="rtl"] .shop-discover-block .close-discover-flyout::before {
transform: translate(50%, -50%) rotate(-45deg);
}
[dir="ltr"] .shop-discover-block .close-discover-flyout::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
[dir="rtl"] .shop-discover-block .close-discover-flyout::after {
transform: translate(50%, -50%) rotate(45deg);
}
.shop-discover-block .discover-sub-categories {
list-style-type: none;
}
.shop-discover-block .discover-sub-categories li.pb-3 {
font-size: 0.875rem;
letter-spacing: 1px;
line-height: 20px;
padding-bottom: 1.875rem !important;
}
.shop-discover-block .discover-sub-categories li.sub-links {
margin-bottom: 2px;
}
.shop-discover-block .discover-sub-categories li.sub-links a {
font-size: 0.875rem;
letter-spacing: 0.5px;
line-height: 20px;
}
.shop-discover-block .discover-sub-categories a:hover {
color: inherit;
}
.shop-discover-block .js-mobile-shop-tab.active:before,
.shop-discover-block .js-mobile-discover-tab.active:before {
content: "";
width: 6px;
height: 6px;
background-color: #000;
border-radius: 4px;
display: inline-block;
margin-top: 12px;
}
[dir="ltr"] .shop-discover-block .js-mobile-shop-tab.active:before,
[dir="ltr"] .shop-discover-block .js-mobile-discover-tab.active:before {
margin-right: 8px;
}
[dir="rtl"] .shop-discover-block .js-mobile-shop-tab.active:before,
[dir="rtl"] .shop-discover-block .js-mobile-discover-tab.active:before {
margin-left: 8px;
}
.header_mainlogo {
grid-area: logo;
height: 3.125rem;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
width: 100%;
}
[dir="ltr"] .header_mainlogo {
border-right: 0.0625rem solid #FFF;
}
[dir="rtl"] .header_mainlogo {
border-left: 0.0625rem solid #FFF;
}
@media (max-width: 1023px) {
.header_mainlogo .header__logo {
max-width: 10.5rem;
margin: 0 auto;
}
}
.header-country {
grid-area: country;
}
.header-account {
grid-area: account;
}
.header_loggedin {
grid-area: account;
}
.header_loggedin .header-account__login:hover {
color: #FFF;
}
.header-wishlist {
grid-area: wishlist;
justify-content: center;
}
.header_wishlist_login {
grid-area: wishlist;
justify-content: center;
position: relative;
}
.header__minicart {
grid-area: minicart;
justify-content: center;
height: 3.125rem;
display: flex;
align-items: center;
color: #FFF;
}
[dir="ltr"] .header__minicart {
border-right: 0;
border-left: 0.0625rem solid #FFF;
}
[dir="rtl"] .header__minicart {
border-left: 0;
border-right: 0.0625rem solid #FFF;
}
@media (min-width: 1024px) {
[dir="ltr"] .header__minicart {
border-left: 0;
}
[dir="rtl"] .header__minicart {
border-right: 0;
}
}
.header__hamburger-menu {
grid-area: hamburger;
justify-content: center;
height: 3.125rem;
display: flex;
align-items: center;
color: #FFF;
position: relative;
}
[dir="ltr"] .header__hamburger-menu {
border-left: 0.0625rem solid #FFF;
}
[dir="rtl"] .header__hamburger-menu {
border-right: 0.0625rem solid #FFF;
}
@media (min-width: 1024px) {
.header__hamburger-menu {
display: none;
}
[dir="ltr"] .header__hamburger-menu {
border-left: 0;
}
[dir="rtl"] .header__hamburger-menu {
border-right: 0;
}
}
.header__search-trigger.header_searchMobile {
grid-area: searchmobile;
height: 3.125rem;
display: flex;
justify-content: start;
align-items: center;
color: #FFF;
}
[dir="ltr"] .header__search-trigger.header_searchMobile {
margin-left: 0.625rem;
}
[dir="rtl"] .header__search-trigger.header_searchMobile {
margin-right: 0.625rem;
}
@media (min-width: 767px) and (min-width: 1023px) {
.header__search-trigger.header_searchMobile {
display: none;
}
}
@media (max-width: 767px) {
.header__search-trigger.header_searchMobile {
width: 100%;
}
[dir="ltr"] .header__search-trigger.header_searchMobile {
margin-left: 0;
}
[dir="rtl"] .header__search-trigger.header_searchMobile {
margin-right: 0;
}
}
@media (min-width: 767px) and (max-width: 1023px) {
.header__search-trigger.header_searchMobile {
display: none;
}
}
@media (min-width: 767px) and (max-width: 1023px) {
.header__search-trigger {
display: none;
}
[dir="ltr"] .header__search-trigger .search-label {
margin-left: 3.25rem;
}
[dir="rtl"] .header__search-trigger .search-label {
margin-right: 3.25rem;
}
}
.page:not(.page--homepage) .header--global .header-shop, .page:not(.page--homepage) .header--global .header-discover, .page:not(.page--homepage) .header--global .header_mainlogo, .page:not(.page--homepage) .header--global .header__search, .page:not(.page--homepage) .header--global .header-country, .page:not(.page--homepage) .header--global .header-account, .page:not(.page--homepage) .header--global .header-wishlist, .page:not(.page--homepage) .header--global .header_wishlist_login, .page:not(.page--homepage) .header--global .header_loggedin {
color: #000;
}
[dir="ltr"] .page:not(.page--homepage) .header--global .header-shop, [dir="ltr"] .page:not(.page--homepage) .header--global .header-discover, [dir="ltr"] .page:not(.page--homepage) .header--global .header_mainlogo, [dir="ltr"] .page:not(.page--homepage) .header--global .header__search, [dir="ltr"] .page:not(.page--homepage) .header--global .header-country, [dir="ltr"] .page:not(.page--homepage) .header--global .header-account, [dir="ltr"] .page:not(.page--homepage) .header--global .header-wishlist, [dir="ltr"] .page:not(.page--homepage) .header--global .header_wishlist_login, [dir="ltr"] .page:not(.page--homepage) .header--global .header_loggedin {
border-right: 0.0625rem solid #000;
}
[dir="rtl"] .page:not(.page--homepage) .header--global .header-shop, [dir="rtl"] .page:not(.page--homepage) .header--global .header-discover, [dir="rtl"] .page:not(.page--homepage) .header--global .header_mainlogo, [dir="rtl"] .page:not(.page--homepage) .header--global .header__search, [dir="rtl"] .page:not(.page--homepage) .header--global .header-country, [dir="rtl"] .page:not(.page--homepage) .header--global .header-account, [dir="rtl"] .page:not(.page--homepage) .header--global .header-wishlist, [dir="rtl"] .page:not(.page--homepage) .header--global .header_wishlist_login, [dir="rtl"] .page:not(.page--homepage) .header--global .header_loggedin {
border-left: 0.0625rem solid #000;
}
.page:not(.page--homepage) .header--global .header__minicart, .page:not(.page--homepage) .header--global .header__hamburger-menu {
color: #000;
}
[dir="ltr"] .page:not(.page--homepage) .header--global .header__minicart, [dir="ltr"] .page:not(.page--homepage) .header--global .header__hamburger-menu {
border-left: 0.0625rem solid #000;
}
[dir="rtl"] .page:not(.page--homepage) .header--global .header__minicart, [dir="rtl"] .page:not(.page--homepage) .header--global .header__hamburger-menu {
border-right: 0.0625rem solid #000;
}
@media (min-width: 1024px) {
[dir="ltr"] .page:not(.page--homepage) .header--global .header__minicart, [dir="ltr"] .page:not(.page--homepage) .header--global .header__hamburger-menu {
border-left: 0;
}
[dir="rtl"] .page:not(.page--homepage) .header--global .header__minicart, [dir="rtl"] .page:not(.page--homepage) .header--global .header__hamburger-menu {
border-right: 0;
}
}
.page:not(.page--homepage) .header--global .sticky-logo, .page:not(.page--homepage) .header--global .sticky-search, .page:not(.page--homepage) .header--global .sticky-account, .page:not(.page--homepage) .header--global .sticky-wishlist, .page:not(.page--homepage) .header--global .sticky-minicart, .page:not(.page--homepage) .header--global .sticky-hamburger {
display: block;
}
.page:not(.page--homepage) .header--global .default-logo, .page:not(.page--homepage) .header--global .default-search, .page:not(.page--homepage) .header--global .default-account, .page:not(.page--homepage) .header--global .default-wishlist, .page:not(.page--homepage) .header--global .default-minicart, .page:not(.page--homepage) .header--global .default-hamburger {
display: none;
}
.page:not(.page--homepage) .header--global .search-label,
.page:not(.page--homepage) .header--global .logout-label,
.page:not(.page--homepage) .header--global .wishlist-count {
color: #000;
}
.page:not(.page--homepage) .header--global .header__utility-badge {
position: absolute;
top: -0.25rem;
color: #000;
}
[dir="ltr"] .page:not(.page--homepage) .header--global .header__utility-badge {
right: -0.6875rem;
transform: translate(5px, -2px);
}
[dir="rtl"] .page:not(.page--homepage) .header--global .header__utility-badge {
left: -0.6875rem;
transform: translate(-5px, -2px);
}
.header--global.remove-header {
transform: translateY(-3.125rem);
}
@media (max-width: 49.375rem) {
.header--global.flyout-toggle--active .shop-discover-block {
display: flex;
}
}
[dir="ltr"] .header--global .header__utility-badge {
transform: translate(5px, -2px);
}
[dir="rtl"] .header--global .header__utility-badge {
transform: translate(-5px, -2px);
}
.header--global.sticky, .header--global:hover {
position: fixed;
width: 100%;
transform: translateY(0);
display: inline-block;
z-index: 99;
}
.header--global.sticky .header_content, .header--global:hover .header_content {
background-color: #FFF;
}
.header--global.sticky .header-shop, .header--global.sticky .header-discover, .header--global.sticky .header_mainlogo, .header--global.sticky .header__search, .header--global.sticky .header-country, .header--global.sticky .header-account, .header--global.sticky .header-wishlist, .header--global.sticky .header_wishlist_login, .header--global.sticky .header_loggedin, .header--global:hover .header-shop, .header--global:hover .header-discover, .header--global:hover .header_mainlogo, .header--global:hover .header__search, .header--global:hover .header-country, .header--global:hover .header-account, .header--global:hover .header-wishlist, .header--global:hover .header_wishlist_login, .header--global:hover .header_loggedin {
color: #000;
}
[dir="ltr"] .header--global.sticky .header-shop, [dir="ltr"] .header--global.sticky .header-discover, [dir="ltr"] .header--global.sticky .header_mainlogo, [dir="ltr"] .header--global.sticky .header__search, [dir="ltr"] .header--global.sticky .header-country, [dir="ltr"] .header--global.sticky .header-account, [dir="ltr"] .header--global.sticky .header-wishlist, [dir="ltr"] .header--global.sticky .header_wishlist_login, [dir="ltr"] .header--global.sticky .header_loggedin, [dir="ltr"] .header--global:hover .header-shop, [dir="ltr"] .header--global:hover .header-discover, [dir="ltr"] .header--global:hover .header_mainlogo, [dir="ltr"] .header--global:hover .header__search, [dir="ltr"] .header--global:hover .header-country, [dir="ltr"] .header--global:hover .header-account, [dir="ltr"] .header--global:hover .header-wishlist, [dir="ltr"] .header--global:hover .header_wishlist_login, [dir="ltr"] .header--global:hover .header_loggedin {
border-right: 0.0625rem solid #000;
}
[dir="rtl"] .header--global.sticky .header-shop, [dir="rtl"] .header--global.sticky .header-discover, [dir="rtl"] .header--global.sticky .header_mainlogo, [dir="rtl"] .header--global.sticky .header__search, [dir="rtl"] .header--global.sticky .header-country, [dir="rtl"] .header--global.sticky .header-account, [dir="rtl"] .header--global.sticky .header-wishlist, [dir="rtl"] .header--global.sticky .header_wishlist_login, [dir="rtl"] .header--global.sticky .header_loggedin, [dir="rtl"] .header--global:hover .header-shop, [dir="rtl"] .header--global:hover .header-discover, [dir="rtl"] .header--global:hover .header_mainlogo, [dir="rtl"] .header--global:hover .header__search, [dir="rtl"] .header--global:hover .header-country, [dir="rtl"] .header--global:hover .header-account, [dir="rtl"] .header--global:hover .header-wishlist, [dir="rtl"] .header--global:hover .header_wishlist_login, [dir="rtl"] .header--global:hover .header_loggedin {
border-left: 0.0625rem solid #000;
}
.header--global.sticky .header__minicart, .header--global.sticky .header__hamburger-menu, .header--global:hover .header__minicart, .header--global:hover .header__hamburger-menu {
color: #000;
}
[dir="ltr"] .header--global.sticky .header__minicart, [dir="ltr"] .header--global.sticky .header__hamburger-menu, [dir="ltr"] .header--global:hover .header__minicart, [dir="ltr"] .header--global:hover .header__hamburger-menu {
border-left: 0.0625rem solid #000;
}
[dir="rtl"] .header--global.sticky .header__minicart, [dir="rtl"] .header--global.sticky .header__hamburger-menu, [dir="rtl"] .header--global:hover .header__minicart, [dir="rtl"] .header--global:hover .header__hamburger-menu {
border-right: 0.0625rem solid #000;
}
@media (min-width: 1024px) {
[dir="ltr"] .header--global.sticky .header__minicart, [dir="ltr"] .header--global.sticky .header__hamburger-menu, [dir="ltr"] .header--global:hover .header__minicart, [dir="ltr"] .header--global:hover .header__hamburger-menu {
border-left: 0;
}
[dir="rtl"] .header--global.sticky .header__minicart, [dir="rtl"] .header--global.sticky .header__hamburger-menu, [dir="rtl"] .header--global:hover .header__minicart, [dir="rtl"] .header--global:hover .header__hamburger-menu {
border-right: 0;
}
}
.header--global.sticky .sticky-logo, .header--global.sticky .sticky-search, .header--global.sticky .sticky-account, .header--global.sticky .sticky-wishlist, .header--global.sticky .sticky-minicart, .header--global.sticky .sticky-hamburger, .header--global:hover .sticky-logo, .header--global:hover .sticky-search, .header--global:hover .sticky-account, .header--global:hover .sticky-wishlist, .header--global:hover .sticky-minicart, .header--global:hover .sticky-hamburger {
display: block;
}
.header--global.sticky .default-logo, .header--global.sticky .default-search, .header--global.sticky .default-account, .header--global.sticky .default-wishlist, .header--global.sticky .default-minicart, .header--global.sticky .default-hamburger, .header--global:hover .default-logo, .header--global:hover .default-search, .header--global:hover .default-account, .header--global:hover .default-wishlist, .header--global:hover .default-minicart, .header--global:hover .default-hamburger {
display: none;
}
.header--global.sticky .search-label,
.header--global.sticky .logout-label,
.header--global.sticky .wishlist-count, .header--global:hover .search-label,
.header--global:hover .logout-label,
.header--global:hover .wishlist-count {
color: #000;
}
.header--global.sticky .header__utility-badge, .header--global:hover .header__utility-badge {
position: absolute;
top: -0.25rem;
color: #000;
}
[dir="ltr"] .header--global.sticky .header__utility-badge, [dir="ltr"] .header--global:hover .header__utility-badge {
right: -0.6875rem;
transform: translate(5px, -2px);
}
[dir="rtl"] .header--global.sticky .header__utility-badge, [dir="rtl"] .header--global:hover .header__utility-badge {
left: -0.6875rem;
transform: translate(-5px, -2px);
}
.page--clp-03-229 .content-tile__content .set--motion-complete hr {
margin: 0;
}
.page--clp-03-229 .component-actions--inner .toggle-box__content.toggle--active {
padding: 0;
}
/* Header close */
.header-close {
font-size: 0;
height: 1.875rem;
position: absolute;
width: 1.875rem;
top: 50%;
transform: translateY(-50%);
}
[dir="ltr"] .header-close {
right: 2.625rem;
}
[dir="rtl"] .header-close {
left: 2.625rem;
}
.header-close::before {
background-color: #fff;
content: "";
height: 1px;
position: absolute;
top: 50%;
width: 1rem;
cursor: pointer;
}
[dir="ltr"] .header-close::before {
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
[dir="rtl"] .header-close::before {
right: 50%;
transform: translate(50%, -50%) rotate(-45deg);
}
.header-close::after {
background-color: #fff;
content: "";
height: 1px;
position: absolute;
top: 50%;
width: 1rem;
cursor: pointer;
}
[dir="ltr"] .header-close::after {
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
[dir="rtl"] .header-close::after {
right: 50%;
transform: translate(50%, -50%) rotate(45deg);
}
@media (max-width: 49.375rem) {
[dir="ltr"] .header-close {
right: 0.625rem;
}
[dir="rtl"] .header-close {
left: 0.625rem;
}
}
/* Homepage header changes */
.header--global.remove-header {
transition: transform 0.5s ease-out;
transform: translateY(-100px);
}
.header--global.sticky {
top: 0;
transition: transform 0.5s ease-out;
transform: translateY(0);
}
.header--global .header_content {
transition: background-color 0.5s ease-out;
}
@media (max-width: 767px) {
.header--global .header_content {
position: absolute;
}
}
@media (min-width: 64.0625rem) {
.header--global .header_content {
padding: 2.5px 0px;
}
}
.header-flyout__container.level-1 {
color: #FFF;
color: var(--header-nav-color, #FFF);
}
.header-flyout__container.level-2 {
color: #FFF;
color: var(--header-nav-panel-color, #FFF);
}
.header-flyout__close {
color: #FFF;
color: var(--header-nav-panel-color, #FFF);
}
[dir=rtl] .header-flyout__anchor-arrow {
transform: scale(-1);
}
.header-flyout__anchor.level-3 {
text-transform: none;
}
@media (min-width: 49.4375rem) {
.header-flyout__container.level-2:not(.active) {
max-height: 0;
}
.header-flyout__container.level-2.active {
opacity: 1;
pointer-events: initial;
width: calc(100vw - 30.25rem);
visibility: visible;
transform: scaleX(1);
}
[dir="ltr"] .header-flyout__container.level-2.active {
left: 100%;
padding-left: 0;
}
[dir="rtl"] .header-flyout__container.level-2.active {
right: 100%;
padding-right: 0;
}
.header-flyout__container.level-2.active::-webkit-scrollbar {
display: none;
}
.header-flyout__container.level-2.active .header-flyout__scrollable {
opacity: 1;
visibility: visible;
}
.header-flyout__container.level-2 .category-heading {
color: #000;
font-size: 1rem;
letter-spacing: 1.5px;
line-height: 24px;
margin-top: 35px;
}
[dir="ltr"] .header-flyout__container.level-2 .category-heading {
padding-left: 2.875rem;
}
[dir="rtl"] .header-flyout__container.level-2 .category-heading {
padding-right: 2.875rem;
}
}
/*------------------------------------*\
#FLYOUT-TABS
\*------------------------------------*/
.header-flyout__item--thumbnail {
padding: 0 0.5rem;
}
.header-flyout__anchor--thumb {
display: block;
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
}
.header-flyout__tab-viewall {
margin-top: 1.35rem;
}
.header-flyout__thumb-img {
margin-bottom: 0.95rem;
}
/*------------------------------------*\
#FLYOUT-EXTRAS
\*------------------------------------*/
.header-flyout__extra {
position: relative;
padding-top: 2.125rem;
}
.header-flyout__extra:before {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
max-width: 46.75rem;
margin: auto;
border-top: solid 0.0625rem #E6E6E6;
content: "";
}
.header-flyout__extra-list {
justify-content: center;
margin-top: 1.5rem;
}
.megamenu-close::before, .megamenu-close::after {
background-color: #000;
content: "";
height: 1px;
position: absolute;
top: 5%;
width: 1rem;
cursor: pointer;
z-index: 9;
opacity: 1;
}
[dir="ltr"] .megamenu-close::before, [dir="ltr"] .megamenu-close::after {
right: 4%;
}
[dir="rtl"] .megamenu-close::before, [dir="rtl"] .megamenu-close::after {
left: 4%;
}
[dir="ltr"] .megamenu-close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
[dir="rtl"] .megamenu-close::before {
transform: translate(50%, -50%) rotate(-45deg);
}
[dir="ltr"] .megamenu-close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
[dir="rtl"] .megamenu-close::after {
transform: translate(50%, -50%) rotate(45deg);
}
@media (max-width: 49.375rem) {
.megamenu-close {
display: none !important;
}
}
@media (min-width: 90.0625rem) {
.header-flyout__list--generic .header-flyout__item--links.level-2 {
width: 25%;
}
[dir="ltr"] .header-flyout__list--generic .header-flyout__item--links.level-2 {
padding-left: 14px;
}
[dir="rtl"] .header-flyout__list--generic .header-flyout__item--links.level-2 {
padding-right: 14px;
}
.header-flyout__list--generic .header-flyout__item--links.level-2:last-child {
width: 29%;
}
}
@media (min-width: 64.0625rem) {
.header-flyout__list--generic.level-2 {
justify-content: start;
}
/*------------------------------------*\
#FLYOUT-EXTRAS
\*------------------------------------*/
.header-flyout__item--extra {
margin-left: 2.4375rem;
margin-right: 2.4375rem;
}
}
@media (min-width: 49.4375rem) and (max-width: 90rem) {
.header-flyout__list--generic .header-flyout__item--links.level-2 {
padding-left: 14px;
padding-right: 14px;
width: 25%;
}
}
@media (min-width: 49.4375rem) and (max-width: 64rem) {
.header-flyout__list--generic.level-2 {
flex-wrap: wrap;
}
/*------------------------------------*\
#FLYOUT-EXTRAS
\*------------------------------------*/
.header-flyout__item--extra {
margin-left: 1.25rem;
margin-right: 1.25rem;
}
}
.header-flyout__list--generic.level-2 .header-flyout__item.level-2 a.level-2:first-child {
text-transform: uppercase;
padding-bottom: 18px;
}
.header-flyout__list--generic.level-2 .header-flyout__item.level-2:first-child .view-all {
display: flex;
margin-top: 0.125rem;
padding-bottom: 3.5px;
}
.header-flyout__list--generic.level-2 .header-flyout__item.level-2 .view-all {
display: none;
}
@media (max-width: 49.375rem) {
.header-flyout__list--generic.level-2 .header-flyout__item.level-2 {
display: none;
}
.header-flyout__list--generic.level-2 .header-flyout__item.level-2:nth-child(-n+4) {
display: inline-block;
width: 100%;
}
}
@media (min-width: 49.4375rem) {
.header-flyout__list.level-1 {
display: flex;
}
[dir="ltr"] .header-flyout__list.level-1 {
padding-left: 15px;
}
[dir="rtl"] .header-flyout__list.level-1 {
padding-right: 15px;
}
.header-flyout__list--generic.level-2 {
display: flex;
align-content: flex-start;
overflow-y: scroll;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
height: 100%;
}
.header-flyout__list--generic.level-2::-webkit-scrollbar {
display: none;
}
.header-flyout__list--generic.level-2 .header-flyout__item.level-2 {
display: none;
}
.header-flyout__list--generic.level-2 .header-flyout__item.level-2:nth-child(-n+4) {
display: inline-block;
}
.header-flyout__list--sections.level-2 {
text-align: center;
}
.shop-discover-block .tab-discover > button, .shop-discover-block .tab-shop > button {
transition: text-decoration 0.32s ease-in-out, -webkit-text-decoration 0.32s ease-in-out;
}
.shop-discover-block .tab-discover > button .text, .shop-discover-block .tab-shop > button .text {
transition: transform 0.32s cubic-bezier(0.42, 0, 0.58, 1);
display: inline-block;
}
[dir="ltr"] .shop-discover-block .tab-discover > button .text, [dir="ltr"] .shop-discover-block .tab-shop > button .text {
transform: translate3d(-10px, 0, 0);
}
[dir="rtl"] .shop-discover-block .tab-discover > button .text, [dir="rtl"] .shop-discover-block .tab-shop > button .text {
transform: translate3d(10px, 0, 0);
}
.shop-discover-block .tab-discover > button:before, .shop-discover-block .tab-shop > button:before {
content: "";
width: 6px;
height: 6px;
background-color: #000;
border-radius: 4px;
opacity: 0;
transition: transform 0.32s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.32s cubic-bezier(0.42, 0, 0.58, 1);
}
[dir="ltr"] .shop-discover-block .tab-discover > button:before, [dir="ltr"] .shop-discover-block .tab-shop > button:before {
margin-right: 4px;
transform: translate3d(-2px, 0, 0);
}
[dir="rtl"] .shop-discover-block .tab-discover > button:before, [dir="rtl"] .shop-discover-block .tab-shop > button:before {
margin-left: 4px;
transform: translate3d(2px, 0, 0);
}
.shop-discover-block .tab-discover.nav-menu-active > button .text, .shop-discover-block .tab-shop.nav-menu-active > button .text {
transform: translate3d(0, 0, 0);
}
.shop-discover-block .tab-discover.nav-menu-active > button:before, .shop-discover-block .tab-shop.nav-menu-active > button:before {
opacity: 1;
}
.shop-discover-block .tab-discover:hover > button .text {
transform: translate3d(0, 0, 0);
}
.shop-discover-block .tab-discover:hover > button:before {
opacity: 1;
}
.header-flyout__item.level-1 {
inline-size: -moz-max-content;
inline-size: max-content;
}
.header-flyout__item.level-1 button.level-1 {
transition: text-decoration 0.32s ease-in-out, -webkit-text-decoration 0.32s ease-in-out;
}
.header-flyout__item.level-1 button.level-1 .text {
transition: transform 0.32s cubic-bezier(0.42, 0, 0.58, 1);
display: inline-block;
}
[dir="ltr"] .header-flyout__item.level-1 button.level-1 .text {
transform: translate3d(-10px, 0, 0);
}
[dir="rtl"] .header-flyout__item.level-1 button.level-1 .text {
transform: translate3d(10px, 0, 0);
}
.header-flyout__item.level-1 button.level-1:before {
content: "";
width: 6px;
height: 6px;
background-color: #000;
border-radius: 4px;
opacity: 0;
transition: transform 0.32s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.32s cubic-bezier(0.42, 0, 0.58, 1);
}
[dir="ltr"] .header-flyout__item.level-1 button.level-1:before {
margin-right: 4px;
transform: translate3d(-2px, 0, 0);
}
[dir="rtl"] .header-flyout__item.level-1 button.level-1:before {
margin-left: 4px;
transform: translate3d(2px, 0, 0);
}
.header-flyout__item.level-1:hover button.level-1 .text {
transform: translate3d(0, 0, 0);
}
.header-flyout__item.level-1:hover button.level-1:before {
opacity: 1;
}
.header-flyout__list--generic .header-flyout__item.level-2 {
margin-bottom: 3.5rem;
}
.header-flyout__list--generic .header-flyout__item.level-3 {
margin-top: 0.125rem;
}
.header-flyout__list--generic .header-flyout__item--tile.level-2 {
flex-basis: 22.5rem;
max-width: 22.5rem;
}
.header-flyout__anchor.level-1 {
position: relative;
display: block;
transition-property: opacity;
transition-duration: 300ms;
transition-timing-function: ease-in-out;
color: #FFF;
-webkit-text-stroke-width: 0;
}
[dir=ltr] .header-flyout__anchor.level-1 {
letter-spacing: 0.125rem;
}
[dir=rtl] .header-flyout__anchor.level-1 {
letter-spacing: 0;
}
[dir=ltr] .header-flyout__anchor.level-1 {
font-size: 0.75rem;
}
[dir=rtl] .header-flyout__anchor.level-1 {
font-size: 0.625rem;
}
[dir=ltr] .header-flyout__anchor.level-1 {
line-height: 1.35;
}
[dir=rtl] .header-flyout__anchor.level-1 {
line-height: 1.25;
}
.header-flyout__anchor.level-1::after {
bottom: -0.0313rem;
content: "";
display: none;
height: 0.4375rem;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 0.875rem;
border-bottom: 0.4375rem solid #FFF;
border-top: 0;
}
[dir="ltr"] .header-flyout__anchor.level-1::after {
border-left: 0.4375rem solid rgba(34, 0, 34, 0);
border-right: 0.4375rem solid transparent;
}
[dir="rtl"] .header-flyout__anchor.level-1::after {
border-right: 0.4375rem solid rgba(34, 0, 34, 0);
border-left: 0.4375rem solid transparent;
}
.header-flyout__anchor.level-1.mega-item--active::after {
left: 0;
right: 0;
display: block;
transition-timing-function: ease-out;
}
[dir=ltr] .header-flyout__anchor.level-3 {
font-size: 1rem;
}
[dir=rtl] .header-flyout__anchor.level-3 {
font-size: 1.125rem;
}
.header--logo-has-copy .header-flyout__anchor.level-1 {
padding: 1.2rem 0.9375rem 0.65rem;
}
.header--logo-has-copy .header-flyout__anchor.level-1:after {
bottom: 1.5em;
}
.header--logo-no-copy .header-flyout__anchor.level-1 {
padding: 0 0 15px;
}
.header-flyout__anchor--parent {
pointer-events: none;
color: #8C8C8C;
}
[dir=ltr] .header-flyout__anchor--parent {
font-size: 0.813rem;
}
[dir=rtl] .header-flyout__anchor--parent {
font-size: 0.875rem;
}
.header-flyout__container.level-2 {
position: absolute;
height: 100vh;
overflow-y: scroll;
pointer-events: none;
transform: scaleX(0.97);
transition: transform 0.24s ease-in-out;
width: calc(100vw - 30.25rem);
top: 0;
padding-top: 1.9375rem;
opacity: 0;
}
[dir="ltr"] .header-flyout__container.level-2 {
left: 18.7rem;
transform-origin: center left;
padding-left: 1.875rem;
}
[dir="rtl"] .header-flyout__container.level-2 {
right: 18.7rem;
transform-origin: center right;
padding-right: 1.875rem;
}
.header-flyout__container.level-2 > .header-flyout__scrollable {
transform: translate3d(0, 0, 0);
transition-property: opacity, visibility;
transition-duration: 300ms;
transition-timing-function: ease-in;
}
.header-flyout__container.level-2.mega-item--active {
max-height: 100vh;
}
.header-flyout__container.level-2.mega-item--active > .header-flyout__scrollable {
transition-delay: 200ms;
opacity: 1;
visibility: inherit;
}
.header-flyout__container.level-2:not(.mega-item--active) {
z-index: 2;
}
.header-flyout__container.level-2:not(.mega-item--active) > .header-flyout__scrollable {
transition-duration: 200ms;
}
.mega--active .header-flyout__container.level-2.mega-item--active > .header-flyout__scrollable {
transition-delay: 500ms;
width: 100%;
margin: 0;
}
.mega--active .header-flyout__container.level-2:not(.mega-item--active) {
transition-delay: 100ms;
}
/*------------------------------------*\
#FLYOUT-TABS
\*------------------------------------*/
/*------------------------------------*\
#FLYOUT-EXTRAS
\*------------------------------------*/
/*------------------------------------*\
#FLYOUT-CAROUSEL
\*------------------------------------*/
}
@media (min-width: 49.4375rem) and (min-width: 64.0625rem) {
.header-flyout__container .megamenu-image-block {
width: 80%;
}
}
@media (min-width: 49.4375rem) and (min-width: 1440px) {
.header-flyout__container .megamenu-image-block {
width: 100%;
}
}
@media (min-width: 49.4375rem) and (min-width: 1024px) {
[dir="ltr"] .header-flyout__container .megamenu-image-block {
padding-left: 4.5%;
}
[dir="rtl"] .header-flyout__container .megamenu-image-block {
padding-right: 4.5%;
}
}
@media (min-width: 49.4375rem) and (min-width: 1441px) and (max-width: 1920px) {
[dir="ltr"] .header-flyout__container .megamenu-image-block {
padding-left: 2.5%;
}
[dir="rtl"] .header-flyout__container .megamenu-image-block {
padding-right: 2.5%;
}
}
@media (min-width: 49.4375rem) and (min-width: 1440px) {
.header-flyout__container .megamenu-image-block .image-block {
max-width: 35.3%;
padding: 0;
}
[dir="ltr"] .header-flyout__container .megamenu-image-block .image-block {
margin-left: 0.7rem;
}
[dir="rtl"] .header-flyout__container .megamenu-image-block .image-block {
margin-right: 0.7rem;
}
}
@media (min-width: 49.4375rem) and (min-width: 1440px) {
[dir="ltr"] .header-flyout__container .megamenu-image-block .image-block:last-child {
margin-left: 1.7rem;
}
[dir="rtl"] .header-flyout__container .megamenu-image-block .image-block:last-child {
margin-right: 1.7rem;
}
}
@media (min-width: 49.4375rem) and (min-width: 1440px) {
.header-flyout__container .megamenu-image-block .image-block .main-image {
padding: 0;
}
}
@media (min-width: 49.4375rem) {
.header-flyout__scrollable.level-2 {
padding-top: 3.375rem;
padding-bottom: 20px;
}
.header-flyout__anchor--tab {
display: inline-block;
padding: 0.75em 1.25em;
}
.header-flyout__anchor--tab.level-2:hover, .header-flyout__anchor--tab.level-2:focus, .header-flyout__anchor--tab.level-2.mega-item--active {
-webkit-text-stroke-width: 0.0625rem;
}
.header-flyout__tab-list {
display: inline-flex;
padding-left: 0.4rem;
padding-right: 0.4rem;
border-bottom: solid 0.0625rem #E6E6E6;
}
.header-flyout__tab-containers {
position: relative;
padding-top: 0.5rem;
}
.header-flyout__tab-content {
width: 100%;
max-height: 100vh;
transition: max-height 0s ease-in, opacity 300ms ease-in, visibility 300ms ease-in;
}
.header-flyout__tab-content:not(.mega-item--active) {
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
}
.header-flyout__container.level-2:not(.mega-item--active) .header-flyout__tab-content {
transition: max-height 0s ease-in 750ms, opacity 300ms ease-in, visibility 300ms ease-in;
}
.header-flyout__extra {
margin-top: 2.25rem;
}
.header-flyout__extra-list {
display: flex;
}
.header-flyout__item--extra {
align-items: center;
}
.header-flyout__tab-carousel {
width: 56rem;
margin: 0 auto;
}
.header-flyout__tab-carousel .slick-arrow {
position: absolute;
top: calc(50% + -1.25rem);
transform: translate3d(0, -50%, 0);
}
[dir="ltr"] .header-flyout__tab-carousel .slick-prev {
left: -3rem;
}
[dir="rtl"] .header-flyout__tab-carousel .slick-prev {
right: -3rem;
}
[dir="ltr"] .header-flyout__tab-carousel .slick-prev:hover {
transform: translate(-10%, -50%);
}
[dir="rtl"] .header-flyout__tab-carousel .slick-prev:hover {
transform: translate(10%, -50%);
}
[dir="ltr"] .header-flyout__tab-carousel .slick-next {
right: -3rem;
}
[dir="rtl"] .header-flyout__tab-carousel .slick-next {
left: -3rem;
}
[dir="ltr"] .header-flyout__tab-carousel .slick-next:hover {
transform: translate(10%, -50%);
}
[dir="rtl"] .header-flyout__tab-carousel .slick-next:hover {
transform: translate(-10%, -50%);
}
}
@media (max-width: 49.375rem) {
.header-flyout {
z-index: 6;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
top: 50px;
background-color: #FFF;
background-color: var(--header-nav-panel-bg, #FFF);
transition-property: transform;
transition-duration: 300ms;
transition-timing-function: ease-out;
}
[dir="ltr"] .header-flyout {
left: 0;
}
[dir="rtl"] .header-flyout {
right: 0;
}
.header-flyout:not(.flyout-toggle--active) {
opacity: 0;
visibility: hidden;
}
[dir="ltr"] .header-flyout:not(.flyout-toggle--active) {
transform: translateX(-100%);
}
[dir="rtl"] .header-flyout:not(.flyout-toggle--active) {
transform: translateX(100%);
}
.header-flyout.flyout-toggle--active {
transform: translateX(0);
opacity: 1;
visibility: inherit;
}
.header-flyout.flyout-toggle--active .logo-flyout {
display: block;
}
.header-flyout.flyout-toggle--active .header-flyout__anchor.level-1,
.header-flyout.flyout-toggle--active .header-flyout__secondary-link {
transform: translateX(0);
}
.header-flyout .header-flyout__anchor.level-1,
.header-flyout .header-flyout__anchor.level-2,
.header-flyout .header-flyout__secondary-link {
letter-spacing: 0.125rem;
}
[dir=ltr] .header-flyout .header-flyout__anchor.level-1,
[dir=ltr] .header-flyout .header-flyout__anchor.level-2,
[dir=ltr] .header-flyout .header-flyout__secondary-link {
font-size: 0.813rem;
}
[dir=rtl] .header-flyout .header-flyout__anchor.level-1,
[dir=rtl] .header-flyout .header-flyout__anchor.level-2,
[dir=rtl] .header-flyout .header-flyout__secondary-link {
font-size: 0.875rem;
}
[dir=rtl] .header-flyout .header-flyout__anchor.level-2 .header-flyout__anchor-arrow {
transform: rotate(90deg);
}
.logo-flyout {
display: none;
}
.mobile-flyout-buttons {
display: flex;
width: 100%;
border-top: 1px solid #000;
}
.mobile-flyout-buttons button {
display: flex;
justify-content: center;
align-items: center;
height: 44px;
}
.mobile-flyout-buttons button:last-child {
border: 0;
}
.mobile-flyout-buttons .btn-shop.active:before, .mobile-flyout-buttons .btn-discover.active:before {
content: "";
width: 6px;
height: 6px;
background-color: #000;
border-radius: 4px;
}
[dir="ltr"] .mobile-flyout-buttons .btn-shop.active:before, [dir="ltr"] .mobile-flyout-buttons .btn-discover.active:before {
margin-right: 8px;
}
[dir="rtl"] .mobile-flyout-buttons .btn-shop.active:before, [dir="rtl"] .mobile-flyout-buttons .btn-discover.active:before {
margin-left: 8px;
}
.header-flyout__head {
position: relative;
}
.header-flyout__close {
z-index: 2;
position: absolute;
top: -92px;
background: #FFF;
width: 40px;
height: 50px;
}
[dir="ltr"] .header-flyout__close {
right: 1.5%;
}
[dir="rtl"] .header-flyout__close {
left: 1.5%;
}
.header-flyout__close::before {
background-color: #000;
content: "";
height: 1px;
position: absolute;
top: 50%;
width: 1rem;
cursor: pointer;
}
[dir="ltr"] .header-flyout__close::before {
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
[dir="rtl"] .header-flyout__close::before {
right: 50%;
transform: translate(50%, -50%) rotate(-45deg);
}
.header-flyout__close::after {
background-color: #000;
content: "";
height: 1px;
position: absolute;
top: 50%;
width: 1rem;
cursor: pointer;
}
[dir="ltr"] .header-flyout__close::after {
left: 50%;
transform: translate(-50%, -50%) rotate(-45deg);
}
[dir="rtl"] .header-flyout__close::after {
right: 50%;
transform: translate(50%, -50%) rotate(45deg);
}
.header-flyout__close .icon {
width: 30px;
height: 34px;
opacity: 0.5;
}
.header-flyout__logo {
max-width: 6.8rem;
-webkit-filter: none;
}
.header-flyout__logo .logo-default {
display: none;
}
.header--logo-has-copy .header-flyout__logo {
height: 3.45rem;
}
.header--logo-no-copy .header-flyout__logo {
height: 1.75rem;
}
.header-flyout__back {
text-transform: capitalize !important;
}
.header-flyout__back .arrow-left-icon,
.header-flyout__back .back-link {
pointer-events: none;
}
.header-flyout__container.level-1 {
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
color: #202020;
color: var(--header-nav-bg, #202020);
max-height: calc(100% - 4.75rem);
}
.header-flyout__container:not(.level-1) {
z-index: 1;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #FFF;
background-color: var(--header-nav-panel-bg, #FFF);
transition-property: transform;
transition-duration: 300ms;
transition-timing-function: ease-in;
}
[dir="ltr"] .header-flyout__container:not(.level-1) {
left: 0;
}
[dir="rtl"] .header-flyout__container:not(.level-1) {
right: 0;
}
.header-flyout__container:not(.level-1).mega-item--active {
transform: translateX(0);
transition-timing-function: ease-out;
opacity: 1;
visibility: inherit;
}
.header-flyout__container:not(.level-1):not(.mega-item--active) {
opacity: 0;
visibility: hidden;
}
[dir="ltr"] .header-flyout__container:not(.level-1):not(.mega-item--active) {
transform: translateX(100%);
}
[dir="rtl"] .header-flyout__container:not(.level-1):not(.mega-item--active) {
transform: translateX(-100%);
}
.header-flyout__container:not(.level-2):not(.mega-item--active) {
transform: unset !important;
opacity: 1;
visibility: visible;
position: static;
}
.header-flyout__container.level-2 {
overflow-y: scroll;
visibility: visible;
padding-top: 30px;
}
.header-flyout__scrollable {
flex-grow: 1;
overflow-x: hidden;
}
.header-flyout__scrollable.level-1 {
display: flex;
flex-direction: column;
height: 100%;
}
.header-flyout__scrollable.level-2 {
padding-bottom: 20px;
}
.header-flyout__anchor,
.header-flyout__back,
.header-flyout__secondary-link {
display: flex;
align-items: center;
}
.header-flyout__anchor {
padding: 10px 16px !important;
}
[dir=ltr] .header-flyout__anchor {
padding: 1.1rem 2.813rem 1.1rem 1.563rem;
}
[dir=rtl] .header-flyout__anchor {
padding: 1.1rem 1.563rem 1.1rem;
}
[dir="ltr"] .header-flyout__secondary-link {
padding: 1.25rem 0 1.25rem 1.625rem;
}
[dir="rtl"] .header-flyout__secondary-link {
padding: 1.25rem 1.625rem 1.25rem 0;
}
.header-flyout__back {
letter-spacing: 0.125rem;
}
[dir="ltr"] .header-flyout__back {
padding: 1.45rem 2.65rem 1.45rem 1rem;
}
[dir="rtl"] .header-flyout__back {
padding: 1.45rem 1rem 1.45rem 2.65rem;
}
[dir=ltr] .header-flyout__back {
font-size: 1rem;
}
[dir=rtl] .header-flyout__back {
font-size: 1.125rem;
}
.header-flyout__anchor.level-1,
.header-flyout__secondary-link {
transition-property: transform;
transition-duration: 300ms;
transition-timing-function: ease-out;
transition-delay: 200ms;
}
[dir="ltr"] .header-flyout__anchor.level-1,
[dir="ltr"] .header-flyout__secondary-link {
transform: translateX(-5rem);
}
[dir="rtl"] .header-flyout__anchor.level-1,
[dir="rtl"] .header-flyout__secondary-link {
transform: translateX(5rem);
}
.header-flyout__secondary {
position: relative;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
border-top: solid 0.0625rem #F0F0F0;
}
[dir="ltr"] .header-flyout__secondary {
padding-right: 7rem;
}
[dir="rtl"] .header-flyout__secondary {
padding-left: 7rem;
}
.header-flyout__secondary-link {
padding: 0.5rem 1.25rem;
color: #8C8C8C;
}
/*------------------------------------*\
#FLYOUT-TABS
\*------------------------------------*/
.header-flyout__tab-carousel {
display: flex;
flex-wrap: wrap;
}
.header-flyout__item--thumbnail {
flex: 1 0 50%;
max-width: 50%;
}
/*------------------------------------*\
#FLYOUT-EXTRAS
\*------------------------------------*/
.header-flyout__extra {
margin-top: 2.95rem;
}
.header-flyout__item--extra {
align-items: start;
}
.header-flyout__item--extra:not(:last-child) {
margin-bottom: 2rem;
}
.category-heading {
color: #000;
padding: 14px 20px 30px;
font-size: 1rem;
letter-spacing: 1.5px;
line-height: 24px;
}
}
@media (max-width: 49.375rem) and (max-width: 49.375rem) {
.category-heading {
padding: 14px 20px 20px;
}
}
@media (max-width: 49.375rem) {
.my-account-block {
border-top: 2px solid #F2F2F2;
border-bottom: 2px solid #F2F2F2;
}
.my-account-block .benefits-title {
text-transform: uppercase;
}
.my-account-block .btn-create-account {
color: #FFF !important;
}
.my-account-block .points {
display: flex;
}
.my-account-block .points:before {
content: "";
display: flex;
border-bottom: 1px solid #000;
width: 6px;
height: 10px;
margin-top: 8px;
}
[dir="ltr"] .my-account-block .points:before {
border-right: 1px solid #000;
margin-right: 16px;
transform: rotate(38deg);
}
[dir="rtl"] .my-account-block .points:before {
border-left: 1px solid #000;
margin-left: 16px;
transform: rotate(-38deg);
}
.accordion-content {
display: none;
}
.accordion-content.active {
display: flex;
}
.accordion-btn {
position: relative;
text-transform: uppercase !important;
}
.accordion-btn:after {
content: "";
display: flex;
border-bottom: 1px solid #000;
position: absolute;
top: 18px;
width: 12px;
height: 12px;
}
[dir="ltr"] .accordion-btn:after {
border-right: 1px solid #000;
right: 18px;
transform: rotate(42deg);
}
[dir="rtl"] .accordion-btn:after {
border-left: 1px solid #000;
left: 18px;
transform: rotate(-42deg);
}
.accordion-btn.btn-active:after {
top: 24px;
}
[dir="ltr"] .accordion-btn.btn-active:after {
transform: rotate(224deg);
}
[dir="rtl"] .accordion-btn.btn-active:after {
transform: rotate(-224deg);
}
[dir="ltr"] .discover-megamenu-image-block .slick-slide:first-child {
padding-right: 2.5px;
}
[dir="rtl"] .discover-megamenu-image-block .slick-slide:first-child {
padding-left: 2.5px;
}
.discover-megamenu-image-block .slick-slide:not(:first-child) .image-block {
padding-left: 2.5px;
padding-right: 2.5px;
}
}
.megamenu-quick-links {
margin-top: 100px;
margin-bottom: 80px;
}
@media (min-width: 49.4375rem) {
.megamenu-quick-links {
margin-bottom: 100px;
margin-top: 0;
}
[dir="ltr"] .megamenu-quick-links {
margin-left: 15px;
}
[dir="rtl"] .megamenu-quick-links {
margin-right: 15px;
}
.megamenu-quick-links .botique {
letter-spacing: 0.5px;
line-height: 20px;
}
.megamenu-quick-links .need-help {
letter-spacing: 0.5px;
line-height: 20px;
margin-top: 18px;
}
}
@media (max-width: 63.938rem) {
.megamenu-quick-links {
margin-top: 20px;
}
}
.megamenu-quick-links a {
font-size: 16px;
padding: 14px;
text-transform: capitalize;
display: flex;
width: 100%;
}
.megamenu-quick-links .location form {
position: static;
}
.discover-megamenu-image-block .image-text {
padding-top: 10px;
}
.discover-megamenu-image-block,
.megamenu-image-block {
width: 100%;
}
@media (max-width: 63.938rem) {
.discover-megamenu-image-block,
.megamenu-image-block {
margin-top: 40px;
}
}
.discover-megamenu-image-block img,
.megamenu-image-block img {
min-height: 150px;
width: 100%;
height: 100%;
}
.discover-megamenu-image-block .image-text,
.megamenu-image-block .image-text {
color: #000;
text-transform: uppercase !important;
}
.discover-megamenu-image-block .slick-track,
.megamenu-image-block .slick-track {
display: flex;
}
@media (max-width: 49.375rem) {
.discover-megamenu-image-block .slick-track,
.megamenu-image-block .slick-track {
width: 500px;
}
}
.discover-megamenu-image-block .slick-arrow,
.megamenu-image-block .slick-arrow {
top: -52px;
width: 14px;
overflow: hidden;
opacity: 0.6 !important;
}
.discover-megamenu-image-block .slick-arrow.slick-disabled,
.megamenu-image-block .slick-arrow.slick-disabled {
opacity: 0.5;
visibility: visible;
}
.discover-megamenu-image-block .slick-arrow:after,
.megamenu-image-block .slick-arrow:after {
content: "";
display: block;
background-repeat: no-repeat;
background-size: 7px 24px;
width: 10px;
height: 24px;
position: absolute;
}
[dir="ltr"] .discover-megamenu-image-block .slick-arrow.slick-prev,
[dir="ltr"] .megamenu-image-block .slick-arrow.slick-prev {
right: 50px;
left: auto;
}
[dir="rtl"] .discover-megamenu-image-block .slick-arrow.slick-prev,
[dir="rtl"] .megamenu-image-block .slick-arrow.slick-prev {
left: 50px;
right: auto;
}
.discover-megamenu-image-block .slick-arrow.slick-prev:after,
.megamenu-image-block .slick-arrow.slick-prev:after {
background-image: url("../images/Chevron-Left.svg");
}
[dir="ltr"] .discover-megamenu-image-block .slick-arrow.slick-prev:after,
[dir="ltr"] .megamenu-image-block .slick-arrow.slick-prev:after {
right: 0;
}
[dir="rtl"] .discover-megamenu-image-block .slick-arrow.slick-prev:after,
[dir="rtl"] .megamenu-image-block .slick-arrow.slick-prev:after {
left: 0;
}
.discover-megamenu-image-block .slick-arrow.slick-next:after,
.megamenu-image-block .slick-arrow.slick-next:after {
background-image: url("../images/Chevron-Right.svg");
}
html[dir=rtl] .tab-discover .btn-discover {
padding: 14px 0 11px;
}
.tab-discover .btn-discover {
width: 100%;
padding: 11px 0;
}
.tab-discover:hover .btn-discover:before {
content: "";
width: 6px;
height: 6px;
background-color: #000;
border-radius: 4px;
display: inline-block;
}
[dir="ltr"] .tab-discover:hover .btn-discover:before {
margin-right: 8px;
}
[dir="rtl"] .tab-discover:hover .btn-discover:before {
margin-left: 8px;
}
.tab-discover .discover-content {
position: absolute;
top: 44px;
background-color: #FFF;
left: 0;
bottom: 0;
right: 0;
padding: 30px;
z-index: 10;
max-width: 84.94%;
width: 100%;
height: calc(100vh - 90px);
overflow-y: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
[dir="ltr"] .tab-discover .discover-content {
transform: translateX(-100%);
border-right: 1px solid #000;
}
[dir="rtl"] .tab-discover .discover-content {
transform: translateX(100%);
border-left: 1px solid #000;
}
@media (max-width: 1024px) {
.tab-discover .discover-content.active {
transform: none;
}
}
@media (min-width: 1024px) {
.tab-discover .discover-content.active {
transition: transform 1s ease-in-out !important;
transform: translateX(0px);
}
}
.tab-discover .discover-content.active::-webkit-scrollbar {
display: none;
}
@media only screen and (width: 1280px) {
.tab-discover .discover-content.active {
max-width: 91.94%;
}
}
@media only screen and (width: 1440px) {
.tab-discover .discover-content.active {
max-width: 89.74%;
}
}
@media (min-width: 90.0625rem) {
.tab-discover .discover-content.active {
max-width: 89.76%;
}
}
@media (max-width: 49.375rem) {
.tab-discover .discover-content.active {
max-width: 100vw;
border: 0 !important;
padding: 10px;
z-index: 99;
}
}
@media (max-width: 49.375rem) {
html[dir="ltr"][dir=rtl] .discover-content .discover-megamenu-image-block .slick-arrow.slick-prev {
right: 12px;
left: auto;
}
html[dir="rtl"][dir=rtl] .discover-content .discover-megamenu-image-block .slick-arrow.slick-prev {
left: 12px;
right: auto;
}
html[dir="ltr"][dir=rtl] .discover-content .discover-megamenu-image-block .slick-arrow.slick-next {
right: 45px;
}
html[dir="rtl"][dir=rtl] .discover-content .discover-megamenu-image-block .slick-arrow.slick-next {
left: 45px;
}
html[dir=rtl] .discover-megamenu-image-block .slick-slide {
display: revert;
}
html[dir="ltr"][dir=rtl] .discover-megamenu-image-block .slick-slide {
float: right;
}
html[dir="rtl"][dir=rtl] .discover-megamenu-image-block .slick-slide {
float: left;
}
html[dir="ltr"][dir=rtl] .discover-megamenu-image-block .slick-track {
left: 0;
right: auto;
}
html[dir="rtl"][dir=rtl] .discover-megamenu-image-block .slick-track {
right: 0;
left: auto;
}
}
body.overflow {
overflow: hidden;
}
.site-search__form {
z-index: 5;
position: absolute;
top: 100%;
width: 100vw;
background-color: #FFF;
background-color: var(--header-nav-panel-bg, #FFF);
padding-top: 4.8125rem;
transition-property: opacity, visibility;
transition-duration: 300ms;
transition-timing-function: ease-out;
}
[dir="ltr"] .site-search__form {
left: 0;
}
[dir="rtl"] .site-search__form {
right: 0;
}
.site-search__form:not(.toggle--active) {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.site-search__form-group {
position: relative;
}
[dir="ltr"] .site-search__field {
padding-right: 2rem;
}
[dir="rtl"] .site-search__field {
padding-left: 2rem;
}
.toggle--active .site-search__field {
visibility: visible;
}
.site-search__button-col {
max-width: 7rem;
}
.site-search__filters {
margin-top: 1.25rem;
}
.header__search-trigger {
position: relative;
}
.header__search-trigger.toggle--active .site-search__trigger-search {
opacity: 0;
visibility: hidden;
}
.header__search-trigger.toggle--active:hover {
color: #444444;
opacity: 1;
}
.header__search-trigger:not(.toggle--active) .site-search__trigger-close {
opacity: 0;
visibility: hidden;
}
.site-search__trigger-icon {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
}
.site-search__suggestions-container {
overflow: hidden;
padding-bottom: 0;
}
.site-search__suggestions-list {
flex: 1 1 100%;
width: 100%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
border-radius: 0 0 0.125rem 0.125rem;
border-top: none;
background-color: #FFF;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.site-search__suggestions-section:not(:last-child) {
margin-bottom: 2rem;
}
.site-search__suggestions-corrections {
margin-top: 1.25rem;
}
.site-search__suggestions-title {
margin-bottom: 0.5rem;
}
.site-search__suggestions-item:not(:last-child) {
margin-bottom: 0.75rem;
}
.site-search__suggestions-image-wrap {
overflow: hidden;
position: relative;
}
.site-search__suggestions-image-wrap:before {
display: block;
content: "";
padding-bottom: 100%;
width: 100%;
}
.site-search__suggestions-image {
max-height: none;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
}
.site-search__suggestions-banner {
margin-bottom: 0.5rem;
}
.header-container .site-search__form .site-search__suggestions-matches .product-tile__media {
background-color: transparent;
}
[data-page-motion] .header-container .site-search__form .site-search__default-product .set--motion-from-top:not(.set--motion-trigger) {
transform: none;
}
[data-page-motion] .header-container .site-search__form .site-search__default-product [data-motion]:not(.set--motion-trigger) {
opacity: 1;
}
@media (min-width: 49.4375rem) {
.header__search-trigger {
width: 4rem;
height: 1.25rem;
}
.site-search__form {
min-height: 13.125rem;
max-height: calc(100vh - 9.375rem);
}
.site-search__form-group {
max-width: 30.375rem;
}
.header-container .header__search.header__utility-item {
height: 3.125rem;
}
.header-container .header__search:hover {
background-color: #F3F1EC;
height: 3.1rem;
}
.header-container .no-result-data {
padding: 3% 10% 0;
font-size: 0.875rem;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
.header-container .no-result-data span {
text-transform: capitalize;
}
.header-container .product-tile--default .product-tile__image {
width: 100%;
Height: 100%;
}
.header-container .site-search__form {
background-color: #F3F1EC;
padding: 0;
display: grid;
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
max-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}
.header-container .site-search__form .site-search__default-product {
padding: 6% 10%;
background-color: #F3F1EC;
}
.header-container .site-search__form .site-search__default-product .product-list,
.header-container .site-search__form .site-search__default-product .product-tile__media {
background-color: transparent;
}
.header-container .site-search__form .product-tile .product-tile__anchor .product-tile__body {
padding-left: 15%;
padding-right: 15%;
}
.header-container .site-search__form .right-border {
height: 100vh;
max-height: 100%;
}
[dir="ltr"] .header-container .site-search__form .right-border {
border-right: 1px solid #000;
margin-left: 1.12%;
}
[dir="rtl"] .header-container .site-search__form .right-border {
border-left: 1px solid #000;
margin-right: 1.12%;
}
.header-container .site-search__form .site-search__trigger-close {
position: absolute;
bottom: unset;
z-index: 1;
cursor: pointer;
}
[dir="ltr"] .header-container .site-search__form .site-search__trigger-close {
right: 3.4%;
left: unset;
}
[dir="rtl"] .header-container .site-search__form .site-search__trigger-close {
left: 3.4%;
right: unset;
}
.header-container .site-search__form .site-search__default-products,
.header-container .site-search__form .site-search__alternative-products {
font-family: "MontblancType-Medium", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
line-height: 20px;
letter-spacing: 0.5px;
margin-bottom: 0.938rem;
}
.header-container .site-search__form .site-search__suggestions-list {
background-color: #F3F1EC;
padding: 0;
}
.header-container .site-search__form .site-search__suggestions-list .suggestions-response.full-width .site-search__suggestions-section.spacer {
padding: 6% 10%;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section {
padding: 60px 30px 0;
margin-bottom: 0;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section:first-child {
padding-top: 60px;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section p.site-search__suggestions-corrections {
margin-top: 0;
padding-top: 0;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-title {
font-family: "MontblancType-Medium", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
line-height: 20px;
letter-spacing: 0.5px;
margin-bottom: 0.938rem;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-matches {
font-size: 0.875rem;
margin-bottom: 0;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-matches .site-search__suggestions-item {
margin-bottom: 0.625rem;
padding-top: 0;
}
[dir="ltr"] .header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-matches .site-search__suggestions-item {
padding-left: 0;
}
[dir="rtl"] .header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-matches .site-search__suggestions-item {
padding-right: 0;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-matches .site-search__suggestions-item .site-search__suggestions-name {
font-size: 0.875rem;
line-height: 20px;
letter-spacing: 0.5px;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
.header-container .site-search__form .search-input-content .site-search__field {
border: none;
background-color: #F3F1EC;
}
.header-container .site-search__form .custom-left-md {
flex-basis: 18.6%;
max-width: 18.6%;
}
.header-container .site-search__form .custom-md {
flex-basis: 24.9999%;
max-width: 24.9999%;
}
.header-container .header__search-input input.site-search__field {
border: none;
}
[dir="ltr"] .header-container .header__search-input input.site-search__field {
padding-left: 2rem;
padding-right: 0;
}
[dir="rtl"] .header-container .header__search-input input.site-search__field {
padding-right: 2rem;
padding-left: 0;
}
.header-container .header__search-input input.site-search__field:focus {
background-color: #F3F1EC;
}
}
@media (min-width: 49.4375rem) {
.page--homepage .header-container .header__search-input input.site-search__field::-moz-placeholder {
color: #FFF;
}
.page--homepage .header-container .header__search-input input.site-search__field::placeholder {
color: #FFF;
}
.page--homepage .header-container .header__search-input .site-search__trigger-icon {
display: none;
}
.page--homepage .header-container .header__search-input .site-search__trigger-icon.default-search {
display: block;
}
.page--homepage .header--global:hover .header__search-input input.site-search__field::-moz-placeholder {
color: #000;
}
.page--homepage .header--global:hover .header__search-input input.site-search__field::placeholder {
color: #000;
}
.page--homepage .header--global:hover .header__search-input .site-search__trigger-icon {
display: block;
}
.page--homepage .header--global:hover .header__search-input .site-search__trigger-icon.default-search {
display: none;
}
.page--homepage .header--global.sticky .header__search-input input.site-search__field::-moz-placeholder {
color: #000;
}
.page--homepage .header--global.sticky .header__search-input input.site-search__field::placeholder {
color: #000;
}
.page--homepage .header--global.sticky .header__search-input .site-search__trigger-icon {
display: block;
}
.page--homepage .header--global.sticky .header__search-input .site-search__trigger-icon.default-search {
display: none;
}
}
@media (max-width: 49.375rem) {
.site-search__form {
min-height: 11.5rem;
max-height: calc(100vh - 4.6875rem);
box-shadow: 0 -0.0625rem 0 0 rgba(0, 0, 0, 0.15);
}
.header__search-trigger {
width: 1.125rem;
height: 1.125rem;
}
.header-container .site-search__form {
background-color: #F3F1EC;
padding: 0;
display: grid;
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
height: 100vh;
max-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}
[dir="ltr"] .header-container .site-search__form .product-grid__item .product-tile__body {
padding: 1rem 0rem 0 1rem;
}
[dir="rtl"] .header-container .site-search__form .product-grid__item .product-tile__body {
padding: 1rem 1rem 0 0rem;
}
.header-container .site-search__form .product-tile__image {
width: 100%;
Height: 100%;
}
.header-container .site-search__form .site-search__default-product {
padding-top: 25%;
background-color: #F3F1EC;
}
.header-container .site-search__form .site-search__default-product .product-list,
.header-container .site-search__form .site-search__default-product .product-tile__media {
background-color: transparent;
}
.header-container .site-search__form .no-result-data {
padding: 5rem 0.9375rem 0;
font-size: 0.875rem;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
.header-container .site-search__form .no-result-data span {
text-transform: capitalize;
}
.header-container .site-search__form .search-input-content {
position: absolute;
top: 0;
}
[dir="ltr"] .header-container .site-search__form .search-input-content .site-search__trigger-icon {
left: 5%;
right: unset;
}
[dir="rtl"] .header-container .site-search__form .search-input-content .site-search__trigger-icon {
right: 5%;
left: unset;
}
.header-container .site-search__form .search-input-content .site-search__field {
border: none;
background-color: #F3F1EC;
}
[dir="ltr"] .header-container .site-search__form .search-input-content .site-search__field {
padding-left: 15%;
}
[dir="rtl"] .header-container .site-search__form .search-input-content .site-search__field {
padding-right: 15%;
}
.header-container .site-search__form .search-input-content .site-search__button-col {
display: none;
}
.header-container .site-search__form .search-suggestion-close {
position: absolute;
top: 3%;
}
[dir="ltr"] .header-container .site-search__form .search-suggestion-close {
right: 6%;
}
[dir="rtl"] .header-container .site-search__form .search-suggestion-close {
left: 6%;
}
.header-container .site-search__form .site-search__default-product .product-tile__quickadd-trigger {
padding: 1.15em 0;
}
.header-container .site-search__form .site-search__default-products,
.header-container .site-search__form .site-search__alternative-products {
font-family: "MontblancType-Medium", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
line-height: 20px;
letter-spacing: 0.5px;
margin-bottom: 0.938rem;
}
[dir="ltr"] .header-container .site-search__form .site-search__default-products,
[dir="ltr"] .header-container .site-search__form .site-search__alternative-products {
padding-left: 0.9375rem;
}
[dir="rtl"] .header-container .site-search__form .site-search__default-products,
[dir="rtl"] .header-container .site-search__form .site-search__alternative-products {
padding-right: 0.9375rem;
}
.header-container .site-search__form .site-search__suggestions-container {
padding: 74px 20px 0;
height: 100%;
}
.header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow {
background-image: url("../../images/Arrow-Left.svg");
background-repeat: no-repeat;
background-color: transparent;
background-position: center;
}
.header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow:hover {
transform: none;
}
.header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-next {
width: 1.25rem;
height: 1.25rem;
top: -1.75rem;
}
[dir="ltr"] .header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-next {
right: 1.9375rem;
transform: rotate(180deg);
}
[dir="rtl"] .header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-next {
left: 1.9375rem;
transform: rotate(-180deg);
}
}
@media (max-width: 49.375rem) and (min-width: 1024px) {
.header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-next {
top: -4.8125rem;
}
[dir="ltr"] .header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-next {
transform: rotate(180deg);
right: 0.6875rem;
}
[dir="rtl"] .header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-next {
transform: rotate(-180deg);
left: 0.6875rem;
}
}
@media (max-width: 49.375rem) {
.header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-disabled {
opacity: 0.5;
visibility: visible;
}
.header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-prev {
width: 1.25rem;
height: 1.25rem;
top: -1.75rem;
}
[dir="ltr"] .header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-prev {
right: 3.5rem;
left: auto;
}
[dir="rtl"] .header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-prev {
left: 3.5rem;
right: auto;
}
}
@media (max-width: 49.375rem) and (min-width: 1024px) {
.header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-prev {
top: -76.5px;
}
[dir="ltr"] .header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-prev {
right: 35px;
}
[dir="rtl"] .header-container .site-search__form .site-search__suggestions-container .site-search__suggestions-matches .slide-arrow.slick-prev {
left: 35px;
}
}
@media (max-width: 49.375rem) {
.header-container .site-search__form .site-search__suggestions-container,
.header-container .site-search__form .site-search__suggestions-list {
background-color: #F3F1EC;
}
.header-container .site-search__form .site-search__suggestions-list .suggestions-response {
margin: 0;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section.spacer {
padding-top: 60px;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-title {
font-family: "MontblancType-Medium", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
line-height: 20px;
letter-spacing: 0.5px;
margin-bottom: 0.938rem;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-matches {
font-size: 0.875rem;
margin-bottom: 0;
}
[dir="ltr"] .header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-matches .site-search__suggestions-item {
padding: 0 5px 0 0;
}
[dir="rtl"] .header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-matches .site-search__suggestions-item {
padding: 0 0 0 5px;
}
.header-container .site-search__form .site-search__suggestions-list .site-search__suggestions-section .site-search__suggestions-matches .site-search__suggestions-item .site-search__suggestions-name {
font-size: 0.875rem;
line-height: 20px;
letter-spacing: 0.5px;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
}
/* search bar text changes*/
.header--global .site-search .form-control {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
}
@media (min-width: 49.4375rem) {
body.scroll-off {
overflow: hidden;
}
[dir="ltr"] body.scroll-off {
margin-right: 17px;
}
[dir="rtl"] body.scroll-off {
margin-left: 17px;
}
body.scroll-off .header--global.sticky {
width: 99.115%;
}
}
.minicart__checkout-action:not(:first-child) {
margin-top: 1rem;
}
.minicart__checkout-action.button--apple-pay:not(:first-child), .minicart__checkout-action.button--apple-pay:hover:not(:first-child), .minicart__checkout-action.button--apple-pay:active:not(:first-child) {
margin-top: 1rem;
}
.header__minicart-overlay.utility-overlay {
background-color: #FFF;
top: 44px;
height: 100vh;
color: #000;
}
.header__minicart-overlay.utility-overlay:before {
background-color: #000;
content: "";
position: absolute;
opacity: 0;
top: 0;
height: 0;
width: 0.0625rem;
transition: height 0.24s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.24s cubic-bezier(0.42, 0, 0.58, 1);
}
[dir="ltr"] .header__minicart-overlay.utility-overlay:before {
left: 0;
}
[dir="rtl"] .header__minicart-overlay.utility-overlay:before {
right: 0;
}
.header__minicart-overlay.utility-overlay.toggle--active:before {
transition: height 0.24s cubic-bezier(0.42, 0, 0.58, 1) 0.24s, opacity 0.24s cubic-bezier(0.42, 0, 0.58, 1) 0.24s;
background-color: #000;
content: "";
position: absolute;
top: 0;
opacity: 1;
width: 0.0625rem;
height: 100%;
}
[dir="ltr"] .header__minicart-overlay.utility-overlay.toggle--active:before {
left: 0;
}
[dir="rtl"] .header__minicart-overlay.utility-overlay.toggle--active:before {
right: 0;
}
@media (max-width: 49.375rem) {
.header__minicart-overlay.utility-overlay.toggle--active {
display: none;
}
}
.header__minicart-overlay.utility-overlay .utility-overlay__header {
border: none;
}
[dir="ltr"] .header__minicart-overlay.utility-overlay .utility-overlay__header {
padding-left: 1.875rem;
}
[dir="rtl"] .header__minicart-overlay.utility-overlay .utility-overlay__header {
padding-right: 1.875rem;
}
.header__minicart-overlay.utility-overlay .utility-overlay__header .utility-overlay__header-title {
font-size: 1.125rem;
line-height: 25px;
letter-spacing: 0.6px;
margin-bottom: 1.875rem;
}
.header__minicart-overlay.utility-overlay .utility-overlay__header p {
font-size: 0.875rem;
line-height: 20px;
letter-spacing: 0.5px;
}
.header__minicart-overlay.utility-overlay .utility-overlay__line-items {
overflow-x: hidden;
}
.header__minicart-overlay.utility-overlay .utility-overlay__line-items .product-line-item__details .product-line-item__header-main {
font-size: 0.875rem;
}
.header__minicart-overlay.utility-overlay .utility-overlay__line-items .product-line-item__details .product-line-item__removeandprice .product-line-item__action {
padding-bottom: 0;
}
.header__minicart-overlay.utility-overlay .utility-overlay__line-items::-webkit-scrollbar {
width: 5px;
}
.header__minicart-overlay.utility-overlay .utility-overlay__line-items::-webkit-scrollbar-thumb {
background: #000;
}
.header__minicart-overlay.utility-overlay .utility-overlay__line-items .product-line-item--minicart {
padding-left: 0;
padding-right: 0;
}
.header__minicart-overlay.utility-overlay .utility-overlay__footer {
border-top: 1px solid #F2F2F2;
padding-bottom: 5.85rem;
}
[dir="ltr"] .header__minicart-overlay.utility-overlay .utility-overlay__footer {
padding-left: 1.875rem;
}
[dir="rtl"] .header__minicart-overlay.utility-overlay .utility-overlay__footer {
padding-right: 1.875rem;
}
.header__minicart-overlay.utility-overlay .utility-overlay__footer .utility-overlay__footer-section {
font-size: 0.875rem;
}
.header__minicart-overlay.utility-overlay .empty-basket-footer {
margin-bottom: 40px;
border-top: 0;
}
.header__minicart-overlay .product-line-item__removeandprice {
margin-top: 1.125rem;
margin-bottom: 1.4375rem;
}
.header__minicart-overlay .product-line-item__add {
white-space: nowrap;
}
.header__minicart-overlay .product-line-item__remove {
display: inline-block;
}
[dir="ltr"] .header__minicart-overlay .product-line-item__add .icon {
margin-right: 0.3125rem;
}
[dir="rtl"] .header__minicart-overlay .product-line-item__add .icon {
margin-left: 0.3125rem;
}
.header__minicart-overlay .link--primary,
.header__minicart-overlay .link--secondary,
.header__minicart-overlay .link--secondary--static,
.header__minicart-overlay .link--secondary--highlight,
.header__minicart-overlay .link--secondary-icon {
position: relative;
padding-bottom: 0.25em;
background-image: linear-gradient(currentColor, currentColor);
}
[dir="ltr"] .header__minicart-overlay .link--primary,
[dir="ltr"] .header__minicart-overlay .link--secondary,
[dir="ltr"] .header__minicart-overlay .link--secondary--static,
[dir="ltr"] .header__minicart-overlay .link--secondary--highlight,
[dir="ltr"] .header__minicart-overlay .link--secondary-icon {
background-position: 0% 70%;
}
[dir="rtl"] .header__minicart-overlay .link--primary,
[dir="rtl"] .header__minicart-overlay .link--secondary,
[dir="rtl"] .header__minicart-overlay .link--secondary--static,
[dir="rtl"] .header__minicart-overlay .link--secondary--highlight,
[dir="rtl"] .header__minicart-overlay .link--secondary-icon {
background-position: 100% 70%;
}
.header__minicart-overlay .product-line-item__attribute--engraving-embossing {
font-family: "MontblancType-Medium", "Almarai", Helvetica, Arial, sans-serif;
font-weight: 500;
}
.header__minicart-overlay .product-line-item__total-price .col-6:not(.order-confirmation__product-details-total) {
display: none;
}
.header__minicart-overlay .product-line-item__total-price .col-6.order-confirmation__product-details-total {
max-width: 100%;
flex-basis: 100%;
}
html[dir="ltr"][dir=rtl] .header__minicart-overlay.utility-overlay .utility-overlay__line-items .product-line-item__details {
padding-right: 35px;
}
html[dir="rtl"][dir=rtl] .header__minicart-overlay.utility-overlay .utility-overlay__line-items .product-line-item__details {
padding-left: 35px;
}
@media (min-width: 90.0625rem) {
html[dir=rtl] .header__minicart-overlay {
width: 30.4rem;
}
}
@media (min-width: 49.4375rem) {
.header__minicart-overlay .product-line-item__add {
font-size: 0.875rem;
padding-bottom: 1.875rem;
display: inline-block;
}
}
@media (min-width: 49.4375rem) and (max-width: 64rem) {
.header__minicart-overlay {
width: 28.67rem;
}
.page--homepage .header__minicart-overlay {
width: 22.82rem;
}
}
@media (min-width: 64.0625rem) and (max-width: 90rem) {
.header__minicart-overlay {
width: 28.67rem;
}
.page--homepage .header__minicart-overlay {
width: 22.55rem;
}
}
@media only screen and (width: 1280px) {
.page--homepage .header__minicart-overlay {
width: 28.55rem;
}
}
@media only screen and (width: 1440px) {
.page--homepage .header__minicart-overlay {
width: 22.55rem;
}
}
@media (min-width: 90.0625rem) {
.header__minicart-overlay {
width: 30.11rem;
}
.page--homepage .header__minicart-overlay {
width: 30.12rem;
}
}
@media (max-width: 49.375rem) {
.header__minicart-overlay {
width: 100%;
}
.header__minicart-overlay .product-line-item__add {
display: flex;
flex: none;
}
.mini-cart__product-img {
flex-basis: 35%;
}
.mini-cart__product-details {
flex-basis: 65%;
max-width: 65%;
}
.utility-overlay__header-anchor {
font-size: 1.25rem;
}
.product-line-item__removeandprice .link--primary,
.product-line-item__removeandprice .product-line-item__total-price {
font-size: 0.938rem;
}
}
.header__utility-item--badged {
position: relative;
}
.header__utility-item--badged.set--has-items .header__utility-anchor {
color: #FFF;
}
.header__utility-item--badged:not(.set--has-items) .header__utility-badge--has-items {
display: none;
}
.header__utility-anchor {
position: relative;
}
.header__utility-badge {
font-size: 0.75rem;
}
@media (min-width: 49.4375rem) {
.header__utility-anchor--small-up-highlight {
color: #444444;
}
[dir="ltr"] .header__utility-badge {
padding-left: 0.25rem;
}
[dir="rtl"] .header__utility-badge {
padding-right: 0.25rem;
}
.header__util-menu-right {
margin-top: 0.625rem;
}
.header__util-menu-left {
margin-top: 0.313rem;
}
}
@media (max-width: 49.375rem) {
.header__util-menu {
padding-top: 0.438rem;
}
[dir="ltr"] .header__utility-badge {
padding-left: 0.188rem;
}
[dir="rtl"] .header__utility-badge {
padding-right: 0.188rem;
}
}
.header-account__name {
text-transform: uppercase;
font-size: 0.75em;
}
[dir="ltr"] .header-account__name {
margin-right: 1.125rem;
}
[dir="rtl"] .header-account__name {
margin-left: 1.125rem;
}
[dir="ltr"] .header-account__login {
margin-right: 0rem !important;
}
[dir="rtl"] .header-account__login {
margin-left: 0rem !important;
}
.nib__title {
height: 52px;
color: #1F2020;
font-size: 24px;
letter-spacing: 0.55px;
line-height: 52px;
text-align: center;
align-content: center;
}
.nib__button-close {
z-index: 1;
border: 0;
box-shadow: none;
transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
height: 20px;
position: absolute;
width: 20px;
font-size: 0;
line-height: 0;
text-indent: -9999px;
background-color: transparent;
box-sizing: initial;
top: 0;
cursor: pointer;
}
[dir="ltr"] .nib__button-close {
padding: 26px 26px 26px 0;
right: 0;
}
[dir="rtl"] .nib__button-close {
padding: 26px 0 26px 26px;
left: 0;
}
.nib-info {
width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0 10px 10px;
}
.nib-info__left-side {
background: #fff;
z-index: 2;
margin: 0 0 2.5rem;
display: block;
padding: 0;
-ms-flex-basis: 100%;
flex-basis: 100%;
width: 100%;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
.nib-info__dropdown {
margin-bottom: 2rem;
}
.nib-info__result-list {
list-style: none;
padding: 0;
margin: 0;
}
.nib-info__right-side {
margin: 0;
display: block;
-ms-flex-shrink: 0;
flex-shrink: 0;
-ms-flex-basis: 100%;
flex-basis: 100%;
width: 100%;
padding: 0;
}
.nib-info__image-wrapper {
width: 100%;
margin: 0 0 2.5rem;
padding: 0;
overflow: hidden;
}
.nib-info__faq-item {
border-top: 1px solid #d2d2d2;
}
.field-select__input {
box-sizing: border-box;
width: 105%;
border: 1px solid #444444;
opacity: 0.9;
padding: 15px 5px 14px 5px;
align-content: center;
margin-top: 20px;
margin-bottom: 33px;
}
.nib-info__item-text {
margin: 0;
padding: 0;
letter-spacing: 0.37px;
line-height: 1.6rem;
font-size: 0.875rem;
color: #444;
}
.response-block {
box-sizing: inherit;
display: block;
}
.label-select__nib {
height: 22px;
width: auto;
color: #1F2020;
font-size: 14px;
letter-spacing: 0.44px;
line-height: 22px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.nib-info__image {
width: 100%;
max-width: initial;
height: auto;
}
.nib-info__faq-btn {
border: 0;
letter-spacing: 0.44px;
line-height: 1.71429rem;
font-size: 1rem;
width: 100%;
display: block;
margin: 0;
cursor: pointer;
box-shadow: none;
background-color: transparent;
position: relative;
font-weight: 400;
color: #444;
}
[dir="ltr"] .nib-info__faq-btn {
padding: 2rem 2.8rem 2rem 0;
text-align: left;
}
[dir="rtl"] .nib-info__faq-btn {
padding: 2rem 0 2rem 2.8rem;
text-align: right;
}
.nib-info {
padding-right: 10px;
padding-left: 10px;
}
.nib-info__faq-btn::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
background-image: url(/skin/frontend/lite/montblanc/icons/icon-plus-black.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 16px;
height: 1.14286rem;
width: 1.14286rem;
margin-bottom: 0.28572rem;
}
[dir="ltr"] .nib-info__faq-btn::after {
right: -0.07142rem;
}
[dir="rtl"] .nib-info__faq-btn::after {
left: -0.07142rem;
}
.nib-info__item-title {
margin-bottom: 21px;
}
[dir="ltr"] .nib-right__margin {
margin-left: 40px;
}
[dir="rtl"] .nib-right__margin {
margin-right: 40px;
}
[dir="ltr"] .nib-left__margin {
margin-left: 30px;
}
[dir="rtl"] .nib-left__margin {
margin-right: 30px;
}
/*Container Accordion */
.container {
width: 100%;
max-width: 80rem;
margin: 0 auto;
padding: 0 1.5rem;
}
.accordion-item {
border-radius: 0.4rem;
}
.accordion-item hr {
border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}
.accordion-link {
font-size: 1.3rem;
color: black;
text-decoration: none;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 0;
}
.accordion-link h3 {
font-weight: 500;
font-size: 20px;
text-decoration: none;
pointer-events: none;
}
.accordion-link i {
color: #5c3f81;
padding: 0.5rem;
position: relative;
padding-block: inherit;
}
.accordion-link ul {
display: flex;
align-items: flex-end;
list-style-type: none;
}
[dir="ltr"] .accordion-link ul {
margin-left: 25px;
}
[dir="rtl"] .accordion-link ul {
margin-right: 25px;
}
.accordion-link li {
font-size: 10px;
color: rgba(255, 255, 255, 0.4);
}
[dir="ltr"] .accordion-link li {
padding: 0 0 1px 5px;
}
[dir="rtl"] .accordion-link li {
padding: 0 5px 1px 0;
}
.accordion-link div {
display: flex;
}
.accordion-link .ion-md-arrow-down {
display: none;
}
.answer {
max-height: 0px;
overflow: hidden;
position: relative;
background-color: #fff;
transition: max-height 650ms;
color: #404040;
font-size: 12px;
}
.answer p {
color: #000;
font-size: 12px;
letter-spacing: 0.38px;
}
.accordion-item:target .answer {
max-height: 20rem;
}
.accordion-item:target .accordion-link .icon_plus {
display: none;
}
.accordion-item:target .accordion-link .icon_minus {
display: block;
}
.title {
text-decoration: none;
}
.icon_plus {
background: url("https://www.montblanc.com/ytos/resources/MONTBLANC/svg/icons/plus.svg");
background-repeat: no-repeat;
}
.icon_minus {
background: url("https://www.montblanc.com/ytos/resources/MONTBLANC/svg/icons/minus.svg");
background-repeat: no-repeat;
}
.header-language-selector button.header-language-selector__item {
line-height: 1.08;
}
.header-language-selector__selectable {
opacity: 0.5;
}
@media (min-width: 49.4375rem) {
.header-language-selector {
position: relative;
display: inline-block;
}
}
@media (max-width: 49.375rem) {
.header-language-selector {
position: absolute;
top: 2.2rem;
max-width: 7rem;
}
[dir="ltr"] .header-language-selector {
right: 1.5rem;
text-align: right;
}
[dir="rtl"] .header-language-selector {
left: 1.5rem;
text-align: left;
}
}
.scroll-off body {
overflow: hidden;
}
.country-selector {
grid-template-columns: 1.25rem repeat(3, 1fr 1.25rem) 1fr 1.25rem;
bottom: 0;
grid-template-rows: 1fr;
height: 100%;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 400;
padding-top: 44px;
display: none;
}
@media (max-width: 49.375rem) {
.country-selector {
padding-top: 0;
}
}
.country-selector::before {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
opacity: 0;
z-index: -1;
}
.country-selector.active {
display: flex;
}
.country-selector.active::before {
opacity: 1;
transition: opacity 0.24s cubic-bezier(0.42, 0, 0.58, 1) 0.32s;
top: 50px;
}
.country-selector.active .country-selector__inner {
display: block;
}
[dir="ltr"] .country-selector.active .country-selector__inner {
margin-left: auto;
}
[dir="rtl"] .country-selector.active .country-selector__inner {
margin-right: auto;
}
.country-selector.active .country-selector__inner::before {
opacity: 1;
height: 100%;
transition: height 0.24s cubic-bezier(0.42, 0, 0.58, 1) 0.24s, opacity 0.24s cubic-bezier(0.42, 0, 0.58, 1) 0.24s;
}
.country-selector.active .country-selector__inner::after {
opacity: 1;
}
[dir="ltr"] .country-selector.active .country-selector__inner::after {
left: 0;
}
[dir="rtl"] .country-selector.active .country-selector__inner::after {
right: 0;
}
.country-selector.active .country-selector__inner .megamenu-close {
position: absolute;
top: 10px;
display: block !important;
}
[dir="ltr"] .country-selector.active .country-selector__inner .megamenu-close {
right: 30px;
}
[dir="rtl"] .country-selector.active .country-selector__inner .megamenu-close {
left: 30px;
}
.country-selector.active .country-selector__content {
opacity: 1;
transform: translateX(0);
padding-top: 30px;
}
.country-selector.active .country-selector__content .modal__header {
display: none;
}
.country-selector.active .country-selector__content .modal--country-selector__content {
display: flex;
flex-flow: column;
height: 100%;
justify-content: space-between;
padding-bottom: 100px;
margin-top: 0;
}
@media (max-width: 49.375rem) {
.country-selector.active .country-selector__content .modal--country-selector__content {
padding-bottom: 20px;
}
}
.country-selector__inner {
grid-column: 1/span 9;
grid-template-columns: inherit;
overflow: hidden;
position: relative;
display: block;
width: 36.15%;
height: 100vh;
}
@media (min-width: 90.0625rem) {
.country-selector__inner {
width: 25.31%;
}
}
@media (max-width: 49.375rem) {
.country-selector__inner {
width: 100%;
}
}
.country-selector__inner::before {
background-color: #000;
content: "";
position: absolute;
opacity: 0;
top: 0;
height: 0;
width: 0.0625rem;
transition: height 0.24s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.24s cubic-bezier(0.42, 0, 0.58, 1);
z-index: 150;
}
[dir="ltr"] .country-selector__inner::before {
left: 0;
}
[dir="rtl"] .country-selector__inner::before {
right: 0;
}
@media (max-width: 49.375rem) {
.country-selector__inner::before {
display: none;
}
}
.country-selector__inner::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #fff;
top: 0;
opacity: 0;
z-index: -1;
}
[dir="ltr"] .country-selector__inner::after {
left: 3.125rem;
transition: left 0.48s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.48s cubic-bezier(0.42, 0, 0.58, 1);
}
[dir="rtl"] .country-selector__inner::after {
right: 3.125rem;
transition: right 0.48s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.48s cubic-bezier(0.42, 0, 0.58, 1);
}
.country-selector__content {
height: 100%;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
overflow: hidden;
transition: opacity 0.24s cubic-bezier(0.42, 0, 0.58, 1), transform 0.24s cubic-bezier(0.42, 0, 0.58, 1);
opacity: 0;
padding-left: 1.875rem;
padding-right: 1.875rem;
padding-bottom: 0;
background-color: #fff;
}
[dir="ltr"] .country-selector__content {
transform: translateX(20px);
}
[dir="rtl"] .country-selector__content {
transform: translateX(-20px);
}
@media (max-width: 49.375rem) {
.country-selector__content {
padding-left: 20px;
padding-right: 20px;
}
}
.country-selector__content > .row {
flex-direction: column;
padding-top: 32px;
}
.country-selector__content .country-selector__column {
flex-direction: column;
padding: 0;
}
@media (max-width: 49.375rem) {
.country-selector__content .country-selector__column {
margin-bottom: 0;
}
.country-selector__content .country-selector__column:not(:last-child) {
margin-bottom: 0;
}
}
.country-selector__content .country-selector__country-list {
z-index: 1;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #FFF;
background-color: #FFF;
background-color: var(--header-nav-panel-bg, #FFF);
transition-property: transform;
transition-duration: 300ms;
transition-timing-function: ease-in;
overflow-y: scroll;
}
.country-selector__content .country-selector__country-list .heading-type {
margin: 0 0 20px;
text-transform: uppercase;
cursor: text !important;
}
.country-selector__content .country-selector__country-list .heading-type::after {
display: none !important;
}
.country-selector__content .country-selector__country-list:not(.country-menu-active) {
opacity: 0;
visibility: hidden;
}
[dir="ltr"] .country-selector__content .country-selector__country-list:not(.country-menu-active) {
left: 0;
transform: translateX(100%);
}
[dir="rtl"] .country-selector__content .country-selector__country-list:not(.country-menu-active) {
right: 0;
transform: translateX(-100%);
}
.country-selector__content .country-selector__country-list.country-menu-active {
transform: translateX(0);
transition-timing-function: ease-out;
opacity: 1;
visibility: inherit;
padding-bottom: 75px;
}
.country-selector__content .country-selector__country-list .header-flyout__back {
margin: 20px 0;
}
.country-selector__content .country-selector__country-list .header-flyout__back img {
width: auto;
display: inline-block;
}
.country-selector__content .country-selector__region:not(:last-child) {
margin: 0;
padding: 0;
}
.country-selector__content .country-selector__region {
padding: 0;
}
.country-selector__content .country-selector__region .heading-type, .country-selector__content .country-selector__region a {
cursor: pointer;
font-size: 14px;
letter-spacing: 0.5px;
}
.country-selector__content .country-selector__region .heading-type::after, .country-selector__content .country-selector__region a::after {
background-image: url(https://www.montblanc.com/ytos/resources/MONTBLANC/svg/v2/icons/chevron-bottom.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
content: "";
display: inline-block;
height: 0.5rem;
overflow: visible;
opacity: 0;
width: 0;
}
[dir="ltr"] .country-selector__content .country-selector__region .heading-type::after, [dir="ltr"] .country-selector__content .country-selector__region a::after {
transform: rotate(-90deg);
transition: margin-left 0.24s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.24s cubic-bezier(0.42, 0, 0.58, 1), width 0.24s cubic-bezier(0.42, 0, 0.58, 1);
}
[dir="rtl"] .country-selector__content .country-selector__region .heading-type::after, [dir="rtl"] .country-selector__content .country-selector__region a::after {
transform: rotate(90deg);
transition: margin-right 0.24s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.24s cubic-bezier(0.42, 0, 0.58, 1), width 0.24s cubic-bezier(0.42, 0, 0.58, 1);
}
.country-selector__content .country-selector__region .heading-type:hover, .country-selector__content .country-selector__region a:hover {
opacity: 1;
text-decoration: none;
}
.country-selector__content .country-selector__region .heading-type:hover::after, .country-selector__content .country-selector__region a:hover::after {
opacity: 1;
width: 0.5rem;
}
[dir="ltr"] .country-selector__content .country-selector__region .heading-type:hover::after, [dir="ltr"] .country-selector__content .country-selector__region a:hover::after {
margin-left: 0.5rem;
}
[dir="rtl"] .country-selector__content .country-selector__region .heading-type:hover::after, [dir="rtl"] .country-selector__content .country-selector__region a:hover::after {
margin-right: 0.5rem;
}
.country-selector__content .country-selector__region a {
text-transform: capitalize;
}
.country-selector .shipping-to {
margin-bottom: 8px;
font-size: 14px;
letter-spacing: 0.5px;
}
.country-selector .selected-country {
font-size: 14px;
letter-spacing: 0.5px;
}
.country-selector .choose-countrylist {
font-size: 0.875rem;
margin-top: 30px;
}
.header-country-iscommented .countryCode {
transition: transform 0.32s cubic-bezier(0.42, 0, 0.58, 1);
display: inline-block;
font-size: 14px;
letter-spacing: 0.5px;
}
[dir="ltr"] .header-country-iscommented .countryCode {
transform: translate3d(-10px, 0, 0);
}
[dir="rtl"] .header-country-iscommented .countryCode {
transform: translate3d(10px, 0, 0);
}
.header-country-iscommented:hover::before {
opacity: 1;
}
[dir="ltr"] .header-country-iscommented:hover::before {
margin-right: 8px;
}
[dir="rtl"] .header-country-iscommented:hover::before {
margin-left: 8px;
}
.header-country-iscommented:hover .countryCode {
transform: translate3d(0, 0, 0);
}
.header-country-iscommented::before {
content: "";
width: 6px;
height: 6px;
background-color: #000;
border-radius: 4px;
opacity: 0;
transition: transform 0.32s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.32s cubic-bezier(0.42, 0, 0.58, 1);
}
[dir="ltr"] .header-country-iscommented::before {
transform: translate3d(-2px, 0, 0);
margin-right: 4px;
}
[dir="rtl"] .header-country-iscommented::before {
transform: translate3d(2px, 0, 0);
margin-left: 4px;
}
.header-country.active {
display: block;
}
.country-selector__list {
display: flex;
flex-direction: column;
}
.countryCode {
margin-bottom: 0;
}
[dir="ltr"] .location span {
margin-right: 10px;
}
[dir="rtl"] .location span {
margin-left: 10px;
}
.country-shipping-info {
position: relative;
bottom: 30px;
padding: 0;
font-size: 14px;
margin-bottom: 0;
}
[dir="ltr"] .country-shipping-info {
left: -7px;
}
[dir="rtl"] .country-shipping-info {
right: -7px;
}
.country-shipping-info-copy {
position: relative;
font-size: 14px;
padding-bottom: 60px;
padding-top: 40px;
}
[dir="ltr"] .country-shipping-info-copy {
padding-right: 30px;
}
[dir="rtl"] .country-shipping-info-copy {
padding-left: 30px;
}
/**
* TABLE OF CONTENTS
*
* COMPONENTS
* footerCommons...................Contains footer global styles.
* footerLinks.....................Footer links.
*
*/
/*------------------------------------*\
#COMPONENTS
\*------------------------------------*/
.footer__main-content--checkout {
letter-spacing: normal;
}
.footer {
background-color: #FFF;
color: #000;
}
@media (min-width: 64.0625rem) {
[dir="ltr"] .footer__country-selector-anchor {
margin-left: 0.75rem;
}
[dir="rtl"] .footer__country-selector-anchor {
margin-right: 0.75rem;
}
.footer-wrap {
grid-template-columns: 1.875rem repeat(23, 1fr 1.25rem) 1fr 1.875rem;
display: grid;
}
.footer-wrap .footer__main-content {
display: grid;
grid-column: 27/span 26;
grid-row: 1;
grid-template-rows: 1fr;
padding: 0;
grid-template-columns: 8.25rem repeat(10, 1fr 1.25rem) 1fr 8.875rem;
}
.footer-wrap .footer__main-content .row {
grid-row: 1;
flex-basis: 100%;
width: 100%;
display: block;
}
[dir="ltr"] .footer-wrap .footer__main-content .row {
border-left: 1px solid #000;
padding-left: 1.25rem;
}
[dir="rtl"] .footer-wrap .footer__main-content .row {
border-right: 1px solid #000;
padding-right: 1.25rem;
}
.footer-wrap .footer__main-content .row:first-child {
grid-column: 1/span 11;
}
.footer-wrap .footer__main-content .row:nth-child(2) {
grid-column: 13/span 10;
}
.footer-wrap .footer__main-content .footer-links-col {
margin-top: 3.5rem;
padding: 0;
}
.footer-wrap .footer__main-content .footer-links-col:first-child {
margin-top: 0;
}
.footer-wrap .max-width--large:first-child {
grid-column: 2/span 15;
grid-row: 1;
}
}
@media (min-width: 64.0625rem) {
.footer-wrap {
margin-top: 7.5rem;
}
.footer__main-content--checkout {
border-top: solid 0.0625rem #3C3C3C;
}
.footer__main-content .row {
padding-bottom: 3.938rem;
}
.footer__main-content--checkout {
padding-top: 2.125rem;
margin-bottom: 2.375rem;
}
.footer__secondary-content {
padding-top: 1.5rem;
padding-bottom: 1.063rem;
border-top: solid 0.0625rem #3C3C3C;
line-height: 1.08;
}
}
@media (max-width: 64rem) {
.footer__country-selector-anchor {
margin-top: 0.5rem;
}
.footer__copyright-description {
margin: 62px 0 20px 0;
}
}
@media (max-width: 63.938rem) {
.newsletter-wrap {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.footer__main-content {
padding-left: 1.25rem;
padding-right: 1.25rem;
border-top: 1px solid #000;
padding-top: 1.5rem;
}
.footer__separator {
margin-top: 3.125rem;
margin-bottom: 3.125rem;
}
.footer__main-content--checkout {
margin-bottom: 2.25rem;
}
.footer__secondary-content {
margin-top: 1.25rem;
padding-top: 1.625rem;
padding-bottom: 1.625rem;
border-top: solid 0.0625rem #3C3C3C;
}
.footer__secondary-content--checkout {
padding-bottom: 1.875rem;
}
.footer__secondary-content-column:not(:last-child) {
margin-bottom: 1.5rem;
}
.footer__country-selector {
display: flex;
justify-content: space-between;
}
.footer__country-selector span {
line-height: 1.5;
}
.footer__country-selector-anchor {
margin-top: 1.2rem;
}
[dir="ltr"] .footer--checkout .footer__copyright {
text-align: left;
}
[dir="rtl"] .footer--checkout .footer__copyright {
text-align: right;
}
}
.back-to-top {
border: 0;
-webkit-appearance: none;
position: fixed;
bottom: 135px;
display: block;
padding: 8px 4px;
cursor: pointer;
transform: translateY(100px);
opacity: 0;
transition: transform 0.5s, opacity 0.3s;
}
[dir=ltr] .back-to-top {
left: 94%;
}
[dir=rtl] .back-to-top {
left: 2%;
}
@media (max-width: 49.375rem) {
.back-to-top {
bottom: 204px;
}
[dir=ltr] .back-to-top {
left: 84%;
}
[dir=rtl] .back-to-top {
left: 2%;
}
}
.back-to-top--show {
opacity: 1;
}
.icon--back-to-top {
height: 3.125rem;
width: 3.125rem;
}
.cart__header-count {
display: none;
}
.footer-links__color {
color: #000;
}
.footer-links__list--unstacked {
display: flex;
align-items: center;
flex-flow: nowrap;
}
.footer-links__item {
line-height: 1.08;
}
.footer-links__item .icon--invert {
filter: invert(0);
}
.footer-links__item .fluid-type--base-centi {
font-size: 0.875rem;
}
@media (max-width: 49.375rem) {
.footer-payment-logos img {
padding-bottom: 15px;
}
}
@media (min-width: 64.0625rem) {
.footer-links:not(:last-child) {
margin-bottom: 2.75rem;
}
.footer-links__heading {
margin-bottom: 0.8rem;
line-height: 1.35;
}
.footer-links__heading.fluid-type--deka-mb-micro {
margin-bottom: 0.8rem;
font-size: 0.875rem;
text-transform: uppercase;
}
.footer-links__list--stacked .footer-links__item:not(:last-child) {
margin-bottom: 0.8rem;
}
}
@media (min-width: 64.0625rem) and (min-width: 49.4375rem) {
.footer-links__list {
margin-bottom: 0;
}
}
@media (min-width: 64.0625rem) {
.footer-payment-logos {
display: flex;
}
[dir="ltr"] .footer-payment-logos img {
margin-right: 1.5rem;
}
[dir="rtl"] .footer-payment-logos img {
margin-left: 1.5rem;
}
.footer-links__heading {
font-family: "MontblancType-Medium", "Almarai", Helvetica, Arial, sans-serif;
}
.footer-links__list--unstacked {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
.footer-links__list--unstacked .footer-links__item {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
[dir=ltr] .footer-links__list--unstacked .footer-links__item:not(:last-child) {
margin-left: 0;
}
[dir=rtl] .footer-links__list--unstacked .footer-links__item:not(:last-child) {
margin-left: 1.25em;
}
[dir=ltr] .footer-links__list--unstacked .footer-links__item:not(:last-child) {
margin-right: 1.25em;
}
[dir=rtl] .footer-links__list--unstacked .footer-links__item:not(:last-child) {
margin-right: 0;
}
}
@media (min-width: 64.0625rem) {
.footer-links-col:not(:last-child) {
margin-bottom: 2.25rem;
}
}
@media (max-width: 63.938rem) {
.footer-links__list--unstacked {
justify-content: space-between;
}
.footer__main-content .footer-links__heading--toggleable {
padding-top: 1.25em;
padding-bottom: 1.25em;
font-size: 0.875rem;
font-weight: 700;
}
.footer__main-content .footer-links__item a {
font-size: 0.875rem;
}
.footer-links__heading:not(.footer-links__heading--toggleable) {
padding-top: 1.25rem;
padding-bottom: 0.625rem;
font-size: 0.875rem;
font-weight: 700;
}
.footer-links__heading-arrow {
position: relative;
transition: transform 300ms cubic-bezier(0.4, 0.9, 0.3, 1);
}
.footer-links__list {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
justify-content: flex-start;
}
.footer-links__list--stacked .footer-links__item:not(:last-child) {
margin-bottom: 1.25em;
}
.footer-links__list--stacked:not(.toggle--active) {
display: none;
}
[dir="ltr"] .footer-links__list--unstacked .footer-links__item:not(:last-child) {
margin-right: 1.25em;
}
[dir="rtl"] .footer-links__list--unstacked .footer-links__item:not(:last-child) {
margin-left: 1.25em;
}
.footer-links .collapse-icon {
display: none;
}
.footer-links.toggle--active .collapse-icon {
display: inline-block;
top: -0.375rem;
}
.footer-links.toggle--active .expand-icon {
display: none;
}
}
.footer-content__heading {
margin-bottom: 1.35em;
}
.footer-content__description:not(:last-child) {
margin-bottom: 0.5rem;
}
.footer-content__links {
margin-top: -0.5rem;
margin-bottom: -0.5rem;
}
.footer-content__link {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.footer-content__img {
margin-bottom: 0.875rem;
}
.footer-promo {
position: relative;
}
.footer-promo.toggle--active {
display: none;
}
.footer-promo .module-container {
border-top: 1px solid #CCCCCC;
}
@media (max-width: 49.375rem) {
.footer-promo .module-container {
border-top: 1px solid #000;
}
}
.footer-promo__close-form {
position: absolute;
top: 0;
bottom: 0;
}
.footer-promo__close-button {
height: 1.75rem;
width: 1.75rem;
}
@media (min-width: 90.0625rem) {
[dir="ltr"] .footer-promo__close-form {
left: calc(50% + 45rem - 1.7rem);
transform: translateX(-100%);
}
[dir="rtl"] .footer-promo__close-form {
right: calc(50% + 45rem - 1.7rem);
transform: translateX(100%);
}
}
@media (min-width: 64.0625rem) and (max-width: 90rem) {
[dir="ltr"] .footer-promo__close-form {
right: 1.7rem;
}
[dir="rtl"] .footer-promo__close-form {
left: 1.7rem;
}
}
@media (min-width: 49.4375rem) {
[dir="ltr"] .footer-content__link:not(:last-child) {
margin-right: 1.25rem;
}
[dir="rtl"] .footer-content__link:not(:last-child) {
margin-left: 1.25rem;
}
[dir="ltr"] .footer-content-col:nth-child(2) .footer-content__description {
padding-right: 2.625rem;
}
[dir="rtl"] .footer-content-col:nth-child(2) .footer-content__description {
padding-left: 2.625rem;
}
}
@media (min-width: 49.4375rem) and (max-width: 64rem) {
.footer-content-col:not(:last-child) {
margin-bottom: 2.25rem;
}
[dir="ltr"] .footer-promo__close-form {
right: 1.25rem;
}
[dir="rtl"] .footer-promo__close-form {
left: 1.25rem;
}
}
@media (max-width: 49.375rem) {
.footer-content-col:not(:last-child) {
margin-bottom: 2.75rem;
}
.footer-content-col:first-child {
margin-top: 2.5rem;
}
[dir="ltr"] .footer-content__link:not(:last-child) {
margin-right: 1.875rem;
}
[dir="rtl"] .footer-content__link:not(:last-child) {
margin-left: 1.875rem;
}
[dir="ltr"] .footer-promo__close-form {
right: 0.7rem;
}
[dir="rtl"] .footer-promo__close-form {
left: 0.7rem;
}
}
@media (min-width: 64.0625rem) {
[dir="ltr"] .footer-copyright__link {
margin-left: 2.2em;
}
[dir="rtl"] .footer-copyright__link {
margin-right: 2.2em;
}
}
@media (max-width: 64rem) {
.footer-copyright__link {
margin-top: 0.85em;
}
[dir="ltr"] .footer-copyright__link:not(:last-child) {
margin-right: 1.55em;
}
[dir="rtl"] .footer-copyright__link:not(:last-child) {
margin-left: 1.55em;
}
}
.footer-partners {
border-top: solid 0.0625rem #E6E6E6;
}
.max-width--footer-partners {
max-width: 34.25rem;
}
@media (min-width: 49.4375rem) {
.footer-partners {
padding-top: 2.5rem;
}
.footer-partners__img {
height: 2rem;
}
}
@media (max-width: 49.375rem) {
.footer-partners {
margin-top: 1.125rem;
padding-top: 3rem;
padding-bottom: 1.5rem;
}
.footer-partners__item:not(:last-child) {
margin-bottom: 2.75rem;
}
.footer-partners__img {
height: 2.375rem;
}
}
.price .strike-through {
color: #8C8C8C;
font-size: 0.75rem;
}
[dir="ltr"] .price .price__original {
margin-right: 0.5em;
}
[dir="rtl"] .price .price__original {
margin-left: 0.5em;
}
.price .tiered {
font-size: 0.938rem;
line-height: 1.7;
}
[dir="ltr"] .breadcrumbs__item:not(:last-child) {
margin-right: 0.45em;
}
[dir="rtl"] .breadcrumbs__item:not(:last-child) {
margin-left: 0.45em;
}
.breadcrumbs__item .breadcrumbs__anchor {
text-transform: lowercase;
}
.breadcrumbs__item .breadcrumbs__anchor::first-letter {
text-transform: uppercase;
}
.breadcrumbs__separator {
display: inline-block;
}
[dir="ltr"] .breadcrumbs__separator {
margin-left: 0.45em;
}
[dir="rtl"] .breadcrumbs__separator {
margin-right: 0.45em;
}
@media (max-width: 49.375rem) {
.breadcrumbs--spaced {
margin-bottom: 1.5rem;
}
}
/* breadcrumb underline issue */
.breadcrumbs__anchor.link--secondary:hover {
text-decoration: none;
}
/* breadcrumb levels in PLP PDP */
.plp-content-slotwrapper .breadcrumbs--spaced li:nth-child(1), .plp-content-slotwrapper .breadcrumbs--spaced li:nth-last-child(1) {
display: none;
}
.plp-content-slotwrapper .breadcrumbs--spaced li:nth-last-child(2) .breadcrumbs__separator {
display: none;
}
.pdp-main__breadcrumbs .breadcrumbs li:nth-child(odd) {
display: none;
}
.pdp-main__breadcrumbs .breadcrumbs li:nth-child(2) .breadcrumbs__anchor::before {
display: none;
}
.tooltip {
display: inline-block;
position: relative;
width: 1.25rem;
height: 1.25rem;
vertical-align: middle;
}
[dir="ltr"] .tooltip {
margin-left: 0.25rem;
}
[dir="rtl"] .tooltip {
margin-right: 0.25rem;
}
.tooltip--field-label {
margin-bottom: 0.25rem;
}
.tooltip__trigger {
display: flex;
height: 100%;
cursor: pointer;
}
.tooltip__trigger-icon {
width: 100%;
height: 100%;
}
.tooltip__content {
z-index: 2;
position: absolute;
min-width: 14.5rem;
padding: 1em;
border: solid 0.0625rem #1D1C1C;
border-radius: 0;
transition: opacity 300ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 300ms cubic-bezier(0.4, 0.9, 0.3, 1), transform 300ms cubic-bezier(0.4, 0.9, 0.3, 1);
opacity: 0;
visibility: hidden;
}
.tooltip__content:before, .tooltip__content:after {
position: absolute;
width: 0;
height: 0;
content: "";
}
.tooltip__content.set--top {
bottom: calc(100% + 1.125rem);
transform: translateY(0.5rem) scale(0.8);
}
[dir="ltr"] .tooltip__content.set--top.set--right {
transform-origin: bottom right;
border-bottom-right-radius: 0;
}
[dir="rtl"] .tooltip__content.set--top.set--right {
transform-origin: bottom left;
border-bottom-left-radius: 0;
}
[dir="ltr"] .tooltip__content.set--top.set--left {
transform-origin: bottom left;
border-bottom-left-radius: 0;
}
[dir="rtl"] .tooltip__content.set--top.set--left {
transform-origin: bottom right;
border-bottom-right-radius: 0;
}
.tooltip__content.set--top:before {
top: calc(100% + 0.0625rem);
border-top: 0.7125rem solid #1D1C1C;
}
[dir="ltr"] .tooltip__content.set--right {
right: -0.25rem;
}
[dir="rtl"] .tooltip__content.set--right {
left: -0.25rem;
}
[dir="ltr"] .tooltip__content.set--right:before {
right: 0.75rem;
border-left: 0.8125rem solid transparent;
}
[dir="rtl"] .tooltip__content.set--right:before {
left: 0.75rem;
border-right: 0.8125rem solid transparent;
}
[dir="ltr"] .tooltip__content.set--left {
left: -0.25rem;
}
[dir="rtl"] .tooltip__content.set--left {
right: -0.25rem;
}
[dir="ltr"] .tooltip__content.set--left:before {
left: 0.75rem;
border-right: 0.8125rem solid transparent;
}
[dir="rtl"] .tooltip__content.set--left:before {
right: 0.75rem;
border-left: 0.8125rem solid transparent;
}
[dir="ltr"] .tooltip__content.set--center {
left: 50%;
transform: translateX(-50%);
}
[dir="rtl"] .tooltip__content.set--center {
right: 50%;
transform: translateX(50%);
}
.tooltip__content.set--bottom {
top: calc(100% + 0.75rem);
transform: translateY(-0.5rem);
}
[dir="ltr"] .tooltip__content.set--bottom.set--right {
transform-origin: top right;
border-top-right-radius: 0;
}
[dir="rtl"] .tooltip__content.set--bottom.set--right {
transform-origin: top left;
border-top-left-radius: 0;
}
[dir="ltr"] .tooltip__content.set--bottom.set--left {
transform-origin: top left;
border-top-left-radius: 0;
}
[dir="rtl"] .tooltip__content.set--bottom.set--left {
transform-origin: top right;
border-top-right-radius: 0;
}
.tooltip__content.set--bottom:before {
bottom: calc(100% + 0.0625rem);
border-bottom: 0.7125rem solid #1D1C1C;
}
.tooltip__content.set--tooltip-active {
opacity: 1;
visibility: inherit;
}
.tooltip__content.set--tooltip-active:not(.set--center) {
transform: translateY(0) scale(1);
}
[dir="ltr"] .tooltip__content.set--tooltip-active.set--center {
transform: translate(-50%, 0) scale(1);
}
[dir="rtl"] .tooltip__content.set--tooltip-active.set--center {
transform: translate(50%, 0) scale(1);
}
.tab-nav {
display: flex;
position: relative;
margin-bottom: 2rem;
box-shadow: inset 0 -0.0625rem 0 0 #CCCCCC;
}
.tab-nav__item {
padding-top: 0.5em;
padding-bottom: 0.75em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5;
font-size: 0.875rem;
transition-property: box-shadow, color;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1.25);
cursor: pointer;
opacity: 0.5;
}
.tab-nav__item:hover:not(.toggle--active) {
opacity: 1;
}
.tab-nav .tab-nav__item {
flex: 1 1 50%;
max-width: 50%;
}
.tab-nav__item.toggle--active, .tab-nav__item-check.toggle--active + .tab-nav__item {
opacity: 1;
box-shadow: inset 0 -0.1875rem 0 0 #444444;
}
.tab-nav__item-check {
position: absolute;
opacity: 0;
}
.tab-content {
position: relative;
}
.tab-content__panel:not(.toggle--active) {
display: none;
}
.inline-prompt-container {
position: relative;
}
.inline-prompt {
position: absolute;
z-index: 1;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.95);
color: #444444;
white-space: normal;
transition: opacity 200ms ease-out, visibility 200ms ease-out;
}
[dir="ltr"] .inline-prompt {
left: 0;
}
[dir="rtl"] .inline-prompt {
right: 0;
}
.inline-prompt:not(.toggle--active) {
opacity: 0;
visibility: hidden;
}
.inline-prompt__body {
max-width: 20rem;
}
.inline-prompt__footer {
margin-top: 1rem;
}
.dropdown-box {
position: relative;
text-transform: uppercase;
}
.dropdown-box__trigger {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border-bottom: solid 0.0625rem #444444;
border-radius: 0;
text-transform: inherit;
}
[dir="ltr"] .dropdown-box__trigger {
text-align: left;
}
[dir="rtl"] .dropdown-box__trigger {
text-align: right;
}
.dropdown-box__list {
z-index: 2;
position: absolute;
top: calc(100% - 0.0625rem);
min-width: 100%;
background-color: transparent;
border: solid 0.0625rem #CCCCCC;
border-radius: 0 0 0 0;
}
[dir="ltr"] .dropdown-box__list {
right: 0;
}
[dir="rtl"] .dropdown-box__list {
left: 0;
}
.dropdown-box__list:not(.toggle--active) {
opacity: 0;
visibility: hidden;
}
.dropdown-box__item:not(:last-child) {
border-bottom: solid 0.0625rem #F2F2F2;
}
.dropdown-box__anchor {
display: block;
font-size: 0.875rem;
}
.dropdown-box__anchor:hover, .dropdown-box__anchor:focus {
background-color: rgba(68, 68, 68, 0.15);
}
.dropdown-box__anchor.selected {
font-weight: 500;
background-color: #202020;
color: #FFF;
}
@media (min-width: 49.4375rem) {
.dropdown-box__anchor {
padding: 0.75rem 1rem;
}
}
@media (max-width: 49.375rem) {
.dropdown-box__list--small-expanded {
position: relative;
top: initial;
border: none;
}
.dropdown-box__list--small-expanded:not(.toggle--active) {
opacity: 1;
visibility: inherit;
}
.dropdown-box__anchor {
padding: 1.25rem 0.75rem;
}
}
/**
* Module: Toggle Box
* Provides styles for toggable box, with title, +/- symbols, and content.
*/
.toggle-box.error {
border-color: #e60000;
background-color: rgba(230, 0, 0, 0.05);
}
.toggle-box + .toggle-box {
margin-top: 0.625rem;
}
.toggle-box--boxed {
border: solid 0.0625rem #F0F0F0;
}
[dir="ltr"] .toggle-box--boxed .toggle-box__label {
padding-left: 1em;
}
[dir="rtl"] .toggle-box--boxed .toggle-box__label {
padding-right: 1em;
}
[dir="ltr"] .toggle-box--boxed .toggle-box__label:after {
right: 0.75em;
}
[dir="rtl"] .toggle-box--boxed .toggle-box__label:after {
left: 0.75em;
}
.toggle-box--boxed .toggle-box__content {
padding-right: 1em;
padding-left: 1em;
}
.toggle-box--single + .toggle-box--single {
border-top: none;
}
.toggle-box__label {
display: flex;
align-items: center;
position: relative;
min-height: 2.75rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
cursor: pointer;
}
[dir="ltr"] .toggle-box__label {
padding-right: 2em;
text-align: left;
}
[dir="rtl"] .toggle-box__label {
padding-left: 2em;
text-align: right;
}
.toggle-box__label:after {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 0.875rem;
height: 0.875rem;
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
}
[dir="ltr"] .toggle-box__label:after {
right: 0;
}
[dir="rtl"] .toggle-box__label:after {
left: 0;
}
@supports ((-webkit-mask-size: cover) or (mask-size: cover)) {
.toggle-box__label:after {
content: "";
-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
background-color: currentColor;
}
}
.toggle-box__label.toggle--active:after {
transform: scale(-1);
}
.toggle-box__content {
overflow: hidden;
max-height: 0;
visibility: hidden;
transition: visibility 300ms ease-in, max-height 300ms ease-in;
}
.toggle-box__content > * {
opacity: 0;
transition: opacity 300ms ease-out;
}
.toggle-box__content.toggle--active {
overflow: initial;
max-height: none;
padding-top: 0.25em;
padding-bottom: 2em;
visibility: visible;
}
.toggle-box__content.toggle--active > * {
opacity: 1;
transition-delay: 100ms;
}
.toggle-box__content.toggle-box__content--flush {
padding: 0;
}
.utility-overlay {
display: flex;
flex-direction: column;
z-index: 11;
position: fixed;
top: 0;
height: 100%;
background-color: #FFF;
box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
cursor: default;
}
[dir="ltr"] .utility-overlay {
right: 0;
}
[dir="rtl"] .utility-overlay {
left: 0;
}
.utility-overlay.toggle--active {
transition: transform 500ms cubic-bezier(0.4, 0.9, 0.3, 1), visibility 0s;
}
.utility-overlay:not(.toggle--active) {
visibility: hidden;
transition: transform 300ms ease-in, visibility 0s ease-in 300ms;
}
[dir="ltr"] .utility-overlay:not(.toggle--active) {
transform: translateX(100%);
}
[dir="rtl"] .utility-overlay:not(.toggle--active) {
transform: translateX(-100%);
}
.utility-overlay__header,
.utility-overlay__footer {
flex-shrink: 0;
}
.utility-overlay__header {
position: relative;
padding-top: 1.55rem;
border-bottom: solid 0.0625rem #E6E6E6;
}
.utility-overlay__header-title {
margin-bottom: 1.55rem;
}
.utility-overlay__header-close {
position: absolute;
top: 0;
height: 4.75rem;
padding: 1rem 1.25rem;
}
[dir="ltr"] .utility-overlay__header-close {
right: 0;
}
[dir="rtl"] .utility-overlay__header-close {
left: 0;
}
.utility-overlay__line-items {
flex-shrink: 1;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.utility-overlay__footer {
margin-top: auto;
}
.utility-overlay__footer-totals,
.utility-overlay__footer-promo {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.utility-overlay__footer-message {
margin-top: 0.5em;
}
.utility-overlay__footer-actions {
margin-top: 1rem;
}
@media (min-width: 49.4375rem) {
.utility-overlay__footer {
padding-right: 3.375rem;
padding-left: 3.375rem;
padding-bottom: 1.85rem;
}
}
@media (max-width: 49.375rem) {
.utility-overlay__footer {
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 1rem;
}
}
isapplepay {
display: none !important;
}
.swatch--color {
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-shadow: 0 0 0 0 transparent;
background-color: currentColor;
border: solid 0.0625rem rgba(0, 0, 0, 0.25);
transition-property: box-shadow;
transition-duration: 300ms;
transition-timing-function: ease-in-out;
}
.swatch--color:after {
position: absolute;
top: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
right: -0.125rem;
margin: auto;
border: solid 0.125rem rgba(0, 0, 0, 0.75);
opacity: 0;
transition-property: opacity;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
content: "";
}
.swatch--color:not(.disabled):hover:after, .swatch--color.selected:after {
opacity: 1;
}
.swatch--color.disabled, .swatch--color.unselectable {
opacity: 0.2;
border-color: rgba(0, 0, 0, 0.75);
cursor: not-allowed;
}
.swatch--color.selected:before {
background-color: rgba(0, 0, 0, 0.5);
content: "";
}
.swatch__icon--color {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 100%;
height: 100%;
}
.swatch--color-small {
width: 1.25em;
height: 1.25em;
flex: 0 0 1.25em;
}
.swatch--color-small:after {
box-shadow: inset 0 0 0 0.125rem #FFF;
}
.swatch--color-small.selected:before {
width: 1rem;
height: 1rem;
}
.swatch--color-large {
width: 2em;
height: 2em;
flex: 0 0 2em;
}
.swatch--color-large:after {
box-shadow: inset 0 0 0 0.25rem #FFF;
}
.swatch--color-large.selected:before {
width: 1rem;
height: 1rem;
}
.swatch--color-blue {
background-color: #007bff;
}
.swatch--color-indigo {
background-color: #6610f2;
}
.swatch--color-purple {
background-color: #6f42c1;
}
.swatch--color-pink {
background-color: #e83e8c;
}
.swatch--color-red {
background-color: #dc3545;
}
.swatch--color-orange {
background-color: #fd7e14;
}
.swatch--color-yellow {
background-color: #ffc107;
}
.swatch--color-green {
background-color: #28a745;
}
.swatch--color-teal {
background-color: #20c997;
}
.swatch--color-cyan {
background-color: #17a2b8;
}
.swatch--color-white {
background-color: #fff;
}
.swatch--color-gray {
background-color: #6c757d;
}
.swatch--color-gray-dark {
background-color: #343a40;
}
.swatch--color-white {
background-color: #FFF;
}
.swatch--color-black {
background-color: #000;
}
.swatch--color-grey-1 {
background-color: #F2F2F2;
}
.swatch--color-grey-2 {
background-color: #F0F0F0;
}
.swatch--color-grey-3 {
background-color: #E6E6E6;
}
.swatch--color-grey-4 {
background-color: #CCCCCC;
}
.swatch--color-grey-5 {
background-color: #8C8C8C;
}
.swatch--color-grey-6 {
background-color: #676767;
}
.swatch--color-grey-7 {
background-color: #1D1C1C;
}
.swatch--color-red {
background-color: #e60000;
}
.swatch--color-blue {
background-color: #4D96E7;
}
.swatch--color-navy {
background-color: #0f3e72;
}
.swatch--color-green {
background-color: #00D3A7;
}
.swatch--color-beige {
background-color: #f5f5dc;
}
.swatch--color-facebook-blue {
background-color: #3b5998;
}
.swatch--color-google-blue {
background-color: #4285F4;
}
.swatch--color-google-red {
background-color: #DB4437;
}
.swatch--color-instagram-pink {
background-color: #C62A81;
}
.swatch--color-instagram-orange {
background-color: #F06430;
}
.swatch--color-paypal-blue {
background-color: #009cde;
}
.swatch--color-paypal-silver {
background-color: #eeeeee;
}
.swatch--color-primary {
background-color: #202020;
}
.swatch--color-secondary {
background-color: #444444;
}
.swatch--color-tertiary {
background-color: #5A5A5A;
}
.swatch--color-accent-primary {
background-color: #F2F2F2;
}
.swatch--color-accent-secondary {
background-color: #D2D2D2;
}
.swatch--color-accent-tertiary {
background-color: #414141;
}
.swatch--color-error {
background-color: #e60000;
}
.swatch--color-success {
background-color: #00D3A7;
}
.product-line-item {
position: relative;
}
.product-line-item .product-line-item__header-main {
text-transform: uppercase;
line-height: 1.5;
}
.product-line-item .product-line-item__header-main {
font-size: 0.875rem;
letter-spacing: 0.0938rem;
}
@media screen and (min-width: 49.375rem) {
.product-line-item .product-line-item__header-main {
font-size: calc(0.875rem + 0.125 * ((100vw - 49.375rem) / 40.625));
letter-spacing: calc(0.0938rem + 0.0062 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.product-line-item .product-line-item__header-main {
font-size: 1rem;
letter-spacing: 0.1rem;
}
}
.product-line-item.set--in-wishlist .product-line-item__wishlist-add {
display: none;
}
.product-line-item.set--in-wishlist .product-line-item__wishlist-remove {
display: inline-block;
}
.product-line-item--cart .product-line-item__action-cta--remove,
.product-line-item--minicart .product-line-item__action-cta--remove {
position: relative;
top: -0.25rem;
}
[dir="ltr"] .product-line-item--cart .product-line-item__action-cta--remove,
[dir="ltr"] .product-line-item--minicart .product-line-item__action-cta--remove {
margin-left: 1.25rem;
}
[dir="rtl"] .product-line-item--cart .product-line-item__action-cta--remove,
[dir="rtl"] .product-line-item--minicart .product-line-item__action-cta--remove {
margin-right: 1.25rem;
}
.product-line-item--cart:not(:last-child) {
margin-bottom: 1.875rem;
}
.product-line-item--cart .product-line-item__personalisation:not(:first-child) {
margin-top: 1rem;
}
.product-line-item__engraving,
.product-line-item__embossing,
.product-line-item__giftmessage {
display: flex;
}
.product-line-item__engraving .icon,
.product-line-item__embossing .icon,
.product-line-item__giftmessage .icon {
align-self: center;
}
.product-line-item__engraving a, .product-line-item__engraving span,
.product-line-item__giftmessage a,
.product-line-item__giftmessage span,
.product-line-item__embossing a,
.product-line-item__embossing span {
font-size: 0.875rem;
color: black;
}
.product-line-item__engraving .add-gift-wrapping,
.product-line-item__engraving .add-personalisation-wrapping,
.product-line-item__giftmessage .add-gift-wrapping,
.product-line-item__giftmessage .add-personalisation-wrapping,
.product-line-item__embossing .add-gift-wrapping,
.product-line-item__embossing .add-personalisation-wrapping {
padding: 0.938rem 2.5rem;
}
.product-line-item__engraving .product-line-item__personalisation-actions,
.product-line-item__giftmessage .product-line-item__personalisation-actions,
.product-line-item__embossing .product-line-item__personalisation-actions {
display: flex;
flex-wrap: wrap;
}
.product-line-item__engraving .cms-generic-copy,
.product-line-item__giftmessage .cms-generic-copy,
.product-line-item__embossing .cms-generic-copy {
text-transform: uppercase;
}
[dir="ltr"] .product-line-item__engraving .cms-generic-copy,
[dir="ltr"] .product-line-item__giftmessage .cms-generic-copy,
[dir="ltr"] .product-line-item__embossing .cms-generic-copy {
margin-right: 1rem;
}
[dir="rtl"] .product-line-item__engraving .cms-generic-copy,
[dir="rtl"] .product-line-item__giftmessage .cms-generic-copy,
[dir="rtl"] .product-line-item__embossing .cms-generic-copy {
margin-left: 1rem;
}
.product-line-item__engraving .product-line-item__attribute,
.product-line-item__giftmessage .product-line-item__attribute,
.product-line-item__embossing .product-line-item__attribute {
font-size: 0.75rem;
font-family: "MontblancType-Medium", "Almarai", Helvetica, Arial, sans-serif;
}
.product-line-item__giftmessage .icon {
align-self: center;
}
[dir="ltr"] .product-line-item__giftmessage .icon {
margin-right: 0.721875rem;
}
[dir="rtl"] .product-line-item__giftmessage .icon {
margin-left: 0.721875rem;
}
.product-line-item__giftmessage .product-line-item__attribute .heading-type {
text-transform: capitalize;
font-weight: 700;
font-size: 0.875rem;
}
.product-line-item--wishlist.set--removed-wishlist .product-line-item__wishlist-revert {
display: block;
}
.product-line-item--wishlist.set--removed-wishlist .product-line-item__main {
display: none;
}
.product-line-item--shipment {
margin-bottom: 1.25rem;
padding-bottom: 1.5rem;
border-bottom: dashed 0.0625rem #F0F0F0;
}
.product-line-item__media-link {
display: block;
}
.product-line-item__image-wrap {
position: relative;
}
.product-line-item__image-wrap:before {
display: block;
content: "";
padding-bottom: 100%;
width: 100%;
}
.product-line-item__header {
margin-bottom: 0;
flex-direction: column;
}
[dir="ltr"] .product-line-item__header {
text-align: left;
}
[dir="rtl"] .product-line-item__header {
text-align: right;
}
.product-line-item__unit-price {
align-items: flex-start;
}
.product-line-item__footer {
margin-top: 1.25rem;
}
.product-line-item__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.product-line-item__actions button.link--primary {
font-size: 0.875rem;
height: 1rem;
line-height: 1;
}
.product-line-item__actions.cartactions--wrap {
display: block;
}
.product-line-item__personalisation-actions button.link--primary {
font-size: 0.875rem;
height: 1rem;
line-height: 1;
}
.product-line-item__add {
display: flex;
}
.product-line-item__add .icon {
align-self: center;
}
[dir="ltr"] .product-line-item__add .icon {
margin-right: 0.661875rem;
}
[dir="rtl"] .product-line-item__add .icon {
margin-left: 0.661875rem;
}
[dir="ltr"] .product-line-item__action:not(:last-child) {
margin-right: 1.313rem;
}
[dir="rtl"] .product-line-item__action:not(:last-child) {
margin-left: 1.313rem;
}
.product-line-item__qty-input {
max-width: 5rem;
}
[dir="ltr"] .product-line-item__qty-input {
margin-left: 1rem;
}
[dir="rtl"] .product-line-item__qty-input {
margin-right: 1rem;
}
.product-line-item__wishlist-remove {
display: none;
}
.product-line-item__wishlist-revert {
display: none;
}
.product-line-item__pickup {
margin-top: 1rem;
}
/*------------------------------------*\
#BUNDLE PRODUCTS
\*------------------------------------*/
.bundled-list {
position: relative;
margin-top: 1.25rem;
border-top: dashed 0.0625rem #F0F0F0;
}
.bundled-list__title {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 10rem;
margin: auto;
transform: translateY(-55%);
}
.bundled-list-item {
margin-top: 1.25rem;
}
[dir="ltr"] .bundled-list-item__media {
margin-right: 0.25rem;
}
[dir="rtl"] .bundled-list-item__media {
margin-left: 0.25rem;
}
@media (min-width: 64.0625rem) {
.product-line-item--order .product-line-item__qty-pricing,
.product-line-item--minicart .product-line-item__qty-pricing,
.product-line-item--wishlist .product-line-item__qty-pricing {
margin-top: 1.25rem;
}
}
@media (max-width: 64rem) {
.product-line-item__qty-pricing {
margin-top: 1rem;
}
}
@media (min-width: 49.4375rem) {
.product-line-item--cart {
padding-top: 2.5rem;
padding-bottom: 2.25rem;
}
.product-line-item--cart .product-line-item__actions {
margin-top: 1rem;
}
.product-line-item--cart .product-line-item__personalisations {
margin-top: 1rem;
}
.product-line-item--minicart,
.product-line-item--order {
padding-top: 1.875rem;
}
.product-line-item--minicart {
padding-right: 3.375rem;
padding-left: 3.375rem;
}
[dir="ltr"] .product-line-item--minicart .product-line-item__action-cta--remove {
right: -0.65rem;
}
[dir="rtl"] .product-line-item--minicart .product-line-item__action-cta--remove {
left: -0.65rem;
}
.product-line-item__qty-form {
margin-top: 1.5rem;
}
.product-line-item__personalisation {
margin-bottom: 1rem;
}
}
@media (max-width: 49.375rem) {
.product-line-item {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
.product-line-item--minicart {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.product-line-item--cart .product-line-item__personalisation-actions {
margin-top: 0.75rem;
margin-bottom: 0;
}
.product-line-item__actions {
margin-top: 1.2rem;
}
.product-line-item__action,
.product-line-item__qty-form {
margin-top: 0.3rem;
}
.product-line-item__qty-form {
margin-bottom: 1rem;
}
.product-line-item__add {
flex: 1 0 100%;
display: flex;
}
.product-line-item__add .icon {
align-self: center;
}
[dir="ltr"] .product-line-item__add .icon {
margin-right: 0.661875;
}
[dir="rtl"] .product-line-item__add .icon {
margin-left: 0.661875;
}
.product-line-item__engraving .product-line-item__personalisation-actions,
.product-line-item__embossing .product-line-item__personalisation-actions,
.product-line-item__giftmessage .product-line-item__personalisation-actions {
flex-wrap: wrap;
}
.product-line-item__engraving .product-line-item__personalisation-actions .cms-generic-copy,
.product-line-item__embossing .product-line-item__personalisation-actions .cms-generic-copy,
.product-line-item__giftmessage .product-line-item__personalisation-actions .cms-generic-copy {
width: 81%;
margin: 0;
}
}
.product-line-item__summary-personalisation {
display: flex;
}
[dir="ltr"] .product-line-item__summary-personalisation .personalisation-icon {
margin-right: -0.52rem;
}
[dir="rtl"] .product-line-item__summary-personalisation .personalisation-icon {
margin-left: -0.52rem;
}
[dir="ltr"] .product-line-item__summary-personalisation .gift-icon {
margin-right: 0.188rem;
}
[dir="rtl"] .product-line-item__summary-personalisation .gift-icon {
margin-left: 0.188rem;
}
.removemodal {
position: fixed;
padding: 3rem 1rem 3rem 1rem;
z-index: 2;
top: 70px;
height: auto;
max-width: 565px;
}
[dir="ltr"] .removemodal {
right: 20px;
left: auto !important;
}
[dir="rtl"] .removemodal {
left: 20px;
right: auto !important;
}
.removemodal h4, .removemodal .button {
font-size: 0.75rem;
}
@media (max-width: 49.375rem) {
.removemodal .button--secondary {
margin-bottom: 1rem;
}
}
@media (max-width: 49.375rem) {
.removemodal {
top: 0;
}
[dir="ltr"] .removemodal {
right: 0;
}
[dir="rtl"] .removemodal {
left: 0;
}
}
.removemodal .closeBtn {
height: 0.875rem;
position: absolute;
width: 0.875rem;
box-sizing: content-box;
box-sizing: initial;
border: 0;
font-size: 0;
padding: 0.625rem;
transition: opacity 0.32s cubic-bezier(0.42, 0, 0.58, 1);
margin-top: -0.625rem;
opacity: 1;
top: 1.5rem;
}
[dir="ltr"] .removemodal .closeBtn {
right: 1rem;
}
[dir="rtl"] .removemodal .closeBtn {
left: 1rem;
}
@media (max-width: 49.375rem) {
.removemodal .closeBtn {
top: 1.5rem;
}
}
.removemodal .closeBtn::before, .removemodal .closeBtn::after {
background-color: #000;
content: "";
height: 1px;
position: absolute;
top: 50%;
width: 1rem;
cursor: pointer;
}
[dir="ltr"] .removemodal .closeBtn::before, [dir="ltr"] .removemodal .closeBtn::after {
left: 50%;
}
[dir="rtl"] .removemodal .closeBtn::before, [dir="rtl"] .removemodal .closeBtn::after {
right: 50%;
}
[dir="ltr"] .removemodal .closeBtn::before {
transform: translate(-50%, -50%) rotate(45deg);
}
[dir="rtl"] .removemodal .closeBtn::before {
transform: translate(50%, -50%) rotate(-45deg);
}
[dir="ltr"] .removemodal .closeBtn::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
[dir="rtl"] .removemodal .closeBtn::after {
transform: translate(50%, -50%) rotate(45deg);
}
.remove-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
display: none;
}
[dir="ltr"] .remove-overlay {
left: 0;
}
[dir="rtl"] .remove-overlay {
right: 0;
}
.remove-overlay.active {
display: block;
}
.removemodaltitle {
text-transform: uppercase;
}
.new-design .product-line-item__engraving .product-line-item__personalisation-actions,
.new-design .product-line-item__embossing .product-line-item__personalisation-actions {
flex-wrap: wrap;
}
.new-design .product-line-item__engraving .product-line-item__personalisation-actions .cms-generic-copy,
.new-design .product-line-item__embossing .product-line-item__personalisation-actions .cms-generic-copy {
width: 100%;
margin: 0;
height: 24px;
}
.new-design .product-line-item__giftmessage .product-line-item__personalisation-actions {
flex-wrap: wrap;
}
.new-design .product-line-item__giftmessage .product-line-item__personalisation-actions .cms-generic-copy {
width: 100%;
height: 24px;
}
.new-design .cart_product_information {
display: flex;
color: #6E6E6E;
margin-bottom: 0.5rem;
}
[dir="ltr"] .new-design .cart_product_information span:first-child {
margin-right: 0.5rem;
}
[dir="rtl"] .new-design .cart_product_information span:first-child {
margin-left: 0.5rem;
}
.new-design .cart_personalisation_container {
display: flex;
margin-bottom: 0.5rem;
}
.new-design .cart_personalisation_container .custom-circle {
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid black;
position: relative;
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.3s;
flex-shrink: 0;
}
[dir="ltr"] .new-design .cart_personalisation_container .custom-circle {
margin-right: 0.5rem;
}
[dir="rtl"] .new-design .cart_personalisation_container .custom-circle {
margin-left: 0.5rem;
}
.new-design .cart_personalisation_container .custom-circle::after {
content: "";
width: 0;
height: 0;
border: solid white;
display: none;
position: absolute;
top: 3px;
}
[dir="ltr"] .new-design .cart_personalisation_container .custom-circle::after {
border-width: 0 2px 2px 0;
transform: rotate(45deg);
left: 8px;
}
[dir="rtl"] .new-design .cart_personalisation_container .custom-circle::after {
border-width: 0 0 2px 2px;
transform: rotate(-45deg);
right: 8px;
}
.new-design .cart_personalisation_container .custom-circle.checked {
background-color: black;
}
.new-design .cart_personalisation_container .custom-circle.checked::after {
display: block;
width: 7px;
height: 12px;
}
.new-design .cart_personalisation_container .product_personalise {
font-size: 0.875rem;
color: black;
}
.new-design .personalistation_preview {
width: 100%;
display: flex;
align-items: center;
}
.new-design .personalistation_preview .textPreview {
font-size: 1.5rem;
padding-bottom: 5px;
}
[dir="ltr"] .new-design .personalistation_preview .textPreview {
padding-left: 5px;
}
[dir="rtl"] .new-design .personalistation_preview .textPreview {
padding-right: 5px;
}
.new-design .close-btn {
position: absolute;
top: 1rem;
width: 20px;
height: 20px;
cursor: pointer;
}
[dir="ltr"] .new-design .close-btn {
right: 10px;
}
[dir="rtl"] .new-design .close-btn {
left: 10px;
}
.new-design .close-btn::before, .new-design .close-btn::after {
background-color: #000;
content: "";
height: 1px;
position: absolute;
top: 5%;
width: 1rem;
cursor: pointer;
opacity: 1;
}
[dir="ltr"] .new-design .close-btn::before, [dir="ltr"] .new-design .close-btn::after {
right: 4%;
}
[dir="rtl"] .new-design .close-btn::before, [dir="rtl"] .new-design .close-btn::after {
left: 4%;
}
[dir="ltr"] .new-design .close-btn::before {
transform: translate(-50%, -50%) rotate(45deg);
}
[dir="rtl"] .new-design .close-btn::before {
transform: translate(50%, -50%) rotate(-45deg);
}
[dir="ltr"] .new-design .close-btn::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
[dir="rtl"] .new-design .close-btn::after {
transform: translate(50%, -50%) rotate(45deg);
}
.new-design .product-line-item__add {
display: inline-block;
}
html[dir="ltr"][dir=rtl] .custom-circle::after {
transform: rotate(140deg) !important;
border-width: 2px 2px 0 0 !important;
}
html[dir="rtl"][dir=rtl] .custom-circle::after {
transform: rotate(-140deg) !important;
border-width: 2px 0 0 2px !important;
}
[dir="ltr"] .product_details_container {
margin-left: 0.5rem;
}
[dir="rtl"] .product_details_container {
margin-right: 0.5rem;
}
@media (min-width: 49.4375rem) {
[dir="ltr"] .product_details_container {
margin-left: 2rem;
}
[dir="rtl"] .product_details_container {
margin-right: 2rem;
}
}
.product-line-item__main {
margin: 1px;
}
.card-number-wrapper {
position: relative;
}
.card-number-wrapper::after {
content: "";
position: absolute;
top: 0.25rem;
width: 2.5rem;
height: 1.65rem;
background-repeat: no-repeat;
background-image: url("../images/payment-logos/generic.svg");
background-size: contain;
}
[dir="ltr"] .card-number-wrapper::after {
right: 0;
}
[dir="rtl"] .card-number-wrapper::after {
left: 0;
}
.card-number-wrapper[data-type=visa]::after {
background-image: url("../images/payment-logos/visa.svg");
}
.card-number-wrapper[data-type=mastercard]::after {
background-image: url("../images/payment-logos/mastercard.svg");
}
.card-number-wrapper[data-type=amex]::after {
background-image: url("../images/payment-logos/amex.svg");
}
.card-number-wrapper[data-type=discover]::after {
background-image: url("../images/payment-logos/discover.svg");
}
.card-number-wrapper[data-type=maestro]::after {
background-image: url("../images/payment-logos/maestro.svg");
}
.card-number-wrapper[data-type=mada]::after {
top: 0.7rem;
width: 3.9rem;
height: 1.5rem;
background-image: url("../images/payment-logos/mada.svg");
}
[dir="ltr"] .card-number-wrapper[data-type=mada]::after {
margin-right: 4px;
}
[dir="rtl"] .card-number-wrapper[data-type=mada]::after {
margin-left: 4px;
}
.consent-notification {
z-index: 100;
position: fixed;
width: calc(100% - 2.5rem);
bottom: 1.25rem;
left: 0;
right: 0;
border: solid 0.0625rem;
border-radius: 0.25rem;
box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.25);
transform: translateY(0);
transition-property: opacity, visibility, transform;
transition-duration: 300ms;
transition-timing-function: ease-out;
}
.consent-notification:not(.toggle--active) {
transform: translateY(100%);
opacity: 0;
visibility: hidden;
}
@media (min-width: 49.4375rem) {
.consent-notification {
padding: 1rem;
}
}
@media (max-width: 49.375rem) {
.consent-notification {
padding: 1rem 1rem 2rem;
}
}
.puck-container {
position: relative;
}
.puck {
display: block;
position: absolute;
left: 0;
bottom: -0.0625rem;
width: 0;
height: 0.1875rem;
background-color: #444444;
}
.puck:not(.set--cancel-transitions) {
transition-property: width, transform;
transition-duration: 300ms;
transition-timing-function: ease-out;
}
/*------------------------------------*\
#COUNTRY SELECTOR
\*------------------------------------*/
.country-selector-page {
padding-top: 4rem;
}
.country-selector-page__title {
margin-bottom: 2em;
}
.country-selector__country {
position: relative;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
[dir="ltr"] .country-selector__country {
padding-left: 1.25rem;
}
[dir="rtl"] .country-selector__country {
padding-right: 1.25rem;
}
.country-selector__country:not(:last-child) {
margin-bottom: 1rem;
}
.country-selector__country .country-selector__cart-icon {
width: 0.75rem;
position: absolute;
top: 0;
}
[dir="ltr"] .country-selector__country .country-selector__cart-icon {
margin-right: 0.625rem;
left: 0;
}
[dir="rtl"] .country-selector__country .country-selector__cart-icon {
margin-left: 0.625rem;
right: 0;
}
.country-selector__country-list {
margin-top: 1.35rem;
line-height: 1.65;
}
.country-selector__locale-division {
margin-left: 0.35rem;
margin-right: 0.35rem;
}
/*------------------------------------*\
#GEO IP
\*------------------------------------*/
.country-geoip__logo {
width: 10rem;
height: 2.9rem;
filter: invert(1);
}
.country-geoip__more-countries:not(.toggle--active) {
display: none;
}
.country-geoip__more-trigger.toggle--active {
display: none;
}
.country-geoip__more-countries {
margin-top: 2rem;
}
@media (min-width: 49.4375rem) {
.country-selector__region:not(:last-child) {
margin-bottom: 2.5rem;
}
.country-selector__column-split {
-moz-column-count: 2;
column-count: 2;
}
}
@media (max-width: 49.375rem) {
.country-selector__region:not(:last-child),
.country-selector__column:not(:last-child) {
margin-bottom: 3.5rem;
}
.country-selector__column.flex-direction-row {
flex-direction: column;
}
.country-selector__column.flex-direction-row .country-selector__region {
padding: 0;
}
}
.product-attribute__list .product-attribute {
flex: 1 1 100%;
margin-bottom: 0rem;
}
.product-attribute__list .product-attribute--color {
margin-bottom: 2.5rem;
}
.product-attribute__list .product-attribute--qty {
flex-basis: 6.375rem;
max-width: 6.375rem;
}
.product-attribute__list .product-attribute__selected-value {
display: block;
margin-top: 0.5rem;
}
.product-attribute.variation-selected.show-selected .show-selected-text {
display: inline-block;
}
.product-attribute.variation-selected.variation-selected-edit-mode-on.product-attribute--first .radioButtonBox,
.product-attribute.variation-selected.variation-selected-edit-mode-on.product-attribute--first .radioButtonBox-wrapper {
display: none;
}
.product-attribute.variation-selected.variation-selected-edit-mode-on.product-attribute--first .radioButtonBox.selected,
.product-attribute.variation-selected.variation-selected-edit-mode-on.product-attribute--first .radioButtonBox-wrapper.selected {
display: block;
}
.product-attribute.variation-selected.variation-selected-edit-mode-on.product-attribute--first .product-attribute__edit-link {
display: inline-block;
}
.product-attribute.product-attribute--multilevel:not(.product-attribute--first) .product-attribute__attributes {
display: none;
}
.product-attribute.product-attribute--multilevel.variation-selected .product-attribute__attributes {
display: flex;
}
.product-attribute .radioButtonBox {
position: relative;
margin-bottom: 10px;
border: 1px solid #b2b2b2;
border-radius: 0.3125rem;
}
.product-attribute .radioButtonBox.selected {
border: 1px solid #000;
pointer-events: none;
}
.product-attribute .radioButtonBox:not(.is-selected):not(.selected):hover {
border-color: #000;
}
.product-attribute .radioButtonBox .radioButton {
height: 100%;
width: 100%;
position: absolute;
top: 0;
}
[dir="ltr"] .product-attribute .radioButtonBox .radioButton {
left: 0;
}
[dir="rtl"] .product-attribute .radioButtonBox .radioButton {
right: 0;
}
.product-attribute .radioButtonBox input {
cursor: pointer;
transform: none;
width: 100%;
height: 100%;
opacity: 0;
}
.product-attribute .radioButtonBox label {
letter-spacing: 0.03125rem;
line-height: 1.25rem;
font-size: 0.875rem;
padding: 0.75rem 0.75rem 0.625rem;
margin: 0;
justify-content: space-between;
align-items: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
.product-attribute .size-chart__anchor:hover {
color: #0056b3;
text-decoration: none;
}
.product-attribute .product-attribute__edit-link {
display: none;
}
.product-attribute .product-attribute__title {
text-transform: capitalize;
margin: 15px 0;
}
[dir="ltr"] .product-attribute .product-attribute__title {
text-align: left;
}
[dir="rtl"] .product-attribute .product-attribute__title {
text-align: right;
}
.product-attribute .product-attribute__edit-link-wrapper {
display: inline-block;
}
.product-attribute .product-attribute__edit-link-wrapper .product-attribute__edit-link {
font-size: 12px;
letter-spacing: 0.4px;
line-height: 16px;
margin: 15px 0 30px 0;
cursor: pointer;
}
[dir="ltr"] .product-attribute .product-attribute__edit-link-wrapper .product-attribute__edit-link {
float: left;
}
[dir="rtl"] .product-attribute .product-attribute__edit-link-wrapper .product-attribute__edit-link {
float: right;
}
.product-attribute .show-selected-text {
display: none;
}
.product-attribute:not(.product-attribute--first) .radioButtonBox-wrapper.unselectable,
.product-attribute:not(.product-attribute--first) .radioButtonBox.unselectable {
display: none;
}
.product_attribute_color_content .product-attribute__swatch {
width: 125px !important;
height: 40px !important;
border: 1px solid #6E6E6E;
margin: 0;
border-radius: 5px;
margin-bottom: 5px;
}
[dir="ltr"] .product_attribute_color_content .product-attribute__swatch {
margin-right: 5px !important;
}
[dir="rtl"] .product_attribute_color_content .product-attribute__swatch {
margin-left: 5px !important;
}
.product_attribute_color_content .product-attribute__swatch .swatch__icon--color {
width: 20px;
height: 20px;
display: inline-block;
margin: 0;
top: 10px;
}
[dir="ltr"] .product_attribute_color_content .product-attribute__swatch .swatch__icon--color {
left: 5px;
}
[dir="rtl"] .product_attribute_color_content .product-attribute__swatch .swatch__icon--color {
right: 5px;
}
.product_attribute_color_content .product-attribute__swatch .product-attribute__swatch-label {
top: 0;
}
[dir="ltr"] .product_attribute_color_content .product-attribute__swatch .product-attribute__swatch-label {
margin-left: 10px;
}
[dir="rtl"] .product_attribute_color_content .product-attribute__swatch .product-attribute__swatch-label {
margin-right: 10px;
}
.product_attribute_color_content .product-attribute__swatch:not(.disabled):hover:after, .product_attribute_color_content .product-attribute__swatch.selected:after {
width: 0;
}
.product-attribute--engrav {
margin-top: 1rem;
}
.product__request-price--anchor {
margin-bottom: 0.3125rem;
}
.product-attribute__list--check-availability {
margin-top: 2rem;
}
.product-attribute__list--check-availability .product-attribute__swatch {
flex: 0 0 4rem;
width: 4rem;
height: 4rem;
}
.product-attribute__swatch {
position: relative;
}
.product-attribute__swatch:after {
position: absolute;
top: 0;
width: 0;
height: 100%;
box-shadow: 0 0.25rem 0 #444444;
transition-property: width;
transition-duration: 300ms;
transition-timing-function: ease-in;
content: "";
}
[dir="ltr"] .product-attribute__swatch:after {
right: 0;
}
[dir="rtl"] .product-attribute__swatch:after {
left: 0;
}
.product-attribute__swatch:not(.disabled):hover:after, .product-attribute__swatch.selected:after {
width: 100%;
transition-timing-function: ease-out;
}
[dir="ltr"] .product-attribute__swatch:not(.disabled):hover:after, [dir="ltr"] .product-attribute__swatch.selected:after {
left: 0;
}
[dir="rtl"] .product-attribute__swatch:not(.disabled):hover:after, [dir="rtl"] .product-attribute__swatch.selected:after {
right: 0;
}
.product-attribute__swatch.disabled, .product-attribute__swatch.unselectable {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
[data-lang=de] .product-attribute__size {
text-transform: initial;
}
[dir="ltr"] .product-availability__label {
margin-right: 0.25em;
}
[dir="rtl"] .product-availability__label {
margin-left: 0.25em;
}
.product-attribute__size-chart-trigger {
margin-bottom: 1rem;
display: inline-block;
}
[dir="ltr"] .product-attribute__size-chart-trigger {
float: right;
}
[dir="rtl"] .product-attribute__size-chart-trigger {
float: left;
}
.product-attribute__size-chart-trigger .size-chart__anchor:hover {
text-decoration: none;
background-image: none;
opacity: 1;
}
.product-attribute__size-chart-trigger .size-chart__anchor.link::after {
content: "";
}
.product-promotions__item {
word-break: break-word;
}
.product-attribute__badging-container {
align-items: center;
height: 100%;
letter-spacing: 0.025rem;
line-height: 1rem;
font-size: 10px;
background-color: #E1E1E1;
color: #000;
display: inline-block;
font-weight: bold;
margin-bottom: 0.3125rem;
padding: 0.45rem 0.625rem 0.25rem;
text-transform: capitalize;
min-height: 30px;
}
.product-attribute__badging-container .header__utility-label {
font-size: 10px;
}
.product-attribute__badging-container .icon {
display: none;
}
.product-pickup__options {
display: flex;
align-items: flex-end;
}
.product-pickup__icon.montblanc-pin {
width: 16px;
}
.product-pickup__button .link--secondary-icon {
text-transform: none;
}
[dir="ltr"] .product-pickup__button .link--secondary-icon {
margin-left: 1.25rem;
}
[dir="rtl"] .product-pickup__button .link--secondary-icon {
margin-right: 1.25rem;
}
.product-pickup__selected {
margin-top: 0.5rem;
}
[dir="ltr"] .product-pickup__selected {
padding-left: 1.9em;
}
[dir="rtl"] .product-pickup__selected {
padding-right: 1.9em;
}
.product-pickup__selected-action {
margin-top: 0.75rem;
}
.product-common__wishlist-trigger {
width: 2.8125rem;
height: auto;
margin-top: 0.25rem;
transition: color 500ms cubic-bezier(0.4, 0.9, 0.3, 1), border-color 500ms cubic-bezier(0.4, 0.9, 0.3, 1);
}
[dir="ltr"] .product-common__wishlist-trigger {
margin-left: 1rem;
}
[dir="rtl"] .product-common__wishlist-trigger {
margin-right: 1rem;
}
.product-common__wishlist-trigger:hover, .product-common__wishlist-trigger:focus {
color: #444444;
}
.product-common__wishlist-trigger.set--in-wishlist .product-common__wishlist-add {
display: none;
}
.product-common__wishlist-trigger.set--in-wishlist .product-common__wishlist-remove {
display: block;
}
.product-common__wishlist-remove {
display: none;
}
.product-common__social {
margin-top: 4rem;
}
.share-section {
display: flex;
z-index: 99;
}
[dir="ltr"] .share-section {
padding-left: 1.5rem;
}
[dir="rtl"] .share-section {
padding-right: 1.5rem;
}
.share-section .shareAccordionButton {
display: flex;
}
[dir="ltr"] .share-section .shareAccordionButton {
margin-right: 30px;
}
[dir="rtl"] .share-section .shareAccordionButton {
margin-left: 30px;
}
.share-section .shareAccordionButton .share_icon {
background-image: url("../images/icons/icon_share.svg");
background-position: center;
background-repeat: no-repeat;
background-size: auto 100%;
display: inline-block;
height: 1rem;
width: 0.875rem;
margin-top: 6px;
}
[dir="ltr"] .share-section .shareAccordionButton .share_icon {
margin-right: 0.625rem;
}
[dir="rtl"] .share-section .shareAccordionButton .share_icon {
margin-left: 0.625rem;
}
.share-section .shareAccordionButton .share_text {
font-size: 0.75rem;
margin-top: 5px;
text-transform: uppercase;
}
.share-section .copiedText {
display: none;
}
.share-section .hideitems {
display: none;
}
.share-section .showItems {
display: block;
}
.share-section .social_share {
visibility: hidden;
}
.share-section .social_share .product-common__social {
margin-top: 6px;
}
[dir="ltr"] .share-section .social_share .product-common__social .product-common__social-item:not(:last-child) {
margin-right: 20px;
}
[dir="rtl"] .share-section .social_share .product-common__social .product-common__social-item:not(:last-child) {
margin-left: 20px;
}
.copy_link_btn {
font-size: 12px;
letter-spacing: 0.4px;
line-height: 16px;
text-decoration: underline;
}
.floatingVariantPopup {
display: none;
}
.floatingVariantPopup .product_attribute_color_content .product-attribute__swatch {
margin-bottom: 10px;
background: #fff;
border: 1px solid #fff;
border-radius: 10px;
}
.productAddToCartVariantBtn {
display: none;
}
.productAddToCartVariantBtn .product-add__container .product__request-price--anchor {
display: none;
}
.sticky_product_info_section {
display: none;
position: absolute;
bottom: 100%;
width: 100%;
background-color: #FFF;
padding: 10px;
}
[dir="ltr"] .sticky_product_info_section {
left: 0;
}
[dir="rtl"] .sticky_product_info_section {
right: 0;
}
.sticky_product_info_section .floating-variant-popup__close {
display: none;
position: absolute;
top: 20px;
cursor: pointer;
}
[dir="ltr"] .sticky_product_info_section .floating-variant-popup__close {
right: 20px;
}
[dir="rtl"] .sticky_product_info_section .floating-variant-popup__close {
left: 20px;
}
.sticky_product_info_section .floating-variant-popup__product-info .product_info_img {
min-height: 5.1875rem;
background-color: #f2f2f2;
width: 20%;
display: inline-block;
text-align: center;
height: 85px;
}
.sticky_product_info_section .floating-variant-popup__product-info .product_info_img img {
display: inline-block;
}
.sticky_product_info_section .floating-variant-popup__product-info .product_info_name {
grid-row: 1;
width: 70%;
vertical-align: top;
display: inline-block;
}
[dir="ltr"] .sticky_product_info_section .floating-variant-popup__product-info .product_info_name {
padding-left: 20px;
}
[dir="rtl"] .sticky_product_info_section .floating-variant-popup__product-info .product_info_name {
padding-right: 20px;
}
.sticky_product_info_section .floating-variant-popup__product-info .product_info_price {
display: flex;
grid-row: 2;
}
.pdp-main__subcontent.floating-variant-popup {
position: fixed;
background: #FFF;
z-index: 9;
padding: 10px 20px 20px;
bottom: 0;
left: 0;
right: 0;
animation: showFromBelow 0.24s ease-in-out forwards;
}
@media (min-width: 64.0625rem) {
.pdp-main__subcontent.floating-variant-popup {
padding: 10px;
bottom: 20px;
width: 410px;
}
[dir="ltr"] .pdp-main__subcontent.floating-variant-popup {
left: auto;
right: 10%;
}
[dir="rtl"] .pdp-main__subcontent.floating-variant-popup {
right: auto;
left: 10%;
}
}
.pdp-main__subcontent.floating-variant-popup .floating-variant-popup__product-info {
display: block;
position: relative;
}
.pdp-main__subcontent.floating-variant-popup .sticky_product_info_section {
display: block;
}
.pdp-main__subcontent.floating-variant-popup .pdp-main__section--name,
.pdp-main__subcontent.floating-variant-popup .shipping-info-modal {
display: none !important;
}
.pdp-main__subcontent.floating-variant-popup .floating-variant-popup__close {
display: block;
}
.pdp-main__subcontent.floating-variant-popup .pdp-main__section {
max-width: 100%;
overflow: hidden;
}
.pdp-main__subcontent.floating-variant-popup .pdp-main__section--actions {
padding: 0;
}
.pdp-main_section--sticky-actions.sticky {
position: fixed;
bottom: 20px;
background-color: #FFF;
padding: 0;
animation: showFromBelow 0.24s ease-in-out forwards;
width: 80%;
z-index: 1;
}
[dir="ltr"] .pdp-main_section--sticky-actions.sticky {
left: 20px;
right: 0;
}
[dir="rtl"] .pdp-main_section--sticky-actions.sticky {
right: 20px;
left: 0;
}
@media (min-width: 64.0625rem) {
.pdp-main_section--sticky-actions.sticky {
width: 25.5625rem;
padding: 0 10px;
}
[dir="ltr"] .pdp-main_section--sticky-actions.sticky {
right: 10%;
left: auto;
}
[dir="rtl"] .pdp-main_section--sticky-actions.sticky {
left: 10%;
right: auto;
}
}
.pdp-main_section--sticky-actions.sticky .check-sequence-button {
display: none;
}
.pdp-main_section--sticky-actions.sticky .check-sequence-button.check-sequence-button--first {
display: block;
}
.pdp-main_section--sticky-actions.sticky .sticky_product_info_section {
display: none;
}
@media (min-width: 64.0625rem) {
.pdp-main_section--sticky-actions.sticky .sticky_product_info_section {
display: block;
}
}
.pdp-main_section--sticky-actions.sticky .product-add__button-has-variant.show {
display: block;
}
.product-add__buttons-container {
position: relative;
width: 100%;
margin-top: 1rem;
}
@media (min-width: 64.0625rem) {
.product-add__buttons-container {
margin-top: 1rem;
}
}
.product-add__buttons-container .sticky_product_info_section {
display: none;
}
.product-add__buttons-container .product__request-price--anchor {
display: block;
margin-bottom: 0;
}
.product-add__buttons-container .check-sequence-button--first {
width: calc(100% - 46px) !important;
height: 44px;
}
@media (min-width: 64.0625rem) {
.product-add__buttons-container .check-sequence-button--first {
margin-bottom: 1rem;
}
}
.product-add__buttons-container .check-sequence-button--wishlist {
position: absolute;
top: 0;
height: 44px;
width: 47px;
z-index: 1;
}
[dir="ltr"] .product-add__buttons-container .check-sequence-button--wishlist {
right: 0;
}
[dir="rtl"] .product-add__buttons-container .check-sequence-button--wishlist {
left: 0;
}
.product-add__buttons-container .product-add__button-has-variant {
display: none;
position: absolute;
top: 0;
z-index: 3;
}
.product-add__buttons-container .pdp-calltoorder button,
.product-add__buttons-container .product-pickup__button {
padding: 10px;
height: 44px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
margin-bottom: 1rem;
}
.variant_product_section {
display: flex;
flex-direction: column;
}
.variant_product_section .label_select_text {
display: inline-block;
}
.variant_product_section .variant_attibute_size {
list-style-type: none;
margin: 25px 0 0 0;
padding: 0;
}
[dir="ltr"] .variant_product_section .variant_attibute_size {
padding-left: 0;
}
[dir="rtl"] .variant_product_section .variant_attibute_size {
padding-right: 0;
}
.variant_product_section .variant_attibute_size li {
width: 100px;
height: 40px;
position: relative;
}
[dir="ltr"] .variant_product_section .variant_attibute_size li {
float: left;
margin: 0 5px 0 0;
}
[dir="rtl"] .variant_product_section .variant_attibute_size li {
float: right;
margin: 0 0 0 5px;
}
.variant_product_section .variant_attibute_size li label,
.variant_product_section .variant_attibute_size li input {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.variant_product_section .variant_attibute_size li input[type=radio] {
opacity: 0.011;
z-index: 100;
cursor: pointer;
}
.variant_product_section .variant_attibute_size li input[type=radio]:checked + label {
border: 1px solid #000;
}
.variant_product_section .variant_attibute_size li label {
padding: 7px;
border: 1px solid #CCCCCC;
cursor: pointer;
z-index: 90;
border-radius: 5px;
}
.variant_product_section .variant_attibute_size li label:hover {
border: 2px solid;
}
[dir="ltr"] .product-common__social-item:not(:last-child) {
margin-right: 2.5rem;
}
[dir="rtl"] .product-common__social-item:not(:last-child) {
margin-left: 2.5rem;
}
.pdp-main__price-tax--label {
align-self: flex-end;
}
.product-add__container {
flex-direction: column;
}
.product-add__container > a, .product-add__container > p, .product-add__container > button {
margin-bottom: 1rem;
width: 100%;
}
.product-add__container p {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
.product-add__container [data-product-component=availability-status] {
padding-bottom: 15px;
letter-spacing: 0.5px;
font-size: 14px;
color: #00629B;
text-transform: capitalize;
line-height: 24px;
margin-top: 2rem;
}
.product-add__container .contact-to-buy {
letter-spacing: 0.5px;
font-size: 14px;
color: #00629B;
line-height: 24px;
margin-bottom: 0;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
.product-add__container .contact-to-buy.mb1 {
margin-bottom: 0.5rem;
}
[dir="ltr"] .product-add__container .referencenum {
margin-right: 0;
}
[dir="rtl"] .product-add__container .referencenum {
margin-left: 0;
}
.product-add__container.notsellable .button {
margin-bottom: 10px;
}
.product-add__button.button--apple-pay:not(:first-child), .product-add__button.button--apple-pay:hover:not(:first-child), .product-add__button.button--apple-pay:active:not(:first-child) {
margin-top: 1rem;
}
.product-pre-order__container {
margin-top: 23px;
}
.product-pre-order__button {
font-size: 0.875rem;
line-height: 20px;
letter-spacing: 0.5px;
color: #00629B;
padding-bottom: 0;
}
[dir="ltr"] .product-pre-order__button {
margin-left: 0;
}
[dir="rtl"] .product-pre-order__button {
margin-right: 0;
}
.product-pre-order__button:hover {
background-size: 100% 0.0625rem;
}
.product-pre-order__subtext {
font-size: 0.875rem;
line-height: 20px;
letter-spacing: 0.5px;
color: #00629B;
margin: 1.188rem 0 0;
}
.product-pre-order__form.modal {
display: block;
opacity: 0;
z-index: -1;
}
.product-pre-order__form.modal.active {
display: block;
opacity: 1;
z-index: 1050;
}
.product-pre-order__form.modal.active .product-pre-order__content {
opacity: 1;
transition: opacity 0.24s cubic-bezier(0.42, 0, 0.58, 1) 0.32s;
}
.product-pre-order__form.modal.active:after {
display: block;
opacity: 1;
z-index: 1050;
content: "";
}
.product-pre-order__form.modal .agree-contition {
display: none;
}
.product-pre-order__form.modal .modal__title {
text-transform: uppercase;
font-size: 0.85rem;
margin-bottom: 25px;
color: #000;
}
.product-pre-order__form .form-group {
position: relative;
}
.product-pre-order__form .form-group .form-control-label {
font-size: 0.813rem;
color: #6E6E6E;
position: absolute;
pointer-events: none;
top: 9px;
transition: all 0.1s ease;
}
[dir="ltr"] .product-pre-order__form .form-group .form-control-label {
left: 0px;
}
[dir="rtl"] .product-pre-order__form .form-group .form-control-label {
right: 0px;
}
.product-pre-order__form .form-group input:focus ~ .form-control-label,
.product-pre-order__form .form-group input:not(:focus):valid ~ .form-control-label, .product-pre-order__form .form-group .is-invalid ~ .form-control-label {
top: -15px;
bottom: 0px;
font-size: 11px;
opacity: 1;
color: #404040;
}
[dir="ltr"] .product-pre-order__form .form-group input:focus ~ .form-control-label,
[dir="ltr"] .product-pre-order__form .form-group input:not(:focus):valid ~ .form-control-label,
[dir="ltr"] .product-pre-order__form .form-group .is-invalid ~ .form-control-label {
left: 0px;
}
[dir="rtl"] .product-pre-order__form .form-group input:focus ~ .form-control-label,
[dir="rtl"] .product-pre-order__form .form-group input:not(:focus):valid ~ .form-control-label,
[dir="rtl"] .product-pre-order__form .form-group .is-invalid ~ .form-control-label {
right: 0px;
}
.product-pre-order__form .form-group input:focus, .product-pre-order__form .form-group .form-control.is-invalid {
box-shadow: none;
}
.product-pre-order__form .form-group .form-control {
color: #000;
}
[dir="ltr"] .product-pre-order__form .form-group .form-control {
padding-left: 0;
}
[dir="rtl"] .product-pre-order__form .form-group .form-control {
padding-right: 0;
}
.product-pre-order__form .form-group .iti__flag-container {
border: none;
border-bottom: 0.063rem solid #444444;
}
.product-pre-order__form .form-group .iti--separate-dial-code .iti__input {
font-size: 0.813rem;
}
[dir="ltr"] .product-pre-order__form .form-group .iti--separate-dial-code .iti__input {
border-right: none;
}
[dir="rtl"] .product-pre-order__form .form-group .iti--separate-dial-code .iti__input {
border-left: none;
}
.product-pre-order__content {
background-color: rgba(0, 0, 0, 0);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
opacity: 0;
display: block;
height: 100%;
width: 100%;
z-index: -1;
}
.product-pre-order__content .layer {
grid-template-rows: min-content 1fr;
grid-template-columns: inherit;
display: grid;
max-width: 520px;
position: absolute;
width: 100%;
}
[dir="ltr"] .product-pre-order__content .layer {
right: 20px;
}
[dir="rtl"] .product-pre-order__content .layer {
left: 20px;
}
@media (max-width: 49.375rem) {
[dir="ltr"] .product-pre-order__content .layer {
right: 0;
}
[dir="rtl"] .product-pre-order__content .layer {
left: 0;
}
}
.product-pre-order__content .layer__inner {
display: block;
top: 7.5rem;
grid-template-columns: inherit;
overflow: hidden;
position: relative;
}
[dir="ltr"] .product-pre-order__content .layer__inner {
margin-left: 0;
}
[dir="rtl"] .product-pre-order__content .layer__inner {
margin-right: 0;
}
@media (max-width: 49.375rem) {
.product-pre-order__content .layer__inner {
top: 0;
}
}
.product-pre-order__content .layer__close {
height: 0.875rem;
position: absolute;
width: 0.875rem;
box-sizing: content-box;
box-sizing: initial;
border: 0;
font-size: 0;
padding: 0.625rem;
transition: opacity 0.32s cubic-bezier(0.42, 0, 0.58, 1);
margin-top: -0.625rem;
opacity: 1;
top: 5rem;
}
[dir="ltr"] .product-pre-order__content .layer__close {
right: 1rem;
}
[dir="rtl"] .product-pre-order__content .layer__close {
left: 1rem;
}
@media (max-width: 49.375rem) {
.product-pre-order__content .layer__close {
top: 2.5rem;
}
}
.product-pre-order__content .layer__close::before, .product-pre-order__content .layer__close::after {
background-color: #000;
content: "";
height: 1px;
position: absolute;
top: 50%;
width: 1rem;
cursor: pointer;
}
[dir="ltr"] .product-pre-order__content .layer__close::before, [dir="ltr"] .product-pre-order__content .layer__close::after {
left: 50%;
}
[dir="rtl"] .product-pre-order__content .layer__close::before, [dir="rtl"] .product-pre-order__content .layer__close::after {
right: 50%;
}
[dir="ltr"] .product-pre-order__content .layer__close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
[dir="rtl"] .product-pre-order__content .layer__close::before {
transform: translate(50%, -50%) rotate(-45deg);
}
[dir="ltr"] .product-pre-order__content .layer__close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
[dir="rtl"] .product-pre-order__content .layer__close::after {
transform: translate(50%, -50%) rotate(45deg);
}
.product-pre-order__data {
background-color: #FFF;
padding: 3rem 2rem;
}
.product-pre-order__thankyou {
background-image: url("../../images/thankyou.svg");
background-repeat: no-repeat;
background-size: auto;
font-size: 0;
height: 3.75rem;
}
[dir="ltr"] .product-pre-order__thankyou {
background-position: top left;
}
[dir="rtl"] .product-pre-order__thankyou {
background-position: top right;
}
html[dir="ltr"][dir=rtl] .product-pre-order__form .form-group .iti--separate-dial-code .iti__input {
border-left: none;
border-right: solid 0.0625rem;
}
html[dir="rtl"][dir=rtl] .product-pre-order__form .form-group .iti--separate-dial-code .iti__input {
border-right: none;
border-left: solid 0.0625rem;
}
#modal-getStockNotification {
background-color: rgba(0, 0, 0, 0.3);
}
@media (min-width: 49.4375rem) {
#modal-getStockNotification {
justify-content: end;
height: 100vh;
overflow: hidden auto;
}
[dir="ltr"] #modal-getStockNotification {
padding-right: 30px;
}
[dir="rtl"] #modal-getStockNotification {
padding-left: 30px;
}
}
#modal-getStockNotification .window-modal__content {
max-width: 563px;
min-height: auto;
margin-top: 0;
}
@media (max-width: 63.938rem) {
#modal-getStockNotification .window-modal__content {
max-width: 100%;
}
}
@media (min-width: 49.4375rem) {
#modal-getStockNotification .window-modal__content {
margin-top: 7.5rem;
}
[dir="ltr"] #modal-getStockNotification .window-modal__content {
margin-right: 0;
}
[dir="rtl"] #modal-getStockNotification .window-modal__content {
margin-left: 0;
}
}
#modal-getStockNotification form + .modal-container--static {
display: none;
}
#modal-getStockNotification form.set--form-complete + .modal-container--static {
display: block;
padding-right: 2rem;
padding-left: 2rem;
}
.pdp-notofication-msg, .signup-title {
display: none;
}
@media (max-width: 49.375rem) {
#modal-getStockNotification {
align-items: flex-start;
}
}
#modal-getStockNotification .modal-container--static {
display: block;
}
[dir="ltr"] #modal-getStockNotification .modal-container--static .form-check-group .form-check:first-child {
padding-left: 0;
}
[dir="rtl"] #modal-getStockNotification .modal-container--static .form-check-group .form-check:first-child {
padding-right: 0;
}
#modal-getStockNotification .modal-container--static .form-control.is-invalid:focus {
box-shadow: none;
}
#modal-getStockNotification form .modal__content {
margin-top: 3rem;
}
#modal-getStockNotification form .modal__content .modal__content {
margin-top: 1rem;
}
#modal-getStockNotification .modal__title {
font-size: 0.85rem;
margin-bottom: 25px;
color: #000;
text-transform: uppercase;
}
[dir="ltr"] #modal-getStockNotification .modal__title {
text-align: left;
}
[dir="rtl"] #modal-getStockNotification .modal__title {
text-align: right;
}
#modal-getStockNotification #newsletterFormAction {
padding-bottom: 20px;
}
#modal-getStockNotification .newsletterSuccess {
margin-top: 4rem;
padding-left: 2rem;
padding-right: 2rem;
}
#modal-getStockNotification .email-notification.form-group .form-control-label {
top: 16px;
}
[dir="ltr"] #modal-getStockNotification .email-notification.form-group .form-control-label {
left: 15px;
}
[dir="rtl"] #modal-getStockNotification .email-notification.form-group .form-control-label {
right: 15px;
}
#modal-getStockNotification .sign-notofication-msg {
display: block;
text-transform: capitalize !important;
}
#modal-getStockNotification .sign-notofication-msg .continue-shopping {
padding-top: 30px;
cursor: pointer;
display: block;
}
#modal-getStockNotification .signup-title {
display: block;
}
#modal-getStockNotification .pdp-notofication-msg {
display: none;
}
#modal-getStockNotification .agree-contition {
display: none;
}
#modal-getStockNotification .notification-success-title {
text-transform: uppercase;
}
.email-notification {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 1fr;
}
.email-notification input {
height: 54px;
width: 100%;
letter-spacing: 0.5px;
padding: 1.25rem 1.25rem 1.125rem 1.25rem;
border: none;
color: #000;
background-color: #f2f2f2;
}
.email-notification input:focus {
background-color: #f2f2f2;
}
.email-notification .form-control-label {
position: absolute;
}
.pdp-main__media .breadcrumbs__item:first-child .breadcrumbs__anchor:before {
display: none;
}
[dir="ltr"] .pdp-main__media .breadcrumbs__item .breadcrumbs__anchor {
padding-left: 10px;
}
[dir="rtl"] .pdp-main__media .breadcrumbs__item .breadcrumbs__anchor {
padding-right: 10px;
}
.pdp-main__media .breadcrumbs__item .breadcrumbs__anchor:before {
content: "";
display: flex;
width: 6px;
height: 6px;
background-color: #000;
border-radius: 4px;
position: absolute;
top: 8px;
}
[dir="ltr"] .pdp-main__media .breadcrumbs__item .breadcrumbs__anchor:before {
left: -5px;
}
[dir="rtl"] .pdp-main__media .breadcrumbs__item .breadcrumbs__anchor:before {
right: -5px;
}
.shippnig-return-link .return-link {
text-decoration: underline;
}
[dir="ltr"] .shippnig-return-modal .modal {
padding-right: 0 !important;
}
[dir="rtl"] .shippnig-return-modal .modal {
padding-left: 0 !important;
}
@media (max-width: 63.938rem) {
.shippnig-return-modal .modal {
width: 100%;
}
}
.shippnig-return-modal .toggle-box {
border-bottom: 1px solid #000;
border-radius: 0;
}
.shippnig-return-modal .toggle-box:first-child {
border-top: 1px solid #000;
}
.shippnig-return-modal .toggle-box__label,
.shippnig-return-modal .toggle-box__content {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
color: #000;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.5px;
}
.shippnig-return-modal .toggle-box__label {
font-weight: bold;
}
.shippnig-return-modal .toggle-box__content.toggle--active {
padding-bottom: 10px;
}
.shippnig-return-modal .toggle-box__body {
padding: 10px 0;
}
.shippnig-return-modal .toggle-box + .toggle-box {
margin-top: 0;
}
.shippnig-return-modal .modal-dialog {
margin: 0;
width: 100%;
max-width: 600px;
}
[dir="ltr"] .shippnig-return-modal .modal-dialog {
float: right;
}
[dir="rtl"] .shippnig-return-modal .modal-dialog {
float: left;
}
@media (max-width: 63.938rem) {
.shippnig-return-modal .modal-dialog {
max-width: 100%;
float: none;
}
}
.shippnig-return-modal .modal-dialog .modal-content {
height: 100vh;
border-radius: 0;
}
[dir="ltr"] .shippnig-return-modal .modal-dialog .modal-content {
border-left: 2px solid #000;
}
[dir="rtl"] .shippnig-return-modal .modal-dialog .modal-content {
border-right: 2px solid #000;
}
@media (max-width: 63.938rem) {
.shippnig-return-modal .modal-dialog .modal-content {
border: 0 !important;
}
}
.shippnig-return-modal .modal-dialog .modal-content .modal-header {
border: 0;
}
.shippnig-return-modal .modal-dialog .modal-content .modal-header .close {
position: absolute;
top: 10px;
font-size: 30px;
font-weight: lighter;
opacity: 0.5;
}
[dir="ltr"] .shippnig-return-modal .modal-dialog .modal-content .modal-header .close {
right: 10px;
}
[dir="rtl"] .shippnig-return-modal .modal-dialog .modal-content .modal-header .close {
left: 10px;
}
.shippnig-return-modal .modal-dialog .modal-content .modal-header .modal-title {
font-weight: 600;
}
.order-phone:hover {
background-size: 0;
text-decoration: none;
}
.contact-advisor:hover {
background-size: 0;
text-decoration: none;
}
.contact-call .pdp-main__secondary-action {
margin-bottom: 5px !important;
}
.contact-call .link__icon {
margin: 2px 0;
}
.tooltip-pdp {
position: relative;
display: inline-block;
}
.tooltiptext-pdp {
display: block;
visibility: hidden;
width: 16rem;
background-color: #00629B;
color: #FFF;
text-align: center;
border-radius: 0;
padding: 5px 0;
position: absolute;
top: 10px;
z-index: 1;
}
@media (min-width: 1024px) {
.tooltiptext-pdp {
width: 18rem;
}
}
@media (max-width: 49.375rem) {
.tooltiptext-pdp {
font-size: 12px;
}
}
.tooltiptext-pdp.tooltip-favs {
top: calc(100% + 10px);
}
[dir="ltr"] .tooltiptext-pdp.tooltip-favs {
right: 0;
}
[dir="rtl"] .tooltiptext-pdp.tooltip-favs {
left: 0;
}
.tooltip-favs {
display: none;
}
.wishlist-icon:disabled:hover .tooltip-favs {
display: block;
visibility: visible;
width: -moz-max-content;
width: max-content;
padding: 5px 1rem;
}
.tooltip-pdp:hover .tooltiptext-pdp {
visibility: visible;
}
[dir="ltr"] .tooltip-pdp:hover .tooltiptext-pdp {
right: -6rem;
}
[dir="rtl"] .tooltip-pdp:hover .tooltiptext-pdp {
left: -6rem;
}
@media (min-width: 1024px) {
[dir="ltr"] .tooltip-pdp:hover .tooltiptext-pdp {
right: -9rem;
}
[dir="rtl"] .tooltip-pdp:hover .tooltiptext-pdp {
left: -9rem;
}
}
.tooltip-pdp svg {
position: absolute;
top: -13px;
}
[dir="ltr"] .tooltip-pdp svg {
left: 8px;
}
[dir="rtl"] .tooltip-pdp svg {
right: 8px;
}
.product-section__recently-viewed .module-container__title,
.product-section__category-wise-slot-configuration .module-container__title,
.product-section__product-wise-configuration .module-container__title {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 24px !important;
margin: 60px 0 15px;
display: inline-block;
padding: 0 20px !important;
}
@media (min-width: 49.4375rem) {
[dir="ltr"] .product-section__recently-viewed .module-container__title,
[dir="ltr"] .product-section__category-wise-slot-configuration .module-container__title,
[dir="ltr"] .product-section__product-wise-configuration .module-container__title {
padding-left: 6% !important;
}
[dir="rtl"] .product-section__recently-viewed .module-container__title,
[dir="rtl"] .product-section__category-wise-slot-configuration .module-container__title,
[dir="rtl"] .product-section__product-wise-configuration .module-container__title {
padding-right: 6% !important;
}
}
.product-section__recently-viewed .module-container__description,
.product-section__category-wise-slot-configuration .module-container__description,
.product-section__product-wise-configuration .module-container__description {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 14px !important;
margin-bottom: 66px;
width: 100%;
padding: 0 20px !important;
}
@media (min-width: 49.4375rem) {
.product-section__recently-viewed .module-container__description,
.product-section__category-wise-slot-configuration .module-container__description,
.product-section__product-wise-configuration .module-container__description {
width: 50%;
}
[dir="ltr"] .product-section__recently-viewed .module-container__description,
[dir="ltr"] .product-section__category-wise-slot-configuration .module-container__description,
[dir="ltr"] .product-section__product-wise-configuration .module-container__description {
padding-left: 6% !important;
}
[dir="rtl"] .product-section__recently-viewed .module-container__description,
[dir="rtl"] .product-section__category-wise-slot-configuration .module-container__description,
[dir="rtl"] .product-section__product-wise-configuration .module-container__description {
padding-right: 6% !important;
}
}
.product-section__recently-viewed .product-section__redirect-cta,
.product-section__category-wise-slot-configuration .product-section__redirect-cta,
.product-section__product-wise-configuration .product-section__redirect-cta {
text-align: center;
padding: 0 20px 60px;
}
@media (min-width: 49.4375rem) {
.product-section__recently-viewed .product-section__redirect-cta,
.product-section__category-wise-slot-configuration .product-section__redirect-cta,
.product-section__product-wise-configuration .product-section__redirect-cta {
padding: 0 3rem 60px;
}
}
.product-section__recently-viewed .product-list__carousel,
.product-section__category-wise-slot-configuration .product-list__carousel,
.product-section__product-wise-configuration .product-list__carousel {
padding: 0 20px 50px 20px;
}
@media (min-width: 49.4375rem) {
.product-section__recently-viewed .product-list__carousel,
.product-section__category-wise-slot-configuration .product-list__carousel,
.product-section__product-wise-configuration .product-list__carousel {
padding: 0 0 60px 0;
}
}
.product-section__recently-viewed .product-section__video,
.product-section__category-wise-slot-configuration .product-section__video,
.product-section__product-wise-configuration .product-section__video {
text-align: center;
}
.product-section__recently-viewed .product-section__video iframe,
.product-section__category-wise-slot-configuration .product-section__video iframe,
.product-section__product-wise-configuration .product-section__video iframe {
width: 100%;
}
.product-section__recently-viewed .slick-arrow,
.product-section__category-wise-slot-configuration .slick-arrow,
.product-section__product-wise-configuration .slick-arrow {
margin-top: auto;
transform: none;
border: 1px solid #000;
top: -1.25rem;
}
@media (min-width: 1024px) {
.product-section__recently-viewed .slick-arrow,
.product-section__category-wise-slot-configuration .slick-arrow,
.product-section__product-wise-configuration .slick-arrow {
top: -5.3125rem;
}
}
.product-section__recently-viewed .slick-arrow:before,
.product-section__category-wise-slot-configuration .slick-arrow:before,
.product-section__product-wise-configuration .slick-arrow:before {
content: "";
display: inline-block;
border-radius: 4px;
width: 18px;
height: 1px;
background-color: #000;
position: absolute;
}
[dir="ltr"] .product-section__recently-viewed .slick-arrow:before,
[dir="ltr"] .product-section__category-wise-slot-configuration .slick-arrow:before,
[dir="ltr"] .product-section__product-wise-configuration .slick-arrow:before {
left: 50%;
transform: translateX(-50%);
}
[dir="rtl"] .product-section__recently-viewed .slick-arrow:before,
[dir="rtl"] .product-section__category-wise-slot-configuration .slick-arrow:before,
[dir="rtl"] .product-section__product-wise-configuration .slick-arrow:before {
right: 50%;
transform: translateX(50%);
}
.product-section__recently-viewed .slick-arrow .icon,
.product-section__category-wise-slot-configuration .slick-arrow .icon,
.product-section__product-wise-configuration .slick-arrow .icon {
width: 12px;
height: 12px;
}
[dir="ltr"] .product-section__recently-viewed .slick-next,
[dir="ltr"] .product-section__category-wise-slot-configuration .slick-next,
[dir="ltr"] .product-section__product-wise-configuration .slick-next {
right: auto;
left: 3.125rem;
}
[dir="rtl"] .product-section__recently-viewed .slick-next,
[dir="rtl"] .product-section__category-wise-slot-configuration .slick-next,
[dir="rtl"] .product-section__product-wise-configuration .slick-next {
left: auto;
right: 3.125rem;
}
@media (min-width: 1024px) {
[dir="ltr"] .product-section__recently-viewed .slick-next,
[dir="ltr"] .product-section__category-wise-slot-configuration .slick-next,
[dir="ltr"] .product-section__product-wise-configuration .slick-next {
left: auto;
right: 4.6875rem;
}
[dir="rtl"] .product-section__recently-viewed .slick-next,
[dir="rtl"] .product-section__category-wise-slot-configuration .slick-next,
[dir="rtl"] .product-section__product-wise-configuration .slick-next {
right: auto;
left: 4.6875rem;
}
}
[dir="ltr"] .product-section__recently-viewed .slick-next .icon,
[dir="ltr"] .product-section__category-wise-slot-configuration .slick-next .icon,
[dir="ltr"] .product-section__product-wise-configuration .slick-next .icon {
margin-left: 12px;
}
[dir="rtl"] .product-section__recently-viewed .slick-next .icon,
[dir="rtl"] .product-section__category-wise-slot-configuration .slick-next .icon,
[dir="rtl"] .product-section__product-wise-configuration .slick-next .icon {
margin-right: 12px;
}
[dir="ltr"] .product-section__recently-viewed .slick-prev,
[dir="ltr"] .product-section__category-wise-slot-configuration .slick-prev,
[dir="ltr"] .product-section__product-wise-configuration .slick-prev {
left: 0;
}
[dir="rtl"] .product-section__recently-viewed .slick-prev,
[dir="rtl"] .product-section__category-wise-slot-configuration .slick-prev,
[dir="rtl"] .product-section__product-wise-configuration .slick-prev {
right: 0;
}
@media (min-width: 1024px) {
[dir="ltr"] .product-section__recently-viewed .slick-prev,
[dir="ltr"] .product-section__category-wise-slot-configuration .slick-prev,
[dir="ltr"] .product-section__product-wise-configuration .slick-prev {
left: auto;
right: 7.6875rem;
}
[dir="rtl"] .product-section__recently-viewed .slick-prev,
[dir="rtl"] .product-section__category-wise-slot-configuration .slick-prev,
[dir="rtl"] .product-section__product-wise-configuration .slick-prev {
right: auto;
left: 7.6875rem;
}
}
[dir="ltr"] .product-section__recently-viewed .slick-prev .icon,
[dir="ltr"] .product-section__category-wise-slot-configuration .slick-prev .icon,
[dir="ltr"] .product-section__product-wise-configuration .slick-prev .icon {
margin-left: -12px;
}
[dir="rtl"] .product-section__recently-viewed .slick-prev .icon,
[dir="rtl"] .product-section__category-wise-slot-configuration .slick-prev .icon,
[dir="rtl"] .product-section__product-wise-configuration .slick-prev .icon {
margin-right: -12px;
}
.product-section__recently-viewed .product-list__carousel .slick-prev:not(.slick-disabled):hover,
.product-section__category-wise-slot-configuration .product-list__carousel .slick-prev:not(.slick-disabled):hover,
.product-section__product-wise-configuration .product-list__carousel .slick-prev:not(.slick-disabled):hover {
transform: none;
}
.product-section__recently-viewed .product-list__carousel .slick-next:not(.slick-disabled):hover,
.product-section__category-wise-slot-configuration .product-list__carousel .slick-next:not(.slick-disabled):hover,
.product-section__product-wise-configuration .product-list__carousel .slick-next:not(.slick-disabled):hover {
transform: none;
}
.product-section__recently-viewed .product-list__carousel .slick-arrow,
.product-section__category-wise-slot-configuration .product-list__carousel .slick-arrow,
.product-section__product-wise-configuration .product-list__carousel .slick-arrow {
top: -20px;
z-index: 0;
}
@media (min-width: 48rem) {
.product-section__recently-viewed .product-list__carousel .slick-arrow,
.product-section__category-wise-slot-configuration .product-list__carousel .slick-arrow,
.product-section__product-wise-configuration .product-list__carousel .slick-arrow {
top: -85px;
}
}
[dir="ltr"] .product-section__recently-viewed .product-list__carousel .slick-prev,
[dir="ltr"] .product-section__category-wise-slot-configuration .product-list__carousel .slick-prev,
[dir="ltr"] .product-section__product-wise-configuration .product-list__carousel .slick-prev {
left: 20px;
}
[dir="rtl"] .product-section__recently-viewed .product-list__carousel .slick-prev,
[dir="rtl"] .product-section__category-wise-slot-configuration .product-list__carousel .slick-prev,
[dir="rtl"] .product-section__product-wise-configuration .product-list__carousel .slick-prev {
right: 20px;
}
@media (min-width: 48rem) {
[dir="ltr"] .product-section__recently-viewed .product-list__carousel .slick-prev,
[dir="ltr"] .product-section__category-wise-slot-configuration .product-list__carousel .slick-prev,
[dir="ltr"] .product-section__product-wise-configuration .product-list__carousel .slick-prev {
right: calc(7% + 45px);
left: auto;
}
[dir="rtl"] .product-section__recently-viewed .product-list__carousel .slick-prev,
[dir="rtl"] .product-section__category-wise-slot-configuration .product-list__carousel .slick-prev,
[dir="rtl"] .product-section__product-wise-configuration .product-list__carousel .slick-prev {
left: calc(7% + 45px);
right: auto;
}
}
[dir="ltr"] .product-section__recently-viewed .product-list__carousel .slick-next,
[dir="ltr"] .product-section__category-wise-slot-configuration .product-list__carousel .slick-next,
[dir="ltr"] .product-section__product-wise-configuration .product-list__carousel .slick-next {
left: 65px;
}
[dir="rtl"] .product-section__recently-viewed .product-list__carousel .slick-next,
[dir="rtl"] .product-section__category-wise-slot-configuration .product-list__carousel .slick-next,
[dir="rtl"] .product-section__product-wise-configuration .product-list__carousel .slick-next {
right: 65px;
}
@media (min-width: 48rem) {
[dir="ltr"] .product-section__recently-viewed .product-list__carousel .slick-next,
[dir="ltr"] .product-section__category-wise-slot-configuration .product-list__carousel .slick-next,
[dir="ltr"] .product-section__product-wise-configuration .product-list__carousel .slick-next {
right: 7%;
left: auto;
}
[dir="rtl"] .product-section__recently-viewed .product-list__carousel .slick-next,
[dir="rtl"] .product-section__category-wise-slot-configuration .product-list__carousel .slick-next,
[dir="rtl"] .product-section__product-wise-configuration .product-list__carousel .slick-next {
left: 7%;
right: auto;
}
}
.product-section__recently-viewed .product-list__carousel .slick-arrow.slick-disabled,
.product-section__category-wise-slot-configuration .product-list__carousel .slick-arrow.slick-disabled,
.product-section__product-wise-configuration .product-list__carousel .slick-arrow.slick-disabled {
opacity: 0.5;
visibility: visible;
}
@media (max-width: 63.938rem) {
.product-section__recently-viewed .product-list__carousel .product-grid__item,
.product-section__category-wise-slot-configuration .product-list__carousel .product-grid__item,
.product-section__product-wise-configuration .product-list__carousel .product-grid__item {
margin-bottom: 0;
}
.product-section__recently-viewed .product-list__carousel .product-grid__item .product-tile__anchor,
.product-section__category-wise-slot-configuration .product-list__carousel .product-grid__item .product-tile__anchor,
.product-section__product-wise-configuration .product-list__carousel .product-grid__item .product-tile__anchor {
margin-top: 50px;
}
.product-section__recently-viewed .product-list__carousel .product-grid__item .product-tile__anchor .product-tile__body .product-badge,
.product-section__category-wise-slot-configuration .product-list__carousel .product-grid__item .product-tile__anchor .product-tile__body .product-badge,
.product-section__product-wise-configuration .product-list__carousel .product-grid__item .product-tile__anchor .product-tile__body .product-badge {
display: none;
}
}
@media (max-width: 63.938rem) {
.product-section__recently-viewed .product-tile__overlay-actions,
.product-section__category-wise-slot-configuration .product-tile__overlay-actions,
.product-section__product-wise-configuration .product-tile__overlay-actions {
display: none;
}
}
.pdp-main__product-details {
margin: 120px 0;
}
.pdp-main__product-details .pdp-main__product-details-ref {
margin-top: 1.5rem;
}
.pdp-main__product-details .pdp-main__product-details-social-icon {
margin: 60px 0 20px;
}
.pdp-main__product-details .pdp-main__product-details-social-icon .share-section {
padding: 0;
}
.pdp-main__product-details .pdp-main__product-details-keyfeatures .toggle-box__label {
color: #000;
font-size: 14px;
letter-spacing: 0.5px;
line-height: 20px;
padding: 15px 0;
}
.pdp-main__product-details .pdp-main__product-details-keyfeatures .pdp__key-feature-title {
margin: 10px 0 20px;
}
.pdp-main__product-details .pdp-main__product-details-keyfeatures .pdp__key-feature-key {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
line-height: 20px;
margin-bottom: 5px;
}
.pdp-main__product-details .pdp-main__product-details-keyfeatures .pdp__key-feature-value {
font-size: 14px;
letter-spacing: 0.5px;
line-height: 20px;
}
.pdp-main__product-details .pdp-main__product-details-divider {
margin: 0;
}
.product-section__recently-viewed.product-overflow .product-list {
overflow: hidden;
}
.product-section__recently-viewed .module-container__title {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 24px !important;
margin: 60px 0 20px;
display: inline-block;
}
[dir="ltr"] .product-section__recently-viewed .module-container__title {
padding-left: 0 !important;
}
[dir="rtl"] .product-section__recently-viewed .module-container__title {
padding-right: 0 !important;
}
@media (min-width: 49.4375rem) {
[dir="ltr"] .product-section__recently-viewed .module-container__title {
padding-left: 6% !important;
}
[dir="rtl"] .product-section__recently-viewed .module-container__title {
padding-right: 6% !important;
}
}
.product-section__recently-viewed .module-container__description {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 14px !important;
margin-bottom: 66px;
width: 50%;
}
[dir="ltr"] .product-section__recently-viewed .module-container__description {
padding-left: 0 !important;
}
[dir="rtl"] .product-section__recently-viewed .module-container__description {
padding-right: 0 !important;
}
@media (min-width: 49.4375rem) {
.product-section__recently-viewed .module-container__description {
width: 50%;
}
[dir="ltr"] .product-section__recently-viewed .module-container__description {
padding-left: 6% !important;
}
[dir="rtl"] .product-section__recently-viewed .module-container__description {
padding-right: 6% !important;
}
}
.product-section__recently-viewed .slick-list {
overflow: initial;
}
.product-section__recently-viewed .product-tile__body {
padding: 1rem;
}
.product-section__recently-viewed .product .product-badge,
.product-section__recently-viewed .product .product-tile__swatches,
.product-section__recently-viewed .product .plp-action-btn,
.product-section__recently-viewed .product .product-tile__overlay {
display: none;
}
.product-section__recently-viewed .product .price {
display: block;
}
.product-section__recently-viewed .product-list {
background-color: #FFF;
}
.product-section__recently-viewed .product-list__carousel {
padding-top: 30px;
}
@media (min-width: 49.4375rem) {
.product-section__recently-viewed .product-list__carousel {
padding-top: 0;
}
}
.product-section__recently-viewed .product-list__carousel .slick-slide {
padding: 1px;
}
.product-section__recently-viewed .product-tile--default {
background-color: #F2F2F2;
}
.product-section__recently-viewed .product-tile--default .product-tile__image {
width: auto;
height: auto;
padding: 10%;
}
.product-section__recently-viewed .product-tile--default .product-tile__body {
display: none;
}
[dir="ltr"] .product-section__recently-viewed .module-container__header:not(:last-child) {
margin-left: 0;
}
[dir="rtl"] .product-section__recently-viewed .module-container__header:not(:last-child) {
margin-right: 0;
}
.product-section__movement .before-after-slider__container {
height: 73.5vw;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.product-section__movement .before-after-slider__container .before-after-slider__left-item {
overflow: hidden;
width: 50%;
position: absolute;
top: 0;
bottom: 0;
}
[dir="ltr"] .product-section__movement .before-after-slider__container .before-after-slider__left-item {
left: 0;
}
[dir="rtl"] .product-section__movement .before-after-slider__container .before-after-slider__left-item {
right: 0;
}
.product-section__movement .before-after-slider__container .before-after-slider__left-item img {
max-width: initial;
}
.product-section__movement .before-after-slider__container .before-after-slider__right-item img {
width: 100%;
}
.product-section__movement .before-after-slider__container #beforeAfterSliderInput {
-moz-appearance: none;
-webkit-appearance: none;
border: none;
background: transparent;
cursor: col-resize;
height: 100vw;
margin: 0;
outline: none;
padding: 0;
position: relative;
top: -100vw;
width: 100%;
}
[dir="ltr"] .product-section__movement .before-after-slider__container #beforeAfterSliderInput {
left: 0;
}
[dir="rtl"] .product-section__movement .before-after-slider__container #beforeAfterSliderInput {
right: 0;
}
.product-section__movement .before-after-slider__container #beforeAfterSliderInput::-moz-range-track {
background: transparent;
}
.product-section__movement .before-after-slider__container #beforeAfterSliderInput::-ms-track {
border: none;
background-color: transparent;
height: 100vw;
outline: none;
position: relative;
top: -100vw;
width: 100%;
margin: 0;
padding: 0;
cursor: col-resize;
color: transparent;
}
[dir="ltr"] .product-section__movement .before-after-slider__container #beforeAfterSliderInput::-ms-track {
left: 0;
}
[dir="rtl"] .product-section__movement .before-after-slider__container #beforeAfterSliderInput::-ms-track {
right: 0;
}
.product-section__movement .before-after-slider__container #beforeAfterSliderInput::-ms-fill-lower {
background-color: transparent;
}
.product-section__movement .before-after-slider__container #beforeAfterSliderInput::-webkit-slider-thumb {
-webkit-appearance: none;
height: 100vw;
width: 0.5%;
opacity: 0;
}
.product-section__movement .before-after-slider__container #beforeAfterSliderInput::-moz-range-thumb {
-moz-appearance: none;
height: 100vw;
width: 0.5%;
opacity: 0;
}
.product-section__movement .before-after-slider__container #beforeAfterSliderInput::-ms-thumb {
height: 100vw;
width: 0.5%;
opacity: 0;
}
.product-section__movement .before-after-slider__container #beforeAfterSliderInput::-ms-tooltip {
display: none;
}
.product-section__movement .before-after-slider__container .before-after-slider__slider {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.product-section__movement .before-after-slider__container .before-after-slider__arrow {
pointer-events: none;
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: white;
bottom: 5%;
display: flex;
justify-content: center;
align-items: center;
}
[dir="ltr"] .product-section__movement .before-after-slider__container .before-after-slider__arrow {
left: calc(50% - 22px);
}
[dir="rtl"] .product-section__movement .before-after-slider__container .before-after-slider__arrow {
right: calc(50% - 22px);
}
.product-section__movement .before-after-slider__container .before-after-slider__arrow:after {
content: "";
padding: 3px;
display: inline-block;
border: solid #5D5D5D;
}
[dir="ltr"] .product-section__movement .before-after-slider__container .before-after-slider__arrow:after {
border-width: 0 2px 2px 0;
transform: rotate(-45deg);
}
[dir="rtl"] .product-section__movement .before-after-slider__container .before-after-slider__arrow:after {
border-width: 0 0 2px 2px;
transform: rotate(45deg);
}
.product-section__movement .before-after-slider__container .before-after-slider__arrow:before {
content: "";
padding: 3px;
display: inline-block;
border: solid #5D5D5D;
}
[dir="ltr"] .product-section__movement .before-after-slider__container .before-after-slider__arrow:before {
border-width: 0 2px 2px 0;
transform: rotate(135deg);
}
[dir="rtl"] .product-section__movement .before-after-slider__container .before-after-slider__arrow:before {
border-width: 0 0 2px 2px;
transform: rotate(-135deg);
}
.product-section__overview {
padding: 120px 0;
margin: 0;
}
@media (min-width: 49.4375rem) {
.product-section__overview {
padding: 120px 20px;
}
}
@media (min-width: 64.0625rem) {
.product-section__overview {
padding: 120px 0;
}
}
.product-section__overview .pdp-main__product-details-ref {
margin-top: 1.5rem;
}
.product-section__overview .pdp-main__product-details-social-icon {
margin: 60px 0 20px;
}
.product-section__overview .pdp-main__product-details-social-icon .share-section {
padding: 0;
}
.product-section__overview .pdp-main__product-details-keyfeatures .toggle-box__label {
color: #000;
font-size: 14px;
letter-spacing: 0.5px;
line-height: 20px;
padding: 15px 0;
}
.product-section__overview .pdp-main__product-details-keyfeatures .pdp__key-feature-title {
margin: 10px 0 20px;
}
.product-section__overview .pdp-main__product-details-keyfeatures .pdp__key-feature-key {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
line-height: 20px;
margin-bottom: 5px;
}
.product-section__overview .pdp-main__product-details-keyfeatures .pdp__key-feature-value {
font-size: 14px;
letter-spacing: 0.5px;
line-height: 20px;
}
.product-section__overview .toggle-box {
border-top: 1px solid #000;
margin: 0;
}
[dir="ltr"] .product-section__overview .toggle-box {
padding-right: 10px;
}
[dir="rtl"] .product-section__overview .toggle-box {
padding-left: 10px;
}
.product-section__overview .toggle-box:last-child {
border-bottom: 1px solid #000;
}
.anchor-editorial-menu {
background: #FFF;
opacity: 0;
}
.anchor-editorial-menu.sticky {
z-index: 9;
padding-bottom: 1px;
}
@media (min-width: 49.4375rem) {
.anchor-editorial-menu.sticky {
position: fixed;
bottom: 0;
margin: 30px;
}
}
.anchor-editorial-menu .anchor-editorial-menu__scroller {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
width: calc(100% - 90px);
}
@media (min-width: 49.4375rem) {
.anchor-editorial-menu .anchor-editorial-menu__scroller {
width: auto;
max-width: 500px;
}
}
.anchor-editorial-menu .anchor-editorial-menu__wrapper {
position: relative;
white-space: nowrap;
}
.anchor-editorial-menu .anchor-editorial-menu__wrapper div a {
padding: 12px 20px;
display: inline-block;
text-decoration: none;
border-bottom: 3px solid transparent;
}
.anchor-editorial-menu .anchor-editorial-menu__wrapper div a:hover, .anchor-editorial-menu .anchor-editorial-menu__wrapper div a.active {
border-bottom: 3px solid #000;
}
.anchor-editorial-menu .anchor-editorial-menu__prev-next-btn-wrapper {
display: inline-block;
width: 90px;
}
[dir="ltr"] .anchor-editorial-menu .anchor-editorial-menu__prev-next-btn-wrapper {
float: right;
border-left: 1px solid #F2F2F2;
}
[dir="rtl"] .anchor-editorial-menu .anchor-editorial-menu__prev-next-btn-wrapper {
float: left;
border-right: 1px solid #F2F2F2;
}
@media (min-width: 49.4375rem) {
.anchor-editorial-menu .anchor-editorial-menu__prev-next-btn-wrapper {
width: auto;
}
}
.anchor-editorial-menu .anchor-editorial-menu__prev-btn,
.anchor-editorial-menu .anchor-editorial-menu__next-btn,
.anchor-editorial-menu .slick-arrow {
display: inline-flex;
fill: #000;
text-align: center;
background: #FFF;
padding: 10px 5px;
cursor: pointer;
vertical-align: middle;
position: relative;
height: 100%;
border-radius: 0;
}
.anchor-editorial-menu .anchor-editorial-menu__prev-btn.disabled, .anchor-editorial-menu .anchor-editorial-menu__prev-btn.slick-disabled,
.anchor-editorial-menu .anchor-editorial-menu__next-btn.disabled,
.anchor-editorial-menu .anchor-editorial-menu__next-btn.slick-disabled,
.anchor-editorial-menu .slick-arrow.disabled,
.anchor-editorial-menu .slick-arrow.slick-disabled {
pointer-events: none;
opacity: 0.2;
visibility: visible;
}
/* PDP check availablity chevron*/
.product-pickup.product-pickup--default {
margin-bottom: 10px;
}
html[dir="ltr"][dir=rtl] .anchor-editorial-menu__next-btn,
html[dir="ltr"][dir=rtl] .anchor-editorial-menu__prev-btn {
transform: rotate(180deg);
}
html[dir="rtl"][dir=rtl] .anchor-editorial-menu__next-btn,
html[dir="rtl"][dir=rtl] .anchor-editorial-menu__prev-btn {
transform: rotate(-180deg);
}
html[dir=rtl] .pdp-main__details .contact-call.pdp-main__section .pdp-main__secondary-action .link--secondary-icon .link__icon {
top: -10%;
}
html[dir="ltr"][dir=rtl] .pdp-main__details .contact-call.pdp-main__section .pdp-main__secondary-action .link--secondary-icon .link__icon {
transform: rotate(180deg);
left: -1.25rem;
}
html[dir="rtl"][dir=rtl] .pdp-main__details .contact-call.pdp-main__section .pdp-main__secondary-action .link--secondary-icon .link__icon {
transform: rotate(-180deg);
right: -1.25rem;
}
@keyframes showFromBelow {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
@keyframes moveBelow {
0% {
transform: translateY(0);
}
100% {
transform: translateY(100%);
}
}
/* Sold-out product PDP buttons alignment */
.pdp-main__section--actions .product-add__buttons-container .product-pickup__button {
height: 44px;
font-size: 0.75rem;
margin-bottom: 5px;
padding-bottom: 6px;
}
.pdp-main__section--actions .product-add__buttons-container .stock-notify-subscription {
margin-bottom: 2rem;
height: 44px;
padding-bottom: 10px;
}
.pdp-page.pdp__recommendations .module-container__title {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 24px !important;
margin: 60px 0 15px;
display: inline-block;
padding: 0 !important;
}
@media (min-width: 49.4375rem) {
[dir="ltr"] .pdp-page.pdp__recommendations .module-container__title {
padding-left: 6% !important;
}
[dir="rtl"] .pdp-page.pdp__recommendations .module-container__title {
padding-right: 6% !important;
}
}
.pdp-page.pdp__recommendations .module-container__description {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 14px !important;
margin-bottom: 66px;
width: 100%;
padding: 0 !important;
}
@media (min-width: 49.4375rem) {
.pdp-page.pdp__recommendations .module-container__description {
width: 50%;
}
[dir="ltr"] .pdp-page.pdp__recommendations .module-container__description {
padding-left: 6% !important;
}
[dir="rtl"] .pdp-page.pdp__recommendations .module-container__description {
padding-right: 6% !important;
}
}
.product-badge-list--floating {
position: relative;
z-index: 1;
display: inline-block;
}
.product-badge-list--full-product {
margin-bottom: 1rem;
}
.product-badge-list--line-item {
margin-bottom: 0.5rem;
}
.product-badge {
display: inline-block;
}
.product-badge:not(:last-child) {
margin-bottom: 0.5em;
}
@media only screen and (min-width: 980px) and (max-width: 1430px) {
.product-badge:not(:last-child) {
margin-bottom: 0;
}
}
.product-badge--bordered {
background-color: #FFF;
border: solid 0.0625rem #CCCCCC;
padding: 0.6em 0.75em;
}
.product-label {
letter-spacing: 0.025rem;
line-height: 1rem;
font-size: 0.75rem;
background-color: #e1e1e1;
color: #000;
display: inline-block;
font-weight: bold;
margin-bottom: 0.3125rem;
padding: 0.25rem 0.625rem;
text-transform: capitalize;
}
.product .product-badge {
display: inline-flex;
align-items: center;
gap: 10px;
flex-direction: row;
flex-wrap: wrap;
min-height: 30px;
margin: 1px;
}
@media only screen and (min-width: 980px) and (max-width: 1430px) {
.product .product-badge {
gap: 7px;
}
}
.product .more-size-available {
color: #6e6e6e;
font-size: 0.75rem;
letter-spacing: 0.03125rem;
line-height: 1rem;
margin-top: 0.875rem;
padding: 0 1.25rem;
background: transparent;
}
[dir="ltr"] .product .more-size-available {
padding-left: 0;
}
[dir="rtl"] .product .more-size-available {
padding-right: 0;
}
[dir=ltr] .login__tab-item {
text-underline-position: auto;
}
[dir=rtl] .login__tab-item {
text-underline-position: under;
}
.login__tab-item.toggle--active {
-webkit-text-stroke-width: 0.0625rem;
text-decoration: underline;
}
@media (min-width: 49.4375rem) {
.login {
padding-top: 5rem;
padding-bottom: 5rem;
}
.login--sso-landing {
margin-top: 1.25rem;
}
.login__section:not(:last-child) {
margin-bottom: 3.75rem;
}
.login__section--padded {
padding-top: 5rem;
padding-bottom: 5rem;
}
.login__section--padded.modal--auth__content {
padding-top: 0;
}
.login__section-content {
max-width: 30.5rem;
margin: 0 auto;
}
.login__tab-list--page {
margin-bottom: 4.875rem;
}
.login__tab-list--wishlist-page {
margin-bottom: 2rem;
}
[dir="ltr"] .login__tab-item:not(:last-child) {
margin-right: 3.5rem;
}
[dir="rtl"] .login__tab-item:not(:last-child) {
margin-left: 3.5rem;
}
.login__actions--sso-landing {
margin-top: 2.25rem;
}
.registration {
max-width: 25rem;
margin: 0 auto;
}
}
@media (max-width: 49.375rem) {
.login {
padding-top: 3rem;
padding-bottom: 3rem;
}
.login--sso-landing {
margin-top: 0.5rem;
}
.login__section:not(:last-child) {
margin-bottom: 4.5rem;
}
.login__section--padded {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.login__section--padded.modal--auth__content {
padding-top: 0;
}
.login__tab-list--page,
.login__tab-list--wishlist-page {
margin-bottom: 1rem;
}
[dir="ltr"] .login__tab-item:not(:last-child) {
margin-right: 1rem;
}
[dir="rtl"] .login__tab-item:not(:last-child) {
margin-left: 1rem;
}
.login__actions--sso-landing {
margin-top: 1.5rem;
}
.login__actions--sso-landing .button {
max-width: 15.25rem;
}
}
/*------------------------------------*\
#TRUMPS
\*------------------------------------*/
/*------------------------------------*\
#TEXT SIZE
\*------------------------------------*/
[class*=heading-type] {
font-weight: 400;
letter-spacing: 0.028rem;
}
.heading-type--yotta {
font-size: 8.875rem;
}
.heading-type--zetta {
font-size: 7.375rem;
}
.heading-type--exa {
font-size: 6.25rem;
}
[dir=ltr] .heading-type--h1 {
font-size: 1.5rem;
}
[dir=rtl] .heading-type--h1 {
font-size: 1.56rem;
}
[dir=ltr] .heading-type--h1 {
line-height: 1.35;
}
[dir=rtl] .heading-type--h1 {
line-height: 1.8;
}
@media (min-width: 49.4375rem) {
[dir=ltr] .heading-type--h2 {
font-size: 1.25rem;
}
[dir=rtl] .heading-type--h2 {
font-size: 1.31rem;
}
[dir=ltr] .heading-type--h2 {
line-height: 1.5;
}
[dir=rtl] .heading-type--h2 {
line-height: 1.4;
}
[dir=ltr] .heading-type--h3 {
font-size: 0.938rem;
}
[dir=rtl] .heading-type--h3 {
font-size: 1rem;
}
[dir=ltr] .heading-type--h3 {
line-height: 1.8;
}
[dir=rtl] .heading-type--h3 {
line-height: 1.5;
}
}
@media (max-width: 49.375rem) {
[dir=ltr] .heading-type--h2 {
font-size: 0.75rem;
}
[dir=rtl] .heading-type--h2 {
font-size: 1.18rem;
}
[dir=ltr] .heading-type--h2 {
line-height: 1.55;
}
[dir=rtl] .heading-type--h2 {
line-height: 1.4;
}
[dir=ltr] .heading-type--h3 {
font-size: 0.813rem;
}
[dir=rtl] .heading-type--h3 {
font-size: 0.875rem;
}
[dir=ltr] .heading-type--h3 {
line-height: 1.78;
}
[dir=rtl] .heading-type--h3 {
line-height: 1.5;
}
}
[dir=ltr] .body-type {
font-size: 0.938rem;
}
[dir=rtl] .body-type {
font-size: 1rem;
}
[dir=ltr] .body-type--small {
font-size: 0.75rem;
}
[dir=rtl] .body-type--small {
font-size: 0.875rem;
}
[dir=ltr] .body-type--subheading-labels {
font-size: 0.75rem;
}
[dir=rtl] .body-type--subheading-labels {
font-size: 0.875rem;
}
.body-type--mega {
font-size: 1.875rem;
}
.body-type--kilo {
font-size: 1.56rem;
}
.body-type--hecto {
font-size: 1.31rem;
}
.body-type--deka {
font-size: 1.125rem;
}
.body-type--deci {
font-size: 0.875rem;
}
.body-type--centi {
font-size: 0.75rem;
}
.body-type--micro {
font-size: 0.625rem;
}
.body-type--pico {
font-size: 0.813rem;
}
.body-type--mb-deka {
font-size: 1.25rem;
}
.body-type--base {
font-size: 0.938rem;
}
.body-type--mb-micro {
font-size: 1rem;
}
.body-type--standard-serif {
font-family: "MontblancType-Light", "Fancy Cut", "Almarai", Calibri, Times, serif;
}
[class*=fluid-type] {
line-height: normal;
}
.fluid-type--kilo-h5 {
font-size: 1.56rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--kilo-h5 {
font-size: calc(1.56rem + 0.94 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--kilo-h5 {
font-size: 2.5rem;
}
}
.fluid-type--deka-h5 {
font-size: 1.125rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--deka-h5 {
font-size: calc(1.125rem + 1.375 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--deka-h5 {
font-size: 2.5rem;
}
}
.fluid-type--hecto-h6 {
font-size: 1.31rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--hecto-h6 {
font-size: calc(1.31rem + 0.565 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--hecto-h6 {
font-size: 1.875rem;
}
}
.fluid-type--deka-kilo {
font-size: 1.125rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--deka-kilo {
font-size: calc(1.125rem + 0.435 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--deka-kilo {
font-size: 1.56rem;
}
}
.fluid-type--deka-hecto {
font-size: 1.125rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--deka-hecto {
font-size: calc(1.125rem + 0.185 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--deka-hecto {
font-size: 1.31rem;
}
}
.fluid-type--deka-base {
font-size: 1.125rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--deka-base {
font-size: calc(1.125rem + -0.187 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--deka-base {
font-size: 0.938rem;
}
}
.fluid-type--base-hecto {
font-size: 0.938rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--base-hecto {
font-size: calc(0.938rem + 0.372 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--base-hecto {
font-size: 1.31rem;
}
}
.fluid-type--base-deka {
font-size: 0.938rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--base-deka {
font-size: calc(0.938rem + 0.187 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--base-deka {
font-size: 1.125rem;
}
}
.fluid-type--deci-base {
font-size: 0.875rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--deci-base {
font-size: calc(0.875rem + 0.063 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--deci-base {
font-size: 0.938rem;
}
}
.fluid-type--deka-deci {
font-size: 1.125rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--deka-deci {
font-size: calc(1.125rem + -0.25 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--deka-deci {
font-size: 0.875rem;
}
}
.fluid-type--base-deci {
font-size: 0.938rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--base-deci {
font-size: calc(0.938rem + -0.063 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--base-deci {
font-size: 0.875rem;
}
}
.fluid-type--base-centi {
font-size: 0.938rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--base-centi {
font-size: calc(0.938rem + -0.188 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--base-centi {
font-size: 0.75rem;
}
}
.fluid-type--deci-centi {
font-size: 0.875rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--deci-centi {
font-size: calc(0.875rem + -0.125 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--deci-centi {
font-size: 0.75rem;
}
}
.fluid-type--centi-pico {
font-size: 0.75rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--centi-pico {
font-size: calc(0.75rem + 0.063 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--centi-pico {
font-size: 0.813rem;
}
}
.fluid-type--deka-mb-micro {
font-size: 1.125rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--deka-mb-micro {
font-size: calc(1.125rem + -0.125 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--deka-mb-micro {
font-size: 1rem;
}
}
.fluid-type--mb-micro-centi {
font-size: 1rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type--mb-micro-centi {
font-size: calc(1rem + -0.25 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type--mb-micro-centi {
font-size: 0.75rem;
}
}
.fluid-type-and-spacing--deci-deka {
font-size: 0.875rem;
letter-spacing: 0.0938rem;
}
@media screen and (min-width: 49.375rem) {
.fluid-type-and-spacing--deci-deka {
font-size: calc(0.875rem + 0.125 * ((100vw - 49.375rem) / 40.625));
letter-spacing: calc(0.0938rem + 0.0062 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.fluid-type-and-spacing--deci-deka {
font-size: 1rem;
letter-spacing: 0.1rem;
}
}
/*------------------------------------*\
#TEXT FAMILIES
\*------------------------------------*/
.font-family--sans {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
[class*=heading-type],
.font-family--sans-secondary {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
.font-family--smooth-river {
font-family: "Smooth-River-Regular";
}
.font-family--serif {
font-family: "MontblancType-Light", "Fancy Cut", "Almarai", Calibri, Times, serif;
}
.font-family--cursive {
font-family: "Kuenstler Script", cursive;
}
.font-family--cartier-logos {
font-family: "CartierLogos", "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
/*------------------------------------*\
#CMS GENERIC COPY
\*------------------------------------*/
.cms-generic-copy {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
.cms-generic-copy h1, .cms-generic-copy h2, .cms-generic-copy h3, .cms-generic-copy h4, .cms-generic-copy h5, .cms-generic-copy h6 {
margin-bottom: 0.5em;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
[dir=ltr] .cms-generic-copy h1, [dir=ltr] .cms-generic-copy h2, [dir=ltr] .cms-generic-copy h3, [dir=ltr] .cms-generic-copy h4, [dir=ltr] .cms-generic-copy h5, [dir=ltr] .cms-generic-copy h6 {
font-weight: 500;
}
[dir=rtl] .cms-generic-copy h1, [dir=rtl] .cms-generic-copy h2, [dir=rtl] .cms-generic-copy h3, [dir=rtl] .cms-generic-copy h4, [dir=rtl] .cms-generic-copy h5, [dir=rtl] .cms-generic-copy h6 {
font-weight: 400;
}
[dir=ltr] .cms-generic-copy h1, [dir=ltr] .cms-generic-copy h2, [dir=ltr] .cms-generic-copy h3, [dir=ltr] .cms-generic-copy h4, [dir=ltr] .cms-generic-copy h5, [dir=ltr] .cms-generic-copy h6 {
letter-spacing: 0.031rem;
}
[dir=rtl] .cms-generic-copy h1, [dir=rtl] .cms-generic-copy h2, [dir=rtl] .cms-generic-copy h3, [dir=rtl] .cms-generic-copy h4, [dir=rtl] .cms-generic-copy h5, [dir=rtl] .cms-generic-copy h6 {
letter-spacing: 0;
}
.cms-generic-copy h1:not(:first-child), .cms-generic-copy h2:not(:first-child), .cms-generic-copy h3:not(:first-child), .cms-generic-copy h4:not(:first-child), .cms-generic-copy h5:not(:first-child), .cms-generic-copy h6:not(:first-child) {
margin-top: 1.5em;
}
.cms-generic-copy a:not([class*=link]) {
text-decoration: underline;
}
[dir=ltr] .cms-generic-copy a:not([class*=link]) {
text-underline-position: auto;
}
[dir=rtl] .cms-generic-copy a:not([class*=link]) {
text-underline-position: under;
}
.cms-generic-copy a:not([class*=link]):hover {
opacity: 0.6;
}
.cms-generic-copy ul,
.cms-generic-copy ol,
.cms-generic-copy p + p {
margin-top: 0.5rem;
}
.cms-generic-copy ol,
.cms-generic-copy ul {
margin-bottom: 0.5rem;
}
.cms-generic-copy ol li:not(:last-child),
.cms-generic-copy ul li:not(:last-child) {
margin-bottom: 0.25em;
}
.cms-generic-copy table {
width: 100%;
margin-bottom: 1rem;
margin-top: 1rem;
border: solid 0.0625rem;
border-collapse: collapse;
}
.cms-generic-copy th, .cms-generic-copy td {
border: solid 0.0625rem;
padding: 0.5rem;
}
.cms-generic-copy th {
background-color: #F0F0F0;
}
/*------------------------------------*\
#TEXT LINE HEIGHT
\*------------------------------------*/
.text-line--collapse {
line-height: 0;
}
.text-line--reset {
line-height: 1;
}
.text-line--reduce {
line-height: 1.5;
}
.text-line--small {
line-height: 1;
}
.text-line--normal {
line-height: 1.8;
}
.text-line--medium {
line-height: 1.65;
}
.text-line--large {
line-height: 1.7;
}
.text-line--xlarge {
line-height: 1.78;
}
.text-line--xxlarge {
line-height: 1.93;
}
/*------------------------------------*\
#LETTER SPACING
\*------------------------------------*/
[dir=ltr] .letter-spacing--hecto {
letter-spacing: 0.053rem;
}
[dir=rtl] .letter-spacing--hecto {
letter-spacing: 0;
}
[dir=ltr] .letter-spacing--base {
letter-spacing: 0.028rem;
}
[dir=rtl] .letter-spacing--base {
letter-spacing: 0;
}
.padding-line-item {
padding-top: 15px;
}
/*------------------------------------*\
#TEXT ALIGNMENT
\*------------------------------------*/
[dir="ltr"] .text-align--left {
text-align: left;
}
[dir="rtl"] .text-align--left {
text-align: right;
}
.text-align--center {
text-align: center;
}
[dir="ltr"] .text-align--right {
text-align: right;
}
[dir="rtl"] .text-align--right {
text-align: left;
}
.text-align--justify {
text-align: justify;
}
.text-align-last--center {
-moz-text-align-last: center;
text-align-last: center;
}
/*------------------------------------*\
#TEXT STYLING
\*------------------------------------*/
.font-weight--light {
font-weight: 300;
}
.font-weight--normal {
font-weight: 400;
}
.font-weight--semibold {
font-weight: 500;
}
.font-weight--bold {
font-weight: 700;
}
.font-weight--extrabold {
font-weight: 800;
}
.font-style--italic {
font-style: italic;
}
.text-decoration--underline {
text-decoration: underline;
}
.text-decoration--strike {
text-decoration: line-through;
}
.text-transform--uppercase {
text-transform: uppercase;
}
.text-transform--lowercase {
text-transform: lowercase;
}
.text-transform--capitalize {
text-transform: capitalize;
}
.text-transform--initial {
text-transform: initial;
}
.white-space--nowrap {
white-space: nowrap;
}
.text--stroke {
display: inline-block;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-color: inherit;
-webkit-text-stroke-width: 0.0625rem;
}
/*------------------------------------*\
#TEXT SPACING
\*------------------------------------*/
.word-spacing--large {
word-spacing: 100vw;
}
.word-break--break-word {
word-break: break-word;
}
.hyphens--auto {
-webkit-hyphens: auto;
hyphens: auto;
}
/*------------------------------------*\
#TEXT COLOR
\*------------------------------------*/
.text-color--blue {
color: #007bff;
}
.text-color--indigo {
color: #6610f2;
}
.text-color--purple {
color: #6f42c1;
}
.text-color--pink {
color: #e83e8c;
}
.text-color--red {
color: #dc3545;
}
.text-color--orange {
color: #fd7e14;
}
.text-color--yellow {
color: #ffc107;
}
.text-color--green {
color: #28a745;
}
.text-color--teal {
color: #20c997;
}
.text-color--cyan {
color: #17a2b8;
}
.text-color--white {
color: #fff;
}
.text-color--gray {
color: #6c757d;
}
.text-color--gray-dark {
color: #343a40;
}
.text-color--white {
color: #FFF;
}
.text-color--black {
color: #000;
}
.text-color--grey-1 {
color: #F2F2F2;
}
.text-color--grey-2 {
color: #F0F0F0;
}
.text-color--grey-3 {
color: #E6E6E6;
}
.text-color--grey-4 {
color: #CCCCCC;
}
.text-color--grey-5 {
color: #8C8C8C;
}
.text-color--grey-6 {
color: #676767;
}
.text-color--grey-7 {
color: #1D1C1C;
}
.text-color--red {
color: #e60000;
}
.text-color--blue {
color: #4D96E7;
}
.text-color--navy {
color: #0f3e72;
}
.text-color--green {
color: #00D3A7;
}
.text-color--beige {
color: #f5f5dc;
}
.text-color--facebook-blue {
color: #3b5998;
}
.text-color--google-blue {
color: #4285F4;
}
.text-color--google-red {
color: #DB4437;
}
.text-color--instagram-pink {
color: #C62A81;
}
.text-color--instagram-orange {
color: #F06430;
}
.text-color--paypal-blue {
color: #009cde;
}
.text-color--paypal-silver {
color: #eeeeee;
}
.text-color--primary {
color: #202020;
}
.text-color--secondary {
color: #444444;
}
.text-color--tertiary {
color: #5A5A5A;
}
.text-color--accent-primary {
color: #F2F2F2;
}
.text-color--accent-secondary {
color: #D2D2D2;
}
.text-color--accent-tertiary {
color: #414141;
}
.text-color--error {
color: #e60000;
}
.text-color--success {
color: #00D3A7;
}
.text-color--initial {
color: initial;
}
@media (min-width: 49.4375rem) {
/*------------------------------------*\
#TEXT ALIGNMENT
\*------------------------------------*/
[dir] .text-align--small-up-center {
text-align: center;
}
[dir="ltr"] .text-align--small-up-right {
text-align: right;
}
[dir="rtl"] .text-align--small-up-right {
text-align: left;
}
}
@media (max-width: 64rem) {
/*------------------------------------*\
#TEXT ALIGNMENT
\*------------------------------------*/
[dir] .text-align--medium-center {
text-align: center;
}
}
@media (max-width: 49.375rem) {
/*------------------------------------*\
#TEXT ALIGNMENT
\*------------------------------------*/
[dir="ltr"] .text-align--small-left {
text-align: left;
}
[dir="rtl"] .text-align--small-left {
text-align: right;
}
[dir] .text-align--small-center {
text-align: center;
}
[dir="ltr"] .text-align--small-right {
text-align: right;
}
[dir="rtl"] .text-align--small-right {
text-align: left;
}
.text-align--small-justify {
text-align: justify;
}
}
a:hover {
color: currentColor;
}
.hidden {
display: none !important;
}
.sr-only,
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.set--visible {
opacity: 1;
visibility: inherit;
}
.set--invisible {
opacity: 0;
visibility: hidden;
}
.set--no-opacity {
opacity: 0;
}
.pointer--none {
pointer-events: none;
}
.toggle-display--hidden:not(.toggle--active) {
display: none;
}
/*------------------------------------*\
#VIEWPORT VISIBILITY
\*------------------------------------*/
@media (min-width: 49.4375rem) {
.display--small-only {
display: none !important;
}
}
@media (min-width: 64.0625rem) {
.display--medium-only,
.display--medium-down {
display: none !important;
}
}
@media (max-width: 64rem) {
.display--medium-up {
display: none !important;
}
}
@media (min-width: 49.4375rem) and (max-width: 64rem) {
.display--hide-medium {
display: none !important;
}
}
@media (max-width: 49.375rem) {
.display--small-up,
.display--medium-only {
display: none !important;
}
}
/*------------------------------------*\
#MODULES
\*------------------------------------*/
/*------------------------------------*\
#MODULE COMPONENTS
\*------------------------------------*/
.component-overlay-container {
position: relative;
max-width: 100%;
}
.component-overlay {
position: absolute;
overflow: hidden;
}
.component-overlay--start {
top: 0;
}
[dir="ltr"] .component-overlay--start {
left: 0;
}
[dir="rtl"] .component-overlay--start {
right: 0;
}
.component-overlay--center {
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.component-overlay--low-index {
z-index: 0;
}
/*------------------------------------*\
#MODULE ALIGNMENT
\*------------------------------------*/
.component-v-align--top {
align-items: flex-start;
}
.component-v-align--center {
align-items: center;
}
.component-v-align--bottom {
align-items: flex-end;
}
.component-h-align--left {
justify-content: flex-start;
}
.component-h-align--center {
justify-content: center;
}
.component-h-align--right {
justify-content: flex-end;
}
.component-outer-v-align--center {
margin-top: auto;
margin-bottom: auto;
}
.component-outer-v-align--bottom {
margin-top: auto;
}
.component-outer-h-align--center {
margin-right: auto;
margin-left: auto;
}
[dir="ltr"] .component-outer-h-align--right {
margin-left: auto;
}
[dir="rtl"] .component-outer-h-align--right {
margin-right: auto;
}
/*------------------------------------*\
#MODULE IMAGES
\*------------------------------------*/
.component-image {
-o-object-position: undefined;
object-position: undefined;
-o-object-position: var(--focal-point-x) var(--focal-point-y);
object-position: var(--focal-point-x) var(--focal-point-y);
}
/*------------------------------------*\
#MODULE CTAs
\*------------------------------------*/
.component-actions {
position: relative;
}
.component-actions--inner {
display: inline;
}
.component-actions__cta--fake {
cursor: pointer;
}
/*------------------------------------*\
#MODULE COPY
\*------------------------------------*/
[dir=ltr] .component-copy__title--large {
font-size: 1.56rem;
}
@media screen and (min-width: 49.375rem) {
[dir=ltr] .component-copy__title--large {
font-size: calc(1.56rem + 0.315 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
[dir=ltr] .component-copy__title--large {
font-size: 1.875rem;
}
}
[dir=rtl] .component-copy__title--large {
font-size: 2.5rem;
}
.component-copy__title--large.is-hundred-years-anniversary {
font-size: 2.5rem;
}
@media screen and (min-width: 49.375rem) {
.component-copy__title--large.is-hundred-years-anniversary {
font-size: calc(2.5rem + 1 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.component-copy__title--large.is-hundred-years-anniversary {
font-size: 3.5rem;
}
}
[dir=ltr] .component-copy__title--regular {
font-size: 1.125rem;
}
@media screen and (min-width: 49.375rem) {
[dir=ltr] .component-copy__title--regular {
font-size: calc(1.125rem + 0.185 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
[dir=ltr] .component-copy__title--regular {
font-size: 1.31rem;
}
}
[dir=rtl] .component-copy__title--regular {
font-size: 1.875rem;
}
[dir=ltr] .component-copy__title--small {
font-size: 0.938rem;
}
@media screen and (min-width: 49.375rem) {
[dir=ltr] .component-copy__title--small {
font-size: calc(0.938rem + 0.187 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
[dir=ltr] .component-copy__title--small {
font-size: 1.125rem;
}
}
[dir=rtl] .component-copy__title--small {
font-size: 1.125rem;
}
.component-copy__title--tiny {
font-size: 0.75rem;
}
@media screen and (min-width: 49.375rem) {
.component-copy__title--tiny {
font-size: calc(0.75rem + 0.125 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.component-copy__title--tiny {
font-size: 0.875rem;
}
}
/*------------------------------------*\
#MODULE CONTAINERS
\*------------------------------------*/
.module-container {
overflow: hidden;
flex-grow: 1;
background-position: center;
background-size: cover;
}
.module-container__description {
margin-top: 0.5em;
font-size: 0.875rem;
}
[dir="ltr"] .module-container__constraint--start {
margin-left: initial;
}
[dir="rtl"] .module-container__constraint--start {
margin-right: initial;
}
[dir="ltr"] .module-container__constraint--end {
margin-right: initial;
}
[dir="rtl"] .module-container__constraint--end {
margin-left: initial;
}
/*------------------------------------*\
#MODULE GRID
\*------------------------------------*/
.module-grid--spacing-row-small {
margin-top: -0.46875rem;
margin-bottom: -0.46875rem;
}
.module-grid--spacing-row-small > .module-grid__item {
margin-top: 0.46875rem;
margin-bottom: 0.46875rem;
}
.module-grid--spacing-row-regular {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
.module-grid--spacing-row-regular > .module-grid__item {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.module-grid--spacing-row-large {
margin-top: -1.5rem;
margin-bottom: -1.5rem;
}
.module-grid--spacing-row-large > .module-grid__item {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
@media (min-width: 64.0625rem) {
/*------------------------------------*\
#MODULE CONTAINERS
\*------------------------------------*/
.module-container--spacing-top-large {
padding-top: 7.5rem;
}
.module-container--spacing-bottom-large {
padding-bottom: 7.5rem;
}
.module-container--spacing-top-regular {
padding-top: 5.625rem;
}
.module-container--spacing-bottom-regular {
padding-bottom: 5.625rem;
}
.module-container--spacing-top-small {
padding-top: 3.35rem;
}
.module-container--spacing-bottom-small {
padding-bottom: 3.35rem;
}
}
@media (min-width: 64.0625rem) {
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid > div.module-container.imgLeft:first-child > section:first-child > .module-grid > .module-grid__item:first-child {
flex-basis: 60%;
max-width: 60%;
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid > div.module-container.imgLeft:first-child > section:first-child > .module-grid > .module-grid__item:last-child {
flex-basis: 40%;
max-width: 40%;
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid:last-child > div.module-container.imgRight:first-child > section:first-child > .module-grid > .module-grid__item:first-child {
flex-basis: 40%;
max-width: 40%;
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid:last-child > div.module-container.imgRight:first-child > section:first-child > .module-grid > .module-grid__item:last-child {
flex-basis: 60%;
max-width: 60%;
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .HomePromoblockBanner:first-child > section:first-child > .module-grid > .module-grid__item:first-child {
flex-basis: 30%;
max-width: 30%;
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .HomePromoblockBanner:first-child > section:first-child > .module-grid > .module-grid__item:last-child {
flex-basis: 70%;
max-width: 70%;
}
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner {
padding: 20px 0;
color: #000;
}
@media (min-width: 64.0625rem) {
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner {
padding: 50px 0;
}
}
@media (max-width: 49.375rem) {
[dir="ltr"] .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .slider--row .slick-list, [dir="ltr"] .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .slider--row .slick-list {
padding-right: 35%;
}
[dir="rtl"] .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .slider--row .slick-list, [dir="rtl"] .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .slider--row .slick-list {
padding-left: 35%;
}
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .component-actions__cta, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .component-actions__cta {
white-space: nowrap;
height: 2.75rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-transform: capitalize;
}
@media (max-width: 63.938rem) {
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .component-actions__cta, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .component-actions__cta {
margin-bottom: 30px;
}
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .content-tile__content-wrap.set--text-after, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .content-tile__content-wrap.set--text-after {
padding: 0;
}
@media (max-width: 49.375rem) {
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .content-tile__content-wrap.set--text-after .content-tile__content, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .content-tile__content-wrap.set--text-after .content-tile__actions, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .content-tile__content-wrap.set--text-after .content-tile__content, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .content-tile__content-wrap.set--text-after .content-tile__actions {
width: 100%;
}
}
@media (max-width: 49.375rem) {
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .content-tile__content-wrap.set--text-after .content-tile__actions, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .content-tile__content-wrap.set--text-after .content-tile__actions {
padding: 0 20px;
}
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner h1.module-container__title {
text-transform: uppercase;
}
[dir="ltr"] .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner h1.module-container__title {
padding-left: 0;
}
[dir="rtl"] .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner h1.module-container__title {
padding-right: 0;
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .module-container__header {
margin-bottom: 20px;
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .component-actions__cta {
margin-bottom: 10px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .module-grid__item:first-child .module-grid.row, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .module-grid__item:first-child .module-grid__item, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .module-grid__item:first-child article, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .module-grid__item:first-child .content-tile__aspect-ratio, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .module-grid__item:first-child .content-tile__media, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .module-grid__item:first-child .module-container__constraint--center, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.HomePromoblockBanner .module-grid__item:first-child picture {
height: 100%;
display: block;
}
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgRight {
padding: 20px 0;
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .module-container__title, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgRight .module-container__title {
text-transform: uppercase;
}
[dir="ltr"] .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .module-container__title, [dir="ltr"] .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgRight .module-container__title {
padding-left: 0;
}
[dir="rtl"] .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .module-container__title, [dir="rtl"] .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgRight .module-container__title {
padding-right: 0;
}
@media (min-width: 64.0625rem) {
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgRight {
padding: 50px 0;
}
}
@media (min-width: 64.0625rem) {
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .module-grid .module-grid__item .module-container, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgRight .module-grid .module-grid__item .module-container {
display: flex;
align-items: center;
}
}
.page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgLeft .component-actions__cta, .page--homepage .experience-region .experience-accelerator_layouts-flexibleGrid .module-container.imgRight .component-actions__cta {
white-space: nowrap;
height: 2.75rem;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-bottom: 1.875rem;
text-transform: uppercase;
}
.page--homepage .component-copy__title--regular,
.page--homepage .module-container__title {
text-transform: uppercase;
}
.page--customer-service .experience-region .module-container.customerServiceSections {
margin-bottom: 1.5rem;
}
.page--customer-service .experience-region .module-container.customerServiceSections h2.content-tile__title {
font-size: 1.5rem;
margin-bottom: 2rem;
}
@media (max-width: 49.375rem) {
.page--customer-service .experience-region .module-container.customerServiceSections h2.content-tile__title {
margin-bottom: 3rem;
}
}
.page--customer-service .experience-region .module-container.customerServiceHeading h2.content-tile__title {
font-size: 2rem;
}
@media (min-width: 49.4375rem) {
[dir="ltr"] .page--customer-service .experience-region .module-container.customerServiceHeading h2.content-tile__title {
padding-left: 2rem;
}
[dir="rtl"] .page--customer-service .experience-region .module-container.customerServiceHeading h2.content-tile__title {
padding-right: 2rem;
}
}
@media (max-width: 49.375rem) {
.page--customer-service .experience-region .module-container.customerServiceHeading {
padding-top: 0.8rem;
padding-bottom: 3.5rem;
}
}
.page--customer-service .experience-region .module-container.customerServiceHeading .cms-generic-copy p:last-child {
margin-bottom: 0;
}
@media (min-width: 49.4375rem) {
[dir="ltr"] .page--customer-service .experience-region .module-container.customerServiceHeading .module-grid__item:first-child {
padding-left: 2rem;
}
[dir="rtl"] .page--customer-service .experience-region .module-container.customerServiceHeading .module-grid__item:first-child {
padding-right: 2rem;
}
}
.page--customer-service .experience-region .module-container.customerServiceHeading .content-tile__content-wrap {
padding-top: 0;
}
@media (max-width: 49.375rem) {
.page--customer-service .experience-region .module-container.customerServiceHeading .content-tile__content-wrap {
padding-bottom: 1rem;
}
}
@media (min-width: 49.4375rem) and (max-width: 64rem) {
/*------------------------------------*\
#MODULE CONTAINERS
\*------------------------------------*/
.module-container--spacing-top-large {
padding-top: 5.5rem;
}
.module-container--spacing-bottom-large {
padding-bottom: 5.5rem;
}
.module-container--spacing-top-regular {
padding-top: 4.5rem;
}
.module-container--spacing-bottom-regular {
padding-bottom: 4.5rem;
}
.module-container--spacing-top-small {
padding-top: 1.5rem;
}
.module-container--spacing-bottom-small {
padding-bottom: 1.5rem;
}
}
@media (max-width: 64rem) {
/*------------------------------------*\
#MODULE IMAGES
\*------------------------------------*/
.component-image--md-focal {
-o-object-position: undefined;
object-position: undefined;
-o-object-position: var(--focal-point-x-md) var(--focal-point-y-md);
object-position: var(--focal-point-x-md) var(--focal-point-y-md);
}
}
@media (min-width: 49.4375rem) {
/*------------------------------------*\
#MODULE COMPONENTS
\*------------------------------------*/
.component-custom-width {
width: 100%;
width: var(--component-var-width, 100%);
}
.component-overlay--small-up {
position: absolute;
overflow: hidden;
}
.module-container__header:not(:last-child) {
margin-bottom: 30px;
}
}
@media (max-width: 49.375rem) {
/*------------------------------------*\
#MODULE COMPONENTS
\*------------------------------------*/
.component-overlay--small {
position: absolute;
overflow: hidden;
}
.component-custom-width {
width: 100%;
width: var(--component-var-width-small, 100%);
}
/*------------------------------------*\
#MODULE ALIGNMENT
# These are small-viewport-only overrides.
\*------------------------------------*/
.component-v-align--small-top {
align-items: flex-start;
}
.component-v-align--small-center {
align-items: center;
}
.component-v-align--small-bottom {
align-items: flex-end;
}
.component-h-align--small-left {
justify-content: flex-start;
}
.component-h-align--small-center {
justify-content: center;
}
.component-h-align--small-right {
justify-content: flex-end;
}
.component-outer-v-align--small-top {
margin-top: initial;
margin-bottom: auto;
}
.component-outer-v-align--small-center {
margin-top: auto;
margin-bottom: auto;
}
.component-outer-v-align--small-bottom {
margin-top: auto;
}
[dir="ltr"] .component-outer-h-align--small-left {
margin-left: initial;
margin-right: auto;
}
[dir="rtl"] .component-outer-h-align--small-left {
margin-right: initial;
margin-left: auto;
}
.component-outer-h-align--small-center {
margin-right: auto;
margin-left: auto;
}
[dir="ltr"] .component-outer-h-align--small-right {
margin-left: auto;
margin-right: initial;
}
[dir="rtl"] .component-outer-h-align--small-right {
margin-right: auto;
margin-left: initial;
}
/*------------------------------------*\
#MODULE IMAGES
\*------------------------------------*/
.component-image--sm-focal {
-o-object-position: undefined;
object-position: undefined;
-o-object-position: var(--focal-point-x-sm) var(--focal-point-y-sm);
object-position: var(--focal-point-x-sm) var(--focal-point-y-sm);
}
/*------------------------------------*\
#MODULE CONTAINERS
\*------------------------------------*/
.module-container--spacing-top-large {
padding-top: 5rem;
}
.module-container--spacing-bottom-large {
padding-bottom: 5rem;
}
.module-container--spacing-top-regular {
padding-top: 3.75rem;
}
.module-container--spacing-bottom-regular {
padding-bottom: 3.75rem;
}
.module-container--spacing-top-small {
padding-top: 1.5rem;
}
.module-container--spacing-bottom-small {
padding-bottom: 1.5rem;
}
[dir="ltr"] .module-container__header {
margin-left: 40px;
}
[dir="rtl"] .module-container__header {
margin-right: 40px;
}
.module-container__header:not(:last-child) {
margin-bottom: 1.5rem;
}
.module-grid--free-sliding {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 1rem;
}
[dir="ltr"] .module-grid--free-sliding {
padding-right: 10%;
}
[dir="rtl"] .module-grid--free-sliding {
padding-left: 10%;
}
.module-container--has-outer-gutter .module-grid--free-sliding {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
[dir="ltr"] .module-container--has-outer-gutter .module-grid--free-sliding.module-grid--has-inner-gutters {
padding-left: 0.46875rem;
}
[dir="rtl"] .module-container--has-outer-gutter .module-grid--free-sliding.module-grid--has-inner-gutters {
padding-right: 0.46875rem;
}
[dir="ltr"] .module-container--has-outer-gutter .module-grid--free-sliding:not(.module-grid--has-inner-gutters) {
padding-left: 0.9375rem;
}
[dir="rtl"] .module-container--has-outer-gutter .module-grid--free-sliding:not(.module-grid--has-inner-gutters) {
padding-right: 0.9375rem;
}
}
@media (min-width: 375px) {
[dir="ltr"] .module-container__header {
margin-left: 0;
}
[dir="rtl"] .module-container__header {
margin-right: 0;
}
}
.page--homepage .experience-main .experience-component .button {
font-size: 0.875rem;
text-transform: uppercase;
padding: 0.8125rem 3.83em;
min-width: 10.75rem;
line-height: initial;
}
[dir="ltr"] .page--homepage .experience-main .experience-component .module-carousel .module-carousel__item.flex-no-gutters .component-h-align--left {
padding-left: 2rem;
}
[dir="rtl"] .page--homepage .experience-main .experience-component .module-carousel .module-carousel__item.flex-no-gutters .component-h-align--left {
padding-right: 2rem;
}
@media (max-width: 49.375rem) {
[dir="ltr"] .page--homepage .experience-main .experience-component .module-carousel .module-carousel__item.flex-no-gutters .component-h-align--left {
padding-left: 1.25rem;
}
[dir="rtl"] .page--homepage .experience-main .experience-component .module-carousel .module-carousel__item.flex-no-gutters .component-h-align--left {
padding-right: 1.25rem;
}
}
.page--homepage .experience-main .experience-component .hero .hero__title {
text-transform: uppercase;
}
.page--homepage .experience-main .experience-component .content-tile__title {
text-transform: uppercase;
}
.page--homepage .experience-main .experience-component .content-tile--style-default .content-tile__description {
font-size: 0.875rem;
}
@media (max-width: 63.938rem) {
.page--homepage .experience-main .twoImageSplitPane .content-tile__cta {
margin-top: 20px;
display: block;
}
.page--homepage .experience-main .twoImageSplitPane .content-tile__cta .button {
width: 100% !important;
display: block;
}
.page--homepage .experience-main .twoImageSplitPane .content-tile__content {
width: 100%;
}
}
.module-carousel__item .hero .component-overlay::after {
z-index: 1;
position: absolute;
width: 100%;
bottom: 0;
height: 50%;
content: "";
}
[dir="ltr"] .module-carousel__item .hero .component-overlay::after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70.45%, #000000 100%);
left: 0;
}
[dir="rtl"] .module-carousel__item .hero .component-overlay::after {
background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70.45%, #000000 100%);
right: 0;
}
@media (max-width: 49.375rem) {
.module-carousel__item .hero .component-overlay::after {
height: 271px;
}
}
.module-carousel__item .hero .hero__content {
z-index: 2;
}
[dir="ltr"] section:not(.max-width--large, .max-width--xmedium) .module-container__title {
padding-left: 2rem;
}
[dir="rtl"] section:not(.max-width--large, .max-width--xmedium) .module-container__title {
padding-right: 2rem;
}
.left-text {
position: fixed;
background-color: #fff;
}
[dir="ltr"] .left-text {
text-align: left;
left: 0;
right: 50%;
}
[dir="rtl"] .left-text {
text-align: right;
right: 0;
left: 50%;
}
[dir="ltr"] .left-text {
padding-left: 30px;
}
[dir="rtl"] .left-text {
padding-right: 30px;
}
.left-text span {
width: 65%;
margin-bottom: 20px;
font-size: 14px;
font-weight: 400;
display: block;
}
.left-text a.active {
color: #fff;
}
.left-nav {
line-height: 1.5em;
}
.left-text a.active[href="#fixed-text-first"], .left-text a.active[href="#fixed-text-second"],
.left-text a.active[href="#fixed-text-thrid"], .left-text a.active[href="#fixed-text-fourth"] {
color: #000 !important;
}
a.nav-link-slide {
color: #ccc !important;
}
.page--clp-03-230 .footer {
position: relative;
height: auto;
}
a.nav-link-slide:hover {
text-decoration: none;
}
a.nav-link-slide:nth-child(1) span {
display: none;
}
a.nav-link-slide.active:nth-child(1) span {
display: block;
}
a.nav-link-slide.active:nth-child(2) span {
display: block;
}
a.nav-link-slide.active:nth-child(3) span {
display: block;
}
a.nav-link-slide.active:nth-child(4) span {
display: block;
}
a.nav-link-slide:nth-child(2) span {
display: none;
}
a.nav-link-slide:nth-child(3) span {
display: none;
}
a.nav-link-slide:nth-child(4) span {
display: none;
}
.product-specs-accordion .accordion-content {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
display: none;
padding-bottom: 25px;
}
.product-specs-accordion .accordion-content:nth-child(1) {
display: block;
}
.product-specs-accordion .accordion-content:last-child {
border-bottom: 1px solid #000;
}
.product-specs-accordion .accordion-content:nth-child(2) {
display: block;
}
.product-specs-accordion .accordion-heading {
cursor: pointer;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
position: relative;
padding: 15px 0 20px 0;
width: 100%;
display: inline-block;
border-top: 1px solid #000;
}
.product-specs-accordion .accordion-heading.active:nth-last-child(2) {
border-bottom: 0;
}
.product-specs-accordion .accordion-heading.active:after {
content: "";
width: 30px;
height: 30px;
background: url(../images/Chevron-Top.svg) no-repeat;
top: 21px;
position: absolute;
display: inline-block;
}
[dir="ltr"] .product-specs-accordion .accordion-heading.active:after {
right: -10px;
}
[dir="rtl"] .product-specs-accordion .accordion-heading.active:after {
left: -10px;
}
.product-specs-accordion .accordion-heading:nth-last-child(2) {
border-bottom: 1px solid #000;
}
.product-specs-accordion .accordion-heading:after {
content: "";
width: 30px;
height: 30px;
background: url(../images/Chevron-Bottom.svg) no-repeat;
top: 21px;
position: absolute;
display: inline-block;
}
[dir="ltr"] .product-specs-accordion .accordion-heading:after {
right: -10px;
}
[dir="rtl"] .product-specs-accordion .accordion-heading:after {
left: -10px;
}
[dir="ltr"] .descriptionRecommend .module-container__description {
padding-left: 2rem;
}
[dir="rtl"] .descriptionRecommend .module-container__description {
padding-right: 2rem;
}
@media (max-width: 63.938rem) {
.imgLeft .module-grid > .module-grid__item.col-12:last-child .module-container__header {
padding-top: 25px;
}
}
@media (min-width: 49.4375rem) {
.page--homepage .slider--arrows-center .slick-arrow {
top: 49%;
}
.page--homepage .slider--arrows-center .slick-arrow:hover {
background: #000;
color: #FFF;
}
.page--homepage .recommendation .slick-arrow {
top: 32%;
}
.page--homepage .recommendation .slick-arrow:hover {
background: #000;
color: #FFF;
}
}
.imgHoverEffect article .content-tile__media {
overflow: hidden;
}
.imgHoverEffect article .content-tile__media img {
transition: 1s all ease-in-out;
}
.imgHoverEffect article:hover img {
transform: scale(1.1);
}
.imgHoverEffect .module-container__title {
text-align: center;
}
/* Special PLp page banner*/
.module-container.special-plp .module-grid {
background: #f2f2f2;
}
.module-container.special-plp .module-grid .module-grid__item {
background: #F3F1EC;
}
.module-container.special-plp .module-grid .module-grid__item .content-tile__content-wrap.set--text-after {
padding: 0px;
}
@media (min-width: 49.4375rem) {
[dir="ltr"] .module-container.special-plp .descriptive-card {
transform: translate(9%, 10%);
}
[dir="rtl"] .module-container.special-plp .descriptive-card {
transform: translate(-9%, 10%);
}
[dir="ltr"] .module-container.special-plp .descriptive-card .descriptive-card__content-wrap {
padding-right: 5.5rem;
}
[dir="rtl"] .module-container.special-plp .descriptive-card .descriptive-card__content-wrap {
padding-left: 5.5rem;
}
}
.module-container.special-plp .descriptive-card__description {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
}
.module-container.special-plp .component-actions--inner .descriptive-card {
background-color: transparent;
}
.module-container.special-plp .component-actions--inner .descriptive-card .descriptive-card__cta {
margin: 0px;
}
.module-container.special-plp .component-actions--inner .descriptive-card .descriptive-card__cta .content-tile__media {
height: 35px;
width: 100px;
}
/* home page promo block next arrow alignment */
@media (min-width: 49.4375rem) {
[dir="ltr"] .HomePromoblockBanner .slider--arrows-center .slick-arrow.slick-next {
right: 5%;
}
[dir="rtl"] .HomePromoblockBanner .slider--arrows-center .slick-arrow.slick-next {
left: 5%;
}
.HomePromoblockBanner .slider--arrows-outer.slick-has-arrows {
padding-right: 0;
padding-left: 0;
}
}
[data-page-motion].set--page-motion-ready {
transition-property: opacity;
transition-duration: 600ms;
transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
}
[data-page-motion]:not(.set--page-motion-ready) {
opacity: 0;
}
[data-page-motion] [data-motion].set--motion-trigger {
transition-duration: 750ms;
transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
}
[data-page-motion] [data-motion]:not(.set--motion-trigger) {
opacity: 0;
}
[data-page-motion] .set--motion-opacity.set--motion-trigger,
[data-page-motion] .set--motion-opacity-delay.set--motion-trigger {
transition-property: opacity;
}
[data-page-motion] .set--motion-opacity-delay.set--motion-trigger {
transition-delay: 750ms;
}
[data-page-motion] .set--motion-scale-large.set--motion-trigger {
transition-property: opacity, transform;
transition-duration: 500ms;
transition-delay: 200ms;
}
[data-page-motion] .set--motion-scale-large:not(.set--motion-trigger) {
transform: scale(3);
}
[data-page-motion] [class*=set--motion-from-].set--motion-trigger {
transition-property: opacity, transform;
}
[data-page-motion] .set--motion-from-top:not(.set--motion-trigger) {
transform: translateY(-2rem);
}
[data-page-motion] .set--motion-from-bottom:not(.set--motion-trigger) {
transform: translateY(2rem);
}
[dir="ltr"] [data-page-motion] .set--motion-from-left:not(.set--motion-trigger) {
transform: translateX(-2rem);
}
[dir="rtl"] [data-page-motion] .set--motion-from-left:not(.set--motion-trigger) {
transform: translateX(2rem);
}
[dir="ltr"] [data-page-motion] .set--motion-from-right:not(.set--motion-trigger) {
transform: translateX(2rem);
}
[dir="rtl"] [data-page-motion] .set--motion-from-right:not(.set--motion-trigger) {
transform: translateX(-2rem);
}
html.cancel-scroll--force {
overflow: hidden;
height: 100%;
}
.cancel-scroll body {
overflow: hidden;
}
.cancel-scroll--force body {
overflow: hidden;
height: 100%;
}
.registration {
max-width: 25rem;
margin: 0 auto;
}
.window-modal {
z-index: 10000;
overflow: auto;
display: flex;
align-items: center;
position: fixed;
top: 0;
width: 100%;
height: 100%;
background-color: #FFF;
-webkit-overflow-scrolling: touch;
transition-property: opacity, visibility;
-ms-flex-align: stretch;
}
[dir="ltr"] .window-modal {
left: 0;
}
[dir="rtl"] .window-modal {
right: 0;
}
.window-modal.modal-active {
transition-timing-function: ease-out;
transition-duration: 300ms;
}
.window-modal:not(.modal-active) {
pointer-events: none;
transition-timing-function: ease-in;
transition-duration: 300ms;
opacity: 0;
visibility: hidden;
}
.window-modal.modal-in-background {
z-index: 9999;
background-color: rgba(0, 0, 0, 0.2);
pointer-events: none;
opacity: 0;
}
.window-modal__content {
position: relative;
width: 100%;
min-height: 6.25rem;
background-color: #FFF;
transition-timing-function: ease-out;
transition-duration: 300ms;
-ms-flex-item-align: baseline;
}
[dir="ltr"] .window-modal__content {
transition-property: top, bottom, right, left, height, transform, opacity, visibility;
}
[dir="rtl"] .window-modal__content {
transition-property: top, bottom, left, right, height, transform, opacity, visibility;
}
.modal-active .window-modal__content {
transition-duration: 300ms;
transition-timing-function: ease-out;
}
.modal-in-background .window-modal__content > * {
opacity: 0.5;
}
.window-modal__content > .modal-container--static {
display: block;
}
.window-modal__close {
z-index: 10;
position: absolute;
height: 2.5rem;
width: 2.25rem;
top: 20px;
}
[dir="ltr"] .window-modal__close {
right: 12px;
}
[dir="rtl"] .window-modal__close {
left: 12px;
}
.window-modal__close:hover:after {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M23.8 23l-11-11L23.8.9c.1-.1.1-.6 0-.7-.1-.2-.3-.2-.4-.2-.1 0-.3 0-.3.1L12 11.2 1 .1C1 0 .8 0 .7 0 .4 0 .1.3.1.6.1.7.1.9.2 1l11.1 11L.2 23c-.1.1-.1.4 0 .7.1.1.4.1.7 0l.1-.1 11-10.9 11.1 11.1c.1.3.6.3.7.1.2-.3.2-.6 0-.9z' /%3E%3C/svg%3E");
}
.window-modal__close:after {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M23.8 23l-11-11L23.8.9c.1-.1.1-.6 0-.7-.1-.2-.3-.2-.4-.2-.1 0-.3 0-.3.1L12 11.2 1 .1C1 0 .8 0 .7 0 .4 0 .1.3.1.6.1.7.1.9.2 1l11.1 11L.2 23c-.1.1-.1.4 0 .7.1.1.4.1.7 0l.1-.1 11-10.9 11.1 11.1c.1.3.6.3.7.1.2-.3.2-.6 0-.9z' /%3E%3C/svg%3E");
width: 20px;
height: 20px;
display: inline-block;
}
/*------------------------------------*\
#UTILITY-MODAL-CLASSES
\*------------------------------------*/
.modal-container--static {
display: none;
}
.modal--full .window-modal__content {
max-width: none;
}
.modal--flex .window-modal__content {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.modal--hideable.modal-in-background {
opacity: 0;
visibility: hidden;
}
/*------------------------------------*\
#GENERIC-MODAL
Use these if you don't know what else to use.
\*------------------------------------*/
.modal__header {
text-align: center;
border-top: solid 0.375rem #444444;
border-bottom: solid 0.0625rem #E6E6E6;
}
.modal__header.login__tab-list {
border-bottom: 0;
border-top: 0;
padding-top: 2.75rem;
}
.modal__header--store {
padding-top: 3.5rem;
text-align: center;
}
.modal__description {
line-height: 1.65;
}
.modal__content {
margin-top: 2rem;
}
.modal__actions {
margin-top: auto;
}
.modal__action {
margin-top: 2.5rem;
}
.modal__scrollable {
max-height: 17.5rem;
padding-bottom: 1.25rem;
}
/*------------------------------------*\
#SPECIAL-CASES
\*------------------------------------*/
.modal--quickview .window-modal__content {
max-width: 60rem;
}
.modal--store-locator .window-modal__content {
max-width: 68.125rem;
padding-bottom: 4.75rem;
}
.modal--country-selector .window-modal__content {
max-width: 90rem;
}
.modal--country-selector__content {
margin-top: 1.75rem;
padding-bottom: 0;
}
.modal--auth .window-modal__content {
max-width: 51.25rem;
max-height: 100%;
overflow-y: auto;
}
.modal--auth ::-webkit-scrollbar {
width: 0;
background: transparent;
}
.modal--newsletter .window-modal__content,
.modal--gift-personalisation .window-modal__content,
.modal--geoip-suggestions .window-modal__content {
max-width: 45rem;
}
.modal--geoip-suggestions .window-modal__content {
padding: 2rem;
max-width: 90rem;
}
#modal-productEngraving .window-modal__content {
width: 100%;
}
@media (min-width: 49.4375rem) {
#modal-productEngraving .window-modal__content {
margin-top: 0;
}
}
.modal--personalisation {
overflow-x: hidden;
}
.modal--personalisation .window-modal__content {
width: 100%;
}
.modal--personalisation .personalisation__img-col {
padding: 0;
}
@media (max-width: 49.375rem) {
.modal--personalisation .product-3d-widget {
padding: 50%;
}
}
@media (min-width: 1024px) {
.modal--personalisation .product-3d-widget {
height: 100vh;
}
}
.modal--personalisation .form-check--button-item input + label {
font-size: 0.875rem;
}
.modal--personalisation input[value=Script] + label {
font-family: "Script";
}
.modal--personalisation input[value=Grotesk] + label {
font-family: "Grotesque";
}
.modal--personalisation input[value=Round] + label {
font-family: "Round";
font-weight: bold;
}
.modal--personalisation input[value=Goudy] + label {
font-family: "Round";
}
.modal--personalisation input[value=Grotesque] + label {
font-family: "Grotesque";
}
.modal--personalisation .tooltip-pdp.warning .tooltiptext-pdp {
visibility: unset;
padding: 5px;
width: auto;
}
[dir="ltr"] .modal--personalisation .tooltip-pdp.warning .tooltiptext-pdp {
margin-left: 0;
left: 50%;
}
[dir="rtl"] .modal--personalisation .tooltip-pdp.warning .tooltiptext-pdp {
margin-right: 0;
right: 50%;
}
.modal--personalisation .tooltip-pdp .tooltiptext-pdp {
visibility: hidden;
}
@media (max-width: 49.375rem) {
.modal--personalisation .window-modal__close:after {
width: 15px;
height: 15px;
}
}
@media (max-width: 49.375rem) {
.modal--personalisation form.modal__content {
margin-top: 0;
}
}
.modal--personalisation .personalisation-remove-product {
margin-top: 1.25rem;
cursor: pointer;
}
.modal--personalisation .right-border {
counter-reset: css-counter 0;
padding: 0 1.25rem;
}
@media (min-width: 49.4375rem) {
.modal--personalisation .right-border {
height: inherit;
overflow: auto;
}
[dir="ltr"] .modal--personalisation .right-border {
border-left: 1px solid #000;
padding: 0 2.5rem 0 1.875rem;
}
[dir="rtl"] .modal--personalisation .right-border {
border-right: 1px solid #000;
padding: 0 1.875rem 0 2.5rem;
}
}
.modal--personalisation .color-code {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
line-height: 20px;
}
[dir="ltr"] .modal--personalisation .color-code {
margin-left: 25px;
}
[dir="rtl"] .modal--personalisation .color-code {
margin-right: 25px;
}
.modal--personalisation h2.modal__title {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
font-size: 1.125rem;
color: #000;
}
@media (min-width: 49.4375rem) {
.modal--personalisation h2.modal__title {
margin-top: 5.125rem;
margin-bottom: 2.313rem;
font-size: 1.125rem;
}
}
.modal--personalisation h2.engrave-form-title {
margin-bottom: 0;
}
.modal--personalisation .fieldlabel-counter {
counter-increment: css-counter 1;
font-size: 0.75rem;
line-height: 16px;
margin-bottom: 0.938rem;
color: #000;
}
.modal--personalisation .fieldlabel-counter::before {
content: counter(css-counter) ". ";
}
.modal--personalisation .form-group .form-check--button-item {
max-width: calc(50% - 0.625rem);
width: 100%;
}
[dir="ltr"] .modal--personalisation .form-group .form-check--button-item {
padding-left: 0;
}
[dir="rtl"] .modal--personalisation .form-group .form-check--button-item {
padding-right: 0;
}
.modal--personalisation .form-group .form-check--button-item .form-check--button-label--swatch.Blind {
border: 0.1px solid #000;
}
[dir="ltr"] .modal--personalisation .form-group .form-check--button-item:not(:last-child) {
margin-right: 0.625rem;
}
[dir="rtl"] .modal--personalisation .form-group .form-check--button-item:not(:last-child) {
margin-left: 0.625rem;
}
.modal--personalisation .modal__actions,
.modal--personalisation .modal__action {
margin-top: 0;
}
.modal--personalisation .product-text-style {
margin-bottom: 2.5rem;
}
.modal--personalisation .pdp-form-disclaimer {
margin-top: 1.438rem;
font-size: 0.75rem;
}
.modal--personalisation .personalisation__cta-save {
max-width: 100%;
}
@media (max-width: 49.375rem) {
.modal--personalisation.modal-active .window-modal__content {
transform: none;
}
}
.modal--personalisation .product-gallery__col.first:hover {
cursor: url("../../images/minus.svg"), pointer;
}
.modal--personalisation .product-gallery__col.last:hover {
cursor: url("../../images/plus.svg"), pointer;
}
.modal--personalisation .personalisation__thumbnails-container {
display: none;
}
.modal--refill .window-modal__content {
padding-bottom: 0;
}
.modal--refill .window-modal__content > .window-modal__close {
display: none;
}
.modal--refill .window-modal__close {
top: 1rem;
}
.modal--refill .modal__header,
.modal--refill .modal__actions {
position: sticky;
z-index: 99;
}
.modal--refill .modal__header {
top: 0;
margin-bottom: 1rem;
padding: 1.25rem 3.5rem;
}
.modal--refill .modal__actions {
bottom: 0;
padding: 1.25rem 0;
border-top: solid 0.0625rem #E6E6E6;
}
@media (min-width: 49.4375rem) {
.cancel-scroll--sm-up body {
overflow: hidden;
}
.window-modal__content {
width: 100%;
margin: auto;
transform: scale(0.95);
opacity: 0;
visibility: hidden;
}
.modal-active .window-modal__content {
transform: scale(1);
opacity: 1;
visibility: inherit;
}
.window-modal__close {
top: 1.6rem;
}
[dir="ltr"] .window-modal__close {
right: 1.125rem;
}
[dir="rtl"] .window-modal__close {
left: 1.125rem;
}
/*------------------------------------*\
#GENERIC-MODAL
Use these if you don't know what else to use.
\*------------------------------------*/
.modal--quickview .window-modal__close {
top: 1.25rem;
}
[dir="ltr"] .modal--quickview .window-modal__close {
right: 1.25rem;
}
[dir="rtl"] .modal--quickview .window-modal__close {
left: 1.25rem;
}
.modal--generic .window-modal__content {
max-width: 45rem;
min-height: 21.25rem;
padding-bottom: 2rem;
}
#modal-nib .window-modal__content {
max-width: 100%;
min-height: 100%;
padding-bottom: 2rem;
margin-top: 0;
max-height: 100%;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-gutter: stable;
scrollbar-color: #000 #F2F2F2;
/* Track */
/* Handle */
/* Handle on hover */
}
#modal-nib .window-modal__content::-webkit-scrollbar {
width: 0.3125rem;
}
#modal-nib .window-modal__content::-webkit-scrollbar-track {
background: #F2F2F2;
}
#modal-nib .window-modal__content::-webkit-scrollbar-thumb {
background: #000;
}
#modal-nib .window-modal__content::-webkit-scrollbar-thumb:hover {
background: #676767;
}
#modal-nib .nib-info__image {
width: auto;
max-width: initial;
height: 272px;
}
#modal-nib .nib__title {
font-size: 20px;
}
#modal-nib .field-select__input {
width: 100%;
height: 40px;
padding-top: 0px;
padding-bottom: 0px;
}
[dir="ltr"] #modal-nib .field-select__input {
padding-left: 20px;
}
[dir="rtl"] #modal-nib .field-select__input {
padding-right: 20px;
}
#modal-nib .accordion-link {
font-size: 1rem;
padding: 0rem 0;
}
#modal-nib .module-container--spacing-top-regular {
padding-top: 2.625rem;
}
.modal__header {
margin-bottom: 2.25rem;
padding: 1.45rem 3rem 1.65rem;
}
.modal--prompt .window-modal__content {
max-width: 33.625rem;
min-height: 14.85rem;
padding-bottom: 3rem;
}
.modal--auth {
padding: 1.25rem;
}
.modal--auth__content {
margin-right: 2.5rem;
margin-left: 2.5rem;
margin-bottom: 2.5rem;
}
.modal--auth__content.login__section--padded {
padding-top: 0;
}
.modal--newsletter .window-modal__content {
padding-bottom: 5rem;
}
.modal--gift-personalisation .modal__content {
padding-right: 5.625rem;
padding-left: 5.625rem;
padding-bottom: 4.375rem;
}
}
@media (min-width: 49.4375rem) and (min-width: 1024px) {
.modal--personalisation .window-modal__content {
height: 100%;
}
}
@media (min-width: 49.4375rem) {
.modal--personalisation .modal__content {
margin-top: 0;
padding-bottom: 0;
}
.modal--store-locator {
padding: 2rem;
}
.modal--refill .window-modal__content {
max-width: 41rem;
max-height: 35rem;
overflow-y: auto;
}
}
@media (max-width: 49.375rem) {
html.cancel-scroll {
overflow: hidden;
height: 100%;
}
.window-modal__content {
top: 0;
min-height: 100%;
margin-top: auto;
padding-bottom: 3.75rem;
transform: scale(0.9);
}
.modal-active .window-modal__content {
transform: scale(1);
}
.window-modal__close {
top: 20px;
}
[dir="ltr"] .window-modal__close {
right: 0.25rem;
}
[dir="rtl"] .window-modal__close {
left: 0.25rem;
}
/*------------------------------------*\
#GENERIC-MODAL
Use these if you don't know what else to use.
\*------------------------------------*/
.modal--quickview .window-modal__close {
top: 0.5rem;
}
[dir="ltr"] .modal--quickview .window-modal__close {
right: 0.5rem;
}
[dir="rtl"] .modal--quickview .window-modal__close {
left: 0.5rem;
}
.modal--generic .window-modal__content {
padding-bottom: 3.75rem;
}
.modal--refill .window-modal__close {
top: 1.5rem;
}
[dir="ltr"] .modal--refill .window-modal__close {
right: 0.75rem;
}
[dir="rtl"] .modal--refill .window-modal__close {
left: 0.75rem;
}
.modal__header {
margin-bottom: 2rem;
padding: 1.65rem 2.5rem 1.5rem;
}
.modal--prompt .window-modal__content {
padding-bottom: 3.75rem;
}
/*------------------------------------*\
#UTILITY-MODAL-CLASSES
\*------------------------------------*/
.modal__main--set-center {
margin: auto;
}
}
/*------------------------------------*\
#PLACE OVERRIDES HERE ACCOUNT SUBSCRIPTIONS
\*------------------------------------*/
.modal--account-subscriptions .window-modal__content {
max-width: 40rem;
}
.modal--account-subscriptions .window-modal__content .collection--heading {
padding: 2rem 5rem;
border-top: 4px solid #e60000;
border-bottom: 1px solid #F0F0F0;
}
[dir="ltr"] .modal--account-subscriptions .window-modal__content .collection--section {
padding: 2rem 2rem 2rem 13rem;
}
[dir="rtl"] .modal--account-subscriptions .window-modal__content .collection--section {
padding: 2rem 13rem 2rem 2rem;
}
.modal--account-subscriptions .window-modal__content .collection--action-buttons {
padding: 2rem;
border-top: solid 1px #F0F0F0;
}
@media (min-width: 49.4375rem) {
.modal--generic .window-modal__content {
padding: 1rem;
}
}
.product-tile .price .tiered {
font-size: 0.875em;
}
.product-tile .price .tiered .value {
font-weight: bold;
}
.product-tile.set--quickadd-active {
pointer-events: none;
}
.product-tile--default {
position: relative;
}
.product-tile--default .product-tile__anchor {
display: block;
color: #000;
}
.product-tile--default .product-tile__overlay-actions {
padding: 0 0.875rem;
}
.product-tile--default .product-tile__overlay-actions .product-tile__anchor {
color: #FFF;
}
.product-tile--default .product-tile__body {
padding: 1rem 1.875rem;
}
[dir="ltr"] .product-tile--default .product-tile__body {
text-align: left;
}
[dir="rtl"] .product-tile--default .product-tile__body {
text-align: right;
}
.product-tile--default .product-tile__media {
display: block;
overflow: hidden;
position: relative;
}
.product-tile--default .product-tile__media:before {
display: block;
content: "";
padding-bottom: 100%;
width: 100%;
}
.product-tile--default .product-tile__media-container {
padding: 1rem;
}
.product-tile--default .product-tile__quickadd {
margin-top: 1rem;
}
.product-tile--overlay {
padding: 1.25rem;
}
.product-tile--card {
position: relative;
margin-bottom: 1.25rem;
}
.product-tile--card .product-tile__body {
flex: 1 1 70%;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.product-tile--card .product-tile__media {
display: block;
overflow: hidden;
flex: 1 1 30%;
}
.product-tile__body {
position: relative;
}
.product-tile__body-section:not(:first-child) {
margin-top: 0.5rem;
margin-bottom: 0;
}
[dir="ltr"] .product-tile__swatch:not(:last-child) {
margin-right: 0.5rem;
}
[dir="rtl"] .product-tile__swatch:not(:last-child) {
margin-left: 0.5rem;
}
.product-tile__quickview {
position: absolute;
top: 0;
margin-top: 100%;
transform: translateY(calc(-100% - 1rem));
opacity: 0;
}
[dir="ltr"] .product-tile__quickview {
right: 1rem;
}
[dir="rtl"] .product-tile__quickview {
left: 1rem;
}
.product-tile:hover .product-tile__quickview, .product-tile__quickview:focus {
opacity: 1;
}
.product-tile__quickadd {
position: relative;
z-index: 1;
}
.product-tile__quickadd.set--added-to-cart .product-tile__quickadd-actions {
display: block;
}
.product-tile__quickadd-panel {
z-index: 2;
position: absolute;
bottom: -0.5rem;
width: calc(100% + 1rem);
padding: 1rem;
background-color: #FFF;
border: solid 0.0625rem;
border-radius: 0.25rem;
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.25);
transform: translateY(0);
pointer-events: all;
transition-property: opacity, visibility, transform;
}
[dir="ltr"] .product-tile__quickadd-panel {
left: -0.5rem;
}
[dir="rtl"] .product-tile__quickadd-panel {
right: -0.5rem;
}
.product-tile__quickadd-panel.set--quickadd-active {
transition-duration: 500ms;
transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
}
.product-tile__quickadd-panel:not(.set--quickadd-active) {
transition-duration: 300ms;
transition-timing-function: ease-in;
}
.product-tile__quickadd-panel:not(.set--ready) {
transform: translateY(0.5rem);
opacity: 0;
visibility: hidden;
}
.product-tile__quickadd-actions {
display: none;
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
background: #FFF;
border: solid 0.0625rem;
border-radius: 0;
}
[dir="ltr"] .product-tile__quickadd-actions {
left: 0;
}
[dir="rtl"] .product-tile__quickadd-actions {
right: 0;
}
.product-tile__wishlist {
display: flex;
position: relative;
top: -10px;
padding: 0.5em;
border-radius: 50%;
overflow: hidden;
}
[dir="ltr"] .product-tile__wishlist {
left: 1rem;
}
[dir="rtl"] .product-tile__wishlist {
right: 1rem;
}
.product-tile__wishlist.set--in-wishlist .product-tile__wishlist-add {
display: none;
}
.product-tile__wishlist.set--in-wishlist .product-tile__wishlist-remove {
display: block;
}
.product-tile__refill-wrapper {
min-height: calc(100vh - 12rem);
}
.product-tile__refill-wrapper .product-tile__media-container {
margin: 0.5rem;
}
.product-tile__refill-wrapper .product-tile__image {
width: auto;
}
.product-tile__refill {
margin-bottom: 1.5rem;
}
.product-tile__refill-check-label {
position: absolute;
bottom: 1.5rem;
}
[dir="ltr"] .product-tile__refill-check-label {
right: 1rem;
}
[dir="rtl"] .product-tile__refill-check-label {
left: 1rem;
}
@media (min-width: 64.0625rem) {
.product-tile--card {
padding-top: 1rem;
padding-bottom: 1rem;
}
[dir="ltr"] .product-tile--card {
padding-right: 2rem;
padding-left: 0.5rem;
}
[dir="rtl"] .product-tile--card {
padding-left: 2rem;
padding-right: 0.5rem;
}
.product-tile {
z-index: 0;
transition-property: z-index;
transition-duration: 0s;
transition-delay: 300ms;
}
.product-tile:hover {
z-index: 1;
transition-delay: 0s;
}
.product-tile:hover .product-tile__overlay {
opacity: 1;
visibility: inherit;
background-color: #ebebeb;
}
.product-tile:hover .product-tile__overlay:after {
width: 100%;
height: 100%;
}
.product-tile:hover .product-tile__anchor {
text-decoration: none;
}
.product-tile__anchor {
position: relative;
}
.product-tile__anchor,
.product-tile__wishlist {
z-index: 1;
}
.product-tile__wishlist {
opacity: 0;
transition-property: opacity;
transition-duration: 300ms;
transition-timing-function: ease-out;
}
.product-tile:hover .product-tile__wishlist, .product-tile__wishlist:focus {
opacity: 1;
transition-timing-function: ease-in;
}
.product-tile__overlay {
z-index: 0;
position: absolute;
top: 0;
width: 100%;
height: calc(100% + 7.5rem);
padding: 1rem 1rem 2rem;
transition-property: opacity, visibility;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
opacity: 0;
visibility: hidden;
}
[dir="ltr"] .product-tile__overlay {
left: 50%;
transform: translateX(-50%);
}
[dir="rtl"] .product-tile__overlay {
right: 50%;
transform: translateX(50%);
}
.product-tile__overlay:after {
width: 85%;
height: 85%;
border: solid 0.0625rem #E6E6E6;
transition-property: width, height;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0.9, 0.3, 1);
position: absolute;
top: calc(50% + 0px);
content: "";
}
[dir="ltr"] .product-tile__overlay:after {
left: 50%;
transform: translate3d(-50%, -50%, 0);
}
[dir="rtl"] .product-tile__overlay:after {
right: 50%;
transform: translate3d(50%, -50%, 0);
}
.product-tile__anchor:focus,
.product-tile--default:hover {
background-color: #ebebeb;
}
.product-tile__anchor:focus .product-tile__image,
.product-tile--default:hover .product-tile__image {
transition-timing-function: ease-out;
background-color: transparent;
}
.product-tile__anchor:focus .product-tile__image--secondary.lazyloaded,
.product-tile--default:hover .product-tile__image--secondary.lazyloaded {
opacity: 1;
visibility: inherit;
}
.product-tile__anchor:focus .product-tile__image--primary.lazyloaded,
.product-tile--default:hover .product-tile__image--primary.lazyloaded {
opacity: 0;
visibility: hidden;
}
.product-tile__refill-check {
align-items: flex-end;
align-self: center;
}
.set--images-lazy-loaded .product-tile__anchor:focus .product-tile__image--primary.set--has-secondary-image,
.set--images-lazy-loaded.product-tile--default:hover .product-tile__image--primary.set--has-secondary-image {
opacity: 0;
visibility: hidden;
}
.product-tile__image {
max-height: none;
transition-property: opacity, visibility, transform;
transition-duration: 300ms;
transition-timing-function: ease-in;
}
.product-tile__image--secondary {
opacity: 0;
visibility: hidden;
}
}
@media (max-width: 49.375rem) {
.product-tile--card {
padding: 1.25rem;
}
.product-tile--card .product-tile__footer {
margin-top: 1.25rem;
}
.product-tile__overlay {
margin-top: auto;
}
.product-tile__overlay-actions {
margin-top: 0.5rem;
}
}
.product-tile:hover .item_qb-btn {
opacity: 1;
}
.item_qb-btn {
display: none;
position: absolute;
opacity: 0;
transition: opacity 0.3s ease-in-out;
top: 15px;
z-index: 1;
}
[dir="ltr"] .item_qb-btn {
right: 1.6875rem;
}
[dir="rtl"] .item_qb-btn {
left: 1.6875rem;
}
.item_qb-btn:hover {
display: flex;
}
.item_qb-btn:hover .text {
letter-spacing: 0.025rem;
line-height: 1rem;
font-size: 0.75rem;
clip: auto;
height: auto;
width: auto;
display: inline-block;
position: static;
margin-right: 0.5rem;
margin-left: 0.5rem;
margin-top: 0.1875rem;
}
.item_qb-btn .remove_wishlist {
letter-spacing: 0.025rem;
line-height: 1rem;
font-size: 0.75rem;
clip: auto;
height: auto;
width: auto;
display: inline-block;
position: static;
margin-right: 0.5rem;
margin-left: 0.5rem;
margin-top: 0.1875rem;
}
.item_qb-btn .icon {
background-image: url(https://www.montblanc.com/ytos/resources/MONTBLANC/svg/v2/icons/shopping-bag.svg);
background-repeat: no-repeat;
background-position: center;
display: block;
height: 1.25rem;
width: 1.25rem;
}
.item_qb-btn--wishlist {
display: flex !important;
}
[dir="ltr"] .item_qb-btn--wishlist {
left: 1.6875rem;
right: initial;
}
[dir="rtl"] .item_qb-btn--wishlist {
right: 1.6875rem;
left: initial;
}
.item_qb-btn--wishlist .icon {
background-image: url("../images/Heart.svg");
background-size: contain;
}
.item_qb-btn--wishlist:hover .icon {
background-image: url("../images/Heart-fill.svg");
background-size: contain;
}
.item_qb-btn--wishlist .remove_wishlist_icon {
background-image: url("../images/Heart-fill.svg");
background-size: contain;
}
@media (hover: hover) {
.item_qb-btn {
cursor: pointer;
display: block;
}
}
.is-vHidden {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
display: block;
min-height: 0;
height: 0.0625rem;
margin: -0.0625rem;
overflow: hidden;
padding: 0;
position: absolute;
width: 0.0625rem;
color: #000;
}
.plp-action-btn {
position: relative;
height: 40px;
}
.product-tile__quick-shop-overlay {
display: block;
position: absolute;
top: 0;
width: 100%;
height: auto;
padding: 3rem 1rem 2rem;
z-index: 2;
background-color: #ebebeb;
}
.quickshop-active.product-tile {
z-index: 2;
}
.quickshop-active.quickshop-active-wishlist .product-tile__addtocart-quickshop,
.quickshop-active.quickshop-active-wishlist .product-tile__quick-shop-addtocart {
display: none;
}
.quickshop-active.quickshop-active-wishlist .product-tile__wishlist-quickshop {
display: flex;
}
.quickshop-active.quickshop-active-wishlist .product-tile__quick-shop-wishlist {
display: block;
}
.quickshop-active.quickshop-active-addtocart .product-tile__wishlist-quickshop,
.quickshop-active.quickshop-active-addtocart .product-tile__quick-shop-wishlist {
display: none;
}
.quickshop-active.quickshop-active-addtocart .product-tile__addtocart-quickshop {
display: flex;
}
.quickshop-active.quickshop-active-addtocart .product-tile__quick-shop-addtocart {
display: block;
}
.quickshop-active .product-attribute__edit-link,
.quickshop-active .check-sequence-button--wishlist {
display: none;
}
.quickshop-active .variation-selected .show-selected-text {
display: inline-block;
}
.quickshop-active .variation-selected.variation-selected-edit-mode-on.product-attribute--first .radioButtonBox {
display: none;
}
.quickshop-active .variation-selected.variation-selected-edit-mode-on.product-attribute--first .radioButtonBox.selected {
display: block;
}
.quickshop-active .variation-selected.variation-selected-edit-mode-on.product-attribute--first .product-attribute__edit-link {
display: inline-block;
}
.quickshop-active .quickshop {
position: absolute;
left: 0;
right: 0;
z-index: 2;
min-height: 100%;
background-color: #ebebeb;
}
.quickshop-active .quickshop .quickshop__action-content {
display: block;
}
.quickshop-active .product-attribute__title {
text-transform: capitalize;
margin: 15px 0;
}
[dir="ltr"] .quickshop-active .product-attribute__title {
text-align: left;
}
[dir="rtl"] .quickshop-active .product-attribute__title {
text-align: right;
}
.quickshop-active .product-attribute__edit-link-wrapper .product-attribute__edit-link {
font-size: 12px;
letter-spacing: 0.4px;
line-height: 16px;
margin: 15px 0 30px 0;
cursor: pointer;
}
[dir="ltr"] .quickshop-active .product-attribute__edit-link-wrapper .product-attribute__edit-link {
float: left;
}
[dir="rtl"] .quickshop-active .product-attribute__edit-link-wrapper .product-attribute__edit-link {
float: right;
}
.quickshop-active .show-selected-text {
display: none;
}
.quickshop-active .product-tile__quick-shop-overlay {
display: block;
position: absolute;
top: -1.5rem;
width: 100%;
height: auto;
min-height: calc(100% + 7.5rem);
padding: 3rem 1rem 2rem;
z-index: 2;
background-color: #ebebeb;
}
.quickshop-active .product-tile__quick-shop-remote {
margin-bottom: 1rem;
}
.quickshop-active .quickshop-wishlist-trigger__wishlist-message {
letter-spacing: 0.0625rem;
line-height: 1.25rem;
font-size: 0.75rem;
text-transform: uppercase;
margin: 1.25rem 0;
position: relative;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
flex-basis: 100%;
}
[dir="ltr"] .quickshop-active .quickshop-wishlist-trigger__wishlist-message {
padding-left: 1.625rem;
text-align: left;
}
[dir="rtl"] .quickshop-active .quickshop-wishlist-trigger__wishlist-message {
padding-right: 1.625rem;
text-align: right;
}
.quickshop-active .quickshop-wishlist-trigger {
padding: 1.15em 0.83em;
}
.quickshop-active .product-tile__packshots-slider-arrows {
position: relative;
width: 100px;
white-space: nowrap;
}
[dir="ltr"] .quickshop-active .product-tile__packshots-slider-arrows {
margin: 10px 20px 10px 10px;
float: right;
}
[dir="rtl"] .quickshop-active .product-tile__packshots-slider-arrows {
margin: 10px 10px 10px 20px;
float: left;
}
.quickshop-active .product-tile__packshots-slider-arrows .slide-arrow {
color: #000;
font-size: 0.9375rem;
background: transparent;
padding: 0 5px;
height: 1rem;
top: 4px;
display: inline-block;
}
.quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-disabled {
opacity: 1;
visibility: visible;
}
[dir="ltr"] .quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-prev {
left: 0;
}
[dir="rtl"] .quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-prev {
right: 0;
}
.quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-prev:before {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
font-size: 1rem;
color: #000;
display: inline-block;
width: 12px;
}
[dir="ltr"] .quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-prev:before {
transform: rotate(90deg);
}
[dir="rtl"] .quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-prev:before {
transform: rotate(-90deg);
}
[dir="ltr"] .quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-next {
right: 0;
}
[dir="rtl"] .quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-next {
left: 0;
}
.quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-next.slick-disabled:before {
color: #8C8C8C;
}
.quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-next:before {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
font-size: 1rem;
color: #000;
display: inline-block;
width: 0.75rem;
}
[dir="ltr"] .quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-next:before {
transform: rotate(270deg);
}
[dir="rtl"] .quickshop-active .product-tile__packshots-slider-arrows .slide-arrow.slick-next:before {
transform: rotate(-270deg);
}
.quickshop-active .product-tile__packshots-slider-arrows .slide-arrow .slick-track {
width: 947px !important;
}
.quickshop-active .product-tile__packshots-slider-count {
color: #8C8C8C;
font-size: 0.8rem;
letter-spacing: 3px;
display: inline-block;
vertical-align: text-top;
}
@media (min-width: 49.4375rem) {
html[dir=rtl] .quickshop-active .product-tile__packshots-slider-arrows .slide-arrow {
top: 1px;
}
}
.quickshop {
z-index: 1;
display: none;
}
@media (min-width: 64.0625rem) {
.quickshop {
display: block;
}
}
.quickshop .quickshop__action-btn {
position: relative;
height: 50px;
z-index: 1;
}
[dir="ltr"] .quickshop .product-tile__wishlist-quickshop {
float: left;
}
[dir="rtl"] .quickshop .product-tile__wishlist-quickshop {
float: right;
}
[dir="ltr"] .quickshop .product-tile__addtocart-quickshop {
float: right;
}
[dir="rtl"] .quickshop .product-tile__addtocart-quickshop {
float: left;
}
.quickshop .product-tile__product-packshots-remote {
margin-bottom: 0;
}
.quickshop .quickshop__action-content {
display: none;
}
.quickshop .quickshop__variant-content {
padding: 20px 30px 30px;
}
.quickshop .product-tile__body1 {
color: #000;
}
[dir="ltr"] .quickshop .product-tile__body1 {
text-align: left;
}
[dir="rtl"] .quickshop .product-tile__body1 {
text-align: right;
}
.addedProductLayer {
background-color: rgba(0, 0, 0, 0);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
opacity: 0;
display: block;
height: 100%;
width: 100%;
z-index: -1;
}
.addedProductLayer .product-badge-wrapper {
display: none;
}
.addedProductLayer .layer {
grid-template-rows: min-content 1fr;
grid-template-columns: inherit;
display: grid;
max-width: 600px;
position: absolute;
width: 100%;
}
[dir="ltr"] .addedProductLayer .layer {
right: 20px;
}
[dir="rtl"] .addedProductLayer .layer {
left: 20px;
}
@media (max-width: 49.375rem) {
[dir="ltr"] .addedProductLayer .layer {
right: 0;
}
[dir="rtl"] .addedProductLayer .layer {
left: 0;
}
}
@media (min-width: 49.4375rem) {
.addedProductLayer .layer {
width: 600px;
}
}
.addedProductLayer .layer__inner {
display: block;
grid-column: 24/span 5;
top: 3rem;
grid-template-columns: inherit;
overflow: hidden;
position: relative;
}
[dir="ltr"] .addedProductLayer .layer__inner {
margin-left: 0;
}
[dir="rtl"] .addedProductLayer .layer__inner {
margin-right: 0;
}
@media (max-width: 49.375rem) {
.addedProductLayer .layer__inner {
top: 0;
}
}
@media (min-width: 1024px) {
.addedProductLayer .layer__inner .js-cart-last-added-product .added-product__info .added-item_info {
min-width: 424px;
}
}
.addedProductLayer .layer__inner .productsUpdater .product-list__carousel .product-tile--default:hover .product-tile__image--secondary.lazyloaded,
.addedProductLayer .layer__inner .productsUpdater .product-list__carousel .product-tile--default :focus .product-tile__image--secondary.lazyloaded,
.addedProductLayer .layer__inner .productsUpdater .product-list__carousel .product-tile__anchor:hover .product-tile__image--secondary.lazyloaded,
.addedProductLayer .layer__inner .productsUpdater .product-list__carousel .product-tile__anchor :focus .product-tile__image--secondary.lazyloaded {
opacity: 0;
visibility: hidden;
}
.addedProductLayer .layer__inner .productsUpdater .product-list__carousel .set--images-lazy-loaded .product-tile--default:hover .product-tile__image--primary.set--has-secondary-image, .addedProductLayer .layer__inner .productsUpdater .product-list__carousel .set--images-lazy-loaded .product-tile--default:focus .product-tile__image--primary.set--has-secondary-image,
.addedProductLayer .layer__inner .productsUpdater .product-list__carousel .set--images-lazy-loaded .product-tile__anchor:hover .product-tile__image--primary.set--has-secondary-image,
.addedProductLayer .layer__inner .productsUpdater .product-list__carousel .set--images-lazy-loaded .product-tile__anchor:focus .product-tile__image--primary.set--has-secondary-image {
opacity: 1;
visibility: inherit;
}
.addedProductLayer .layer__inner .productsUpdater .set--images-lazy-loaded .product-tile__anchor:focus .product-tile__image--primary.set--has-secondary-image,
.addedProductLayer .layer__inner .productsUpdater .set--images-lazy-loaded.product-tile--default:hover .product-tile__image--primary.set--has-secondary-image {
opacity: 1;
visibility: inherit;
}
.addedProductLayer .added-product {
background-color: #FFF;
padding: 1.875rem;
}
@media (min-width: 49.4375rem) {
.addedProductLayer .added-product {
width: 600px;
}
}
.addedProductLayer .productsUpdater:not(:empty) {
background-color: #ebebeb;
padding: 1.25rem;
position: relative;
flex-grow: 1;
flex-direction: column;
}
.addedProductLayer .added-product__title {
letter-spacing: 0.0625rem;
line-height: 1.25rem;
font-size: 0.75rem;
text-transform: uppercase;
padding-bottom: 1.25rem;
position: relative;
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
[dir="ltr"] .addedProductLayer .added-product__title {
padding-left: 1.2rem;
}
[dir="rtl"] .addedProductLayer .added-product__title {
padding-right: 1.2rem;
}
.addedProductLayer h2.added-product__title::before {
content: "";
background-image: url("../../images/check-blue.svg");
display: inline-block;
width: 0.75rem;
height: 0.75rem;
background-repeat: no-repeat;
background-position: center;
position: absolute;
}
[dir="ltr"] .addedProductLayer h2.added-product__title::before {
left: 0;
}
[dir="rtl"] .addedProductLayer h2.added-product__title::before {
right: 0;
}
.addedProductLayer .added-product__info {
margin-bottom: 1.25rem;
grid-column: 3/span 21;
font-size: 1.1rem;
letter-spacing: -0.01875rem;
display: grid;
grid-row: 2;
grid-template-columns: 4.3125rem 1.1875rem 1fr;
grid-template-rows: min-content min-content 1fr;
width: auto;
}
@media (min-width: 64.0625rem) {
.addedProductLayer .added-product__info {
grid-template-columns: 6.0625rem 1.1875rem 1fr;
}
}
.addedProductLayer .added-product__info .pdp-main__price-tax--label {
display: none;
}
.addedProductLayer .added-item_info {
grid-column: 3/span 1;
}
.addedProductLayer .product_variationAttributes_size .product_variationAttributes_displayName {
text-transform: capitalize;
}
.addedProductLayer .added-product__buttons-row {
display: flex;
gap: 20px;
}
@media (max-width: 49.375rem) {
.addedProductLayer .added-product__buttons-row {
flex-direction: column;
}
}
.addedProductLayer .added-product__buttons-row button {
padding: 1.15em;
}
.addedProductLayer .added-product__buttons-row .button.set--w-100 {
width: auto !important;
}
.addedProductLayer .added-product__buttons-row .button--primary {
margin-top: 0 !important;
}
.addedProductLayer .productsUpdater:not(:empty) {
background-color: #ebebeb;
padding: 1.25rem;
position: relative;
flex-grow: 1;
flex-direction: column;
}
.addedProductLayer .productsUpdater:not(:empty) h3 {
font-weight: 700;
margin-left: 0;
margin-right: 0;
padding-top: 0.9375rem;
padding-bottom: 1.875rem;
font-size: inherit;
}
.addedProductLayer .layer__close {
height: 0.875rem;
position: absolute;
width: 0.875rem;
box-sizing: content-box;
box-sizing: initial;
border: 0;
font-size: 0;
padding: 0.625rem;
transition: opacity 0.32s cubic-bezier(0.42, 0, 0.58, 1);
margin-top: -0.625rem;
opacity: 1;
top: 4rem;
}
[dir="ltr"] .addedProductLayer .layer__close {
right: 1rem;
}
[dir="rtl"] .addedProductLayer .layer__close {
left: 1rem;
}
@media (max-width: 49.375rem) {
.addedProductLayer .layer__close {
top: 2.5rem;
}
}
.addedProductLayer .layer__close::before, .addedProductLayer .layer__close::after {
background-color: #000;
content: "";
height: 1px;
position: absolute;
top: 50%;
width: 1rem;
cursor: pointer;
}
[dir="ltr"] .addedProductLayer .layer__close::before, [dir="ltr"] .addedProductLayer .layer__close::after {
left: 50%;
}
[dir="rtl"] .addedProductLayer .layer__close::before, [dir="rtl"] .addedProductLayer .layer__close::after {
right: 50%;
}
[dir="ltr"] .addedProductLayer .layer__close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
[dir="rtl"] .addedProductLayer .layer__close::before {
transform: translate(50%, -50%) rotate(-45deg);
}
[dir="ltr"] .addedProductLayer .layer__close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
[dir="rtl"] .addedProductLayer .layer__close::after {
transform: translate(50%, -50%) rotate(45deg);
}
.addedProductLayer .product-tile--default .product-tile__anchor {
grid-template-columns: 6.0625rem 1.1875rem 1fr 0;
width: 100%;
display: grid;
grid-template-rows: min-content 1fr;
}
.addedProductLayer .product-tile--default .product-tile__anchor .product-tile__media {
position: relative;
grid-row: 1/span 2;
grid-column: 1/span 1;
}
.addedProductLayer .product-tile--default .product-tile__anchor .product-tile__body {
grid-column: 3/span 1;
}
[dir="ltr"] .addedProductLayer .product-tile--default .product-tile__anchor .product-tile__body {
text-align: left;
}
[dir="rtl"] .addedProductLayer .product-tile--default .product-tile__anchor .product-tile__body {
text-align: right;
}
.addedProductLayer .productsUpdater .slider--arrows-outer.slick-has-arrows {
padding: 0;
}
.addedProductLayer .productsUpdater .product-list {
background-color: #ebebeb;
}
.addedProductLayer .productsUpdater .module-container--spacing-top-small {
padding: 0;
}
.addedProductLayer .productsUpdater .plp-action-btn {
display: none;
}
.addedProductLayer .productsUpdater .module-container__title {
font-weight: 700;
margin-left: 0;
margin-right: 0;
margin-top: 0.9375rem;
margin-bottom: 0.75rem;
font-size: inherit;
}
[dir="ltr"] .addedProductLayer .productsUpdater .module-container__title {
padding-left: 0;
}
[dir="rtl"] .addedProductLayer .productsUpdater .module-container__title {
padding-right: 0;
}
[dir="ltr"] .addedProductLayer .productsUpdater .slick-list.draggable {
padding: 0 35% 0 0;
}
[dir="rtl"] .addedProductLayer .productsUpdater .slick-list.draggable {
padding: 0 0 0 35%;
}
@media (max-width: 49.375rem) {
[dir="ltr"] .addedProductLayer .productsUpdater .slick-list.draggable {
padding: 0 25% 0 0;
}
[dir="rtl"] .addedProductLayer .productsUpdater .slick-list.draggable {
padding: 0 0 0 25%;
}
}
.addedProductLayer .productsUpdater .slick-arrow {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46.7 36'%3E%3Cpath fill='%23444444' d='M27.9 0l-3.6 3.5 12.5 12.1H0v4.9h36.8l-12.5 12 3.6 3.5 18.6-18z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-color: transparent;
background-position: center;
top: -45px;
position: absolute;
width: 1rem;
height: 1rem;
margin-top: 0;
outline: none;
}
@media (min-width: 767px) {
.addedProductLayer .productsUpdater .slick-arrow {
top: -47px;
}
}
.addedProductLayer .productsUpdater .slick-arrow .icon {
display: none;
}
.addedProductLayer .productsUpdater .slick-arrow.slick-disabled {
opacity: 0.5;
}
.addedProductLayer .productsUpdater .slick-next {
transform: rotate(0);
}
[dir="ltr"] .addedProductLayer .productsUpdater .slick-next {
right: 0;
}
[dir="rtl"] .addedProductLayer .productsUpdater .slick-next {
left: 0;
}
.addedProductLayer .productsUpdater .slick-next:not(.slick-disabled):hover {
transform: none;
}
[dir="ltr"] .addedProductLayer .productsUpdater .slick-prev {
left: 83%;
transform: rotate(180deg);
}
[dir="rtl"] .addedProductLayer .productsUpdater .slick-prev {
right: 83%;
transform: rotate(-180deg);
}
@media (min-width: 767px) {
[dir="ltr"] .addedProductLayer .productsUpdater .slick-prev {
left: 88%;
}
[dir="rtl"] .addedProductLayer .productsUpdater .slick-prev {
right: 88%;
}
}
[dir="ltr"] .addedProductLayer .productsUpdater .module-container__header {
margin-left: 0;
}
[dir="rtl"] .addedProductLayer .productsUpdater .module-container__header {
margin-right: 0;
}
.addedProductLayer .productsUpdater .product-attribute__badging-container {
display: none;
}
.addedProductLayer .productsUpdater .product-tile__body {
padding-top: 0;
}
[dir="ltr"] .addedProductLayer .productsUpdater .product-tile__body {
text-align: left;
}
[dir="rtl"] .addedProductLayer .productsUpdater .product-tile__body {
text-align: right;
}
.addedProductLayer .productsUpdater .product-tile__swatches {
display: none;
}
.addedProductLayer .productsUpdater .heading-type {
margin-bottom: 0.5rem;
}
.addedProductLayer .product-tile__quickadd {
margin-top: 0;
}
.addedProductLayer .product-tile__quickadd .button {
background: transparent;
padding: 0;
color: #000;
letter-spacing: 0;
text-decoration: underline;
text-transform: capitalize;
margin-top: 15px;
}
[dir="ltr"] .addedProductLayer .product-tile__quickadd .button {
text-align: left;
}
[dir="rtl"] .addedProductLayer .product-tile__quickadd .button {
text-align: right;
}
.addedProductLayer .product-tile__quickadd .added-product__title.addedToBagText {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
min-width: 170px;
}
[dir="ltr"] .addedProductLayer .product-tile__quickadd .added-product__title.addedToBagText {
padding-left: 25px;
}
[dir="rtl"] .addedProductLayer .product-tile__quickadd .added-product__title.addedToBagText {
padding-right: 25px;
}
.addedProductLayer .product-tile__quickadd .added-product__title.addedToBagText::before {
top: 2px;
}
.addedProductLayer .product-badge-list--floating,
.addedProductLayer .discoverbtn {
display: none !important;
}
.addedProductLayer .minicart__checkout-action.button--secondary {
display: none;
}
#addedProductLayer.modal, #addedWishlist.modal {
display: block;
opacity: 0;
z-index: -1;
}
#addedProductLayer.modal.active, #addedProductLayer.modal.show, #addedWishlist.modal.active, #addedWishlist.modal.show {
display: block;
opacity: 1;
z-index: 1050;
}
#addedProductLayer.modal.active .addedProductLayer, #addedProductLayer.modal.show .addedProductLayer, #addedWishlist.modal.active .addedProductLayer, #addedWishlist.modal.show .addedProductLayer {
opacity: 1;
transition: opacity 0.24s cubic-bezier(0.42, 0, 0.58, 1) 0.32s;
}
#addedWishlist .pdp-main__price {
margin-top: 0rem;
}
#addedWishlist .pdp-main__price-value {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
#addedWishlist .signinlink a {
text-decoration: underline;
}
#addedWishlist .signinlink p {
margin-bottom: 0;
}
#addedWishlist .addedProductLayer .added-item_info {
font-size: 0.875rem;
}
#addedWishlist .addedProductLayer .layer__inner {
grid-column: 2/span 5;
}
#addedWishlist .addedProductLayer .added-product__title {
padding-top: 1.9rem;
}
#addedWishlist .addedProductLayer .added-product__title::before {
top: 2rem;
}
#addedWishlist .addedProductLayer .layer__close {
top: 2rem;
font-size: 0.875rem;
align-items: center;
}
@media only screen and (min-width: 768px) {
#addedWishlist .addedProductLayer .layer__close {
top: 4rem;
}
[dir="ltr"] #addedWishlist .addedProductLayer .layer__close {
right: 2rem;
}
[dir="rtl"] #addedWishlist .addedProductLayer .layer__close {
left: 2rem;
}
}
@media (min-width: 64.0625rem) {
#addedWishlist .addedProductLayer .layer__close {
grid-template-columns: 7.5rem 1.1875rem 1fr;
}
}
@media (max-width: 49.375rem) {
#addedWishlist .addedProductLayer .addtoWishBtn button {
width: 100%;
margin-bottom: 1rem;
}
}
[dir="ltr"] #addedWishlist .addedProductLayer .addtofavs {
margin-right: 1.2rem;
}
[dir="rtl"] #addedWishlist .addedProductLayer .addtofavs {
margin-left: 1.2rem;
}
/* added to bag pop up arrows*/
html[dir=rtl] .addedProductLayer .productsUpdater .slick-prev {
transform: rotate(0);
}
html[dir="ltr"][dir=rtl] .addedProductLayer .productsUpdater .slick-next {
transform: rotate(180deg);
}
html[dir="rtl"][dir=rtl] .addedProductLayer .productsUpdater .slick-next {
transform: rotate(-180deg);
}
.addedProductLayer .productsUpdater .product-tile__overlay {
justify-content: center;
}
[dir="ltr"] .addedProductLayer .productsUpdater .product-tile__overlay .product-tile__quickadd .product-tile__quickadd-trigger {
margin-left: 10px;
text-align: left;
}
[dir="rtl"] .addedProductLayer .productsUpdater .product-tile__overlay .product-tile__quickadd .product-tile__quickadd-trigger {
margin-right: 10px;
text-align: right;
}
.addedProductLayer .productsUpdater .product-tile__overlay .product-tile__overlay-actions {
width: auto;
}
.hide-product-tile-action-button .product-tile .product-tile__overlay-actions {
display: none;
}
.product-tile--YMALAddedToBag {
color: #000;
}
.product-tile--YMALAddedToBag .product-tile__name {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 50px;
}
.product-tile--YMALAddedToBag .addedToBagText {
position: relative;
padding-top: 15px;
display: none;
}
.product-tile--YMALAddedToBag.product-added-to-cart .addedToBagText {
display: block;
}
.product-tile--YMALAddedToBag.product-added-to-cart .product-tile__quickadd-trigger {
display: none;
}
.product-tile--YMALAddedToBag .product-tile__anchor:focus .product-tile__image--primary.lazyloaded,
.product-tile--YMALAddedToBag .product-tile--default:hover .product-tile__image--primary.lazyloaded {
opacity: 1;
visibility: inherit;
}
.quickview {
padding: 0.0625rem;
}
.quickview__main {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.quickview__attribute-list,
.quickview__availability {
margin-top: 1.5rem;
}
.quickview__promotions {
margin-bottom: 0.75rem;
}
.quickview__price {
margin-top: 0.875rem;
}
[dir="ltr"] .quickview__price-value {
margin-right: 1.125rem;
}
[dir="rtl"] .quickview__price-value {
margin-left: 1.125rem;
}
.quickview__footer {
margin-top: 2rem;
}
.quickview__footer-section:not(:first-child) {
margin-top: 1.25rem;
}
.quickview__bundle-items {
padding: 1.875rem;
}
@media (min-width: 49.4375rem) {
.quickview__main {
justify-content: center;
}
.quickview__footer {
position: relative;
}
.quickview-optionProduct .slick-dots {
overflow: hidden;
}
}
.product-attribute__list--quickadd .product-attribute {
position: relative;
}
.product-attribute__list--quickadd .product-attribute:not(:last-child) {
margin-bottom: 1.25rem;
}
[dir="ltr"] .product-attribute__list--quickadd .product-attribute__swatch:not(:last-child) {
margin-right: 0.625rem;
}
[dir="rtl"] .product-attribute__list--quickadd .product-attribute__swatch:not(:last-child) {
margin-left: 0.625rem;
}
.product-attribute__list--quickadd .product-attribute__label-pre,
.product-attribute__list--quickadd .product-attribute__selected-value {
display: none;
}
@media (min-width: 64.0625rem) {
.content-grid {
margin-top: -0.75rem;
margin-bottom: -0.75rem;
}
.content-grid__item {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
[class*=masonry-grid__column]:not(:last-child) {
margin-bottom: 1.5rem;
}
}
@media (min-width: 49.4375rem) and (max-width: 64rem) {
.content-grid {
margin-top: -0.46875rem;
margin-bottom: -0.46875rem;
}
.content-grid__item {
margin-top: 0.46875rem;
margin-bottom: 0.46875rem;
}
[class*=masonry-grid__column]:not(:last-child) {
margin-bottom: 0.9375rem;
}
}
@media (min-width: 49.4375rem) {
.masonry-grid--4up {
position: relative;
}
.masonry-grid--4up:before {
display: block;
content: "";
padding-bottom: 64.8120300752%;
width: 100%;
}
.masonry-grid--3up {
position: relative;
}
.masonry-grid--3up:before {
display: block;
content: "";
padding-bottom: 47.5187969925%;
width: 100%;
}
.masonry-grid__column-grow-1 {
flex: 1 1 25%;
}
.masonry-grid__column-grow-2 {
flex: 2 1 50%;
}
.masonry-grid__column-grow-3 {
flex: 3 1 75%;
}
.masonry-grid__column-grow-4 {
flex: 4 1 100%;
}
}
@media (max-width: 49.375rem) {
.content-grid__item,
.masonry-grid__item {
margin-bottom: 1.25rem;
}
}
.promo-banner {
padding-top: 0.6125rem;
padding-bottom: 0.6125rem;
letter-spacing: 0.024rem;
line-height: 1.55;
}
.promo-banner--size-large {
font-size: 1.125rem;
}
.promo-banner--size-small {
font-size: 0.875rem;
}
.promo-banner__body {
display: inline;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
.promo-banner__content {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
.promo-banner__actions {
display: inline-block;
}
[dir="ltr"] .promo-banner__actions {
margin-left: 0.25rem;
}
[dir="rtl"] .promo-banner__actions {
margin-right: 0.25rem;
}
[dir="ltr"] .promo-banner__cta:not(:last-child) {
margin-right: 1rem;
}
[dir="rtl"] .promo-banner__cta:not(:last-child) {
margin-left: 1rem;
}
.hero,
.hero__aspect-ratio {
position: relative;
}
.hero__subtitle {
margin-bottom: 0.25em;
}
.hero__description {
margin-top: 0.5rem;
}
.hero__actions {
margin-top: 1rem;
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.hero__cta {
display: inline-block;
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.hero__cta:not(:last-child) {
margin-bottom: 1.25rem;
}
@media (min-width: 90.0625rem) {
.hero--viewport .hero__content-wrap.set--text-overlay, .hero--viewport .hero__content-wrap.set--text-overlay-large {
padding-top: 9rem;
padding-bottom: 9rem;
}
.hero__aspect-ratio:before {
display: block;
content: "";
}
}
@media (min-width: 49.4375rem) and (max-width: 90rem) {
.hero--viewport .hero__content-wrap.set--text-overlay, .hero--viewport .hero__content-wrap.set--text-overlay-large {
padding-top: 10vh;
padding-bottom: 10vh;
}
}
@media (min-width: 49.4375rem) {
.hero__aspect-ratio--main {
position: relative;
}
.hero__aspect-ratio--main:before {
display: block;
content: "";
padding-bottom: 38.8888888889%;
width: 100%;
}
.hero__aspect-ratio--slim {
position: relative;
}
.hero__aspect-ratio--slim:before {
display: block;
content: "";
padding-bottom: 28.8888888889%;
width: 100%;
}
.hero__aspect-ratio--hairline {
position: relative;
}
.hero__aspect-ratio--hairline:before {
display: block;
content: "";
padding-bottom: 20.8333333333%;
width: 100%;
}
.hero .hero__content-wrap.set--text-after, .hero .hero__content-wrap.set--text-after-large {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.hero .hero__content-wrap.set--text-before, .hero .hero__content-wrap.set--text-before-large {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.hero--viewport .hero__content-wrap.set--text-overlay, .hero--viewport .hero__content-wrap.set--text-overlay-large,
.hero--main .hero__content-wrap.set--text-overlay,
.hero--main .hero__content-wrap.set--text-overlay-large,
.hero--natural .hero__content-wrap.set--text-overlay,
.hero--natural .hero__content-wrap.set--text-overlay-large {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.hero--slim .hero__content-wrap.set--text-overlay, .hero--slim .hero__content-wrap.set--text-overlay-large {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.hero--hairline .hero__content-wrap.set--text-overlay, .hero--hairline .hero__content-wrap.set--text-overlay-large {
padding-top: 1rem;
padding-bottom: 1rem;
}
.hero__aspect-ratio--viewport:before {
display: block;
height: calc(100vh - 4.125rem);
min-height: 27.5rem;
content: "";
}
.set--header-blend .hero__aspect-ratio--viewport:before {
height: 100vh;
}
.hero__description {
max-width: 40rem;
}
.text-align--center .hero__description {
margin-left: auto;
margin-right: auto;
}
[dir="ltr"] .text-align--right .hero__description {
margin-left: auto;
}
[dir="rtl"] .text-align--right .hero__description {
margin-right: auto;
}
}
@media (max-width: 49.375rem) {
.hero__aspect-ratio--viewport:before {
display: block;
height: calc(100vh - 11rem);
min-height: 16.25rem;
content: "";
}
.set--header-blend .hero__aspect-ratio--viewport:before {
height: calc(100vh - 6rem);
}
.hero__aspect-ratio--main {
position: relative;
}
.hero__aspect-ratio--main:before {
display: block;
content: "";
padding-bottom: 120%;
width: 100%;
}
.hero__aspect-ratio--slim {
position: relative;
}
.hero__aspect-ratio--slim:before {
display: block;
content: "";
padding-bottom: 66.6666666667%;
width: 100%;
}
.hero__aspect-ratio--hairline {
position: relative;
}
.hero__aspect-ratio--hairline:before {
display: block;
content: "";
padding-bottom: 50.1333333333%;
width: 100%;
}
.hero__content-wrap {
padding-top: 2rem;
padding-bottom: 2rem;
}
.hero-carousel .hero__content-wrap.set--text-after, .hero-carousel .hero__content-wrap.set--text-after-small {
padding-bottom: 4rem;
}
.hero__cta .button {
width: 100%;
}
}
/*[data-pdpagelayout='pd-sticky-header'] {
header {
position: fixed;
z-index: 101;
width: 100%;
}
}*/
[data-placement=top] {
position: fixed;
width: 100%;
z-index: -1;
}
[dir="ltr"] [data-placement=top] {
left: 0;
}
[dir="rtl"] [data-placement=top] {
right: 0;
}
.topSpacer {
padding-top: 100%;
}
.scrollToMainPlacement {
display: none;
}
[data-placement=main] {
background-color: #FFF;
padding-bottom: 5rem;
}
[data-placement=main] .video-container {
height: 258px;
}
[data-placement=main] > *:not(:last-child) {
margin-bottom: 5rem;
}
@media (min-width: 768px) {
[data-placement=top] {
top: 104px;
}
.no-promo_banner [data-placement=top] {
top: 60px;
}
.topSpacer {
padding-top: 56.25%;
}
}
@media (min-width: 1025px) {
[data-placement=top] {
margin-bottom: 5rem;
}
.no-promo_banner .topSpacer {
margin-top: 70px;
}
.scrollToMainPlacement {
display: block;
height: 50px;
width: 50px;
background-image: url(https://www.montblanc.com/ytos/resources/MONTBLANC/svg/icons/prev.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
color: #000;
background-color: #FFF;
border-color: none;
bottom: 0;
margin-top: -50px;
position: sticky;
z-index: 100;
border-radius: 50%;
border: none;
}
[dir="ltr"] .scrollToMainPlacement {
left: 50%;
transform: translate(-50%, -40px) rotate(-90deg);
}
[dir="rtl"] .scrollToMainPlacement {
right: 50%;
transform: translate(50%, -40px) rotate(90deg);
}
.scrollToMainPlacement .label,
.scrollToMainPlacement .text,
.scrollToMainPlacement + .label,
.scrollToMainPlacement + .text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
display: block;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.scrollToMainPlacement:disabled,
.scrollToMainPlacement.disabled {
opacity: 0.3;
cursor: auto;
}
}
@media all and (min-width: 1025px) and (-ms-high-contrast: none), (min-width: 1025px) and (-ms-high-contrast: active) {
.scrollToMainPlacement {
bottom: auto;
position: absolute;
}
[dir="ltr"] .scrollToMainPlacement {
transform: translate(-50%, -90px) rotate(-90deg);
}
[dir="rtl"] .scrollToMainPlacement {
transform: translate(50%, -90px) rotate(90deg);
}
}
@media (min-width: 1025px) {
.scrollToMainPlacement:not(.non-keyboard-outline):hover {
background-image: url(https://www.montblanc.com/ytos/resources/MONTBLANC/svg/icons/prev-white.svg);
}
}
@media (min-width: 1025px) and (min-width: 1025px) {
.scrollToMainPlacement:not(.non-keyboard-outline):hover:hover,
.scrollToMainPlacement:not(.non-keyboard-outline):hover:not(.non-keyboard-outline):focus {
color: #FFF;
background-color: #000;
border-color: #FFF;
}
}
@media (min-width: 1025px) {
.scrollToMainPlacement:not(.non-keyboard-outline):hover:disabled,
.scrollToMainPlacement:not(.non-keyboard-outline):hover.disabled {
opacity: 0.3;
cursor: auto;
}
.scrollToMainPlacement:not(.non-keyboard-outline):hover:disabled:hover,
.scrollToMainPlacement:not(.non-keyboard-outline):hover:disabled:focus,
.scrollToMainPlacement:not(.non-keyboard-outline):hover.disabled:hover,
.scrollToMainPlacement:not(.non-keyboard-outline):hover.disabled:focus {
color: #000;
background-color: #FFF;
}
[data-placement=top] {
top: 113px;
}
.no-promo_banner [data-placement=top] {
top: 70px;
}
[data-placement=main] {
padding-bottom: 8.75rem;
}
[data-placement=main] > *:not(:last-child) {
margin-bottom: 6.875rem;
}
}
.transparent {
position: relative;
}
.transparent .component-overlay {
background-image: linear-gradient(to bottom, transparent 75%, #000);
}
.transparent .transparent-arrow {
position: relative;
width: 1rem;
height: 1rem;
display: inline-block;
z-index: 6;
}
[dir="ltr"] .transparent .transparent-arrow {
left: 50%;
}
[dir="rtl"] .transparent .transparent-arrow {
right: 50%;
}
.transparent .transparent-arrow::after {
content: "";
position: absolute;
border: solid currentColor;
display: inline-block;
padding: 0.2rem;
bottom: 1.875rem;
font-size: 0.0625rem;
}
[dir="ltr"] .transparent .transparent-arrow::after {
border-width: 0 0.1rem 0.1rem 0;
left: 50%;
transform: rotate(45deg);
}
[dir="rtl"] .transparent .transparent-arrow::after {
border-width: 0 0 0.1rem 0.1rem;
right: 50%;
transform: rotate(-45deg);
}
@media (min-width: 376px) {
.transparent .transparent-arrow {
display: none;
}
}
[dir="ltr"] .transparent .hero__actions {
margin-left: 0;
}
[dir="rtl"] .transparent .hero__actions {
margin-right: 0;
}
.transparent .hero__cta {
box-sizing: border-box;
margin: 1.25rem auto 0;
Width: 100%;
text-transform: uppercase;
}
.transparent .component-actions__cta {
text-transform: capitalize;
font-size: 0.875rem;
}
.transparent .hero__content {
padding: 2rem 0.625rem 1.875rem;
}
.transparent .component-actions .component-actions--inner .hero__cta .component-actions__cta {
text-transform: uppercase;
}
@media (min-width: 375px) {
.transparent .hero__content-wrap {
padding: 2rem 1.25rem 1.875rem;
}
.transparent .hero__content {
width: 100%;
}
.transparent .hero__cta {
box-sizing: border-box;
margin: 1.25rem auto 0;
}
}
@media (min-width: 768px) {
.transparent .hero__content-wrap {
padding: 2rem 3.75rem 3.75rem;
}
.transparent .hero__content {
width: 100%;
padding-bottom: 0;
}
.transparent .hero__actions {
margin-top: 1.25rem;
width: 100%;
}
.transparent .hero__cta {
box-sizing: border-box;
margin: 1.25rem auto 0;
}
.transparent .component-actions--inner .component-actions__cta {
width: 100%;
text-transform: capitalize;
font-size: 0.875rem;
}
}
@media (min-width: 1024px) {
.transparent .hero__subtitle {
margin-bottom: 0.25em;
}
.transparent .transparent-arrow {
position: relative;
width: 1rem;
height: 1rem;
display: inline-block;
z-index: 6;
}
[dir="ltr"] .transparent .transparent-arrow {
left: 50%;
}
[dir="rtl"] .transparent .transparent-arrow {
right: 50%;
}
.transparent .transparent-arrow::after {
content: "";
position: absolute;
border: solid currentColor;
display: inline-block;
padding: 0.2rem;
bottom: 1.875rem;
font-size: 0.0625rem;
}
[dir="ltr"] .transparent .transparent-arrow::after {
border-width: 0 0.1rem 0.1rem 0;
left: 50%;
transform: rotate(45deg);
}
[dir="rtl"] .transparent .transparent-arrow::after {
border-width: 0 0 0.1rem 0.1rem;
right: 50%;
transform: rotate(-45deg);
}
.transparent .hero__actions {
margin-top: 0.625rem;
display: inline-block;
width: auto;
}
[dir="ltr"] .transparent .hero__actions {
margin-right: 1.875rem;
}
[dir="rtl"] .transparent .hero__actions {
margin-left: 1.875rem;
}
.transparent .hero__cta {
width: auto;
text-transform: uppercase;
font-size: 0.875rem;
}
[dir="ltr"] .transparent .hero__cta {
margin-right: 1.875rem;
}
[dir="rtl"] .transparent .hero__cta {
margin-left: 1.875rem;
}
.transparent .hero__content-wrap {
padding-bottom: 3.75rem !important;
max-width: 100%;
}
}
.transparent .hero__aspect-ratio--viewport:before {
height: calc(100vh - 7rem);
}
@media (min-width: 768px) {
.transparent .hero__aspect-ratio--viewport:before {
height: 100vh;
}
}
@media (min-width: 1024px) {
.transparent .hero__aspect-ratio--viewport:before {
height: calc(100vh - 15.125rem);
}
}
@media (min-width: 1440px) {
.transparent .hero__aspect-ratio--viewport:before {
height: 100vh;
}
}
.content-tile {
position: relative;
}
.content-tile__aspect-ratio {
position: relative;
}
.content-tile__aspect-ratio--natural {
flex-shrink: 0;
}
.content-tile--ratio-inherit {
flex-grow: 1;
}
.content-tile__aspect-ratio--inherit {
min-height: 100%;
flex-grow: 1;
position: relative;
}
.content-tile__aspect-ratio--inherit:before {
display: block;
content: "";
padding-bottom: 70%;
width: 100%;
}
.content-tile__aspect-ratio--square {
position: relative;
}
.content-tile__aspect-ratio--square:before {
display: block;
content: "";
padding-bottom: 104.1666666667%;
width: 100%;
}
.content-tile__aspect-ratio--wide {
position: relative;
}
.content-tile__aspect-ratio--wide:before {
display: block;
content: "";
padding-bottom: 71.4285714286%;
width: 100%;
}
.content-tile__aspect-ratio--tall {
position: relative;
}
.content-tile__aspect-ratio--tall:before {
display: block;
content: "";
padding-bottom: 140%;
width: 100%;
}
.content-tile__title,
.content-tile__description {
transition: opacity 200ms ease-in-out;
}
.content-tile__content-wrap.set--text-after, .content-tile__content-wrap.set--text-after-large {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.content-tile__content-wrap.set--text-after.set--has-background, .content-tile__content-wrap.set--text-after-large.set--has-background {
padding-right: 2rem;
padding-left: 2rem;
}
.content-tile__content-wrap.set--text-before, .content-tile__content-wrap.set--text-before-large {
padding-bottom: 1.6rem;
padding-top: 1.6rem;
}
.content-tile__content-wrap.set--text-before.set--has-background, .content-tile__content-wrap.set--text-before-large.set--has-background {
padding-right: 2rem;
padding-left: 2rem;
}
.content-tile__actions {
margin-right: -0.65rem;
margin-left: -0.65rem;
}
.content-tile__cta {
margin-right: 0.65rem;
margin-left: 0.65rem;
}
.content-tile__cta:not(:last-child) {
margin-bottom: 0.75rem;
}
@media (min-width: 49.4375rem) {
.content-tile--style-default .content-tile__content-wrap.set--text-overlay, .content-tile--style-default .content-tile__content-wrap.set--text-overlay-large {
padding-right: 2rem;
padding-left: 2rem;
}
.content-tile--style-default .content-tile__description {
margin-top: 0.875em;
}
.content-tile--style-default .content-tile__actions:not(:first-child) {
margin-top: 0.875rem;
}
.content-tile__content-wrap.set--text-overlay, .content-tile__content-wrap.set--text-overlay-large {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
}
@media (max-width: 49.375rem) {
.content-tile__content-wrap.set--text-overlay, .content-tile__content-wrap.set--text-overlay-small {
padding: 1.35rem;
}
.content-tile__description {
margin-top: 0.35rem;
}
.content-tile__actions:not(:first-child) {
margin-top: 0.825rem;
}
}
.descriptive-card {
position: relative;
}
.descriptive-card--style-mini .descriptive-card__media {
position: relative;
}
.descriptive-card--style-mini .descriptive-card__media:before {
display: block;
content: "";
padding-bottom: 100%;
width: 100%;
}
.descriptive-card--style-mini .descriptive-card__content-wrap {
padding: 1rem;
}
.descriptive-card__aspect-ratio--square {
position: relative;
}
.descriptive-card__aspect-ratio--square:before {
display: block;
content: "";
padding-bottom: 100%;
width: 100%;
}
.descriptive-card__description {
margin-top: 0.875em;
}
.descriptive-card__actions {
margin-right: -0.65rem;
margin-left: -0.65rem;
}
.descriptive-card__actions:not(:first-child) {
margin-top: 0.875rem;
}
.descriptive-card__cta {
display: inline-block;
margin-right: 0.65rem;
margin-left: 0.65rem;
}
.descriptive-card__cta:not(:last-child) {
margin-bottom: 1.5rem;
}
@media (min-width: 49.4375rem) {
.descriptive-card:not(:last-child) {
margin-bottom: 5rem;
}
.descriptive-card__content-wrap {
padding-top: 1.875rem;
padding-bottom: 1.875rem;
}
.descriptive-card--style-default .descriptive-card__aspect-ratio--wide {
position: relative;
}
.descriptive-card--style-default .descriptive-card__aspect-ratio--wide:before {
display: block;
content: "";
padding-bottom: 61.2403100775%;
width: 100%;
}
.descriptive-card--style-default .descriptive-card__content-wrap {
padding-right: 2.5rem;
padding-left: 2.5rem;
}
.descriptive-card--style-slim .descriptive-card__aspect-ratio--wide {
position: relative;
}
.descriptive-card--style-slim .descriptive-card__aspect-ratio--wide:before {
display: block;
content: "";
padding-bottom: 41.6666666667%;
width: 100%;
}
.descriptive-card--style-slim .descriptive-card__content-wrap {
padding-right: 2rem;
padding-left: 2rem;
}
[dir="ltr"] .descriptive-card--style-mini {
padding-left: 0.5rem;
}
[dir="rtl"] .descriptive-card--style-mini {
padding-right: 0.5rem;
}
}
@media (max-width: 49.375rem) {
.descriptive-card:not(:last-child) {
margin-bottom: 2.75rem;
}
.descriptive-card--style-default .descriptive-card__aspect-ratio--wide,
.descriptive-card--style-slim .descriptive-card__aspect-ratio--wide {
position: relative;
}
.descriptive-card--style-default .descriptive-card__aspect-ratio--wide:before,
.descriptive-card--style-slim .descriptive-card__aspect-ratio--wide:before {
display: block;
content: "";
padding-bottom: 62.5%;
width: 100%;
}
.descriptive-card--style-default .descriptive-card__content-wrap,
.descriptive-card--style-slim .descriptive-card__content-wrap {
padding: 1.625rem 1rem;
}
}
.media-collection-item__description {
margin-top: 0.875em;
}
.media-collection-item__actions {
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.media-collection-item__cta {
margin-right: 0.25rem;
margin-left: 0.25rem;
}
.media-collection-item__cta:not(:last-child) {
margin-bottom: 0.75rem;
}
@media (min-width: 49.4375rem) {
.media-collection__col:nth-child(n+3) {
margin-top: 2rem;
}
.media-collection-item__content-wrap {
padding: 3.5rem 1.5rem;
}
.media-collection-item__actions {
margin-top: 2.125rem;
}
.media-collection-item__product-list:not(:first-child) {
margin-top: 3.125rem;
}
}
@media (max-width: 49.375rem) {
.media-collection__col:not(:last-child) {
margin-bottom: 2rem;
}
.media-collection-item__content-wrap {
padding: 1.5rem 1rem;
}
.media-collection-item__actions {
margin-top: 1rem;
}
.media-collection-item__product-list:not(:first-child) {
margin-top: 2.25rem;
}
}
.product-grid__item {
margin-bottom: 4.5rem;
padding: 0;
}
.product-grid__item .product-tile__body {
padding: 1rem 1.875rem 0;
}
.product-grid:not(.set--show-all-products) .product-grid__item--hideable {
display: none;
}
.product-grid__cta-more.set--show-all-products .product-grid__cta-label--show {
display: none;
}
.product-grid__cta-more:not(.set--show-all-products) .product-grid__cta-label--hide {
display: none;
}
.search-results__toolbar-count {
display: flex;
width: auto;
height: -moz-fit-content;
height: fit-content;
}
[dir="ltr"] .search-results__toolbar-count {
margin: -1rem 2.875rem 2.75rem 2rem;
}
[dir="rtl"] .search-results__toolbar-count {
margin: -1rem 2rem 2.75rem 2.875rem;
}
@media (max-width: 49.375rem) {
.search-results__toolbar-count {
margin: 1rem 1.875rem 2.75rem;
}
}
.product-list {
background-color: #F2F2F2;
}
.html-block__media + .html-block__copy.set--text-after {
margin-top: 2rem;
}
.html-block__media + .html-block__copy.set--text-before {
margin-bottom: 2rem;
}
.html-block__title:not(:last-child) {
margin-bottom: 0.5em;
}
.html-block__actions {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.html-block__actions:not(:only-child) {
margin-top: 1.25em;
}
.html-block__cta {
margin-right: 0.5rem;
margin-left: 0.5rem;
}
.html-block__cta:not(:last-child) {
margin-bottom: 1rem;
}
@media (min-width: 49.4375rem) {
.html-block:not(:last-child),
.html-block-list__item:not(:last-child) {
margin-bottom: 2rem;
}
.html-block__copy:not(:only-child).set--text-after-large {
margin-top: 2rem;
}
.html-block__copy:not(:only-child).set--text-before-large {
margin-bottom: 2rem;
}
}
@media (max-width: 49.375rem) {
.html-block:not(:last-child),
.html-block-list__item:not(:last-child) {
margin-bottom: 3rem;
}
.html-block__copy:not(:only-child).set--text-after-small {
margin-top: 2rem;
}
.html-block__copy:not(:only-child).set--text-before-small {
margin-bottom: 2rem;
}
}
.icon-tile {
position: relative;
padding: 1.25rem;
}
.icon-tile__media {
display: inline-block;
width: 2rem;
height: 2rem;
}
.icon-tile__content {
margin-top: 0.75rem;
}
.icon-tile__actions {
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.icon-tile__cta {
margin-right: 0.25rem;
margin-left: 0.25rem;
}
.icon-tile__cta:not(:last-child) {
margin-bottom: 0.75rem;
}
@media (min-width: 49.4375rem) {
.icon-tile__description {
margin-top: 0.5em;
}
.icon-tile__actions:not(:first-child) {
margin-top: 1rem;
}
}
@media (max-width: 49.375rem) {
.icon-tile__description {
margin-top: 0.35rem;
}
.icon-tile__actions:not(:first-child) {
margin-top: 0.825rem;
}
}
[dir="ltr"] .recommendation {
margin-left: 0;
}
[dir="rtl"] .recommendation {
margin-right: 0;
}
@media (min-width: 768px) {
[dir="ltr"] .recommendation {
margin-left: 2.5rem;
}
[dir="rtl"] .recommendation {
margin-right: 2.5rem;
}
}
.recommendation .product-grid__item {
flex-basis: 100%;
max-width: 100%;
}
.recommendation .product-tile__image {
width: 90%;
height: 90%;
}
.recommendation .product-tile__anchor:hover {
color: #000;
}
.recommendation .slick-dots {
width: 100%;
text-align: center;
}
.recommendation .slick-dots button {
width: 2.5313rem;
height: 0.0625rem;
}
[dir="ltr"] .recommendation .slick-dots button {
margin-right: 0;
}
[dir="rtl"] .recommendation .slick-dots button {
margin-left: 0;
}
@media (min-width: 1024px) {
.recommendation .slick-dots button {
width: 3.7813rem;
}
}
.recommendation .slick-arrow {
top: 25%;
}
.recommendation .slick-arrow::after {
margin: auto;
width: 0.875rem;
height: 0.875rem;
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
}
@supports ((-webkit-mask-size: cover) or (mask-size: cover)) {
.recommendation .slick-arrow::after {
content: "";
-webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
mask: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
-webkit-mask-size: cover;
mask-size: cover;
background-color: currentColor;
}
}
[dir="ltr"] .recommendation .slick-arrow.slick-next {
right: 5rem;
transform: rotate(-90deg);
}
[dir="rtl"] .recommendation .slick-arrow.slick-next {
left: 5rem;
transform: rotate(90deg);
}
[dir="ltr"] .recommendation .slick-arrow.slick-next:not(.slick-disabled):hover {
transform: translateX(10%) rotate(-90deg);
}
[dir="rtl"] .recommendation .slick-arrow.slick-next:not(.slick-disabled):hover {
transform: translateX(-10%) rotate(90deg);
}
[dir="ltr"] .recommendation .slick-arrow.slick-prev {
left: 1rem;
transform: rotate(90deg);
}
[dir="rtl"] .recommendation .slick-arrow.slick-prev {
right: 1rem;
transform: rotate(-90deg);
}
[dir="ltr"] .recommendation .slick-arrow.slick-prev:not(.slick-disabled):hover {
transform: translateX(-10%) rotate(90deg);
}
[dir="rtl"] .recommendation .slick-arrow.slick-prev:not(.slick-disabled):hover {
transform: translateX(10%) rotate(-90deg);
}
.plptabHeader {
padding: 0 !important;
margin: 0;
display: flex;
list-style: none;
position: relative;
background-color: #FFF;
width: 87vw;
border-top: 0.0625rem solid #010101;
}
@media (min-width: 768px) {
.plptabHeader {
width: 100%;
}
}
.plptabHeader.plpSpecialSticky {
position: fixed;
width: 87vw;
top: 2.75rem;
display: flex;
z-index: 3;
}
@media (min-width: 768px) {
.plptabHeader.plpSpecialSticky {
width: 100%;
}
}
.plptabHeader.plpremove {
display: none;
}
.plptabHeader a {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
letter-spacing: 0.0313rem;
line-height: 1.25rem;
}
.plptabHeader a:hover {
color: #000;
text-decoration: none;
}
.plptabHeader li {
padding: 0.5625rem 30px;
flex-shrink: 0;
flex-grow: 1;
text-align: center;
border-bottom: 0.0625rem solid #F2F2F2;
}
@media (min-width: 768px) {
.plptabHeader li {
padding: 0.5625rem 50px;
}
}
@media (min-width: 1024px) {
.plptabHeader li {
padding: 0.5625rem 1.25rem;
}
}
.plptabHeader li.active, .plptabHeader li:active, .plptabHeader li:visited {
border-bottom: 0.0625rem solid #010101;
}
.plptabHeader .slick-slide {
box-sizing: border-box;
}
.plptabHeader .slick-arrow {
font-size: 1rem;
background-color: #FFF;
border-radius: 0;
top: -0.0625rem;
width: 2.75rem;
height: 2.9375rem;
border-top: 0.0625rem solid #010101;
border-bottom: 0.0625rem solid #F2F2F2;
}
[dir="ltr"] .plptabHeader .slick-arrow.slick-prev {
left: auto;
right: -2rem;
border-left: 0.0625rem solid #F2F2F2;
}
[dir="rtl"] .plptabHeader .slick-arrow.slick-prev {
right: auto;
left: -2rem;
border-right: 0.0625rem solid #F2F2F2;
}
@media (min-width: 376px) {
[dir="ltr"] .plptabHeader .slick-arrow.slick-prev {
border-left: none;
}
[dir="rtl"] .plptabHeader .slick-arrow.slick-prev {
border-right: none;
}
}
[dir="ltr"] .plptabHeader .slick-arrow.slick-next {
right: -3.75rem;
}
[dir="rtl"] .plptabHeader .slick-arrow.slick-next {
left: -3.75rem;
}
.plptabHeader .slick-arrow.slick-prev:before {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
font-size: 1rem;
color: #000;
display: inline-block;
width: 12px;
}
[dir="ltr"] .plptabHeader .slick-arrow.slick-prev:before {
transform: rotate(90deg);
}
[dir="rtl"] .plptabHeader .slick-arrow.slick-prev:before {
transform: rotate(-90deg);
}
.plptabHeader .slick-arrow.slick-next:before {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
font-size: 1rem;
color: #000;
display: inline-block;
width: 12px;
}
[dir="ltr"] .plptabHeader .slick-arrow.slick-next:before {
transform: rotate(270deg);
}
[dir="rtl"] .plptabHeader .slick-arrow.slick-next:before {
transform: rotate(-270deg);
}
.plptabHeader .slick-arrow.slick-disabled.slick-prev:before {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
}
.plptabHeader .slick-arrow.slick-disabled.slick-next:before {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
}
.plptabHeader .slick-arrow.slick-disabled {
opacity: 1;
visibility: visible;
}
.plptabHeader .slick-arrow.slick-disabled:before {
color: #8C8C8C;
}
.featuredProducts .product-tile__media,
.featuredProducts .product-tile--default:hover .product-tile__image--secondary.lazyloaded,
.featuredProducts .product-tile--default .product-tile__image {
background-color: #0D0909;
}
.featuredProducts .product-tile__anchor:focus, .featuredProducts .product-tile--default:hover {
background-color: #0D0909;
}
.featuredProducts .product-tile--default .product-tile__anchor {
color: #FFF;
}
.featuredProducts .product-tile--default:hover .product-tile__body {
color: #000;
}
.featuredProducts .product-tile--default .product-tile__body {
text-align: center;
}
.featuredProducts .product-tile--default .product-tile__body .product-badge {
display: none;
}
.featuredProducts .product-tile--default:hover .product-tile__body {
background: #000;
color: #FFF;
}
.featuredProducts .item_qb-btn.item_qb-btn--wishlist:hover .icon {
background-image: url("../../images/icons/icon_wishlist_white_filled.svg");
}
.featuredProducts .item_qb-btn.item_qb-btn--wishlist .icon {
background-image: url("../../images/icons/icon_wishlist_white.svg");
}
.featuredProducts .item_qb-btn .icon {
background-image: url("../../images/icons/icon_shopping_bag_white.svg");
}
.featuredProducts .is-vHidden {
color: #FFF;
}
.featuredProducts .slick-arrow {
background: #000;
border: 0.125rem solid #FFF;
width: 3.375rem;
height: 3.375rem;
bottom: 0;
top: auto;
font-size: 1.5rem;
background: #000;
}
.featuredProducts .slick-arrow.slick-prev::after {
content: "←";
width: 3.25rem;
height: 3.875rem;
font-size: 2.0625rem;
}
.featuredProducts .slick-arrow.slick-next::after {
content: "→";
width: 3.25rem;
height: 3.875rem;
font-size: 2.0625rem;
}
[dir="ltr"] .featuredProducts .slick-arrow.slick-prev {
left: 34%;
}
[dir="rtl"] .featuredProducts .slick-arrow.slick-prev {
right: 34%;
}
@media (min-width: 767px) {
[dir="ltr"] .featuredProducts .slick-arrow.slick-prev {
left: 44%;
}
[dir="rtl"] .featuredProducts .slick-arrow.slick-prev {
right: 44%;
}
}
@media (min-width: 500px) {
[dir="ltr"] .featuredProducts .slick-arrow.slick-prev {
left: 42%;
}
[dir="rtl"] .featuredProducts .slick-arrow.slick-prev {
right: 42%;
}
}
[dir="ltr"] .featuredProducts .slick-arrow.slick-next {
right: 34%;
}
[dir="rtl"] .featuredProducts .slick-arrow.slick-next {
left: 34%;
}
@media (min-width: 500px) {
[dir="ltr"] .featuredProducts .slick-arrow.slick-next {
right: 44%;
}
[dir="rtl"] .featuredProducts .slick-arrow.slick-next {
left: 44%;
}
}
@media (min-width: 768px) {
[dir="ltr"] .featuredProducts .slick-arrow.slick-next {
right: 42%;
}
[dir="rtl"] .featuredProducts .slick-arrow.slick-next {
left: 42%;
}
}
.featuredProducts .product-tile__body-section {
margin-bottom: 0;
}
@media (max-width: 768px) {
.featuredProducts .product-tile__body-section.product-tile__name {
margin: 0 0 16px;
}
}
.featuredProducts .shopnowBtn {
color: #FFF;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.75rem;
letter-spacing: 0.0625rem;
line-height: 1.25rem;
text-align: center;
text-transform: uppercase;
margin-top: 1.25rem;
width: 100%;
display: inline-block;
margin-bottom: 40px;
}
.featuredProducts .product-tile--default .product-tile__image {
width: 100%;
height: 100%;
}
@media (min-width: 1023px) {
.featuredProducts .product-tile--default .product-tile__image {
width: 75%;
height: 75%;
}
}
@media (min-width: 767px) and (max-width: 1023px) {
.featuredProducts {
display: flex;
justify-content: center;
}
}
.chevron-arrow {
position: relative;
width: 1rem;
height: 1rem;
display: inline-block;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.75rem;
letter-spacing: 0.0625rem;
line-height: 1.25rem;
text-transform: uppercase;
}
@media (max-width: 768px) {
.chevron-arrow {
margin-top: 13%;
}
}
.chevron-arrow:after {
content: "";
position: absolute;
border: solid currentColor;
display: inline-block;
padding: 0.2rem;
bottom: 1.875rem;
font-size: 0.0625rem;
top: 2.1875rem;
}
[dir="ltr"] .chevron-arrow:after {
border-width: 0 0.1rem 0.1rem 0;
left: 50%;
transform: rotate(45deg);
}
[dir="rtl"] .chevron-arrow:after {
border-width: 0 0 0.1rem 0.1rem;
right: 50%;
transform: rotate(-45deg);
}
.removePadding .content-tile__content-wrap {
padding: 0;
}
[data-pdpagelayout=pd-sticky-header] [data-page-motion] [data-motion]:not(.set--motion-trigger) {
opacity: 1;
transform: translateY(0);
}
.featuredProductTiles .slick-arrow {
border: 0.125rem solid #FFF;
width: 3.375rem;
height: 3.375rem;
bottom: -35px;
top: auto;
font-size: 1.5rem;
background: #000;
}
.featuredProductTiles .slick-arrow.slick-prev::after {
content: "←";
width: 3.25rem;
height: 3.875rem;
font-size: 2.0625rem;
}
.featuredProductTiles .slick-arrow.slick-next::after {
content: "→";
width: 3.25rem;
height: 3.875rem;
font-size: 2.0625rem;
}
[dir="ltr"] .featuredProductTiles .slick-arrow.slick-prev {
left: 34%;
}
[dir="rtl"] .featuredProductTiles .slick-arrow.slick-prev {
right: 34%;
}
@media (min-width: 767px) {
[dir="ltr"] .featuredProductTiles .slick-arrow.slick-prev {
left: 44%;
}
[dir="rtl"] .featuredProductTiles .slick-arrow.slick-prev {
right: 44%;
}
}
@media (min-width: 500px) {
[dir="ltr"] .featuredProductTiles .slick-arrow.slick-prev {
left: 42%;
}
[dir="rtl"] .featuredProductTiles .slick-arrow.slick-prev {
right: 42%;
}
}
[dir="ltr"] .featuredProductTiles .slick-arrow.slick-next {
right: 34%;
}
[dir="rtl"] .featuredProductTiles .slick-arrow.slick-next {
left: 34%;
}
@media (min-width: 500px) {
[dir="ltr"] .featuredProductTiles .slick-arrow.slick-next {
right: 44%;
}
[dir="rtl"] .featuredProductTiles .slick-arrow.slick-next {
left: 44%;
}
}
@media (min-width: 768px) {
[dir="ltr"] .featuredProductTiles .slick-arrow.slick-next {
right: 42%;
}
[dir="rtl"] .featuredProductTiles .slick-arrow.slick-next {
left: 42%;
}
}
.featuredProductTiles .product-tile--default:hover {
background-color: #000;
}
.featuredProductTiles .product .product-badge {
display: none;
}
.featuredProductTiles .product-tile__body-section:not(:first-child) {
text-align: center;
color: #FFF;
}
.featuredProductTiles .price {
color: #FFF;
}
.featuredProductTiles .product-tile--default .product-tile__image {
width: 100%;
height: 100%;
}
@media (min-width: 1023px) {
.featuredProductTiles .product-tile--default .product-tile__image {
width: 75%;
height: 75%;
}
}
.featuredProductTiles .shopnowBtn {
color: #FFF;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.75rem;
letter-spacing: 0.0625rem;
line-height: 1.25rem;
text-align: center;
text-transform: uppercase;
margin-top: 1.25rem;
width: 100%;
display: inline-block;
margin-bottom: 40px;
}
.featuredProductTiles .product-tile__media,
.featuredProductTiles .product-tile--default:hover .product-tile__image--secondary.lazyloaded,
.featuredProductTiles .product-tile--default .product-tile__image {
background-color: #0D0909;
}
.featuredProductTiles .product-tile__anchor:focus, .featuredProductTiles .product-tile--default:hover {
background-color: #0D0909;
}
.featuredProductTiles .product-tile--default .product-tile__anchor {
color: #FFF;
}
.featuredProductTiles .product-tile--default:hover .product-tile__body {
color: #000;
}
.featuredProductTiles .product-tile--default .product-tile__body {
text-align: center;
}
.featuredProductTiles .product-tile--default .product-tile__body .product-badge {
display: none;
}
.featuredProductTiles .product-tile--default:hover .product-tile__body {
background: #000;
color: #FFF;
}
html[dir=rtl] .featuredProductTiles .slick-arrow.slick-prev::after,
html[dir=rtl] .featuredProductTiles .slick-arrow.slick-next::after,
html[dir=rtl] .featuredProducts .slick-arrow.slick-prev::after,
html[dir=rtl] .featuredProducts .slick-arrow.slick-next::after {
height: 51px;
}
html[dir="ltr"][dir=rtl] .featuredProductTiles .slick-arrow.slick-prev::after,
html[dir="ltr"][dir=rtl] .featuredProductTiles .slick-arrow.slick-next::after,
html[dir="ltr"][dir=rtl] .featuredProducts .slick-arrow.slick-prev::after,
html[dir="ltr"][dir=rtl] .featuredProducts .slick-arrow.slick-next::after {
transform: rotate(180deg);
}
html[dir="rtl"][dir=rtl] .featuredProductTiles .slick-arrow.slick-prev::after,
html[dir="rtl"][dir=rtl] .featuredProductTiles .slick-arrow.slick-next::after,
html[dir="rtl"][dir=rtl] .featuredProducts .slick-arrow.slick-prev::after,
html[dir="rtl"][dir=rtl] .featuredProducts .slick-arrow.slick-next::after {
transform: rotate(-180deg);
}
.modal-sizeguide.window-modal {
overflow: auto;
overflow-y: scroll;
scrollbar-width: thin;
scrollbar-gutter: stable;
scrollbar-color: #000 #F2F2F2;
background-color: rgba(0, 0, 0, 0.3);
/* Track */
/* Handle */
/* Handle on hover */
}
[dir="ltr"] .modal-sizeguide.window-modal {
left: auto;
right: 0;
border-left: none;
}
[dir="rtl"] .modal-sizeguide.window-modal {
right: auto;
left: 0;
border-right: none;
}
.modal-sizeguide.window-modal::-webkit-scrollbar {
width: 0.3125rem;
}
.modal-sizeguide.window-modal::-webkit-scrollbar-track {
background: #F2F2F2;
}
.modal-sizeguide.window-modal::-webkit-scrollbar-thumb {
background: #000;
}
.modal-sizeguide.window-modal::-webkit-scrollbar-thumb:hover {
background: #676767;
}
.modal-sizeguide.window-modal .window-modal__content {
width: 100%;
max-width: 100%;
padding: 0 1.25rem;
box-sizing: border-box;
min-height: 100%;
margin-top: 0;
}
[dir="ltr"] .modal-sizeguide.window-modal .window-modal__content {
margin-left: auto;
margin-right: 0;
}
[dir="rtl"] .modal-sizeguide.window-modal .window-modal__content {
margin-right: auto;
margin-left: 0;
}
@media (min-width: 1024px) {
.modal-sizeguide.window-modal .window-modal__content {
width: 49%;
}
[dir="ltr"] .modal-sizeguide.window-modal .window-modal__content {
border-left: 0.0625rem solid #000;
padding-left: 1.875rem;
}
[dir="rtl"] .modal-sizeguide.window-modal .window-modal__content {
border-right: 0.0625rem solid #000;
padding-right: 1.875rem;
}
}
@media (min-width: 1440px) {
.modal-sizeguide.window-modal .window-modal__content {
width: 54%;
}
}
@media (min-width: 1920px) {
.modal-sizeguide.window-modal .window-modal__content {
width: 49%;
}
}
[dir="ltr"] .modal-sizeguide.window-modal .window-modal__close {
right: 0.8125rem;
}
[dir="rtl"] .modal-sizeguide.window-modal .window-modal__close {
left: 0.8125rem;
}
@media (min-width: 1024px) {
[dir="ltr"] .modal-sizeguide.window-modal .window-modal__close {
right: 1.25rem;
}
[dir="rtl"] .modal-sizeguide.window-modal .window-modal__close {
left: 1.25rem;
}
}
.modal-sizeguide.window-modal .window-modal__close:after {
width: 0.8125rem;
height: 0.8125rem;
}
.sizeGuide {
margin-top: 26%;
opacity: 0;
}
.sizeGuide.component-loaded {
opacity: 1;
}
@media (min-width: 768px) {
.sizeGuide {
margin-top: 15%;
}
}
@media (min-width: 1024px) {
.sizeGuide {
margin-top: 6rem;
}
}
.sizeGuide .title {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 1.125rem;
letter-spacing: 0.6px;
line-height: 1.5625rem;
margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
.sizeGuide .title {
margin-bottom: 2.9375rem;
}
}
.sizeGuide-items {
margin-bottom: 1.5625rem;
}
[dir="ltr"] .sizeGuide-items {
padding-left: 0 !important;
}
[dir="rtl"] .sizeGuide-items {
padding-right: 0 !important;
}
.sizeGuide-item {
list-style: none;
position: relative;
}
.sizeGuide .below-content-heading {
margin-bottom: 1.875rem;
}
.sizeGuide-content {
position: absolute;
padding-top: 0.875rem;
left: 0.625rem;
right: 0.625rem;
}
.sizeGuide-content p {
margin: 0;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
letter-spacing: 0.5px;
line-height: 1.25rem;
}
.sizeGuide .sizeGuide-item.active img {
border: 0.0625rem solid #000;
}
.sizeGuide .slick-slide {
margin: 0 0.3125rem;
cursor: pointer;
}
.sizeGuide .slick-slide img {
border-radius: 0.75rem;
border: 0.0625rem solid transparent;
margin: 0 !important;
}
.sizeGuide .slide-arrow {
background-image: url("../../images/Arrow-Left.svg");
background-repeat: no-repeat;
background-color: transparent;
background-position: center;
}
.sizeGuide .slide-arrow:hover {
transform: none;
}
.sizeGuide .slide-arrow.slick-next {
width: 1.25rem;
height: 1.25rem;
top: -4.1875rem;
}
[dir="ltr"] .sizeGuide .slide-arrow.slick-next {
right: -0.0625rem;
transform: rotate(180deg);
}
[dir="rtl"] .sizeGuide .slide-arrow.slick-next {
left: -0.0625rem;
transform: rotate(-180deg);
}
@media (min-width: 1024px) {
.sizeGuide .slide-arrow.slick-next {
top: -77px;
}
[dir="ltr"] .sizeGuide .slide-arrow.slick-next {
transform: rotate(180deg);
right: 0.6875rem;
}
[dir="rtl"] .sizeGuide .slide-arrow.slick-next {
transform: rotate(-180deg);
left: 0.6875rem;
}
}
.sizeGuide .slide-arrow.slick-disabled {
opacity: 0.5;
visibility: visible;
}
.sizeGuide .slide-arrow.slick-prev {
width: 1.25rem;
height: 1.25rem;
top: -4.1875rem;
}
[dir="ltr"] .sizeGuide .slide-arrow.slick-prev {
right: 1.5rem;
left: auto;
}
[dir="rtl"] .sizeGuide .slide-arrow.slick-prev {
left: 1.5rem;
right: auto;
}
@media (min-width: 1024px) {
.sizeGuide .slide-arrow.slick-prev {
top: -76.5px;
}
[dir="ltr"] .sizeGuide .slide-arrow.slick-prev {
right: 35px;
}
[dir="rtl"] .sizeGuide .slide-arrow.slick-prev {
left: 35px;
}
}
.sizeGuide .sizeGuide-accordion {
box-sizing: border-box;
border-top: 0.0625rem solid #000;
margin-top: 4.125rem;
}
.sizeGuide .sizeGuide-accordion .accordion-card {
border-bottom: 0.0625rem solid #000;
}
.sizeGuide .sizeGuide-accordion .accordion-card.showAccordion .accordion-description {
display: block;
padding-bottom: 1.25rem;
}
[dir="ltr"] .sizeGuide .sizeGuide-accordion .accordion-card.showAccordion .closed {
transform: rotate(180deg);
}
[dir="rtl"] .sizeGuide .sizeGuide-accordion .accordion-card.showAccordion .closed {
transform: rotate(-180deg);
}
.sizeGuide .sizeGuide-accordion .closed {
content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.8 5.1l-11 11.4L1.2 5.1 0 6.3l11.8 12.6L24 6.3z'/%3E%3C/svg%3E");
font-size: 1rem;
color: #000;
display: inline-block;
width: 0.75rem;
}
.sizeGuide .sizeGuide-accordion .accordion-description {
display: none;
}
.sizeGuide .sizeGuide-accordion button {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 1.25rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
[dir="ltr"] .sizeGuide .sizeGuide-accordion button {
padding-left: 0;
}
[dir="rtl"] .sizeGuide .sizeGuide-accordion button {
padding-right: 0;
}
.sizeGuide .sizeGuide-accordion button:hover, .sizeGuide .sizeGuide-accordion button:active {
text-decoration: none;
}
.pensize .sizeGuideheight {
padding-top: 0.625rem;
}
.pensize .sizeGuide-item img {
border-radius: 0;
border: none;
}
.pensize .sizeGuide-item.active img {
border: none;
}
.pensize .sizeGuideMeasure {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
letter-spacing: 0.5px;
line-height: 1.25rem;
}
.linewidthsize .slick-track, .pensize .slick-track {
margin: 0;
}
.braceletGuide .hide-inch {
display: none;
}
.braceletGuide .html-block__title {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 1.125rem;
letter-spacing: 0.6px;
line-height: 1.5625rem;
display: flex;
justify-content: space-between;
}
.braceletGuide .measure-tools {
margin: 0;
width: 43%;
}
[dir="ltr"] .braceletGuide .measure-tools {
text-align: left;
}
[dir="rtl"] .braceletGuide .measure-tools {
text-align: right;
}
@media (min-width: 1024px) {
.braceletGuide .measure-tools {
width: 45%;
}
}
.braceletGuide .inch, .braceletGuide .cm {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.75rem;
letter-spacing: 0.0625rem;
line-height: 1.25rem;
color: #000;
}
[dir="ltr"] .braceletGuide .cm {
margin-right: 1.875rem;
}
[dir="rtl"] .braceletGuide .cm {
margin-left: 1.875rem;
}
.braceletGuide .measure-heading {
border-top: 0.0625rem solid #000;
border-bottom: 0.0625rem solid #000;
}
.braceletGuide .highlight {
text-decoration: underline;
}
.braceletGuide table, .braceletGuide tr, .braceletGuide td {
border: none;
}
.braceletGuide .cm-value,
.braceletGuide .inch-value,
.braceletGuide .size-value {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
letter-spacing: 0.5px;
line-height: 1.25rem;
color: #000;
}
[dir="ltr"] .braceletGuide .cm-value,
[dir="ltr"] .braceletGuide .inch-value,
[dir="ltr"] .braceletGuide .size-value {
text-align: left;
padding: 0.125rem 0.1875rem 0.125rem 1.25rem;
}
[dir="rtl"] .braceletGuide .cm-value,
[dir="rtl"] .braceletGuide .inch-value,
[dir="rtl"] .braceletGuide .size-value {
text-align: right;
padding: 0.125rem 1.25rem 0.125rem 0.1875rem;
}
.braceletGuide .measure-content {
font-family: "MontblancType-Medium", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
letter-spacing: 0.5px;
line-height: 1.25rem;
list-style: none;
}
[dir="ltr"] .braceletGuide .measure-content {
padding-right: 2rem;
padding-left: 0;
}
[dir="rtl"] .braceletGuide .measure-content {
padding-left: 2rem;
padding-right: 0;
}
.braceletGuide .measure-content li {
position: relative;
}
.braceletGuide .measure-content .bullets {
width: 0.375rem;
height: 0.375rem;
display: inline-block;
border: 0.1062rem solid #000;
position: absolute;
top: 0.375rem;
border-radius: 50%;
}
.braceletGuide .measure-content .measure-text {
display: inline-block;
}
[dir="ltr"] .braceletGuide .measure-content .measure-text {
padding-left: 1.25rem;
}
[dir="rtl"] .braceletGuide .measure-content .measure-text {
padding-right: 1.25rem;
}
.modal-sizeguide.modal-Bracelets.window-modal {
width: 100%;
display: inline-block;
}
@media (min-width: 1024px) {
.modal-sizeguide.modal-Bracelets.window-modal {
top: 2.8125rem;
}
}
.modal-sizeguide.modal-Bracelets.window-modal .window-modal__content {
width: 100%;
}
@media (min-width: 1024px) {
.modal-sizeguide.modal-Bracelets.window-modal .window-modal__content {
width: 34%;
}
}
.modal-sizeguide.modal-Bracelets.window-modal .module-container__constraint--center {
padding: 0;
}
.modal-Bracelets.window-modal {
width: 100%;
display: inline-block;
}
@media (min-width: 1024px) {
.modal-Bracelets.window-modal {
top: 2.8125rem;
}
}
.modal-Bracelets.window-modal .window-modal__content {
width: 100%;
}
@media (min-width: 1024px) {
.modal-Bracelets.window-modal .window-modal__content {
width: 34%;
}
}
.modal-Bracelets.window-modal .module-container__constraint--center {
padding: 0;
}
.historyContent {
background-color: #F3F1EC;
padding: 3.75rem 1.25rem;
box-sizing: border-box;
flex-direction: column;
display: flex;
position: relative;
scroll-behavior: smooth;
}
@media (min-width: 1024px) {
.historyContent {
flex-direction: row;
}
[dir="ltr"] .historyContent {
padding: 3.75rem 0 5.4375rem 8.0625rem;
}
[dir="rtl"] .historyContent {
padding: 3.75rem 8.0625rem 5.4375rem 0;
}
}
.historyContent .history-header {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
letter-spacing: 0.2px;
line-height: 2rem;
margin-bottom: 0.3125rem;
}
@media (min-width: 1024px) {
.historyContent .history-header {
margin-bottom: 1rem;
}
}
.historyContent .history-subheader {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
letter-spacing: 0.5px;
line-height: 1.25rem;
color: #000;
margin-bottom: 0.3125rem;
}
@media (min-width: 1024px) {
.historyContent .history-subheader {
margin-bottom: 1rem;
}
}
.historyContent .history-first {
width: 100%;
display: inline-block;
padding-top: 3.75rem;
margin: 0;
box-sizing: border-box;
}
@media (min-width: 1024px) {
.historyContent .history-first {
width: 43.5%;
}
[dir="ltr"] .historyContent .history-first {
padding-right: 10%;
}
[dir="rtl"] .historyContent .history-first {
padding-left: 10%;
}
}
.historyContent .history-content-text {
opacity: 0.3;
text-decoration: none;
}
.historyContent .history-content-text.active {
opacity: 1;
}
.historyContent .history-content-text.active.is-hundred-years-anniversary .history-contentHeader {
font-family: "Smooth-River-Regular";
}
.historyContent .history-content-text.active.is-hundred-years-anniversary .history-contentHeader {
font-size: 1.5rem;
}
@media screen and (min-width: 49.375rem) {
.historyContent .history-content-text.active.is-hundred-years-anniversary .history-contentHeader {
font-size: calc(1.5rem + 2 * ((100vw - 49.375rem) / 40.625));
}
}
@media screen and (min-width: 90rem) {
.historyContent .history-content-text.active.is-hundred-years-anniversary .history-contentHeader {
font-size: 3.5rem;
}
}
.historyContent .history-content-text.active .history-contentHeader {
font-size: 1.5rem;
}
.historyContent .history-content-text.active .history-contentSubtext {
display: none;
}
@media (min-width: 1024px) {
.historyContent .history-content-text.active .history-contentSubtext {
display: block;
}
}
.historyContent ul {
padding: 0;
margin-bottom: 0.3125rem;
}
@media (min-width: 1024px) {
.historyContent ul {
padding: 20% 0 0;
}
}
.historyContent li {
display: inline-block;
list-style: none;
}
[dir="ltr"] .historyContent li {
margin-right: 20px;
}
[dir="rtl"] .historyContent li {
margin-left: 20px;
}
@media (min-width: 1024px) {
.historyContent li {
display: inline-block;
width: 100%;
}
}
.historyContent .history-image-content {
padding-bottom: 3.125rem;
box-sizing: border-box;
}
.historyContent .history-second {
width: 100%;
margin-top: 50px;
}
@media (min-width: 1024px) {
.historyContent .history-second {
width: 56.43%;
margin: 0;
}
}
.historyContent .history-contentHeader {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
letter-spacing: 0.2px;
line-height: 2rem;
cursor: pointer;
margin: 0;
padding-bottom: 0.625rem;
}
.historyContent .history-contentSubtext {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
letter-spacing: 0.5px;
line-height: 1.25rem;
display: none;
}
.historyContent .first-content {
position: relative;
}
.historyContent .first-content.activate {
width: 100%;
padding: 0.625rem 1.25rem;
position: fixed;
top: 0;
z-index: 4;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
[dir="ltr"] .historyContent .first-content.activate {
left: 0;
}
[dir="rtl"] .historyContent .first-content.activate {
right: 0;
}
@media (min-width: 1024px) {
.historyContent .first-content.activate {
width: 28%;
display: inline-block;
top: 3.125rem;
padding: 0;
z-index: 0;
}
[dir="ltr"] .historyContent .first-content.activate {
left: 7.9375rem;
}
[dir="rtl"] .historyContent .first-content.activate {
right: 7.9375rem;
}
}
.historyContent .firstText,
.historyContent .secondText,
.historyContent .thirdText,
.historyContent .forthText,
.historyContent .fifthText {
display: none;
margin-bottom: 0.3125rem;
}
.error-page-content {
display: flex;
justify-content: space-between;
flex-direction: column;
}
@media (min-width: 1024px) {
.error-page-content {
flex-direction: row;
}
}
.error-page-content .error-page-first {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 2rem;
letter-spacing: 0.4px;
line-height: 2.6875rem;
width: 50%;
}
.error-page-content .error-page-second-header {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
letter-spacing: 0.2px;
line-height: 2rem;
}
.error-page-content .error-page-second-subheader {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
letter-spacing: 0.5px;
line-height: 1.25rem;
margin-bottom: 1.875rem;
}
@media (min-width: 1024px) {
.error-page-content .error-page-second-subheader {
margin-bottom: 4.125rem;
}
}
.error-page .content-tile--style-default .content-tile__content-wrap.set--text-overlay {
padding: 2.5rem 1.25rem;
}
@media (min-width: 1024px) {
.error-page .content-tile--style-default .content-tile__content-wrap.set--text-overlay {
width: 100%;
display: inline-block;
padding: 5.625rem 5.5rem;
}
}
.error-page .content-tile--style-default .content-tile__actions:not(:first-child) {
width: 100%;
margin: 0 auto;
}
@media (min-width: 1023px) {
.error-page .content-tile--style-default .content-tile__actions:not(:first-child) {
max-width: 24.25rem;
}
}
@media (min-width: 1024px) {
.error-page .content-tile--style-default .content-tile__actions:not(:first-child) {
max-width: 20.125rem;
}
}
@media (min-width: 1920px) {
.error-page .content-tile--style-default .content-tile__actions:not(:first-child) {
max-width: 19.6875rem;
}
[dir="ltr"] .error-page .content-tile--style-default .content-tile__actions:not(:first-child) {
text-align: right;
}
[dir="rtl"] .error-page .content-tile--style-default .content-tile__actions:not(:first-child) {
text-align: left;
}
}
.error-page .content-tile--style-default .content-tile__actions:not(:first-child) a {
width: 100%;
margin: 0;
}
@media (min-width: 1024px) {
.error-page .content-tile--style-default .content-tile__actions:not(:first-child) a {
width: auto;
}
}
.error-page .product-section__recently-viewed .product-list {
background-color: #F2F2F2;
}
@media (min-width: 375px) {
.error-page .product-section__recently-viewed .product-list {
padding: 0 0.3125rem;
}
}
@media (min-width: 500px) {
.error-page .product-section__recently-viewed .product-list {
padding: 0 1.25rem;
}
}
.error-page .product-section__recently-viewed .product-list__carousel .slick-prev {
top: -4.5625rem;
}
[dir="ltr"] .error-page .product-section__recently-viewed .product-list__carousel .slick-prev {
left: auto;
right: 3.75rem;
}
[dir="rtl"] .error-page .product-section__recently-viewed .product-list__carousel .slick-prev {
right: auto;
left: 3.75rem;
}
@media (min-width: 375px) {
[dir="ltr"] .error-page .product-section__recently-viewed .product-list__carousel .slick-prev {
right: 2.5rem;
}
[dir="rtl"] .error-page .product-section__recently-viewed .product-list__carousel .slick-prev {
left: 2.5rem;
}
}
@media (min-width: 500px) {
[dir="ltr"] .error-page .product-section__recently-viewed .product-list__carousel .slick-prev {
right: 3.75rem;
}
[dir="rtl"] .error-page .product-section__recently-viewed .product-list__carousel .slick-prev {
left: 3.75rem;
}
}
.error-page .product-section__recently-viewed .product-list__carousel .slick-next {
top: -4.5625rem;
}
[dir="ltr"] .error-page .product-section__recently-viewed .product-list__carousel .slick-next {
left: auto;
right: 0.625rem;
}
[dir="rtl"] .error-page .product-section__recently-viewed .product-list__carousel .slick-next {
right: auto;
left: 0.625rem;
}
@media (min-width: 375px) {
[dir="ltr"] .error-page .product-section__recently-viewed .product-list__carousel .slick-next {
right: 0;
}
[dir="rtl"] .error-page .product-section__recently-viewed .product-list__carousel .slick-next {
left: 0;
}
}
@media (min-width: 500px) {
[dir="ltr"] .error-page .product-section__recently-viewed .product-list__carousel .slick-next {
right: 0.625rem;
}
[dir="rtl"] .error-page .product-section__recently-viewed .product-list__carousel .slick-next {
left: 0.625rem;
}
}
.maintainPage {
padding: 1.25rem;
width: 100%;
display: inline-block;
margin: 0;
}
@media (min-width: 1023px) {
.maintainPage {
padding: 5.625rem 5.5rem;
}
}
.maintainPage .servererror-page-content {
flex-direction: column;
display: flex;
justify-content: space-around;
}
@media (min-width: 1023px) {
.maintainPage .servererror-page-content {
flex-direction: row;
}
}
@media (min-width: 1024px) {
.maintainPage .servererror-page-content {
justify-content: space-evenly;
}
}
.maintainPage .servererror-page-second-header {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
letter-spacing: 0.2px;
line-height: 2rem;
}
.maintainPage .servererror-page-second-subheader {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
letter-spacing: 0.5px;
line-height: 1.25rem;
margin-bottom: 0;
}
@media (min-width: 1023px) {
.maintainPage .servererror-page-second-subheader {
margin-bottom: 4.125rem;
}
}
.maintainPage .servererror-page-first {
color: #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
font-size: 2rem;
letter-spacing: 0.4px;
line-height: 2.6875rem;
}
[dir="ltr"] .maintainPage .servererror-page-first {
text-align: left;
}
[dir="rtl"] .maintainPage .servererror-page-first {
text-align: right;
}
[dir="ltr"] .maintainPage .servererror-page-second {
text-align: left;
}
[dir="rtl"] .maintainPage .servererror-page-second {
text-align: right;
}
.maintainPage .component-actions.html-block__actions {
text-align: center;
}
.maintainPage .content-tile,
.maintainPage .content-tile__content-wrap {
display: inline-block;
width: 100%;
}
div[data-querystring="cid=500-page-content"] .shop-discover-block,
div[data-querystring="cid=500-page-content"] .footer,
div[data-querystring="cid=500-page-content"] .header__search-trigger.header_searchMobile,
div[data-querystring="cid=500-page-content"] .header_content .header__utility-item.header__search,
div[data-querystring="cid=500-page-content"] .header-country,
div[data-querystring="cid=500-page-content"] .header-account,
div[data-querystring="cid=500-page-content"] .header-wishlist,
div[data-querystring="cid=500-page-content"] .header__minicart,
div[data-querystring="cid=500-page-content"] .header__hamburger-menu,
.maintainancePage .shop-discover-block,
.maintainancePage .footer,
.maintainancePage .header__search-trigger.header_searchMobile,
.maintainancePage .header_content .header__utility-item.header__search,
.maintainancePage .header-country,
.maintainancePage .header-account,
.maintainancePage .header-wishlist,
.maintainancePage .header__minicart,
.maintainancePage .header__hamburger-menu {
display: none;
}
@media (max-width: 1023px) {
[dir="ltr"] div[data-querystring="cid=500-page-content"] .header_mainlogo,
[dir="ltr"] div[data-querystring="cid=500-page-content"] .sticky .header_mainlogo,
[dir="ltr"] .maintainancePage .header_mainlogo,
[dir="ltr"] .maintainancePage .sticky .header_mainlogo {
border-left: none;
border-right: 0.0625rem solid #000;
}
[dir="rtl"] div[data-querystring="cid=500-page-content"] .header_mainlogo,
[dir="rtl"] div[data-querystring="cid=500-page-content"] .sticky .header_mainlogo,
[dir="rtl"] .maintainancePage .header_mainlogo,
[dir="rtl"] .maintainancePage .sticky .header_mainlogo {
border-right: none;
border-left: 0.0625rem solid #000;
}
}
@media (max-width: 1024px) {
div[data-querystring="cid=500-page-content"] .header_mainlogo,
div[data-querystring="cid=500-page-content"] .sticky .header_mainlogo,
.maintainancePage .header_mainlogo,
.maintainancePage .sticky .header_mainlogo {
border-left: 0.0625rem solid #000;
border-right: 0.0625rem solid #000;
}
}
@media only screen and (min-width: 1920px) {
div[data-querystring="cid=500-page-content"] .header_mainlogo,
div[data-querystring="cid=500-page-content"] .sticky .header_mainlogo,
.maintainancePage .header_mainlogo,
.maintainancePage .sticky .header_mainlogo {
border-left: 0.0625rem solid #000;
border-right: 0.0625rem solid #000;
}
}
div[data-querystring="cid=500-page-content"] .header_content,
.maintainancePage .header_content {
border: 0.0625rem solid #F2F2F2;
}
.experience-custom-hotspotComponent {
position: relative;
z-index: 99;
}
@media (min-width: 48rem) {
.experience-custom-hotspotComponent {
z-index: 1;
}
}
.body-hotspot-active {
overflow: hidden;
}
@media (min-width: 48rem) {
.body-hotspot-active {
overflow: auto;
}
}
.hotspotComponent {
position: relative;
z-index: 9;
}
.hotspotComponent .imageMap__bg-image {
width: 100%;
}
.hotspotComponent .imageMap__hotspot__wrapper {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.hotspotComponent .imageMap__hotspot__wrapper.hover-active .imageMap__hotspot__preview {
display: block;
}
.hotspotComponent .imageMap__hotspot__wrapper.open {
z-index: 2;
}
@media (min-width: 48rem) {
.hotspotComponent .imageMap__hotspot__wrapper.open {
z-index: initial;
}
}
.hotspotComponent .imageMap__hotspot__wrapper.open .imageMap__hotspot__preview {
display: none;
}
[dir="ltr"] .hotspotComponent .imageMap__hotspot__wrapper.open .imageMap__hotspot {
transform: rotate(45deg);
}
[dir="rtl"] .hotspotComponent .imageMap__hotspot__wrapper.open .imageMap__hotspot {
transform: rotate(-45deg);
}
.hotspotComponent .imageMap__hotspot__wrapper.open .imageMap__hotspot__product-tile {
display: block;
z-index: 1;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #F2F2F2;
}
@media (min-width: 48rem) {
.hotspotComponent .imageMap__hotspot__wrapper.open .imageMap__hotspot__product-tile {
position: absolute;
height: auto;
margin-top: 10px;
}
}
.hotspotComponent .imageMap__hotspot__wrapper.open .imageMap__hotspot__product-tile .product-tile {
display: block;
background: #F2F2F2;
opacity: 1;
transform: none;
}
.hotspotComponent .imageMap__hotspot__wrapper.open .imageMap__hotspot__product-tile .imageMap__hotspot__product-tile-close {
display: block;
cursor: pointer;
z-index: 2;
padding: 25px 25px 20px 25px;
}
[dir="ltr"] .hotspotComponent .imageMap__hotspot__wrapper.open .imageMap__hotspot__product-tile .imageMap__hotspot__product-tile-close {
text-align: right;
}
[dir="rtl"] .hotspotComponent .imageMap__hotspot__wrapper.open .imageMap__hotspot__product-tile .imageMap__hotspot__product-tile-close {
text-align: left;
}
@media (min-width: 48rem) {
.hotspotComponent .imageMap__hotspot__wrapper.open .imageMap__hotspot__product-tile .imageMap__hotspot__product-tile-close {
display: none;
}
}
.hotspotComponent .imageMap__hotspot__wrapper:not(.open) .imageMap__hotspot:hover .imageMap__hotspot__preview {
display: block;
}
.hotspotComponent .imageMap__hotspot__wrapper:not(.open) .imageMap__hotspot__product-tile-close {
display: none;
}
.hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot {
background-image: none;
background-color: #000;
border-radius: 50%;
height: 1.5rem;
transition: transform 0.4s ease-in-out;
width: 1.5rem;
position: absolute;
z-index: 1;
}
.hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot:before, .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot:after {
content: "";
position: absolute;
top: 50%;
height: 0.0625rem;
width: 0.5625rem;
background-color: #f2f2f2;
}
[dir="ltr"] .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot:before, [dir="ltr"] .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot:after {
left: 50%;
transform: translate(-50%, -50%);
}
[dir="rtl"] .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot:before, [dir="rtl"] .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot:after {
right: 50%;
transform: translate(50%, -50%);
}
[dir="ltr"] .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot:after {
transform: translate(-50%, -50%) rotate(90deg);
}
[dir="rtl"] .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot:after {
transform: translate(50%, -50%) rotate(-90deg);
}
.hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot__preview {
position: absolute;
display: none;
background-color: #FFF;
padding: 10px;
margin-top: 10px;
}
@media (min-width: 48rem) {
.hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot__preview {
width: 28.4vw;
max-width: 22.5rem;
}
}
.hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot__preview .imageMap__hotspot__preview__image {
width: 20%;
}
[dir="ltr"] .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot__preview .imageMap__hotspot__preview__image {
float: left;
}
[dir="rtl"] .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot__preview .imageMap__hotspot__preview__image {
float: right;
}
.hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot__preview .imageMap__hotspot__preview__image-details {
width: 80%;
}
[dir="ltr"] .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot__preview .imageMap__hotspot__preview__image-details {
float: left;
padding-left: 20px;
text-align: left;
}
[dir="rtl"] .hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot__preview .imageMap__hotspot__preview__image-details {
float: right;
padding-right: 20px;
text-align: right;
}
@media (min-width: 48rem) {
.hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot__product-tile {
width: 28.4vw;
max-width: 22.5rem;
position: relative;
}
}
.hotspotComponent .imageMap__hotspot__wrapper .imageMap__hotspot__product-tile .product-tile {
display: none;
}
.body-hotspot-active-for-mobile .hotspotComponent .for-desktop {
display: none;
}
.body-hotspot-active-for-mobile .hotspotComponent .for-mobile {
display: block;
}
.body-hotspot-active-for-desktop .hotspotComponent .for-desktop {
display: block;
}
.body-hotspot-active-for-desktop .hotspotComponent .for-mobile {
display: none;
}
.subscription-banner {
border-top: 0;
border-bottom: 0;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
color: #FFF;
color: var(--header-nav-panel-bg, #FFF);
letter-spacing: 0.031rem;
line-height: 1.5;
}
.subscription-banner #footer-newsletter-form .form-check-label--radio::before {
width: 0.75rem;
height: 0.75rem;
border: solid 0.0625rem #444444;
content: "";
}
.subscription-banner #footer-newsletter-form .form-check-label--radio::after {
top: 0.375rem;
width: 0.375rem;
height: 0.375rem;
display: inline-block;
content: "";
background: #000;
border-radius: 50%;
}
[dir="ltr"] .subscription-banner #footer-newsletter-form .form-check-label--radio::after {
left: 0.1875rem;
}
[dir="rtl"] .subscription-banner #footer-newsletter-form .form-check-label--radio::after {
right: 0.1875rem;
}
@media (max-width: 49.375rem) {
.subscription-banner #footer-newsletter-form .form-check-label--radio::after {
top: 0.795rem;
}
}
[dir="ltr"] .subscription-banner__description {
text-align: left;
}
[dir="rtl"] .subscription-banner__description {
text-align: right;
}
.subscription-banner__description p {
color: #000;
font-size: 2rem;
letter-spacing: 0.4px;
line-height: 2.688rem;
}
[dir="ltr"] .subscription-banner__description p {
text-align: left;
}
[dir="rtl"] .subscription-banner__description p {
text-align: right;
}
.subscription-banner__description .description, .subscription-banner__description .description p {
font-size: 0.875rem;
letter-spacing: 0.5px;
line-height: 20px;
color: #000;
margin-top: 30px;
}
@media (min-width: 49.4375rem) {
.subscription-banner {
font-size: 1.25rem;
}
.subscription-banner__description {
margin-bottom: 2.313rem;
}
}
@media (max-width: 64rem) {
.subscription-banner__description {
margin-bottom: 0.85em;
}
}
@media (max-width: 49.375rem) {
.subscription-banner {
padding-top: 2.375rem;
padding-bottom: 6.875rem;
letter-spacing: 0.38px;
}
[dir=ltr] .subscription-banner {
font-size: 1.25rem;
}
[dir=rtl] .subscription-banner {
font-size: 1.31rem;
}
.subscription-banner .newsletterSuccess {
margin-bottom: -8.125rem;
}
.subscription-banner__description {
margin-bottom: 2rem;
}
}
.subscription-banner__field {
border: 0.0625rem solid #000;
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
color: rgba(255, 255, 255, 0.892);
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
[dir="ltr"] .subscription-banner__field {
padding-left: 0.5rem;
}
[dir="rtl"] .subscription-banner__field {
padding-right: 0.5rem;
}
.subscription-banner__action {
border: 0.0625rem solid #000;
color: #000;
background-color: white;
}
.subscription-banner__action:hover {
filter: invert(1);
border: 0.0625rem solid black;
transition-duration: 500ms;
transition-timing-function: ease-out;
}
.subscription-banner__form {
font-family: "MontblancType-Regular", "MontblancType-Medium", "MontblancType-Light", "Almarai", Helvetica, Arial, sans-serif;
}
.subscription-banner__form .form-control {
height: 2.9rem;
}
.newsletter-wrap {
padding-bottom: 8.125rem;
margin-bottom: 1.875rem;
position: relative;
}
.newsletter-wrap .footer-newsletter__logo {
position: absolute;
bottom: 0;
background-image: url("../../images/Snowcap.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 60px 60px;
width: 60px;
height: 60px;
}
[dir="ltr"] .newsletter-wrap .footer-newsletter__logo {
left: 2rem;
}
[dir="rtl"] .newsletter-wrap .footer-newsletter__logo {
right: 2rem;
}
#footer-newsletter .modal-container--static, #modal-getStockNotification .modal-container--static {
display: block;
}
#footer-newsletter .form-group, #modal-getStockNotification .form-group {
position: relative;
}
#footer-newsletter .form-group .form-control-label, #modal-getStockNotification .form-group .form-control-label {
font-size: 13px;
color: #6E6E6E;
position: absolute;
pointer-events: none;
top: -10px;
transition: all 0.1s ease;
}
[dir="ltr"] #footer-newsletter .form-group .form-control-label, [dir="ltr"] #modal-getStockNotification .form-group .form-control-label {
left: 0px;
}
[dir="rtl"] #footer-newsletter .form-group .form-control-label, [dir="rtl"] #modal-getStockNotification .form-group .form-control-label {
right: 0px;
}
#footer-newsletter .form-group input:focus ~ .form-control-label,
#footer-newsletter .form-group input:not(:focus):valid ~ .form-control-label, #footer-newsletter .form-group .is-invalid ~ .form-control-label, #modal-getStockNotification .form-group input:focus ~ .form-control-label,
#modal-getStockNotification .form-group input:not(:focus):valid ~ .form-control-label, #modal-getStockNotification .form-group .is-invalid ~ .form-control-label {
top: -15px;
bottom: 0px;
font-size: 11px;
opacity: 1;
color: #404040;
}
[dir="ltr"] #footer-newsletter .form-group input:focus ~ .form-control-label,
[dir="ltr"] #footer-newsletter .form-group input:not(:focus):valid ~ .form-control-label,
[dir="ltr"] #footer-newsletter .form-group .is-invalid ~ .form-control-label,
[dir="ltr"] #modal-getStockNotification .form-group input:focus ~ .form-control-label,
[dir="ltr"] #modal-getStockNotification .form-group input:not(:focus):valid ~ .form-control-label,
[dir="ltr"] #modal-getStockNotification .form-group .is-invalid ~ .form-control-label {
left: 0px;
}
[dir="rtl"] #footer-newsletter .form-group input:focus ~ .form-control-label,
[dir="rtl"] #footer-newsletter .form-group input:not(:focus):valid ~ .form-control-label,
[dir="rtl"] #footer-newsletter .form-group .is-invalid ~ .form-control-label,
[dir="rtl"] #modal-getStockNotification .form-group input:focus ~ .form-control-label,
[dir="rtl"] #modal-getStockNotification .form-group input:not(:focus):valid ~ .form-control-label,
[dir="rtl"] #modal-getStockNotification .form-group .is-invalid ~ .form-control-label {
right: 0px;
}
#footer-newsletter .form-group input:focus, #footer-newsletter .form-group .form-control.is-invalid, #modal-getStockNotification .form-group input:focus, #modal-getStockNotification .form-group .form-control.is-invalid {
box-shadow: none;
}
#footer-newsletter .form-group .content-asset, #modal-getStockNotification .form-group .content-asset {
color: #000;
}
#footer-newsletter .form-group .form-control, #modal-getStockNotification .form-group .form-control {
color: #000;
}
[dir="ltr"] #footer-newsletter .form-group .form-control, [dir="ltr"] #modal-getStockNotification .form-group .form-control {
padding-left: 0;
}
[dir="rtl"] #footer-newsletter .form-group .form-control, [dir="rtl"] #modal-getStockNotification .form-group .form-control {
padding-right: 0;
}
#footer-newsletter .form-check-group .form-check-label--radio, #modal-getStockNotification .form-check-group .form-check-label--radio {
color: #000;
}
[dir="ltr"] #footer-newsletter .form-check-group .form-check, [dir="ltr"] #modal-getStockNotification .form-check-group .form-check {
padding-left: 0;
}
[dir="rtl"] #footer-newsletter .form-check-group .form-check, [dir="rtl"] #modal-getStockNotification .form-check-group .form-check {
padding-right: 0;
}
#footer-newsletter .form-control-label--spacing-deka, #modal-getStockNotification .form-control-label--spacing-deka {
position: relative !important;
margin-bottom: 20px;
color: #000 !important;
}
#footer-newsletter .newsletterSuccess .modal__header, #modal-getStockNotification .newsletterSuccess .modal__header {
border: 0 none;
padding: 0;
}
#footer-newsletter .newsletterSuccess .modal__header .signup-title, #modal-getStockNotification .newsletterSuccess .modal__header .signup-title {
background-image: url("../../images/thankyou.svg");
background-repeat: no-repeat;
background-size: auto;
font-size: 0;
height: 3.75rem;
}
[dir="ltr"] #footer-newsletter .newsletterSuccess .modal__header .signup-title, [dir="ltr"] #modal-getStockNotification .newsletterSuccess .modal__header .signup-title {
background-position: top left;
}
[dir="rtl"] #footer-newsletter .newsletterSuccess .modal__header .signup-title, [dir="rtl"] #modal-getStockNotification .newsletterSuccess .modal__header .signup-title {
background-position: top right;
}
#footer-newsletter .newsletterSuccess .modal__content, #modal-getStockNotification .newsletterSuccess .modal__content {
color: #000;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 1px;
line-height: 20px;
}
[dir="ltr"] #footer-newsletter .newsletterSuccess .modal__content, [dir="ltr"] #modal-getStockNotification .newsletterSuccess .modal__content {
padding-left: 0;
text-align: left;
}
[dir="rtl"] #footer-newsletter .newsletterSuccess .modal__content, [dir="rtl"] #modal-getStockNotification .newsletterSuccess .modal__content {
padding-right: 0;
text-align: right;
}
#footer-newsletter .modal__content, #modal-getStockNotification .modal__content {
margin-top: 0.375rem;
}
#footer-newsletter .newsletterSuccess .signup-title {
display: block;
}
[dir="ltr"] .stocknoti-container--static .email-notification.form-group .form-control#email {
padding-left: 20px;
}
[dir="rtl"] .stocknoti-container--static .email-notification.form-group .form-control#email {
padding-right: 20px;
}
@media (max-width: 49.375rem) {
[dir="ltr"] .stocknoti-container--static .window-modal__close {
right: 0.5rem;
}
[dir="rtl"] .stocknoti-container--static .window-modal__close {
left: 0.5rem;
}
}
.plp_smartzer .smartzer__container {
overflow: hidden;
height: 20rem;
}
.plp_smartzer .smartzer__container:hover .smartzer__button {
transform: scale(1.05);
}
@media (max-width: 767px) {
.plp_smartzer .smartzer__container {
margin-bottom: 2rem;
height: 12rem;
}
}
.plp_smartzer .smartzer__container .smartzer__button {
background: rgba(0, 0, 0, 0.2);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: none;
color: #fff;
cursor: pointer;
font-family: inherit;
font-size: 1.2em;
font-size: 1em;
height: 20rem;
padding: 0;
position: relative;
transition: all 0.5s;
width: 100%;
}
@media (max-width: 767px) {
.plp_smartzer .smartzer__container .smartzer__button {
margin-bottom: 2rem;
height: 12rem;
}
}
.plp_smartzer .smartzer__container .smartzer__image {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.plp_smartzer .smartzer__container .lightboxTriggerFields {
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: column;
font-family: inherit;
height: 100%;
justify-content: center;
line-height: normal;
overflow: hidden;
padding: 0px 20px;
position: absolute;
text-overflow: ellipsis;
text-shadow: rgb(0, 0, 0) 0px 0px 5px;
top: 0px;
white-space: nowrap;
width: 100%;
word-break: normal;
}
.plp_smartzer .smartzer__container .lightboxTriggerFields .textRow1 {
font-size: 1.2em;
font-weight: 700;
margin-top: 0px;
margin-bottom: 10px;
}
.plp_smartzer .smartzer__container .lightboxTriggerFields .smartzer__icon .triangle {
fill: rgb(255, 255, 255);
stroke: rgb(255, 255, 255);
stroke-width: 4;
transition: all 0.8s ease-in-out 0s;
stroke-linejoin: round;
filter: drop-shadow(rgba(0, 0, 0, 0.2) 6px 0px 2px);
}
.plp_smartzer .smartzer__container .smartzer__image {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.plp_smartzer .smartzer__container .lightboxTriggerFields {
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: column;
font-family: inherit;
height: 100%;
justify-content: center;
line-height: normal;
overflow: hidden;
padding: 0px 20px;
position: absolute;
text-overflow: ellipsis;
text-shadow: rgb(0, 0, 0) 0px 0px 5px;
top: 0px;
white-space: nowrap;
width: 100%;
word-break: normal;
}
.plp_smartzer .smartzer__container .lightboxTriggerFields .textRow1 {
font-size: 1.2em;
font-weight: 700;
margin-top: 0px;
margin-bottom: 10px;
}
.plp_smartzer .smartzer__container .lightboxTriggerFields .smartzer__icon .triangle {
fill: rgb(255, 255, 255);
stroke: rgb(255, 255, 255);
stroke-width: 4;
transition: all 0.8s ease-in-out 0s;
stroke-linejoin: round;
filter: drop-shadow(rgba(0, 0, 0, 0.2) 6px 0px 2px);
}
.banner_smartzer .smartzer__container {
overflow: hidden;
height: 30rem;
}
.banner_smartzer .smartzer__container:hover .smartzer__button {
transform: scale(1.05);
}
@media (max-width: 767px) {
.banner_smartzer .smartzer__container {
height: 12rem;
}
}
.banner_smartzer .smartzer__container .smartzer__button {
background: rgba(0, 0, 0, 0.2);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: none;
color: #fff;
cursor: pointer;
font-family: inherit;
font-size: 1.2em;
font-size: 1em;
height: 30rem;
padding: 0;
position: relative;
transition: all 0.5s;
width: 100%;
}
@media (max-width: 767px) {
.banner_smartzer .smartzer__container .smartzer__button {
margin-bottom: 2rem;
height: 12rem;
}
}
.banner_smartzer .smartzer__container .smartzer__image {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.banner_smartzer .smartzer__container .lightboxTriggerFields {
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: column;
font-family: inherit;
height: 100%;
justify-content: center;
line-height: normal;
overflow: hidden;
padding: 0px 20px;
position: absolute;
text-overflow: ellipsis;
text-shadow: rgb(0, 0, 0) 0px 0px 5px;
top: 0px;
white-space: nowrap;
width: 100%;
word-break: normal;
}
.banner_smartzer .smartzer__container .lightboxTriggerFields .textRow1 {
font-size: 1.2em;
font-weight: 700;
margin-top: 0px;
margin-bottom: 10px;
}
.banner_smartzer .smartzer__container .lightboxTriggerFields .smartzer__icon .triangle {
fill: rgb(255, 255, 255);
stroke: rgb(255, 255, 255);
stroke-width: 4;
transition: all 0.8s ease-in-out 0s;
stroke-linejoin: round;
filter: drop-shadow(rgba(0, 0, 0, 0.2) 6px 0px 2px);
}
/*# sourceMappingURL=global.css.map*/