/*******! Libre Franklin Black *******/
@font-face {
font-family: "Libre Franklin Black";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-Black.ttf") format("truetype"); }
/*******! Libre Franklin Black Italic *******/
@font-face {
font-family: "Libre Franklin Black Italic";
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-BlackItalic.ttf") format("truetype"); }
/*******! Libre Franklin Bold *******/
@font-face {
font-family: "Libre Franklin Bold";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-Bold.ttf") format("truetype"); }
/*******! Libre Franklin Bold Italic *******/
@font-face {
font-family: "Libre Franklin Bold Italic";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-BoldItalic.ttf") format("truetype"); }
/*******! Libre Franklin Extra Bold *******/
@font-face {
font-family: "Libre Franklin Extra Bold";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-ExtraBold.ttf") format("truetype"); }
/*******! Libre Franklin Extra Bold Italic *******/
@font-face {
font-family: "Libre Franklin Extra Bold Italic";
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-ExtraBoldItalic.ttf") format("truetype"); }
/*******! Libre Franklin Extra Light *******/
@font-face {
font-family: "Libre Franklin Extra Light";
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-ExtraLight.ttf") format("truetype"); }
/*******! Libre Franklin Extra Light Italic*******/
@font-face {
font-family: "Libre Franklin Extra Light Italic";
font-style: italic;
font-weight: 200;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-ExtraLightItalic.ttf") format("truetype"); }
/*******! Libre Franklin Italic *******/
@font-face {
font-family: "Libre Franklin Italic";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-Italic.ttf") format("truetype"); }
/*******! Libre Franklin Light *******/
@font-face {
font-family: "Libre Franklin Light";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-Light.ttf") format("truetype"); }
/*******! Libre Franklin Light Italic *******/
@font-face {
font-family: "Libre Franklin Light Italic";
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-LightItalic.ttf") format("truetype"); }
/*******! Libre Franklin Medium *******/
@font-face {
font-family: "Libre Franklin Medium";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-Medium.ttf") format("truetype"); }
/*******! Libre Franklin Medium Italic *******/
@font-face {
font-family: "Libre Franklin Medium Italic";
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-MediumItalic.ttf") format("truetype"); }
/*******! Libre Franklin Regular *******/
@font-face {
font-family: "Libre Franklin Regular";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-Regular.ttf") format("truetype"); }
/*******! Libre Franklin Semi Bold *******/
@font-face {
font-family: "Libre Franklin Semi Bold";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-SemiBold.ttf") format("truetype"); }
/*******! Libre Franklin Semi Bold Italic *******/
@font-face {
font-family: "Libre Franklin Semi Bold Italic";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-SemiBoldItalic.ttf") format("truetype"); }
/*******! Libre Franklin Semi Thin *******/
@font-face {
font-family: "Libre Franklin Thin";
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-Thin.ttf") format("truetype"); }
/*******! Libre Franklin Semi Thin Italic *******/
@font-face {
font-family: "Libre Franklin Thin";
font-style: italic;
font-weight: 100;
font-display: swap;
src: url("../talbotsus/fonts/libre/ttf/LibreFranklin-ThinItalic.ttf") format("truetype"); }
/*! Libre Franklin Dummy Classes to Load All the Fonts in Minification */
.libre-franklin-black {
font-family: "Libre Franklin Black"; }
.libre-franklin-black-italic {
font-family: "Libre Franklin Black Italic"; }
.libre-franklin-bold {
font-family: "Libre Franklin Bold"; }
.libre-franklin-bold-italic {
font-family: "Libre Franklin Bold Italic"; }
.libre-franklin-extra-bold {
font-family: "Libre Franklin Extra Bold"; }
.libre-franklin-extra-bold-italic {
font-family: "Libre Franklin Extra Bold Italic"; }
.libre-franklin-extra-light {
font-family: "Libre Franklin Extra Light"; }
.libre-franklin-extra-light-italic {
font-family: "Libre Franklin Extra Light Italic"; }
.libre-franklin-italic {
font-family: "Libre Franklin Italic"; }
.libre-franklin-light {
font-family: "Libre Franklin Light"; }
.libre-franklin-light-italic {
font-family: "Libre Franklin Light Italic"; }
.libre-franklin-medium {
font-family: "Libre Franklin Medium"; }
.libre-franklin-medium-italic {
font-family: "Libre Franklin Medium Italic"; }
.libre-franklin-regular {
font-family: "Libre Franklin Regular"; }
.libre-franklin-semi-bold {
font-family: "Libre Franklin Semi Bold"; }
.libre-franklin-semi-bold-italic {
font-family: "Libre Franklin Semi Bold Italic"; }
.libre-franklin-thin {
font-family: "Libre Franklin Thin"; }
.libre-franklin-thin-italic {
font-family: "Libre Franklin Thin Italic"; }
/*******! Playfair Display Black *******/
@font-face {
font-family: "Playfair Display Black";
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-Black.ttf") format("truetype"); }
/*******! Playfair Display Black Italic *******/
@font-face {
font-family: "Playfair Display Black Italic";
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-BlackItalic.ttf") format("truetype"); }
/*******! Playfair Display Bold *******/
@font-face {
font-family: "Playfair Display Bold";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-Bold.ttf") format("truetype"); }
/*******! Playfair Display Bold Italic *******/
@font-face {
font-family: "Playfair Display Bold Italic";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-BoldItalic.ttf") format("truetype"); }
/*******! Playfair Display Extra Bold *******/
@font-face {
font-family: "Playfair Display Extra Bold";
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-ExtraBold.ttf") format("truetype"); }
/*******! Playfair Display Bold Italic *******/
@font-face {
font-family: "Playfair Display Extra Bold Italic";
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-ExtraBoldItalic.ttf") format("truetype"); }
/*******! Playfair Display Italic *******/
@font-face {
font-family: "Playfair Display Italic";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-Italic.ttf") format("truetype"); }
/*******! Playfair Display Medium *******/
@font-face {
font-family: "Playfair Display Medium";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-Medium.ttf") format("truetype"); }
/*******! Playfair Display Medium Italic *******/
@font-face {
font-family: "Playfair Display Medium Italic";
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-MediumItalic.ttf") format("truetype"); }
/*******! Playfair Display Regular *******/
@font-face {
font-family: "Playfair Display Regular";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-Regular.ttf") format("truetype"); }
/*******! Playfair Display Semi Bold *******/
@font-face {
font-family: "Playfair Display Semi Bold";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-SemiBold.ttf") format("truetype"); }
/*******! Playfair Display Semi Bold *******/
@font-face {
font-family: "Playfair Display Semi Bold Italic";
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("../talbotsus/fonts/playfair/ttf/PlayfairDisplay-SemiBoldItalic.ttf") format("truetype"); }
/*! Playfair Display Dummy Classes to Load All the Fonts in Minification */
.playfair-display-black {
font-family: "Playfair Display Black"; }
.playfair-display-black-italic {
font-family: "Playfair Display Black Italic"; }
.playfair-display-bold {
font-family: "Playfair Display Bold"; }
.playfair-display-bold-italic {
font-family: "Playfair Display Bold Italic"; }
.playfair-display-extra-bold {
font-family: "Playfair Display Extra Bold"; }
.playfair-display-extra-bold-italic {
font-family: "Playfair Display Extra Bold Italic"; }
.playfair-display-italic {
font-family: "Playfair Display Italic"; }
.playfair-display-medium {
font-family: "Playfair Display Medium"; }
.playfair-display-medium-italic {
font-family: "Playfair Display Medium Italic"; }
.playfair-display-regular {
font-family: "Playfair Display Regular"; }
.playfair-display-semi-bold {
font-family: "Playfair Display Semi Bold"; }
.playfair-display-semi-bold-italic {
font-family: "Playfair Display Semi Bold Italic"; }
@font-face {
font-family: "Montserrat";
src: url("../talbotsus/fonts/Montserrat-Regular.woff2") format("woff2"), url("../talbotsus/fonts/Montserrat-Regular.woff") format("woff"), url("../talbotsus/fonts/Montserrat-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-stretch: normal; }
/* montserrat-600 - latin */
@font-face {
font-family: "Montserrat";
font-style: normal;
font-stretch: normal;
font-weight: 600;
src: url("../talbotsus/fonts/montserrat-v23-latin-600.eot");
/* IE9 Compat Modes */
src: local(""), url("../talbotsus/fonts/montserrat-v23-latin-600.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/montserrat-v23-latin-600.woff2") format("woff2"), url("../talbotsus/fonts/montserrat-v23-latin-600.woff") format("woff"), url("../talbotsus/fonts/Montserrat-SemiBold.ttf") format("truetype"), url("../talbotsus/fonts/montserrat-v23-latin-600.svg#Montserrat") format("svg");
/* Legacy iOS */ }
@font-face {
font-family: "Montserrat";
src: url("../talbotsus/fonts/Montserrat-Bold.woff2") format("woff2"), url("../talbotsus/fonts/Montserrat-Bold.woff") format("woff"), url("../talbotsus/fonts/Montserrat-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-stretch: normal; }
@font-face {
font-family: "Libre Baskerville";
src: url("../talbotsus/fonts/LibreBaskerville-Regular.woff2") format("woff2"), url("../talbotsus/fonts/LibreBaskerville-Regular.woff") format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "Libre Baskerville";
src: url("../talbotsus/fonts/LibreBaskerville-Italic.woff2") format("woff2"), url("../talbotsus/fonts/LibreBaskerville-Italic.woff") format("woff");
font-weight: normal;
font-style: italic; }
/*!
* Bootstrap v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
: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;
--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 {
-webkit-box-sizing: border-box;
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: transparent; }
@-ms-viewport {
width: device-width; }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block; }
body {
margin: 0;
font-family: Montserrat, Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff; }
[tabindex="-1"]:focus {
outline: 0 !important; }
hr {
-webkit-box-sizing: content-box;
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: .5rem;
margin-left: 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: -.25em; }
sup {
top: -.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: monospace, 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;
text-align: left;
caption-side: bottom; }
th {
text-align: inherit; }
label {
display: inline-block;
margin-bottom: .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"] {
-webkit-box-sizing: border-box;
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: .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: 2.5rem; }
h2, .h2 {
font-size: 2rem; }
h3, .h3 {
font-size: 1.75rem; }
h4, .h4 {
font-size: 1.5rem; }
h5, .h5 {
font-size: 1.25rem; }
h6, .h6 {
font-size: 1rem; }
.lead {
font-size: 1.25rem;
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 {
padding-left: 0;
list-style: none; }
.list-inline {
padding-left: 0;
list-style: none; }
.list-inline-item {
display: inline-block; }
.list-inline-item:not(:last-child) {
margin-right: 0.5rem; }
.initialism {
font-size: 90%;
text-transform: uppercase; }
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem; }
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d; }
.blockquote-footer::before {
content: "\2014 \00A0"; }
.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,
kbd,
pre,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
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-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-1 {
margin-left: 8.33333%; }
.offset-2 {
margin-left: 16.66667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333%; }
.offset-5 {
margin-left: 41.66667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333%; }
.offset-8 {
margin-left: 66.66667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333%; }
.offset-11 {
margin-left: 91.66667%; }
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-sm-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333%; }
.offset-sm-2 {
margin-left: 16.66667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333%; }
.offset-sm-5 {
margin-left: 41.66667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333%; }
.offset-sm-8 {
margin-left: 66.66667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333%; }
.offset-sm-11 {
margin-left: 91.66667%; } }
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-md-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-md-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-md-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-md-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-md-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-md-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-md-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-md-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-md-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-md-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-md-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-md-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-md-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-md-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333%; }
.offset-md-2 {
margin-left: 16.66667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333%; }
.offset-md-5 {
margin-left: 41.66667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333%; }
.offset-md-8 {
margin-left: 66.66667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333%; }
.offset-md-11 {
margin-left: 91.66667%; } }
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-lg-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.33333%; }
.offset-lg-2 {
margin-left: 16.66667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333%; }
.offset-lg-5 {
margin-left: 41.66667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333%; }
.offset-lg-8 {
margin-left: 66.66667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333%; }
.offset-lg-11 {
margin-left: 91.66667%; } }
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1; }
.order-xl-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13; }
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7; }
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8; }
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9; }
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11; }
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.33333%; }
.offset-xl-2 {
margin-left: 16.66667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333%; }
.offset-xl-5 {
margin-left: 41.66667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333%; }
.offset-xl-8 {
margin-left: 66.66667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333%; }
.offset-xl-11 {
margin-left: 91.66667%; } }
.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-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: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
.form-control::-ms-expand {
background-color: transparent;
border: 0; }
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1; }
.form-control::-ms-input-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.25rem + 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.25rem;
line-height: 1.5; }
.col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
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;
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.875rem;
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.8125rem + 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.25rem;
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.875rem + 2px); }
.form-group {
margin-bottom: 1rem; }
.form-text {
display: block;
margin-top: 0.25rem; }
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
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;
padding-left: 1.25rem; }
.form-check-input {
position: absolute;
margin-top: 0.3rem;
margin-left: -1.25rem; }
.form-check-input:disabled ~ .form-check-label {
color: #6c757d; }
.form-check-label {
margin-bottom: 0; }
.form-check-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: 0.75rem; }
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: 0.3125rem;
margin-left: 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: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(40, 167, 69, 0.8);
border-radius: .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;
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
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-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 {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
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: .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1;
color: #fff;
background-color: rgba(220, 53, 69, 0.8);
border-radius: .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;
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
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-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 {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
.form-inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.form-inline .form-check {
width: 100%; }
@media (min-width: 576px) {
.form-inline label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0; }
.form-inline .form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
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 {
width: auto; }
.form-inline .form-check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0; }
.form-inline .form-check-input {
position: relative;
margin-top: 0;
margin-right: 0.25rem;
margin-left: 0; }
.form-inline .custom-control {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: 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;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
-o-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;
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;
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, -webkit-box-shadow 0.15s ease-in-out; }
.btn:hover, .btn:focus {
text-decoration: none; }
.btn:focus, .btn.focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
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 {
-webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
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;
-webkit-box-shadow: none;
box-shadow: none; }
.btn-link:disabled, .btn-link.disabled {
color: #6c757d; }
.btn-lg, .btn-group-lg > .btn {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem; }
.btn-sm, .btn-group-sm > .btn {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
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 {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; }
.fade.show {
opacity: 1; }
.collapse {
display: none; }
.collapse.show {
display: block; }
tr.collapse.show {
display: table-row; }
tbody.collapse.show {
display: table-row-group; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease; }
.dropup,
.dropdown {
position: relative; }
.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
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; }
.dropdown-toggle:empty::after {
margin-left: 0; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem; }
.dropup .dropdown-menu {
margin-top: 0;
margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
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; }
.dropup .dropdown-toggle:empty::after {
margin-left: 0; }
.dropright .dropdown-menu {
margin-top: 0;
margin-left: 0.125rem; }
.dropright .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid; }
.dropright .dropdown-toggle:empty::after {
margin-left: 0; }
.dropright .dropdown-toggle::after {
vertical-align: 0; }
.dropleft .dropdown-menu {
margin-top: 0;
margin-right: 0.125rem; }
.dropleft .dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: 0.255em;
vertical-align: 0.255em;
content: ""; }
.dropleft .dropdown-toggle::after {
display: none; }
.dropleft .dropdown-toggle::before {
display: inline-block;
width: 0;
height: 0;
margin-right: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0.3em solid;
border-bottom: 0.3em solid transparent; }
.dropleft .dropdown-toggle:empty::after {
margin-left: 0; }
.dropleft .dropdown-toggle::before {
vertical-align: 0; }
.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.875rem;
color: #6c757d;
white-space: nowrap; }
.btn-group,
.btn-group-vertical {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
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; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.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-left: -1px; }
.btn-toolbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.btn-toolbar .input-group {
width: auto; }
.btn-group > .btn:first-child {
margin-left: 0; }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem; }
.dropdown-toggle-split::after {
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 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
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;
margin-left: 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: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%; }
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
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; }
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
margin-left: -1px; }
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group > .custom-file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::before {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .custom-file:not(:first-child) .custom-file-label,
.input-group > .custom-file:not(:first-child) .custom-file-label::before {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.input-group-prepend,
.input-group-append {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.input-group-prepend .btn,
.input-group-append .btn {
position: relative;
z-index: 2; }
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
margin-left: -1px; }
.input-group-prepend {
margin-right: -1px; }
.input-group-append {
margin-left: -1px; }
.input-group-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
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.25rem; }
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
margin-top: 0; }
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem; }
.custom-control-inline {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 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 {
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
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 {
margin-bottom: 0; }
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #dee2e6; }
.custom-control-label::after {
position: absolute;
top: 0.25rem;
left: 0;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%; }
.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.25rem + 2px);
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
vertical-align: middle;
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;
background-size: 8px 10px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.custom-select:focus {
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
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;
padding-right: 0.75rem;
background-image: none; }
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef; }
.custom-select::-ms-expand {
opacity: 0; }
.custom-select-sm {
height: calc(1.8125rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 75%; }
.custom-select-lg {
height: calc(2.875rem + 2px);
padding-top: 0.375rem;
padding-bottom: 0.375rem;
font-size: 125%; }
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(2.25rem + 2px);
margin-bottom: 0; }
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(2.25rem + 2px);
margin: 0;
opacity: 0; }
.custom-file-input:focus ~ .custom-file-control {
border-color: #80bdff;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.custom-file-input:focus ~ .custom-file-control::before {
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.25rem + 2px);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem; }
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(calc(2.25rem + 2px) - 1px * 2);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: 1px solid #ced4da;
border-radius: 0 0.25rem 0.25rem 0; }
.nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.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 {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center; }
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center; }
.tab-content > .tab-pane {
display: none; }
.tab-content > .active {
display: block; }
.navbar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 1rem; }
.navbar > .container,
.navbar > .container-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none; }
.navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
.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 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
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 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-sm .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-sm .navbar-nav .dropdown-menu-right {
right: 0;
left: auto; }
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-sm .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-sm .navbar-toggler {
display: none; }
.navbar-expand-sm .dropup .dropdown-menu {
top: auto;
bottom: 100%; } }
@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 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-md .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-md .navbar-nav .dropdown-menu-right {
right: 0;
left: auto; }
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-md .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-md .navbar-toggler {
display: none; }
.navbar-expand-md .dropup .dropdown-menu {
top: auto;
bottom: 100%; } }
@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 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-lg .navbar-nav .dropdown-menu-right {
right: 0;
left: auto; }
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-lg .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-lg .navbar-toggler {
display: none; }
.navbar-expand-lg .dropup .dropdown-menu {
top: auto;
bottom: 100%; } }
@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 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand-xl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand-xl .navbar-nav .dropdown-menu-right {
right: 0;
left: auto; }
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand-xl .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand-xl .navbar-toggler {
display: none; }
.navbar-expand-xl .dropup .dropdown-menu {
top: auto;
bottom: 100%; } }
.navbar-expand {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.navbar-expand > .container,
.navbar-expand > .container-fluid {
padding-right: 0;
padding-left: 0; }
.navbar-expand .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute; }
.navbar-expand .navbar-nav .dropdown-menu-right {
right: 0;
left: auto; }
.navbar-expand .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem; }
.navbar-expand > .container,
.navbar-expand > .container-fluid {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.navbar-expand .navbar-collapse {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto; }
.navbar-expand .navbar-toggler {
display: none; }
.navbar-expand .dropup .dropdown-menu {
top: auto;
bottom: 100%; }
.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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
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 {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
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; }
.card-link + .card-link {
margin-left: 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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.card-deck .card {
margin-bottom: 15px; }
@media (min-width: 576px) {
.card-deck {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px; }
.card-deck .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px; } }
.card-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.card-group > .card {
margin-bottom: 15px; }
@media (min-width: 576px) {
.card-group {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.card-group > .card {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0; }
.card-group > .card + .card {
margin-left: 0;
border-left: 0; }
.card-group > .card:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0; }
.card-group > .card:first-child .card-img-top,
.card-group > .card:first-child .card-header {
border-top-right-radius: 0; }
.card-group > .card:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer {
border-bottom-right-radius: 0; }
.card-group > .card:last-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
.card-group > .card:last-child .card-img-top,
.card-group > .card:last-child .card-header {
border-top-left-radius: 0; }
.card-group > .card:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer {
border-bottom-left-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 {
-webkit-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
column-gap: 1.25rem; }
.card-columns .card {
display: inline-block;
width: 100%; } }
.breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: 0.25rem; }
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
padding-left: 0.5rem;
color: #6c757d;
content: "/"; }
.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: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem; }
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6; }
.page-link:hover {
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6; }
.page-link:focus {
z-index: 2;
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.page-link:not(:disabled):not(.disabled) {
cursor: pointer; }
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem; }
.page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-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.25rem;
line-height: 1.5; }
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: 0.3rem;
border-bottom-right-radius: 0.3rem; }
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-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; }
.alert-dismissible {
padding-right: 4rem; }
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit; }
.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; }
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
to {
background-position: 0 0; } }
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
to {
background-position: 0 0; } }
.progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: 0.75rem;
background-color: #e9ecef;
border-radius: 0.25rem; }
.progress-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
background-color: #007bff;
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease; }
.progress-bar-striped {
background-image: -webkit-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);
background-image: -o-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);
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);
background-size: 1rem 1rem; }
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite; }
.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.media-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.list-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 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 {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5; }
.close:hover, .close:focus {
color: #000;
text-decoration: none;
opacity: .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 {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%); }
.modal.show .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.modal-dialog-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (0.5rem * 2)); }
.modal-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
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;
margin: -1rem -1rem -1rem auto; }
.modal-title {
margin-bottom: 0;
line-height: 1.5; }
.modal-body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem; }
.modal-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef; }
.modal-footer > :not(:first-child) {
margin-left: .25rem; }
.modal-footer > :not(:last-child) {
margin-right: .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: Montserrat, Arial, sans-serif;
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.875rem;
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 {
left: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-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 {
right: 0;
width: 0.4rem;
height: 0.8rem; }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-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;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: Montserrat, Arial, sans-serif;
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.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem; }
.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; }
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
margin-left: 0.5rem; }
.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
left: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
border-width: 0.5rem 0.5rem 0.5rem 0; }
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
left: 0;
border-right-color: rgba(0, 0, 0, 0.25); }
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
left: 1px;
border-right-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;
left: 50%;
display: block;
width: 1rem;
margin-left: -0.5rem;
content: "";
border-bottom: 1px solid #f7f7f7; }
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
margin-right: 0.5rem; }
.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
right: calc((0.5rem + 1px) * -1);
width: 0.5rem;
height: 1rem;
margin: 0.3rem 0; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
border-width: 0.5rem 0 0.5rem 0.5rem; }
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
right: 0;
border-left-color: rgba(0, 0, 0, 0.25); }
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
right: 1px;
border-left-color: #fff; }
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-webkit-transition: -webkit-transform 0.6s ease;
transition: -webkit-transform 0.6s ease;
-o-transition: transform 0.6s ease;
transition: transform 0.6s ease;
transition: transform 0.6s ease, -webkit-transform 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px; }
.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 {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); }
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.carousel-item-next,
.active.carousel-item-right {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%); }
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-next,
.active.carousel-item-right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.carousel-item-prev,
.active.carousel-item-left {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
.carousel-item-prev,
.active.carousel-item-left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.carousel-control-prev,
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: 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: .9; }
.carousel-control-prev {
left: 0; }
.carousel-control-next {
right: 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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none; }
.carousel-indicators li {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(255, 255, 255, 0.5); }
.carousel-indicators li::before {
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""; }
.carousel-indicators li::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: ""; }
.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; }
.border-right {
border-right: 1px solid #dee2e6 !important; }
.border-bottom {
border-bottom: 1px solid #dee2e6 !important; }
.border-left {
border-left: 1px solid #dee2e6 !important; }
.border-0 {
border: 0 !important; }
.border-top-0 {
border-top: 0 !important; }
.border-right-0 {
border-right: 0 !important; }
.border-bottom-0 {
border-bottom: 0 !important; }
.border-left-0 {
border-left: 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; }
.rounded-right {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important; }
.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important; }
.rounded-left {
border-top-left-radius: 0.25rem !important;
border-bottom-left-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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
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: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
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;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.embed-responsive-21by9::before {
padding-top: 42.85714%; }
.embed-responsive-16by9::before {
padding-top: 56.25%; }
.embed-responsive-4by3::before {
padding-top: 75%; }
.embed-responsive-1by1::before {
padding-top: 100%; }
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-none {
float: none !important; }
@media (min-width: 576px) {
.float-sm-left {
float: left !important; }
.float-sm-right {
float: right !important; }
.float-sm-none {
float: none !important; } }
@media (min-width: 768px) {
.float-md-left {
float: left !important; }
.float-md-right {
float: right !important; }
.float-md-none {
float: none !important; } }
@media (min-width: 992px) {
.float-lg-left {
float: left !important; }
.float-lg-right {
float: right !important; }
.float-lg-none {
float: none !important; } }
@media (min-width: 1200px) {
.float-xl-left {
float: left !important; }
.float-xl-right {
float: right !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: -webkit-sticky !important;
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: -webkit-sticky) or (position: sticky)) {
.sticky-top {
position: -webkit-sticky;
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;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none; }
.w-25 {
width: 25% !important; }
.w-50 {
width: 50% !important; }
.w-75 {
width: 75% !important; }
.w-100 {
width: 100% !important; }
.h-25 {
height: 25% !important; }
.h-50 {
height: 50% !important; }
.h-75 {
height: 75% !important; }
.h-100 {
height: 100% !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; }
.mr-0,
.mx-0 {
margin-right: 0 !important; }
.mb-0,
.my-0 {
margin-bottom: 0 !important; }
.ml-0,
.mx-0 {
margin-left: 0 !important; }
.m-1 {
margin: 0.25rem !important; }
.mt-1,
.my-1 {
margin-top: 0.25rem !important; }
.mr-1,
.mx-1 {
margin-right: 0.25rem !important; }
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important; }
.ml-1,
.mx-1 {
margin-left: 0.25rem !important; }
.m-2 {
margin: 0.5rem !important; }
.mt-2,
.my-2 {
margin-top: 0.5rem !important; }
.mr-2,
.mx-2 {
margin-right: 0.5rem !important; }
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important; }
.ml-2,
.mx-2 {
margin-left: 0.5rem !important; }
.m-3 {
margin: 1rem !important; }
.mt-3,
.my-3 {
margin-top: 1rem !important; }
.mr-3,
.mx-3 {
margin-right: 1rem !important; }
.mb-3,
.my-3 {
margin-bottom: 1rem !important; }
.ml-3,
.mx-3 {
margin-left: 1rem !important; }
.m-4 {
margin: 1.5rem !important; }
.mt-4,
.my-4 {
margin-top: 1.5rem !important; }
.mr-4,
.mx-4 {
margin-right: 1.5rem !important; }
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important; }
.ml-4,
.mx-4 {
margin-left: 1.5rem !important; }
.m-5 {
margin: 3rem !important; }
.mt-5,
.my-5 {
margin-top: 3rem !important; }
.mr-5,
.mx-5 {
margin-right: 3rem !important; }
.mb-5,
.my-5 {
margin-bottom: 3rem !important; }
.ml-5,
.mx-5 {
margin-left: 3rem !important; }
.p-0 {
padding: 0 !important; }
.pt-0,
.py-0 {
padding-top: 0 !important; }
.pr-0,
.px-0 {
padding-right: 0 !important; }
.pb-0,
.py-0 {
padding-bottom: 0 !important; }
.pl-0,
.px-0 {
padding-left: 0 !important; }
.p-1 {
padding: 0.25rem !important; }
.pt-1,
.py-1 {
padding-top: 0.25rem !important; }
.pr-1,
.px-1 {
padding-right: 0.25rem !important; }
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important; }
.pl-1,
.px-1 {
padding-left: 0.25rem !important; }
.p-2 {
padding: 0.5rem !important; }
.pt-2,
.py-2 {
padding-top: 0.5rem !important; }
.pr-2,
.px-2 {
padding-right: 0.5rem !important; }
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important; }
.pl-2,
.px-2 {
padding-left: 0.5rem !important; }
.p-3 {
padding: 1rem !important; }
.pt-3,
.py-3 {
padding-top: 1rem !important; }
.pr-3,
.px-3 {
padding-right: 1rem !important; }
.pb-3,
.py-3 {
padding-bottom: 1rem !important; }
.pl-3,
.px-3 {
padding-left: 1rem !important; }
.p-4 {
padding: 1.5rem !important; }
.pt-4,
.py-4 {
padding-top: 1.5rem !important; }
.pr-4,
.px-4 {
padding-right: 1.5rem !important; }
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important; }
.pl-4,
.px-4 {
padding-left: 1.5rem !important; }
.p-5 {
padding: 3rem !important; }
.pt-5,
.py-5 {
padding-top: 3rem !important; }
.pr-5,
.px-5 {
padding-right: 3rem !important; }
.pb-5,
.py-5 {
padding-bottom: 3rem !important; }
.pl-5,
.px-5 {
padding-left: 3rem !important; }
.m-auto {
margin: auto !important; }
.mt-auto,
.my-auto {
margin-top: auto !important; }
.mr-auto,
.mx-auto {
margin-right: auto !important; }
.mb-auto,
.my-auto {
margin-bottom: auto !important; }
.ml-auto,
.mx-auto {
margin-left: auto !important; }
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important; }
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important; }
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important; }
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important; }
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important; }
.m-sm-1 {
margin: 0.25rem !important; }
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important; }
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important; }
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important; }
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important; }
.m-sm-2 {
margin: 0.5rem !important; }
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important; }
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important; }
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important; }
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important; }
.m-sm-3 {
margin: 1rem !important; }
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important; }
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important; }
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important; }
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important; }
.m-sm-4 {
margin: 1.5rem !important; }
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important; }
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important; }
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important; }
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important; }
.m-sm-5 {
margin: 3rem !important; }
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important; }
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important; }
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important; }
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important; }
.p-sm-0 {
padding: 0 !important; }
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important; }
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important; }
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important; }
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important; }
.p-sm-1 {
padding: 0.25rem !important; }
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important; }
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important; }
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important; }
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important; }
.p-sm-2 {
padding: 0.5rem !important; }
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important; }
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important; }
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important; }
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important; }
.p-sm-3 {
padding: 1rem !important; }
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important; }
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important; }
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important; }
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important; }
.p-sm-4 {
padding: 1.5rem !important; }
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important; }
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important; }
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important; }
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important; }
.p-sm-5 {
padding: 3rem !important; }
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important; }
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important; }
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important; }
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important; }
.m-sm-auto {
margin: auto !important; }
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important; }
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important; }
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important; }
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important; } }
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important; }
.mt-md-0,
.my-md-0 {
margin-top: 0 !important; }
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important; }
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important; }
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important; }
.m-md-1 {
margin: 0.25rem !important; }
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important; }
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important; }
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important; }
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important; }
.m-md-2 {
margin: 0.5rem !important; }
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important; }
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important; }
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important; }
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important; }
.m-md-3 {
margin: 1rem !important; }
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important; }
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important; }
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important; }
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important; }
.m-md-4 {
margin: 1.5rem !important; }
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important; }
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important; }
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important; }
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important; }
.m-md-5 {
margin: 3rem !important; }
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important; }
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important; }
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important; }
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important; }
.p-md-0 {
padding: 0 !important; }
.pt-md-0,
.py-md-0 {
padding-top: 0 !important; }
.pr-md-0,
.px-md-0 {
padding-right: 0 !important; }
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important; }
.pl-md-0,
.px-md-0 {
padding-left: 0 !important; }
.p-md-1 {
padding: 0.25rem !important; }
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important; }
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important; }
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important; }
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important; }
.p-md-2 {
padding: 0.5rem !important; }
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important; }
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important; }
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important; }
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important; }
.p-md-3 {
padding: 1rem !important; }
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important; }
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important; }
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important; }
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important; }
.p-md-4 {
padding: 1.5rem !important; }
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important; }
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important; }
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important; }
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important; }
.p-md-5 {
padding: 3rem !important; }
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important; }
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important; }
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important; }
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important; }
.m-md-auto {
margin: auto !important; }
.mt-md-auto,
.my-md-auto {
margin-top: auto !important; }
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important; }
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important; }
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important; } }
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important; }
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important; }
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important; }
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important; }
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important; }
.m-lg-1 {
margin: 0.25rem !important; }
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important; }
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important; }
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important; }
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important; }
.m-lg-2 {
margin: 0.5rem !important; }
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important; }
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important; }
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important; }
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important; }
.m-lg-3 {
margin: 1rem !important; }
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important; }
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important; }
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important; }
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important; }
.m-lg-4 {
margin: 1.5rem !important; }
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important; }
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important; }
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important; }
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important; }
.m-lg-5 {
margin: 3rem !important; }
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important; }
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important; }
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important; }
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important; }
.p-lg-0 {
padding: 0 !important; }
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important; }
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important; }
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important; }
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important; }
.p-lg-1 {
padding: 0.25rem !important; }
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important; }
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important; }
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important; }
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important; }
.p-lg-2 {
padding: 0.5rem !important; }
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important; }
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important; }
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important; }
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important; }
.p-lg-3 {
padding: 1rem !important; }
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important; }
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important; }
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important; }
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important; }
.p-lg-4 {
padding: 1.5rem !important; }
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important; }
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important; }
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important; }
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important; }
.p-lg-5 {
padding: 3rem !important; }
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important; }
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important; }
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important; }
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important; }
.m-lg-auto {
margin: auto !important; }
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important; }
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important; }
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important; }
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important; } }
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important; }
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important; }
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important; }
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important; }
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important; }
.m-xl-1 {
margin: 0.25rem !important; }
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important; }
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important; }
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important; }
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important; }
.m-xl-2 {
margin: 0.5rem !important; }
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important; }
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important; }
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important; }
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important; }
.m-xl-3 {
margin: 1rem !important; }
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important; }
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important; }
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important; }
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important; }
.m-xl-4 {
margin: 1.5rem !important; }
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important; }
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important; }
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important; }
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important; }
.m-xl-5 {
margin: 3rem !important; }
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important; }
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important; }
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important; }
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important; }
.p-xl-0 {
padding: 0 !important; }
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important; }
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important; }
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important; }
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important; }
.p-xl-1 {
padding: 0.25rem !important; }
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important; }
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important; }
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important; }
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important; }
.p-xl-2 {
padding: 0.5rem !important; }
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important; }
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important; }
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important; }
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important; }
.p-xl-3 {
padding: 1rem !important; }
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important; }
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important; }
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important; }
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important; }
.p-xl-4 {
padding: 1.5rem !important; }
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important; }
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important; }
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important; }
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important; }
.p-xl-5 {
padding: 3rem !important; }
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important; }
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important; }
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important; }
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important; }
.m-xl-auto {
margin: auto !important; }
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important; }
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important; }
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important; }
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important; } }
.text-justify {
text-align: justify !important; }
.text-nowrap {
white-space: nowrap !important; }
.text-truncate {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap; }
.text-left {
text-align: left !important; }
.text-right {
text-align: right !important; }
.text-center {
text-align: center !important; }
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important; }
.text-sm-right {
text-align: right !important; }
.text-sm-center {
text-align: center !important; } }
@media (min-width: 768px) {
.text-md-left {
text-align: left !important; }
.text-md-right {
text-align: right !important; }
.text-md-center {
text-align: center !important; } }
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important; }
.text-lg-right {
text-align: right !important; }
.text-lg-center {
text-align: center !important; } }
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important; }
.text-xl-right {
text-align: right !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-muted {
color: #6c757d !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;
-webkit-box-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 #999;
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 #ddd !important; } }
.js .loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.js .loader-bg {
opacity: 0.7;
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1; }
.js .loader-indicator {
position: absolute;
top: 50%;
left: 50%;
z-index: z("loading-icon");
width: 64px;
height: 64px;
background: url("../images/loading-small.gif") no-repeat; }
/*
* Color classes for ease of use
* Names taken directly from style guide aliases
*/
.brand-primary {
color: #000; }
.brand-primary-bg {
background: #000; }
.brand-secondary {
color: #aa1e26; }
.brand-secondary-bg {
background: #aa1e26; }
.error-color {
color: #aa1e26; }
.error-color-bg {
background: #aa1e26; }
.success-color {
color: #aa1e26; }
.success-color-bg {
background: #aa1e26; }
.medium-gray {
color: #999; }
.medium-gray-bg {
background: #999; }
.light-gray {
color: #ddd; }
.light-gray-bg {
background: #ddd; }
.bg-gray {
color: #f7f7f7; }
.bg-gray-bg {
background: #f7f7f7; }
.black {
color: #000; }
.black-bg {
background: #000; }
.white {
color: #fff; }
.white-bg {
background: #fff; }
.promo-blue {
color: #d3e9ee; }
.promo-blue-bg {
background: #d3e9ee; }
.font-reg {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400; }
.font-semibold {
font-family: Montserrat, Arial, sans-serif;
font-weight: 600; }
.font-bold {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700; }
.font-serif {
font-family: "Libre Baskerville", Times, serif; }
.font-italic {
font-family: "Libre Baskerville", Times, serif;
font-style: italic; }
.content-width {
margin: auto;
width: calc(100% - 30px);
max-width: 1280px; }
.clearfix::after {
content: "";
display: table;
clear: both; }
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.menu {
float: left;
margin: 0;
padding: 0; }
.menu li {
float: left;
list-style: none !important; }
.full-bleed-width {
width: 100vw;
max-width: 100vw;
margin-left: calc((100vw - 100%) / -2); }
.hide {
display: none !important; }
@media (max-width: 1023.98px) {
.desktop-only {
display: none !important; } }
@media (max-width: 767.98px) {
.desktop-tablet,
.tablet-desktop {
display: none !important; } }
@media (min-width: 1024px) {
.tablet-only {
display: none !important; } }
@media (max-width: 767.98px) {
.tablet-only {
display: none !important; } }
@media (min-width: 1024px) {
.tablet-mobile,
.mobile-tablet {
display: none !important; } }
@media (min-width: 768px) {
.mobile-only {
display: none !important; } }
.text-center {
text-align: center !important; }
.border {
border: 1px solid #ddd !important; }
.border-top {
border-top: 1px solid #ddd !important; }
.border-left {
border-left: 1px solid #ddd !important; }
.border-right {
border-right: 1px solid #ddd !important; }
.border-bottom {
border-bottom: 1px solid #ddd !important; }
.border-thick {
border: 1px solid #ddd !important; }
.border-thick-top {
border-top: 1px solid #ddd !important; }
.border-thick-left {
border-left: 1px solid #ddd !important; }
.border-thick-right {
border-right: 1px solid #ddd !important; }
.border-thick-bottom {
border-bottom: 1px solid #ddd !important; }
.border2 {
border: 1px solid #ddd !important; }
.border2-top {
border-top: 1px solid #ddd !important; }
.border2-left {
border-left: 1px solid #ddd !important; }
.border2-right {
border-right: 1px solid #ddd !important; }
.border2-bottom {
border-bottom: 1px solid #ddd !important; }
.shadow {
-webkit-box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.2) !important; }
.shadow2 {
-webkit-box-shadow: 0 2px 5px 0 #ddd !important;
box-shadow: 0 2px 5px 0 #ddd !important; }
.shadow-tile {
-webkit-box-shadow: 0 0 9px 0 #ddd !important;
box-shadow: 0 0 9px 0 #ddd !important; }
.shadow-nav {
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2) !important; }
.lone-link {
overflow: hidden;
color: #000;
text-decoration: none; }
.lone-link:hover {
color: #000;
text-decoration: underline; }
.lone-link.button {
text-decoration: none; }
.alt-link {
overflow: hidden;
color: #000;
text-decoration: underline; }
.alt-link:hover {
color: #000;
text-decoration: none; }
.alt-link.button {
text-decoration: none; }
.cta-link {
overflow: hidden;
color: #000;
text-decoration: none;
text-transform: uppercase;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
padding-bottom: 0.125rem;
border-bottom: 1px solid #000; }
.cta-link:hover {
color: #aa1e26;
text-decoration: none;
border-bottom: 1px solid #aa1e26; }
.cta-link.white {
color: #fff;
border-color: #fff;
text-decoration: none; }
.cta-link.white:hover {
color: #fff;
border-color: #fff;
text-decoration: none; }
.cta-link-small {
overflow: hidden;
color: #000;
text-decoration: none;
text-transform: uppercase;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
padding-bottom: 0.125rem;
border-bottom: 1px solid #000;
font-size: 14px;
font-size: 0.875rem;
padding-bottom: 1px; }
.cta-link-small:hover {
color: #aa1e26;
text-decoration: none;
border-bottom: 1px solid #aa1e26; }
.cta-link-small.white {
color: #fff;
border-color: #fff;
text-decoration: none; }
.cta-link-small.white:hover {
color: #fff;
border-color: #fff;
text-decoration: none; }
.type-body {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.3px; }
.ordered-list {
line-height: 22px;
line-height: 1.375rem;
padding-left: 0.9375rem; }
.unordered-list {
line-height: 24px;
line-height: 1.5rem;
padding-left: 0.9375rem !important;
list-style: disc !important;
list-style-image: url("../images/svg-icons/bullet.svg") !important; }
#main.fill-width,
.primary-content.fill-width {
width: 100%;
padding: 0;
max-width: unset; }
@media (min-width: 1024px) {
#main.fill-width .slick-slider,
.primary-content.fill-width .slick-slider {
width: calc(100% - 80px); } }
#main.max-width {
width: 100%; }
.heading-16 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
letter-spacing: .01em;
text-transform: uppercase; }
.browse-option1 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
letter-spacing: 2.4px;
text-transform: uppercase; }
@media (min-width: 768px) {
.browse-option1 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 32px;
font-size: 2rem; } }
.browse-option2 {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 30px;
font-size: 1.875rem;
letter-spacing: .8px; }
.browse-option3 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 30px;
font-size: 1.875rem;
letter-spacing: .8px; }
.type-hero {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 30px;
font-size: 1.875rem;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 1; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.type-hero {
font-size: 45px;
font-size: 2.8125rem; } }
@media (min-width: 1024px) {
.type-hero {
font-size: 65px;
font-size: 4.0625rem; } }
.type-clp-hero {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 30px;
font-size: 1.875rem;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 1; }
@media (min-width: 768px) {
.type-clp-hero {
font-size: 20px;
font-size: 1.25rem; } }
@media (min-width: 1024px) {
.type-clp-hero {
font-size: 45px;
font-size: 2.8125rem; } }
.type-hero-sub {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 18px;
font-size: 1.125rem;
text-transform: none; }
@media (min-width: 768px) {
.type-hero-sub {
font-size: 14px;
font-size: 0.875rem; } }
@media (min-width: 1024px) {
.type-hero-sub {
font-size: 30px;
font-size: 1.875rem; } }
.type-hero-tag {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
font-size: 0.875rem; }
@media (min-width: 768px) {
.type-hero-tag {
font-size: 14px;
font-size: 0.875rem; } }
@media (min-width: 1024px) {
.type-hero-tag {
font-size: 18px;
font-size: 1.125rem; } }
.type-hero-small {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
letter-spacing: 1.2px;
text-transform: uppercase;
padding-bottom: 0.625rem; }
@media (min-width: 768px) {
.type-hero-small {
font-size: 32px;
font-size: 2rem;
padding-bottom: 1.5625rem; } }
@media (min-width: 1024px) {
.type-hero-small {
font-size: 32px;
font-size: 2rem;
text-align: justify; } }
.type-hero-sub-small {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 18px;
font-size: 1.125rem; }
@media (min-width: 768px) {
.type-hero-sub-small {
font-size: 24px;
font-size: 1.5rem; } }
.type-promo-hero-40 {
letter-spacing: 1.2px;
text-transform: uppercase;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 40px;
font-size: 2.5rem; }
.type-promo-hero-52 {
letter-spacing: 1.2px;
text-transform: uppercase;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 52px;
font-size: 3.25rem; }
.type-promo-hero {
letter-spacing: 1.2px;
text-transform: uppercase;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 40px;
font-size: 2.5rem; }
@media (min-width: 768px) {
.type-promo-hero {
letter-spacing: 1.2px;
text-transform: uppercase;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 52px;
font-size: 3.25rem; } }
.type-promo-sub-24 {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 24px;
font-size: 1.5rem; }
.type-promo-sub-18 {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 18px;
font-size: 1.125rem; }
.type-promo-sub-16 {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 16px;
font-size: 1rem; }
.type-promo-tag {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
font-size: 0.875rem; }
.type-font-normal {
font-style: normal; }
.type-asset-tile-heading-inner {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
letter-spacing: 1.2px;
text-transform: uppercase; }
@media (min-width: 768px) {
.type-asset-tile-heading-inner {
font-size: 32px;
font-size: 2rem; } }
@media (min-width: 768px) {
.type-asset-tile-heading-inner {
font-size: 44px;
font-size: 2.75rem; } }
.type-asset-tile-heading-outer {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
letter-spacing: .8px;
text-transform: uppercase; }
@media (min-width: 768px) {
.type-asset-tile-heading-outer {
font-size: 18px;
font-size: 1.125rem; } }
@media (min-width: 768px) {
.type-asset-tile-heading-outer {
font-size: 22px;
font-size: 1.375rem; } }
.type-footer-copy {
font-size: 12px;
font-size: 0.75rem; }
.type-footer-tagline {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 13px;
font-size: 0.8125rem; }
.pdp-description {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
line-height: 21px;
line-height: 1.3125rem;
letter-spacing: .3px; }
@media (min-width: 768px) {
.pdp-description {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 24px;
font-size: 1.5rem;
line-height: 36px;
line-height: 2.25rem;
letter-spacing: .6px; } }
/* Slider */
.slick-slider {
display: block;
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
ul.slick-slider {
padding-start: 0; }
.slick-list {
display: block;
position: relative;
overflow: hidden;
padding: 0;
margin: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-track {
display: block;
position: relative;
left: 0;
top: 0; }
.slick-track::before, .slick-track::after {
content: "";
display: table; }
.slick-track::after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
padding: 0 0.4375rem; }
@media (min-width: 1024px) {
.slick-slide {
padding: 0 0.9375rem; } }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.slick-arrow.noTransform {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
/* Slider */
.slick-slider {
margin: auto;
-ms-touch-action: auto;
touch-action: auto; }
.slick-list {
overflow: hidden;
width: 100%; }
.slick-loading .slick-list {
background: #fff url("../lib/slick/ajax-loader.gif") center center no-repeat; }
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 3.25rem;
width: 1.625rem;
min-height: 0;
font-weight: initial;
line-height: 0;
font-size: 0;
border-radius: 0;
cursor: pointer;
background: transparent;
color: transparent;
-webkit-transition: none;
-o-transition: none;
transition: none;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
opacity: 1;
z-index: 1; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
opacity: 1;
color: transparent; }
.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
opacity: 0.15; }
.slick-prev::before,
.slick-next::before {
content: "";
display: inline-block;
width: 0.875rem;
height: 1.6875rem;
background-size: cover; }
.slick-prev {
left: -2.5rem; }
.slick-prev::before {
background-image: url("../images/svg-icons/arrow-left.svg"); }
.slick-next {
right: -2.5rem; }
.slick-next::before {
background-image: url("../images/svg-icons/arrow-right.svg"); }
.slick-vertical {
margin: 2.75rem 0; }
.slick-vertical .slick-prev,
.slick-vertical .slick-next {
position: relative; }
.slick-vertical .slick-prev {
left: 2.3125rem;
top: -0.75rem;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.slick-vertical .slick-next {
left: 2.3125rem;
right: inherit;
top: inherit;
bottom: -0.75rem;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 1.875rem; }
.slick-dots {
position: relative;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0.9375rem 0 1.875rem;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 0.5rem;
width: 0.5rem;
margin: 0 0.25rem;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 0.5rem;
width: 0.5rem;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 0;
cursor: pointer;
min-height: auto; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
background-color: transparent; }
.slick-dots li button:hover::before, .slick-dots li button:focus::before {
opacity: 1;
background-color: #000;
border: 1px solid #999; }
.slick-dots li button::before {
content: "";
position: absolute;
top: 0.3125rem;
left: 0.3125rem;
border-radius: 50%;
width: 0.5rem;
height: 0.5rem;
border: 1px solid transparent;
font-size: 25px;
line-height: 1;
text-align: center;
color: #999;
background-color: #999;
opacity: 0.35;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-box-shadow: none;
box-shadow: none; }
.slick-dots li button.video-icon {
background: url("../images/svg-icons/play-icon-inactive.svg") no-repeat right;
position: absolute;
display: block; }
.slick-dots li button.video-icon::before {
display: none; }
.slick-dots li.slick-active button::before {
color: #000;
opacity: 1;
border: 0.0625rem solid #000;
background-color: #000; }
.slick-dots li.slick-active button.video-icon {
background: url("../images/svg-icons/play-icon-active.svg") no-repeat right;
position: absolute;
display: block; }
.slick-dots li.slick-active button.video-icon::before {
display: none; }
.slick-dark-arrows .slick-prev,
.slick-dark-arrows .slick-next {
height: 4rem;
width: 1.5rem;
background-color: #000; }
.slick-dark-arrows .slick-prev:hover, .slick-dark-arrows .slick-prev:focus,
.slick-dark-arrows .slick-next:hover,
.slick-dark-arrows .slick-next:focus {
background: #000; }
.slick-dark-arrows .slick-prev::before,
.slick-dark-arrows .slick-next::before {
border-color: #fff; }
/* button()
* @description Insert button styling. Default (no param) will return primary button styles. If a param is passed, certain style rules are ommitted initially, as they would just be immediately overridden.
* @param $class - String. Optional. The desired button style, ex: secondary. Acceptable values: 'primary' (default), 'secondary',
* @example: a.my-link {@include button('secondary')}
*/
.white-button {
border-color: #fff !important;
background-color: transparent !important;
color: #fff !important; }
.white-button:hover, .white-button:focus, .white-button:active, .white-button.active {
background-color: #fff !important;
color: #000 !important; }
.white-button.disabled, .white-button[disabled],
fieldset[disabled] .white-button {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
button,
.button,
.buttonstyle,
input[type="button"] {
line-height: 1em;
padding: 0.6875rem 20px;
min-height: 2.5rem;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
display: inline-block;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-width: 1px;
border-style: solid;
border-radius: 0;
letter-spacing: 0.3px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
border-color: #000;
background-color: transparent;
color: #000; }
button:hover, button:focus, button:active, button.active,
.button:hover,
.button:focus,
.button:active,
.button.active,
.buttonstyle:hover,
.buttonstyle:focus,
.buttonstyle:active,
.buttonstyle.active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"].active {
text-decoration: none; }
button:focus,
.button:focus,
.buttonstyle:focus,
input[type="button"]:focus {
outline: none; }
button.disabled, button[disabled],
fieldset[disabled] button,
.button.disabled,
.button[disabled],
fieldset[disabled]
.button,
.buttonstyle.disabled,
.buttonstyle[disabled],
fieldset[disabled]
.buttonstyle,
input[type="button"].disabled,
input[type="button"][disabled],
fieldset[disabled]
input[type="button"] {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
button:hover, button:focus, button:active, button.active,
.button:hover,
.button:focus,
.button:active,
.button.active,
.buttonstyle:hover,
.buttonstyle:focus,
.buttonstyle:active,
.buttonstyle.active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"].active {
border-color: #000;
background-color: #000;
color: #fff; }
button.disabled, button[disabled],
fieldset[disabled] button,
.button.disabled,
.button[disabled],
fieldset[disabled]
.button,
.buttonstyle.disabled,
.buttonstyle[disabled],
fieldset[disabled]
.buttonstyle,
input[type="button"].disabled,
input[type="button"][disabled],
fieldset[disabled]
input[type="button"] {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
button.secondary,
.button.secondary,
.buttonstyle.secondary,
input[type="button"].secondary {
border-color: #aa1e26;
background-color: #aa1e26;
color: #fff; }
button.secondary:hover, button.secondary:focus, button.secondary:active, button.secondary.active,
.button.secondary:hover,
.button.secondary:focus,
.button.secondary:active,
.button.secondary.active,
.buttonstyle.secondary:hover,
.buttonstyle.secondary:focus,
.buttonstyle.secondary:active,
.buttonstyle.secondary.active,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="button"].secondary:active,
input[type="button"].secondary.active {
border-color: #7f161c;
background-color: #7f161c;
color: #fff; }
button.secondary.disabled, button.secondary[disabled],
fieldset[disabled] button.secondary,
.button.secondary.disabled,
.button.secondary[disabled],
fieldset[disabled]
.button.secondary,
.buttonstyle.secondary.disabled,
.buttonstyle.secondary[disabled],
fieldset[disabled]
.buttonstyle.secondary,
input[type="button"].secondary.disabled,
input[type="button"].secondary[disabled],
fieldset[disabled]
input[type="button"].secondary {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
button.large,
.button.large,
.buttonstyle.large,
input[type="button"].large {
line-height: 1em;
padding: 1rem 20px;
min-height: 3.125rem;
font-size: 16px;
font-size: 1rem; }
button.white-button,
.button.white-button,
.buttonstyle.white-button,
input[type="button"].white-button {
border-color: #fff !important;
background-color: transparent !important;
color: #fff !important; }
button.white-button:hover, button.white-button:focus, button.white-button:active, button.white-button.active,
.button.white-button:hover,
.button.white-button:focus,
.button.white-button:active,
.button.white-button.active,
.buttonstyle.white-button:hover,
.buttonstyle.white-button:focus,
.buttonstyle.white-button:active,
.buttonstyle.white-button.active,
input[type="button"].white-button:hover,
input[type="button"].white-button:focus,
input[type="button"].white-button:active,
input[type="button"].white-button.active {
background-color: #fff !important;
color: #000 !important; }
button.white-button.disabled, button.white-button[disabled],
fieldset[disabled] button.white-button,
.button.white-button.disabled,
.button.white-button[disabled],
fieldset[disabled]
.button.white-button,
.buttonstyle.white-button.disabled,
.buttonstyle.white-button[disabled],
fieldset[disabled]
.buttonstyle.white-button,
input[type="button"].white-button.disabled,
input[type="button"].white-button[disabled],
fieldset[disabled]
input[type="button"].white-button {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
button.inverse,
.button.inverse,
.buttonstyle.inverse,
input[type="button"].inverse {
border-color: #000;
background-color: #000;
color: #fff; }
button.inverse:hover, button.inverse:focus, button.inverse:active, button.inverse.active,
.button.inverse:hover,
.button.inverse:focus,
.button.inverse:active,
.button.inverse.active,
.buttonstyle.inverse:hover,
.buttonstyle.inverse:focus,
.buttonstyle.inverse:active,
.buttonstyle.inverse.active,
input[type="button"].inverse:hover,
input[type="button"].inverse:focus,
input[type="button"].inverse:active,
input[type="button"].inverse.active {
border-color: #000;
background-color: #fff;
color: #000; }
button.inverse.disabled, button.inverse[disabled],
fieldset[disabled] button.inverse,
.button.inverse.disabled,
.button.inverse[disabled],
fieldset[disabled]
.button.inverse,
.buttonstyle.inverse.disabled,
.buttonstyle.inverse[disabled],
fieldset[disabled]
.buttonstyle.inverse,
input[type="button"].inverse.disabled,
input[type="button"].inverse[disabled],
fieldset[disabled]
input[type="button"].inverse {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
button a,
.button a,
.buttonstyle a,
input[type="button"] a {
text-decoration: none;
color: #000; }
button a:hover,
.button a:hover,
.buttonstyle a:hover,
input[type="button"] a:hover {
text-decoration: none;
color: #fff; }
#couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button {
line-height: 1em;
padding: 0.6875rem 20px;
min-height: 2.5rem;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
display: inline-block;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-width: 1px;
border-style: solid;
border-radius: 0;
letter-spacing: 0.3px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
border-color: #000;
background-color: transparent;
color: #000;
height: 40px; }
#couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button:hover, #couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button:focus, #couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button:active, #couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button.active {
text-decoration: none; }
#couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button:focus {
outline: none; }
#couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button.disabled, #couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button[disabled],
fieldset[disabled] #couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
#couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button:hover, #couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button:focus, #couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button:active, #couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button.active {
border-color: #000;
background-color: #000;
color: #fff; }
#couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button.disabled, #couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button[disabled],
fieldset[disabled] #couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
#couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none; }
@media (max-width: 767.98px) {
#couponPageWrapper .coupon #extole_zone_coupon_page .extole-cta-button {
margin-bottom: 15px; } }
.button-fancy-large {
border-color: #aa1e26;
background-color: #aa1e26;
color: #fff;
line-height: 1em;
padding: 1rem 20px;
min-height: 3.125rem;
font-size: 16px;
font-size: 1rem; }
.button-fancy-large:hover, .button-fancy-large:focus, .button-fancy-large:active, .button-fancy-large.active {
border-color: #7f161c;
background-color: #7f161c;
color: #fff; }
.button-fancy-large.disabled, .button-fancy-large[disabled],
fieldset[disabled] .button-fancy-large {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
.button-text {
-webkit-appearance: inherit;
height: auto;
min-height: 0;
line-height: inherit;
padding: 0;
border-width: 0;
letter-spacing: inherit;
text-decoration: inherit;
text-transform: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
background-color: transparent;
color: #000; }
.button-text:hover, .button-text:active, .button-text:focus {
text-decoration: underline;
background-color: transparent;
color: #000; }
p .button-text {
color: #000;
text-decoration: underline; }
p .button-text:hover, p .button-text:active, p .button-text:focus {
color: #aa1e26; }
.button-full-width {
width: 100%;
padding-left: 0;
padding-right: 0;
text-align: center; }
isapplepay {
display: none; }
button.dw-apple-pay-button,
button.dw-apple-pay-button:hover,
button.dw-apple-pay-button:active {
width: 100%;
display: block;
min-height: 40px;
margin: 10px auto; }
button.dw-apple-pay-button.dw-apple-pay-logo-white,
button.dw-apple-pay-button:hover.dw-apple-pay-logo-white,
button.dw-apple-pay-button:active.dw-apple-pay-logo-white {
background-color: white; }
button.dw-apple-pay-button.dw-apple-pay-logo-white.dw-apple-pay-border,
button.dw-apple-pay-button:hover.dw-apple-pay-logo-white.dw-apple-pay-border,
button.dw-apple-pay-button:active.dw-apple-pay-logo-white.dw-apple-pay-border {
border: 1px solid #000;
border-radius: 0; }
@media (max-width: 767.98px) {
button.dw-apple-pay-button,
button.dw-apple-pay-button:hover,
button.dw-apple-pay-button:active {
margin: 8px auto; } }
.btn-underline {
color: #aa1e26;
border-bottom: 1px solid #aa1e26;
font-weight: 600; }
.btn-underline:hover, .btn-underline:active, .btn-underline:focus {
color: #aa1e26; }
legend {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 1.1em;
text-transform: uppercase;
position: relative;
width: 96%;
padding: 1.16em 2% .83em;
border-bottom: 1em solid #fff;
margin: 0; }
legend span {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 12px;
font-size: 0.75rem;
text-transform: none;
position: relative;
padding: 0 .5em; }
legend span em {
color: #000; }
.dialog-required {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 12px;
font-size: 0.75rem;
text-transform: none;
display: inline;
position: relative;
padding: .16em 0; }
.dialog-required em {
font-style: normal;
color: #aa1e26; }
.required-indicator {
font-size: 13px;
font-size: 0.8125rem;
white-space: nowrap;
margin-left: 0.25em;
color: #aa1e26; }
label {
line-height: 20px;
line-height: 1.25rem;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
display: block;
margin-bottom: 5px;
color: #000; }
.form-horizontal label {
float: left;
width: 100%;
margin-top: 8px;
margin-bottom: 0; }
@media (min-width: 768px) {
.form-horizontal label {
width: 25%;
text-align: left; } }
.label-inline label,
.field-wrapper label,
.label-above label,
.form-inline label,
.row-inline label {
width: auto; }
.label-inline label,
.field-wrapper label {
line-height: 16px;
line-height: 1rem;
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
display: inline;
float: none;
margin-top: 0;
text-align: left; }
.label-above label {
margin-bottom: .3rem; }
.form-inline label {
text-transform: uppercase;
padding: 0 0 0.75em; }
.form-label-text {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
float: left;
width: 25%;
padding: 0.75em 0 0;
text-align: right; }
.form-row {
margin: .5rem 0 1rem; }
.form-row::after {
content: "";
display: table;
clear: both; }
.form-row-button {
clear: left; }
@media (min-width: 768px) {
.form-horizontal .form-row-button {
width: 62%;
margin-left: 27%; } }
.field-wrapper {
width: 100%; }
.form-horizontal .field-wrapper {
float: left;
width: 100%; }
@media (min-width: 768px) {
.form-horizontal .field-wrapper {
width: 60%;
padding-left: 2%; } }
.label-inline .field-wrapper,
.label-above .field-wrapper {
width: auto;
padding-left: 0; }
.label-inline .field-wrapper {
float: left; }
.label-above .field-wrapper {
float: none; }
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="date"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 12px;
font-size: 0.75rem;
width: 100%;
height: 40px;
padding: 0 17px;
border: 1px solid #ddd;
border-radius: 0;
text-indent: 0;
background: #fff;
color: #000; }
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus {
border: 1px solid #000;
outline: none; }
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #000;
letter-spacing: .3px; }
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #000;
letter-spacing: .3px; }
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="date"]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #000;
letter-spacing: .3px; }
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder,
textarea::placeholder {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #000;
letter-spacing: .3px; }
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
textarea::-moz-placeholder {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #000;
letter-spacing: .3px;
opacity: 1; }
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #000;
letter-spacing: .3px; }
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #000;
letter-spacing: .3px; }
input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="date"]::-ms-input-placeholder,
textarea::-ms-input-placeholder {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #000;
letter-spacing: .3px; }
input[type="text"].disabled, input[type="text"][disabled],
fieldset[disabled] input[type="text"],
input[type="tel"].disabled,
input[type="tel"][disabled],
fieldset[disabled]
input[type="tel"],
input[type="email"].disabled,
input[type="email"][disabled],
fieldset[disabled]
input[type="email"],
input[type="number"].disabled,
input[type="number"][disabled],
fieldset[disabled]
input[type="number"],
input[type="password"].disabled,
input[type="password"][disabled],
fieldset[disabled]
input[type="password"],
input[type="date"].disabled,
input[type="date"][disabled],
fieldset[disabled]
input[type="date"],
textarea.disabled,
textarea[disabled],
fieldset[disabled]
textarea {
border-color: #ddd;
color: #999;
pointer-events: none;
cursor: default; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0; }
textarea {
max-width: 100%;
height: 70px;
padding: 0.625rem 1.0625rem; }
.char-count {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
line-height: 2em;
color: #999; }
.char-count.char-limit {
color: #aa1e26; }
.char-count .char-remain-count {
padding-right: 0.3125rem; }
.char-count .char-allowed-count {
padding-left: 0.3125rem; }
select {
font-size: 12px;
font-size: 0.75rem;
width: 100%;
height: 40px;
border: 1px solid #ddd;
border-radius: 0;
background-color: #fff;
color: #000; }
select:focus {
border: 1px solid #000;
outline: none; }
select.placeholder {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #000;
letter-spacing: .3px; }
select.disabled, select[disabled],
fieldset[disabled] select {
border-color: #ddd;
color: #999;
pointer-events: none;
cursor: default; }
select option {
font-style: normal;
font-family: Montserrat, Arial, sans-serif;
font-weight: 400; }
/* ------ Select Box Styles: danielneumann.com Method (customized to iRobot) ------ */
/* ------ Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ ------ */
.select-style {
display: block;
overflow: hidden;
padding-right: 10px;
border: 1px solid #ddd;
border-radius: 0;
background: #fff url("../images/svg-icons/down-triangle.svg") no-repeat scroll;
background-position: right 10px center;
background-size: 10px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.select-style {
padding-right: 10px; } }
@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
.select-style {
padding-right: 0; } }
.select-style select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 120%;
width: calc(100% + 10px);
height: 38px;
padding: 2px 25px 2px 10px;
border: none;
background: transparent; }
@media all and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
.select-style select {
padding-right: 10px; } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.select-style select {
padding-right: 10px; }
.select-style select::-ms-expand {
opacity: .01; } }
.select-style label {
display: none; }
.select-style span {
display: block;
line-height: 38px;
cursor: default; }
input[type="checkbox_notused"],
input[type="radio"] {
opacity: 0;
position: absolute; }
input[type="checkbox_notused"]:focus + label::before,
input[type="radio"]:focus + label::before {
border: 1px solid #000;
outline: none; }
input[type="checkbox_notused"] + label,
input[type="radio"] + label {
position: relative; }
input[type="checkbox_notused"] + label::before,
input[type="radio"] + label::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #000;
margin-right: 8px;
vertical-align: middle;
text-align: center;
background-color: #fff;
background-repeat: no-repeat;
background-position: center; }
@media (min-width: 768px) {
input[type="checkbox_notused"] + label::before,
input[type="radio"] + label::before {
vertical-align: text-bottom; } }
input[type="checkbox_notused"].disabled, input[type="checkbox_notused"][disabled],
fieldset[disabled] input[type="checkbox_notused"],
input[type="radio"].disabled,
input[type="radio"][disabled],
fieldset[disabled]
input[type="radio"] {
cursor: default;
pointer-events: none; }
input[type="checkbox_notused"].disabled + label, input[type="checkbox_notused"][disabled] + label,
fieldset[disabled] input[type="checkbox_notused"] + label,
input[type="radio"].disabled + label,
input[type="radio"][disabled] + label,
fieldset[disabled]
input[type="radio"] + label {
color: #999;
cursor: default;
pointer-events: none; }
input[type="checkbox_notused"].disabled + label::before, input[type="checkbox_notused"][disabled] + label::before,
fieldset[disabled] input[type="checkbox_notused"] + label::before,
input[type="radio"].disabled + label::before,
input[type="radio"][disabled] + label::before,
fieldset[disabled]
input[type="radio"] + label::before {
background: #fff;
border-color: #ddd;
color: #999; }
input[type="radio"] + label {
display: block;
clear: both; }
.options-inline input[type="radio"] + label {
display: inline;
clear: none; }
.options-inline input[type="radio"] + label:nth-of-type(n + 2)::before {
margin-left: 2rem; }
input[type="radio"] + label::before {
border-radius: 50%; }
input[type="radio"]:checked + label::before {
background: transparent url("../images/svg-icons/radio-dot.svg") no-repeat center;
border-color: #aa1e26; }
input[type="radio"].disabled:checked + label::before, input[type="radio"][disabled]:checked + label::before,
fieldset[disabled] input[type="radio"]:checked + label::before {
border-color: #ddd;
background: url("../images/svg-icons/radio-dot-disabled.svg") no-repeat center; }
.form-caption {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
clear: left;
width: auto; }
.checkbox .form-caption {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
text-indent: 1.5625rem; }
@media (min-width: 768px) {
.form-horizontal .form-caption {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
margin-left: 15%; } }
.label-above .form-caption {
margin-left: 0; }
.form-indent .form-caption {
margin-left: 0; }
@media (min-width: 768px) {
.form-indent {
margin-left: 15%; }
.form-indent .field-wrapper {
width: 80%;
padding-left: 0; } }
.half-form-width {
width: calc(50% - 10px);
float: left;
display: block; }
@media (max-width: 767.98px) {
.half-form-width {
width: 100%; } }
.half-form-width:nth-child(odd) {
margin-right: 20px; }
@media (max-width: 767.98px) {
.half-form-width:nth-child(odd) {
margin-right: 0; } }
.error-message {
width: 49.5966%;
padding: 0.7em 0.5em;
text-indent: 0; }
.error {
color: #aa1e26; }
select.legacyTCerror {
border: 1px solid red;
color: #000; }
input.error {
border: 1px solid #aa1e26; }
span.error,
div.error {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
background: none;
text-transform: none; }
.error-form {
color: #aa1e26;
padding: 0.625rem 0; }
.form-inline form {
width: 98%;
padding: 0 0 2em; }
.form-inline input[type="text"],
.form-inline select {
margin-left: 0;
width: 95%; }
.form-inline button {
padding-left: 0;
padding-right: 0;
width: 100%; }
.row-inline {
display: inline; }
.form-field-tooltip {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1em;
text-decoration: underline;
float: left;
width: 12%;
padding-top: .75em;
margin-left: 3%; }
.js .simple-submit {
display: none; }
/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone 5, 5C, 5S, iPod Touch 5g *
@media screen and (device-aspect-ratio: 40 / 71) {
select,
select:focus,
select:active,
select::placeholder,
select::-webkit-input-placeholder,
select.placeholder,
textarea,
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"] {
font-size: 16px;
}
}
/* iPhone 6-8 portrait/landscape *
@media screen and (device-aspect-ratio: 375 / 667) {
select,
select:focus,
select:active,
select::placeholder,
select::-webkit-input-placeholder,
select.placeholder,
textarea,
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"] {
font-size: 16px;
}
}
/* iPhone 6-8+ portrait/landscape *
@media screen and (device-aspect-ratio: 9 / 16) {
select,
select:focus,
select:active,
select::placeholder,
select::-webkit-input-placeholder,
select.placeholder,
textarea,
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"] {
font-size: 16px;
}
}
/* iPhone X portrait/landscape *
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) {
select,
select:focus,
select:active,
select::placeholder,
select::-webkit-input-placeholder,
select.placeholder,
textarea,
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"] {
font-size: 16px;
}
}*/
#wrapper {
position: relative;
left: 0;
-webkit-transition: margin-top .7s linear;
-o-transition: margin-top .7s linear;
transition: margin-top .7s linear;
width: 100%;
min-width: 320px;
border: 0;
margin: auto;
background-color: #fff; }
@media (max-width: 767.98px) {
#wrapper {
overflow: hidden; } }
#wrapper.disable-scroll {
overflow: hidden; }
.menu-active.sticky,
.menu-active.sticky body {
overflow: hidden;
height: auto; }
.menu-active.menu-active-tals {
overflow: hidden; }
#main {
margin: auto;
width: calc(100% - 30px);
max-width: 1280px; }
.pt_product-search-noresult #main,
.pt_error #main {
margin-top: 0.625rem; }
@media (min-width: 1024px) {
.pt_product-search-noresult #main,
.pt_error #main {
margin-top: 4.375rem; } }
.primary-content {
width: 100%; }
.primary-content:focus {
outline: none; }
@media (min-width: 768px) {
.primary-content {
position: relative;
float: right;
width: calc(100% - 207px);
padding: 0 0 1.25rem 3.7%; }
.primary-focus .primary-content {
float: left;
width: 76%;
border: none;
margin: 0; }
.full-width .primary-content {
width: 100%;
border: none;
margin-left: 0;
padding-left: 0; }
.page-content .primary-content {
padding-left: 4%; } }
#secondary {
float: none;
width: 100%;
border: none; }
@media (min-width: 768px) {
#secondary {
position: relative;
float: left;
width: 207px; }
#secondary nav a {
display: block; }
.primary-focus #secondary {
float: left;
width: 24%;
padding-left: .4rem;
border: none;
background: none; } }
@media (min-width: 768px) {
.pt_checkout .primary-focus .primary-content {
float: left;
width: calc(100% - 330px);
padding: 0 4% 1.25rem 0; } }
@media (min-width: 1024px) {
.pt_checkout .primary-focus .primary-content {
padding-right: 6%; } }
@media (min-width: 768px) {
.pt_checkout .primary-focus #secondary {
float: right;
width: 330px;
padding-left: 0; } }
.secondary-content {
clear: both; }
@media (max-width: 767px) {
iframe.bb-journey {
min-height: 1700px !important; } }
@font-face {
font-family: "cahuenga-regular";
src: url("../talbotsus/fonts/cahuenga/Cahuenga-Regular.eot");
src: url("../talbotsus/fonts/cahuenga/Cahuenga-Regular.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/cahuenga/Cahuenga-Regular.woff2") format("woff2"), url("../talbotsus/fonts/cahuenga/Cahuenga-Regular.woff") format("woff"), url("../talbotsus/fonts/cahuenga/Cahuenga-Regular.svgz#cahuenga-regular") format("svgz");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "cahuenga-semi-bold";
src: url("../talbotsus/fonts/cahuenga/Cahuenga-SemiBold.eot");
src: url("../talbotsus/fonts/cahuenga/Cahuenga-SemiBold.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/cahuenga/Cahuenga-SemiBold.woff2") format("woff2"), url("../talbotsus/fonts/cahuenga/Cahuenga-SemiBold.woff") format("woff"), url("../talbotsus/fonts/cahuenga/Cahuenga-SemiBold.svgz#cahuenga-semi-bold") format("svgz");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "cahuenga-light";
src: url("../talbotsus/fonts/cahuenga/Cahuenga-Light.eot");
src: url("../talbotsus/fonts/cahuenga/Cahuenga-Light.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/cahuenga/Cahuenga-Light.woff2") format("woff2"), url("../talbotsus/fonts/cahuenga/Cahuenga-Light.woff") format("woff"), url("../talbotsus/fonts/cahuenga/Cahuenga-Light.svgz#Cahuenga-Light") format("svgz");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "cahuenga-lightitalic";
src: url("../talbotsus/fonts/cahuenga/Cahuenga-LightItalic.eot");
src: url("../talbotsus/fonts/cahuenga/Cahuenga-LightItalic.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/cahuenga/Cahuenga-LightItalic.woff2") format("woff2"), url("../talbotsus/fonts/cahuenga/Cahuenga-LightItalic.woff") format("woff"), url("../talbotsus/fonts/cahuenga/Cahuenga-LightItalic.svgz#Cahuenga-LightItalic") format("svgz");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "abhaya_librebold";
src: url("../talbotsus/fonts/hvn-fonts/abhayalibre-bold-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/abhayalibre-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-bold-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-bold-webfont.woff") format("woff"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-bold-webfont.svg#abhaya_librebold") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "abhaya_libre_extrabold";
src: url("../talbotsus/fonts/hvn-fonts/abhayalibre-extrabold-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/abhayalibre-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-extrabold-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-extrabold-webfont.woff") format("woff"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-extrabold-webfont.svg#abhaya_libre_extraboldregular") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "abhaya_libre_medium";
src: url("../talbotsus/fonts/hvn-fonts/abhayalibre-medium-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/abhayalibre-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-medium-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-medium-webfont.woff") format("woff"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-medium-webfont.svg#abhaya_libre_mediumregular") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "abhaya_libreregular";
src: url("../talbotsus/fonts/hvn-fonts/abhayalibre-regular-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/abhayalibre-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-regular-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-regular-webfont.woff") format("woff"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-regular-webfont.svg#abhaya_libreregular") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "abhaya_libre_semibold";
src: url("../talbotsus/fonts/hvn-fonts/abhayalibre-semibold-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/abhayalibre-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-semibold-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-semibold-webfont.woff") format("woff"), url("../talbotsus/fonts/hvn-fonts/abhayalibre-semibold-webfont.svg#abhaya_libre_semiboldregular") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "montserratitalic";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-italic-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-italic-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-italic-webfont.woff") format("woff");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: "montserratlight";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-light-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-light-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-light-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-light-webfont.woff") format("woff");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: "montserratlight_italic";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-lightitalic-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-lightitalic-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-lightitalic-webfont.woff") format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: "montserratregular";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-regular-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-regular-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-regular-webfont.woff") format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: "montserratmedium";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-medium-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-medium-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-medium-webfont.woff") format("woff");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: "montserratmedium_italic";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-mediumitalic-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-mediumitalic-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-mediumitalic-webfont.woff") format("woff");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: "montserratsemibold";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-semibold-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-semibold-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-semibold-webfont.woff") format("woff");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: "montserratsemibold_italic";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-semibolditalic-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-semibolditalic-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-semibolditalic-webfont.woff") format("woff");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: "montserratbold";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-bold-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-bold-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-bold-webfont.woff") format("woff");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: "montserratbold_italic";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-bolditalic-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-bolditalic-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-bolditalic-webfont.woff") format("woff");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: "montserratextrabold";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-extrabold-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-extrabold-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-extrabold-webfont.woff") format("woff");
font-weight: 800;
font-style: normal; }
@font-face {
font-family: "montserratextrabold_italic";
src: url("../talbotsus/fonts/hvn-fonts/montserrat-extrabolditalic-webfont.eot");
src: url("../talbotsus/fonts/hvn-fonts/montserrat-extrabolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../talbotsus/fonts/hvn-fonts/montserrat-extrabolditalic-webfont.woff2") format("woff2"), url("../talbotsus/fonts/hvn-fonts/montserrat-extrabolditalic-webfont.woff") format("woff");
font-weight: 800;
font-style: normal; }
.svg-Arrow-Down-dims {
width: 16px;
height: 16px; }
.svg-Arrow-Down-white-dims {
width: 16px;
height: 16px; }
.svg-Arrow-Left-p-dims {
width: 16px;
height: 16px; }
.svg-Arrow-Right-p-dims {
width: 16px;
height: 16px; }
.svg-Arrow-Up-dims {
width: 16px;
height: 16px; }
.svg-CheckboxFilled-dims {
width: 16px;
height: 16px; }
.svg-Close_hwwgr-dims {
width: 24px;
height: 24px; }
.svg-FSzoom-icon-dims {
width: 18px;
height: 18px; }
.svg-account-icon-dims {
width: 15px;
height: 18px; }
.svg-arrow-downward-dims {
width: 16px;
height: 16px; }
.svg-arrow-left-dims {
width: 12px;
height: 26px; }
.svg-arrow-left-pills-dims {
width: 11px;
height: 11px; }
.svg-arrow-right-dims {
width: 13px;
height: 26px; }
.svg-arrow-right-disabled-dims {
width: 13px;
height: 26px; }
.svg-arrow-right-white-dims {
width: 22px;
height: 12px; }
.svg-arrow-right-white-old-dims {
width: 13px;
height: 26px; }
.svg-back-arrow-dims {
width: 12px;
height: 9px; }
.svg-back-to-top-icon-dims {
width: 61.5px;
height: 61.5px; }
.svg-bag-empty-dims {
width: 17px;
height: 20px; }
.svg-bag-full-dims {
width: 17px;
height: 19px; }
.svg-bullet-dims {
width: 5px;
height: 5px; }
.svg-chat-bubble-dims {
width: 22px;
height: 19px; }
.svg-checkmark-dims {
width: 12px;
height: 8px; }
.svg-checkmark-css-dims {
width: 16px;
height: 16px; }
.svg-checkmark-disabled-dims {
width: 12px;
height: 8px; }
.svg-checkmark-haven-dims {
width: 16px;
height: 16px; }
.svg-checkmark-white-dims {
width: 12px;
height: 8px; }
.svg-checkoutstep-checkmark-dims {
width: 12px;
height: 8px; }
.svg-classic-awards-icon-dims {
width: 12px;
height: 18px; }
.svg-close-circle-icon-dims {
width: 15px;
height: 15px; }
.svg-close-filter-dims {
width: 11px;
height: 11px; }
.svg-close-filter-new-dims {
width: 24px;
height: 24px; }
.svg-close-fpz-dims {
width: 24px;
height: 24px; }
.svg-close-icon-dims {
width: 11px;
height: 11px; }
.svg-close-icon-bold-dims {
width: 16px;
height: 16px; }
.svg-credit-card-dims {
width: 16px;
height: 11px; }
.svg-customer-service-dims {
width: 15px;
height: 15px; }
.svg-down-triangle-dims {
width: 15px;
height: 8px; }
.svg-email-icon-dims {
width: 21px;
height: 15px; }
.svg-fax-icon-dims {
width: 20px;
height: 22px; }
.svg-filter-icon-dims {
width: 20px;
height: 7px; }
.svg-filterhide-dims {
width: 20px;
height: 15px; }
.svg-filtershow-dims {
width: 21px;
height: 15px; }
.svg-fpz-arrow-left-dims {
width: 16px;
height: 16px; }
.svg-fpz-arrow-right-dims {
width: 16px;
height: 16px; }
.svg-haven-arrow-down-dims {
width: 24px;
height: 24px; }
.svg-haven-arrow-up-dims {
width: 24px;
height: 24px; }
.svg-hvn-minus-dims {
width: 16px;
height: 16px; }
.svg-hvn-plus-dims {
width: 16px;
height: 16px; }
.svg-icon-email-msg-dims {
width: 82px;
height: 56px; }
.svg-icon-filter-dims {
width: 20px;
height: 12px; }
.svg-icon-store-dims {
width: 73px;
height: 64px; }
.svg-icon-wallet-dims {
width: 67px;
height: 65px; }
.svg-logo-dims {
width: 240px;
height: 29px; }
.svg-mail-icon-dims {
width: 21px;
height: 21px; }
.svg-map-pin-dims {
width: 23px;
height: 31px; }
.svg-menu-icon-dims {
width: 32px;
height: 24px; }
.svg-minus-black-dims {
width: 10px;
height: 2px; }
.svg-minus-black-haven-dims {
width: 16px;
height: 16px; }
.svg-minus-black-light-dims {
width: 12px;
height: 12px; }
.svg-minus-haven-quantity-dims {
width: 12px;
height: 12px; }
.svg-minus-white-dims {
width: 10px;
height: 2px; }
.svg-minus_GalleryNew-dims {
width: 16px;
height: 16px; }
.svg-pdp-facebook-dims {
width: 24px;
height: 24px; }
.svg-pdp-mail-dims {
width: 24px;
height: 20px; }
.svg-pdp-pinterest-dims {
width: 20px;
height: 20px; }
.svg-pdp-twitter-dims {
width: 22px;
height: 18px; }
.svg-phone-icon-dims {
width: 22px;
height: 22px; }
.svg-play-icon-active-dims {
width: 7px;
height: 8px; }
.svg-play-icon-inactive-dims {
width: 7px;
height: 8px; }
.svg-plus-black-dims {
width: 10px;
height: 10px; }
.svg-plus-black-haven-dims {
width: 16px;
height: 16px; }
.svg-plus-black-light-dims {
width: 12px;
height: 12px; }
.svg-plus-haven-quantity-dims {
width: 12px;
height: 12px; }
.svg-plus-white-dims {
width: 10px;
height: 10px; }
.svg-plus_GalleryNew-dims {
width: 16px;
height: 16px; }
.svg-print-icon-dims {
width: 20px;
height: 19px; }
.svg-radio-dot-dims {
width: 10px;
height: 10px; }
.svg-radio-dot-disabled-dims {
width: 10px;
height: 10px; }
.svg-register-dims {
width: 18px;
height: 13px; }
.svg-search-icon-dims {
width: 16px;
height: 16px; }
.svg-sl-pin-dims {
width: 10px;
height: 15px; }
.svg-social-facebook-dims {
width: 31px;
height: 31px; }
.svg-social-instagram-dims {
width: 31px;
height: 31px; }
.svg-social-pinterest-dims {
width: 31px;
height: 31px; }
.svg-social-tiktok-dims {
width: 31px;
height: 31px; }
.svg-social-twitter-dims {
width: 31px;
height: 31px; }
.svg-social-youtube-dims {
width: 31px;
height: 31px; }
.svg-store-card-dims {
width: 55px;
height: 34px; }
.svg-tooltip-i-icon-dims {
width: 13px;
height: 13px; }
.svg-tooltip-icon-dims {
width: 16.5px;
height: 16.5px; }
.svg-warning-red-dims {
width: 512px;
height: 512px; }
.svg-warning-white-dims {
width: 512px;
height: 512px; }
.svg-wishlist-dims {
width: 18px;
height: 15px; }
.icon {
display: inline-block;
vertical-align: middle;
fill: #000; }
.icon.hoverable:hover {
fill: #aa1e26; }
.icon.header-icons {
fill: #000; }
.icon.header-icons:hover {
fill: #aa1e26; }
.icon.social-facebook, .icon.social-twitter, .icon.social-pinterest, .icon.social-instagram, .icon.social-youtube {
fill: #000;
height: 30px;
width: 30px; }
.icon.checkmark {
fill: #aa1e26; }
.icon.radio-dot {
fill: #aa1e26; }
.icon.down-triangle {
fill: #000;
width: 10px; }
.icon.menu-icon {
width: 30px;
height: 18px; }
.icon.sl-pin {
width: 13px;
height: 18px; }
.icon.bag-empty {
width: 17px;
height: 18px; }
.icon.back-to-top-icon {
width: 40px;
height: 40px; }
@media (min-width: 768px) {
.icon.back-to-top-icon {
width: 60px;
height: 60px; } }
.icon.arrow-right {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); }
.icon.arrow-left {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.icon.arrow-up {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block; }
body {
line-height: 1;
font-family: "montserratregular";
color: #231f20; }
ol,
ul {
list-style: none; }
blockquote,
q {
quotes: none; }
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
.img-fluid {
width: 100%;
height: auto;
line-height: 1;
border: 0; }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
/**colors**/
/** fonts **/
/* error */
/* promo */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../images/interface/ui-overlay-shadow.png") repeat scroll 50% 50% #1a1a1a;
opacity: .4;
z-index: 1002 !important; }
.ui-dialog {
background-color: #fff;
padding: 0;
border-radius: 8px; }
@media only screen and (max-width: 992px) {
.ui-dialog {
max-width: 96%;
margin: 0 auto; } }
.addToCartDialog .ui-dialog-content {
padding: 0 1.25rem 1.25rem; }
.addToCartDialog .ui-dialog-titlebar {
padding: 10px 20px;
border-bottom: 1px solid #ededed;
margin: 0; }
.addToCartDialog .ui-dialog-titlebar .add-to-cart-title {
font-size: 24px;
font-family: "montserratregular";
line-height: 30px;
font-weight: normal;
letter-spacing: 0; }
@media only screen and (max-width: 992px) {
.addToCartDialog .ui-dialog-titlebar .add-to-cart-title {
font-size: 20px; } }
.addToCartDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
background: url("../images/svg-icons/close-icon.svg") 0 0 no-repeat;
background-size: contain;
width: 15px;
height: 15px;
position: absolute;
right: 20px;
top: 15px;
border: 0;
cursor: pointer;
text-indent: -9999px;
overflow: hidden;
padding: 0; }
.addToCartDialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus {
outline: none; }
.addToCartDialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
display: none; }
.addToCartDialog .add-to-cart-content {
padding: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #ededed;
margin: 0 0 30px;
position: relative; }
@media only screen and (max-width: 992px) {
.addToCartDialog .add-to-cart-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 0; } }
.addToCartDialog .add-to-cart-content .mini-cart-products {
width: 45%;
padding: 0 20px 0 0; }
@media only screen and (max-width: 992px) {
.addToCartDialog .add-to-cart-content .mini-cart-products {
width: auto; } }
.addToCartDialog .add-to-cart-content .mini-cart-products .mini-cart-image {
position: relative; }
.addToCartDialog .add-to-cart-content .mini-cart-products .mini-cart-image img {
max-width: 100%; }
.addToCartDialog .add-to-cart-content .mini-cart-products .mini-cart-image .cart-brand {
position: absolute;
right: 0;
bottom: 0; }
.addToCartDialog .add-to-cart-content .mini-cart-products .mini-cart-image .cart-brand img {
width: 30px;
height: 30px; }
.addToCartDialog .add-to-cart-content .mini-cart-totals {
width: 65%;
text-align: right; }
@media only screen and (max-width: 992px) {
.addToCartDialog .add-to-cart-content .mini-cart-totals {
width: auto;
text-align: left; } }
.addToCartDialog .add-to-cart-content .mini-cart-totals .mini-cart-subtotals {
margin: 25px 0 39px;
font-family: "montserratbold";
font-size: 14px; }
.addToCartDialog .add-to-cart-content .mini-cart-totals .atc-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media only screen and (max-width: 992px) {
.addToCartDialog .add-to-cart-content .mini-cart-totals .atc-actions {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.addToCartDialog .add-to-cart-content .mini-cart-totals .close-modal-div {
width: 48%; }
@media only screen and (max-width: 992px) {
.addToCartDialog .add-to-cart-content .mini-cart-totals .close-modal-div {
width: 100%; } }
.addToCartDialog .add-to-cart-content .mini-cart-totals .close-modal-div .close-modal {
border: 1px solid #00402f;
background: #fff;
color: #00402f;
font-size: 14px;
font-family: "montserratbold";
text-transform: uppercase;
width: 100%;
display: block;
height: 45px;
line-height: 45px;
cursor: pointer;
padding: 0; }
.addToCartDialog .add-to-cart-content .mini-cart-totals .close-modal-div .close-modal:hover {
background: #00402f;
color: #fff; }
.addToCartDialog .add-to-cart-content .mini-cart-totals .view-bag-and-checkout {
width: 48%;
border: 1px solid #00402f;
background: #00402f;
color: #fff;
font-size: 14px;
font-family: "montserratbold";
text-transform: uppercase;
display: block;
height: 45px;
line-height: 45px;
text-align: center;
text-decoration: none;
padding: 0; }
@media only screen and (max-width: 992px) {
.addToCartDialog .add-to-cart-content .mini-cart-totals .view-bag-and-checkout {
width: 100%;
margin: 20px 0 0; } }
.addToCartDialog .add-to-cart-content .mini-cart-totals .view-bag-and-checkout:hover {
background: #002e28;
color: #fff;
border-color: #002e28; }
.addToCartDialog .add-to-cart-content .mini-cart-totals isapplepay {
display: none; }
.addToCartDialog .add-to-cart-modal-recommendations {
padding: 0 1.25rem; }
@media only screen and (max-width: 992px) {
.addToCartDialog .add-to-cart-modal-recommendations {
display: none; } }
.mini-cart-content-modal:not(.hvn-mini-cart-modal) .addToCartDialog .mini-cart-products .mini-cart-image {
float: left;
width: 95px;
margin: 0 20px 0 0; }
.addToCartDialog .mini-cart-products .promo-callout {
color: #004d43;
font-size: 13px;
letter-spacing: 0.6px;
text-transform: uppercase;
line-height: 1.2;
font-family: "montserratbold"; }
@media (min-width: 991px) {
.addToCartDialog .mini-cart-products .promo-callout {
position: absolute;
top: 20px;
right: 0; } }
.addToCartDialog .mini-cart-products .mini-cart-name,
.addToCartDialog .mini-cart-products .mini-cart-attributes,
.addToCartDialog .mini-cart-products .mini-cart-brand,
.addToCartDialog .mini-cart-products .mini-cart-pricing {
overflow: hidden;
margin: 0 0 15px;
font-family: "montserratregular";
font-size: 14px; }
.addToCartDialog .mini-cart-products .mini-cart-brand {
display: none; }
.addToCartDialog .mini-cart-products .mini-cart-name a {
color: #000;
font-size: 14px;
text-transform: none;
font-family: "montserratregular";
text-decoration: none; }
.addToCartDialog .mini-cart-products .mini-cart-name a:hover {
text-decoration: underline;
color: #00402f; }
.addToCartDialog .mini-cart-products .mini-cart-pricing {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
clear: right;
float: right; }
.mini-cart-content-modal:not(.hvn-mini-cart-modal) .addToCartDialog .mini-cart-products .mini-cart-pricing {
width: calc(100% - 115px); }
.addToCartDialog .mini-cart-products .mini-cart-pricing .mini-cart-qty {
margin: 0 10px 0 0; }
.addToCartDialog .mini-cart-products .mini-cart-pricing .mini-cart-price {
color: #000;
text-transform: uppercase;
font-family: "montserratregular";
letter-spacing: 0.3px; }
.addToCartDialog .mini-cart-products .mini-cart-attributes .label {
text-transform: capitalize;
margin: 0 5px 0 0; }
.addToCartDialog .mini-cart-products .mini-cart-attributes .label::after {
content: ":"; }
.addToCartDialog .mini-cart-products .mini-cart-attributes .attribute {
margin: 0 0 5px; }
.addToCartDialog .horizontalcarousel-with-callout {
margin: auto;
width: calc(100% - 30px);
max-width: 1240px; }
.pt_order-confirmation .order-shipment-table .line-item-image {
position: relative; }
.pt_order-confirmation .order-shipment-table .line-item-image .cart-brand {
position: absolute;
right: 0;
bottom: 0; }
.pt_order-confirmation .order-shipment-table .line-item-image .cart-brand img {
width: 30px;
height: 30px; }
h1 {
font-size: 36px; }
@media only screen and (max-width: 992px) {
h1 {
font-size: 24px; } }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
nav[role="navigation"] {
position: fixed;
top: 0;
left: -85%;
-webkit-transition: left .3s linear, min-height .3s linear;
-o-transition: left .3s linear, min-height .3s linear;
transition: left .3s linear, min-height .3s linear;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
width: 85%;
height: 100%;
margin: auto;
margin-top: 0;
background-color: #f7f7f7; }
nav[role="navigation"]::after {
content: "";
display: table;
clear: both; }
.top-banner.hww-redesign-header nav[role="navigation"] {
background-color: #fff; }
@media (min-width: 768px) and (max-width: 1023.98px) {
nav[role="navigation"] {
left: -rem(315px);
width: 19.6875rem; } }
@media (min-width: 1024px) {
nav[role="navigation"] {
position: static;
left: auto;
height: auto;
background-color: #fff;
color: #000;
overflow: visible;
margin-top: 1.35em; } }
.menu-active nav[role="navigation"] {
left: 0; }
@media (min-width: 1024px) {
html:not(.sticky) nav[role="navigation"] {
width: 100%; } }
.menu-active .top-banner {
z-index: auto !important; }
.menu-active #navigation {
z-index: 10005; }
.menu-active #nav-overlay {
position: absolute;
top: 0;
bottom: 0;
left: -50%;
right: 0;
background: #000;
opacity: .7;
z-index: 10003;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
#nav-overlay {
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
opacity: 0;
z-index: 3;
position: absolute; }
#nav-overlay.navActive {
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: .7;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.menu-category {
list-style: none;
padding: 0;
margin: 0; }
@media (min-width: 1024px) {
.menu-category {
width: 100%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.menu-category li {
list-style: none;
border-top: 1px solid #ddd; }
@media (min-width: 1024px) {
.menu-category li {
border: none; } }
@media (min-width: 1024px) {
.menu-category li:hover > a {
background-color: transparent; } }
.menu-category a:not(.sticky-logo) {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: .6px;
text-transform: capitalize;
text-decoration: none;
display: block;
width: 100%;
padding: 0 1.125rem 0 1.25rem;
line-height: 3.125rem;
color: #999; }
@media (min-width: 1024px) {
.menu-category a:not(.sticky-logo) {
padding: 0 0 0.125rem;
border-bottom: 3px solid transparent; }
.menu-category a:not(.sticky-logo):hover,
.menu-category a:not(.sticky-logo) .active {
color: #999;
border-bottom: 3px solid #999; } }
.top-banner.hww-redesign-header .menu-category a:not(.sticky-logo) {
border-width: 2px; }
.menu-category:not(.menu-category-tals) a.top-level:not(.sticky-logo) {
text-transform: uppercase; }
.menu-category .menu-close span {
display: block;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
letter-spacing: .8px;
text-transform: uppercase;
line-height: 3.125rem;
padding: 0 1.125rem 0 1.25rem; }
@media (min-width: 768px) {
.menu-category .menu-close span {
font-size: 18px;
font-size: 1.125rem; } }
.menu-category .menu-close span::after {
content: "";
background: url("../images/svg-icons/close-icon.svg") no-repeat;
background-size: contain;
float: right;
display: inline-block;
width: 16px;
height: 16px;
position: relative;
top: 15px;
right: -4px; }
.level-1 > li {
background-color: transparent; }
.level-1 > li::after {
content: "";
display: table;
clear: both; }
.level-1 > li:first-child {
border: none; }
@media (min-width: 1024px) {
.level-1 > li {
padding: 0.5625rem 0 0.8125rem;
margin: 0; }
.level-1 > li.navActive a.top-level {
color: #999;
border-bottom: 2px solid #999; }
.level-1 > li.navActive .level-2 {
display: block; } }
.level-1 > li > a:not(.sticky-logo) {
line-height: 3.125rem; }
@media (min-width: 1024px) {
.level-1 > li > a:not(.sticky-logo) {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: .6px;
text-transform: capitalize;
text-decoration: none;
float: none;
width: 100%;
line-height: normal; } }
@media (min-width: 1024px) and (min-width: 1024px) {
.level-1 > li > a:not(.sticky-logo) {
padding: 0 0 0.125rem;
border-bottom: 3px solid transparent; }
.level-1 > li > a:not(.sticky-logo):hover,
.level-1 > li > a:not(.sticky-logo) .active {
color: #999;
border-bottom: 3px solid #999; } }
@media (min-width: 1024px) {
.top-banner.hww-redesign-header .level-1 > li > a:not(.sticky-logo) {
border-width: 2px; } }
@media (min-width: 1024px) {
.level-1 > li > a:not(.sticky-logo):hover, .level-1 > li > a:not(.sticky-logo):focus {
color: #aa1e26; } }
@media (max-width: 1023.98px) {
.level-1 > li > a:not(.sticky-logo).has-sub-menu::after {
content: url("../images/svg-icons/plus-black.svg");
float: right;
display: inline-block; }
.level-1 > li > a:not(.sticky-logo).has-sub-menu.active::after {
content: url("../images/svg-icons/minus-black.svg");
position: relative;
top: -3px; } }
.mobile-account-menu .level-2 {
padding: 1.875rem 1.25rem; }
@media (min-width: 1024px) {
.mobile-account-menu {
display: none; } }
@media (max-width: 1279.98px) {
.top-banner.hww-redesign-header .mobile-account-menu .level-2-content-wrapper {
padding: 0 0 30px; }
.top-banner.hww-redesign-header .mobile-account-menu .level-2-content-wrapper .user-greeting, .top-banner.hww-redesign-header
.mobile-account-menu .level-2-content-wrapper .rewards-menu {
font-size: 12px;
padding-bottom: 22px;
margin-bottom: 0; } }
.level-2 {
display: none;
clear: left;
padding: 0 1.25rem 1.25rem; }
.level-2 .rewards-menu {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
text-transform: none;
line-height: normal;
padding: 0 0 1.0625rem;
display: block; }
.level-2 .user-greeting {
display: block;
font-weight: 600;
margin-bottom: 1.0625rem;
opacity: 0.7;
text-transform: capitalize; }
@media (min-width: 1024px) {
.level-2 {
position: absolute;
z-index: 2;
padding: 0;
background-color: #fff;
-webkit-box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.2);
width: 100vw;
max-width: 100vw;
margin-left: calc((100vw - 100%) / -2);
left: 0;
top: 104px; } }
@media (min-width: 1024px) {
.level-2 .level-2-content-wrapper {
margin: auto;
width: 100%;
max-width: 1440px;
overflow: auto;
padding: 0 3.5% 3.125rem; } }
.level-2 .level-2-section::after {
content: "";
display: table;
clear: both; }
@media (min-width: 1024px) {
.level-2 .level-2-section {
float: left;
margin-top: 1.5625rem; }
.level-2 .level-2-section.categories + .level-2-section:not(.categories) {
border-left: 1px solid #ddd;
padding-left: 4%;
margin-left: 4%; }
.level-2 .level-2-section.categories + .level-2-section:not(.categories) + .level-2-section {
padding-left: 4%; }
.level-2 .level-2-section.categories + .level-2-section.categories {
padding-left: 4%;
margin-top: 4rem; }
.level-2 .level-2-section.collections-asset {
max-width: 14.375rem; }
.level-2 .level-2-section.promos .header-menu-promo {
float: left;
padding-left: 1.25rem;
text-align: center; }
.level-2 .level-2-section.promos .header-menu-promo a {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
text-transform: none;
border: none;
max-width: 183px; }
.level-2 .level-2-section.promos .header-menu-promo a:hover {
border: none;
color: #000; }
.level-2 .level-2-section.promos .header-menu-promo a img {
display: inherit; } }
.level-2 .level-2-section .promos .header-menu-promo a img {
max-width: 100%; }
.level-2 .level-2-section ul {
list-style: none;
margin: 0;
padding: 0; }
@media (max-width: 1023.98px) {
.level-2 .level-2-section ul.category-column.second {
padding-top: 1.0625rem; } }
@media (max-width: 1279.98px) {
.level-2 .level-2-section ul.category-column {
float: left; } }
.level-2 .level-2-section ul li {
border: none; }
@media (max-width: 1023.98px) {
.level-2 .level-2-section ul li:last-of-type a {
padding-bottom: 0; } }
.level-2 .level-2-section ul li.hasLevel3 a {
padding-bottom: 0; }
.level-2 .level-2-section ul a {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
text-transform: none;
line-height: normal;
padding: 0 0 1.0625rem; }
@media (min-width: 1024px) {
.level-2 .level-2-section ul a {
border: none;
line-height: 1.25rem;
padding-bottom: 0.8125rem;
border: none; }
.level-2 .level-2-section ul a:hover {
color: #000;
text-decoration: none;
border: none; } }
.level-2 .level-2-section ul.level-3 {
padding: 0.9375rem 0 0 1.25rem; }
.level-2 .level-2-section ul.level-3 li {
margin-bottom: 0.9375rem; }
.level-2 .level-2-header {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
text-align: left;
padding: 1.875rem 0 1.25rem; }
@media (min-width: 1024px) {
.level-2 .level-2-header {
padding-top: 0; } }
.level-1 > .active .level-2 {
display: block;
border-top: 1px solid #ddd; }
.sticky {
/*
TALS-561 - Give iPad Landscape Filters and Nav Desktop View
*/
/* iPad 3, 4 and Pro 9.7 Landscape */ }
@media (min-width: 1024px) {
.sticky nav[role="navigation"] {
height: 3.75rem;
margin: 0;
width: calc(100% - 270px);
-webkit-transition: none;
-o-transition: none;
transition: none; }
.sticky .menu-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.sticky .menu-category li {
padding: 1.25rem 0 0;
margin: 0;
text-align: center; }
.sticky .menu-category li a {
padding: 0; }
.sticky .menu-category li a.sticky-logo .icon {
width: 100%;
max-width: 106px; }
.sticky .menu-category li.sticky-logo {
padding-top: 0.9375rem; }
.sticky .level-2 {
top: 60px; }
.sticky .level-2 .level-2-section li {
padding: 0;
text-align: left; }
.sticky .level-2 .level-2-section li a {
line-height: 1.25rem;
padding-bottom: 0.8125rem; } }
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
.sticky .level-1 > li > a:not(.sticky-logo) {
font-size: 11px;
font-size: 0.6875rem;
padding-top: 0.1875rem; } }
@media screen and (min-device-width: 1024px) and (max-device-width: 1279px) {
.sticky nav[role="navigation"] {
width: calc(100% - 152px); }
.sticky .top-banner.hww-redesign-header nav[role="navigation"] {
width: calc(100% - 82px); } }
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.sticky nav[role="navigation"] {
width: calc(100% - 152px); }
.sticky .top-banner.hww-redesign-header nav[role="navigation"] {
width: calc(100% - 82px); } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
.sticky nav[role="navigation"] {
width: calc(100% - 152px); } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.sticky nav[role="navigation"] {
width: calc(100% - 152px); } }
.menu-utility-user {
margin: 0; }
@media (max-width: 1023.98px) {
.menu-utility-user {
background: #f2f2f2;
padding: 0 1.25rem;
border-top: 1px solid #ddd; }
.menu-utility-user svg {
margin-right: 0.375rem; } }
@media (min-width: 1024px) {
.menu-utility-user {
position: absolute;
top: 34px;
right: 145px;
-webkit-transition: right .2s ease;
-o-transition: right .2s ease;
transition: right .2s ease;
padding: 0; } }
.menu-utility-user li {
list-style: none;
border-top: 1px solid #ddd; }
.menu-utility-user li.stores-link-wrapper {
border: none; }
@media (min-width: 1024px) {
.menu-utility-user li {
float: left;
padding: 0.1em 1.5em 0;
border-color: transparent;
margin: 0;
text-align: center;
background-color: transparent; }
.menu-utility-user li:first-child {
border: none;
padding: 0; } }
@media (max-width: 1023.98px) {
.menu-utility-user li a {
display: block;
width: 100%;
line-height: 3.125rem; }
.menu-utility-user li a.has-sub-menu::after {
content: url("../images/svg-icons/plus-black.svg");
float: right;
display: inline-block; }
.menu-utility-user li a.has-sub-menu.active::after {
content: url("../images/svg-icons/minus-black.svg");
position: relative;
top: -3px; } }
@media (min-width: 1024px) {
.menu-utility-user li a span {
overflow: hidden;
color: #999;
text-decoration: none;
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
text-transform: none;
display: inline-block;
white-space: nowrap;
max-width: 100px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.menu-utility-user li a span:hover {
color: #999;
text-decoration: none; }
.menu-utility-user li a span.button {
text-decoration: none; } }
.menu-utility-user li a div.content-asset {
display: inline-block; }
.menu-utility-user li a div.content-asset .icon {
position: relative;
top: -1px; }
@media (min-width: 1024px) {
.menu-utility-user li a div.content-asset .icon {
top: -5px; } }
@media (min-width: 1024px) {
.menu-utility-user .user-info {
position: relative;
-webkit-transition: color .5s ease;
-o-transition: color .5s ease;
transition: color .5s ease; }
.menu-utility-user .user-info .down-triangle {
position: relative;
top: -5px;
margin-left: 0.3125rem;
-webkit-transition: -webkit-transform .1s;
transition: -webkit-transform .1s;
-o-transition: transform .1s;
transition: transform .1s;
transition: transform .1s, -webkit-transform .1s; } }
@media (min-width: 1024px) {
.menu-utility-user .user-info.active .down-triangle {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); } }
@media (min-width: 1024px) {
.menu-utility-user .user-info.active .user-panel {
opacity: 1;
visibility: visible; } }
@media (min-width: 1024px) {
.menu-utility-user .user-panel {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 10rem;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
text-align: left;
opacity: 0;
visibility: hidden;
position: absolute;
right: 0;
top: 32px;
z-index: 20;
padding: 1.25rem 1.25rem 0;
border: 1px solid #ddd;
margin-top: 0;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px 0 #ddd;
box-shadow: 0 2px 5px 0 #ddd; } }
@media (min-width: 1024px) {
.menu-utility-user .user-panel a,
.menu-utility-user .user-panel .user-greeting {
padding: 0;
margin-bottom: .5rem;
display: block; }
.menu-utility-user .user-panel a.last,
.menu-utility-user .user-panel .user-greeting.last {
margin-bottom: 1.25rem; } }
@media (min-width: 1024px) {
.menu-utility-user .user-panel .user-greeting {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700; } }
@media (min-width: 1024px) {
.menu-utility-user .user-panel .user-logout {
border-top: 1px solid #ddd;
margin-bottom: 0;
padding: 0.625rem 0;
width: 8.125rem; } }
.menu-utility-user .link-panel {
padding-left: 1.375rem; }
.menu-utility-user .link-panel a {
line-height: normal;
padding: 0 0 1.0625rem; }
.menu-utility-user a.has-sub-menu.active + .link-panel {
display: block; }
.menu-utility-user a.has-sub-menu + .link-panel {
display: none; }
.js #suggestions {
display: none;
position: absolute;
z-index: 8184;
padding: 0; }
.js #suggestions div {
clear: both;
overflow: hidden;
height: 23px;
padding: 5px;
white-space: nowrap; }
.js #suggestions div:hover {
background-color: #ddd;
color: #000; }
.js #suggestions div .suggestionterm {
float: left;
overflow: hidden;
width: 110px; }
.js #suggestions div .hits {
float: right;
margin-left: 3px;
text-align: right; }
#search-suggestions {
position: relative; }
.search-suggestion-wrapper {
position: absolute;
top: -2px;
z-index: 1;
width: 100%;
border: 1px solid #ddd;
background-color: #fff;
padding: 1.25rem;
overflow-y: scroll; }
.search-suggestion-wrapper::after {
content: "";
display: table;
clear: both; }
@media (min-width: 1024px) {
.search-suggestion-wrapper {
padding: 1.875rem;
-webkit-box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.2);
max-height: 32.8125rem; }
.search-suggestion-wrapper.full {
width: 35.625rem;
right: 0;
top: -1px; }
.search-suggestion-wrapper.full .phrase-suggestions {
width: 42.8571429%;
float: left;
padding-right: 0.625rem; }
.search-suggestion-wrapper.full .product-suggestions,
.search-suggestion-wrapper.full .search-phrase {
width: 57.1428571%;
float: right; } }
.search-suggestion-wrapper .hitgroup {
margin-bottom: 1.75rem; }
.search-suggestion-wrapper .hitgroup .header {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
padding-bottom: 0.9375rem; }
.search-suggestion-wrapper .hitgroup .hit {
display: block;
margin-bottom: 0.625rem; }
.search-suggestion-wrapper .hitgroup .hit:hover {
text-decoration: underline; }
.phrase-suggestions {
border-top: 1px solid #ddd;
padding-top: 1.75rem; }
@media (min-width: 768px) {
.phrase-suggestions {
border-top: none;
padding-top: 0; } }
.product-suggestion {
padding: 1.25rem 0;
border: 1px solid #ddd;
border-color: #fff;
border-top-color: #ddd; }
.product-suggestion::after {
content: "";
display: table;
clear: both; }
.product-suggestion:hover, .product-suggestion:focus {
border: 1px solid #ddd;
background-color: #f7f7f7; }
.product-suggestion .product-image {
float: left;
width: 29.5%;
text-align: center; }
.product-suggestion .product-image img {
max-width: 100%; }
.product-suggestion .product-details {
float: right;
width: calc(70% - 20px); }
.product-suggestion .product-details .product-price {
padding-top: 0.9375rem; }
.product-suggestion .product-details .product-price span {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700; }
.search-phrase {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
padding-bottom: 0.625rem; }
.search-phrase a::before {
display: inline-block;
margin-right: -0.1875rem;
content: "\0022"; }
.search-phrase a::after {
display: inline-block;
margin-left: -0.1875rem;
content: "\0022?"; }
.search-phrase .completed .original {
text-decoration: underline; }
.mini-cart-total {
position: relative;
display: block;
float: left;
border: none;
background-color: transparent; }
@media (max-width: 1023.98px) {
.mini-cart-total {
margin-bottom: 0.9375rem;
text-align: center; }
.mini-cart-total:hover,
.mini-cart-total a:hover {
text-decoration: none; }
.mini-cart-total span {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 9px;
font-size: 0.5625rem;
text-transform: uppercase;
color: #999; }
.mini-cart-total span:hover {
text-decoration: none;
color: #999; } }
@media (min-width: 1024px) {
.mini-cart-total {
width: 95px; }
.mini-cart-total span {
overflow: hidden;
color: #999;
text-decoration: none;
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
text-transform: none; }
.mini-cart-total span:hover {
color: #999;
text-decoration: none; }
.mini-cart-total span.button {
text-decoration: none; } }
@media (min-width: 1024px) {
.mini-cart-total .mini-cart-link .cart-bag-icon {
display: inline-block;
vertical-align: middle; }
.mini-cart-total .mini-cart-link .cart-bag-icon svg {
margin-right: 0.1875rem; }
.mini-cart-total .mini-cart-link span {
display: inline-block;
vertical-align: top;
position: relative;
top: 2px; }
.mini-cart-total .mini-cart-link .content-asset {
display: inline; }
.mini-cart-total .mini-cart-link .content-asset svg {
margin-right: 0.1875rem; } }
@media (max-width: 1023.98px) {
.mini-cart-total .mini-cart-link .minicart-quantity {
position: absolute;
top: -3px;
right: -5px;
padding: 1px 4px;
border-radius: 10px;
text-align: center;
background-color: #aa1e26;
color: #fff; } }
.mini-cart-total .mini-cart-empty {
-webkit-transition: color 500ms ease;
-o-transition: color 500ms ease;
transition: color 500ms ease;
color: #000; }
.mini-cart-total .mini-cart-empty:hover {
text-decoration: none;
color: #aa1e26; }
.mini-cart-total .mini-cart-empty .minicart-quantity {
border: 1px solid #ddd;
background: #fff;
color: #999; }
.mini-cart-content {
display: none;
position: absolute;
top: 2.5em;
right: 0;
z-index: 1;
width: 24.375rem;
border: 1px solid #ddd;
background: #fff;
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); }
@media (max-width: 1023.98px) {
.mini-cart-content {
max-width: 300px;
display: none; } }
.mini-cart-content .mini-cart-product {
position: relative;
overflow: hidden;
border-bottom: 1px solid #ddd;
padding: 1.25rem 0.9375rem 1.25rem 0; }
.mini-cart-content .mini-cart-product:last-of-type {
border: none; }
.mini-cart-content .mini-cart-subtotals {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
line-height: 3em;
padding: 1.5rem 1.5rem 0 1.25rem;
overflow: hidden;
position: relative; }
.mini-cart-content .mini-cart-subtotals::before {
-webkit-box-shadow: 0 -7px 7px -4px #ddd;
box-shadow: 0 -7px 7px -4px #ddd;
content: "";
display: block;
position: absolute;
width: 120%;
height: 0.9375rem;
left: -1.25rem; }
.mini-cart-content .mini-cart-subtotals .label {
float: left;
padding-right: 0.625rem; }
.mini-cart-content .mini-cart-subtotals .value {
float: right;
padding-left: 0.625rem; }
.mini-cart-content .mini-cart-subtotals span {
padding-top: 0.625rem; }
.mini-cart-close-btn {
position: absolute;
top: 12px;
right: 6%;
cursor: pointer; }
.mini-cart-header {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
line-height: 1.5625em;
letter-spacing: 0.04375rem;
text-transform: capitalize;
padding: 0.8125rem 0 0.625rem 0;
margin: 0 1.75rem 0 1.0625rem;
border-bottom: 1px solid #ddd; }
.mini-cart-products {
overflow: auto;
max-height: 360px;
margin: 0 0.9375rem 0 1.0625rem; }
@media (max-width: 1023.98px) {
.mini-cart-products {
max-height: 100%; } }
@media (min-width: 768px) and (max-width: 1023.98px) {
.mini-cart-products {
max-height: 100%; } }
.mini-cart-image {
float: left;
width: 5.625rem;
margin-right: 1.25rem;
position: relative; }
.mini-cart-image img {
width: 100%; }
.mini-cart-image .cart-brand {
position: absolute;
right: 0;
bottom: 0; }
.mini-cart-image .cart-brand img {
width: 30px;
height: 30px; }
.mini-cart-name {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.38462em;
letter-spacing: 0.3px;
float: right;
width: calc(100% - 110px);
padding-bottom: 0.625rem;
margin-top: -0.125rem; }
.mini-cart-attributes,
.mini-cart-product .product-availability-list {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.38462em;
letter-spacing: 0.3px;
float: right;
width: calc(100% - 110px); }
.mini-cart-attributes .attribute {
text-transform: capitalize; }
.mini-cart-attributes .label::after {
content: ":"; }
.mini-cart-pricing {
float: right;
clear: right;
width: calc(100% - 110px);
margin-top: 0.9375rem; }
.mini-cart-pricing .mini-cart-qty {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.38462em;
letter-spacing: 0.3px;
float: right; }
.mini-cart-pricing .mini-cart-price {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.38462em;
letter-spacing: 0.3px; }
.mini-cart-totals {
text-align: center; }
.mini-cart-totals .button-fancy-large {
padding: 0 30px;
min-height: 41px; }
.mini-cart-slot > div > div {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.38462em;
letter-spacing: 0.3px;
padding: 0.8125rem 1.25rem;
background: #f7f7f7; }
.mini-cart-link-checkout,
.mini-cart-link-cart,
.mini-cart-paypal-button {
display: block;
float: left;
margin: 0 0 1em;
text-align: center;
width: calc(50% - 6px); }
.mini-cart-link-checkout:nth-child(odd),
.mini-cart-link-cart:nth-child(odd),
.mini-cart-paypal-button:nth-child(odd) {
margin-right: 0.75rem; }
.minicart-buttons-container {
overflow: hidden;
margin: 0 1.25rem 0.9375rem; }
.minicart-buttons-container .mini-cart-paypal-button {
float: none;
clear: both;
margin: 0 auto;
width: unset; }
.minicart-buttons-container .mini-cart-paypal-button .paypal-cart-buttons-container {
text-align: center;
padding-bottom: 0; }
.checkout-mini-cart,
.order-component-block {
border: 1px solid #ddd;
padding: 0 1.25rem; }
.checkout-mini-cart .section-header,
.order-component-block .section-header {
border-bottom: 1px solid #ddd;
padding: 0.4375rem 0 0.3125rem; }
.checkout-mini-cart .section-header-note,
.order-component-block .section-header-note {
float: right;
text-transform: none;
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem; }
.checkout-mini-cart .mini-cart-product,
.order-component-block .mini-cart-product {
position: relative;
overflow: hidden;
border-bottom: 1px solid #ddd;
padding: 1.25rem 0.9375rem 1.25rem 0; }
.checkout-mini-cart .mini-cart-product:last-of-type,
.order-component-block .mini-cart-product:last-of-type {
border: none; }
.checkout-mini-cart {
border-bottom: 0; }
.mini-summary-products {
max-height: 30.3125rem;
overflow: auto; }
.mini-summary-products .label {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.53846em; }
.mini-summary-products .mini-cart-qty {
float: left;
margin-right: 1.25rem; }
.miniCart-Title {
font-size: 14px;
margin-top: 20px; }
.promo-bar-wrapper {
margin: auto;
overflow: hidden;
width: 100%;
background: #fff;
z-index: 140;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: fixed;
bottom: 0; }
@media (max-width: 767.98px) {
.promo-bar-wrapper {
display: none; } }
@media (min-width: 1024px) {
.promo-bar-wrapper {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
background: none; }
.promo-bar-wrapper:not(.open) {
max-width: 760px; } }
.menu-active .promo-bar-wrapper {
z-index: 0 !important; }
.promo-bar-wrapper .promo-content {
padding: 0.9375rem; }
.promo-bar-wrapper .promo-title {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 18px;
font-size: 1.125rem; }
.promo-bar-wrapper .links-title {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
font-size: 0.875rem;
padding: 0.625rem 0; }
.promo-bar-wrapper .bottom-border {
border-bottom: 1px solid #ddd;
padding-bottom: 0.9375rem; }
.promo-bar-wrapper .promo-subtitle {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 24px;
font-size: 1.5rem; }
.promo-bar-wrapper .text-italic {
font-style: italic; }
.promo-bar-wrapper .promotion-content {
padding: 0.625rem 0; }
.promo-bar-wrapper .promo-links a {
margin: 0 0.625rem; }
@media (min-width: 1024px) {
.promo-bar-wrapper.open {
width: 100%; } }
.promo-bar-wrapper.open .promo-toggle {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
@media (min-width: 768px) {
.promo-bar-wrapper.open .promo-toggle {
width: 0.625rem;
height: 0.125rem;
top: 49%;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0); } }
@media (min-width: 768px) {
.promo-bar-wrapper.open .black-bg .promo-toggle {
background-image: url("../images/svg-icons/minus-white.svg"); } }
@media (min-width: 768px) {
.promo-bar-wrapper.open .bg-gray-bg .promo-toggle {
background-image: url("../images/svg-icons/minus-black.svg"); } }
.promo-bar-wrapper.open .promo-bar-carousel-wrapper {
max-height: 312.5rem;
visibility: visible;
z-index: 2;
width: 1250px; }
.carousel-item {
max-width: 23.1875rem;
padding: 0 1.4375rem;
text-align: center; }
@media (max-width: 767.98px) {
.carousel-item {
padding: 0 1.0625rem;
max-width: 77%; } }
.promo-overlay {
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
opacity: 0; }
.promo-overlay.open {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: .7;
z-index: 139;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
@media (max-width: 1023.98px) {
.promo-bar-carousel-wrapper .slick-list {
padding: 0 23% 0 0; } }
.promo-bar-carousel-wrapper {
margin: auto;
width: calc(100% - 30px);
max-width: 1280px;
max-width: 1250px;
max-height: 0;
visibility: hidden;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 0; }
@media (max-width: 767.98px) {
.promo-bar-carousel-wrapper {
width: 100% !important; } }
@media (min-width: 1024px) {
.promo-bar-carousel-wrapper {
padding: 0 35px;
position: relative;
-webkit-transition: none;
-o-transition: none;
transition: none; }
.promo-bar-carousel-wrapper::before {
content: "";
position: absolute;
left: -5000px;
right: -5000px;
top: 0;
bottom: 0;
background: #fff;
z-index: -1; } }
.promo-bar-container {
margin: auto;
width: 100%;
max-width: 1440px;
padding: 0.3125rem 2.5rem 0.25rem 0.9375rem;
position: relative;
z-index: 2;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
@media (min-width: 768px) {
.promo-bar-container {
padding: 0.9375rem 2.625rem 0.9375rem 1.25rem !important;
cursor: pointer; } }
@media (min-width: 1024px) {
.promo-bar-container {
max-width: 760px;
width: auto; } }
.promo-bar-header {
z-index: 1;
text-align: center;
position: relative; }
@media (min-width: 768px) {
.promo-bar-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-right: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.promobar-carousel {
background: #fff;
padding: 1.5625rem 0; }
.promobar-carousel img {
max-width: 100%; }
.promobar-carousel .slick-disabled {
opacity: 0;
display: none; }
@media (min-width: 768px) {
.daily-promotion,
.show-all-promotions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.daily-promotion {
text-align: center; }
@media (min-width: 768px) {
.daily-promotion {
text-align: left;
display: inline-block;
width: 75%;
padding-right: 0.625rem;
font-size: 1rem; } }
@media (min-width: 1024px) {
.daily-promotion {
width: auto; } }
.show-all-promotions {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 10px;
font-size: 0.625rem;
line-height: 1em;
letter-spacing: 0.01875rem;
text-transform: uppercase;
display: inline-block; }
@media (min-width: 768px) {
.show-all-promotions {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
letter-spacing: 0.37px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0; } }
.show-all-promotions span {
cursor: pointer; }
.promo-toggle {
display: block;
position: absolute;
top: calc(50% - 10px);
background-size: contain;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 1.25rem;
height: 1.125rem;
right: -1.6875rem;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: 1; }
.promo-toggle::before {
content: "";
width: 2.5rem;
height: 2.5rem;
position: absolute;
margin-top: -1.25rem;
margin-left: -1.25rem; }
@media (min-width: 768px) {
.promo-toggle {
width: 0.625rem;
height: 0.625rem;
top: calc(50% - 5px);
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
cursor: pointer; } }
.black-bg .show-all-promotions {
color: #fff; }
.black-bg .promo-toggle {
background: url("../images/svg-icons/arrow-right-white.svg") no-repeat center center; }
@media (min-width: 768px) {
.black-bg .promo-toggle {
background-image: url("../images/svg-icons/plus-white.svg"); } }
.bg-gray-bg .promo-toggle {
background: url("../images/svg-icons/arrow-right.svg") no-repeat center center; }
@media (min-width: 768px) {
.bg-gray-bg .promo-toggle {
background-image: url("../images/svg-icons/plus-black.svg"); } }
@media (min-width: 768px) {
.mobile-offers-title {
display: none; } }
@media (max-width: 767.98px) {
.mobile-offers-title {
display: inherit; } }
@media (min-width: 768px) {
.desktop-offers-title {
display: inherit; } }
@media (max-width: 767.98px) {
.desktop-offers-title {
display: none; } }
.promo-spikebar {
text-align: center;
position: relative;
min-height: 40.6px;
background: #fff;
z-index: 140; }
@media only screen and (max-width: 575px) {
.promo-spikebar {
text-align: left;
min-height: 60px; } }
.promo-spikebar .slick-track {
height: 100%; }
.promo-spikebar .slick-list:focus {
outline: none !important; }
.promo-spikebar .carousel-item {
max-width: inherit;
padding: inherit;
height: inherit !important; }
.promo-spikebar #promobarCarouselSlider {
color: #fff;
max-width: 1440px;
margin: 0 auto;
cursor: pointer; }
.promo-spikebar #promobarCarouselSlider .slick-list {
height: 40px !important; }
@media only screen and (max-width: 767px) {
.promo-spikebar #promobarCarouselSlider .slick-list {
height: 60px !important; } }
.promo-spikebar .promo-arrows {
margin: 0 auto;
width: 832px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
pointer-events: none; }
.promo-spikebar .promo-arrows button {
border: 0; }
@media (max-width: 1023.98px) {
.promo-spikebar .promo-arrows {
width: auto;
left: 13px;
right: 13px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); } }
.promo-spikebar .slick-arrow {
pointer-events: all;
border: 0;
width: 16px;
height: 16px;
padding: 0; }
.promo-spikebar .slick-arrow::before {
display: none; }
.promo-spikebar .slick-arrow:focus {
outline: none; }
.promo-spikebar .slick-arrow.promo-next {
background: url("../images/svg-icons/Arrow-Right-p.svg") no-repeat center center; }
@media only screen and (max-width: 767px) {
.promo-spikebar .slick-arrow.promo-next {
right: 0; } }
.promo-spikebar .slick-arrow.promo-prev {
background: url("../images/svg-icons/Arrow-Left-p.svg") no-repeat center center; }
@media only screen and (max-width: 767px) {
.promo-spikebar .slick-arrow.promo-prev {
left: 0; } }
.promo-spikebar .promobar-slide-text {
background: #000;
font-size: 14px;
font-weight: 600;
line-height: 19.6px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.promo-spikebar .promobar-holder {
max-width: 800px;
margin: 0 auto;
padding: 10px 50px 11px; }
.promo-spikebar .promobar-slide-text a {
color: #fff; }
.promo-spikebar .promobar-slide-text a:hover {
text-decoration: none; }
.promo-spikebar .promobar-slide-text span.promobar-link {
color: #bbb;
font-weight: 400;
margin: 0 0 0 8px;
text-decoration: underline; }
.promo-spikebar .promobar-slide-text span.promobar-link:hover {
color: #fff; }
@media only screen and (max-width: 1023px) {
.promo-spikebar .promobar-slide-text {
font-size: 12px; } }
.promo-spikebar.haven-promobar #promobarCarouselSlider {
max-width: 100%; }
.promo-spikebar.haven-promobar .promobar-slide-text {
background: #63574c; }
.sticky .promo-spikebar {
opacity: 0;
z-index: -1; }
.promo-pipe-sign {
color: #bbb;
font-weight: 400;
margin-left: 5px; }
.hvn-brands-switcher {
position: relative;
z-index: 140;
margin: auto;
width: 100%;
max-width: 1440px;
background: #fff;
height: 40px; }
.hvn-brands-switcher.header-sticky {
overflow: hidden; }
.hvn-brands-switcher.hvn-off .hvn-brand-holder {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%; }
.hvn-brands-switcher .hvn-brand-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1440px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto; }
.hvn-brands-switcher .brand-list {
list-style: none;
padding: 0;
margin: 0; }
.hvn-brands-switcher .brand-list li {
float: left; }
.hvn-brands-switcher .brand-list li a {
display: inherit;
width: 120px;
line-height: 40px;
text-align: center; }
@media only screen and (max-width: 767px) {
.hvn-brands-switcher .brand-list li a {
width: 100px; } }
.hvn-brands-switcher .brand-list li a img {
width: 80px;
vertical-align: middle;
max-width: 100%;
height: auto;
position: relative;
top: 0; }
@media only screen and (max-width: 767px) {
.hvn-brands-switcher .brand-list li a img {
width: 66px; } }
.hvn-brands-switcher .brand-list li a .img-logo-hover {
display: none; }
.hvn-brands-switcher .hvn-brand-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 40px;
letter-spacing: 0; }
@media only screen and (max-width: 767px) {
.hvn-brands-switcher .hvn-brand-right {
padding-right: 20px; } }
.hvn-brands-switcher .hvn-brand-right .account-link {
margin: 0 30px 0 0;
display: block;
max-width: 100%; }
@media only screen and (max-width: 1023px) {
.hvn-brands-switcher .hvn-brand-right .account-link {
margin: 0; } }
.hvn-brands-switcher .hvn-brand-right .user-account {
color: #000;
font-size: 14px;
line-height: 16px;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (max-width: 1023px) {
.hvn-brands-switcher .hvn-brand-right .user-account {
padding: 2px 10px 0; } }
.hvn-brands-switcher .hvn-brand-right .user-account:hover {
text-decoration: none; }
.hvn-brands-switcher .hvn-brand-right .user-account:hover span {
text-decoration: underline; }
.hvn-brands-switcher .hvn-brand-right .user-account:hover svg {
text-decoration: none; }
.hvn-brands-switcher .hvn-brand-right .user-account.registered {
min-width: 110px; }
.hvn-brands-switcher .hvn-brand-right .user-account.registered .si-txt-desktop {
margin: 0; }
@media only screen and (max-width: 1024px) {
.hvn-brands-switcher .hvn-brand-right .user-account .si-icon svg {
width: 20px;
height: 20px; } }
.hvn-brands-switcher .hvn-brand-right .user-account .si-txt-desktop {
margin: 0 0 0 5px; }
@media only screen and (max-width: 1023px) {
.hvn-brands-switcher .hvn-brand-right .user-account .si-txt-desktop {
display: none; } }
.hvn-brands-switcher .hvn-brand-right .user-account .icon.down-triangle {
color: #000; }
@media only screen and (max-width: 1024px) {
.hvn-brands-switcher .hvn-brand-right .user-account .icon.down-triangle {
display: none; } }
.hvn-brands-switcher .hvn-brand-right #mini-cart {
float: left;
color: #000; }
.hvn-brands-switcher .hvn-brand-right #mini-cart .cart-prd-count-txt {
color: #000; }
@media only screen and (min-width: 1024px) {
.hvn-brands-switcher .hvn-brand-right #mini-cart .cart-prd-count-txt {
padding-left: 5px; } }
@media only screen and (max-width: 1023px) {
.hvn-brands-switcher .hvn-brand-right #mini-cart .cart-prd-count-txt .b-txt {
display: none; } }
.hvn-brands-switcher .user-info-mob {
display: none; }
@media only screen and (max-width: 1023px) {
.hvn-brands-switcher .user-info-mob {
display: inline-block; } }
.hvn-brands-switcher .user-info-mob a {
display: block;
padding: 3px 10px 0;
color: #000;
font-size: 14px;
line-height: 8px;
text-decoration: none; }
.hvn-brands-switcher .user-info-mob a:hover {
text-decoration: none; }
.hvn-brands-switcher .user-info-mob a svg {
width: 20px;
height: 20px; }
.hvn-brands-switcher .user-info {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
margin-right: 30px; }
@media only screen and (max-width: 1023px) {
.hvn-brands-switcher .user-info.user-info-desktop {
display: none; } }
.hvn-brands-switcher .user-info #down-triangle {
width: 10px; }
@media only screen and (max-width: 1023px) {
.hvn-brands-switcher .user-info #down-triangle {
display: none; } }
@media (max-width: 1023px) {
.hvn-brands-switcher .user-info .user-panel {
display: none; } }
@media (min-width: 1024px) {
.hvn-brands-switcher .user-info .user-panel {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 10rem;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
text-align: left;
opacity: 0;
visibility: hidden;
position: absolute;
right: 0;
top: 40px;
z-index: 20;
padding: 1rem 1.25rem 0;
border: 1px solid #ddd;
margin-top: 0;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px 0 #ddd;
box-shadow: 0 2px 5px 0 #ddd; } }
@media (min-width: 1024px) {
.hvn-brands-switcher .user-info .user-panel .user-links .user-greeting {
padding: 0 0 .5rem;
border-bottom: 1px solid #ddd;
margin-bottom: .5rem;
display: block;
font-weight: bold;
font-size: 13px; } }
@media (min-width: 1024px) {
.hvn-brands-switcher .user-info .user-panel .user-links .rewards-menu {
padding: 0 0 .2rem;
margin-bottom: .2rem;
display: block !important;
font-weight: normal;
font-size: 13px; } }
.hvn-brands-switcher .user-info .user-panel .user-links .account-menu-divider {
border-bottom: 1px solid #ddd;
padding-bottom: .5rem;
margin-bottom: .5rem; }
@media (min-width: 1024px) {
.hvn-brands-switcher .user-info .user-panel .user-links a {
padding: 0;
margin-bottom: .5rem;
display: block;
overflow: hidden;
color: #000;
text-decoration: none;
font-size: 13px; }
.hvn-brands-switcher .user-info .user-panel .user-links a:hover {
text-decoration: underline; } }
.hvn-brands-switcher .user-info .user-panel .user-links a.user-logout {
border-top: 1px solid #ddd;
margin-bottom: 0;
padding: .625rem 0;
text-decoration: underline; }
@media (min-width: 1024px) {
.hvn-brands-switcher .user-info.active .user-panel {
opacity: 1;
visibility: visible; }
.hvn-brands-switcher .user-info.active #down-triangle {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); } }
.hvn-mini-cart-total .mini-cart-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #000;
font-size: 14px;
line-height: 16px;
text-decoration: none; }
@media only screen and (max-width: 1023px) {
.hvn-mini-cart-total .mini-cart-link {
padding-left: 3px;
padding-top: 4px; } }
.hvn-mini-cart-total .mini-cart-link .hvn-minicart-quantity svg {
position: relative;
top: 3px;
display: inline-block; }
@media only screen and (max-width: 1024px) {
.hvn-mini-cart-total .mini-cart-link .hvn-minicart-quantity svg {
width: 20px;
height: 20px;
top: 3px; } }
.hvn-mini-cart-total .mini-cart-link .cart-prd-count-txt {
position: relative;
top: -3px;
display: inline-block; }
@media only screen and (max-width: 1023px) {
.hvn-mini-cart-total .mini-cart-link .cart-prd-count-txt {
top: -3px;
font-size: 12px; } }
@media only screen and (max-width: 1023px) {
.hvn-mini-cart-total .mini-cart-link .cart-prd-count-txt .b-txt {
display: none; } }
.hvn-mini-cart-total .mini-cart-link:hover {
text-decoration: none; }
.hvn-mini-cart-total .mini-cart-link:hover svg {
text-decoration: none; }
.hvn-mini-cart-total .mini-cart-link:hover span span {
text-decoration: underline; }
.haven-b {
z-index: 1000; }
.haven-b .brand-list li:hover:not(.active-brand) {
background: rgba(59, 59, 58, 0.5); }
.haven-b .brand-list li:hover:not(.active-brand) a img {
display: none; }
.haven-b .brand-list li:hover:not(.active-brand) a img.img-logo-hover {
display: inline-block; }
.haven-b .brand-list li a img {
position: relative;
top: -1px; }
.haven-b .brand-list li.active-brand {
background: #d2d9d1; }
.haven-b .brand-list li.active-brand a {
width: 120px; }
@media only screen and (max-width: 767px) {
.haven-b .brand-list li.active-brand a {
width: 100px; } }
.haven-b .brand-list li.active-brand a img {
width: 58px; }
@media only screen and (max-width: 767px) {
.haven-b .brand-list li.active-brand a img {
width: 58px; } }
.haven-b .user-info .user-panel .user-links a:hover {
color: #00402f; }
.sticky .talbots-b {
opacity: 0; }
.talbots-b {
max-width: 100%; }
.talbots-b .brand-list li {
background: #d2d9d1; }
.talbots-b .brand-list li:hover:not(.active-brand) {
background: #00402f; }
.talbots-b .brand-list li:hover:not(.active-brand) a img {
display: none; }
.talbots-b .brand-list li:hover:not(.active-brand) a img.img-logo-hover {
display: inline-block; }
.talbots-b .brand-list li a img {
width: 58px; }
.talbots-b .brand-list li.active-brand {
background: #fff; }
.talbots-b .brand-list li.active-brand a {
width: 120px; }
@media only screen and (max-width: 767px) {
.talbots-b .brand-list li.active-brand a {
width: 100px; } }
.talbots-b .brand-list li.active-brand a img {
width: 80px; }
@media only screen and (max-width: 767px) {
.talbots-b .brand-list li.active-brand a img {
width: 66px; } }
.talbots-b .hvn-brand-right .user-account .si-icon {
top: 1px; }
@media only screen and (max-width: 1023px) {
.talbots-b .hvn-brand-right .user-account .si-icon {
top: 2.5px; } }
@media only screen and (max-width: 767px) {
.talbots-b .hvn-brand-right .user-account .si-icon {
top: 4px; } }
.talbots-b .hvn-mini-cart-total .mini-cart-link .hvn-minicart-quantity svg {
top: 2.5px; }
@media only screen and (max-width: 1023px) {
.talbots-b .hvn-mini-cart-total .mini-cart-link .hvn-minicart-quantity svg {
top: 2px; } }
@media only screen and (max-width: 1023px) {
.talbots-b .hvn-mini-cart-total .mini-cart-link .cart-prd-count-txt {
top: -4px; } }
@media only screen and (max-width: 767px) {
.talbots-b .hvn-mini-cart-total .mini-cart-link .cart-prd-count-txt {
top: -3px; } }
.mini-cart-content-modal {
display: none; }
.mini-cart-content-modal .final-sale {
display: inline;
margin-left: 6px; }
.hidden-element {
display: none !important; }
.hww-redesign-brand-switcher.haven-b {
background-color: #f1f1f1;
max-width: 100%; }
@media (min-width: 1024px) {
.hww-redesign-brand-switcher.haven-b .brand-list li a {
width: 175px; } }
.hww-redesign-brand-switcher.haven-b .brand-list li.active-brand {
background-color: #fff; }
@media (min-width: 1024px) {
.hww-redesign-brand-switcher.haven-b .brand-list li.active-brand a {
width: 175px; } }
html :focus-visible {
outline: auto !important; }
html:not(.tabfocused) input:focus-visible,
html:not(.tabfocused) .input-select:focus-visible,
#ratings-summary:focus-visible,
html:not(.tabfocused) #onetrust-banner-sdk:focus-visible,
html:not(.tabfocused) .ep-text-placement:focus-visible,
html:not(.tabfocused) .carts-merged-link:focus-visible {
outline: none !important; }
html.tabfocused input:focus,
html.tabfocused .input-select:focus,
html.tabfocused button:focus,
html.tabfocused #onetrust-banner-sdk:focus {
outline: auto !important; }
html.tabfocused button:focus {
color: #000 !important; }
.skip-nav {
position: absolute;
left: -10000px; }
.skip-nav:focus {
top: 0;
left: 0;
z-index: 10000;
padding: 0.5em;
background-color: #000; }
.mini-cart-scroll {
display: none; }
.top-banner {
position: relative;
z-index: 139;
-webkit-transition: min-height 0.3s linear;
-o-transition: min-height 0.3s linear;
transition: min-height 0.3s linear;
width: 100%;
max-width: 100%;
background: #fff; }
.top-banner::after {
content: "";
display: table;
clear: both; }
.sticky .top-banner .mini-cart-scroll {
display: block;
position: absolute;
right: 20px;
top: 5px; }
.sticky .top-banner .mini-cart-scroll .bonus-discount-container {
display: none; }
@media (min-width: 1024px) {
.sticky .top-banner .mini-cart-scroll {
display: block;
position: absolute;
right: -100px;
top: 0; } }
@media (max-width: 1280px) {
.sticky .top-banner .mini-cart-scroll {
right: -90px; } }
@media (max-width: 1023px) {
.sticky .top-banner .mini-cart-scroll {
right: 20px; } }
@media (min-width: 1024px) {
.sticky .top-banner {
position: fixed;
left: auto;
top: 0;
z-index: 141; } }
.top-banner.promo-open .utility-wrapper {
z-index: 1; }
.header-wrapper {
-webkit-transition: opacity linear .3s, min-height linear .3s;
-o-transition: opacity linear .3s, min-height linear .3s;
transition: opacity linear .3s, min-height linear .3s; }
.header-wrapper .stores span a {
color: #a53636 !important; }
@media (max-width: 1279.98px) {
.header-wrapper {
padding: 0.9375rem; } }
@media (max-width: 767.98px) {
.header-wrapper {
padding: 1.25rem 0.9375rem 0.9375rem; } }
@media (min-width: 1024px) {
.header-wrapper {
position: relative;
margin: auto;
width: 100%;
max-width: 1440px;
padding: 1.875rem 1.25rem 0; }
.header-wrapper .talbots-cc .icon,
.header-wrapper .stores .icon {
margin-right: 0.1875rem; } }
@media screen and (max-width: 1023px) {
.header-wrapper {
-webkit-transition-property: top linear .3s;
-o-transition-property: top linear .3s;
transition-property: top linear .3s; }
.sticky .header-wrapper {
position: fixed;
left: auto;
z-index: 139;
width: 100%;
max-width: 100%;
background: #fff;
top: -9.375rem; }
.header-wrapper.nav-down {
top: 0; } }
.header-wrapper .footer-only,
.header-wrapper .pdp-only,
.header-wrapper .landing-only {
display: none; }
@media (min-width: 1024px) {
.sticky #main {
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.sticky .top-banner {
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2); }
.sticky .header-wrapper {
padding: 0 0 0 0.9375rem;
padding-top: 0 !important;
opacity: 1;
-webkit-transition: none;
-o-transition: none;
transition: none; }
.sticky .talbots-cc,
.sticky .stores,
.sticky .menu-utility-user {
display: none; }
.sticky .utility-wrapper,
.sticky .header-search {
top: 15px; } }
.sticky .hww-redesign-brand-switcher {
display: none; }
@media (min-width: 1024px) {
.top-banner:not(.hww-redesign-header) .navigation-wrapper {
max-width: 1440px;
padding: 0 1.25rem;
margin: 0 auto; }
.sticky .navigation-wrapper {
padding: 0 0 0 .9375rem;
max-width: 1440px;
padding: 0 1.25rem;
margin: 0 auto; } }
.primary-logo {
z-index: 1;
margin: 0 auto;
width: 35%;
max-width: 119px;
height: 15px;
-webkit-transition: none;
-o-transition: none;
transition: none; }
@media (max-width: 767.98px) {
.primary-logo {
margin: 3px auto; } }
.primary-logo .logo {
width: 100%; }
@media (min-width: 1024px) {
.primary-logo {
width: 240px;
max-width: 240px;
height: 29px; }
.primary-logo .logo {
max-height: 29px; }
.sticky .primary-logo {
opacity: 0;
height: 0;
max-width: none;
display: none; } }
.sticky-logo {
display: none !important; }
@media (min-width: 1024px) {
.sticky .sticky-logo {
display: block; } }
@media (max-width: 1023.98px) {
.menu-toggle,
.stores,
.account-link {
display: block;
float: left;
border: none;
background-color: transparent;
margin-bottom: 0.9375rem;
text-align: center; }
.menu-toggle:hover,
.menu-toggle a:hover,
.stores:hover,
.stores a:hover,
.account-link:hover,
.account-link a:hover {
text-decoration: none; }
.menu-toggle .icon,
.stores .icon,
.account-link .icon {
width: 99.45%;
height: 24px; }
.menu-toggle span,
.stores span,
.account-link span {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 9px;
font-size: 0.5625rem;
text-transform: uppercase;
color: #999;
font-style: normal; }
.menu-toggle span:hover,
.stores span:hover,
.account-link span:hover {
text-decoration: none;
color: #999; } }
@media (max-width: 1023.98px) and (max-width: 767.98px) {
.menu-toggle span,
.stores span,
.account-link span {
display: none; } }
@media (max-width: 1023.98px) and (max-width: 767.98px) {
.menu-toggle,
.stores,
.account-link {
margin-bottom: 1.25rem; } }
@media (min-width: 1024px) {
.menu-toggle,
.account-link {
display: none; } }
.menu-toggle {
width: 11%;
max-width: 1.875rem;
margin-right: 5%; }
@media (max-width: 767.98px) {
.menu-toggle {
margin-right: 4.65%; } }
@media (max-width: 1023.98px) {
.stores {
width: 14% !important;
max-width: 2.375rem; } }
@media (max-width: 767.98px) {
.stores {
width: 7% !important; }
.stores .icon {
padding: 2px 0 1px; } }
@media (min-width: 1024px) {
.stores {
float: left;
display: inline-block;
line-height: 1.875rem; }
.stores div {
display: inline-block; }
.stores span {
overflow: hidden;
color: #999;
text-decoration: none;
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
text-transform: none;
font-style: normal; }
.stores span:hover {
color: #999;
text-decoration: none; }
.stores span.button {
text-decoration: none; } }
.utility-wrapper {
position: absolute;
top: 15px;
right: 15px;
z-index: 20;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (min-width: 1024px) {
.utility-wrapper {
top: 34px;
right: 1.25rem; } }
.account-link {
max-width: 3.125rem;
margin-right: 16%;
margin-left: 6%; }
.talbots-cc {
float: left;
margin-right: 1.875rem;
line-height: 1.875rem; }
.talbots-cc div {
display: inline-block; }
.talbots-cc span {
overflow: hidden;
color: #999;
text-decoration: none;
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
text-transform: none; }
.talbots-cc span:hover {
color: #999;
text-decoration: none; }
.talbots-cc span.button {
text-decoration: none; }
.header-search {
clear: both;
background-color: #fff;
height: 2.1875rem;
width: 100%;
z-index: 1;
/* iPad 3, 4 and Pro 9.7 Landscape */ }
.header-search form {
border: 1px solid #ddd; }
.header-search .btn-close {
background: url("../images/svg-icons/close-icon.svg") no-repeat;
position: absolute;
top: 12px;
left: -20px;
width: 11px;
height: 11px;
display: none;
text-decoration: none;
line-height: 1; }
@media (min-width: 1024px) {
.header-search {
width: 140px;
height: 1.875rem;
position: absolute;
right: 238px;
top: 30px;
-webkit-transition: width 0.2s ease, right .2s ease;
-o-transition: width 0.2s ease, right .2s ease;
transition: width 0.2s ease, right .2s ease; }
.header-search.registered {
right: 265px; }
.header-search.focus input[type="text"] {
padding-right: 0; }
.sticky .header-search.focus {
width: 100%;
max-width: 570px;
/*&::before {
content: $close-icon;
position: absolute;
top: 5px;
left: -20px;
}*/ }
.sticky .header-search.focus .btn-close {
display: block; }
.sticky .header-search.focus::after {
content: "";
display: block;
position: absolute;
left: -500px;
top: 0;
z-index: -1;
width: 100vw;
max-width: 100vw;
margin-left: calc((100vw - 100%) / -2);
background: #fff;
height: 40px; } }
.header-search input[type="text"] {
float: left;
width: calc(100% - 2.5rem);
height: 35px;
padding-left: 0.8125rem;
border: none;
margin: 0;
background-color: transparent; }
@media (min-width: 1024px) {
.header-search input[type="text"] {
padding: 0 2.6875rem 0 0.8125rem;
height: 1.875rem; } }
.header-search button {
line-height: 2.1875rem;
min-height: 2.1875rem;
padding: 0 .65rem;
border: none !important;
background-color: transparent; }
@media (min-width: 1024px) {
.header-search button {
line-height: 20px;
line-height: 1.25rem;
padding: 0.25rem 0.6rem;
min-height: 20px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
.header-search .user-menus-right #mini-cart {
margin: 0 0 0 10px; } }
@media (min-width: 1024px) {
@supports (-ms-ime-align: auto) {
.header-search input[type="text"] {
padding-right: 40px; } } }
.header-search.tals_redesign {
border: none;
width: auto;
height: auto;
/* iPad Pro Landscape */ }
@media (min-width: 1024px) {
.header-search.tals_redesign {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
right: 20px !important;
top: 27px; } }
@media only screen and (min-width: 1280px) {
.header-search.tals_redesign #searchContainer {
width: 255px; } }
.header-search.tals_redesign form {
-webkit-transition: width .2s ease, right .2s ease;
-o-transition: width .2s ease, right .2s ease;
transition: width .2s ease, right .2s ease;
height: 2.1875rem; }
.header-search.tals_redesign form input[type="text"] {
height: 2.1875rem;
margin-top: -1px;
padding: 9px 12px;
width: calc(100% - 28px); }
@media (min-width: 1024px) {
.header-search.tals_redesign form input[type="text"] {
font-style: normal !important;
font-size: 12px !important; } }
.header-search.tals_redesign form button {
padding: 9px 12px 9px 0;
min-height: inherit;
height: 34px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.header-search.tals_redesign form button span {
display: none; }
.header-search.tals_redesign form button svg.svg-search-icon-dims {
height: 16px;
width: 16px; }
.header-search.tals_redesign form button:hover, .header-search.tals_redesign form button:active, .header-search.tals_redesign form button:focus {
background-color: transparent !important;
border: none !important; }
.header-search.tals_redesign .btn-close {
display: none; }
.sticky .header-search.tals_redesign {
top: 12.5px; }
@media only screen and (min-width: 1280px) {
.sticky .header-search.tals_redesign #searchContainer {
width: 153px; } }
@media (min-width: 1024px) {
.sticky .top-banner.hww-redesign-header .header-search.tals_redesign {
background-color: transparent; }
.sticky .top-banner.hww-redesign-header .header-search.tals_redesign #searchContainer {
background-color: #fff; } }
.sticky .header-search.tals_redesign.focus .btn-close {
display: block; }
@media (min-width: 1024px) {
.sticky .header-search.tals_redesign.focus #searchContainer {
width: 100%;
max-width: 570px; } }
.header-search.tals_redesign .user-menus-right {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
position: absolute;
top: 15px;
right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.header-search.tals_redesign .user-menus-right {
top: 18px; } }
@media (max-width: 767.98px) {
.header-search.tals_redesign .user-menus-right {
top: 20px; } }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right {
position: static;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.header-search.tals_redesign .user-menus-right .account-link {
display: block;
margin-right: 12px;
margin-bottom: 0;
margin-left: 0; }
.header-search.tals_redesign .user-menus-right .account-link * {
display: block; }
.sticky .header-search.tals_redesign .user-menus-right .account-link {
display: none; }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right .account-link {
margin: 0 0 0 32px;
max-width: initial; }
.header-search.tals_redesign .user-menus-right .account-link .user-account {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 70px;
-ms-flex-item-align: center;
align-self: center; }
.header-search.tals_redesign .user-menus-right .account-link .user-account .si-icon {
margin-right: 4px; } }
.header-search.tals_redesign .user-menus-right .account-link .user-account .si-icon svg {
width: 24px;
height: 24px; }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right .account-link .user-account .si-icon svg {
width: 20px;
height: 20px; } }
.header-search.tals_redesign .user-menus-right .account-link .si-txt-desktop {
display: none; }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right .account-link .si-txt-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.header-search.tals_redesign .user-menus-right .user-info-mob {
display: none; }
@media only screen and (max-width: 1023px) {
.header-search.tals_redesign .user-menus-right .user-info-mob {
display: inline-block; } }
.header-search.tals_redesign .user-menus-right .user-info-mob a {
display: block;
padding: 0 10px;
color: #000;
font-size: 14px;
line-height: 8px;
text-decoration: none; }
.header-search.tals_redesign .user-menus-right .user-info-mob a:hover {
text-decoration: none; }
.header-search.tals_redesign .user-menus-right .user-info-mob a svg {
width: 24px;
height: 24px; }
.header-search.tals_redesign .user-menus-right .user-info {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: auto;
margin-left: 24px; }
@media only screen and (max-width: 1023px) {
.header-search.tals_redesign .user-menus-right .user-info.user-info-desktop {
display: none; } }
.sticky .header-search.tals_redesign .user-menus-right .user-info {
display: none; }
.header-search.tals_redesign .user-menus-right .user-info .user-account {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.header-search.tals_redesign .user-menus-right .user-info .user-account .si-icon {
margin-right: 4px; }
.header-search.tals_redesign .user-menus-right .user-info .user-account .si-icon svg {
width: 20px;
height: 20px; }
.header-search.tals_redesign .user-menus-right .user-info #down-triangle {
width: 10px;
margin-left: 3px; }
@media only screen and (max-width: 1023px) {
.header-search.tals_redesign .user-menus-right .user-info #down-triangle {
display: none; } }
@media (max-width: 1023px) {
.header-search.tals_redesign .user-menus-right .user-info .user-panel {
display: none; } }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right .user-info .user-panel {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 10rem;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
text-align: left;
opacity: 0;
visibility: hidden;
position: absolute;
right: 0;
top: 40px;
z-index: 20;
padding: 1rem 1.25rem 0;
border: 1px solid #ddd;
margin-top: 0;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px 0 #ddd;
box-shadow: 0 2px 5px 0 #ddd; }
.top-banner.hww-redesign-header .header-search.tals_redesign .user-menus-right .user-info .user-panel {
top: 30px;
line-height: 16px; } }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right .user-info .user-panel .user-links .user-greeting {
padding: 0 0 .5rem;
border-bottom: 1px solid #ddd;
margin-bottom: .5rem;
display: block;
font-weight: bold;
font-size: 13px;
font-family: "Montserrat"; } }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right .user-info .user-panel .user-links .rewards-menu {
padding: 0 0 .2rem;
margin-bottom: .2rem;
display: block !important;
font-weight: normal;
font-size: 13px; } }
.header-search.tals_redesign .user-menus-right .user-info .user-panel .user-links .account-menu-divider {
border-bottom: 1px solid #ddd;
padding-bottom: .5rem;
margin-bottom: .5rem; }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right .user-info .user-panel .user-links a {
padding: 0;
margin-bottom: .5rem;
display: block;
overflow: hidden;
color: #000;
text-decoration: none;
font-size: 13px; }
.header-search.tals_redesign .user-menus-right .user-info .user-panel .user-links a:hover {
text-decoration: underline; } }
.header-search.tals_redesign .user-menus-right .user-info .user-panel .user-links a.user-logout {
border-top: 1px solid #ddd;
margin-bottom: 0;
padding: .625rem 0;
text-decoration: underline; }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right .user-info.active .user-panel {
opacity: 1;
visibility: visible; }
.header-search.tals_redesign .user-menus-right .user-info.active #down-triangle {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); } }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right #mini-cart {
margin: 0 0 0 24px; } }
.header-search.tals_redesign .user-menus-right #mini-cart .mini-cart-link {
padding: 0; }
.header-search.tals_redesign .user-menus-right #mini-cart .mini-cart-link .hvn-minicart-quantity {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.header-search.tals_redesign .user-menus-right #mini-cart .mini-cart-link .hvn-minicart-quantity svg {
width: 24px;
height: 24px;
margin-right: 4px;
position: static; }
@media (min-width: 1024px) {
.header-search.tals_redesign .user-menus-right #mini-cart .mini-cart-link .hvn-minicart-quantity svg {
width: 20px;
height: 20px; } }
@media (max-width: 767.98px) {
.header-search.tals_redesign .user-menus-right #mini-cart .mini-cart-link .hvn-minicart-quantity svg {
margin-right: 2px; } }
.header-search.tals_redesign .user-menus-right #mini-cart .mini-cart-link .hvn-minicart-quantity .cart-prd-count-txt {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.header-search.tals_redesign .user-menus-right #mini-cart .mini-cart-link .hvn-minicart-quantity .cart-prd-count-txt span {
margin-right: 4px; }
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.header-search.tals_redesign {
width: auto; }
.header-search.tals_redesign #searchContainer {
width: 140px; }
.sticky .header-search.tals_redesign #searchContainer {
width: 35px; }
.sticky .header-search.tals_redesign:not(.focus) #searchContainer {
width: 30px;
background-color: transparent !important; }
.sticky .header-search.tals_redesign:not(.focus) form {
border: 0 none;
overflow: hidden; }
.sticky .header-search.tals_redesign:not(.focus) input[type="text"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
padding: 0;
opacity: 0; } }
input[type="text"].suppress::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
font-family: "Libre Baskerville" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: italic !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
input[type="text"].suppress:-ms-input-placeholder {
/* WebKit, Blink, Edge */
font-family: "Libre Baskerville" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: italic !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
input[type="text"].suppress::-ms-input-placeholder {
/* WebKit, Blink, Edge */
font-family: "Libre Baskerville" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: italic !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
input[type="text"].suppress::placeholder {
/* WebKit, Blink, Edge */
font-family: "Libre Baskerville" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: italic !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
input[type="text"].suppress::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
font-family: "Libre Baskerville" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: italic !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
input[type="text"].suppress:-ms-input-placeholder {
/* Internet Explorer 10-11 */
/* WebKit, Blink, Edge */
font-family: "Libre Baskerville" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: italic !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
input[type="text"].suppress:focus::-webkit-input-placeholder {
color: transparent !important; }
input[type="text"].suppress:focus:-ms-input-placeholder {
color: transparent !important; }
input[type="text"].suppress:focus::-ms-input-placeholder {
color: transparent !important; }
input[type="text"].suppress:focus::placeholder {
color: transparent !important; }
input[type="text"].suppress:focus::-webkit-input-placeholder {
color: transparent !important; }
input[type="text"].suppress:focus:-moz-placeholder {
/* FF 4-18 */
color: transparent !important; }
input[type="text"].suppress:focus::-moz-placeholder {
/* FF 19+ */
color: transparent !important; }
input[type="text"].suppress:focus:-ms-input-placeholder {
/* IE 10+ */
color: transparent !important; }
.pt_checkout .top-banner {
border-bottom: 1px solid #ddd; }
@media (max-width: 1023.98px) {
.pt_checkout .header-wrapper {
padding: 1.25rem 0 1.5rem 1.25rem; }
.pt_checkout .header-wrapper .mini-cart-total {
width: 23.25px; }
.pt_checkout .header-wrapper .primary-logo {
margin: 0; } }
@media (min-width: 768px) {
.pt_checkout .header-wrapper {
padding-bottom: 1.875rem; } }
@media (min-width: 1024px) {
.tcc-cta-include {
position: relative; }
.tcc-cta-include span:hover {
text-decoration: none; }
.tcc-cta-include ul.dropdown {
display: none;
position: absolute;
border: 1px solid #ddd;
padding: 0 10px;
width: 100%;
background-color: #fff;
width: 87%;
margin: 0 18px; }
.tcc-cta-include ul.dropdown a:hover {
text-decoration: underline; }
.tcc-cta-include:hover .dropdown {
display: block; }
.tcc-cta-include .icon.arrow-right {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
width: 15px;
height: 15px;
display: inline-block; }
.tcc-cta-include .cta-msg span {
cursor: pointer;
padding: 1px 0.5px 1px 0; }
.tcc-cta-include .cta-msg.active-dropdown .dropdown {
display: block; } }
@media only screen and (max-width: 1023px) {
.tcc-cta-include .icon.arrow-right {
display: none; } }
#classic-awards-container .tcc-cta-include.header-only, #classic-awards-container .tcc-cta-include.pdp-only, #classic-awards-container .tcc-cta-include.footer-only {
display: none; }
#classic-awards-container .tcc-cta-include.landing-only #bread-payments-landing-placement {
text-transform: uppercase;
min-height: 2.5rem;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 1rem;
display: inline-block;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
border-radius: 0;
letter-spacing: .3px;
text-align: center;
border: 1px solid black;
border-color: #000;
padding: 0.6875rem 13px;
line-height: 1em; }
#classic-awards-container .tcc-cta-include.landing-only #bread-payments-landing-placement:hover {
background-color: #000;
color: #fff; }
#bread-payments-header-placement,
#bread-payments-footer-placement,
#bread-payments-product-placement,
#bread-payments-landing-placement,
#bread-payments-dashboard-placement {
cursor: pointer; }
#bread-payments-footer-placement:hover,
#bread-payments-dashboard-placement:hover {
text-decoration: underline; }
@media (max-width: 1279.98px) {
.pay-my-bill {
position: relative; }
.pay-my-bill .has-sub-menu {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 47px;
z-index: 99; }
.pay-my-bill ul.dropdown {
display: none; }
.pay-my-bill ul.dropdown > li {
padding-left: 22px;
border: 0; }
.pay-my-bill ul.dropdown > li a {
line-height: normal;
padding: 0 0 1.0625rem; }
.pay-my-bill.active ul.dropdown {
display: block; }
.pay-my-bill .cta-msg > span {
display: inline-block;
padding: 18px 0; } }
@media (min-width: 1024px) {
.sticky .hww-redesign-header.top-banner {
background-color: #d2d9d1;
border-bottom: 1px solid rgba(0, 64, 47, 0.4); } }
.hww-redesign-header.top-banner .rewards-menu {
color: #000; }
.hww-redesign-header .on-order,
.hww-redesign-header .preorder-msg,
.hww-redesign-header .backorder-msg {
display: inline-block;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #aa1e26;
font-size: 0.9em; }
.hww-redesign-header .header-wrapper {
padding-top: 20px; }
@media (min-width: 1024px) {
.hww-redesign-header .header-wrapper {
max-width: 1280px;
width: calc(100% - 30px);
padding: 0 20px; }
.sticky .hww-redesign-header .header-wrapper {
max-width: 1440px; } }
@media (min-width: 1280px) {
.hww-redesign-header .header-wrapper {
padding-left: 0;
padding-right: 0; } }
@media (max-width: 767.98px) {
.hww-redesign-header .header-wrapper {
padding: 16px 15px;
border-bottom: #f1f1f1;
-webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1), 0 2px 6px 2px rgba(60, 64, 67, 0.05);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1), 0 2px 6px 2px rgba(60, 64, 67, 0.05); }
.hww-redesign-header .header-wrapper .menu-toggle {
margin-bottom: 16px;
margin-right: 16px;
margin-top: 5px;
height: 20px;
padding: 0;
margin-left: -3px; } }
html:not(.sticky) .hww-redesign-header .header-wrapper .stores {
line-height: 20px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 12px 0;
height: 20px; }
@media (min-width: 768px) and (max-width: 1023.98px) {
html:not(.sticky) .hww-redesign-header .header-wrapper .stores {
margin-top: 0;
display: block;
line-height: 12px; } }
.hww-redesign-header .header-wrapper .stores svg {
margin-right: 4px; }
@media (max-width: 767.98px) {
.hww-redesign-header .header-wrapper .stores {
margin: 3px 0 !important; }
.hww-redesign-header .header-wrapper .stores svg {
height: 24px;
width: 24px; } }
.hww-redesign-header .header-wrapper .stores a {
color: #767676 !important;
height: 20px; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.hww-redesign-header .header-wrapper .stores a {
display: block;
height: 26px; } }
.hww-redesign-header .header-wrapper .stores .hvn-store-locator {
font-size: 14px; }
.hww-redesign-header .header-wrapper #searchContainer {
height: 35px; }
@media (min-width: 1024px) {
.hww-redesign-header .header-wrapper #searchContainer {
width: 180px;
max-width: 180px; } }
@media (min-width: 1024px) {
html:not(.sticky) .hww-redesign-header .primary-logo {
text-align: center;
height: 41px; }
html:not(.sticky) .hww-redesign-header .primary-logo .logo {
width: 150px;
height: 41px;
max-height: 41px; } }
@media (max-width: 767.98px) {
.hww-redesign-header .primary-logo {
height: 26px;
margin-bottom: 16px;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content; }
.hww-redesign-header .primary-logo .logo {
width: 93px;
height: 26px;
max-height: 26px; } }
.hww-redesign-header input[type="text"].haven-search {
font-size: 12px; }
.hww-redesign-header input[type="text"].haven-search::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
font-family: "montserratregular" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
.hww-redesign-header input[type="text"].haven-search:-ms-input-placeholder {
/* WebKit, Blink, Edge */
font-family: "montserratregular" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
.hww-redesign-header input[type="text"].haven-search::-ms-input-placeholder {
/* WebKit, Blink, Edge */
font-family: "montserratregular" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
.hww-redesign-header input[type="text"].haven-search::placeholder {
/* WebKit, Blink, Edge */
font-family: "montserratregular" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
.hww-redesign-header input[type="text"].haven-search::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
font-family: "montserratregular" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
.hww-redesign-header input[type="text"].haven-search:-ms-input-placeholder {
/* Internet Explorer 10-11 */
/* WebKit, Blink, Edge */
font-family: "montserratregular" !important;
font-size: 12px !important;
font-weight: normal !important;
font-stretch: normal !important;
font-style: normal !important;
letter-spacing: normal !important;
text-transform: capitalize !important;
color: #767676 !important; }
.hww-redesign-header input[type="text"].haven-search:focus::-webkit-input-placeholder {
color: transparent !important; }
.hww-redesign-header input[type="text"].haven-search:focus:-ms-input-placeholder {
color: transparent !important; }
.hww-redesign-header input[type="text"].haven-search:focus::-ms-input-placeholder {
color: transparent !important; }
.hww-redesign-header input[type="text"].haven-search:focus::placeholder {
color: transparent !important; }
.hww-redesign-header input[type="text"].haven-search:focus::-webkit-input-placeholder {
color: transparent !important; }
.hww-redesign-header input[type="text"].haven-search:focus:-moz-placeholder {
/* FF 4-18 */
color: transparent !important; }
.hww-redesign-header input[type="text"].haven-search:focus::-moz-placeholder {
/* FF 19+ */
color: transparent !important; }
.hww-redesign-header input[type="text"].haven-search:focus:-ms-input-placeholder {
/* IE 10+ */
color: transparent !important; }
.hww-redesign-header a {
color: #767676; }
.hww-redesign-header .hvn-minicart-quantity {
position: relative; }
.hww-redesign-header .hvn-minicart-quantity .cart-prd-count-txt {
position: absolute !important;
top: -5px !important;
right: -2px;
width: 16px;
height: 16px;
color: #fff;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 10px;
border-radius: 50%;
background-color: #00402f;
font-weight: 600; }
.hww-redesign-header .user-menus-right #mini-cart,
.hww-redesign-header .user-menus-right .user-info {
margin-left: 32px !important; }
@media (max-width: 1279.98px) {
.hww-redesign-header .user-menus-right #mini-cart,
.hww-redesign-header .user-menus-right .user-info {
margin-left: 24px !important; } }
@media (max-width: 767.98px) {
.hww-redesign-header .user-menus-right #mini-cart,
.hww-redesign-header .user-menus-right .user-info {
margin-left: 4px !important; } }
@media (max-width: 1279.98px) {
.sticky .hww-redesign-header .user-menus-right #mini-cart, .sticky
.hww-redesign-header .user-menus-right .user-info {
margin-left: 8px !important; } }
.hww-redesign-header .user-menus-right .user-account:hover, .hww-redesign-header .user-menus-right .user-account:active, .hww-redesign-header .user-menus-right .user-account:focus {
text-decoration: none; }
.hww-redesign-header .user-menus-right .si-txt-desktop {
margin-right: 4px;
color: #767676; }
@media (max-width: 767.98px) {
.hww-redesign-header .user-menus-right .user-info-mob a {
padding: 0 8px; } }
.hww-redesign-header .header-search.tals_redesign {
font-weight: 400;
font-size: 13px;
letter-spacing: .3px;
color: #000;
line-height: 1.3; }
html:not(.sticky) .hww-redesign-header .header-search.tals_redesign {
top: 24px; }
@media (min-width: 1280px) {
html:not(.sticky) .hww-redesign-header .header-search.tals_redesign {
right: 10px !important; } }
@media (min-width: 1024px) {
html.sticky .hww-redesign-header .header-search.tals_redesign::after {
background-color: #d2d9d1; } }
.hww-redesign-header .header-search.tals_redesign .mini-cart-name a:hover, .hww-redesign-header .header-search.tals_redesign .mini-cart-name a:active, .hww-redesign-header .header-search.tals_redesign .mini-cart-name a:focus,
.hww-redesign-header .header-search.tals_redesign .search-phrase a:hover,
.hww-redesign-header .header-search.tals_redesign .search-phrase a:active,
.hww-redesign-header .header-search.tals_redesign .search-phrase a:focus {
text-decoration: none; }
.hww-redesign-header .header-search.tals_redesign a {
color: #000; }
.hww-redesign-header .header-search.tals_redesign a.mini-cart-link-cart.secondary {
border-color: #00402f;
background-color: #00402f;
color: #fff !important; }
.hww-redesign-header .header-search.tals_redesign a.mini-cart-link-cart.secondary:hover, .hww-redesign-header .header-search.tals_redesign a.mini-cart-link-cart.secondary:focus, .hww-redesign-header .header-search.tals_redesign a.mini-cart-link-cart.secondary:active, .hww-redesign-header .header-search.tals_redesign a.mini-cart-link-cart.secondary.active {
border-color: #002e28;
background-color: #002e28;
color: #fff !important; }
.hww-redesign-header .header-search.tals_redesign a.mini-cart-link-checkout {
border-color: #000 !important; }
.hww-redesign-header .header-search.tals_redesign a.mini-cart-link-checkout:hover, .hww-redesign-header .header-search.tals_redesign a.mini-cart-link-checkout:focus, .hww-redesign-header .header-search.tals_redesign a.mini-cart-link-checkout:active, .hww-redesign-header .header-search.tals_redesign a.mini-cart-link-checkout.active {
color: #fff;
background-color: #000; }
.hww-redesign-header .header-search.tals_redesign .search-suggestion-wrapper {
overflow-y: overlay; }
@media (min-width: 1024px) {
.hww-redesign-header .header-search.tals_redesign .search-suggestion-wrapper {
min-width: 255px; } }
@media (min-width: 1024px) {
.hww-redesign-header #navigation {
background-color: #d2d9d1; }
html:not(.sticky) .hww-redesign-header #navigation {
border-bottom: 1px solid rgba(0, 64, 47, 0.4);
margin-top: 20px;
height: 50px;
width: 100%; } }
html:not(.sticky) .hww-redesign-header #navigation .level-1 li:not(.menu-close) {
padding: 16px 0; }
@media (min-width: 1280px) {
html:not(.sticky) .hww-redesign-header #navigation .level-1 li:not(.menu-close).first-cat {
margin-left: 0; } }
@media (min-width: 1280px) {
html:not(.sticky) .hww-redesign-header #navigation .level-1 li:not(.menu-close).last-cat {
margin-right: 0; } }
@media (max-width: 767.98px) {
.hww-redesign-header #navigation .level-1 li:not(.menu-close) {
padding: 22px 0;
margin: 0 15px;
background-color: #fff; } }
@media (max-width: 1279.98px) {
.hww-redesign-header #navigation .level-1 li a.user-account.guest {
padding: 0; } }
.hww-redesign-header #navigation .level-1 li a:not(.sticky-logo),
.hww-redesign-header #navigation .level-1 li a.top-level:not(.sticky-logo) {
padding-bottom: 1px;
font-size: 13px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.65px;
text-align: left;
color: #00402f;
text-transform: capitalize; }
@media (max-width: 1023.98px) {
.hww-redesign-header #navigation .level-1 li a:not(.sticky-logo),
.hww-redesign-header #navigation .level-1 li a.top-level:not(.sticky-logo) {
color: #000; } }
.hww-redesign-header #navigation .level-1 li a:not(.sticky-logo):hover,
.hww-redesign-header #navigation .level-1 li a.top-level:not(.sticky-logo):hover {
border-color: #00402f; }
.hww-redesign-header #navigation .level-1 li.navActive a:not(.sticky-logo),
.hww-redesign-header #navigation .level-1 li.navActive a.top-level:not(.sticky-logo) {
border-color: #00402f; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 {
top: 131px; }
@media (min-width: 1024px) {
.hww-redesign-header #navigation .level-1 li.navActive .level-2 {
background: transparent;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 li a {
letter-spacing: normal; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-content-wrapper {
padding: 0 32px 32px;
background-color: #fff;
-webkit-box-shadow: 0 24px 40px 0 rgba(0, 0, 0, 0.08), 0 12px 20px 0 rgba(0, 0, 0, 0.08), 0 6px 10px 0 rgba(0, 0, 0, 0.08), 0 7px 5px -5px rgba(0, 0, 0, 0.08);
box-shadow: 0 24px 40px 0 rgba(0, 0, 0, 0.08), 0 12px 20px 0 rgba(0, 0, 0, 0.08), 0 6px 10px 0 rgba(0, 0, 0, 0.08), 0 7px 5px -5px rgba(0, 0, 0, 0.08);
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-content-wrapper::after {
content: "";
display: table;
clear: both; }
html:not(.sticky) .hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-content-wrapper {
max-width: 1328px; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-content-wrapper .collections-asset {
margin-left: 0;
padding-left: 20px; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-content-wrapper .collections-asset li a {
font-weight: 400;
font-size: 13px; } }
@media (min-width: 1024px) and (min-width: 1024px) {
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-content-wrapper.has-both-assets .level-2-section.categories {
max-width: 200px; } }
@media screen and (min-width: 1024px) and (min-width: 1024px) and (max-width: 1076px) {
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-content-wrapper.has-both-assets .hvn-menu-card:not(.cols2) {
max-width: 300px; } }
@media (min-width: 1024px) {
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-section {
margin-top: 32px; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-section.categories {
border-color: #f1f1f1;
padding-right: 32px;
min-width: 200px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-section.categories.has-border {
border-right: 1px solid #f1f1f1; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-section.categories:only-child {
border-right: none; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-section.categories .category-column li:first-child {
padding-top: 0; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-section.categories.second-column {
padding-left: 20px;
border-right: none;
border-left: 1px solid #f1f1f1; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-section.categories .second li:first-child {
padding-top: 0; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-section.promos.desktop-only {
float: right;
border-left: none;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-section.promos.desktop-only .hvn-card-wrapper {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-section:not(.categories) {
border-color: #f1f1f1; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-header {
padding-bottom: 16px;
color: #000;
font: 600 14px/17px Montserrat, Arial, sans-serif; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-header.hide_leftnav {
padding-top: 16px; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 li {
padding: 16px 0; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 li:last-child {
padding-bottom: 0; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 li a {
color: #000;
font: 600 14px/17px Montserrat, Arial, sans-serif; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 li a:hover, .hww-redesign-header #navigation .level-1 li.navActive .level-2 li a:focus, .hww-redesign-header #navigation .level-1 li.navActive .level-2 li a:active {
text-decoration: underline; }
html.sticky .hww-redesign-header #navigation .level-1 li.navActive .level-2 {
top: 61px; } }
@media (max-width: 1023.98px) {
.hww-redesign-header #navigation .level-1 li.navActive .level-2 {
padding: 0;
border-top: none; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 li {
margin: 0;
height: auto;
padding: 11px 0 !important; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 li:first-child {
padding-top: 0 !important; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 li:last-child {
border-bottom: none;
padding-bottom: 0 !important; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 li a {
font-size: 12px;
font-weight: 400;
letter-spacing: normal;
padding: 0; }
.hww-redesign-header #navigation .level-1 li.navActive .level-2 .level-2-header {
font-size: 12px;
padding-top: 22px;
padding-bottom: 22px; } }
@media (max-width: 767.98px) {
.hww-redesign-header #navigation .level-1 li .user-account {
padding: 0; } }
@media (max-width: 1023.98px) {
.hww-redesign-header #navigation .level-1 li {
padding: 22px 0 !important;
margin: 0 15px; }
.hww-redesign-header #navigation .level-1 li.menu-close {
border: none; }
.hww-redesign-header #navigation .level-1 li.menu-close span {
font-size: 14px;
line-height: 1.4;
letter-spacing: 0.7px;
padding: 0;
line-height: 20px;
font-weight: 700; }
.hww-redesign-header #navigation .level-1 li.menu-close span::after {
top: 0;
right: 0; }
.hww-redesign-header #navigation .level-1 li a:not(.sticky-logo).has-sub-menu {
padding: 0; }
.hww-redesign-header #navigation .level-1 li a:not(.sticky-logo).has-sub-menu::after {
content: url("../images/svg-icons/plus-black-haven.svg"); }
.hww-redesign-header #navigation .level-1 li a:not(.sticky-logo).has-sub-menu.active {
padding-bottom: 22px; }
.hww-redesign-header #navigation .level-1 li a:not(.sticky-logo).has-sub-menu.active::after {
content: url("../images/svg-icons/minus-black-haven.svg"); } }
@media (min-width: 1024px) {
.hww-redesign-header #navigation .menu-category {
max-width: 1280px;
width: calc(100% - 30px);
padding: 0 20px; }
html.sticky .hww-redesign-header #navigation .sticky-logo .logo {
width: 100px;
height: 29px; } }
@media (min-width: 1280px) {
.hww-redesign-header #navigation .menu-category {
padding: 0; } }
@media (max-width: 767.98px) {
.hww-redesign-header #navigation {
background-color: #fff; }
html.menu-active .hww-redesign-header #navigation .menu-category li {
border-color: #f1f1f1; }
html.menu-active .hww-redesign-header #navigation .menu-category li:last-child {
border-bottom: 1px solid #f1f1f1;
font-size: 13px; } }
.hww-redesign-header .hvn-card-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.hww-redesign-header .hvn-card-wrapper .hvn-menu-card {
max-width: 400px;
width: 100%;
text-align: left; }
.hww-redesign-header .hvn-card-wrapper .hvn-menu-card.cols2 {
max-width: 290px; }
.hww-redesign-header .hvn-card-wrapper .hvn-menu-card + .hvn-menu-card {
margin-left: 40px; }
.hww-redesign-header .hvn-card-wrapper .hvn-menu-card a {
border: none; }
.hww-redesign-header .hvn-card-wrapper .hvn-menu-card .hvn-card-img {
display: block;
width: 100%; }
.hww-redesign-header .hvn-card-wrapper .hvn-menu-card .hvn-card-title {
font: 400 10px/14px Montserrat, Arial, sans-serif;
margin: 16px 0 4px;
display: block;
color: #767676; }
.hww-redesign-header .hvn-card-wrapper .hvn-menu-card .hvn-card-description {
font: 400 14px/20px Montserrat, Arial, sans-serif;
margin-bottom: 12px;
color: #000; }
.hww-redesign-header .hvn-card-wrapper .hvn-menu-card .hvn-card-link {
font: 600 12px/17px Montserrat, Arial, sans-serif !important;
text-decoration: underline;
text-transform: uppercase !important;
color: #000 !important;
border: none;
margin-top: 12px;
letter-spacing: normal !important; }
footer {
background-color: #fff;
clear: both;
border-top: 1px solid #ddd;
margin-top: 3.125rem; }
.footer-container {
margin: auto;
width: calc(100% - 30px);
max-width: 1280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media (min-width: 1024px) {
.footer-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.footer-container .footer-item {
width: 100%;
padding: 0; }
.footer-container .footer-item.social-block {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
padding-top: 1.5625rem; }
.footer-container .footer-item .credit-card-cta .icon {
float: left;
padding-right: 0.5rem; }
.footer-container .footer-item .credit-card-cta span {
display: inline-block;
line-height: normal; }
.footer-container .footer-item .credit-card-cta span:hover {
text-decoration: underline; }
@media (max-width: 1023.98px) {
.footer-container .footer-item {
border-bottom: 1px solid #ddd; }
.footer-container .footer-item .footer-toggle {
line-height: 3.125rem; }
.hvn-footer .footer-container .footer-item .footer-toggle.expanded ~ .menu-footer {
margin: 1.3125rem 0; }
.footer-container .footer-item .footer-toggle::after {
content: url("../images/svg-icons/plus-black.svg");
float: right;
display: inline-block; }
.footer-container .footer-item .footer-toggle.expanded::after {
content: url("../images/svg-icons/minus-black.svg");
position: relative;
top: -3px; } }
@media (min-width: 768px) and (max-width: 1023.98px) {
.footer-container .footer-item.about-block {
border-bottom: none; } }
@media (min-width: 1024px) {
.footer-container .footer-item {
width: 18%;
padding: 1.25rem 0.625rem; }
.footer-container .footer-item.social-block {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 27%;
max-width: 350px; }
.footer-container .footer-item .footer-toggle {
pointer-events: none; } }
.footer-container .menu-footer {
float: none;
padding: 0;
margin: 0 0 0.9375rem; }
@media (min-width: 1024px) {
.footer-container .menu-footer {
margin: 1em 0;
display: block !important; } }
.footer-container .menu-footer li {
float: none;
list-style: none !important;
line-height: 2.5em; }
.footer-container .menu-footer .credit-card-cta img {
float: left;
padding-right: 5px; }
.footer-container a {
overflow: hidden;
color: #999;
text-decoration: none; }
.footer-container a:hover {
color: #999;
text-decoration: none; }
.footer-container a.button {
text-decoration: none; }
.footer-container .header-only,
.footer-container .pdp-only,
.footer-container .landing-only {
display: none; }
.footer-container .footer-only {
min-height: 33px; }
.footer-container #bread-payments-footer-placement {
line-height: 17px;
overflow: hidden;
margin-bottom: 5px; }
#extole_zone_global_footer > div[id^="extole"] {
position: static !important;
text-align: left !important;
padding: 0 !important;
margin-bottom: 1.25rem; }
#email-alert-signup {
white-space: nowrap;
position: relative; }
#email-alert-signup input[type="email"] {
width: calc(100% - 79px);
height: 2.8125rem;
float: left;
border-right: none;
border-color: #ddd;
margin: 0; }
#email-alert-signup input[type="email"].error {
border-color: #aa1e26; }
#email-alert-signup button {
min-height: 2.8125rem; }
#email-alert-signup span.error {
padding-top: 0.3125rem;
float: left; }
.social-svg-links {
clear: both;
padding: 1.25rem 0 1.875rem; }
.social-svg-links a {
padding-right: 0.875rem; }
.social-svg-links a:hover {
text-decoration: none; }
.grecaptcha-badge {
visibility: hidden; }
.copyright-container {
max-width: 1440px;
width: 100%;
margin: auto; }
.copyright-container .content-width-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
width: calc(100% - 30px);
margin: auto;
font-size: 12px;
font-size: 0.75rem; }
.copyright-container .legal-links {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
border-bottom: 1px solid #ddd;
-webkit-box-ordinal-group: inherit;
-ms-flex-order: inherit;
order: inherit;
padding: 1rem 0; }
@media (min-width: 1024px) {
.copyright-container .legal-links {
width: calc(100% - 30px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 0.625rem; }
.copyright-container .legal-links a {
border-right: 1px solid #ddd;
margin-right: 0.9375rem; }
.copyright-container .legal-links a:last-of-type {
border-right: none;
margin-right: 0;
padding-right: 0; } }
@media (max-width: 1023.98px) {
.copyright-container .legal-links {
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
max-height: 8.438rem;
height: 100%;
-ms-flex-line-pack: start;
align-content: flex-start; }
.copyright-container .legal-links a {
border-right: none;
padding-right: 1.313rem; } }
.copyright-container .legal-links a {
padding-right: 1.25rem;
line-height: 1.5625rem;
white-space: nowrap; }
.copyright-container .legal-links .cookie-icon {
margin-left: 0.25rem;
width: 30px;
height: 14px;
display: inline-block;
max-width: 100%; }
.copyright-container .copy {
font-family: Montserrat, Arial, sans-serif;
font-size: 0.75rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: normal;
text-align: left;
padding: 2rem 0;
line-height: 3.125rem; }
@media only screen and (max-width: 767px) {
.copyright-container .copy {
width: 100% !important; } }
@media (min-width: 768px) {
.copyright-container {
border-top: 1px solid #ddd; }
.copyright-container .content-width-container {
margin: auto;
width: calc(100% - 30px);
max-width: 1280px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: left; }
.copyright-container .copy {
width: 50%;
float: left; }
.copyright-container .legal-links {
border-bottom: none;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
text-align: right;
padding-right: 0;
float: right;
width: 50%; } }
@media (min-width: 768px) and (max-width: 1023.98px) {
.copyright-container .copy {
width: 40%; }
.copyright-container .legal-links {
width: 70%; } }
.footer-tagline {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 13px;
font-size: 0.8125rem;
line-height: 3.75rem;
border: none; }
@media (min-width: 1024px) {
.footer-tagline {
clear: both;
border-top: 1px solid #ddd; } }
.pt_checkout footer:not(.hvn-footer) {
text-align: center;
border: none;
margin-top: 1.75rem;
line-height: 1.69; }
.pt_checkout footer:not(.hvn-footer) .footer-container {
display: block; }
.pt_checkout footer:not(.hvn-footer) .copy {
padding: 0;
text-align: center; }
.pt_checkout footer:not(.hvn-footer) h6 {
margin-bottom: 0.625rem; }
.pt_checkout footer:not(.hvn-footer) a {
overflow: hidden;
color: #999;
text-decoration: underline; }
.pt_checkout footer:not(.hvn-footer) a:hover {
color: #999;
text-decoration: none; }
.pt_checkout footer:not(.hvn-footer) a.button {
text-decoration: none; }
.pt_checkout footer:not(.hvn-footer) .copyright-container {
padding-bottom: 1.875rem; }
.pt_checkout footer:not(.hvn-footer) .footer-recaptcha {
border-top: 1px solid #ddd;
padding-top: 13px; }
.pt_checkout footer:not(.hvn-footer) .footer-recaptcha a {
text-decoration: underline;
pointer-events: initial; }
.pt_checkout footer:not(.hvn-footer) .copy,
.pt_checkout footer:not(.hvn-footer) .norton {
width: 100%; }
.pt_checkout footer:not(.hvn-footer) .back-to-top {
bottom: 20px; }
@media (min-width: 768px) {
.pt_checkout footer:not(.hvn-footer) {
padding-top: 1.75rem;
border-top: 1px solid #ddd; }
.pt_checkout footer:not(.hvn-footer) h6,
.pt_checkout footer:not(.hvn-footer) .footer-phone,
.pt_checkout footer:not(.hvn-footer) .footer-hours {
display: inline; }
.pt_checkout footer:not(.hvn-footer) h6 {
padding-right: 5px; }
.pt_checkout footer:not(.hvn-footer) a {
text-decoration: none;
pointer-events: none; }
.pt_checkout footer:not(.hvn-footer) .footer-recaptcha,
.pt_checkout footer:not(.hvn-footer) .copyright-container {
border-top: none;
margin-top: 0; } }
.back-to-top {
visibility: hidden;
position: fixed;
bottom: 50px;
right: 10px;
opacity: 0;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.back-to-top.show {
visibility: visible;
opacity: 1;
z-index: 2; }
.back-to-top .back-to-top-icon {
display: inline-block; }
@media (max-width: 767.98px) {
.back-to-top {
width: 40px;
height: 40px; } }
@media (min-width: 768px) {
.back-to-top {
bottom: 75px; } }
.allPageModal {
max-width: 920px;
margin: 0 20px !important; }
.allPageModal.ui-dialog .ui-dialog-titlebar {
border: none;
padding: 0;
position: absolute;
right: 0;
top: 0;
z-index: 999; }
.allPageModal.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
display: none; }
.allPageModal.ui-dialog .ui-dialog-titlebar-close {
padding: 10px; }
.allPageModal.ui-dialog .ui-dialog-content {
padding: 1.8rem 1.8rem 1.25rem .9375rem;
background: transparent; }
.allPageModal.ui-dialog .ui-dialog-content a {
text-align: center;
font-weight: 700;
display: block;
margin: 10px auto 0;
outline: none;
border: none; }
/**
* Haven Theme overrides
*/
.hvn-footer {
background-color: #d2d9d1;
margin-top: 0; }
.hvn-footer .footer-container {
padding: 40px 0; }
@media (max-width: 1023.98px) {
.hvn-footer .footer-container {
padding-bottom: 0; } }
.hvn-footer .footer-container .footer-item {
padding: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
@media (min-width: 1024px) {
.hvn-footer .footer-container .footer-item {
width: 20.625%;
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial; } }
@media (max-width: 1279.98px) {
.hvn-footer .footer-container .footer-item {
border-bottom-color: rgba(0, 64, 47, 0.2); } }
.hvn-footer .footer-container .footer-item.social-block {
text-align: left;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 0;
padding-bottom: 32px;
width: auto; }
@media (min-width: 1024px) {
.hvn-footer .footer-container .footer-item.social-block {
width: 31.25%;
margin-left: auto;
max-width: 400px;
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
padding-bottom: 0; } }
@media (max-width: 767.98px) {
.hvn-footer .footer-container .footer-item.social-block #extole_zone_global_footer > div[id^="extole"] {
margin-bottom: 0; } }
@media (max-width: 1023.98px) {
.hvn-footer .footer-container .footer-item.social-block .footer-toggle {
padding-top: 0;
margin-top: 0;
margin-bottom: 16px; } }
.hvn-footer .footer-container .footer-item.social-block .footer-toggle::after {
display: none; }
.hvn-footer .footer-container .footer-item.social-block iframe {
display: block; }
.hvn-footer .footer-container .footer-item .footer-toggle {
display: block;
margin: 0 0 16px;
font-family: "montserratsemibold";
font-size: 13px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.13px;
text-align: left;
color: #00402f; }
@media (max-width: 1023.98px) {
.hvn-footer .footer-container .footer-item .footer-toggle {
margin: 0;
position: relative;
margin: 22px 0; }
.hvn-footer .footer-container .footer-item .footer-toggle::after {
content: url("../images/svg-icons/hvn-plus.svg"); }
.hvn-footer .footer-container .footer-item .footer-toggle.expanded::after {
content: url("../images/svg-icons/hvn-minus.svg");
top: 0; } }
.hvn-footer .footer-container .footer-item .hhw-email-det-text {
font-family: "montserratregular";
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: 0.36px;
text-align: left;
color: #00402f;
margin: 16px 0 24px; }
.hvn-footer .footer-container .footer-item .hhw-email-det-text a {
color: #00402f; }
.hvn-footer .footer-container .footer-item .hhw-email-det-text a span.drawer-details {
white-space: nowrap; }
.hvn-footer .footer-container .footer-item #extole_zone_global_footer .extole-cta-button {
margin: 0 !important;
margin-top: 24px !important;
-ms-flex-item-align: stretch;
align-self: stretch;
font-family: "montserratbold";
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.429;
letter-spacing: normal;
text-align: center;
text-transform: uppercase;
color: #fff;
height: auto;
padding: 10px 24px; }
@media (max-width: 767.98px) {
.hvn-footer .footer-container .footer-item #extole_zone_global_footer .extole-cta-button {
width: 100%;
padding: 10px;
font-size: 13px;
font-weight: bold;
line-height: 1.4; } }
.hvn-footer .footer-container .menu-footer li {
margin: 24px 0; }
@media (min-width: 1024px) {
.hvn-footer .footer-container .menu-footer li {
margin: 16px 0; } }
.hvn-footer .footer-container .menu-footer li:last-child {
margin-bottom: 0; }
@media (min-width: 1024px) {
.hvn-footer .footer-container .menu-footer {
margin-bottom: 0; } }
.hvn-footer .footer-container .menu-footer a {
color: #00402f;
font-family: "montserratregular";
font-size: 16px;
text-decoration: none;
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 16px;
letter-spacing: 0.12px;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end; }
.hvn-footer .footer-container .menu-footer a:hover {
text-decoration: underline; }
.hvn-footer .footer-container .menu-footer .locator-icon {
height: 16px;
margin-right: 4px; }
.hvn-footer .footer-container .menu-footer .locator-text {
line-height: 13px; }
.hvn-footer .footer-container .footer-nav {
margin-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.hvn-footer .footer-container .footer-nav li {
display: inline-block;
margin: 0 8px;
font-size: 13px;
font-family: "montserratsemibold";
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.13px;
text-align: left;
color: #00402f; }
.hvn-footer .footer-container .footer-nav li:first-child {
margin-left: 0; }
.hvn-footer .footer-container .footer-nav li a {
color: #00402f;
font-family: "montserratregular";
font-size: 18px;
text-transform: uppercase;
text-decoration: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.hvn-footer .footer-container .footer-nav li a:hover {
text-decoration: underline;
color: #00402f; }
.hvn-footer .footer-container .footer-nav li a img {
width: 32px;
height: 32px; }
.hvn-footer .copyright-container {
border-top: none; }
.hvn-footer .copyright-container .content-width-container {
border-bottom: 1px solid rgba(0, 64, 47, 0.2); }
@media (min-width: 768px) {
.hvn-footer .copyright-container .content-width-container {
border-top: 1px solid rgba(0, 64, 47, 0.2); } }
.hvn-footer .copyright-container .legal-links {
-webkit-box-ordinal-group: inherit;
-ms-flex-order: inherit;
order: inherit;
padding: 13px 0; }
@media (min-width: 1024px) {
.hvn-footer .copyright-container .legal-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%; } }
.hvn-footer .copyright-container .legal-links a {
font-family: "montserratregular";
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.12px;
text-align: left;
color: #00402f;
padding: 8px 0;
white-space: nowrap;
border-right-color: rgba(0, 64, 47, 0.2); }
@media (max-width: 1023.98px) {
.hvn-footer .copyright-container .legal-links a {
width: auto;
white-space: nowrap;
margin-right: 32px; } }
@media (max-width: 360px) {
.hvn-footer .copyright-container .legal-links a {
margin-right: 16px; } }
.hvn-footer .copyright-container .legal-links a img {
max-height: 12.8px; }
.hvn-footer .copyright-container .legal-links .footer-prefmgr {
white-space: nowrap;
padding-right: 1.8%;
margin-bottom: -2.5px; }
@media (min-width: 1024px) {
.hvn-footer .copyright-container .legal-links {
padding: 15px 0; }
.hvn-footer .copyright-container .legal-links a {
position: relative;
margin-right: 0;
padding: 7px 40px;
width: auto; }
.hvn-footer .copyright-container .legal-links a:first-child {
padding-left: 0; } }
.hvn-footer .footer-tagline {
border-top: none !important;
border-bottom: none !important;
margin-bottom: 0;
margin: 0 15px; }
@media (min-width: 1280px) {
.hvn-footer .footer-tagline {
max-width: 1280px;
margin: 0 auto;
width: calc(100% - 30px); } }
.hvn-footer .footer-tagline .copy {
font-family: "montserratregular";
font-size: 12px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.12px;
text-align: left;
color: #00402f;
padding: 40px 0;
width: 100%; }
.hvn-home-banner {
position: relative;
margin: 0;
max-height: 100vh;
overflow: hidden; }
.hvn-home-banner iframe {
width: 100%; }
.hvn-home-banner .hvn-banner-caption {
position: absolute;
left: 100px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 50px;
max-width: 620px; }
.hvn-home-banner .hvn-banner-caption h1 {
color: #fff;
line-height: 97px;
font-size: 80px;
font-family: "montserratlight"; }
.hvn-home-banner .hvn-banner-caption.video-caption {
left: 50px;
top: auto;
bottom: 50px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
color: #000;
background: rgba(0, 76, 67, 0.9);
padding: 5px 10px 10px 16px;
max-width: 450px; }
.hvn-home-banner .hvn-banner-caption.video-caption h1 {
font-size: 40px;
line-height: 40px;
color: #fff; }
.hvn-daily-dose {
padding: 85px 40px 75px;
text-align: center;
background: #ebe5d3;
margin: 0 0 100px; }
.hvn-daily-dose strong {
text-transform: capitalize;
color: #000;
font-size: 30px;
font-family: "abhaya_librebold"; }
.hvn-daily-dose p {
font-size: 42px;
line-height: 52px;
margin: 20px auto 0;
max-width: 900px;
color: #000;
font-family: "montserratlight"; }
.hvn-home-experience {
overflow: hidden; }
.hvn-home-experience h2 {
font-size: 45px;
text-align: center;
margin: 0 0 40px;
font-family: "montserratlight"; }
.hvn-home-experience .experience-list {
text-align: center;
margin: 0 -15px 32px; }
@media only screen and (max-width: 992px) {
.hvn-home-experience .experience-list {
margin: 0 auto 28px;
max-width: 400px;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; } }
.hvn-home-experience .experience-list li {
margin: 0 35px 15px;
display: inline-block; }
@media only screen and (max-width: 992px) {
.hvn-home-experience .experience-list li {
margin: 0 0 15px; } }
.hvn-home-experience .experience-list li.active span::after {
display: block; }
.hvn-home-experience .experience-list a {
display: block;
color: #000;
padding: 15px;
text-align: center;
border-radius: 8px;
text-decoration: none;
font-family: "abhaya_librebold";
font-size: 18px;
color: #00402f; }
@media only screen and (max-width: 992px) {
.hvn-home-experience .experience-list a {
padding: 0;
font-size: 14px; } }
.hvn-home-experience .experience-list a img {
width: auto;
height: auto;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
@media only screen and (max-width: 992px) {
.hvn-home-experience .experience-list a img {
width: 50px; } }
.hvn-home-experience .experience-list a span {
display: block;
margin: 10px 0 0;
position: relative; }
.hvn-home-experience .experience-list a span::after {
content: "";
width: 34px;
height: 1px;
background: #00402f;
display: none;
position: absolute;
bottom: -5px;
left: 50%;
margin: 0 0 0 -17px;
display: none; }
.hvn-home-experience .experience-list a:hover {
color: #000; }
.hvn-home-experience .experience-list a:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.hvn-home-experience .experience-list a:hover span::after {
display: block; }
.hvn-home-experience .experience-slider {
margin: 0 -15px 70px;
display: none; }
.hvn-home-experience .experience-slider.slick-initialized {
display: block; }
.hvn-home-experience .experience-slider .slider-card {
padding: 0 30px; }
.hvn-home-experience .experience-slider .slider-card .name-price-holder {
margin: 15px 0; }
.hvn-home-experience .experience-slider .slider-card .name-price-holder .name-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 5px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 16px;
font-weight: 600; }
.hvn-home-experience .experience-slider .slider-card .item-category {
font-size: 14px; }
.hvn-home-experience .experience-slider .slick-arrow {
position: absolute;
text-indent: -9999px;
overflow: hidden;
top: -48px;
width: 37px;
height: 19px;
border: 0;
cursor: pointer;
z-index: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.hvn-home-experience .experience-slider .slick-arrow.slick-prev {
left: 62px;
background: url("../images/haven-images/svg/arr-left.svg") no-repeat center center; }
.hvn-home-experience .experience-slider .slick-arrow.slick-next {
right: 62px;
background: url("../images/haven-images/svg/arr-right.svg") no-repeat center center; }
.hvn-home-experience .experience-slider .slick-arrow:focus {
outline: none; }
.hvn-home-experience .experience-slider .slick-arrow:hover {
-webkit-transform: scale(1.16);
-ms-transform: scale(1.16);
transform: scale(1.16);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.hvn-home-experience .hvn-two-cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative; }
.hvn-home-experience .hvn-two-cols .hvn-col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
position: relative;
max-height: 370px; }
.hvn-home-experience .hvn-two-cols .hvn-col .hvn-col-link {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: #fff;
z-index: 2; }
.hvn-home-experience .hvn-two-cols .hvn-col .hvn-col-link span {
font-size: 60px;
color: #fff;
font-family: "abhaya_librebold"; }
.hvn-home-experience .hvn-two-cols .hvn-col .hvn-col-link:hover {
text-decoration: none; }
.hvn-home-experience .hvn-two-cols .hvn-col .hvn-col-link:hover .border-link-holder::after {
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.hvn-home-experience .hvn-two-cols .hvn-col .border-link-holder {
border: 0; }
.hvn-home-experience .hvn-two-cols .hvn-col .hvn-col-video {
position: absolute;
left: 100%;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.hvn-home-experience .hvn-two-cols .hvn-col:hover .hvn-col-video {
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.shop-exp-4col-section {
padding: 102px 0 0;
position: relative; }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section {
padding: 59px 0 0; } }
.shop-exp-4col-section .hvn-home-section-heading {
max-width: 710px;
margin: 0 auto; }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .hvn-home-section-heading h2 {
margin: 0 0 10px; } }
.shop-exp-4col-section .hvn-home-section-heading p {
line-height: 30px; }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .hvn-home-section-heading p {
line-height: 24px;
font-size: 16px; } }
.shop-exp-4col-section .hvn-home-row {
margin: 0; }
.shop-exp-4col-section .h-col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
width: 100%;
position: relative;
padding-left: 0;
padding-right: 0; }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-1 .exp-col-heading {
padding-top: 29px; } }
@media only screen and (min-width: 1140px) {
.shop-exp-4col-section .h-col-3.h-exp-col-1 .exp-col-detail {
max-width: 235px; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-1 .exp-col-detail {
padding-top: 13px; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-1 .exp-block-link:hover .exp-col-overlay-txt {
background: #a5bcb1; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-2 .exp-col-heading {
padding-top: 28px; } }
@media only screen and (min-width: 1140px) {
.shop-exp-4col-section .h-col-3.h-exp-col-2 .exp-col-detail {
max-width: 250px; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-2 .exp-col-detail {
padding-top: 20px; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-2 .exp-block-link:hover .exp-col-overlay-txt {
background: #e19c5e; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-3 .exp-col-heading {
padding-top: 28px; } }
@media only screen and (min-width: 1140px) {
.shop-exp-4col-section .h-col-3.h-exp-col-3 .exp-col-detail {
max-width: 245px; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-3 .exp-col-detail {
padding-top: 22px; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-3 .exp-block-link:hover .exp-col-overlay-txt {
background: #e8b8a6; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-4 .exp-col-heading {
padding-top: 25px; } }
@media only screen and (min-width: 1140px) {
.shop-exp-4col-section .h-col-3.h-exp-col-4 .exp-col-detail {
max-width: 300px; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-4 .exp-col-detail {
padding-top: 11px; } }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3.h-exp-col-4 .exp-block-link:hover .exp-col-overlay-txt {
background: #7aa5ba; } }
.shop-exp-4col-section .h-col-3 .exp-block-link {
display: block;
color: #fff; }
@media only screen and (min-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-block-link:hover .exp-col-heading {
display: none; }
.shop-exp-4col-section .h-col-3 .exp-block-link:hover .exp-col-detail {
display: block; } }
.shop-exp-4col-section .h-col-3 .exp-col-img {
line-height: 0; }
.shop-exp-4col-section .h-col-3 .exp-col-img img {
width: 100%; }
.shop-exp-4col-section .h-col-3 .exp-col-overlay-txt {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.shop-exp-4col-section .h-col-3 .exp-overlay-inner {
text-align: center;
position: relative;
top: 44%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
min-height: 250px; }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-overlay-inner {
max-width: 375px;
padding: 0 19px;
min-height: 100px;
margin: 0 auto;
top: 50%; } }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-icon {
margin-bottom: 9px; } }
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-icon img {
max-width: 80px; }
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-col-heading h3 {
font-size: 38px;
text-transform: none;
font-family: "abhaya_libreregular";
font-weight: normal;
line-height: 58px;
margin: 0 0 6px;
color: #fff; }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-col-heading h3 {
font-size: 36px;
line-height: 49px;
margin: 0 0 6px; } }
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-col-heading p {
font-size: 20px;
text-transform: none;
font-family: "abhaya_libre_semibold";
font-weight: normal;
line-height: normal;
margin: 0;
color: #fff; }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-col-heading p {
font-size: 16px; } }
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-col-detail {
display: none;
margin-left: auto;
margin-right: auto; }
@media only screen and (max-width: 1139px) {
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-col-detail {
padding-left: 20px;
padding-right: 20px; } }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-col-detail {
margin-bottom: 15px;
padding: 12px 0 0;
display: block; } }
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-col-detail p {
font-size: 20px;
text-transform: none;
font-family: "montserratlight";
font-weight: normal;
line-height: 30px;
margin: 0;
color: #fff; }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-overlay-inner .exp-col-detail p {
font-size: 14px;
line-height: 22px;
font-family: "montserratregular"; } }
.shop-exp-4col-section .h-col-3 .exp-bottom-link {
position: absolute;
left: 0;
bottom: 45px;
width: 100%;
text-align: center; }
@media only screen and (max-width: 1140px) {
.shop-exp-4col-section .h-col-3 .exp-bottom-link {
bottom: 20px; } }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-bottom-link {
display: none; } }
.shop-exp-4col-section .h-col-3 .exp-link {
font-size: 12px;
text-transform: uppercase;
font-family: "montserratextrabold";
font-weight: normal;
line-height: 15px;
letter-spacing: 0.5px;
color: #fff;
text-decoration: none; }
.shop-exp-4col-section .h-col-3 .exp-link.hide-desktop {
display: none; }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-link.hide-desktop {
display: inline-block; } }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-link {
font-size: 10px; } }
.shop-exp-4col-section .h-col-3 .exp-link::after {
content: "";
position: absolute;
left: 50%;
bottom: -5px;
margin: 0;
width: 70px;
height: 1px;
background: #fff;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
@media only screen and (max-width: 992px) {
.shop-exp-4col-section .h-col-3 .exp-link::after {
bottom: -1px; } }
.shop-exp-4col-section .h-col-3 .exp-link:hover {
color: #002e28;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.shop-exp-4col-section .h-col-3 .exp-link:hover::after {
background: #231f20;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.hvn-story {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 77px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.hvn-story-image {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 70px 0 0; }
.hvn-story-info {
width: 31%;
-ms-flex-preferred-size: 31%;
flex-basis: 31%; }
.hvn-story-info .story-category {
color: #232020;
font-family: "montserratbold";
font-size: 16px;
display: block;
margin: 0 0 13px;
line-height: 19px; }
.hvn-story-info h2 {
font-family: "montserratregular";
font-size: 45px;
line-height: 55px;
margin: 0 0 13px; }
.hvn-story-info p {
font-family: "montserratregular";
font-size: 24px;
line-height: 29px;
margin: 0 0 20px; }
.hvn-expert {
background: #dbe8ed;
padding: 120px 0; }
.hvn-expert .hvn-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.hvn-expert .hvn-container .hvn-expert-info {
width: 343px;
-ms-flex-preferred-size: 343px;
flex-basis: 343px;
text-align: center; }
.hvn-expert .hvn-container .hvn-expert-info img {
border-radius: 100%;
width: 343px;
height: 343px;
margin: 0 0 40px; }
.hvn-expert .hvn-container .hvn-expert-info .expert-name,
.hvn-expert .hvn-container .hvn-expert-info .expert-category {
color: #232020;
font-family: "montserratextrabold";
font-size: 16px;
display: block;
margin: 0 0 13px;
line-height: 19px; }
.hvn-expert .hvn-container .hvn-expert-info .expert-category {
font-family: "abhaya_libreregular";
font-size: 18px; }
.hvn-expert .hvn-container .hvn-expert-advice {
padding: 0 117px; }
.hvn-expert .hvn-container .hvn-expert-advice .expert-title {
color: #232020;
font-family: "montserratbold";
font-size: 16px;
display: block;
margin: 0 0 24px;
line-height: 19px; }
.hvn-expert .hvn-container .hvn-expert-advice h2 {
font-family: "montserratregular";
font-size: 45px;
line-height: 55px;
margin: 0 0 24px; }
.have-categorybanner-holder {
max-width: 1440px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto; }
@media only screen and (max-width: 992px) {
.have-categorybanner-holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.have-categorybanner-holder .hvn-cate-slot-image {
position: relative;
width: 50%;
line-height: 0; }
.have-categorybanner-holder .hvn-cate-slot-image img {
max-width: 100%;
height: auto; }
@media only screen and (max-width: 992px) {
.have-categorybanner-holder .hvn-cate-slot-image {
width: auto; } }
.have-categorybanner-holder .hvn-cate-slot-image .hvn-cate-slot-caption {
position: absolute;
left: 20px;
right: 20px;
text-align: center;
color: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.have-categorybanner-holder .hvn-cate-slot-image .hvn-cate-slot-caption h1 {
font-size: 54px;
line-height: 58px;
font-family: "montserratlight"; }
@media only screen and (max-width: 992px) {
.have-categorybanner-holder .hvn-cate-slot-image .hvn-cate-slot-caption h1 {
font-size: 36px;
line-height: 49px; } }
.have-categorybanner-holder .hvn-cate-slot-image .hvn-cate-slot-caption p {
font-size: 24px;
font-family: "montserratlight";
line-height: 33px; }
@media only screen and (max-width: 992px) {
.have-categorybanner-holder .hvn-cate-slot-image .hvn-cate-slot-caption p {
font-size: 16px;
line-height: 22px; } }
.have-categorybanner-holder .hvn-cate-slot-info {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff; }
@media only screen and (max-width: 992px) {
.have-categorybanner-holder .hvn-cate-slot-info {
width: auto;
padding: 63px 20px 43px; } }
.have-categorybanner-holder .hvn-cate-slot-info p {
font-size: 24px;
line-height: 34px;
font-size: 24px;
max-width: 440px;
margin: 18px auto;
font-family: "montserratlight";
text-align: center; }
@media only screen and (max-width: 992px) {
.have-categorybanner-holder .hvn-cate-slot-info p {
font-size: 18px;
line-height: 28px; } }
.have-categorybanner-holder.nourish .hvn-cate-slot-info {
background: #a5bcb1; }
.have-categorybanner-holder.awaken .hvn-cate-slot-info {
background: #e19c5e; }
.have-categorybanner-holder.unwind .hvn-cate-slot-info {
background: #e8b8a6; }
.have-categorybanner-holder.rejuvenate .hvn-cate-slot-info {
background: #7aa5ba; }
.have-categorybanner-holder.light-pink .hvn-cate-slot-info {
background: #ecddcf; }
.have-categorybanner-holder.light-blue .hvn-cate-slot-info {
background: #d8dee1; }
.have-categorybanner-holder.categories .hvn-cate-slot-info {
color: #231f20; }
.have-categorybanner-holder.categories .hvn-cate-slot-info h1 {
font-size: 38px;
line-height: 48px;
text-align: center;
font-family: "montserratlight"; }
@media only screen and (max-width: 992px) {
.have-categorybanner-holder.categories .hvn-cate-slot-info h1 {
font-size: 26px;
line-height: 32px; } }
.have-categorybanner-holder.categories .hvn-cate-slot-info p {
font-size: 20px;
line-height: 30px;
text-align: center;
font-family: "abhaya_libreregular";
margin: 21px auto;
color: #5a5758; }
@media only screen and (max-width: 992px) {
.have-categorybanner-holder.categories .hvn-cate-slot-info p {
font-size: 16px;
line-height: 26px; } }
.hvn-plp-container {
max-width: 1440px;
margin: 0 auto 40px;
overflow: hidden; }
.hvn-plp-container::after {
display: block;
content: "";
clear: both; }
.hvn-plp-container ul + iframe {
display: none; }
.hvn-plp-container .marketing-square {
height: 100%; }
.hvn-plp-container .marketing-square .marketing-slot {
padding: 30px 30px 42px;
text-align: center; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot {
margin: 0 -10px;
padding: 20px 20px 37px; } }
.hvn-plp-container .marketing-square .marketing-slot > img {
margin: 20px 0 0; }
.hvn-plp-container .marketing-square .marketing-slot .image-frame {
margin: 0 0 7px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot .image-frame {
margin: 0 0 14px; } }
.hvn-plp-container .marketing-square .marketing-slot .image-frame img {
width: 100%;
height: auto; }
.hvn-plp-container .marketing-square .marketing-slot h2 {
font-size: 16px;
letter-spacing: 0.5px;
line-height: 22px;
margin: 21px 0 11px;
font-family: "montserratsemibold";
color: #231f20;
text-transform: uppercase; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot h2 {
font-size: 14px;
line-height: 24px;
margin: 19px 0 11px; } }
.hvn-plp-container .marketing-square .marketing-slot h3 {
font-size: 12px;
letter-spacing: 0.5px;
line-height: 15px;
text-transform: uppercase;
color: #231f20;
margin: 18px 0 21px;
font-family: "montserratbold"; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot h3 {
margin: 22px 0 24px;
font-family: "montserratextrabold"; } }
.hvn-plp-container .marketing-square .marketing-slot p {
font-size: 16px;
color: #5a5758;
line-height: 26px;
text-align: center;
font-family: "abhaya_libreregular";
margin: 0 0 16px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot p {
line-height: 24px; } }
.hvn-plp-container .marketing-square .marketing-slot .marketing-expert-image {
display: block;
margin: 0 auto 21px;
width: 100px;
height: 100px; }
.hvn-plp-container .marketing-square .marketing-slot .marketing-expert-image img {
max-width: 100%; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot .marketing-expert-image {
margin: 0 auto 17px;
width: 150px;
height: 150px; } }
.hvn-plp-container .marketing-square .marketing-slot h4 {
font-size: 14px;
letter-spacing: 1px;
line-height: 24px;
text-align: center;
font-family: "montserratsemibold";
color: #231f20;
text-transform: uppercase;
margin: 0 0 8px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot h4 {
letter-spacing: 0.5px; } }
.hvn-plp-container .marketing-square .marketing-slot .markexpert {
color: #5a5758;
font-size: 16px;
line-height: 24px;
text-align: center;
font-family: "abhaya_libreregular";
display: block;
margin: 0 0 12px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot .markexpert {
margin: 0 0 6px; } }
.hvn-plp-container .marketing-square .marketing-slot .exper-says-qoute {
font-size: 24px;
line-height: 34px;
text-align: center;
font-family: "abhaya_libreregular";
color: #231f20;
margin: 0 20px 21px; }
.hvn-plp-container .marketing-square .marketing-slot .exper-says-qoute + .read-more {
margin: 0 0 11px;
display: inline-block; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot .exper-says-qoute + .read-more {
font-size: 10px;
font-family: "montserratextrabold";
margin: 0 0 8px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot .exper-says-qoute {
margin: 0 15px 15px;
font-size: 18px;
line-height: 28px; } }
.hvn-plp-container .marketing-square .marketing-slot .read-more {
position: relative;
font-size: 12px;
font-family: "montserratbold";
color: #00402f;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.5px; }
.hvn-plp-container .marketing-square .marketing-slot .read-more::before {
content: "";
position: absolute;
left: 50%;
bottom: -8px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 80%;
max-width: 60%;
background: #00402f;
height: 1px;
display: block; }
.hvn-plp-container .marketing-square .marketing-slot .read-more:hover::before {
display: none; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-square .marketing-slot .read-more {
font-size: 10px;
font-family: "montserratextrabold"; } }
.hvn-plp-container .marketing-square .marketing-slot.nourish {
background: #e2eae6; }
.hvn-plp-container .marketing-square .marketing-slot.awaken {
background: #f3d7bf; }
.hvn-plp-container .marketing-square .marketing-slot.unwind {
background: #f6e2da; }
.hvn-plp-container .marketing-square .marketing-slot.rejuvenate {
background: #e3ecf0; }
.hvn-plp-container .marketing-community-slot {
padding: 50px 50px 64px;
text-align: center;
border-top: 1px solid #e2eae6;
border-bottom: 1px solid #e2eae6; }
@media only screen and (max-width: 1200px) {
.hvn-plp-container .marketing-community-slot {
padding: 40px 40px 47px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-community-slot {
border-top: 1px solid #66948e;
border-bottom: 1px solid #66948e; } }
.hvn-plp-container .marketing-community-slot h3 {
font-size: 12px;
letter-spacing: 0.5px;
line-height: 15px;
text-transform: uppercase;
color: #231f20;
margin: 27px 0 28px;
font-family: "montserratbold"; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-community-slot h3 {
margin: 26px 0 17px;
font-size: 10px;
line-height: 13px;
font-family: "montserratextrabold"; } }
.hvn-plp-container .marketing-community-slot p {
font-size: 24px;
line-height: 36px;
text-align: center;
font-family: "abhaya_libreregular";
color: #66948e;
margin: 0 0 24px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-community-slot p {
font-size: 18px;
line-height: 28px;
margin: 0 0 15px; } }
.hvn-plp-container .marketing-community-slot .read-more {
position: relative;
font-size: 12px;
font-family: "montserratbold";
color: #00402f;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.5px; }
.hvn-plp-container .marketing-community-slot .read-more::before {
content: "";
position: absolute;
left: 50%;
bottom: -8px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 80%;
max-width: 60%;
background: #00402f;
height: 1px;
display: block; }
.hvn-plp-container .marketing-community-slot .read-more:hover::before {
display: none; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .marketing-community-slot .read-more {
font-size: 10px;
font-family: "montserratextrabold"; } }
.hvn-plp-container .breadcrumb {
margin: 0 0 38px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .breadcrumb {
margin: 0; } }
.hvn-plp-container .breadcrumb li {
display: inline-block;
font-family: "montserratregular";
font-size: 16px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .breadcrumb li {
font-size: 12px; } }
.hvn-plp-container .breadcrumb li a {
color: #231f20;
text-decoration: none; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .breadcrumb li a {
text-decoration: underline; } }
.hvn-plp-container .breadcrumb li::after {
display: inline-block;
content: "/"; }
.hvn-plp-container .breadcrumb li:last-child a {
pointer-events: none;
text-decoration: none;
color: #5a5758; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .breadcrumb li:last-child a {
text-decoration: none; } }
.hvn-plp-container .breadcrumb li:last-child::after {
display: none; }
.hvn-plp-container .breadcrumb li:hover {
text-decoration: underline;
color: #00402f; }
.hvn-plp-container .breadcrumb li:hover:last-child a {
text-decoration: none; }
.hvn-plp-container .plp-refinements {
margin-bottom: 10px; }
.hvn-plp-container .plp-refinements .hvn-top-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 18px 100px 20px;
border-bottom: 0;
margin: 0;
border-bottom: 1px solid #00402f; }
@media only screen and (max-width: 1200px) {
.hvn-plp-container .plp-refinements .hvn-top-categories {
padding: 18px 35px 17px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .hvn-top-categories {
padding: 10px 10px 4px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 0 14px;
border: 0;
border-bottom: 1px solid #00402f; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links {
max-width: 100%;
margin: 0 auto 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: auto; }
.hvn-plp-container .plp-refinements .hvn-shopby-links#shopbycategories-categories {
overflow-x: auto;
margin: 7px 0 0;
padding-bottom: 15px; }
.hvn-plp-container .plp-refinements .hvn-shopby-links#shopbycategories-categories a {
margin: 0 24px 0 0;
white-space: nowrap; }
.hvn-plp-container .plp-refinements .hvn-shopby-links#shopbycategories-categories a:last-child {
margin-right: 0; } }
.hvn-plp-container .plp-refinements .hvn-shopby-links#shopbyexperiences-experiences a {
margin: 0 0 0 35px; }
.hvn-plp-container .plp-refinements .hvn-shopby-links#shopbyexperiences-experiences a:first-child {
margin-left: 0; }
@media only screen and (max-width: 1400px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links#shopbyexperiences-experiences a {
margin: 0 0 0 5px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links#shopbyexperiences-experiences a {
margin: 0 0 0 28px; } }
@media only screen and (max-width: 767px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links#shopbyexperiences-experiences a {
margin: 0 0 0 12px; } }
.hvn-plp-container .plp-refinements .hvn-shopby-links a {
margin: 0 0 0 28px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #809d91;
text-align: center;
text-decoration: none;
font-size: 16px;
font-family: "montserratregular";
border-bottom: 1px solid transparent;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
outline: 0; }
.hvn-plp-container .plp-refinements .hvn-shopby-links a:first-child {
margin-left: 0; }
.hvn-plp-container .plp-refinements .hvn-shopby-links a#swatch-haven-sale {
color: #a52220; }
.hvn-plp-container .plp-refinements .hvn-shopby-links a:hover, .hvn-plp-container .plp-refinements .hvn-shopby-links a:focus, .hvn-plp-container .plp-refinements .hvn-shopby-links a:active {
outline: 0; }
@media only screen and (max-width: 1400px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links a {
margin: 0 0 0 28px; } }
@media only screen and (max-width: 1150px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links a {
margin: 0 0 0 13px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
font-size: 14px;
line-height: 19px; } }
.hvn-plp-container .plp-refinements .hvn-shopby-links a img {
width: 40px;
max-width: 40px;
margin: 0 8px 0 0;
opacity: 0.57;
height: 40px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links a img {
margin: 0 0 8px; } }
@media only screen and (max-width: 1150px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links a img {
width: 30px;
max-width: 30px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links a img {
width: 40px;
max-width: 40px; } }
.hvn-plp-container .plp-refinements .hvn-shopby-links a span {
display: inline-block;
position: relative; }
.hvn-plp-container .plp-refinements .hvn-shopby-links a span::after {
content: "";
width: 56%;
height: 1px;
background: transparent;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -4px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .hvn-shopby-links a span::after {
bottom: -4px; } }
.hvn-plp-container .plp-refinements .hvn-shopby-links a.active, .hvn-plp-container .plp-refinements .hvn-shopby-links a:hover {
color: #00402f; }
.hvn-plp-container .plp-refinements .hvn-shopby-links a.active img, .hvn-plp-container .plp-refinements .hvn-shopby-links a:hover img {
opacity: 1; }
.hvn-plp-container .plp-refinements .hvn-shopby-links a.active span::after, .hvn-plp-container .plp-refinements .hvn-shopby-links a:hover span::after {
background: #00402f; }
.hvn-plp-container .plp-refinements .open-subcategories-mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 30px;
background: #dbe4e0;
line-height: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px;
border-radius: 4px;
cursor: pointer;
margin: 0 10px 10px;
position: relative; }
@media only screen and (min-width: 992px) {
.hvn-plp-container .plp-refinements .open-subcategories-mob {
display: none; } }
.hvn-plp-container .plp-refinements .open-subcategories-mob .hvn-selected-subcategory {
font-size: 12px;
line-height: 13px;
color: #5b7f71;
font-family: "montserratregular"; }
.hvn-plp-container .plp-refinements .open-subcategories-mob .arrow-down {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.hvn-plp-container .plp-refinements .open-subcategories-mob .arrow-down svg {
width: 6px;
height: 10px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
fill: #00402f;
stroke: #00402f;
margin: 0 0 0 5px;
position: relative;
top: 1px; }
.hvn-plp-container .plp-refinements .plp-sub-categories {
margin: 0 0 28px;
padding: 0 100px; }
.hvn-plp-container .plp-refinements .plp-sub-categories .subcate-title-mobile {
display: none; }
@media only screen and (max-width: 1200px) {
.hvn-plp-container .plp-refinements .plp-sub-categories {
padding: 0 35px; } }
@media only screen and (min-width: 992px) {
.hvn-plp-container .plp-refinements .plp-sub-categories {
display: block !important;
text-align: right;
padding-top: 30px;
margin-bottom: 0; }
.hvn-plp-container .plp-refinements .plp-sub-categories .hvn-shopby-links a {
margin: 0 0 0 31px;
font-size: 14px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .plp-sub-categories {
margin: 0;
padding: 0;
display: none;
position: fixed;
bottom: -1px;
background: #d2d9d1;
padding: 20px;
z-index: 11;
width: 100%; }
.hvn-plp-container .plp-refinements .plp-sub-categories .subcate-title-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 12px;
border-bottom: 1px solid #669483;
margin: 0 0 20px; }
.hvn-plp-container .plp-refinements .plp-sub-categories .subcate-title-mobile .subcate-title {
color: #00402f;
font-size: 16px;
line-height: 19px; }
.hvn-plp-container .plp-refinements .plp-sub-categories .subcate-title-mobile .subcate-title .subcate-by-close {
cursor: pointer; }
.hvn-plp-container .plp-refinements .plp-sub-categories .subcate-title-mobile .subcate-by-close {
padding-left: 20px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .plp-sub-categories .hvn-shopby-links {
display: block;
max-height: 198px;
overflow: auto; } }
.hvn-plp-container .plp-refinements .plp-sub-categories .hvn-shopby-links a {
font-family: "montserratlight"; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .plp-sub-categories .hvn-shopby-links a {
display: block;
margin: 0 0 18px;
text-align: left; } }
.hvn-plp-container .plp-refinements .plp-sub-categories .hvn-shopby-links a:first-child {
margin: 0; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .plp-sub-categories .hvn-shopby-links a:first-child {
display: block;
margin: 0 0 12px; } }
.hvn-plp-container .plp-refinements .plp-sub-categories .hvn-shopby-links a.active {
font-family: "montserratregular"; }
.hvn-plp-container .plp-refinements .shop-type-holder {
width: 25.0434%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 297px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .shop-type-holder {
width: auto;
margin: 0 0 13px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: initial; } }
.hvn-plp-container .plp-refinements .shop-type-holder .shopby {
display: block;
font-family: "montserratregular";
color: #66948e;
font-size: 16px; }
@media only screen and (max-width: 1200px) {
.hvn-plp-container .plp-refinements .shop-type-holder .shopby {
font-size: 14px;
margin: 0 10px 0 0; } }
.hvn-plp-container .plp-refinements .shop-type-holder .shop-type {
border: 1px solid #d8dfe1;
border-radius: 4px;
padding: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 215px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.hvn-plp-container .plp-refinements .shop-type-holder .shop-type {
/* IE10+ CSS styles go here */
margin-left: 20px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .shop-type-holder .shop-type {
max-width: 297px;
min-width: 286px;
padding: 2px; } }
.hvn-plp-container .plp-refinements .shop-type-holder .shop-type a {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 30px;
line-height: 30px;
border-radius: 4px;
font-family: "montserratextrabold";
font-size: 10px;
text-transform: uppercase;
color: #66948e;
text-align: center;
text-decoration: none;
letter-spacing: 0.5px; }
.hvn-plp-container .plp-refinements .shop-type-holder .shop-type a:hover {
text-decoration: underline;
color: #00402f; }
.hvn-plp-container .plp-refinements .shop-type-holder .shop-type a.active-shop {
background: #d2d9d1;
color: #00402f;
text-decoration: none; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .plp-refinements .shop-type-holder .shop-type a {
height: 24px;
line-height: 24px; } }
@media only screen and (max-width: 767px) {
.hvn-plp-container .plp-refinements .shop-type-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
.hvn-plp-container .plp-refinements .shop-refinement-holder {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.hvn-plp-container .hvn-filtes-sortby {
margin: 0;
/*border-top: 1px solid $green-border;*/ }
@media only screen and (max-width: 1200px) {
.hvn-plp-container .hvn-filtes-sortby {
padding: 30px 35px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby {
padding: 11px 14px 0;
margin: 0 0 6px; } }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 20px; } }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sort-by {
position: relative; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sort-by {
margin: 0 0 0 20px; } }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filters-opener,
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-opener {
font-size: 10px;
letter-spacing: 0.5px;
line-height: 13px;
font-family: "montserratextrabold";
text-transform: uppercase;
color: #00402f;
cursor: pointer; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filters-opener svg,
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-opener svg {
width: 6px;
height: 10px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
fill: #00402f;
stroke: #00402f;
margin: 0 0 0 5px;
position: relative;
top: 1px; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filters-opener:hover,
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-opener:hover {
color: #000; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filters-opener:hover svg,
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-opener:hover svg {
fill: #000;
stroke: #000; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filters-holder {
width: auto;
right: 0;
display: none; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filters-holder .hvn-filters-frame {
height: 100vh;
display: block;
padding: 0 20px 80px 0; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filters-holder {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
bottom: 0; } }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder {
right: 0;
min-width: 225px;
padding: 40px 47px 20px;
display: none;
background: #d2d9d1;
position: absolute;
top: 23px;
z-index: 1; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder .sortby-title-mobile {
display: none; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder {
position: fixed;
top: auto;
z-index: 1;
bottom: 0;
left: 0;
padding: 20px; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder .sortby-title-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 12px;
border-bottom: 1px solid #669483;
margin: 0 0 20px; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder .sortby-title-mobile .sort-by-title {
color: #00402f;
font-size: 16px;
line-height: 19px; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder .sortby-title-mobile .sort-by-close {
cursor: pointer;
padding-left: 20px; } }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder ul li {
margin: 0 0 18px;
position: relative; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder ul li {
margin: 0 0 22px; } }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder ul li span {
font-family: "montserratlight";
font-size: 14px;
line-height: 18px;
color: #00402f;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
position: relative;
display: inline-block; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder ul li span::after {
content: "";
width: 56%;
height: 1px;
background: transparent;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -4px; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder ul li::before {
width: 4px;
height: 4px;
background: transparent;
content: "";
position: absolute;
left: -10px;
top: 50%;
border-radius: 100%;
margin: -3px 0 0; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder ul li:hover span::after {
background: #00402f; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder ul li.selected span {
font-family: "montserratregular"; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-sortby-holder ul li.selected::before {
background: #00402f; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 18px;
padding: 0 20px 0 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action .filters-mobile-title {
display: none; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action .filters-mobile-title {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 18px;
color: #00402f;
font-family: "montserratregular"; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action {
padding: 0 0 0 20px;
margin: 0;
height: 65px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action .clear-all-filters {
text-decoration: underline;
font-size: 12px;
color: #66948e;
cursor: pointer; }
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action .clear-all-filters:hover {
text-decoration: none; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action .clear-all-filters {
color: #00402f; } }
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action .close-filters-panel,
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action .hww-change {
cursor: pointer; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action .close-filters-panel,
.hvn-plp-container .hvn-filtes-sortby .hvn-filterspanel-action .hww-change {
width: 49px;
text-align: right; } }
.hvn-plp-container .hvn-filtes-sortby .all-refinements-container h3 {
font-weight: bold;
font-size: 16px;
line-height: 19px;
font-family: "montserratregular";
color: #00402f;
margin: 0 0 18px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .all-refinements-container h3 {
padding: 20px 0 0;
border-top: 1px solid rgba(102, 148, 142, 0.5); } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .all-refinements-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 84vh;
max-height: 84vh;
overflow-y: auto;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0 0 145px 20px; } }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul {
margin: 0 0 0 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul:first-child {
margin: 0; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: inherit;
-webkit-box-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
margin: 0; } }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul li {
margin: 0 0 10px;
position: relative; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul li {
width: 50%; } }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul li .value-option-link {
font-family: "montserratlight";
text-decoration: none;
cursor: pointer; }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul li .value-option-link input {
display: none; }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul li .value-option-link .refinement-name {
display: inline-block;
position: relative; }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul li .value-option-link .refinement-name::after {
content: "";
width: 56%;
height: 1px;
background: transparent;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -4px; }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul li:hover .refinement-name::after {
background: #00402f; }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul li.selected .value-option-link {
font-family: "montserratregular"; }
.hvn-plp-container .hvn-filtes-sortby .ref-values-wrapper ul li.selected::before {
background: #00402f; }
.hvn-plp-container .hvn-filtes-sortby .apply-refinements-button {
text-align: center;
background: #d2d9d1; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .apply-refinements-button {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 30px 0; } }
.hvn-plp-container .hvn-filtes-sortby .apply-refinements-button button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 51px;
width: 251px;
border: 1px solid #00402f;
border-radius: 2px;
display: inline-block;
font-size: 14px;
letter-spacing: 0.5px;
font-family: "montserratextrabold";
color: #00402f;
text-transform: uppercase;
letter-spacing: 0.5px;
background: transparent;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer;
line-height: 49px; }
.hvn-plp-container .hvn-filtes-sortby .apply-refinements-button button:hover {
background: #00402f;
color: #d2d9d1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .hvn-filtes-sortby .apply-refinements-button button {
width: 100%;
max-width: 336px;
height: 41px;
line-height: 39px;
font-size: 10px;
letter-spacing: 0.5px; } }
.hvn-plp-container .primary-content {
padding: 0 100px; }
@media only screen and (max-width: 1200px) {
.hvn-plp-container .primary-content {
padding: 0 35px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .primary-content {
padding: 0 7.5px; } }
.hvn-plp-container .primary-content .search-result-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .primary-content .search-result-items {
margin: 0; } }
.hvn-plp-container .primary-content .search-result-items .grid-tile {
position: relative;
width: 33.333%;
padding-right: 10px;
padding-left: 10px;
margin: 0 0 36px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .primary-content .search-result-items .grid-tile {
padding-right: 2.5px;
padding-left: 2.5px;
width: 50%;
margin: 0 0 15px; } }
@media only screen and (max-width: 992px) {
.hvn-plp-container .primary-content .search-result-items .grid-tile.square1x1 {
width: 100%;
margin: 0 0 30px; } }
.hvn-plp-container .primary-content .search-result-items .grid-tile.square1x2 {
width: 50%; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .primary-content .search-result-items .grid-tile.square1x2 {
width: 100%;
margin: 0 0 30px; } }
.hvn-plp-container .primary-content .search-result-items .grid-tile.square1x3 {
width: 100%;
margin: 0 0 30px; }
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-image {
margin: 0 0 19px;
min-height: 250px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-image {
min-height: initial;
line-height: 0;
margin: 0 0 7px; } }
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-image a {
display: block; }
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-image img {
width: 100%;
height: auto; }
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-name {
margin: 0 0 11px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-name {
margin: 0 0 4px; } }
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-name a {
font-family: "montserratsemibold";
color: #231f20;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.5px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-name a {
font-size: 12px;
line-height: 13px;
letter-spacing: 0.3px; } }
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-pricing {
font-family: "montserratbold";
color: #231f20;
font-size: 14px;
margin: 0 0 13px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-pricing {
font-size: 12px;
line-height: 13px;
margin: 0 0 10px; } }
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-pricing .product-standard-price {
text-decoration: line-through; }
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-pricing .product-standard-price + .product-sales-price {
color: #a52220; }
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-pricing + .product-description {
margin: 13px 0 0; }
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-description {
font-family: "abhaya_libreregular";
color: #5a5758;
font-size: 16px;
line-height: 26px;
margin: 0 0 10px;
max-height: 57px;
overflow: hidden; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .primary-content .search-result-items .grid-tile .product-description {
display: none; } }
.hvn-plp-container .product-promo p {
color: #004d43;
font-size: 13px;
line-height: 1.385;
font-family: "montserratbold"; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .product-promo p {
font-size: 12px; } }
.hvn-plp-container .product-promo .gallery-promo .promo-msg {
color: #004d43;
font-size: 13px;
line-height: 1.385;
height: auto;
font-family: "montserratbold"; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .product-promo .gallery-promo .promo-msg {
font-size: 12px; } }
.hvn-plp-container .product-promo .gallery-promo .supportive-msg {
color: #767676;
font-size: 12px;
height: 17px;
line-height: inherit;
font-family: unset; }
@media only screen and (max-width: 768px) {
.hvn-plp-container .product-promo .gallery-promo .supportive-msg {
font-size: 10px; } }
.hvn-plp-container .product-swatches {
margin: 0 0 15px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.hvn-plp-container .product-swatches .product-swatches-all {
cursor: pointer; }
.hvn-plp-container .product-swatches .product-swatches-all:hover + ul.swatch-toggle {
display: block;
z-index: 1; }
.hvn-plp-container .product-swatches .swatch-list {
/*display: flex;
align-items: center;*/
overflow: hidden; }
.hvn-plp-container .product-swatches .swatch-list.swatch-toggle {
background: none repeat scroll 0 0 #fff;
display: none;
position: absolute;
padding: 1rem 0.6875rem;
-webkit-box-shadow: 0 0 9px 0 #ddd;
box-shadow: 0 0 9px 0 #ddd;
top: -16px;
left: -11px; }
.hvn-plp-container .product-swatches .swatch-list.swatch-toggle:hover {
display: block;
z-index: 1; }
.hvn-plp-container .product-swatches .swatch-list li {
margin: 0 7px 0 0;
float: left; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .product-swatches .swatch-list li {
margin: 0 3px 0 0; } }
.hvn-plp-container .product-swatches .swatch-list li a {
display: block;
width: 23px;
height: 23px;
border-radius: 100%;
padding: 1px;
border: 1px solid transparent; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .product-swatches .swatch-list li a {
width: 19px;
height: 19px; } }
.hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-salt"], .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-stone"], .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-warm_sand"], .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-sea_salt"], .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-ivory"], .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-white"], .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-bone"], .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-cloud_nine"] {
position: relative; }
.hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-salt"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-stone"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-warm_sand"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-sea_salt"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-ivory"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-white"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-bone"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-cloud_nine"]::before {
content: "";
border: 1px solid #ddd;
height: 19px;
width: 19px;
border-radius: 50%;
position: absolute;
top: 1px;
left: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-salt"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-stone"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-warm_sand"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-sea_salt"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-ivory"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-white"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-bone"]::before, .hvn-plp-container .product-swatches .swatch-list li a[data-swatchid="swatch-cloud_nine"]::before {
width: 15px;
height: 15px; } }
.hvn-plp-container .product-swatches .swatch-list li a.selected {
border: 1px solid #00402f;
margin: 0; }
.hvn-plp-container .product-swatches .swatch-list li a.selected img {
border: 2px solid #fff; }
.hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-salt"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-stone"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-warm_sand"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-sea_salt"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-ivory"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-white"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-bone"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-cloud_nine"]::before {
content: "";
height: 15px;
width: 15px;
top: 3px;
left: 3px; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-salt"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-stone"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-warm_sand"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-sea_salt"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-ivory"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-white"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-bone"]::before, .hvn-plp-container .product-swatches .swatch-list li a.selected[data-swatchid="swatch-cloud_nine"]::before {
width: 11px;
height: 11px; } }
.hvn-plp-container .product-swatches .swatch-list li a img {
display: block;
width: 19px;
height: 19px;
border-radius: 100%; }
@media only screen and (max-width: 992px) {
.hvn-plp-container .product-swatches .swatch-list li a img {
width: 15px;
height: 15px; } }
.hvn-plp-container .product-tile {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-radius: 8px;
position: relative; }
.hvn-plp-container .product-tile .thumb-link {
position: relative;
overflow: hidden; }
.hvn-plp-container .product-tile .thumb-link .tile-mood-image {
position: absolute;
left: 100%;
width: 100%;
top: 0;
bottom: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.hvn-plp-container .product-tile .thumb-link .tile-mood-image img {
width: 100%; }
.hvn-plp-container .product-tile:hover .tile-mood-image {
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.hvn-plp-container #placeholder-div {
display: block;
width: 100%;
text-align: center;
border-radius: 8px;
font-size: 16px;
color: #6a6a6a;
margin: 0 0 24px;
font-family: "abhaya_libre_semibold"; }
@media only screen and (min-width: 993px) and (max-width: 1200px) {
.pt_product-search-result.gallery_Redesign #main {
padding: 0 35px; } }
@media only screen and (min-width: 1201px) {
.pt_product-search-result.gallery_Redesign #main {
padding: 0 100px; } }
.pt_product-search-result.gallery_Redesign .hide_version_B,
.pt_product-search-result.gallery_Redesign #haven-header {
max-width: 100%; }
.pt_product-search-result.gallery_Redesign .filter-pills {
display: block;
margin-bottom: 8px;
font-size: 13px; }
.pt_product-search-result.gallery_Redesign .filter-pills .clear-filters,
.pt_product-search-result.gallery_Redesign .filter-pills .filter-pill {
margin: 0 16px 16px 0;
display: inline-block;
cursor: pointer;
line-height: 18px; }
.pt_product-search-result.gallery_Redesign .filter-pills .clear-filters {
padding: 10px 16px;
text-decoration: none;
background: #fff;
color: #000;
border: solid 1px #ddd;
font-family: "montserratsemibold";
text-align: center; }
.pt_product-search-result.gallery_Redesign .filter-pills .filter-pills-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.pt_product-search-result.gallery_Redesign .filter-pills .filter-pill {
padding: 11px 40px 11px 16px;
background: #f1f1f1;
position: relative;
text-decoration: none;
color: #000; }
.pt_product-search-result.gallery_Redesign .filter-pills .filter-pill svg {
height: 16px;
width: 16px;
position: absolute;
right: 16px;
top: 49%;
-webkit-transform: translateY(-51%);
-ms-transform: translateY(-51%);
transform: translateY(-51%); }
.pt_product-search-result.gallery_Redesign .all-refinements-container {
border-top: 1px solid #ddd; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement {
border-bottom: 1px solid #ddd;
font-stretch: normal;
font-style: normal;
letter-spacing: normal; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement h3 {
font-size: 16px;
line-height: 22px;
color: #000;
cursor: pointer;
text-transform: uppercase;
padding: 24px 0; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement h3 + .ref-values-wrapper {
display: none; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement h3::after {
content: url("../images/svg-icons/plus_GalleryNew.svg");
float: right;
display: inline-block;
position: relative;
height: 16px; }
@media only screen and (min-width: 993px) {
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement h3.active {
padding-bottom: 16px; } }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement h3.active + .ref-values-wrapper {
display: block;
padding-bottom: 15px !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement h3.active::after {
content: url("../images/svg-icons/minus_GalleryNew.svg"); }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .toggle-more {
font-family: "montserratsemibold";
font-size: 13px;
line-height: 1.4;
font-weight: 600;
letter-spacing: normal;
text-align: left;
clear: both;
padding: 8px 0;
display: inline-block !important;
position: relative;
padding-left: 12px !important;
text-decoration: none;
color: #000; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .toggle-more::before {
content: "+";
position: absolute;
left: 0;
top: 8px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .toggle-more.active-collapse::before {
content: "--";
letter-spacing: -2px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .toggle-more::after {
content: "";
height: 1px;
background: #000;
width: 100%;
position: absolute;
left: 0;
bottom: 11px; }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .toggle-more::after {
bottom: 10px; } } }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .toggle-more.chrome_on_mac::after {
bottom: 10px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .ref-values li {
font-size: 14px;
line-height: 19.6;
padding: 8px 0;
margin: 0; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .ref-values.checkbox-style li .value-option-link {
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .ref-values.checkbox-style li .value-option-link .refinement-name {
line-height: 20px;
display: inline-block;
margin-right: 0;
cursor: pointer; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .ref-values.checkbox-style li .value-option-link .refinement-name::after {
display: none; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .ref-values.checkbox-style li .value-option-link .p_counts {
font-size: 12px;
line-height: 16.8px;
color: #767676;
font-family: "montserratregular";
font-weight: 400;
position: relative;
left: 4px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .ref-values.checkbox-style li .value-option-link::before {
content: " ";
background: transparent;
height: 16px;
border: 1px solid #ddd;
margin-right: 16px;
position: relative;
text-align: center;
vertical-align: top;
width: 16px;
z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .ref-values.checkbox-style li .value-option-link input[type="checkbox"] {
opacity: 0;
position: absolute;
top: -9999px;
left: -9999px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .ref-values.checkbox-style li.selected .value-option-link .refinement-name {
font-weight: 600;
font-family: "montserratsemibold"; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .ref-values.checkbox-style li.selected .value-option-link::before {
background: #00402f url("../images/svg-icons/checkmark-white.svg") no-repeat center;
border-color: #00402f; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .cat-values li {
line-height: 20px;
padding: 8px 0; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .cat-values li a {
text-decoration: none;
color: #000;
display: block;
font-size: 14px;
line-height: 20px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .cat-values li a span {
display: inline;
line-height: 1;
vertical-align: middle; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .cat-values li.active a {
font-weight: 600;
font-family: "montserratsemibold"; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .cat-values li.l2-active a {
position: relative;
border-left: 0;
padding-left: 12px;
margin-left: -2px;
color: #00402f;
line-height: 17px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement .cat-values li.l2-active a::before {
content: "";
width: 2px;
background: #00402f;
display: block;
height: 16px;
position: absolute;
left: 2px;
top: 2px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size {
padding: 0;
margin: 0; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size h3.active + .ref-values-wrapper {
padding-bottom: 24px !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size .ref-values .sizes-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 12px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size .ref-values .sizes-row:first-child {
margin-top: -12px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size .ref-values .sizes-row li {
padding: 0 !important;
margin-right: 12px;
margin-top: 12px;
margin-bottom: 0;
width: auto;
clear: none; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size .ref-values .sizes-row li .value-option-link {
font-size: 14px;
line-height: 20px;
min-width: 40px;
width: auto;
padding: 0 5px;
height: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
font-weight: normal;
border: 1px solid #ddd; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size .ref-values .sizes-row li .value-option-link::before {
display: none; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size .ref-values .sizes-row li .value-option-link .refinement-name {
margin-right: 0;
font-family: "montserratregular"; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size .ref-values .sizes-row li.selected .value-option-link {
background: #00402f;
color: #fff;
border-color: #00402f; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size .ref-values .sizes-row .p_counts {
display: none; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .black .value-option-link .clrSwatch::before {
background-color: #000 !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .beige .value-option-link .clrSwatch::before {
background-color: #f5f5dc !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .blue .value-option-link .clrSwatch::before {
background-color: #007bff !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .purple .value-option-link .clrSwatch::before {
background-color: purple !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .red .value-option-link .clrSwatch::before {
background-color: red !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .brown .value-option-link .clrSwatch::before {
background-color: #783201 !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .green .value-option-link .clrSwatch::before {
background-color: #28a745 !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .grey .value-option-link .clrSwatch::before {
background-color: #8f979d !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .pink .value-option-link .clrSwatch::before {
background-color: #e83e8c !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .orange .value-option-link .clrSwatch::before {
background-color: #fd7e14 !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .white .value-option-link .clrSwatch::before {
background-color: #fff !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .yellow .value-option-link .clrSwatch::before {
background-color: #ffc107 !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .navy .value-option-link .clrSwatch::before {
background-color: navy !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .classic .value-option-link .clrSwatch::before {
background-color: #c9d7d0 !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .cyan .value-option-link .clrSwatch::before {
background-color: #17a2b8 !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .indigo .value-option-link .clrSwatch::before {
background-color: #6610f2 !important;
background-image: none !important; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li {
font-weight: 400;
position: relative;
clear: none;
padding: 0;
margin: 0;
line-height: 2.25rem;
padding: 10px 0; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li .value-option-link {
border: none; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li .value-option-link::before {
display: none; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li .value-option-link .clrSwatch {
width: 20px;
height: 20px;
margin-right: 16px;
margin-left: 2px;
position: relative; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li .value-option-link .clrSwatch::before, .pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li .value-option-link .clrSwatch::after {
content: "";
position: absolute;
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 25px;
border: 1px solid #ddd;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li .value-option-link .clrSwatch::before {
z-index: 2;
width: 18px;
height: 18px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li .value-option-link .clrSwatch::after {
z-index: 1;
width: 24px;
height: 24px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li.selected {
font-weight: 600;
font-family: "montserratsemibold"; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li.selected .value-option-link .clrSwatch::after {
border-color: #000; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li.selected::before {
background-image: none; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li:not(.white) .value-option-link .clrSwatch::before {
border-color: transparent; }
.pt_product-search-result.gallery_Redesign .hide_in_B,
.pt_product-search-result.gallery_Redesign .hww-banner-wrapper,
.pt_product-search-result.gallery_Redesign .banner-wrapper,
.pt_product-search-result.gallery_Redesign #main > .content-slot,
.pt_product-search-result.gallery_Redesign #main > .html-slot-container .have-categorybanner-holder,
.pt_product-search-result.gallery_Redesign #main > .html-slot-container picture,
.pt_product-search-result.gallery_Redesign #main > .html-slot-container img,
.pt_product-search-result.gallery_Redesign #main > .html-slot-container .option-b {
display: none !important; }
@media only screen and (max-width: 992px) {
.pt_product-search-result.gallery_Redesign .hide_in_B_Mobile,
.pt_product-search-result.gallery_Redesign #secondary {
display: none; }
.pt_product-search-result.gallery_Redesign .hvn-plp-container {
margin-top: 11px; }
.pt_product-search-result.gallery_Redesign #haven-header {
z-index: 40;
height: auto; }
.pt_product-search-result.gallery_Redesign .close-filters-panel::before,
.pt_product-search-result.gallery_Redesign .hww-change::before {
content: url("../images/svg-icons/Close_hwwgr.svg");
width: 24px;
height: 24px; }
.pt_product-search-result.gallery_Redesign .filter-pills {
position: relative;
margin: -1px 0 0 0;
font-size: 12px;
background: #fff;
border-bottom: 1px solid #f1f1f1;
padding-top: 5px; }
.sticky-sortbarpills .pt_product-search-result.gallery_Redesign .filter-pills {
position: fixed;
background-color: #fff;
width: 100%;
z-index: 9;
-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 7px 5px -5px rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 7px 5px -5px rgba(0, 0, 0, 0.08);
margin-left: -15px;
padding-left: 15px;
padding-right: 15px;
top: 95px; }
.pt_product-search-result.gallery_Redesign .filter-pills .filter-pills-container {
position: relative; }
.pt_product-search-result.gallery_Redesign .filter-pills .filter-pills-container .filter-pills-inner {
overflow-x: auto;
white-space: nowrap; }
.pt_product-search-result.gallery_Redesign .filter-pills .filter-pills-container.shadow-left::before {
content: " ";
background-image: -webkit-gradient(linear, left top, right top, color-stop(29%, #fff), to(rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, #fff 29%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, #fff 29%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, #fff 29%, rgba(255, 255, 255, 0) 100%);
width: 40px;
height: 45px;
position: absolute;
left: -15px;
top: 0;
z-index: 9; }
.pt_product-search-result.gallery_Redesign .filter-pills .filter-pills-container.shadow-right::after {
content: " ";
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), to(rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, #fff 50%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, #fff 50%, rgba(255, 255, 255, 0) 100%);
width: 40px;
height: 45px;
position: absolute;
right: -15px;
top: -2px;
z-index: 9;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg); }
.pt_product-search-result.gallery_Redesign .filter-pills .clear-filters {
margin: 0 0 12px; }
.pt_product-search-result.gallery_Redesign .filter-pills .filter-pill {
margin: 0 0 12px 8px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container {
border-top: 1px solid #f1f1f1; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement {
/*padding: 15px 0 23px 0;*/
border-bottom: 1px solid #f1f1f1;
margin: 0 !important;
border-bottom: 1px solid #f1f1f1; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.Categories {
display: none; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.size .ref-values li {
margin-right: 16px;
margin-top: 6px;
margin-bottom: 10px; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values {
display: block;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 0;
column-gap: 0; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.colorRefinement .ref-values li {
padding: 8px 0 14px;
margin: 0 0 -6px;
width: 100%;
-webkit-column-break-inside: avoid;
break-inside: avoid; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.searchFabric .ref-values {
display: block; }
.pt_product-search-result.gallery_Redesign .all-refinements-container .haven-refinement.searchFabric .ref-values li {
padding: 10px 0; }
.pt_product-search-result.gallery_Redesign .ref-values-wrapper .toggle-more {
display: none; }
.pt_product-search-result.gallery_Redesign .ref-values-wrapper .ref-values li.selected::before {
background: none; }
.pt_product-search-result.gallery_Redesign .ref-values-wrapper .ref-values li:hover .refinement-name::after {
background: none; }
.pt_product-search-result.gallery_Redesign .ref-values-wrapper .ref-values > li:last-child {
margin-bottom: 0 !important; }
.pt_product-search-result.gallery_Redesign .primary-content {
width: 100%;
float: none;
padding: 0 15px; }
.pt_product-search-result.gallery_Redesign .primary-content .search-result-items {
margin: 0 -2.5px; }
.pt_product-search-result.gallery_Redesign .primary-content #product-hits-content {
margin-top: 24px; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby {
margin: 0;
padding: 0 15px; }
.sticky-sortbarpills .pt_product-search-result.gallery_Redesign .hvn-filtes-sortby {
position: fixed;
background-color: #fff;
width: 100%;
z-index: 40;
padding: 0;
top: 49px; }
.sticky-sortbarpills .pt_product-search-result.gallery_Redesign .hvn-filtes-sortby.no-pills {
-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 7px 5px -5px rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08), 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 7px 5px -5px rgba(0, 0, 0, 0.08); }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .filters-toggle-btn {
display: none; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder {
border-width: 1px 0;
border-style: solid;
border-color: #f1f1f1 transparent;
padding: 12px 0;
margin: 0; }
.sticky-sortbarpills .pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder {
padding: 12px 15px;
border-color: #fff; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-plp-sort-item-count-flex {
display: none; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filters-opener {
font-size: 14px;
letter-spacing: 0;
line-height: 1.1;
font-family: "montserratregular";
text-transform: capitalize;
color: #000; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filters-opener img {
margin: 0 7px -1px 0; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filters-holder .hvn-filters-frame {
padding: 0 0 80px;
background: #fff; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filterspanel-action {
padding: 0 15px;
height: 40px;
background: #f1f1f1; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filterspanel-action .Showing-318-items {
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: normal;
text-align: left;
color: #000; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-filterspanel-action .Showing-318-items .text-style-1 {
font-family: "montserratsemibold"; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .clear-all-filters {
font-size: 14px;
color: #000; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .all-refinements-container {
padding: 24px 15px 145px; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .all-refinements-container h3 {
border-top: 0;
font-weight: normal;
text-transform: uppercase;
color: #000;
margin: 0; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .apply-refinements-button {
padding: 16px 15px;
background: #fff;
-webkit-box-shadow: 8px 0 16px 0 rgba(0, 0, 0, 0.08), 4px 0 8px 0 rgba(0, 0, 0, 0.08), 2px 0 4px 0 rgba(0, 0, 0, 0.08), 7px 0 5px -5px rgba(0, 0, 0, 0.08);
box-shadow: 8px 0 16px 0 rgba(0, 0, 0, 0.08), 4px 0 8px 0 rgba(0, 0, 0, 0.08), 2px 0 4px 0 rgba(0, 0, 0, 0.08), 7px 0 5px -5px rgba(0, 0, 0, 0.08);
z-index: 999 !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .apply-refinements-button button {
width: 100%;
height: 40px;
line-height: 11px;
letter-spacing: 0;
float: left;
margin: 0;
font-family: "montserratbold";
border: 0;
border-radius: 0;
color: #fff;
background: #004d43;
font-size: 14px;
margin-right: 7.5px;
max-width: inherit;
padding: 14px 0; }
@supports not (-webkit-touch-callout: none) {
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .apply-refinements-button button {
line-height: 14px; } }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .apply-refinements-button .clear-all-filters {
color: #004d43;
width: 100%;
height: 40px;
line-height: 11px;
letter-spacing: 0;
float: right;
font-family: "montserratbold";
border-radius: 0;
background: #fff;
text-decoration: none;
text-transform: uppercase;
margin-left: 7.5px;
padding: 14px 0;
position: relative; }
@supports not (-webkit-touch-callout: none) {
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .apply-refinements-button .clear-all-filters {
line-height: 14px; } }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .apply-refinements-button .clear-all-filters::before {
border: 2px solid #004d43;
position: absolute;
left: 0;
top: 0;
content: "";
right: 0;
bottom: 0; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by {
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
margin: 0 !important; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-opener {
border: unset;
font-size: 16px;
padding: unset;
height: unset;
width: unset;
padding: 24px 0;
letter-spacing: unset;
line-height: unset;
font-family: "montserratregular";
text-transform: uppercase;
color: #000; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-opener::after {
content: url("../images/svg-icons/plus_GalleryNew.svg");
float: right;
display: inline-block;
position: relative;
height: 16px; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-opener.active + .hvn-sortby-holder {
display: block; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-opener.active::after {
content: url("../images/svg-icons/minus_GalleryNew.svg"); }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-holder {
display: none;
width: 100%;
font-size: 14px;
color: #000;
position: unset;
padding: 0;
border: 0;
background: unset;
min-width: unset; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-holder ul li {
margin: 0;
padding: 0;
padding-bottom: 16px;
width: 100%; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-holder ul li span {
color: #000;
line-height: unset;
font-family: "montserratregular"; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-holder ul li span::after {
content: unset; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-holder ul li:hover {
background-color: transparent; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-holder ul li:last-child {
padding-bottom: 24px; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-holder ul li.selected span {
font-family: "montserratsemibold"; }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by .hvn-sortby-holder ul li.selected::before {
content: unset; }
.pt_product-search-result.gallery_Redesign .category-name {
display: block;
text-align: center;
font-size: 24px;
color: #004d43;
margin-top: 8px;
margin-bottom: 24px; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb {
text-align: center; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb {
height: 17px;
margin: 24px 0 8px 0;
display: block !important; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li {
display: inline-block;
font-family: "montserratregular";
font-size: 12px;
color: #767676; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li a {
color: #767676;
text-decoration: none; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li::after {
display: inline-block;
content: "/";
margin: 0 2px;
color: #767676; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li:last-child::after {
display: none; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li:hover {
text-decoration: underline;
color: #767676; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li:hover:last-child a {
text-decoration: none; }
.pt_product-search-result.gallery_Redesign .hvn-dropdown {
position: relative; }
.pt_product-search-result.gallery_Redesign .hvn-dropdown .hvn-dropdown-header {
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 20px;
letter-spacing: normal;
text-align: left;
padding-right: 28px;
position: relative; }
.pt_product-search-result.gallery_Redesign .hvn-dropdown .hvn-dropdown-header::after {
content: url("../images/svg-icons/Arrow-Up.svg");
width: 16px;
height: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 0;
top: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.pt_product-search-result.gallery_Redesign .hvn-dropdown .hvn-dropdown-header.active::after {
-webkit-transform: rotate(0deg) translateY(6px);
-ms-transform: rotate(0deg) translateY(6px);
transform: rotate(0deg) translateY(6px); }
.pt_product-search-result.gallery_Redesign .hvn-dropdown .dropdown-values-wrapper {
--promoheight: 0;
display: none;
width: 165px;
position: absolute;
top: 32px;
left: 0;
background: #fff;
border: 1px solid #999;
z-index: 35;
padding: 8px 16px; }
.sticky-sortbarpills .pt_product-search-result.gallery_Redesign .hvn-dropdown .dropdown-values-wrapper {
max-height: calc(100vh - 122px - var(--promoheight));
overflow-y: auto; }
.pt_product-search-result.gallery_Redesign .hvn-dropdown .dropdown-values-wrapper li {
padding: 8px 0; }
.pt_product-search-result.gallery_Redesign .hvn-dropdown .dropdown-values-wrapper li a {
text-decoration: none;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 20px;
letter-spacing: normal;
text-align: left;
color: #000; }
.pt_product-search-result.gallery_Redesign .hvn-dropdown .dropdown-values-wrapper li.active a {
font-weight: 600;
font-family: "montserratsemibold"; } }
@media only screen and (min-width: 993px) {
.pt_product-search-result.gallery_Redesign .hide_in_B_Desktop {
display: none; }
.pt_product-search-result.gallery_Redesign .html-slot-container {
margin: 40px 0; }
.pt_product-search-result.gallery_Redesign .category-name {
margin: 8px 0 40px 0;
line-height: 1.4;
color: #004d43; }
.pt_product-search-result.gallery_Redesign .filter-pills .filter-pills-inner {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters,
.pt_product-search-result.gallery_Redesign .apply-refinements-button,
.pt_product-search-result.gallery_Redesign .hvn-filterspanel-action,
.pt_product-search-result.gallery_Redesign .hvn-plp-container > .plp-refinements {
display: none; }
.pt_product-search-result.gallery_Redesign .hvn-plp-container {
overflow: unset; }
.pt_product-search-result.gallery_Redesign .full-width .hvn-plp-container > .plp-refinements {
display: block; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby {
padding: 0;
margin-bottom: 14px; }
.sticky-sortby .pt_product-search-result.gallery_Redesign .hvn-filtes-sortby {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
position: fixed;
height: 60px;
top: 80px;
z-index: 990;
-webkit-box-shadow: 0 24px 40px 0 rgba(0, 0, 0, 0.08), 0 12px 20px 0 rgba(0, 0, 0, 0.08), 0 6px 10px 0 rgba(0, 0, 0, 0.08), 0 7px 5px -5px rgba(0, 0, 0, 0.08);
box-shadow: 0 24px 40px 0 rgba(0, 0, 0, 0.08), 0 12px 20px 0 rgba(0, 0, 0, 0.08), 0 6px 10px 0 rgba(0, 0, 0, 0.08), 0 7px 5px -5px rgba(0, 0, 0, 0.08);
background-color: #fff; }
.sticky-sortby .pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder {
margin-top: 0;
padding: 10px 100px; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .category {
display: none; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder {
max-width: 1440px;
margin: 0 auto;
padding: 10px 0;
margin-top: -10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-plp-sort-item-count-flex {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-plp-sort-item-count-flex .Showing-318-items {
width: 122px;
height: 18px;
margin: 0 16px 0 0;
font-size: 13px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: normal;
text-align: left;
color: #000; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .hvn-plp-sort-item-count-flex .Showing-318-items .text-style-1 {
font-family: "montserratsemibold"; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop {
position: relative; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-opener {
width: 200px;
height: 40px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: normal;
text-align: left;
padding: 11px 13px;
color: #000;
font-size: 13px;
border: 1px solid #999;
position: relative;
text-transform: unset;
font-family: "montserratregular"; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-opener svg {
width: 16px;
height: 16px;
fill: #000;
stroke: #000;
margin: 0 0 0 5px;
position: absolute;
top: 12px;
right: 19px;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-opener.desktop-icon svg {
-webkit-transform: rotate(180deg) !important;
-ms-transform: rotate(180deg) !important;
transform: rotate(180deg) !important; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder {
right: 0;
width: 200px;
padding: 12px 0;
display: none;
background: #fff;
position: absolute;
top: 39px;
border: 1px solid #999;
z-index: 1;
min-width: unset; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder .sortby-title-mobile {
display: none; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder ul li {
padding: 6px 15px;
position: relative;
margin: unset; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder ul li span {
font-size: 13px;
line-height: 18px;
color: #000;
text-decoration: none;
cursor: default;
white-space: nowrap;
position: relative;
display: inline-block;
font-family: "montserratregular"; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder ul li span::after {
content: unset; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder ul li::before {
content: unset; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder ul li:hover {
background-color: #f1f1f1; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder ul li:hover span {
color: #000; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder ul li:hover span::after {
background: unset; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder ul li.selected span {
font-family: "montserratsemibold"; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder .sortbar-gallery-desktop .hvn-sortby-holder ul li.selected::before {
background: unset; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .filters-toggle-btn {
float: left;
margin-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .filters-toggle-btn .showMsg,
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .filters-toggle-btn .hideMsg {
font-family: "montserratsemibold";
font-size: 16px;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.4;
letter-spacing: normal;
text-align: left;
color: #004d43;
margin-left: 8px; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .filters-toggle-btn .showMsg {
display: none; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .filters-toggle-btn .filtericon::before {
content: url("../images/svg-icons/filterhide.svg");
width: 20px;
height: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
top: 1px; }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .filters-toggle-btn .filtericon.hide::before {
content: url("../images/svg-icons/filtershow.svg"); }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .filters-toggle-btn.show .track {
background: var(--track-color); }
.pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .filters-toggle-btn.show .track .thumb {
-webkit-transform: translateX(var(--thumb-gap));
-ms-transform: translateX(var(--thumb-gap));
transform: translateX(var(--thumb-gap)); }
.pt_product-search-result.gallery_Redesign .sortby-gallery .hvn-sort-by {
display: none; }
.pt_product-search-result.gallery_Redesign .ref-values.collapsed-more,
.pt_product-search-result.gallery_Redesign .cat-values.collapsed-more {
max-height: 18rem;
overflow: hidden; }
.pt_product-search-result.gallery_Redesign .colorRefinement .ref-values.collapsed-more {
max-height: 20rem;
overflow: hidden; }
.pt_product-search-result.gallery_Redesign .content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.pt_product-search-result.gallery_Redesign .content-wrapper .primary-content {
padding-left: 40px;
padding-right: 0;
width: calc(100% - 230px); }
.pt_product-search-result.gallery_Redesign .content-wrapper .primary-content.hide-left-rail {
width: 100%;
padding-left: 0; }
.pt_product-search-result.gallery_Redesign .content-wrapper .primary-content .search-result-items {
margin-right: -20px;
margin-left: -20px; }
.pt_product-search-result.gallery_Redesign .content-wrapper .primary-content .search-result-items > li {
padding-left: 20px;
padding-right: 20px; }
.pt_product-search-result.gallery_Redesign #secondary {
width: 230px;
overflow: hidden;
display: block; }
.pt_product-search-result.gallery_Redesign #secondary.hide-left-rail {
width: 0 !important;
opacity: 0;
visibility: hidden;
display: block; }
.pt_product-search-result.gallery_Redesign #secondary .refinements {
padding-bottom: 32px; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb {
height: 17px;
margin: 40px 0 8px 0; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li {
display: inline-block;
font-family: "montserratregular";
font-size: 12px;
color: #767676; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li a {
color: #767676;
text-decoration: none; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li::after {
display: inline-block;
content: "/";
margin: 0 2px;
color: #767676; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li:last-child a {
text-decoration: none;
color: #767676;
pointer-events: inherit; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li:last-child::after {
display: none; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li:hover {
text-decoration: underline;
color: #767676; }
.pt_product-search-result.gallery_Redesign .gallery-breadcrumb .breadcrumb li:hover:last-child a {
text-decoration: none; }
.sticky-plp-SideBar-filters .pt_product-search-result.gallery_Redesign #main .refinements {
position: fixed;
z-index: 25;
width: 230px;
margin-top: 32px; }
.SideBar-scrollActive .pt_product-search-result.gallery_Redesign #main .refinements {
position: relative; } }
@media only screen and (min-width: 993px) and (min-width: 993px) and (max-width: 1480px) and (min-width: 993px) and (max-width: 1200px) {
.sticky-sortby .pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder {
padding: 10px 35px 0; } }
@media only screen and (min-width: 993px) and (min-width: 993px) and (max-width: 1480px) and (min-width: 1201px) and (max-width: 1440px) {
.sticky-sortby .pt_product-search-result.gallery_Redesign .hvn-filtes-sortby .hvn-filters-sortby-holder {
padding: 10px 100px 0; } }
.plp-filters__offset {
display: none; }
.embed-container {
--video--width: 1296;
--video--height: 1800;
position: relative;
padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
/* 41.66666667% */
overflow: hidden;
max-width: 100%;
background: white; }
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.no-result-search-page {
max-width: 1440px;
margin: 0 auto 70px;
padding: 30px 100px; }
@media only screen and (max-width: 992px) {
.no-result-search-page {
padding: 20px; } }
.no-result-search-page .no-result-frame {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 40px;
padding: 24px 0 0; }
.no-result-search-page .no-result-frame .no-result-holder {
width: 84%;
padding-left: 50px; }
@media only screen and (max-width: 992px) {
.no-result-search-page .no-result-frame {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.no-result-search-page .no-result-frame .no-result-refinements {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 30px 0 0; }
.no-result-search-page .no-result-frame .no-result-holder {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: auto;
padding: 0; } }
.no-result-search-page h1 {
font-size: 28px;
font-family: "montserratbold";
margin: 0 0 20px;
text-transform: uppercase; }
.no-result-search-page .no_hits-message {
font-size: 18px;
margin: 0 0 20px;
font-family: "abhaya_libreregular"; }
.no-result-search-page .no_hits-message .no-hits-search-term {
font-family: "montserratbold"; }
.no-result-search-page .no_hits-message p {
margin: 0 0 10px; }
.no-result-search-page .no_hits-message a {
color: #000; }
.no-result-search-page .no_hits-message a:hover {
color: #00402f;
text-decoration: none; }
.no-result-search-page .no-hits-help {
margin: 0 0 20px; }
.no-result-search-page .no-hits-help h6 {
font-family: "montserratbold";
font-size: 14px;
line-height: 24px; }
.no-result-search-page .no-hits-help ul {
font-family: "abhaya_libreregular";
line-height: 24px; }
.no-result-search-page .no-hits-help ul li {
position: relative;
padding: 0 0 0 15px; }
.no-result-search-page .no-hits-help ul li::before {
width: 0;
height: 0;
border-top: 4px solid transparent;
border-left: 8px solid #ededed;
content: "";
border-bottom: 4px solid transparent;
display: inline-block;
margin: 0 10px 0 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.no-result-search-page .no-hits-help ul li:hover::before {
border-left: 8px solid #00402f;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.no-result-search-page .no-hits-search {
margin: 0 0 20px; }
.no-result-search-page .no-hits-search label {
display: block;
font-family: "montserratbold";
font-size: 14px;
line-height: 24px; }
@media only screen and (max-width: 992px) {
.no-result-search-page .no-hits-search label {
width: 100%; } }
.no-result-search-page .no-hits-search .input-text {
height: 40px;
padding: 0 20px;
border-radius: 20px 0 0 20px;
width: 300px;
font-family: "abhaya_librebold";
font-size: 14px;
border: 1px solid #ededed; }
.no-result-search-page .no-hits-search .input-text:focus {
outline: none; }
@media only screen and (max-width: 992px) {
.no-result-search-page .no-hits-search .input-text {
width: auto;
min-width: 190px; } }
.no-result-search-page .no-hits-search button {
height: 40px;
margin: 0 0 0 -6px;
border-radius: 0 20px 20px 0;
width: 100px;
border: 1px solid #ededed;
background: #f1f1f2;
font-family: "montserratbold";
font-size: 14px; }
.no-result-search-page .no-hits-search button:focus {
outline: none; }
.no-result-search-page .no-hits-search button:hover {
background: #00402f;
color: #fff; }
.no-result-search-page .no-hits-footer {
font-family: "abhaya_libreregular";
line-height: 24px;
margin: 0 0 50px; }
.no-result-search-page .no-hits-footer a {
color: #000; }
.no-result-search-page .no-hits-footer a:hover {
color: #00402f;
text-decoration: none; }
.no-result-refinements {
width: 16%; }
@media only screen and (max-width: 992px) {
.no-result-refinements {
width: auto; } }
.no-result-refinements .refinement-header {
font-size: 16px;
font-family: "montserratbold";
margin: 0 0 10px;
padding: 0 0 7px;
border-bottom: 1px solid #ededed; }
.no-result-refinements #category-level-1 > li {
margin: 0 0 10px; }
.no-result-refinements #category-level-1 > li > a {
text-decoration: none;
color: #000;
font-size: 14px;
font-family: "montserratbold"; }
.no-result-refinements #category-level-1 > li > #category-level-2 {
padding: 10px 0 0 15px; }
.no-result-refinements #category-level-1 > li > #category-level-2 > li {
margin: 0 0 5px; }
.no-result-refinements #category-level-1 > li > #category-level-2 > li > a {
text-decoration: none;
color: #000;
font-size: 14px;
font-family: "abhaya_libreregular"; }
.no-result-refinements #category-level-1 > li > #category-level-2 > li > a:hover {
color: #00402f;
text-decoration: underline; }
.recommendations,
.product-recommendations {
max-width: 850px; }
.recommendations .tiles-container,
.product-recommendations .tiles-container {
display: none; }
.recommendations .tiles-container.slick-initialized,
.product-recommendations .tiles-container.slick-initialized {
display: block; }
.recommendations .carousel-header,
.product-recommendations .carousel-header {
text-align: center;
margin: 0 0 40px;
text-align: center !important; }
.recommendations .carousel-header .type-hero-sub-small,
.product-recommendations .carousel-header .type-hero-sub-small {
font-family: "abhaya_libreregular";
line-height: 24px;
font-size: 24px;
margin: 0 0 10px; }
.recommendations .carousel-header .type-hero-small,
.product-recommendations .carousel-header .type-hero-small {
font-size: 30px;
text-transform: uppercase;
font-family: "montserratregular";
text-align: center !important; }
.recommendations .slick-dots,
.product-recommendations .slick-dots {
text-align: center;
margin: 0.9375rem 0 0; }
.recommendations .slick-dots li,
.product-recommendations .slick-dots li {
text-align: center;
display: inline-block;
margin: 0 4px; }
.recommendations .slick-dots li button,
.product-recommendations .slick-dots li button {
cursor: pointer;
width: 8px;
height: 8px;
overflow: hidden;
text-indent: -9999px;
border-radius: 100%;
border: 0;
background: #d2d9d1;
min-height: 1px;
min-width: 1px;
padding: 0;
margin: 0; }
.recommendations .slick-dots li.slick-active button,
.product-recommendations .slick-dots li.slick-active button {
background: #00402f; }
.recommendations .product-swatches,
.product-recommendations .product-swatches {
margin: 0 0 15px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.recommendations .product-swatches .product-swatches-all,
.product-recommendations .product-swatches .product-swatches-all {
cursor: pointer;
color: #231f20; }
.recommendations .product-swatches .product-swatches-all:hover + ul.swatch-toggle,
.product-recommendations .product-swatches .product-swatches-all:hover + ul.swatch-toggle {
display: block;
z-index: 1; }
.recommendations .product-swatches .swatch-list,
.product-recommendations .product-swatches .swatch-list {
/*display: flex;
align-items: center;*/
overflow: hidden; }
.recommendations .product-swatches .swatch-list.swatch-toggle,
.product-recommendations .product-swatches .swatch-list.swatch-toggle {
background: none repeat scroll 0 0 #fff;
display: none;
position: absolute;
padding: 1rem 0.6875rem;
-webkit-box-shadow: 0 0 9px 0 #ddd;
box-shadow: 0 0 9px 0 #ddd;
top: -16px;
left: -11px; }
.recommendations .product-swatches .swatch-list.swatch-toggle:hover,
.product-recommendations .product-swatches .swatch-list.swatch-toggle:hover {
display: block;
z-index: 1; }
.recommendations .product-swatches .swatch-list li,
.product-recommendations .product-swatches .swatch-list li {
margin: 0 7px 0 0;
float: left; }
@media only screen and (max-width: 992px) {
.recommendations .product-swatches .swatch-list li,
.product-recommendations .product-swatches .swatch-list li {
margin: 0 3px 0 0; } }
.recommendations .product-swatches .swatch-list li a,
.product-recommendations .product-swatches .swatch-list li a {
display: block;
width: 23px;
height: 23px;
border-radius: 100%;
padding: 1px;
border: 1px solid transparent; }
@media only screen and (max-width: 992px) {
.recommendations .product-swatches .swatch-list li a,
.product-recommendations .product-swatches .swatch-list li a {
width: 19px;
height: 19px; } }
.recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-salt"], .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-ivory"], .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-stone"], .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-warm_sand"], .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-sea_salt"], .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-white"], .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-bone"], .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-cloud_nine"],
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-salt"],
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-ivory"],
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-stone"],
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-warm_sand"],
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-sea_salt"],
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-white"],
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-bone"],
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-cloud_nine"] {
position: relative; }
.recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-salt"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-ivory"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-stone"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-warm_sand"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-sea_salt"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-white"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-bone"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-cloud_nine"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-salt"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-ivory"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-stone"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-warm_sand"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-sea_salt"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-white"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-bone"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-cloud_nine"]::before {
content: "";
border: 1px solid #ddd;
height: 19px;
width: 19px;
border-radius: 50%;
position: absolute;
top: 1px;
left: 1px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
@media only screen and (max-width: 992px) {
.recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-salt"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-ivory"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-stone"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-warm_sand"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-sea_salt"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-white"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-bone"]::before, .recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-cloud_nine"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-salt"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-ivory"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-stone"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-warm_sand"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-sea_salt"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-white"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-bone"]::before,
.product-recommendations .product-swatches .swatch-list li a[data-swatchid="swatch-cloud_nine"]::before {
width: 15px;
height: 15px; } }
.recommendations .product-swatches .swatch-list li a.selected,
.product-recommendations .product-swatches .swatch-list li a.selected {
border: 1px solid #00402f;
margin: 0; }
.recommendations .product-swatches .swatch-list li a.selected img,
.product-recommendations .product-swatches .swatch-list li a.selected img {
border: 2px solid #fff; }
.recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-salt"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-ivory"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-stone"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-warm_sand"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-sea_salt"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-white"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-bone"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-cloud_nine"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-salt"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-ivory"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-stone"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-warm_sand"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-sea_salt"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-white"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-bone"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-cloud_nine"]::before {
content: "";
height: 15px;
width: 15px;
top: 3px;
left: 3px; }
@media only screen and (max-width: 992px) {
.recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-salt"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-ivory"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-stone"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-warm_sand"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-sea_salt"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-white"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-bone"]::before, .recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-cloud_nine"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-salt"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-ivory"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-stone"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-warm_sand"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-sea_salt"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-white"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-bone"]::before,
.product-recommendations .product-swatches .swatch-list li a.selected[data-swatchid="swatch-cloud_nine"]::before {
height: 11px;
width: 11px; } }
.recommendations .product-swatches .swatch-list li a img,
.product-recommendations .product-swatches .swatch-list li a img {
display: block;
width: 19px;
height: 19px;
border-radius: 100%; }
@media only screen and (max-width: 992px) {
.recommendations .product-swatches .swatch-list li a img,
.product-recommendations .product-swatches .swatch-list li a img {
width: 15px;
height: 15px; } }
.recommendations .carousel-wrapper .product-tile,
.product-recommendations .carousel-wrapper .product-tile {
position: relative;
padding-right: 10px;
padding-left: 10px; }
.recommendations .carousel-wrapper .product-tile .product-name,
.product-recommendations .carousel-wrapper .product-tile .product-name {
margin: 0 0 10px; }
.recommendations .carousel-wrapper .product-tile .product-name a,
.product-recommendations .carousel-wrapper .product-tile .product-name a {
font-family: "montserratbold";
color: #232020;
font-size: 14px;
line-height: 19px;
text-transform: uppercase;
text-decoration: none; }
.recommendations .carousel-wrapper .product-tile .product-pricing,
.product-recommendations .carousel-wrapper .product-tile .product-pricing {
font-family: "montserratbold";
color: #232020;
font-size: 14px;
margin: 0 0 15px; }
.recommendations .carousel-wrapper .product-tile .product-pricing .product-standard-price,
.product-recommendations .carousel-wrapper .product-tile .product-pricing .product-standard-price {
text-decoration: line-through; }
.recommendations .carousel-wrapper .product-tile .product-pricing .product-standard-price + .product-sales-price,
.product-recommendations .carousel-wrapper .product-tile .product-pricing .product-standard-price + .product-sales-price {
color: #a52220; }
.recommendations .carousel-wrapper .product-tile .product-description,
.product-recommendations .carousel-wrapper .product-tile .product-description {
font-family: "abhaya_libreregular";
color: #232020;
font-size: 16px;
line-height: 19px;
margin: 0 0 10px;
max-height: 57px;
overflow: hidden; }
@media only screen and (max-width: 992px) {
.recommendations .carousel-wrapper .product-tile .product-description,
.product-recommendations .carousel-wrapper .product-tile .product-description {
display: none; } }
.recommendations .carousel-wrapper .product-tile .thumb-link,
.product-recommendations .carousel-wrapper .product-tile .thumb-link {
position: relative;
overflow: hidden;
display: block; }
.recommendations .carousel-wrapper .product-tile .thumb-link .tile-mood-image,
.product-recommendations .carousel-wrapper .product-tile .thumb-link .tile-mood-image {
position: absolute;
left: 100%;
width: 100%;
top: 0;
bottom: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.recommendations .carousel-wrapper .product-tile .thumb-link .tile-mood-image img,
.product-recommendations .carousel-wrapper .product-tile .thumb-link .tile-mood-image img {
width: 100%; }
.recommendations .carousel-wrapper .product-image,
.product-recommendations .carousel-wrapper .product-image {
margin: 0 0 20px; }
.recommendations .carousel-wrapper .product-image img,
.product-recommendations .carousel-wrapper .product-image img {
width: 100%;
height: auto; }
.recommendations .carousel-wrapper .slick-arrow,
.product-recommendations .carousel-wrapper .slick-arrow {
position: absolute;
top: 32% !important;
width: 24px;
height: 24px;
border: 0;
overflow: hidden;
text-indent: -9999px;
border-radius: 8px;
cursor: pointer; }
.recommendations .carousel-wrapper .slick-arrow.slick-prev,
.product-recommendations .carousel-wrapper .slick-arrow.slick-prev {
left: -24px;
background: url("../images/haven-images/svg/arrow-left-hvn.svg") no-repeat;
background-position: center center; }
.recommendations .carousel-wrapper .slick-arrow.slick-next,
.product-recommendations .carousel-wrapper .slick-arrow.slick-next {
right: -24px;
background: url("../images/haven-images/svg/arrow-right-hvn.svg") no-repeat;
background-position: center center; }
.recommendations .carousel-wrapper .slick-arrow:focus,
.product-recommendations .carousel-wrapper .slick-arrow:focus {
outline: none; }
.horizontalcarousel-with-callout {
margin: 0 !important;
width: auto !important; }
@media (max-width: 767.98px) {
.horizontalcarousel-with-callout .slick-list {
padding-left: 0 !important; } }
a[data-swatchid="swatch-white"] {
border: 1px solid #ededed; }
.short-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
opacity: 0.01;
background: #fff;
z-index: -1; }
.align-content-center {
text-align: center;
margin: 15px auto; }
.category-name {
text-transform: uppercase !important; }
.category-name h1 {
text-transform: uppercase !important; }
@media only screen and (min-width: 993px) {
.category-name {
margin: 8px 0 40px 20px;
font-family: "montserratregular";
line-height: 1.4;
color: #004d43; } }
@media only screen and (min-width: 993px) and (max-width: 1200px) {
.category-name {
margin: 8px 0 40px 20px; } }
@media only screen and (max-width: 992px) {
.category-name {
display: none; } }
.align-img .html-slot-container img {
max-width: 1240px;
height: auto;
width: calc(100% - 200px); }
@media only screen and (min-width: 993px) and (max-width: 1200px) {
.align-img .html-slot-container img {
width: calc(100% - 70px); } }
@media only screen and (max-width: 992px) {
.align-img .html-slot-container img {
width: 100%; } }
.breadcrumb {
background: none;
border-radius: 0;
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #000;
font-style: normal;
display: block;
padding: 0;
margin: 0.9375rem 0; }
.breadcrumb li {
line-height: normal;
font-style: normal; }
.breadcrumb li::after {
content: " /";
margin: 0 .5em 0 .3em; }
.breadcrumb li:last-child,
.breadcrumb li .last {
font-style: normal; }
.breadcrumb li:last-child::after,
.breadcrumb li .last::after {
margin-right: 0; }
.breadcrumb li a:hover {
text-decoration: underline; }
.hvn-breadcrumb {
padding: 0 100px;
margin: 33px auto 31px;
max-width: 1440px; }
@media only screen and (max-width: 1200px) {
.hvn-breadcrumb {
padding: 0 35px; } }
@media only screen and (max-width: 992px) {
.hvn-breadcrumb {
padding: 0 20px;
margin: 10px 0 14px; } }
.hvn-breadcrumb li {
display: inline-block;
font-family: "montserratregular";
font-size: 16px; }
@media only screen and (max-width: 992px) {
.hvn-breadcrumb li {
font-size: 12px; } }
.hvn-breadcrumb li a {
color: #231f20;
text-decoration: none; }
@media only screen and (max-width: 992px) {
.hvn-breadcrumb li a {
text-decoration: underline; } }
.hvn-breadcrumb li::after {
display: inline-block;
content: "/"; }
.hvn-breadcrumb li:last-child {
color: #5a5758;
font-family: "montserratlight"; }
.hvn-breadcrumb li:last-child a {
pointer-events: none;
text-decoration: none;
color: #5a5758; }
@media only screen and (max-width: 992px) {
.hvn-breadcrumb li:last-child a {
text-decoration: none; } }
.hvn-breadcrumb li:last-child::after {
display: none; }
.hvn-breadcrumb li:hover {
text-decoration: underline;
color: #00402f; }
.hvn-breadcrumb li:hover:last-child a {
text-decoration: none; }
.pdp-main .leaflet-container {
background: transparent;
z-index: 50; }
.pdp-main .leaflet-container.leaflet-touch .leaflet-control-layers,
.pdp-main .leaflet-container.leaflet-touch .leaflet-bar {
display: none; }
.pdp-main .leaflet-container .tapbtn {
position: absolute;
top: calc(50%);
z-index: 999;
background: rgba(255, 255, 255, 0.6);
height: 30px;
left: calc(50% - 90px);
width: 180px;
color: rgba(0, 0, 0, 0.72);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: capitalize;
border: 1px solid rgba(255, 255, 255, 0.25);
font-weight: bold; }
.hvn-product-compliments {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 100px 114px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (max-width: 1200px) {
.hvn-product-compliments {
padding: 0 35px 60px; } }
@media only screen and (max-width: 992px) {
.hvn-product-compliments {
padding: 0 0 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden; } }
.hvn-product-compliments .compliments-text-info {
width: 21%; }
@media only screen and (max-width: 1200px) {
.hvn-product-compliments .compliments-text-info {
width: 25%; } }
@media only screen and (max-width: 992px) {
.hvn-product-compliments .compliments-text-info {
width: auto;
text-align: center;
padding: 0 20px; } }
.hvn-product-compliments .compliments-text-info span {
font-family: "montserratsemibold";
font-size: 12px;
text-transform: uppercase;
display: block;
color: #231f20;
margin: 0 0 32px;
letter-spacing: 0.6px;
line-height: 15px; }
@media only screen and (max-width: 992px) {
.hvn-product-compliments .compliments-text-info span {
margin: 0 0 20px;
letter-spacing: 0.6px;
font-size: 10px; } }
.hvn-product-compliments .compliments-text-info h2 {
font-family: "montserratlight";
font-size: 38px;
line-height: 48px;
margin: 0 0 17px; }
@media only screen and (max-width: 992px) {
.hvn-product-compliments .compliments-text-info h2 {
font-size: 26px;
line-height: 34px;
margin: 0 0 12px; } }
.hvn-product-compliments .compliments-text-info p {
font-family: "montserratlight";
line-height: 26px;
font-size: 16px;
color: #5a5758; }
@media only screen and (max-width: 992px) {
.hvn-product-compliments .compliments-text-info p {
margin: 0 0 26px; }
.hvn-product-compliments .compliments-text-info p br {
display: none; } }
.hvn-product-compliments .compliments-products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 79%;
padding: 0 0 0 35px;
position: relative;
left: 10px; }
@media only screen and (max-width: 1200px) {
.hvn-product-compliments .compliments-products {
width: 75%; } }
@media only screen and (max-width: 992px) {
.hvn-product-compliments .compliments-products {
width: auto;
overflow-x: auto;
max-width: 100%;
padding: 0 0 20px 6px; } }
.hvn-product-compliments .compliments-products .compliments-prd-col {
padding: 0 10px;
width: 33.333%; }
@media only screen and (max-width: 992px) {
.hvn-product-compliments .compliments-products .compliments-prd-col {
width: 50%;
min-width: 160px;
padding: 0 5px; } }
.hvn-product-compliments .compliments-products .compliments-prd-col a {
color: #231f20;
text-align: center;
text-decoration: none;
display: block;
font-family: "abhaya_libreregular"; }
.hvn-product-compliments .compliments-products .compliments-prd-col a:hover {
color: #00402f; }
.hvn-product-compliments .compliments-products .compliments-prd-col span {
font-family: "abhaya_libreregular";
font-size: 16px;
display: block;
text-align: center;
line-height: 18px;
color: #5a5758; }
@media only screen and (max-width: 992px) {
.hvn-product-compliments .compliments-products .compliments-prd-col span {
font-size: 12px;
text-align: left; } }
.hvn-product-compliments .compliments-products .compliments-prd-col img {
width: 100%;
height: auto; }
.hvn-product-compliments .compliments-products .compliments-prd-col h3 {
font-family: "montserratregular";
font-size: 16px;
line-height: 18px;
margin: 16px 0 12px; }
@media only screen and (max-width: 992px) {
.hvn-product-compliments .compliments-products .compliments-prd-col h3 {
font-size: 14px;
margin: 5px 0; } }
.hvn-product-goodwith {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 38px 100px 107px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media only screen and (max-width: 1200px) {
.hvn-product-goodwith {
padding: 60px 35px; } }
@media only screen and (max-width: 992px) {
.hvn-product-goodwith {
padding: 32px 0 24px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden; } }
.hvn-product-goodwith .goodwith-text-info {
width: 21%; }
@media only screen and (max-width: 1200px) {
.hvn-product-goodwith .goodwith-text-info {
width: 27%; } }
@media only screen and (max-width: 992px) {
.hvn-product-goodwith .goodwith-text-info {
width: auto;
text-align: center;
padding: 0 20px; } }
.hvn-product-goodwith .goodwith-text-info span {
font-family: "montserratsemibold";
font-size: 12px;
text-transform: uppercase;
display: block;
color: #231f20;
margin: 0 0 32px;
letter-spacing: 0.5px;
line-height: 15px; }
@media only screen and (max-width: 992px) {
.hvn-product-goodwith .goodwith-text-info span {
margin: 0 0 20px;
letter-spacing: 0.6px;
font-size: 10px; } }
.hvn-product-goodwith .goodwith-text-info h2 {
font-family: "montserratlight";
font-size: 38px;
line-height: 48px;
margin: 0 0 17px; }
@media only screen and (max-width: 992px) {
.hvn-product-goodwith .goodwith-text-info h2 {
font-size: 26px;
line-height: 35px;
margin: 0 0 10px; } }
.hvn-product-goodwith .goodwith-text-info p {
font-family: "montserratlight";
line-height: 26px;
font-size: 16px;
color: #5a5758; }
@media only screen and (max-width: 992px) {
.hvn-product-goodwith .goodwith-text-info p {
margin: 0 0 28px; } }
.hvn-product-goodwith .goodwith-products {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 79%;
padding: 0 0 0 35px;
position: relative; }
@media only screen and (max-width: 1200px) {
.hvn-product-goodwith .goodwith-products {
width: 75%; } }
@media only screen and (max-width: 992px) {
.hvn-product-goodwith .goodwith-products {
width: auto;
overflow-x: auto;
max-width: 100%;
padding: 0 0 8px; } }
.hvn-product-goodwith .goodwith-products .goodwith-prd-col {
padding: 0 10px;
width: 33.333%; }
@media only screen and (max-width: 992px) {
.hvn-product-goodwith .goodwith-products .goodwith-prd-col {
width: 50%;
min-width: 160px;
padding: 0 5px; } }
.hvn-product-goodwith .goodwith-products .goodwith-prd-col a {
color: #231f20;
text-align: center;
text-decoration: none;
display: block;
font-family: "abhaya_libreregular"; }
.hvn-product-goodwith .goodwith-products .goodwith-prd-col a:hover {
color: #00402f; }
.hvn-product-goodwith .goodwith-products .goodwith-prd-col span {
font-family: "abhaya_libreregular";
font-size: 16px;
display: block;
text-align: center;
line-height: 18px;
color: #5a5758; }
@media only screen and (max-width: 992px) {
.hvn-product-goodwith .goodwith-products .goodwith-prd-col span {
font-size: 14px;
text-align: left; } }
.hvn-product-goodwith .goodwith-products .goodwith-prd-col img {
width: 100%;
height: auto; }
.hvn-product-goodwith .goodwith-products .goodwith-prd-col h3 {
font-family: "montserratregular";
font-size: 16px;
line-height: 20px;
margin: 16px 0 12px; }
@media only screen and (max-width: 992px) {
.hvn-product-goodwith .goodwith-products .goodwith-prd-col h3 {
font-size: 14px;
margin: 5px 0;
letter-spacing: 0;
line-height: 18px; } }
.product-mood-exp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 120px 50px 0;
overflow: hidden; }
.product-mood-exp .prd-mood-image {
width: 70%; }
.product-mood-exp .prd-mood-image img {
max-width: 650px;
height: auto;
margin: 0 auto -4px;
display: block; }
.product-mood-exp .prd-mood-text {
width: 20%;
padding: 40px 0 0; }
.product-mood-exp .prd-mood-text span {
font-family: "montserratbold";
font-size: 12px;
text-transform: uppercase; }
.product-mood-exp .prd-mood-text h2 {
font-family: "montserratregular";
font-size: 36px;
line-height: 42px;
margin: 10px 0 24px; }
.product-mood-exp .prd-mood-text p {
font-family: "abhaya_libreregular";
line-height: 24px;
font-size: 18px; }
.product-insider-reviews {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 126px; }
@media only screen and (max-width: 1200px) {
.product-insider-reviews {
margin: 0 0 60px; } }
@media only screen and (max-width: 992px) {
.product-insider-reviews {
margin: 0 0 40px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center; } }
.product-insider-reviews .product-insider,
.product-insider-reviews .community-reviews {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 80px 100px 75px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media only screen and (max-width: 1200px) {
.product-insider-reviews .product-insider,
.product-insider-reviews .community-reviews {
padding: 105px 35px 60px; } }
@media only screen and (max-width: 992px) {
.product-insider-reviews .product-insider,
.product-insider-reviews .community-reviews {
padding: 80px 20px 38px;
position: relative; } }
.product-insider-reviews .insider-title-small {
font-size: 12px;
text-transform: uppercase;
display: block;
margin: 0;
font-family: "montserratsemibold";
color: #231f20;
letter-spacing: 0.6px;
line-height: 15px; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .insider-title-small {
position: absolute;
top: 40px;
left: 0;
right: 0;
font-size: 10px; } }
.product-insider-reviews .product-insider {
background: #dbe8ed; }
.product-insider-reviews .community-reviews {
background: #f4e3d8; }
@media only screen and (max-width: 1200px) {
.product-insider-reviews .community-reviews {
padding: 105px 35px 60px; } }
.product-insider-reviews .community-reviews .content-asset {
width: 100%; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .community-reviews {
padding: 80px 20px 38px; } }
.product-insider-reviews .community-reviews p {
font-family: "abhaya_libreregular";
line-height: 24px;
margin: 0 0 20px; }
.product-insider-reviews .community-reviews .reviews-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.product-insider-reviews .community-reviews .reviews-col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 20px; }
.product-insider-reviews .community-reviews .reviews-col .reviews-star {
margin: 20px 0 15px; }
.product-insider-reviews .community-reviews .reviews-col .reviews-star img {
width: 14px;
height: 14px;
display: inline-block; }
.product-insider-reviews .community-reviews .reviews-col h3 {
font-family: "montserratbold";
font-size: 14px;
margin: 0 0 12px;
text-transform: uppercase; }
.product-insider-reviews .community-reviews .reviews-col .author {
font-family: "montserratbold";
font-size: 12px; }
.product-insider-reviews .product-insider-holder p {
font-family: "montserratlight";
line-height: 26px;
margin: 0 0 30px;
font-size: 16px;
color: #5a5758;
min-height: 78px; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .product-insider-holder p {
font-size: 16px;
margin: 0 0 15px;
line-height: 28px; } }
.product-insider-reviews .product-insider-holder a {
font-size: 14px;
color: #5c7f71;
text-transform: uppercase;
font-family: "montserratsemibold";
letter-spacing: 0.6px;
position: relative; }
.product-insider-reviews .product-insider-holder a.border-link-holder {
padding: 0 0 5px;
border-bottom: 0; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .product-insider-holder a.border-link-holder {
padding: 0; } }
.product-insider-reviews .product-insider-holder a::after {
content: "";
width: 58px;
position: absolute;
left: 0;
bottom: 0;
height: 1px;
background: #5c7f71; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .product-insider-holder a::after {
width: 56%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } }
.product-insider-reviews .product-insider-holder a:hover {
color: #00402f; }
.product-insider-reviews .product-insider-holder a:hover::after {
background: #00402f; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .product-insider-holder a {
font-size: 10px;
letter-spacing: 0.5px; } }
.product-insider-reviews .product-insider-holder .insider-story {
overflow: hidden;
margin: 0 0 28px; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .product-insider-holder .insider-story {
margin: 0; } }
.product-insider-reviews .product-insider-holder .insider-story .insider-image {
float: left;
width: 170px;
height: 170px;
border-radius: 100%;
overflow: hidden;
margin: 0 40px 0 0; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .product-insider-holder .insider-story .insider-image {
display: block;
float: none;
margin: 0 auto;
width: 150px;
height: 150px; } }
.product-insider-reviews .product-insider-holder .insider-story .insider-image img {
width: 170px;
height: 170px;
border-radius: 100%; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .product-insider-holder .insider-story .insider-image img {
width: 150px;
height: 150px; } }
.product-insider-reviews .product-insider-holder .insider-story .insider-info-text {
overflow: hidden; }
.product-insider-reviews .product-insider-holder .insider-story .insider-info-text h2 {
font-family: "montserratlight";
font-size: 38px;
line-height: 48px;
margin: 0 0 18px;
color: #231f20;
max-width: 180px;
padding-top: 23px; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .product-insider-holder .insider-story .insider-info-text h2 {
font-size: 26px;
line-height: 34px;
margin: 21px 0 8px;
max-width: inherit;
padding-top: 0; } }
.product-insider-reviews .product-insider-holder .insider-story .insider-info-text .insider-prof {
font-family: "montserratlight";
text-transform: capitalize;
font-size: 16px;
line-height: 19px;
color: #5a5758;
letter-spacing: 0; }
@media only screen and (max-width: 992px) {
.product-insider-reviews .product-insider-holder .insider-story .insider-info-text .insider-prof {
position: static;
font-size: 16px;
margin: 0 0 10px; } }
.hvn-reviews-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media only screen and (max-width: 992px) {
.hvn-reviews-holder {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.hvn-reviews-holder .community-top-review {
width: 32%; }
@media only screen and (max-width: 992px) {
.hvn-reviews-holder .community-top-review {
width: auto; } }
.hvn-reviews-holder .community-top-review h2 {
font-family: "montserratlight";
font-size: 38px;
color: #231f20;
margin: 0 0 30px; }
@media only screen and (max-width: 992px) {
.hvn-reviews-holder .community-top-review h2 {
font-size: 28px;
margin: 0 0 15px; } }
.hvn-reviews-holder .community-top-review a {
font-size: 14px;
color: #5c7f71;
text-transform: uppercase;
font-family: "montserratsemibold";
letter-spacing: 0.6px;
position: relative; }
.hvn-reviews-holder .community-top-review a.border-link-holder {
padding: 0 0 5px;
border-bottom: 0; }
.hvn-reviews-holder .community-top-review a::after {
content: "";
width: 40%;
position: absolute;
left: 0;
bottom: 0;
height: 1px;
background: #5c7f71; }
.hvn-reviews-holder .community-reviews-list {
width: 68%;
padding-left: 100px; }
@media only screen and (max-width: 992px) {
.hvn-reviews-holder .community-reviews-list {
padding: 0;
width: auto; } }
.add-to-cart-modal-recommendations .slick-track {
margin: 0; }
.pt_product-details .back-to-top {
bottom: 85px;
z-index: 15; }
.clearfix::after {
content: "";
display: table;
clear: both; }
.gc {
font-size: 13px; }
@media only screen and (min-width: 768px) {
.gc {
padding: 0; }
.gc .product-col-1 {
float: right;
width: 33%; }
.gc .product-col-2 {
float: left;
width: 55%;
text-align: center; }
.gc .product-col-3 {
float: right;
width: 33%; } }
.gc .error {
color: #aa1e26; }
.gc input.error {
border: 1px solid #aa1e26; }
.gc .product-col-1 h1 {
margin: 16px 0 8px;
font-size: 24px;
text-transform: uppercase;
font-weight: 400;
color: #49443e; }
.gc .product-col-1 .pdp-secondary-line {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #ddd; }
.gc .product-col-1 .product-number {
font-size: 14px;
color: #49443e; }
@media (max-width: 767.98px) {
.gc .product-col-1 .product-number {
font-size: 13px; } }
.gc .product-col-3 {
margin-bottom: 40px; }
.gc .product-col-3 .button-row {
margin-top: 12px;
text-align: center; }
.gc .product-col-3 .button-row .button:first-child {
margin-right: 10px; }
.gc .product-col-3 .button-row .button {
width: calc(50% - 5px);
max-width: 205px;
line-height: 1em;
padding: 11px 20px;
min-height: 40px;
font-weight: 700;
font-size: 16px;
display: inline-block;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-width: 1px;
border-style: solid;
border-radius: 0;
letter-spacing: 0.3px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
border-color: #000;
background-color: transparent;
color: #000; }
.gc .product-col-3 .button-row .button:hover,
.gc .product-col-3 .button-row .button:focus,
.gc .product-col-3 .button-row .button:active {
background-color: #000;
color: #fff; }
.gc .product-col-3 .button-row .button.disabled {
pointer-events: none;
cursor: default;
background-color: #000;
color: #fff; }
.gc .product-col-3 .product-description {
margin: 20px 0;
padding-bottom: 12px; }
.gc .product-col-3 .product-description ul {
padding-left: 15px;
list-style: disc;
list-style-image: url("../images/svg-icons/bullet.svg"); }
.gc .product-col-3 .product-description li {
line-height: 24px; }
.gc .product-col-3 .custom {
display: none; }
.gc .product-col-3 .custom .label-above {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.gc .product-col-3 .custom label {
display: block;
margin-bottom: 5px; }
.gc .product-col-3 .custom .required-indicator {
display: none; }
.gc .product-col-3 .custom .field-wrapper {
position: relative;
max-width: 100px; }
.gc .product-col-3 .custom input {
font-size: 12px;
height: 40px;
padding: 0 17px;
border: 1px solid #ddd;
background: #fff;
color: #000;
width: 100%; }
.gc .product-col-3 .amount .error {
display: block;
margin-top: 4px; }
.gc .product-col-3 .buttons {
margin-top: 12px;
margin-bottom: 13px; }
.gc .product-col-3 .buttons button {
margin: 0 7px 7px 0;
width: 100px;
height: 32px;
font-size: 14px;
line-height: 16px;
font-weight: 700;
display: inline-block;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-width: 1px;
border-style: solid;
border-radius: 0;
letter-spacing: 0.3px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
border-color: #000;
background-color: transparent;
color: #000; }
.gc .product-col-3 .buttons button:hover,
.gc .product-col-3 .buttons button:focus,
.gc .product-col-3 .buttons button:active {
background-color: #000;
color: #fff; }
.gc .product-col-3 .buttons .selected {
color: #fff;
background-color: #000; }
.gc .product-col-3 .attribute {
margin: 22px 0 0 0; }
.gc .product-col-3 .selected-label {
margin-bottom: 16px; }
.gc .product-col-3 .color {
padding: 0 0 0 16px; }
.gc .product-col-3 .product-variations .label,
.gc .product-col-3 .product-variations .selected-value {
text-transform: capitalize;
font-size: 13px; }
.gc .product-col-3 .product-variations .color {
padding: 0; }
.gc .product-col-3 .product-variations .color a img {
width: auto;
height: auto; }
.gc .product-col-3 .product-variations .label::after {
position: relative;
left: -3px;
content: ":"; }
.gc .product-col-3 .product-variations .swatchanchor {
display: block;
margin: 0 7px 22px 0;
width: 51px;
height: 36px;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.gc .product-col-3 .product-variations ul {
padding: 0 0 0 16px;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
max-width: calc(100% - 82px); }
.gc .product-col-3 .product-variations li {
position: relative;
float: left; }
.gc .product-col-3 .optional-message {
margin-top: 25px; }
.gc .product-col-3 .message {
padding: 17px 18px;
border: 1px solid #ddd;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
position: relative;
overflow: hidden; }
.gc .product-col-3 .message .label {
font-weight: 700;
font-size: 13px;
line-height: 18px;
cursor: pointer; }
.gc .product-col-3 .message .openclose {
position: absolute;
top: 24px;
right: 20px; }
.gc .product-col-3 .message button {
height: 32px;
font-size: 14px;
line-height: 16px;
font-weight: 700;
display: inline-block;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-width: 1px;
border-style: solid;
border-radius: 0;
letter-spacing: 0.3px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
border-color: #000;
background-color: transparent;
color: #000; }
.gc .product-col-3 .message button:hover,
.gc .product-col-3 .message button:focus,
.gc .product-col-3 .message button:active {
background-color: #000;
color: #fff; }
.gc .product-col-3 .message .minus-black {
display: block; }
.gc .product-col-3 .message .plus-black {
display: none; }
.gc .product-col-3 .message.hidden {
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content; }
.gc .product-col-3 .message.hidden .openclose {
top: 20px; }
.gc .product-col-3 .message.hidden .msg {
max-height: 0; }
.gc .product-col-3 .message.hidden .minus-black {
display: none; }
.gc .product-col-3 .message.hidden .plus-black {
display: block; }
.gc .product-col-3 .message .msg {
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
overflow: hidden; }
.gc .product-col-3 .message .msg .form-row {
margin: 8px 0 16px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.gc .product-col-3 .message .msg label {
text-transform: none;
font-weight: 700;
font-size: 13px;
line-height: 18px;
display: block; }
.gc .product-col-3 .message .msg .field-wrapper {
width: 100%;
float: none;
padding-left: 0;
position: relative; }
.gc .product-col-3 .message .msg input {
width: 100%;
margin: 6px 0; }
.gc .product-col-3 .message .msg textarea {
width: 100%;
height: 130px;
padding: 10px 17px;
font-size: 12px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.gc .product-col-3 .message .msg .char-count {
font-style: italic;
margin-top: 8px;
line-height: 24px;
color: #999;
font-size: 12px; }
.gc .product-col-3 .message .msg .char-remain-count {
padding-right: 5px; }
.gc .product-col-3 .message .msg .char-allowed-count {
padding-left: 5px; }
.gc .product-col-3 .svg-minus-black-dims,
.gc .product-col-3 .svg-plus-black-dims {
width: 10px;
height: 10px; }
.gc .product-col-3 .product-add-to-cart {
padding: 16px 0; }
.gc .product-col-3 .product-add-to-cart .add-to-cart-gc {
min-height: 50px;
color: #fff;
border: 0;
background-color: #5c7f71;
width: 100%;
padding: 16px 20px;
font-size: 17px;
text-transform: uppercase;
font-weight: 700;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
letter-spacing: 0.3px; }
.gc .product-col-3 .product-add-to-cart .add-to-cart-gc.disabled {
color: #616161;
background-color: #ddd;
font-size: 14px; }
.gc .product-col-3 .product-add-to-cart .sticky .add-to-cart-gc {
min-height: 40px;
height: 40px;
padding: 10px 24px;
font-size: 14px; }
.gc .product-col-3 .balance-title {
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
margin: 12px 0; }
.gc .primary-image {
max-width: 100%; }
.giftcard-haven-copy-disabled {
margin: auto;
width: 40%;
padding: 30px;
line-height: 1.6; }
@media only screen and (max-width: 992px) {
.giftcard-haven-copy-disabled {
width: 80%; } }
#gc-balance-form .g-recaptcha {
margin-bottom: 0.625rem; }
@media only screen and (min-width: 768px) and (max-width: 840px) and (orientation: portrait) {
#gc-balance-form .g-recaptcha {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0; } }
#gc-balance-form button.disabled,
#gc-balance-form button[disabled] {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
.hvn-pdp-redesign #main {
margin: auto;
width: calc(100% - 30px);
max-width: 1280px; }
@media (max-width: 767.98px) {
.hvn-pdp-redesign #main {
width: calc(100% - 40px); } }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-name {
font: 400 24px/33.6px "montserratregular";
letter-spacing: normal;
color: #49443e;
margin-bottom: 8px; }
@media (max-width: 767.98px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-name {
font-size: 20px;
line-height: 28px; } }
.hvn-pdp-redesign .pdp-main:not(.gc) .pdp-secondary-line {
margin-bottom: 0;
padding-bottom: 10px;
border: none; }
@media (max-width: 767.98px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .pdp-secondary-line {
padding-bottom: 0; } }
.hvn-pdp-redesign .pdp-main:not(.gc) .pdp-secondary-line .product-number {
color: #49443e;
font: 400 14px/19.6px "montserratregular";
margin: 2px 0; }
@media (max-width: 767.98px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .pdp-secondary-line .product-number {
font-size: 13px;
line-height: 18px; } }
@media screen and (max-width: 1080px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .pdp-secondary-line .product-number {
margin: 8px 0 0; } }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart {
border-top: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
@media (max-width: 767.98px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart {
padding: 16px 0; } }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .inventory .quantity-module {
margin-right: 10px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .inventory .quantity-module input {
font-size: 14px;
line-height: 1.4;
font-weight: bold;
color: #49443e; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .inventory .quantity-module span,
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .inventory .quantity-module input {
border-color: #ddd; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart #add-to-cart {
font-size: 14px;
padding: 15px 24px;
width: calc(100% - 85px);
letter-spacing: 0; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart #add-to-cart:not(.add-to-cart-disabled) {
background-color: #617c70;
border-color: #617c70; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart #add-to-cart.add-to-cart-disabled {
color: #616161; }
@media (max-width: 767.98px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .add-to-cart-btn-wrapper.sticky #add-to-cart {
width: 100%;
padding: 10px 24px; } }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .availability-web {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .availability-web .value {
margin-bottom: 0; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .availability-web.hvn-preorder-msg, .hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .availability-web.hvn-backorder-msg {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .availability-web.hvn-preorder-msg .value, .hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .availability-web.hvn-backorder-msg .value {
margin-bottom: 16px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .availability-web .availability-msg {
margin-top: 0; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .availability-web .not-available-msg:not(.error-gc),
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .availability-web .availability-novariation.error:not(.error-gc) {
color: #aa1e26;
background-color: #f5eaea;
background-image: none;
padding: 16px;
font-weight: 600;
font-family: Montserrat, Arial, sans-serif;
margin: 16px auto 0;
font-size: 13px;
line-height: 1.4;
position: unset;
font-style: normal;
text-align: left;
width: 100% !important; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-add-to-cart .availability-web .availability-novariation.error::after {
display: none; }
.hvn-pdp-redesign .pdp-main:not(.gc) .swatches.color {
padding-left: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.hvn-pdp-redesign .pdp-main:not(.gc) .swatches.color li.selected:not(.unselectable) img {
border-color: #49443e; }
.hvn-pdp-redesign .pdp-main:not(.gc) .swatches.color li a.swatchanchor {
margin-right: 10px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .swatches.color li a.swatchanchor:hover img {
border-color: #49443e; }
.hvn-pdp-redesign .pdp-main:not(.gc) .swatches.color li img {
height: 32px;
width: 32px;
border-radius: 50%;
border-width: 1px;
border-color: #ddd;
padding: 4px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .attribute-color,
.hvn-pdp-redesign .pdp-main:not(.gc) .color-swatches-row {
border-color: #d9d9d9; }
@media (min-width: 768px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .thumb {
margin-right: 17px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .thumb a {
width: 90px;
margin-bottom: 16px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .thumb ul {
width: 107px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .thumb:hover a, .hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .thumb.selected a {
border-bottom: 2px solid #49443e; } }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .thumb img:not(.leaflet-image-layer) {
padding-bottom: 0; }
@media (min-width: 1024px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .slick-list {
min-height: 640px;
max-height: 640px; } }
@media (max-width: 1023.98px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .slick-list {
min-height: 400px; } }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails ul .slick-arrow {
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-right: 17px;
left: 1px;
width: 100%;
height: 24px;
top: 0; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails ul .slick-arrow.slick-disabled::before {
opacity: 0.15; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails ul .slick-arrow::before {
opacity: 1;
width: 24px;
height: 24px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .slick-prev {
margin-bottom: 16px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .slick-prev::before {
background: url("../images/svg-icons/haven-arrow-up.svg") no-repeat center center; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .slick-next {
margin-top: 16px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .slick-next::before {
background: url("../images/svg-icons/haven-arrow-down.svg") no-repeat center center; }
@media (max-width: 767.98px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .slick-list {
margin-bottom: 16px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .slick-dots {
margin: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .slick-dots li {
margin: 4px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-thumbnails .slick-dots li.slick-active button::before {
background-color: #49443e;
color: #49443e;
border-color: #49443e; } }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .selected-label {
border-color: #d9d9d9; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .selected-label .label {
-ms-flex-preferred-size: unset;
flex-basis: unset; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .selected-label .label::after {
content: none;
margin: 0; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .selected-value {
color: #49443e; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .swatches.color li.strike a::after {
height: 1px;
width: 41px;
left: 0;
top: 20px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .swatches.color li .swatchanchor[data-swatchid~="white"]::before, .hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .swatches.color li .swatchanchor[data-swatchid="swatch-white"]::before, .hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .swatches.color li .swatchanchor[data-swatchid="swatch-salt"]::before, .hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .swatches.color li .swatchanchor[data-swatchid="swatch-ivory"]::before, .hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .swatches.color li .swatchanchor[data-swatchid="swatch-bone"]::before, .hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .swatches.color li .swatchanchor[data-swatchid="swatch-cloud_nine"]::before {
content: none; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .swatches.size .swatchanchor {
border-radius: 100px;
border-color: #ddd;
font: 400 14px/19px Montserrat, Arial, sans-serif;
height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
color: #49443e;
text-transform: uppercase; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .swatches.size .swatchanchor.strike {
color: #6e6e6e; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .swatches.size li.selected .swatchanchor, .hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .swatches.size li:hover .swatchanchor, .hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .swatches.size li:active .swatchanchor, .hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .swatches.size li:focus .swatchanchor {
border-color: #49443e;
background-color: #fff;
color: #49443e;
text-decoration: none; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .swatches.size li.selected .swatchanchor {
font-weight: bold; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .swatches.size li:last-child .swatchanchor {
margin-right: 0; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .swatches.size li.strike .swatchanchor::after {
height: 1px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .selected-label {
margin-bottom: 8px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .size-chart-link {
padding-top: 0; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .size-chart-link .openModal {
font: 400 13px/18px Montserrat, Arial, sans-serif;
color: #49443e; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .add-to-cart-bat-label,
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .add-to-cart-bat-label {
color: #767676;
padding-right: 8px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .add-to-cart-bat-label,
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-color .selected-value,
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .add-to-cart-bat-label,
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .attribute-size .selected-value {
text-transform: capitalize;
font: 400 14px/19px Montserrat, Arial, sans-serif; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-variations .selected-label {
border-color: #d9d9d9; }
.hvn-pdp-redesign .pdp-main:not(.gc) .price-container {
margin-bottom: 10px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .price-container .price-standard h4 {
font: 700 14px/19px Montserrat, Arial, sans-serif; }
.hvn-pdp-redesign .pdp-main:not(.gc) .price-container .price-standard h4.original-price {
color: #49443e; }
.hvn-pdp-redesign .pdp-main:not(.gc) .price-container .price-standard .striked-label,
.hvn-pdp-redesign .pdp-main:not(.gc) .price-container .price-standard .striked-price {
font: 400 12px/16px Montserrat, Arial, sans-serif; }
.hvn-pdp-redesign .pdp-main:not(.gc) .price-container .price-standard .striked-price {
color: #49443e; }
@media (min-width: 768px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-3,
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 {
width: 40%; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-2 {
width: 60%;
padding-right: 40px;
margin-bottom: 46px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-primary-image {
width: calc(100% - 107px); }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-content .pdpForm {
margin-top: 0; } }
@media (max-width: 767.98px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-content {
margin-top: 18px; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-content .pdpForm {
margin-top: 0; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-image-container.VER-B .ZoomIcon {
height: 40px;
width: 40px;
background-color: #fff;
top: 4px;
right: 4px;
padding: 12px; } }
.hvn-pdp-redesign .pdp-main:not(.gc) .promotion-callout {
padding-top: 0; }
.hvn-pdp-redesign .pdp-main:not(.gc) .promotion-callout > div {
padding-top: 16px; }
@media screen and (min-width: 1080px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex {
padding-right: 0 !important; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex .bv_button_component_container {
padding-left: 8px !important; } }
@media screen and (min-width: 1080px) {
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex {
padding-right: 0 !important; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex .bv_button_component_container {
padding-left: 8px !important; } }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text,
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_button_component_container button,
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container,
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container {
font-size: 13px !important; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_button_component_container button {
text-decoration: underline; }
.hvn-pdp-redesign .pdp-main:not(.gc) .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container {
padding-right: 12px !important; }
.hvn-pdp-redesign .pdp-main #pp-message {
margin-top: -4px;
margin-bottom: 16px; }
@media (max-width: 1023.98px) {
.hvn-pdp-redesign ~ .fpz-modal .slick-slider .slick-dots {
min-height: 24px;
height: auto;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 4px 16px; }
.hvn-pdp-redesign ~ .fpz-modal .slick-slider .slick-dots li {
margin: 4px; } }
.experience-list.journal-stories {
margin: 0; }
.experience-list.journal-stories li a {
font-size: 16px; }
.featuredArticle .hvn-story-info p {
font-family: "abhaya_libreregular";
font-size: 18px; }
.journal-articles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
margin-bottom: 30px; }
.journal-articles .articles-col {
position: relative;
width: 33%;
padding-right: 15px;
padding-left: 15px;
margin: 0 0 30px; }
.journal-articles .articles-col .experience-title {
font-family: "montserratbold";
font-size: 14px;
text-transform: uppercase;
margin: 0 0 15px;
display: block; }
.journal-articles .articles-col h3 {
font-family: "montserratbold";
font-size: 14px;
text-transform: uppercase;
margin: 20px 0 10px; }
.journal-articles .articles-col p {
font-family: "abhaya_libreregular";
font-size: 16px;
margin: 0 0 15px;
line-height: 22px; }
.journal-articles .articles-col img {
width: 100%;
height: auto; }
.haven-journal-detail {
margin: 40px 0 0; }
.haven-journal-detail .journal-detail-top {
text-align: center; }
.haven-journal-detail .journal-detail-top h1 {
font-size: 32px;
margin: 0 0 15px;
font-family: "montserratregular"; }
.haven-journal-detail .journal-detail-top p {
margin: 0 0 20px;
font-family: "abhaya_libreregular";
font-size: 18px; }
.haven-journal-detail .journal-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.haven-journal-detail .journal-image-col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative; }
.haven-journal-detail .journal-image-col .j-image-hover {
position: absolute;
bottom: 70px;
color: #fff;
left: 50px; }
.haven-journal-detail .journal-image-col .j-image-hover span {
display: block;
margin: 0 0 10px;
font-family: "montserratbold";
font-size: 14px; }
.haven-journal-detail .journal-image-col .j-image-hover h2 {
font-size: 30px;
margin: 0 0 5px;
font-family: "montserratregular"; }
.haven-journal-detail .journal-image-col .j-image-hover p {
font-family: "abhaya_libreregular";
font-size: 18px;
margin: 0 0 10px; }
.haven-journal-detail .journal-image-col .j-image-hover a {
font-family: "montserratbold";
font-size: 14px;
text-decoration: none;
color: #fff; }
.haven-journal-detail .journal-image-col .j-image-hover a:hover {
text-decoration: underline; }
.about-container {
text-align: center;
max-width: 1000px; }
.about-container h1 {
font-family: "montserratregular";
font-size: 36px;
margin: 0 0 30px; }
.about-container p {
font-family: "abhaya_librebold";
font-size: 20px;
margin: 0 0 50px; }
.insider-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -25px;
margin-left: -25px; }
.insider-list .insider-list-item {
position: relative;
width: 33.333%;
padding-right: 25px;
padding-left: 25px;
margin: 0 0 60px;
color: #000;
text-decoration: none; }
.insider-list .insder-picture {
overflow: hidden;
width: 250px;
height: 250px;
border-radius: 100%;
margin: 0 auto 30px;
display: block; }
.insider-list .insder-picture img {
width: auto; }
.insider-list .insider-name {
display: block;
margin: 0 0 10px;
font-family: "montserratbold";
font-size: 16px;
text-transform: uppercase; }
.insider-list .insider-experties {
font-family: "abhaya_libreregular";
font-size: 16px;
text-transform: capitalize; }
.hvn-container.hvn-profile-container {
max-width: 1100px; }
.hvn-container.hvn-profile-container h2 {
font-family: "montserratregular";
font-size: 30px;
margin: 0 0 40px; }
.insider-profile-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 100px; }
.insider-profile-container .insider-profile-image {
width: 250px;
height: 250px;
margin: 0 50px 0 0;
border-radius: 100%;
overflow: hidden; }
.insider-profile-container .insider-profile-image img {
width: auto; }
.insider-profile-container .insider-profile-details {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.insider-profile-container .insider-profile-details .insider-title-small {
display: block;
font-size: 14px;
font-family: "montserratbold";
text-transform: uppercase;
margin: 0 0 15px; }
.insider-profile-container .insider-profile-details h1 {
font-size: 36px;
font-family: "montserratregular";
margin: 0 0 20px; }
.insider-profile-container .insider-profile-details .insider-profile-description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 0 0; }
.insider-profile-container .insider-profile-details .insider-profile-description .description,
.insider-profile-container .insider-profile-details .insider-profile-description .voice {
font-size: 18px;
font-family: "abhaya_librebold";
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 30px 0 0; }
.insider-profile-container .insider-profile-details .insider-profile-description .voice {
font-size: 16px;
padding-left: 40px; }
.insider-articles-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
margin-bottom: 30px; }
.insider-articles-list .article-item {
position: relative;
width: 33%;
padding-right: 15px;
padding-left: 15px;
margin: 0 0 30px; }
.insider-articles-list .article-item .article-title {
font-family: "montserratbold";
font-size: 14px;
text-transform: uppercase;
margin: 0 0 15px;
display: block; }
.insider-articles-list .article-item h3 {
font-family: "montserratbold";
font-size: 14px;
text-transform: uppercase;
margin: 20px 0 10px; }
.insider-articles-list .article-item p {
font-family: "abhaya_libreregular";
font-size: 16px;
margin: 0 0 15px;
line-height: 22px; }
.insider-articles-list .article-item img {
width: 100%;
height: auto;
margin: 0 0 20px; }
.skip-nav,
.visually-hidden {
display: none; }
.insider-banner,
.hvn-container {
max-width: 1140px;
margin: 0 auto; }
.slick-slider {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track::before, .slick-track::after {
content: "";
display: table; }
.slick-track::after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px; }
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.border-link {
overflow: hidden;
display: inline-block; }
.border-link-holder {
color: #232020;
font-family: "montserratbold";
font-size: 16px;
display: inline-block;
padding: 0 0 13px;
line-height: 19px;
border-bottom: 3px solid #232020;
position: relative;
text-decoration: none; }
.border-link-holder::after {
position: absolute;
left: -100%;
height: 3px;
bottom: -3px;
width: 100%;
content: "";
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: #becdcb; }
.border-link-holder:hover {
color: #00402f; }
.border-link-holder:hover::after {
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.hvn-coming-soon {
min-height: 70vh;
max-width: 1440px;
margin: 0 auto;
padding: 100px 0;
text-align: center;
background: url("../images/haven-images/IGB-bg.png");
background-size: cover; }
.hvn-coming-soon h1 {
font-family: "montserratbold";
text-transform: uppercase;
margin: 100px 0 20px;
font-size: 45px;
color: #fff; }
.hvn-coming-soon a {
font-family: "abhaya_libreregular";
font-size: 24px;
color: #fff;
text-decoration: none; }
.hvn-coming-soon a:hover {
text-decoration: underline; }
.infinite-scroll .search-result-content .infinite-scroll-loading {
width: 100%;
height: 100px;
text-align: center;
background: url("../images/haven-images/loading-gif.gif") center no-repeat; }
.infinite-scroll-loader .button {
display: inline-block;
background: #00402f;
height: 57px;
color: #fff;
font-family: "montserratbold";
font-size: 16px;
text-transform: uppercase;
text-align: center;
min-width: 200px;
border-radius: 4px;
margin: 30px 0 0;
line-height: 57px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.infinite-scroll-loader .button:hover {
cursor: pointer;
background: #05695d;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
input[type="number"] {
-webkit-appearance: none;
appearance: none;
-moz-appearance: textfield; }
button {
cursor: pointer; }
#main {
margin: auto;
width: 100%;
max-width: 1440px; }
.type-hero-sub-small {
font-family: "abhaya_libreregular";
font-style: normal;
font-weight: normal; }
.quantity-module span {
border: 0; }
.pt_product-details h1,
.pt_product-details .h1,
.pt_product-details h2,
.pt_product-details .h2,
.pt_product-details h3,
.pt_product-details .h3,
.pt_product-details h4,
.pt_product-details .h4,
.pt_product-details h5,
.pt_product-details .h5,
.pt_product-details h6,
.pt_product-details .h6,
.pt_product-search-result h1,
.pt_product-search-result .h1,
.pt_product-search-result h2,
.pt_product-search-result .h2,
.pt_product-search-result h3,
.pt_product-search-result .h3,
.pt_product-search-result h4,
.pt_product-search-result .h4,
.pt_product-search-result h5,
.pt_product-search-result .h5,
.pt_product-search-result h6,
.pt_product-search-result .h6,
.pt_storefront h1,
.pt_storefront .h1,
.pt_storefront h2,
.pt_storefront .h2,
.pt_storefront h3,
.pt_storefront .h3,
.pt_storefront h4,
.pt_storefront .h4,
.pt_storefront h5,
.pt_storefront .h5,
.pt_storefront h6,
.pt_storefront .h6 {
letter-spacing: 0;
text-transform: none; }
.pt_product-details .primary-content,
.pt_product-search-result .primary-content,
.pt_storefront .primary-content {
float: none;
width: 100%; }
.pt_product-details .icon:not(.tooltip-i-icon),
.pt_product-search-result .icon:not(.tooltip-i-icon),
.pt_storefront .icon:not(.tooltip-i-icon) {
vertical-align: top; }
body {
overflow-x: hidden; }
iframe {
border: 0; }
.tiles-container {
display: none; }
.tiles-container.slick-initialized {
display: block; }
.pt_order-confirmation .product-availability-list .is-in-stock,
.pt_order-confirmation .product-availability-list .notavailable {
font-family: "abhaya_libreregular";
font-style: normal; }
@media only screen and (min-width: 992px) {
.pt_order .line-item-image {
position: relative; } }
@media only screen and (max-width: 992px) {
.hide-on-small {
display: none !important; } }
.ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 400; }
.ui-widget-content {
border: 1px solid #ddd;
background: #fff; }
.ui-corner-all {
border-radius: 4px; }
.ui-tooltip {
padding: 10px;
position: absolute;
z-index: 9999;
max-width: 200px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
color: #999;
min-width: 200px; }
.ui-tooltip.ui-widget-content {
background: #fff;
border-radius: 0;
border: 1px solid #ddd;
color: #000;
padding: 1.0625rem; }
.ui-tooltip-content {
font-family: "montserratregular";
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.3px;
line-height: 18px;
line-height: 1.125rem; }
.tooltip {
position: absolute;
z-index: 99;
display: block;
margin: 0;
font-family: Montserrat, Arial, sans-serif;
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.875rem;
word-wrap: break-word;
opacity: 0; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.tooltip {
display: inline-block; } }
.tooltip,
#tooltip {
display: unset;
opacity: 1;
font-size: unset; }
.tooltip-content {
display: none; }
.icon {
display: inline-block;
vertical-align: middle;
fill: #000; }
.svg-tooltip-i-icon-dims {
width: 13px;
height: 13px; }
.notfound-serach-field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%; }
.notfound-serach-field .input-text {
max-width: 16.875rem;
margin-top: 0; }
.notfound-serach-field button {
margin-left: .625rem;
width: 8.25rem;
margin-top: 0; }
@media only screen and (max-width: 992px) {
.notfound-serach-field {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.notfound-serach-field .input-text {
width: 100%;
margin-top: .3125rem;
max-width: initial; }
.notfound-serach-field button {
width: 100%;
margin: .875rem 0 0; } }
.error-page-footer-asset {
line-height: 20px; }
.error-page-footer-asset strong {
display: block; }
.ui-widget-content.dialog-content {
border: 0; }
figure#videoContainer {
width: 100%;
display: block;
position: relative; }
video {
width: 100%;
display: block; }
/* controls */
.controls {
background: transparent;
width: 165px;
padding: 10px;
position: absolute;
top: 10px;
right: 10px;
height: 30px;
padding-top: 0;
padding-bottom: 0; }
.controls[data-state="hidden"] {
display: none; }
.controls[data-state="visible"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 1;
-webkit-transition: 1s opacity;
-o-transition: 1s opacity;
transition: 1s opacity; }
#videoContainer:hover .controls[data-state="visible"] {
opacity: 1;
-webkit-transition: 1s opacity;
-o-transition: 1s opacity;
transition: 1s opacity; }
.controls button {
position: relative;
text-align: center;
border: none;
cursor: pointer;
text-indent: -99999px;
background: transparent;
background-size: contain;
background-repeat: no-repeat;
width: 30px;
outline: none !important;
padding: 0;
height: 30px;
position: absolute;
right: 0; }
.controls button[data-state="unmute"] {
background: url("../images/haven-images/svg/volume-mute.svg") no-repeat 0 0;
background-size: 30px; }
.controls button[data-state="unmute"] ~ input#vol-control {
display: none; }
.controls button[data-state="mute"] {
background: url("../images/haven-images/svg/volume-unmute.svg") no-repeat 0 0;
background-size: 30px; }
.controls button:hover,
.controls button:focus {
opacity: 0.5; }
.controls button[data-state="play"] {
position: relative; }
.controls button[data-state="pause"] {
position: relative; }
.controls button[data-state="mute"]::after,
.controls button[data-state="unmute"]::after,
.controls button[data-state="pause"]::after,
.controls button[data-state="play"]::after {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 9999999;
text-indent: 0;
font-size: 0.75rem; }
.controls button[data-state="play"]::after {
content: "PLAY"; }
.controls button[data-state="pause"]::after {
content: "PAUSE"; }
.controls button[data-state="mute"]::after {
content: "MUTE";
display: none; }
.controls button[data-state="unmute"]::after {
content: "UNMUTE";
display: none; }
/* range slider */
input[type="range"]::-webkit-slider-container {
background: transparent; }
input[type="range"] {
-webkit-appearance: none;
background: transparent;
width: calc(100% - 50px);
margin: 0 0 0 10px;
position: absolute;
left: 0;
top: 17px; }
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
input[type="range"] {
/* IE10+ specific styles go here */
top: -10px; } }
@-moz-document url-prefix() {
input[type="range"] {
top: 10px; } }
@media only screen and (max-width: 1024px) {
input[type="range"] {
display: none; } }
.ios-device input[type="range"],
.ios-device-ipad input[type="range"] {
display: none; }
input[type="range"]:focus {
outline: none; }
input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 2px;
cursor: pointer;
background: #000;
border-radius: 0;
border: 0; }
input[type="range"]::-webkit-slider-thumb {
height: 15px;
width: 2px;
border-radius: 7px;
background: #000;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
margin-top: -6.6px; }
@supports (-ms-ime-align: auto) {
input[type="range"]::-webkit-slider-thumb {
margin-top: 0; } }
input[type="range"]:focus::-webkit-slider-runnable-track {
background: #000; }
/* for mozilla */
input[type="range"]::-moz-range-track {
width: 100%;
height: 2px;
cursor: pointer;
background: #000;
border-radius: 0;
border: 0; }
input[type="range"]::-moz-range-thumb {
border: 0 solid #000;
height: 15px;
width: 2px;
border-radius: 0;
background: #000;
color: #000;
cursor: pointer; }
/* edge */
input[type="range"]::-ms-thumb {
height: 15px;
width: 2px;
border-radius: 0;
background: #000;
color: #000;
cursor: pointer; }
input[type="range"]::-ms-track {
width: 100%;
height: 2px;
cursor: pointer;
background: transparent;
border-color: transparent;
border-width: 2px 0;
color: transparent; }
input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
background: #000;
border: 0; }
input[type="range"]:focus::-ms-fill-lower,
input[type="range"]:focus::-ms-fill-upper {
background: #000; }
@supports (-ms-ime-align: auto) {
input[type="range"]::-ms-thumb {
height: 20px; } }
/* ie thumb */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.controls button[data-state="mute"]::after,
.controls button[data-state="unmute"]::after,
.controls button[data-state="pause"]::after,
.controls button[data-state="play"]::after {
top: 40%; }
input[type="range"]::-ms-thumb {
height: 20px;
width: 2px;
border-radius: 0;
background: black;
color: #000;
cursor: pointer; }
input[type="range"]::-ms-track {
width: 100%;
height: 20px;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent; }
input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper {
background: #000;
border: 0;
height: 2px; }
input[type="range"]:focus::-ms-fill-lower,
input[type="range"]:focus::-ms-fill-upper {
background: #000;
height: 2px; } }
.ui-dialog-titlebar {
padding-bottom: 0.6875rem;
border-bottom: 1px solid #ddd;
color: #000;
font-weight: 700; }
.ui-dialog-titlebar .ui-dialog-titlebar-close {
background-color: transparent;
border: none;
border-radius: 0;
height: .9375rem;
margin: 0;
padding: 0;
width: .9375rem;
right: -.3125rem;
top: 1.125rem;
min-height: auto;
color: #000;
position: absolute;
text-decoration: none; }
.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-dialog-titlebar .ui-icon-closethick {
background: url("../images/svg-icons/close-icon.svg") 0 0 no-repeat;
background-size: contain;
height: .9375rem;
width: .9375rem;
left: 0;
top: 0;
margin-left: 0;
margin-top: 0;
display: block;
position: absolute; }
.ui-dialog-content .bonus-discount-container .promo-details {
display: none; }
.ui-dialog-content .bonus-discount-container .promo-details.visible {
display: block; }
.ui-dialog-content .ui-dialog-buttonpane {
padding: 1em; }
.ui-dialog-content .ui-dialog-buttonpane button {
min-height: 40px; }
.ui-helper-hidden {
display: none; }
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none; }
.ui-helper-clearfix {
display: block;
content: "";
clear: both; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0; }
/*
* Final Sale Verbiage on Haven
*/
.final-sale {
color: #a52220;
width: 97%;
margin-top: 15px;
font-family: "montserratbold";
font-size: 13px; }
@media print {
.final-sale span.star {
display: inline; } }
.final-sale a.tooltip {
top: -1px;
position: relative;
cursor: none; }
@media only screen and (max-width: 992px) {
.final-sale a.tooltip {
z-index: 1; } }
@media print {
.final-sale a.tooltip {
display: none; } }
.home-header-banner-n {
margin: -1px 0 0; }
.home-header-banner-n .banner-slider-items {
display: none; }
.home-header-banner-n .banner-slider-items.slick-initialized {
display: block; }
.home-header-banner-n .banner-slider-items .banner-item {
position: relative; }
.home-header-banner-n .h-h-b-img {
line-height: 0; }
.home-header-banner-n .h-h-b-img img {
width: 100%; }
.home-header-banner-n .slick-dots {
position: absolute;
bottom: 28px;
left: 15px;
right: 20px;
text-align: right; }
.home-header-banner-n .slick-dots li {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 5px;
border-radius: 100%; }
.home-header-banner-n .slick-dots li button {
width: 16px;
height: 16px;
border-radius: 100%;
overflow: hidden;
text-indent: -9999px;
background: #fff;
border: 1px solid transparent; }
.home-header-banner-n .slick-dots li.slick-active button {
background: #e6e7e8;
border: 1px solid #00402f; }
.home-header-banner-n .slick-arrow {
position: absolute;
top: 50% !important;
width: 40px;
height: 40px;
border: 0;
overflow: hidden;
text-indent: -9999px;
border-radius: 100%;
cursor: pointer;
z-index: 1;
margin: -20px 0 0; }
.home-header-banner-n .slick-arrow.slick-prev {
left: 20px;
background: rgba(255, 255, 255, 0.3) url("../images/haven-images/svg/arrow-left-hvn.svg") no-repeat;
background-position: center center;
background-size: 10px 20px; }
@media only screen and (max-width: 992px) {
.home-header-banner-n .slick-arrow.slick-prev {
left: 10px; } }
.home-header-banner-n .slick-arrow.slick-prev:hover {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background: white url("../images/haven-images/svg/arrow-left-hvn.svg") no-repeat;
background-position: center center;
background-size: 10px 20px; }
.home-header-banner-n .slick-arrow.slick-next {
right: 20px;
background: rgba(255, 255, 255, 0.3) url("../images/haven-images/svg/arrow-right-hvn.svg") no-repeat;
background-position: center center;
background-size: 10px 20px; }
@media only screen and (max-width: 992px) {
.home-header-banner-n .slick-arrow.slick-next {
right: 10px; } }
.home-header-banner-n .slick-arrow.slick-next:hover {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
background: white url("../images/haven-images/svg/arrow-right-hvn.svg") no-repeat;
background-position: center center;
background-size: 10px 20px; }
.home-header-banner-n .slick-arrow:focus {
outline: none; }
.home-header-banner-n .h-h-b-caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 100px; }
@media only screen and (max-width: 992px) {
.home-header-banner-n .h-h-b-caption {
top: auto;
bottom: 60px;
height: auto;
padding: 0 60px; } }
@media only screen and (min-width: 992px) {
.home-header-banner-n .h-h-b-caption .h-h-b-caption-inner {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); } }
.home-header-banner-n .h-h-b-caption h1 {
max-width: 46%;
color: #fff;
font-size: 82px;
line-height: 100px;
font-family: "montserratlight";
margin: 0 0 50px; }
@media only screen and (max-width: 1199px) {
.home-header-banner-n .h-h-b-caption h1 {
max-width: 80%; } }
@media only screen and (max-width: 992px) {
.home-header-banner-n .h-h-b-caption h1 {
max-width: inherit;
font-size: 48px;
line-height: 58px;
margin: 0 0 28px; } }
.home-header-banner-n .h-h-b-caption h1 span {
display: block;
font-size: 14px;
text-transform: uppercase;
line-height: 18px;
font-family: "montserratextrabold";
font-weight: normal;
margin-bottom: 24px;
letter-spacing: 1px; }
@media only screen and (max-width: 992px) {
.home-header-banner-n .h-h-b-caption h1 span {
font-size: 12px;
margin: 0 0 23px; } }
.home-header-banner-n .h-h-b-caption .h-h-b-btn a {
display: inline-block;
background: #fff;
color: #00402f;
min-width: 250px;
text-align: center;
border-radius: 2px;
height: 50px;
line-height: 50px;
font-size: 14px;
text-transform: uppercase;
font-family: "montserratextrabold";
letter-spacing: 1px;
text-decoration: none; }
.home-header-banner-n .h-h-b-caption .h-h-b-btn a:hover {
color: #fff;
background: #00402f;
text-decoration: none; }
@media only screen and (max-width: 992px) {
.home-header-banner-n .h-h-b-caption .h-h-b-btn a {
min-width: 180px;
font-size: 10px;
letter-spacing: 0.5px;
height: 40px;
line-height: 40px; } }
.daily-d-section {
background: #f4e9dd;
padding: 115px 20px;
position: relative; }
@media only screen and (max-width: 992px) {
.daily-d-section {
padding: 67px 20px 65px; } }
.daily-d-section .s-inner-container {
text-align: center; }
.daily-d-section .s-inner-container h2 {
font-size: 12px;
text-transform: uppercase;
font-family: "montserratextrabold";
font-weight: normal;
line-height: 15px;
letter-spacing: 0.5px;
color: #00402f;
margin: 0 0 33px; }
@media only screen and (max-width: 992px) {
.daily-d-section .s-inner-container h2 {
font-size: 10px;
margin: 0 0 12px; } }
.daily-d-section .s-inner-container p {
color: #00402f;
font-size: 38px;
line-height: 58px;
font-family: "montserratlight";
margin: 0; }
@media only screen and (max-width: 992px) {
.daily-d-section .s-inner-container p {
font-size: 18px;
line-height: 28px; } }
.section-border-line {
position: absolute;
left: 50%;
margin: 0 0 0 -1px;
bottom: -65px;
height: 130px;
width: 2px;
background: #00402f;
z-index: 1; }
@media only screen and (max-width: 992px) {
.section-border-line {
height: 60px;
bottom: -30px; } }
.hvn-home-experience.h-h-exp-section {
padding: 104px 0 0;
position: relative; }
@media only screen and (max-width: 992px) {
.hvn-home-experience.h-h-exp-section {
padding: 59px 0 0; } }
@media only screen and (min-width: 992px) {
.hvn-home-experience.h-h-exp-section .hvn-home-section-heading p {
margin: 0 0 32px; } }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content {
display: none; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .hvn-home-row {
margin: 0; }
@media only screen and (max-width: 992px) {
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .hvn-home-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
width: 100%;
position: relative;
padding-left: 0;
padding-right: 0;
/*&.exp-col-1 {
}*/ }
@media only screen and (max-width: 992px) {
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-inner {
padding: 40px 20px; }
@media only screen and (min-width: 992px) {
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-inner {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 19%; } }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-img {
line-height: 0; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-img img {
width: 100%; }
@media only screen and (min-width: 992px) {
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-img img {
min-height: 250px; } }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-caption {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-caption .exp-col-caption-inner {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-caption h3 {
color: #fff;
font-size: 54px;
line-height: 58px;
font-family: "abhaya_libreregular";
margin: 0 0 5px; }
@media only screen and (max-width: 992px) {
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-caption h3 {
font-size: 36px;
line-height: 49px;
margin: 0; } }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-caption p {
color: #fff;
font-size: 24px;
line-height: 33px;
font-family: "abhaya_libreregular";
margin: 0; }
@media only screen and (max-width: 992px) {
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-caption p {
font-size: 16px;
line-height: 22px; } }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col.exp-col-2 {
background: #a5bcb1; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col.exp-col-2.awaken {
background: #e19c5e; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col.exp-col-2.unwind {
background: #e8b8a6; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col.exp-col-2.rejuvenate {
background: #7aa5ba; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-icon {
text-align: center;
margin: 0 0 26px; }
@media only screen and (max-width: 992px) {
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-icon {
margin: 0 0 17px; } }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-icon img {
max-width: 100%; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-txt {
text-align: center; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-txt p {
color: #fff;
font-size: 24px;
line-height: 34px;
font-family: "montserratlight";
margin: 0 0 30px; }
@media only screen and (max-width: 992px) {
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-txt p {
font-size: 18px;
line-height: 28px; } }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-txt .exp-link {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
font-family: "montserratextrabold";
font-weight: normal;
line-height: 15px;
letter-spacing: 0.5px;
color: #fff;
position: relative;
padding-bottom: 6px;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media only screen and (max-width: 992px) {
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-txt .exp-link {
font-size: 10px; } }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-txt .exp-link::after {
content: "";
width: 53px;
height: 1px;
background: #fff;
position: absolute;
left: 50%;
bottom: 0;
display: block;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0 0 0 -25.5px; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-txt .exp-link:hover {
color: #231f20;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.hvn-home-experience.h-h-exp-section .h-h-exp-main-content .exp-tab-content .exp-col .exp-col-txt .exp-link:hover::after {
background: #231f20;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.expert-section {
background: #e2eae6;
padding: 80px 0;
position: relative; }
.expert-section.awaken {
background: #f3d7bf; }
.expert-section.unwind {
background: #f6e2da; }
.expert-section.rejuvenate {
background: #e3ecf0; }
@media only screen and (max-width: 992px) {
.expert-section {
padding: 145px 0 40px; } }
.expert-section .expert-container .expert-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
width: 100%;
position: relative;
padding-left: 10px;
padding-right: 8.333333%; }
@media only screen and (max-width: 992px) {
.expert-section .expert-container .expert-col {
text-align: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0 20px;
position: static; } }
.expert-section .expert-container .expert-col .expert-img-txt {
text-align: center; }
.expert-section .expert-container .expert-col .expert-img-txt img {
max-width: 100%; }
.expert-section .expert-container .expert-col .expert-img-txt .expert-img {
width: 295px;
height: 295px;
display: inline-block;
overflow: hidden;
margin-bottom: 27px;
border-radius: 100%; }
@media only screen and (max-width: 992px) {
.expert-section .expert-container .expert-col .expert-img-txt .expert-img {
margin-bottom: 14px;
width: 150px;
height: 150px; } }
.expert-section .expert-container .expert-col .expert-img-txt h4 {
font-size: 14px;
text-transform: uppercase;
font-family: "montserratsemibold";
font-weight: normal;
line-height: 24px;
letter-spacing: 0.5px;
color: #231f20;
margin: 0 0 7px; }
@media only screen and (max-width: 992px) {
.expert-section .expert-container .expert-col .expert-img-txt h4 {
margin: 0 0 5px; } }
.expert-section .expert-container .expert-col .expert-img-txt p {
font-size: 16px;
font-family: "abhaya_libreregular";
font-weight: normal;
line-height: 24px;
color: #5a5758;
margin: 0; }
@media only screen and (max-width: 992px) {
.expert-section .expert-container .expert-col .expert-img-txt p {
margin: 0 0 8px; } }
.expert-section .expert-container .expert-col .expert-detail-txt .ex-d-icon {
margin-bottom: 22px; }
@media only screen and (max-width: 992px) {
.expert-section .expert-container .expert-col .expert-detail-txt .ex-d-icon {
position: absolute;
top: 40px;
left: 50%;
margin: 0 0 0 -20px; } }
.expert-section .expert-container .expert-col .expert-detail-txt .ex-d-icon img {
max-width: 100%;
width: 40px;
height: 40px; }
.expert-section .expert-container .expert-col .expert-detail-txt h2 {
font-size: 12px;
text-transform: uppercase;
font-family: "montserratextrabold";
font-weight: normal;
line-height: 15px;
letter-spacing: 0.5px;
color: #231f20;
margin: 0 0 19px;
text-align: left; }
@media only screen and (max-width: 992px) {
.expert-section .expert-container .expert-col .expert-detail-txt h2 {
position: absolute;
top: 108px;
text-align: center;
left: 0;
right: 0; } }
.expert-section .expert-container .expert-col .expert-detail-txt p {
font-size: 38px;
font-family: "abhaya_libreregular";
font-weight: normal;
line-height: 58px;
letter-spacing: 0.5px;
color: #231f20;
margin: 0 0 20px; }
@media only screen and (max-width: 992px) {
.expert-section .expert-container .expert-col .expert-detail-txt p {
font-size: 18px;
line-height: 28px;
margin: 0 0 14px;
letter-spacing: inherit; } }
.expert-section .expert-container .expert-col .expert-detail-txt .expert-link {
font-size: 12px;
text-transform: uppercase;
font-family: "montserratextrabold";
font-weight: normal;
line-height: 15px;
letter-spacing: 0.5px;
color: #00402f;
position: relative;
display: inine-block;
padding-bottom: 6px;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media only screen and (max-width: 992px) {
.expert-section .expert-container .expert-col .expert-detail-txt .expert-link {
font-size: 10px; } }
.expert-section .expert-container .expert-col .expert-detail-txt .expert-link::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 60%;
height: 1px;
background: #00402f;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media only screen and (max-width: 992px) {
.expert-section .expert-container .expert-col .expert-detail-txt .expert-link::after {
width: 84px;
margin: 0 0 0 -42px;
left: 50%; } }
.expert-section .expert-container .expert-col .expert-detail-txt .expert-link:hover {
color: #231f20;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.expert-section .expert-container .expert-col .expert-detail-txt .expert-link:hover::after {
background: #231f20;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.shop-ctg-section {
padding: 102px 0 0;
position: relative; }
@media only screen and (max-width: 992px) {
.shop-ctg-section {
padding: 59px 0 0; }
.shop-ctg-section .hvn-home-section-heading h2 {
margin: 0 0 10px; } }
.shop-ctg-section .ctg-container .hvn-home-row {
margin: 0; }
@media only screen and (max-width: 992px) {
.shop-ctg-section .ctg-container .hvn-home-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.shop-ctg-section .ctg-container .ctg-col {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
width: 100%;
position: relative;
padding-left: 0;
padding-right: 0; }
@media only screen and (max-width: 992px) {
.shop-ctg-section .ctg-container .ctg-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; } }
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-img {
line-height: 0; }
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-img img {
width: 100%; }
@media only screen and (max-width: 992px) {
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-img img {
min-height: 250px; } }
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-overlay-txt {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-overlay-txt .ctg-overlay-txt-inner {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center; }
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-overlay-txt h3 {
font-size: 54px;
text-transform: none;
font-family: "abhaya_libreregular";
font-weight: normal;
line-height: 58px;
margin: 0 0 15px;
color: #fff; }
@media only screen and (max-width: 992px) {
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-overlay-txt h3 {
font-size: 36px;
line-height: 49px;
margin: 0; } }
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-overlay-txt .ctg-link {
font-size: 12px;
text-transform: uppercase;
font-family: "montserratextrabold";
font-weight: normal;
line-height: 15px;
letter-spacing: 0.5px;
color: #fff;
text-decoration: none; }
@media only screen and (max-width: 992px) {
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-overlay-txt .ctg-link {
font-size: 10px; } }
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-overlay-txt .ctg-link::after {
content: "";
position: absolute;
left: 50%;
bottom: -5px;
margin: 0 0 0 -17px;
width: 34px;
height: 1px;
background: #fff;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-overlay-txt .ctg-link:hover {
color: #002e28;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.shop-ctg-section .ctg-container .ctg-col .ctg-data .ctg-overlay-txt .ctg-link:hover::after {
background: #231f20;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.daily-dose-section {
padding: 100px 0 120px;
position: relative; }
.daily-dose-section .hvn-container {
max-width: 1240px; }
@media only screen and (max-width: 1199px) {
.daily-dose-section {
padding: 100px 10px 120px; } }
@media only screen and (max-width: 992px) {
.daily-dose-section {
padding: 57px 0 60px; } }
@media only screen and (max-width: 992px) {
.daily-dose-section .hvn-home-row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 0;
overflow-x: auto;
max-width: 100%;
padding: 0 10px; } }
.daily-dose-section .d-dose-col {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
max-width: 33.3333%;
width: 100%;
position: relative;
padding-left: 10px;
padding-right: 10px; }
@media only screen and (max-width: 992px) {
.daily-dose-section .d-dose-col {
min-width: 160px;
padding-left: 5px;
padding-right: 5px; } }
.daily-dose-section .d-dose-col a {
display: block;
text-decoration: none; }
.daily-dose-section .d-dose-col a .d-dose-img {
margin-bottom: 20px; }
@media only screen and (max-width: 992px) {
.daily-dose-section .d-dose-col a .d-dose-img {
margin-bottom: 8px; } }
.daily-dose-section .d-dose-col a .d-dose-img img {
width: 100%; }
.daily-dose-section .d-dose-col a h5 {
font-size: 14px;
text-transform: uppercase;
font-family: "montserratsemibold";
font-weight: normal;
line-height: 18px;
letter-spacing: 0.5px;
color: #231f20; }
@media only screen and (max-width: 992px) {
.daily-dose-section .d-dose-col a h5 {
font-size: 10px;
letter-spacing: 0.3px; } }
.daily-dose-section .expert-bottom-btn {
padding-top: 60px;
text-align: center; }
@media only screen and (max-width: 992px) {
.daily-dose-section .expert-bottom-btn {
padding-top: 28px; } }
.daily-dose-section .expert-bottom-btn .expert-link {
display: inline-block;
background: #00402f;
min-width: 250px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 14px;
text-transform: uppercase;
font-family: "montserratextrabold";
font-weight: normal;
letter-spacing: 0.5px;
color: #fff;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
.daily-dose-section .expert-bottom-btn .expert-link:hover {
background: #002e28;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s; }
@media only screen and (max-width: 992px) {
.daily-dose-section .expert-bottom-btn .expert-link {
min-width: 168px;
width: 168px;
height: 40px;
line-height: 40px;
font-size: 10px; } }
.hvn-home-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px; }
.hvn-home-section-heading {
text-align: center; }
@media only screen and (max-width: 992px) {
.hvn-home-section-heading {
padding: 0 20px; } }
.hvn-home-section-heading h2 {
color: #231f20;
font-size: 38px;
line-height: 48px;
font-family: "montserratlight";
margin: 0 0 18px; }
@media only screen and (max-width: 992px) {
.hvn-home-section-heading h2 {
font-size: 26px;
line-height: 32px;
margin: 0 0 15px; } }
.hvn-home-section-heading p {
color: #5a5758;
font-size: 20px;
line-height: 27px;
font-family: "abhaya_libreregular";
margin: 0 0 46px; }
@media only screen and (max-width: 992px) {
.hvn-home-section-heading p {
font-size: 16px;
line-height: 24px;
margin: 0 20px 28px; } }
.size-chart-modal.ui-dialog {
background-color: #fff;
padding: 0;
border: 1px solid #ddd;
background: #fff;
color: #999;
border-radius: 4px;
font-family: "montserratregular";
font-size: 16px;
line-height: 1.5;
outline: 0;
z-index: 1111 !important; }
@media (max-width: 992px) {
.size-chart-modal.ui-dialog {
max-width: 98%; }
.size-chart-modal.ui-dialog td {
font-size: 12px; } }
.size-chart-modal.ui-dialog .ui-dialog-titlebar {
padding-bottom: .6875rem;
border-bottom: 1px solid #ddd; }
.size-chart-modal.ui-dialog .concept::after {
content: "";
clear: both;
display: table; }
.size-chart-modal.ui-dialog .cta-link {
overflow: hidden;
color: #000;
text-transform: uppercase;
font-family: "montserratbold";
font-weight: normal;
font-size: 16px;
font-size: 1rem;
padding-bottom: .125rem;
border-bottom: 1px solid #000;
text-decoration: none; }
.size-chart-modal.ui-dialog .cta-link:hover {
text-decoration: none; }
.size-chart-modal.ui-dialog .h1,
.size-chart-modal.ui-dialog .h2,
.size-chart-modal.ui-dialog .h3,
.size-chart-modal.ui-dialog .h4,
.size-chart-modal.ui-dialog .h5,
.size-chart-modal.ui-dialog .h6,
.size-chart-modal.ui-dialog h1,
.size-chart-modal.ui-dialog h2,
.size-chart-modal.ui-dialog h3,
.size-chart-modal.ui-dialog h4,
.size-chart-modal.ui-dialog h5,
.size-chart-modal.ui-dialog h6 {
line-height: 1.2;
color: inherit; }
.size-chart-modal.ui-dialog .h1,
.size-chart-modal.ui-dialog h1 {
font-family: "montserratbold";
font-size: 24px;
letter-spacing: 1.2px;
text-transform: uppercase; }
@media (min-width: 768px) {
.size-chart-modal.ui-dialog .h1,
.size-chart-modal.ui-dialog h1 {
font-size: 32px; } }
.size-chart-modal.ui-dialog .h2,
.size-chart-modal.ui-dialog h2 {
font-family: "montserratbold";
font-size: 18px;
font-size: 1.125rem;
letter-spacing: 1.2px;
text-transform: uppercase; }
@media (min-width: 768px) {
.size-chart-modal.ui-dialog .h2,
.size-chart-modal.ui-dialog h2 {
font-size: 32px; } }
.size-chart-modal.ui-dialog .h3,
.size-chart-modal.ui-dialog h3 {
font-family: "montserratbold";
font-size: 16px;
letter-spacing: .8px;
text-transform: uppercase; }
@media (min-width: 768px) {
.size-chart-modal.ui-dialog .h3,
.size-chart-modal.ui-dialog h3 {
font-size: 20px; } }
.size-chart-modal.ui-dialog .h4,
.size-chart-modal.ui-dialog h4 {
font-family: "montserratbold";
font-size: 16px;
letter-spacing: .8px;
text-transform: uppercase; }
@media (min-width: 768px) {
.size-chart-modal.ui-dialog .h4,
.size-chart-modal.ui-dialog h4 {
font-size: 18px; } }
.size-chart-modal.ui-dialog .h5,
.size-chart-modal.ui-dialog h5 {
font-family: "montserratbold";
font-size: 18px;
letter-spacing: 1.2px;
text-transform: uppercase; }
@media (min-width: 768px) {
.size-chart-modal.ui-dialog .h5,
.size-chart-modal.ui-dialog h5 {
font-size: 24px; } }
.size-chart-modal.ui-dialog .h6,
.size-chart-modal.ui-dialog h6 {
font-family: "montserratbold";
font-size: 13px;
letter-spacing: .6px;
text-transform: uppercase; }
.size-chart-modal.ui-dialog p {
margin-top: 0;
margin-bottom: 1rem; }
.size-chart-modal.ui-dialog p a {
overflow: hidden;
color: #000;
text-decoration: underline;
line-height: inherit; }
.size-chart-modal.ui-dialog .p,
.size-chart-modal.ui-dialog p {
line-height: 1.7; }
.size-chart-modal.ui-dialog img {
max-width: 100%; }
.size-chart-modal.ui-dialog table {
width: 100%;
font-size: 13px; }
.size-chart-modal.ui-dialog table th {
font-family: "montserratbold"; }
.size-chart-modal.ui-dialog .ui-widget-header {
background-color: transparent;
border-radius: 0;
text-transform: uppercase; }
.size-chart-modal.ui-dialog .ui-dialog-title {
font-family: "montserratbold";
font-size: 16px;
font-size: 1rem;
letter-spacing: .8px;
text-transform: uppercase;
text-transform: capitalize;
color: #000;
display: block;
text-transform: none; }
@media (min-width: 768px) {
.size-chart-modal.ui-dialog .ui-dialog-title {
font-size: 18px;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; } }
.size-chart-modal.ui-dialog .ui-dialog-titlebar-close {
background-color: transparent;
border: none;
border-radius: 0;
height: .9375rem;
margin: 0;
padding: 0;
width: .9375rem;
right: -.3125rem;
top: 1.125rem;
min-height: auto;
color: #000;
position: absolute;
text-decoration: none; }
.size-chart-modal.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.size-chart-modal.ui-dialog .ui-icon-closethick {
background: url("../images/svg-icons/close-icon.svg") 0 0 no-repeat;
background-size: contain;
height: .9375rem;
width: .9375rem;
left: 0;
top: 0;
margin-left: 0;
margin-top: 0;
display: block;
position: absolute; }
.size-chart-modal.ui-dialog .ui-widget-content,
.size-chart-modal.ui-dialog .ui-widget-content a {
color: #000; }
.size-chart-modal .ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #999; }
.size-chart-modal .ui-dialog-titlebar {
padding: .9375rem 0 0;
position: relative;
margin: 0 1.25rem .6875rem;
color: #999; }
.size-chart-modal .ui-widget-header {
font-family: "montserratsemibold";
background: #f7f7f7; }
.size-chart-modal .ui-helper-clearfix::after,
.size-chart-modal .ui-helper-clearfix::before {
content: "";
display: table;
border-collapse: collapse; }
.size-chart-modal .ui-dialog-title {
width: calc(100% - 10px);
overflow: hidden; }
.size-chart-modal .ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 400; }
.size-chart-modal .js .ui-dialog-content {
background: #fff; }
.size-chart-modal .ui-dialog-content {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 0;
padding: .25rem 1.25rem .9375rem;
background: none; }
@media (max-width: 992px) {
.size-chart-modal .ui-dialog-content {
padding: 20px 15px; } }
.size-chart-modal button {
display: inline-block;
margin-top: 2.0625rem;
width: 100%;
line-height: 1em;
padding: .6875rem 20px;
min-height: 2.5rem;
font-family: "montserratbold";
font-size: 16px;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
border-radius: 0;
letter-spacing: .3px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
border: 1px solid #000;
background-color: transparent;
color: #000; }
@media (min-width: 768px) {
.size-chart-modal button {
max-width: 10.625rem;
margin-right: .625rem; } }
.size-chart-modal button:hover {
background: #000;
color: #fff; }
.size-chart-modal button.secondary {
background: #00402f;
border: 1px solid #00402f;
color: #fff; }
.size-chart-modal .edit-address-form .half-form-width[data-select-element="even"] {
margin-right: 0; }
@media (min-width: 768px) {
.size-chart-modal .edit-address-form .half-form-width[data-select-element="even"] {
margin-right: 1.25rem; } }
.size-chart-modal .edit-address-form .half-form-width {
width: calc(50% - 10px);
float: left;
display: block; }
.ui-corner-all {
border-radius: 4px; }
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none; }
.ui-dialog-titlebar {
padding: 0.9375rem 0 0;
position: relative;
border-radius: 4px;
border-width: 1px;
margin: 0 1.25rem 0.6875rem;
color: #999;
border-color: #ddd; }
.ui-dialog-title {
width: calc(100% - 10px);
overflow: hidden; }
.ui-state-default {
border: 1px solid #ddd;
background: #fff;
color: #000;
text-decoration: none; }
.ui-state-default:active {
color: #000;
text-decoration: none; }
.ui-state-default:hover {
color: #000;
text-decoration: none; }
.ui-state-default:focus {
color: #000;
text-decoration: none; }
.ui-state-default a {
color: #000;
text-decoration: none; }
.ui-state-default a:active {
color: #000;
text-decoration: none; }
.ui-state-default a:hover {
color: #000;
text-decoration: none; }
.ui-state-default a:focus {
color: #000;
text-decoration: none; }
.ui-widget-content .ui-state-default {
border: 1px solid #ddd;
background: #fff;
color: #000;
text-decoration: none; }
.ui-widget-content .ui-state-default:active {
color: #000;
text-decoration: none; }
.ui-widget-content .ui-state-default:hover {
color: #000;
text-decoration: none; }
.ui-widget-content .ui-state-default:focus {
color: #000;
text-decoration: none; }
.ui-widget-content .ui-state-default a {
color: #000;
text-decoration: none; }
.ui-widget-content .ui-state-default a:active {
color: #000;
text-decoration: none; }
.ui-widget-content .ui-state-default a:hover {
color: #000;
text-decoration: none; }
.ui-widget-content .ui-state-default a:focus {
color: #000;
text-decoration: none; }
.ui-widget-header {
border: 1px solid #ddd;
color: #999;
font-weight: 600;
background: #f7f7f7; }
.ui-widget-header .ui-state-default {
border: 1px solid #ddd;
background: #fff;
color: #000;
text-decoration: none; }
.ui-widget-header .ui-state-default:active {
color: #000;
text-decoration: none; }
.ui-widget-header .ui-state-default:hover {
color: #000;
text-decoration: none; }
.ui-widget-header .ui-state-default:focus {
color: #000;
text-decoration: none; }
.ui-widget-header .ui-state-default a {
color: #000;
text-decoration: none; }
.ui-widget-header .ui-state-default a:active {
color: #000;
text-decoration: none; }
.ui-widget-header .ui-state-default a:hover {
color: #000;
text-decoration: none; }
.ui-widget-header .ui-state-default a:focus {
color: #000;
text-decoration: none; }
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat; }
.ui-widget-overlay {
background: url("../images/interface/ui-overlay-shadow.png") repeat scroll 50% 50% #1a1a1a;
opacity: 0.4;
z-index: 140; }
.ui-draggable .ui-dialog-title {
cursor: move; }
.ui-dialog {
background-color: #fff;
padding: 0;
outline: none; }
.ui-dialog .bonus-discount-container {
padding: 5px 20px 15px; }
.ui-dialog .ui-widget-content {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
letter-spacing: 0.3px;
padding: 0 25px 25px; }
.ui-dialog .ui-widget-content a {
color: #00402f;
text-decoration: underline; }
.ui-dialog .ui-widget-content a:hover {
text-decoration: none; }
.ui-dialog .ui-widget-header {
background-color: transparent;
border: none;
border-radius: 0;
text-transform: uppercase; }
.ui-dialog .ui-dialog-title {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
letter-spacing: .8px;
text-transform: uppercase;
text-transform: capitalize;
color: #000;
display: block;
text-transform: none; }
@media only screen and (min-width: 480px) {
.ui-dialog .ui-dialog-title {
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; } }
@media only screen and (min-width: 768px) {
.ui-dialog .ui-dialog-title {
font-size: 18px;
font-size: 1.125rem; } }
.ui-dialog .ui-icon-closethick {
background: url("../images/svg-icons/close-icon.svg") left top no-repeat;
background-size: contain;
height: 15px;
width: 15px;
left: 0;
top: 0;
margin-left: 0;
margin-top: 0; }
.ui-dialog .ui-dialog-titlebar {
padding-bottom: 0.6875rem;
border-bottom: 1px solid #ddd; }
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
top: calc(50% - 11px);
width: 20px;
height: 20px;
padding: 1px;
background-color: transparent;
border: none;
border-radius: 0;
margin: 0;
padding: 15px;
min-height: auto;
min-width: initial;
padding: 0; }
.ui-dialog .ui-dialog-titlebar-close span {
margin: 0;
padding: 0; }
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-dialog h1 h2 {
font-size: 1.8em;
margin: 5px 158px 5px 0; }
.ui-dialog .dialog-required {
position: relative;
text-transform: none; }
@media only screen and (max-width: 992px) {
.ui-dialog {
max-width: 98%; }
.ui-dialog .ui-dialog-content {
padding: 0.25rem 1.25rem 0.9375rem;
height: auto !important;
overflow: visible; } }
@media only screen and (max-width: 767px) {
.ui-dialog .ui-dialog-content {
padding: 1.25rem 0.9375rem; } }
.no-close .ui-dialog-titlebar-close {
display: none; }
.ui-accordion .ui-accordion-content {
padding: 0; }
.ui-dialog-buttonpane button:not(:last-child) {
margin-right: 10px; }
.ui-dialog-buttonpane button,
.ui-widget-content .ui-dialog-buttonpane button,
.ui-widget-header .ui-dialog-buttonpane button {
border: 1px solid #000;
background: transparent;
color: #000; }
.ui-dialog-buttonpane button,
.ui-dialog-buttonpane button:active,
.ui-dialog-buttonpane button:hover,
.ui-dialog-buttonpane button:focus,
.ui-dialog-buttonpane button a,
.ui-dialog-buttonpane button a:active,
.ui-dialog-buttonpane button a:hover,
.ui-dialog-buttonpane button a:focus,
.ui-widget-content .ui-dialog-buttonpane button,
.ui-widget-content .ui-dialog-buttonpane button:active,
.ui-widget-content .ui-dialog-buttonpane button:hover,
.ui-widget-content .ui-dialog-buttonpane button:focus,
.ui-widget-content .ui-dialog-buttonpane button a,
.ui-widget-content .ui-dialog-buttonpane button a:active,
.ui-widget-content .ui-dialog-buttonpane button a:hover,
.ui-widget-content .ui-dialog-buttonpane button a:focus,
.ui-widget-header .ui-dialog-buttonpane button,
.ui-widget-header .ui-dialog-buttonpane button:active,
.ui-widget-header .ui-dialog-buttonpane button:hover,
.ui-widget-header .ui-dialog-buttonpane button:focus,
.ui-widget-header .ui-dialog-buttonpane button a,
.ui-widget-header .ui-dialog-buttonpane button a:active,
.ui-widget-header .ui-dialog-buttonpane button a:hover,
.ui-widget-header .ui-dialog-buttonpane button a:focus {
color: #000;
text-decoration: none;
outline: none; }
.ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
padding: 1em;
overflow: hidden; }
.ui-dialog-buttonpane .ui-dialog-buttonset {
float: right; }
.ui-tabs .ui-tabs-nav {
height: 2.45em;
padding: 0; }
.ui-tabs .ui-tabs-nav li {
border-style: solid;
border-width: 0 0 3px 0; }
.ui-tabs .ui-tabs-panel {
line-height: 1.5em;
margin: 0;
padding: 20px 10px; }
.ui-dialog-buttonpane button {
cursor: pointer;
border-radius: 0;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
padding: 0 1rem;
min-height: 42px;
min-width: 140px; }
.ui-dialog-buttonpane button:hover {
border-color: #000;
background-color: #000;
color: #fff !important; }
.js .ui-dialog-content .pdp-main {
overflow: auto;
height: 100%; }
.js .ui-dialog-content .bonus-product-list {
padding: 0 1.0625rem; }
@media only screen and (min-width: 768px) {
.js .ui-dialog-content .bonus-product-list {
padding: 0 3.125rem;
max-height: 500px; } }
.pdp-main .promotion {
overflow: hidden; }
.js .ui-dialog-content .bonus-product-list .promotion {
margin-bottom: 0; }
.js .ui-dialog-content .pdp-main .promotion {
overflow: hidden;
margin: 20px 0; }
.js .ui-dialog-content .pdp-main .promotion a.tooltip {
margin: 0 0 0 5px;
position: static;
display: inline; }
@media only screen and (max-width: 1023px) {
.js .ui-dialog-content .pdp-main .promotion a.tooltip {
display: none; } }
.icon {
display: inline-block;
vertical-align: middle;
fill: #000; }
.svg-tooltip-icon-dims {
width: 16.5px;
height: 16.5px; }
.js .ui-dialog-content .bonus-product-list .bonus-product-item {
margin-top: 1.5625rem;
overflow: hidden; }
#bonus-product-dialog {
padding: 0; }
#bonus-product-dialog .product-image-container {
position: static; }
@media only screen and (max-width: 1023px) {
#bonus-product-dialog {
padding-top: 0; } }
.js .ui-dialog-content .bonus-product-list .bonus-product-item .product-col-2 {
margin: 0; }
@media only screen and (min-width: 768px) {
.js .ui-dialog-content .bonus-product-list .bonus-product-item .product-col-2 {
float: left;
width: 50%; } }
.js .ui-dialog-content .bonus-product-list .bonus-product-item .product-image-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.875rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.js .ui-dialog-content .product-col-2,
.js .ui-dialog-content .product-primary-image {
padding-top: 0; }
.js .ui-dialog-content .bonus-product-list .bonus-product-item .product-col-3 {
margin: 0; }
@media only screen and (min-width: 768px) {
.js .ui-dialog-content .bonus-product-list .bonus-product-item .product-col-3 {
float: right;
width: calc(50% - 1.5625rem);
max-width: 26.5625rem;
margin-right: 1.5625rem;
height: 100%;
padding-bottom: 0;
padding-left: 1.5625rem;
margin: 0; } }
.js .ui-dialog-content .product-image-container,
.js .ui-dialog-content .product-thumbnails {
width: 100%; }
.js .ui-dialog-content .pdp-main .product-add-to-cart .quantity-module {
margin: 0; }
#bonus-product-list fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
overflow: hidden; }
#bonus-product-list .product-name {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
letter-spacing: .6px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0.625rem; }
#bonus-product-list .product-number {
font-size: 0.8125rem;
line-height: 1.84615em;
font-family: Montserrat, Arial, sans-serif; }
#bonus-product-list .product-price {
clear: both;
float: left;
width: 100%;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .6px;
color: #000;
margin: 0 0 0.625rem; }
@media only screen and (min-width: 768px) {
#bonus-product-list .product-price {
border-bottom: 1px solid #ddd;
padding-bottom: 1.375rem;
margin: 0.25rem 0 1.6875rem; } }
#bonus-product-list .quantity-error {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
background: none;
text-transform: none;
display: block;
margin: 5px 0 0;
clear: both;
position: relative;
top: 5px; }
#bonus-product-list .quantity-error.error {
color: #aa1e26; }
#bonus-product-list .quantity-module {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #ccc; }
#bonus-product-list .quantity-module span.quantity-decrease {
border-right: 0; }
#bonus-product-list .quantity-module span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.5625rem;
padding: 0 0.25rem;
border: 0;
outline: none;
cursor: pointer; }
#bonus-product-list .quantity-module input {
width: 1.5625rem;
border: 0;
outline: none;
text-align: center; }
#bonus-product-list .select-bonus-item {
height: 50px;
border-radius: 0;
background: #fff;
color: #000;
font-size: 1rem;
font-weight: 600;
border: 0;
width: 110px;
text-transform: uppercase;
margin: 0 0 0 12px;
border: 1px solid #ccc;
min-height: initial;
float: right; }
#bonus-product-list .select-bonus-item:hover {
background: #000;
color: #fff;
border: 1px solid #000;
outline: none; }
@media only screen and (max-width: 767px) {
#bonus-product-list .select-bonus-item {
width: 180px; } }
#bonus-product-list .select-bonus-item[disabled] {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
#bonus-product-list .quantity-module span,
#bonus-product-list .quantity-module input {
height: 50px; }
#bonus-product-list .quantity-module span.quantity-increase {
border-left: 0; }
#bonus-product-list .pdp-main .product-number {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.84615em; }
#bonus-product-list .pdp-main .product-price {
border-bottom: 1px solid #ddd;
padding-bottom: 1.375rem;
margin: 0.25rem 0 1.6875rem; }
#bonus-product-list .pdp-main .product-add-to-cart .inventory {
float: left;
white-space: nowrap;
clear: left; }
#bonus-product-list .product-variations .attribute.attribute-sizetype,
#bonus-product-list .product-options .attribute.attribute-sizetype {
margin-top: 0; }
#bonus-product-list .product-variations .selected-label.standard-color,
#bonus-product-list .product-variations .selected-label.sales-color,
#bonus-product-list .product-options .selected-label.standard-color,
#bonus-product-list .product-options .selected-label.sales-color {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: nowrap row;
flex-flow: nowrap row;
width: 100%; }
#bonus-product-list .product-variations .selected-label,
#bonus-product-list .product-options .selected-label {
margin-bottom: 1rem; }
#bonus-product-list .product-variations .selected-label.standard-color .label,
#bonus-product-list .product-options .selected-label.standard-color .label {
-ms-flex-preferred-size: 46px;
flex-basis: 46px; }
#bonus-product-list .product-variations .attribute .label,
#bonus-product-list .product-options .attribute .label {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-weight: 300;
text-transform: capitalize;
font-size: 1rem; }
#bonus-product-list .product-variations .attribute,
#bonus-product-list .product-options .attribute {
position: relative;
clear: both;
padding: 0;
margin-top: 1.25rem; }
#bonus-product-list .product-variations .attribute.attribute-size,
#bonus-product-list .product-options .attribute.attribute-size {
border-top: 1px solid #ddd;
margin-top: 0.5rem;
padding-top: 1rem;
overflow: hidden; }
#bonus-product-list .product-variations .attribute.attribute-size .value,
#bonus-product-list .product-options .attribute.attribute-size .value {
float: none; }
#bonus-product-list .product-variations .attribute .value,
#bonus-product-list .product-options .attribute .value {
width: 100%; }
#bonus-product-list .product-variations .attribute ul,
#bonus-product-list .product-options .attribute ul {
width: 100%; }
#bonus-product-list .product-variations .attribute .selected-value,
#bonus-product-list .product-options .attribute .selected-value {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
text-transform: capitalize;
padding: 1.3em 0 0;
border: none;
color: #000; }
#bonus-product-list .product-variations .attribute.attribute-color .selected-value,
#bonus-product-list .product-options .attribute.attribute-color .selected-value {
font-size: 1rem;
margin-left: 1.875rem; }
#bonus-product-list .product-variations .selected-label.standard-color .selected-value,
#bonus-product-list .product-variations .selected-label.sales-color .selected-value,
#bonus-product-list .product-options .selected-label.standard-color .selected-value,
#bonus-product-list .product-options .selected-label.sales-color .selected-value {
padding-top: 0; }
#bonus-product-list .product-variations .color-swatches-row,
#bonus-product-list .product-options .color-swatches-row {
clear: both; }
#bonus-product-list .product-variations .price-container,
#bonus-product-list .product-options .price-container {
display: inline-block;
float: left;
margin: 0 10px 1.375rem 0;
min-width: 67px; }
#bonus-product-list .product-variations .price-standard h4,
#bonus-product-list .product-options .price-standard h4 {
font-weight: 700;
font-size: 1rem;
color: #aa1e25; }
#bonus-product-list .product-variations .price-standard h4:first-child,
#bonus-product-list .product-options .price-standard h4:first-child {
color: black;
font-weight: 300;
font-size: 0.6875rem;
text-decoration: line-through; }
#bonus-product-list .product-variations ul.swatches.color,
#bonus-product-list .product-options ul.swatches.color {
margin-left: 77px; }
#bonus-product-list .product-variations .attribute ul.color,
#bonus-product-list .product-options .attribute ul.color {
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
margin: 0 0 0 77px;
max-width: 80%;
padding: 0 0 0 16px;
max-width: calc(100% - 82px); }
#bonus-product-list .product-variations .color li,
#bonus-product-list .product-options .color li {
position: relative; }
#bonus-product-list .product-variations .swatches li,
#bonus-product-list .product-options .swatches li {
float: left;
list-style-type: none; }
#bonus-product-list .product-variations .swatches a,
#bonus-product-list .product-options .swatches a {
font-family: Montserrat, Arial, sans-serif;
font-size: 0.75rem;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 500;
display: block;
min-width: 2.8125rem;
line-height: 2.5;
padding: 0 0.625rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0.25rem 0.25rem 0;
text-align: center;
white-space: nowrap;
color: #000;
border: 1px solid #ddd;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
text-decoration: none; }
#bonus-product-list .product-variations .color a,
#bonus-product-list .product-options .color a {
border-radius: 0;
width: 1.875rem;
height: 1.875rem;
line-height: 0;
min-width: auto;
min-height: auto;
margin-bottom: 1.375rem;
margin-right: 0.9375rem;
padding: 0;
border: 0; }
#bonus-product-list .product-variations .color .selected a,
#bonus-product-list .product-options .color .selected a {
border-radius: 0;
height: 1.875rem;
line-height: 0;
min-height: auto;
min-width: auto;
padding: 4px;
width: 1.875rem; }
#bonus-product-list .product-variations .swatches li.selected a,
#bonus-product-list .product-options .swatches li.selected a {
background: transparent;
color: #fff; }
#bonus-product-list .product-variations .sizetype.swatches li.selected a {
background: #000; }
#bonus-product-list .product-variations .color a::after,
#bonus-product-list .product-variations .color a::before,
#bonus-product-list .product-options .color a::after,
#bonus-product-list .product-options .color a::before {
content: "";
display: none;
border-radius: 0;
width: 1.875rem;
height: 1.875rem;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-color: transparent; }
#bonus-product-list .product-variations .swatches li.strike a,
#bonus-product-list .product-options .swatches li.strike a {
opacity: 0.8;
border-color: #ddd;
color: #ddd;
background: transparent;
position: relative;
overflow: hidden; }
#bonus-product-list .product-variations .swatches.color li.strike.selected a,
#bonus-product-list .product-options .swatches.color li.strike.selected a {
overflow: visible; }
#bonus-product-list .product-variations .swatches li.strike:hover a,
#bonus-product-list .product-options .swatches li.strike:hover a {
text-decoration: none;
cursor: default;
background: transparent; }
#bonus-product-list .product-variations .swatches li.strike a::after,
#bonus-product-list .product-options .swatches li.strike a::after {
border: none;
content: "";
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #ddd;
position: absolute;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
width: 160%;
height: 0.125rem;
left: -31%;
top: 50%; }
#bonus-product-list .product-variations .swatches.color li.strike.selected a::after,
#bonus-product-list .product-options .swatches.color li.strike.selected a::after {
left: -28%;
overflow: hidden;
top: 59%; }
#bonus-product-list .product-variations .color a img,
#bonus-product-list .product-options .color a img {
-ms-flex-item-align: center;
align-self: center;
border-radius: 0;
display: -webkit-inline-box;
height: 30px;
padding: 0;
-webkit-transition: padding 0.3s linear;
-o-transition: padding 0.3s linear;
transition: padding 0.3s linear;
width: 30px; }
#bonus-product-list .product-variations .color li.selected:not(.unselectable) a img,
#bonus-product-list .product-options .color li.selected:not(.unselectable) a img {
border: 1px solid #000;
left: -4px;
padding: 4px;
position: relative;
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25); }
@media only screen and (min-width: 1024px) {
#bonus-product-list .product-variations .color li:not(.unselectable) a:hover img,
#bonus-product-list .product-options .color li:not(.unselectable) a:hover img {
border: 1px solid #000;
padding: 4px;
position: relative;
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25); } }
#bonus-product-list .product-variations .attribute.attribute-size .selected-label,
#bonus-product-list .product-options .attribute.attribute-size .selected-label {
display: block;
float: left;
margin-top: 0.3125rem;
position: absolute;
top: 1rem; }
#bonus-product-list .product-variations .attribute.attribute-size ul.size,
#bonus-product-list .product-options .attribute.attribute-size ul.size {
float: left;
margin-left: 4.875rem;
max-width: 77%;
width: 100%; }
#bonus-product-list .product-variations .swatches.size li:hover a,
#bonus-product-list .product-variations .swatches.size li a:hover,
#bonus-product-list .product-options .swatches.size li:hover a,
#bonus-product-list .product-options .swatches.size li a:hover {
background: #000;
color: #fff; }
#bonus-product-list .product-variations .swatches.size .selected a,
#bonus-product-list .product-options .swatches.size .selected a {
background: #000;
color: #fff; }
#bonus-product-list .size-chart-link {
display: none; }
#bonus-product-dialog .pdp-main .product-add-to-cart {
padding: 0; }
.js .ui-dialog-content .bonus-product-list .bonus-product-item .product-add-to-cart {
margin-top: 0.9375rem;
overflow: hidden; }
.js .ui-dialog-content .pdp-main .product-add-to-cart {
background: #fff;
z-index: 9000;
position: relative;
overflow: visible !important; }
.js .ui-dialog-content .bonus-product-list .bonus-product-form {
width: 100%; }
.js .ui-dialog-content .pdp-main .product-add-to-cart .inventory {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.js .ui-dialog-content .bonus-product-list .product-add-to-cart .inventory {
width: 78px;
float: left; }
.js .ui-dialog-content .bonus-product-list .bonus-product-item .product-variations {
border-bottom: 1px solid #ddd;
padding-bottom: 1.5625rem;
overflow: hidden; }
.product-variations {
clear: both; }
.js .ui-dialog-content .bonus-product-list .bonus-product-item .product-variations .attribute-color {
border-top: 1px solid #fff;
margin-top: 10px; }
.svg-minus-black-dims {
width: 10px;
height: 2px; }
.svg-plus-black-dims {
width: 10px;
height: 10px; }
.js .ui-dialog-content .bonus-product-summary {
margin-bottom: 1.25rem; }
.js .ui-dialog-content .bonus-product-summary h6,
.js .ui-dialog-content .bonus-product-summary .h6 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: .6px;
text-transform: uppercase;
margin: 0; }
.js .ui-dialog-content .bonus-product-list .bonus-product-list-footer .add-to-cart-bonus {
float: right;
line-height: 1em;
padding: 0.6875rem 20px;
min-height: 2.5rem;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
display: inline-block;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-width: 1px;
border-style: solid;
border-radius: 0;
letter-spacing: 0.3px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
border-color: #000;
background-color: transparent;
color: #000; }
.js .ui-dialog-content .bonus-product-list .bonus-product-list-footer .add-to-cart-bonus:hover {
border-color: #000;
background-color: #000;
color: #fff; }
.js .ui-dialog-content .bonus-product-list .selected-bonus-item {
position: relative;
margin: 1em 0 1em 2em;
padding-bottom: 1rem;
border-bottom: 1px solid #ddd; }
.js .ui-dialog-content .bonus-product-list .selected-bonus-item .remove-link {
position: absolute;
left: -1.5625rem;
top: 0;
color: #aa1e26;
cursor: pointer; }
.js .ui-dialog-content .bonus-product-list .selected-bonus-item .remove-link .svg-close-icon-dims {
width: 11px;
height: 11px; }
.js .ui-dialog-content .bonus-product-list .selected-bonus-item .item-name {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.38462em;
margin-bottom: 0.4375rem; }
.js .ui-dialog-content .bonus-product-list .selected-bonus-item .item-attributes li {
text-transform: capitalize;
padding: 0.125rem 0; }
.bonus-product-list .product-variations .color a[data-swatchid="swatch-white"] img,
.bonus-product-list .product-variations .color a[data-swatchid="swatch-stone"] img,
.bonus-product-list .product-variations .color a[data-swatchid="swatch-warm_sand"] img,
.bonus-product-list .product-variations .color a[data-swatchid="swatch-sea_salt"] img,
.bonus-product-list .product-options .color a[data-swatchid="swatch-white"] img {
border: 1px solid #ddd; }
:root {
--stylitics-ui-dot-button-height: 20px;
--stylitics-ui-dot-button-width: 20px;
--stylitics-ui-dot-current-background: #000; }
.pt_product-details .primary-content {
padding: 0; }
@media (max-width: 1023.98px) {
.pt_product-details .primary-content {
position: relative; } }
.pt_product-details .breadcrumb {
z-index: 1; }
@media (max-width: 1023.98px) {
.pt_product-details .breadcrumb .last {
display: none; } }
.pt_product-details .breadcrumb li:last-child::after {
display: none; }
.pt_product-details footer {
margin-top: 2.5rem; }
@media (max-width: 767.98px) {
.pt_product-details.talbots-pdp .back-to-top.show {
bottom: 75px; } }
#product-nav-container {
overflow: hidden;
position: absolute;
right: 0;
width: 160px; }
#product-nav-container div {
float: left;
width: 77px;
text-align: center; }
#product-nav-container img {
max-width: 80%;
max-height: 100%; }
#product-nav-container span {
display: block;
height: 65px; }
#product-nav-container .divided span {
padding-right: 5px;
border-right: 1px solid #ddd; }
@media (max-width: 767.98px) {
#product-nav-container {
bottom: 0;
width: 100%; }
#product-nav-container div {
width: 60px; }
#product-nav-container div.product-next {
float: right; }
#product-nav-container .divided span {
border: 0; } }
#stylitics-container {
padding-bottom: 45px; }
@media (max-width: 767.98px) {
#stylitics-container {
padding-top: 0;
padding-bottom: 0; }
#stylitics-container.open {
padding-bottom: 20px; } }
@media (min-width: 768px) {
#stylitics-container .carousel-header {
margin-bottom: 0; } }
@media (max-width: 767.98px) {
#stylitics-container .type-hero-small {
display: block;
text-align: justify;
font-size: 0.8125rem;
letter-spacing: .6px; } }
@media (max-width: 767.98px) {
#stylitics-container #styliticsdata {
height: auto; } }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-carousel-inner {
padding: 0; }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-carousel-inner .stylitics-ui-carousel-card-list {
padding-left: 0 !important; }
@media (min-width: 768px) {
#stylitics-container .stylitics-classic-carousel .stylitics-ui-carousel-inner .stylitics-ui-carousel-card-list .stylitics-ui-carousel-card {
padding: 0 16px; } }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-carousel-inner .stylitics-ui-carousel-card {
min-height: 400px; }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-carousel-inner .stylitics-ui-carousel-card .stylitics-ui-collage-outfit-image {
width: 100%; }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-card-face {
border: none;
outline: none; }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-card-face .stylitics-classic-card-footer {
margin: 12px auto 4px;
padding: 8px 16px;
border: 1px solid black;
width: 140px;
letter-spacing: 0.3px;
font: 400 12px/15px Montserrat, Arial, sans-serif;
border-radius: 0;
background-color: white;
color: black; }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-card-face .stylitics-classic-card-footer:hover {
background-color: black;
color: white; }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-dots {
margin-top: 12px; }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-dots .stylitics-ui-dots-list {
padding-left: 0 !important; }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-dots .stylitics-ui-dot {
padding: 0;
margin: 0 5px;
line-height: var(--stylitics-ui-dot-button-height); }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-dots .stylitics-ui-dot:not(.stylitics-ui-current-dot) .stylitics-ui-dot-button {
background-color: rgba(0, 0, 0, 0.25); }
#stylitics-container .stylitics-classic-carousel .stylitics-ui-dots .stylitics-ui-dot .stylitics-ui-dot-button {
max-height: var(--stylitics-ui-dot-button-height);
min-height: var(--stylitics-ui-dot-button-height); }
.stylitics-jumplink {
background-color: #000;
border-radius: 50%;
width: 90px;
height: 90px;
text-align: center;
padding: 25px 0 0;
position: absolute;
top: 22px;
right: 8px;
color: #fff;
line-height: 1.5em;
font-weight: 500;
font-size: 11px;
opacity: .5;
text-transform: uppercase;
-webkit-transition: opacity .25s ease;
-o-transition: opacity .25s ease;
transition: opacity .25s ease;
text-decoration: none;
z-index: 50;
top: 20px !important;
right: 8px !important; }
@media (max-width: 767.98px) {
.stylitics-jumplink {
top: initial !important;
bottom: initial;
width: 100%;
border-radius: 0;
height: auto;
right: 0;
left: 0;
padding: 0;
line-height: 35px;
font-size: 12px;
opacity: 1;
background-color: rgba(0, 0, 0, 0.65); } }
.stylitics-jumplink span.textt {
display: block;
position: relative;
padding: 0 10px; }
@media (max-width: 767.98px) {
.stylitics-jumplink span.textt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.stylitics-jumplink span.textt::after {
position: relative;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
content: "";
width: 16px;
height: 16px;
background: url("../images/svg-icons/arrow-right-white.svg") no-repeat;
background-size: 100% 100%;
margin: 0;
display: inline-block;
margin-left: 12px; } }
.stylitics-jumplink svg {
margin-top: -5px; }
@media (max-width: 767.98px) {
.stylitics-jumplink svg {
display: none; } }
.stylitics-jumplink:hover {
opacity: 1;
color: #fff;
text-decoration: underline; }
@media (max-width: 767.98px) {
.stylitics-jumplink:hover {
text-decoration: none; } }
@media (min-width: 768px) {
.stylitics-jumplink:hover {
background-color: #000; } }
@media (min-width: 768px) {
.product-image-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.875rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.product-image-container.imgV2-ready .primary-image {
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transition-delay: 3s;
-o-transition-delay: 3s;
transition-delay: 3s;
visibility: hidden;
opacity: 0; }
.product-image-container .leaflet-container {
background: transparent; }
.product-image-container .slick-list {
padding: 0 !important; }
@media (min-width: 1024px) {
.product-image-container .slick-list {
min-height: 735px; } }
@media (max-width: 1279.98px) {
.product-image-container .slick-list {
min-height: 441px; } }
@media screen and (max-width: 767px) {
.product-image-container {
position: relative; } }
.product-image-container .ZoomIcon {
display: none; }
.product-image-container.VER-B .ZoomIcon {
width: 48px;
height: 48px;
padding: 16px;
background-color: rgba(255, 255, 255, 0.6);
position: absolute;
right: 8px;
top: 8px;
z-index: 5;
border-radius: 50%;
pointer-events: none; }
.product-image-container.VER-B .ZoomIcon .icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 16px;
height: 16px; }
.product-image-container.VER-B .ZoomIcon.hidden {
display: none !important; }
.product-image-container.VER-B .product-primary-image .ZoomIcon {
top: 21px;
display: block; }
@media (max-width: 767.98px) {
.product-image-container.VER-B .product-thumbnails-list {
display: block; }
.product-image-container.VER-B .ZoomIcon {
display: block; }
.product-image-container.VER-B .product-thumbnails:not(.hidefpz) .ZoomIcon {
display: block; }
.product-image-container.VER-B .product-thumbnails img,
.product-image-container.VER-B .primary-image {
width: 100%; } }
.product-primary-image {
display: none;
max-width: 100%;
padding: 1em 0 0;
text-align: center;
position: relative;
overflow: hidden; }
.product-primary-image.single-image {
display: block;
margin-bottom: 1.875rem; }
@media (max-width: 767.98px) {
.product-primary-image.single-image .stylitics-jumplink {
bottom: 0; } }
@media (min-width: 768px) {
.product-primary-image {
display: block;
width: 85%; }
.product-primary-image::after {
content: "";
display: table;
clear: both; }
.product-primary-image.single-image {
margin-bottom: 0; } }
.main-image {
display: block; }
.primary-image {
max-width: 100%; }
.product-thumbnails {
margin: 1em 0 0;
position: relative;
z-index: 1; }
@media only screen and (max-width: 767px) {
.product-thumbnails {
min-height: 200px; } }
@media (min-width: 768px) {
.product-thumbnails .stylitics-jumplink {
display: none !important; } }
.product-thumbnails .product-thumbnails-list.imgV2-initialized .thumbnail-link {
display: block;
max-width: 100%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
position: relative; }
.product-thumbnails .product-thumbnails-list.imgV2-initialized .leaflet-container {
background: transparent; }
.product-thumbnails .product-thumbnails-list.imgV2-ready .productthumbnail {
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
-webkit-transition-delay: 3s;
-o-transition-delay: 3s;
transition-delay: 3s;
visibility: hidden;
opacity: 0; }
.product-thumbnails ul {
padding: 0 20px; }
.product-thumbnails ul li {
padding: 0; }
@media (min-width: 768px) {
.product-thumbnails ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
width: 6.875rem; } }
.product-thumbnails .thumb {
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.product-thumbnails .thumb.slick-slide {
display: block; }
.product-thumbnails .thumb.product-video-thumb {
position: relative; }
@media screen and (max-width: 767px) {
.product-thumbnails .thumb.product-video-thumb .thumbnail-link img {
opacity: 1;
visibility: visible; }
.product-thumbnails .thumb.product-video-thumb .thumbnail-link .leaflet-container {
display: none; } }
.product-thumbnails .thumb.product-video-thumb picture {
position: relative; }
.product-thumbnails .thumb.product-video-thumb .icon-play {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -51%);
-ms-transform: translate(-50%, -51%);
transform: translate(-50%, -51%);
width: 60px;
height: 60px;
display: block; }
@media (max-width: 1279.98px) {
.product-thumbnails .thumb.product-video-thumb .icon-play {
width: 40px;
height: 40px; } }
@media screen and (max-width: 767px) {
.product-thumbnails .thumb.product-video-thumb .icon-play {
width: 80px;
height: 80px; } }
.product-thumbnails .thumb.product-video-thumb .icon-play img {
max-width: 100%;
height: auto;
padding: 0; }
@media (min-width: 768px) {
.product-thumbnails .thumb {
margin: 0 0.75rem 0 0; }
.product-thumbnails .thumb img:not(.leaflet-image-layer) {
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
padding-bottom: 0.25rem; }
.product-thumbnails .thumb img:not(.leaflet-image-layer).zoomImg {
-webkit-transition: top 0s linear, left 0s linear !important;
-o-transition: top 0s linear, left 0s linear !important;
transition: top 0s linear, left 0s linear !important; }
.product-thumbnails .thumb a {
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
display: block;
margin-bottom: 0.375rem;
position: relative; }
.product-thumbnails .thumb:hover a, .product-thumbnails .thumb.selected a {
border-bottom: 0.25rem solid #000;
margin-bottom: 0.625rem; } }
.product-thumbnails .thumb ~ .thumb:not(.slick-slide) {
display: none; }
@media (min-width: 768px) {
.product-thumbnails .thumb ~ .thumb:not(.slick-slide) {
display: block; } }
.product-thumbnails img {
max-width: 100%;
height: auto;
cursor: pointer;
margin: auto; }
.product-thumbnails h2 {
margin: 1rem 0 .3rem; }
.product-thumbnails .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2.25rem 0 0.75rem; }
.product-thumbnails .slick-dots li button::before {
top: 0;
left: 0; }
.product-video-display {
position: relative;
padding-bottom: calc(var(--aspect-ratio) * 87%);
height: 0; }
@media screen and (max-width: 767px) {
.product-video-display {
position: absolute !important;
left: 0;
top: 0;
height: 100%;
width: 100%;
pointer-events: none; } }
.product-video-display .video-thumbnail-link {
visibility: visible; }
.product-video-display .video-thumbnail-link picture,
.product-video-display .video-thumbnail-link img {
width: 100%; }
.product-video-display iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.product-video-display .icon-play {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 120px;
height: 120px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer; }
@media (max-width: 1279.98px) {
.product-video-display .icon-play {
width: 80px;
height: 80px; } }
.product-video-display .icon-play img {
max-width: 100%;
height: auto; }
@media (max-width: 767.98px) {
#main #thumbnails .product-thumbnails-list {
margin-bottom: 0; } }
@media (max-width: 767.98px) {
#main #thumbnails .product-thumbnails-list::after {
content: "";
display: block;
width: 100%;
clear: both; }
#main #thumbnails .product-thumbnails-list + .stylitics-jumplink {
bottom: 0; }
#main #thumbnails .product-thumbnails-list.slick-initialized + .stylitics-jumplink {
bottom: 44px; } }
@media (max-width: 768px) {
#main #thumbnails .product-thumbnails-list {
opacity: 1 !important; }
#main #thumbnails .product-thumbnails-list:not(.slick-initialized) li.slick-slide:not(.selected) {
display: none !important; } }
.rating {
color: #000; }
.product-info .rating {
font-size: 2em; }
.pdpForm {
margin-top: 1rem; }
.product-variations,
.product-options {
overflow: hidden; }
.product-variations .color-swatches-row,
.product-options .color-swatches-row {
border-top: 1px solid #ddd;
padding-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column; }
.product-variations .price-container,
.product-options .price-container {
display: block;
margin-bottom: 0.5rem;
margin-right: 10px;
margin-top: 0;
min-width: 67px; }
.product-variations .price-standard h4,
.product-options .price-standard h4 {
font-weight: 700;
font-size: 1rem;
color: #aa1e25; }
.product-variations .price-standard h4.original-price, .product-variations .price-standard h4:only-child,
.product-options .price-standard h4.original-price,
.product-options .price-standard h4:only-child {
color: black;
font-size: 1rem;
text-decoration: none;
font-weight: 700; }
.product-variations .price-standard h4.strike-through,
.product-options .price-standard h4.strike-through {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
font-weight: 400;
font-size: 0.6875rem; }
.product-variations .price-standard h4.strike-through .striked-price,
.product-options .price-standard h4.strike-through .striked-price {
text-decoration: line-through; }
.product-variations .price-standard h4.strike-through .striked-label,
.product-options .price-standard h4.strike-through .striked-label {
text-decoration: none;
display: inline-block;
margin-right: 7px;
font-weight: 400;
color: #aa1e25; }
.product-variations ul.swatches.color,
.product-options ul.swatches.color {
margin-left: 77px; }
.product-variations ul.swatches.color *,
.product-variations ul.swatches.color *::before,
.product-variations ul.swatches.color *::after,
.product-options ul.swatches.color *,
.product-options ul.swatches.color *::before,
.product-options ul.swatches.color *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.product-variations .tfc-fitrec-product,
.product-options .tfc-fitrec-product {
margin: 0.9375rem 0 0; }
.product-variations .tfc-fitrec-product tbody::before,
.product-options .tfc-fitrec-product tbody::before {
display: none !important; }
.product-variations .attribute,
.product-options .attribute {
position: relative;
clear: both;
padding: 0; }
.product-variations .attribute::after,
.product-options .attribute::after {
content: "";
display: table;
clear: both; }
@media (min-width: 768px) {
.product-variations .attribute,
.product-options .attribute {
margin-top: 0; } }
.product-variations .attribute.attribute-color,
.product-options .attribute.attribute-color {
margin-top: 0;
border-bottom: 1px solid #ddd; }
.product-variations .attribute.attribute-color + .attribute-sale-color,
.product-options .attribute.attribute-color + .attribute-sale-color {
margin-top: 0;
padding-top: 0; }
.product-variations .attribute.attribute-color .selected-label,
.product-options .attribute.attribute-color .selected-label {
border-top: 1px solid #ddd;
margin-top: 6px;
margin-bottom: 1rem;
padding-top: 16px; }
.product-variations .attribute.attribute-color .selected-label .label,
.product-options .attribute.attribute-color .selected-label .label {
text-transform: uppercase; }
.product-variations .attribute.attribute-color .selected-label .label::after,
.product-options .attribute.attribute-color .selected-label .label::after {
content: ":";
margin-left: -4px; }
.product-variations .attribute.attribute-color .selected-value,
.product-options .attribute.attribute-color .selected-value {
font-size: 1rem;
margin-left: 0;
font-weight: 700 !important; }
.product-variations .attribute.attribute-color .gc-selected-value,
.product-options .attribute.attribute-color .gc-selected-value {
display: none; }
.product-variations .attribute.attribute-sale-color,
.product-options .attribute.attribute-sale-color {
margin-top: 0;
margin-top: 16px;
padding-top: 16px; }
.product-variations .attribute.attribute-sale-color + .attribute-sale-color,
.product-options .attribute.attribute-sale-color + .attribute-sale-color {
margin-top: 0;
padding-top: 0; }
.product-variations .attribute.attribute-size,
.product-options .attribute.attribute-size {
padding-top: 1rem; }
.product-variations .attribute.attribute-size .selected-label,
.product-options .attribute.attribute-size .selected-label {
margin-bottom: 7px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.product-variations .attribute.attribute-size .value,
.product-options .attribute.attribute-size .value {
float: none; }
.product-variations .attribute.attribute-size ul.size,
.product-options .attribute.attribute-size ul.size {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.product-variations .attribute.attribute-size li.unselectable a::after,
.product-options .attribute.attribute-size li.unselectable a::after {
-webkit-transform: rotate(145deg);
-ms-transform: rotate(145deg);
transform: rotate(145deg); }
.product-variations .attribute.attribute-sizetype,
.product-options .attribute.attribute-sizetype {
margin-top: 0; }
.product-variations .attribute.attribute-sizetype ul.swatches,
.product-options .attribute.attribute-sizetype ul.swatches {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.product-variations .attribute.attribute-sizetype li.unselectable a::after,
.product-options .attribute.attribute-sizetype li.unselectable a::after {
-webkit-transform: rotate(155deg);
-ms-transform: rotate(155deg);
transform: rotate(155deg); }
.product-variations .attribute .label,
.product-options .attribute .label {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 1rem; }
.product-variations .attribute .value,
.product-options .attribute .value {
width: 100%; }
@media (max-width: 767.98px) {
.product-variations .attribute .value,
.product-options .attribute .value {
padding-top: 0.3125rem; } }
.product-variations .attribute ul,
.product-options .attribute ul {
width: 100%; }
.product-variations .attribute ul.color,
.product-options .attribute ul.color {
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
margin: 0 0 0.5rem;
max-width: 100%;
padding: 0 0 0 5px; }
.product-variations .attribute .selected-value,
.product-options .attribute .selected-value {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-weight: 400;
text-transform: capitalize;
padding: 1.3em 0 0;
border: none;
color: #000; }
@media (min-width: 768px) {
.product-variations .attribute .selected-value,
.product-options .attribute .selected-value {
padding-top: .8em; } }
.product-variations .attribute .size-chart-link,
.product-options .attribute .size-chart-link {
clear: both;
display: block;
padding-left: 5rem;
padding-top: 0.525rem; }
.dialog-quick-view .product-set .product-variations .attribute .size-chart-link, .dialog-quick-view .product-set
.product-options .attribute .size-chart-link {
padding-bottom: 0.9375rem; }
.product-variations .attribute .size-chart-link a,
.product-options .attribute .size-chart-link a {
padding: 0;
text-decoration: underline; }
.product-variations .attribute .size-chart-link a:hover,
.product-options .attribute .size-chart-link a:hover {
text-decoration: none; }
.product-variations .selected-label,
.product-options .selected-label {
margin-bottom: 1rem; }
.product-variations .selected-label.standard-color,
.product-variations .selected-label.sales-color,
.product-options .selected-label.standard-color,
.product-options .selected-label.sales-color {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: nowrap row;
flex-flow: nowrap row;
width: 100%; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.product-variations .selected-label.sales-color,
.product-options .selected-label.sales-color {
display: block; } }
.product-variations .selected-label.standard-color .label,
.product-options .selected-label.standard-color .label {
-ms-flex-preferred-size: 67px;
flex-basis: 67px; }
.product-variations .selected-label.sales-color .label,
.product-options .selected-label.sales-color .label {
-ms-flex-preferred-size: 84px;
flex-basis: 84px;
white-space: nowrap; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.product-variations .selected-label.sales-color .label,
.product-options .selected-label.sales-color .label {
display: block; } }
.product-variations .selected-label.standard-color .selected-value,
.product-variations .selected-label.sales-color .selected-value,
.product-options .selected-label.standard-color .selected-value,
.product-options .selected-label.sales-color .selected-value {
padding-top: 0; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.product-variations .sales-color .selected-value,
.product-options .sales-color .selected-value {
margin-left: 0 !important; } }
.product-variations .swatches.color li.strike.selected a,
.product-options .swatches.color li.strike.selected a {
overflow: visible; }
.product-variations .swatches.color li.strike.selected a::after,
.product-options .swatches.color li.strike.selected a::after {
left: -28%;
overflow: hidden;
top: 59%; }
.product-variations .swatches li,
.product-options .swatches li {
list-style-type: none; }
.product-variations .swatches li.selected a,
.product-options .swatches li.selected a {
background: transparent;
color: #fff; }
@media (min-width: 1024px) {
.product-variations .swatches li:hover a,
.product-options .swatches li:hover a {
background: transparent;
color: #fff; } }
.product-variations .swatches li.unselectable a,
.product-options .swatches li.unselectable a {
background: transparent;
position: relative;
overflow: hidden; }
.product-variations .swatches li.unselectable a::after,
.product-options .swatches li.unselectable a::after {
border: none;
content: "";
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #ddd;
position: absolute;
-webkit-transform: rotate(140deg);
-ms-transform: rotate(140deg);
transform: rotate(140deg);
width: 160%;
height: 0.125rem;
left: -31%;
top: 50%; }
@media (min-width: 1024px) {
.product-variations .swatches li.unselectable:hover a,
.product-options .swatches li.unselectable:hover a {
border-color: #ddd;
text-decoration: none;
color: #ddd;
cursor: default;
background: transparent; } }
.product-variations .swatches li.strike a,
.product-options .swatches li.strike a {
opacity: 0.8;
border-color: #ddd;
color: #ddd;
background: transparent;
position: relative;
overflow: hidden; }
.product-variations .swatches li.strike a::after,
.product-options .swatches li.strike a::after {
border: none;
content: "";
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #ddd;
position: absolute;
-webkit-transform: rotate(140deg);
-ms-transform: rotate(140deg);
transform: rotate(140deg);
width: 160%;
height: 0.125rem;
left: -31%;
top: 50%; }
@media (min-width: 1024px) {
.product-variations .swatches li.strike:hover a,
.product-options .swatches li.strike:hover a {
text-decoration: none;
cursor: default;
background: transparent; }
.product-variations .swatches li.strike:hover a.swatches.color,
.product-options .swatches li.strike:hover a.swatches.color {
overflow: hidden; }
.product-variations .swatches li.strike:hover a.swatches.color::after, .product-variations .swatches li.strike:hover a.swatches.color::before,
.product-options .swatches li.strike:hover a.swatches.color::after,
.product-options .swatches li.strike:hover a.swatches.color::before {
content: "";
display: block;
border-radius: 0;
width: 1.875rem;
height: 1.875rem;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-color: transparent; } }
.product-variations .swatches a,
.product-options .swatches a {
font-family: Montserrat, Arial, sans-serif;
font-size: 0.875rem;
font-weight: 400;
display: block;
min-width: 2.875rem;
line-height: 2.5;
padding: 0 0.3125rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 0.625rem 0.625rem 0;
text-align: center;
white-space: nowrap;
letter-spacing: normal;
color: #000;
border: 1px solid #ddd;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.product-variations .swatches.size .selected a,
.product-options .swatches.size .selected a {
background: #000;
color: #fff; }
@media (min-width: 1024px) {
.product-variations .swatches.size li:hover a,
.product-variations .swatches.size li a:hover,
.product-options .swatches.size li:hover a,
.product-options .swatches.size li a:hover {
background: #000;
color: #fff; }
.product-variations .swatches.size li.unselectable:hover a,
.product-options .swatches.size li.unselectable:hover a {
border-color: #ddd;
text-decoration: none;
color: #ddd;
cursor: default;
background: transparent; } }
.product-variations .color li,
.product-options .color li {
position: relative; }
.product-variations .color a,
.product-options .color a {
border-radius: 0;
line-height: 0;
min-width: auto;
min-height: auto;
margin-bottom: 0.5rem;
margin-right: 0.5rem;
padding: 0;
border: 0; }
.product-variations .color a img,
.product-options .color a img {
-ms-flex-item-align: center;
align-self: center;
border-radius: 0;
display: -webkit-inline-box;
height: 30px;
width: 30px;
padding: 2px;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
border: 2px solid transparent; }
.product-variations .color a::after, .product-variations .color a::before,
.product-options .color a::after,
.product-options .color a::before {
content: "";
display: block;
width: 1.875rem;
height: 1.875rem;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-color: transparent; }
.product-variations .color a[data-swatchid~="white"]::before, .product-variations .color a[data-swatchid="swatch-white"]::before, .product-variations .color a[data-swatchid="swatch-salt"]::before, .product-variations .color a[data-swatchid="swatch-ivory"]::before, .product-variations .color a[data-swatchid="swatch-bone"]::before, .product-variations .color a[data-swatchid="swatch-cloud_nine"]::before,
.product-options .color a[data-swatchid~="white"]::before,
.product-options .color a[data-swatchid="swatch-white"]::before,
.product-options .color a[data-swatchid="swatch-salt"]::before,
.product-options .color a[data-swatchid="swatch-ivory"]::before,
.product-options .color a[data-swatchid="swatch-bone"]::before,
.product-options .color a[data-swatchid="swatch-cloud_nine"]::before {
content: "";
display: block;
top: 4px;
left: 4px;
border: 1px solid #ddd; }
@media (min-width: 1024px) {
.product-variations .color li:not(.unselectable) a:hover img,
.product-options .color li:not(.unselectable) a:hover img {
border-color: #000; } }
.product-variations .color li.selected:not(.unselectable) a img,
.product-options .color li.selected:not(.unselectable) a img {
border-color: #000; }
.product-variations .sizetype,
.product-options .sizetype {
margin-top: -.1875rem; }
.product-variations .sizetype::before,
.product-options .sizetype::before {
content: "";
display: block;
height: 1px;
border-bottom: 1px solid #ddd;
width: 100%;
position: absolute;
bottom: 0;
display: none; }
.product-variations .sizetype li,
.product-options .sizetype li {
margin-top: .1875rem; }
.product-variations .sizetype li.unselectable a,
.product-options .sizetype li.unselectable a {
border-color: #ddd; }
.product-variations .sizetype li a,
.product-options .sizetype li a {
border: 1px solid #ddd;
color: #000;
font-size: 0.8125rem;
font-weight: 500;
line-height: 1;
margin: 0 10px 10px 0;
padding: 0.5rem 0.75rem; }
@media only screen and (max-width: 380px) {
.product-variations .sizetype li a,
.product-options .sizetype li a {
font-size: 0.75rem;
padding: 0.5rem 0.3125rem; } }
@media only screen and (min-width: 768px) and (max-width: 960px) {
.product-variations .sizetype li a,
.product-options .sizetype li a {
font-size: 0.75rem;
padding: 0.5rem 0.3125rem; } }
.product-variations .sizetype li.selected a,
.product-options .sizetype li.selected a {
border-color: #000;
background: #000;
color: #fff; }
.product-variations .sizetype li.selected a:hover,
.product-options .sizetype li.selected a:hover {
border-color: #000;
color: #fff; }
@media (min-width: 1024px) {
.product-variations .sizetype li:hover a,
.product-variations .sizetype li a:hover,
.product-options .sizetype li:hover a,
.product-options .sizetype li a:hover {
border-color: #000;
color: #000; } }
.product-variations select,
.product-options select {
width: 100%;
height: 42px;
border: 1px solid #ddd;
border-radius: 0;
margin-left: 0;
background-color: #fff; }
@media (min-width: 768px) {
.product-variations select,
.product-options select {
height: 32px; } }
.product-description-container {
overflow: hidden; }
.product-description-container::after {
content: "";
display: table;
clear: both; }
@media (max-width: 767.98px) {
.product-description-container {
border-top: 1px solid #ddd; }
.product-description-container a.viewmore {
text-decoration: underline;
display: block;
padding-bottom: 1.0625rem; }
.product-description-container.product-reviews-qa {
border-bottom: 1px solid #ddd; }
.product-description-container.open .product-description-content {
max-height: 624.9375rem; }
.product-description-container.open h6::before {
background-image: url("../images/svg-icons/minus-black.svg");
top: 1.5rem;
height: 0.125rem; } }
.product-description-container h6 {
padding: 0 0 1.0625rem !important; }
@media (max-width: 767.98px) {
.product-description-container h6 {
position: relative;
padding: 1.0625rem 0 !important; }
.product-description-container h6::before {
content: "";
display: block;
background-image: url("../images/svg-icons/plus-black.svg");
width: 0.625rem;
height: 0.625rem;
position: absolute;
right: 0;
top: 1.1875rem; } }
@media (min-width: 768px) {
.product-description-container h6 {
padding-top: 0; } }
.product-description-container .product-description-content {
overflow: hidden;
height: auto; }
.product-description-container .product-description-content .stylitics-widget-outfits-container .stylitics-widget-outfit-cta-border:hover {
background: #000;
color: #fff; }
.product-description-container .product-description-content .stylitics-widget-outfits-container .stylitics-widget-outfit-cta-border.stylitics-focus-border-1px:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid black !important; }
@media (max-width: 767.98px) {
.product-description-container .product-description-content {
-webkit-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
max-height: 0; }
.product-description-container .product-description-content::after {
content: "";
display: block;
padding-bottom: 1.0625rem; } }
@media (max-width: 767.98px) {
#styliticsdata.product-description-content::after {
content: "";
display: block;
padding-bottom: 2rem; } }
.product-info {
clear: both;
margin-top: -0.0625rem; }
@media (min-width: 768px) {
.product-info {
padding-top: 1.125rem;
min-height: 25em; } }
.product-info ul {
font-size: 13px;
font-size: 0.8125rem;
list-style: square;
padding: 0 5em; }
@media (min-width: 768px) {
.product-info ul {
padding: 1em 5em; } }
.product-info .product-description-info .product-description-container:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.product-info .product-description-info .product-description-container:first-child .viewmore {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
@media (min-width: 768px) {
.product-info .product-description-info {
border-top: 1px solid #ddd;
padding: 2.6875rem 0 0;
margin: 0 0 45px; }
.product-info .product-description-info::after {
content: "";
display: table;
clear: both; }
.product-info .product-description-info,
.product-info .product-description-info p,
.product-info .product-description-info li {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.84615em; }
.product-info .product-description-info p {
margin-bottom: 0.75rem; }
.product-info .product-description-info.product-set {
border-top: 0;
padding-top: 0; }
.product-info .product-description-info.product-set .pdp-description-container,
.product-info .product-description-info.product-set .pdp-features-materials-container {
width: 100%;
float: none;
padding-right: 0;
padding-bottom: 0.5625rem; }
.product-info .product-description-info.product-set .product-description-container {
overflow: hidden;
border-bottom: 1px solid #ddd; }
.product-info .product-description-info.product-set .product-description-container::after {
content: "";
display: table;
clear: both; }
.product-info .product-description-info.product-set .product-description-container a.viewmore {
text-decoration: underline;
padding-bottom: 0.75rem;
display: block; }
.product-info .product-description-info.product-set .product-description-container:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.product-info .product-description-info.product-set .product-description-container:first-child .viewmore {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.product-info .product-description-info.product-set .product-description-container.open:last-child {
border-bottom: none; } }
@media (min-width: 768px) and (min-width: 768px) {
.product-info .product-description-info.product-set .product-description-container.product-reviews-qa {
border-bottom: 1px solid #ddd; }
.product-info .product-description-info.product-set .product-description-container.open .product-description-content {
max-height: 624.9375rem; }
.product-info .product-description-info.product-set .product-description-container.open h6::before {
background-image: url("../images/svg-icons/minus-black.svg");
top: 1.5rem;
height: 0.125rem; } }
@media (min-width: 768px) {
.product-info .product-description-info.product-set .product-description-container h6 {
cursor: pointer;
padding: 1.0625rem 0 0.5rem !important;
display: block !important; } }
@media (min-width: 768px) and (min-width: 768px) {
.product-info .product-description-info.product-set .product-description-container h6 {
position: relative; }
.product-info .product-description-info.product-set .product-description-container h6::before {
content: "";
display: block;
background-image: url("../images/svg-icons/plus-black.svg");
width: 0.625rem;
height: 0.625rem;
position: absolute;
right: 0;
top: 1.1875rem; } }
@media (min-width: 768px) and (min-width: 768px) {
.product-info .product-description-info.product-set .product-description-container h6 {
padding-top: 0; } }
@media (min-width: 768px) {
.product-info .product-description-info.product-set .product-description-container .product-description-content {
overflow: hidden;
height: auto; }
.product-info .product-description-info.product-set .product-description-container .product-description-content .stylitics-widget-outfit-cta-border:hover {
background: #000;
color: #fff; }
.stylitics-widget-outfits-container .product-info .product-description-info.product-set .product-description-container .product-description-content .stylitics-widget-outfit-cta-border:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: 1px solid black !important; } }
@media (min-width: 768px) and (min-width: 768px) {
.product-info .product-description-info.product-set .product-description-container .product-description-content {
-webkit-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
max-height: 0; }
.product-info .product-description-info.product-set .product-description-container .product-description-content::after {
content: "";
display: block;
padding-bottom: 1.0625rem; } }
@media (min-width: 768px) {
.product-info .pdp-description-container {
width: 48%;
float: left;
padding-right: 6%; }
.product-info .pdp-features-materials-container {
width: 29%;
float: left;
padding-right: 3%; }
.product-info .pdp-features-materials-container:last-child {
padding-right: 0;
width: 23%; } }
.product-info .pdp-features-materials-container:last-child {
border-bottom: 0; }
.product-info .tcc-cta-include {
padding-top: 1.25rem; }
@media (min-width: 768px) {
.product-info .tcc-cta-include.pdp-only .layout {
padding-left: 15%; } }
@media (max-width: 365px) {
.product-info .tcc-cta-include.pdp-only .layout img {
margin-top: 12px; }
.product-info .tcc-cta-include.pdp-only .layout .epjs-body {
width: 190px;
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }
.tcc-cta-desktop {
text-align: center; }
.product-description-content ul,
.product-description-content ol,
.product-description ul,
.product-description ol {
line-height: 24px;
line-height: 1.5rem;
padding-left: 0.9375rem !important;
list-style: disc !important;
list-style-image: url("../images/svg-icons/bullet.svg") !important; }
.product-description-content ul li,
.product-description-content ol li,
.product-description ul li,
.product-description ol li {
line-height: 24px;
line-height: 1.5rem; }
.product-reviews.no-reviews,
.product-review.no-reviews {
display: none; }
.product-review {
margin-bottom: 8px; }
.product-review::after {
content: "";
display: table;
clear: both; }
.product-main-attributes .attribute {
padding: .2em 0; }
.product-main-attributes .label {
padding: 0; }
/* pro-shipping-opts block */
.product-shipping-opts {
margin: 0 0 1rem; }
.product-shipping-opts ul li {
margin-top: 13px;
position: relative; }
.product-shipping-opts ul li:first-child {
margin-top: 0; }
.product-shipping-opts input[type="radio"][disabled] + label,
.product-shipping-opts input[type="radio"].disabled + label {
color: #ddd; }
.product-shipping-opts input[type="radio"][disabled] + label .error,
.product-shipping-opts input[type="radio"].disabled + label .error {
display: block; }
.product-shipping-opts input[type="radio"] + label {
margin: 0;
letter-spacing: normal; }
@media (min-width: 768px) {
.product-shipping-opts input[type="radio"] + label {
font-size: 0.875rem; } }
@media (max-width: 1023.98px) {
.product-shipping-opts input[type="radio"] + label {
font-size: 0.75rem; } }
.product-shipping-opts input[type="radio"] + label span {
padding: 0 0 0 24px;
display: block;
font-weight: normal;
text-transform: none; }
.product-shipping-opts input[type="radio"] + label i {
font-style: normal;
text-transform: uppercase;
display: inline-block;
margin-right: 4px; }
.product-shipping-opts input[type="radio"] + label .error {
text-transform: none;
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
padding: 5px 0 0 24px;
display: none; }
.product-shipping-opts input[type="radio"] + label .pickup-lmtd-stock {
display: inline-block;
padding-left: 0; }
.product-shipping-opts input[type="radio"] + label .pickup-lmtd-stock.colon::before {
content: ":";
font-weight: bold; }
.product-shipping-opts input[type="radio"] + label .pickup-lmtd-stock .msg {
display: inline-block;
padding-left: 5px;
font-weight: bold;
color: #aa1e26; }
.product-shipping-opts input[type="radio"] + label .lmtd-stock {
color: #aa1e26;
font-weight: bold;
display: inline-block;
padding-left: 3px; }
.product-shipping-opts input[type="radio"] + label[for*="free-pick-in-store"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media only screen and (max-width: 1070px) {
.product-shipping-opts input[type="radio"] + label[for*="free-pick-in-store"] {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.product-shipping-opts input[type="radio"] + label[for*="free-pick-in-store"] .pickup-lmtd-stock {
padding-left: 19px; }
.product-shipping-opts input[type="radio"] + label[for*="free-pick-in-store"] .pickup-lmtd-stock,
.product-shipping-opts input[type="radio"] + label[for*="free-pick-in-store"] .msg1 {
font-weight: bold; }
.product-shipping-opts input[type="radio"] + label[for*="free-pick-in-store"] .pickup-lmtd-stock.colon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0; }
.product-shipping-opts input[type="radio"] + label[for*="free-pick-in-store"] .pickup-lmtd-stock.colon .msg {
padding-left: 3px; }
.product-shipping-opts input[type="radio"] + label[for*="free-pick-in-store"] .msg1 {
padding-left: 0; }
.product-shipping-opts input[type="radio"] + label[for*="free-pick-in-store"] .msg1.colon::after {
content: ":";
font-weight: bold;
padding-left: 0; }
.product-shipping-opts.paylater {
border-top: 1px solid #ddd;
padding-top: 1rem; }
/* End product-shipping-opts block */
/* Start Product Shipping Availability block */
.pro-shipping-validation {
position: relative;
padding: 12px 0 0;
margin: 0 -15px; }
@media (min-width: 768px) {
.pro-shipping-validation {
padding: 0 0 30px 24px;
margin: -13px 0 0; } }
@media (min-width: 1024px) {
.pro-shipping-validation {
max-width: 355px; } }
@media (max-width: 1023.98px) {
.pro-shipping-validation {
margin: -21px -15px 0;
padding: 10px 15px 10px 30px; } }
@media (max-width: 767.98px) {
.pro-shipping-validation {
padding: 10px 0; } }
.pro-shipping-validation::before {
content: "";
display: none;
height: 0;
width: 0;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #aa1e26;
position: absolute;
top: -19px; }
@media (min-width: 768px) {
.pro-shipping-validation::before {
display: block;
left: 96px; } }
@media (min-width: 1024px) {
.pro-shipping-validation::before {
left: 80px; } }
@media (max-width: 1023.98px) {
.pro-shipping-validation::before {
top: -9px; } }
.pro-shipping-validation .error {
position: relative;
background: #aa1e26;
padding: 10px; }
@media (min-width: 768px) {
.pro-shipping-validation .error {
padding: 15px 4px 14px; } }
@media (min-width: 1024px) {
.pro-shipping-validation .error {
padding: 15px 4px 14px 11px; } }
.pro-shipping-validation .error span {
display: block;
width: 20px;
height: 15px;
float: left;
margin-right: 6px;
margin-top: 4px;
background-image: url("../images/svg-icons/warning-white.svg");
background-repeat: no-repeat;
background-size: 20px 15px; }
@media (min-width: 768px) {
.pro-shipping-validation .error span {
margin-right: 4px; } }
@media (min-width: 1024px) {
.pro-shipping-validation .error span {
margin-right: 10px; } }
.pro-shipping-validation .error p {
float: left;
width: calc(100% - 40px);
color: white;
font-size: 10px;
line-height: 1.6;
margin: 0; }
@media (min-width: 768px) {
.pro-shipping-validation .error p {
width: calc(100% - 30px);
font-size: 10px; } }
.pro-shipping-validation .error::after {
content: "";
display: block;
clear: both;
height: 0; }
/* End Product Shipping Availability block */
.product-actions::after {
content: "";
display: table;
clear: both; }
.product-actions .pro-actions_inn {
text-align: center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 8px 0; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.product-actions .pro-actions_inn {
padding: 5px 0;
text-align: center; } }
@media (min-width: 768px) {
.product-actions .pro-actions_inn {
border-bottom: 1px solid #ddd; } }
.product-actions .action-link {
vertical-align: middle; }
.product-actions .action-link .icon {
padding-right: 0.25rem;
margin-top: -0.1875rem; }
.product-actions a {
vertical-align: top; }
.product-actions a[data-action="wishlist"], .product-actions a[data-action="find-in-store"] {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
text-transform: uppercase;
line-height: 1.875rem;
padding: 0.625rem 0; }
.product-actions a[data-action="find-in-store"] {
padding-right: 5%;
border-right: 1px solid #ddd; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.product-actions a[data-action="find-in-store"] {
padding: 0 0 0.625rem 0;
border-right: 0;
border-bottom: 1px solid #ddd; } }
@media screen and (max-width: 350px) {
.product-actions a[data-action="find-in-store"] {
padding-right: 4%; } }
.product-actions a[data-action="wishlist"] {
padding-left: 5%; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.product-actions a[data-action="wishlist"] {
padding: 0; } }
@media screen and (max-width: 350px) {
.product-actions a[data-action="wishlist"] {
padding-left: 4%; } }
@media (min-width: 768px) and (max-width: 1023.98px) {
.product-actions a {
display: block; } }
.product-actions .lmtd-stock {
color: #aa1e26;
font-weight: bold;
margin-bottom: 0;
display: inline-block; }
.product-actions > .lmtd-stock {
margin-bottom: 16px; }
.pro-selected-outer .pro-selected-con {
padding: 0 0 20px 24px;
margin: -12px 0 0; }
@media (min-width: 768px) {
.pro-selected-outer .pro-selected-con {
padding: 0 0 30px 26px; } }
.pro-selected-outer .pro-details {
margin: 16px 0 10px; }
@media (min-width: 768px) {
.pro-selected-outer .pro-details {
margin: 16px 0 11px; } }
.pro-selected-outer .pro-details p {
margin: 0; }
.pro-selected-outer .pro-details p .is-stock {
color: #777; }
.pro-selected-outer .pro-details > p {
line-height: 20px;
margin: 0 0 3px; }
.pro-selected-outer .pro-details .store-pkp-msg {
margin: 0 0 16px 0; }
.pro-selected-outer .pro-details .store-pkp-msg > span {
font-size: 0.875rem;
line-height: 1.25rem;
letter-spacing: .28px;
display: block;
margin-bottom: 4px;
letter-spacing: normal; }
.pro-selected-outer .pro-details .store-opts {
line-height: 1.375rem; }
.pro-selected-outer .pro-details .pro-addresses p {
font-size: 13px;
line-height: 20px;
letter-spacing: .28px; }
@media (min-width: 768px) {
.pro-selected-outer .pro-details .pro-addresses p {
line-height: 20px; } }
.pro-selected-outer .store-opts > ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.pro-selected-outer .store-opts > ul > li {
padding: 0 16px;
border-right: 1px solid #ccc;
display: inline-block;
position: relative; }
.pro-selected-outer .store-opts > ul > li:first-child {
padding-left: 0; }
.pro-selected-outer .store-opts > ul > li:last-child {
border-right: none;
padding-right: 0; }
.pro-selected-outer .store-opts > ul > li > a {
text-decoration: underline;
display: block;
line-height: 19px; }
.pro-selected-outer .store-opts > ul > li > a:hover {
text-decoration: none; }
.pro-selected-outer .store-opts > ul > li .store-tooltip {
position: absolute;
z-index: 1;
top: 100%;
padding: 20px 0 0;
display: none;
width: 240px;
-webkit-transform: translate(-25px, 0);
-ms-transform: translate(-25px, 0);
transform: translate(-25px, 0); }
@media (min-width: 768px) {
.pro-selected-outer .store-opts > ul > li .store-tooltip {
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0); } }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content {
position: relative;
border: 1px solid #e1e1e1;
background: white;
padding: 25px; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content p {
margin: 0; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content .view-store {
font-size: 14px;
text-decoration: underline; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content .view-store:hover {
text-decoration: none; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content::before, .pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content::after {
content: "";
bottom: 100%;
left: 60px;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
z-index: 1; }
@media (min-width: 768px) {
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content::before, .pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content::after {
left: 50%; } }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content::before {
border-bottom-color: #e1e1e1;
border-width: 0 16px 16px;
margin-left: -16px; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content::after {
border-bottom-color: white;
border-width: 0 14px 14px;
margin-left: -14px; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content .btn-close {
position: absolute;
top: 15px;
right: 15px;
font-size: 20px;
line-height: 1; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content strong {
display: block;
margin: 0 0 10px; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content .hrs-content {
margin: 0 0 15px; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content .hrs-content p {
margin: 0 0 5px; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content ul {
margin: 0 0 15px;
list-style: none; }
.pro-selected-outer .store-opts > ul > li .store-tooltip .store-tooltip_content ul li {
margin: 0 0 5px; }
@media (min-width: 768px) {
.pro-selected-outer .store-validation {
margin-top: -1px; } }
.pro-selected-outer .store-validation .error p {
font-style: italic;
margin: 0 0 7px; }
@media (min-width: 768px) {
.pro-selected-outer .store-validation .error p {
line-height: 20px; } }
.pro-selected-outer .store-validation .error p a {
color: #aa1e26;
text-decoration: underline; }
@media (max-width: 1023.98px) {
.pro-selected-outer .store-validation .error p a {
display: inline-block; }
.pro-selected-outer .store-validation .error p a::before {
content: "\A"; } }
.pro-selected-outer .store-validation .error p a:hover {
text-decoration: none; }
.socialsharing {
padding: 1rem 0;
float: none;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (min-width: 768px) {
.socialsharing {
padding: 1rem 0 0; } }
.socialsharing .sharing-title {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 17px;
font-size: 1.0625rem;
line-height: 0.94118em;
color: #999;
vertical-align: middle; }
.socialsharing .fb-like {
vertical-align: middle;
max-height: 18.39px;
margin-left: 0.25rem;
padding-left: 0.25rem; }
.socialsharing a {
vertical-align: top; }
.socialsharing a .svg-pdp-pinterest-dims {
width: 20px;
height: 20px; }
.socialsharing a .svg-pdp-twitter-dims {
width: 20px;
height: 20px; }
.socialsharing a .svg-pdp-facebook-dims {
width: 20px;
height: 20px; }
.socialsharing a .svg-pdp-mail-dims {
width: 23px;
height: 19px; }
.socialsharing a.share-icon {
margin: 0 0.25rem;
padding: 0 0.25rem;
color: #999; }
.socialsharing a.share-icon:hover {
color: #999; }
.socialsharing a.share-icon i {
font-size: 48px;
font-size: 3rem; }
@media (min-width: 768px) {
.socialsharing a.share-icon i {
font-size: 32px;
font-size: 2rem; } }
.pdp-main {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
margin: 0; }
.pdp-main::after {
content: "";
display: table;
clear: both; }
.pdp-main ul {
list-style: none;
padding: 0;
margin: 0; }
.pdp-main label {
/*@include type-pdp-label();*/
width: auto;
padding: 0;
text-align: left; }
@media (min-width: 768px) {
.pdp-main .product-col-2 {
float: left;
width: 57%; } }
@media (min-width: 768px) {
.pdp-main .product-col-1,
.pdp-main .product-col-3 {
float: right;
width: 36%;
padding-bottom: 1.5625rem; } }
.pdp-main .product-col-1 {
clear: both; }
@media (min-width: 768px) {
.pdp-main .product-col-1 {
padding-bottom: 0; } }
.pdp-main .product-col-1.product-set-header {
background: #fff; }
@media (min-width: 768px) {
.pdp-main .product-col-1.product-set-header {
position: absolute;
right: 0;
z-index: 138; } }
.pdp-main .product-col-1 .bv_main_container_row_flex > .bv_main_container_row_flex,
.pdp-main .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist {
padding-right: 0 !important; }
@media screen and (min-width: 1080px) {
.pdp-main .product-col-1 [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex {
padding-right: 0.5rem !important; } }
.pdp-main .product-name {
margin-bottom: 0.3125rem;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
text-transform: uppercase;
letter-spacing: 1.2px; }
@media (min-width: 768px) {
.pdp-main .product-name {
font-size: 24px;
font-size: 1.5rem; } }
@media (min-width: 768px) {
.pdp-main .product-name {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
letter-spacing: .01em;
text-transform: uppercase;
margin-top: 1rem;
margin-bottom: 0.625rem; } }
.pdp-main .product-number {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.84615em; }
@media (min-width: 768px) {
.pdp-main .pdp-secondary-line {
border-bottom: 1px solid #ddd;
margin-bottom: 16px;
padding-bottom: 16px; } }
@media screen and (min-width: 1080px) {
.pdp-main .pdp-secondary-line {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
@media screen and (min-width: 1080px) {
.pdp-main .pdp-secondary-line .product-number {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
font-size: 0.75rem;
white-space: nowrap;
padding-right: 5px;
margin-top: 2px; } }
@media (min-width: 1024px) {
.pdp-main .pdp-secondary-line [data-bv-show="rating_summary"] {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
white-space: nowrap; } }
@media screen and (min-width: 1080px) {
.pdp-main .pdp-secondary-line [data-bv-show="rating_summary"] .bv_main_container {
margin-top: 0 !important; } }
@media (min-width: 1024px) {
.pdp-main .pdp-secondary-line [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container {
padding-right: 8px !important; } }
.pdp-main .product-price {
clear: both;
float: left;
width: 100%;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
line-height: 1.5em;
letter-spacing: .6px;
color: #000;
margin: 0 0 0.625rem; }
.pdp-main .product-price .price-standard {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
font-size: 1rem;
line-height: 1.5em;
text-decoration: line-through; }
.pdp-main .product-price .price-standard + .price-sales {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
line-height: 1.5em;
color: #aa1e26; }
@media (min-width: 768px) {
.pdp-main .product-price {
border-bottom: 1px solid #ddd;
padding-bottom: 1.375rem;
margin: 0.25rem 0 1.6875rem; } }
.pdp-main .price-tiered {
line-height: 1.5em;
font-size: .6em;
color: #aa1e26; }
.pdp-main .product-add-to-cart-parent {
position: relative; }
.pdp-main .product-add-to-cart {
padding: 1.4375rem 0;
overflow: hidden;
font-size: 1.0625rem;
border-top: 1px solid #ddd; }
@media (min-width: 768px) {
.pdp-main .product-add-to-cart {
padding: 1rem 0; } }
.pdp-main .product-add-to-cart::after {
content: "";
display: block;
clear: both;
height: 0; }
.pdp-main .product-add-to-cart .quantity-label {
display: inline-block;
margin-bottom: 0.5rem;
position: absolute; }
@media (min-width: 768px) {
.pdp-main .product-add-to-cart .quantity-label {
display: none; } }
.pdp-main .product-add-to-cart .inventory {
float: left;
white-space: nowrap;
clear: left; }
.pdp-main .product-add-to-cart .inventory .quantity-module {
margin-right: 0.1875rem; }
.pdp-main .product-add-to-cart .inventory .quantity-module input {
width: 1.5625rem; }
@media (max-width: 767.98px) {
.pdp-main .product-add-to-cart .product-price {
width: 100%;
padding: 30px 10px;
text-align: left;
font-size: 2em; } }
.pdp-main .product-add-to-cart button {
float: left;
width: calc(100% - 108px);
min-height: 3.125rem;
font-size: 1.0625rem; }
@media (min-width: 768px) and (max-width: 1023.98px) {
.pdp-main .product-add-to-cart button {
padding-left: 0;
padding-right: 0; } }
.pdp-main .product-add-to-cart button.add-to-cart-disabled {
text-decoration: none;
border-color: #ddd;
background-color: #ddd;
color: #999; }
.pdp-main .product-set-list .product-add-to-cart {
border-top: 1px solid #ddd;
min-height: 6.625rem;
padding-bottom: 1rem;
padding-top: 1rem; }
.pdp-main #pp-message {
padding-bottom: 0.5rem;
margin-top: -0.5rem; }
@media (max-width: 1023.98px) {
.pdp-main #pp-message {
margin-top: -0.75rem; } }
.pdp-main .recentlyviewed-container {
padding: 0 0 1.875rem; }
.pdp-main .recentlyviewed-container .product-description-container {
overflow: visible; }
@media screen and (min-width: 1024px) and (max-width: 1025px) {
.pdp-main .recentlyviewed-container .slick-next {
right: -1.4375rem; }
.pdp-main .recentlyviewed-container .slick-prev {
left: -1.4375rem; } }
@media (min-width: 768px) {
.pdp-main .recentlyviewed-container .product-description-content {
overflow: visible; } }
@media (max-width: 767.98px) {
.pdp-main .recentlyviewed-container {
padding: 0; }
.pdp-main .recentlyviewed-container .type-hero-small {
display: none; } }
.pdp-main .recommendations-container {
padding: 0 0 1.25rem; }
.pdp-main .recommendations-container .product-description-container {
overflow: visible; }
@media screen and (min-width: 1024px) and (max-width: 1025px) {
.pdp-main .recommendations-container .slick-next {
right: -1.5rem; }
.pdp-main .recommendations-container .slick-prev {
left: -1.5rem; } }
@media (min-width: 768px) {
.pdp-main .recommendations-container {
padding: 0 0 1.875rem; }
.pdp-main .recommendations-container .product-description-content {
overflow: visible; }
.pdp-main .recommendations-container ul.product-description-content {
overflow-x: auto; }
.pdp-main .recommendations-container .type-hero-sub-small {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 18px;
font-size: 1.125rem;
text-transform: none; } }
@media (min-width: 768px) and (min-width: 768px) {
.pdp-main .recommendations-container .type-hero-sub-small {
font-size: 14px;
font-size: 0.875rem; } }
@media (min-width: 768px) and (min-width: 1024px) {
.pdp-main .recommendations-container .type-hero-sub-small {
font-size: 30px;
font-size: 1.875rem; } }
@media (min-width: 768px) {
.pdp-main .recommendations-container.you-may-also-like {
text-align: center; }
.pdp-main .recommendations-container.you-may-also-like .recommendation-title {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
letter-spacing: 1.2px;
text-transform: uppercase;
padding-bottom: 0.625rem;
margin-bottom: 0.625rem; } }
@media (min-width: 768px) and (min-width: 768px) {
.pdp-main .recommendations-container.you-may-also-like .recommendation-title {
font-size: 32px;
font-size: 2rem;
padding-bottom: 1.5625rem; } }
@media (min-width: 768px) and (min-width: 1024px) {
.pdp-main .recommendations-container.you-may-also-like .recommendation-title {
font-size: 32px;
font-size: 2rem;
text-align: justify; } }
@media (min-width: 768px) {
.pdp-main .recommendations-container.shop-the-look .recommendation-title {
padding: 1.0625rem 0 !important; } }
@media (max-width: 767.98px) {
.pdp-main .recommendations-container {
padding: 0; }
.pdp-main .recommendations-container .type-hero-small {
display: none; } }
.pdp-main .recommendations {
clear: left;
margin: auto; }
.pdp-main .recommendations h2 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
letter-spacing: .8px;
text-transform: uppercase;
margin-left: 14px; }
@media (min-width: 768px) {
.pdp-main .recommendations h2 {
font-size: 18px;
font-size: 1.125rem; } }
.pdp-main .recommendations #carousel-recommendations {
position: relative;
margin: auto; }
.pdp-main .recommendations li {
width: 250px; }
.pdp-main .recommendations li.recommendation-item::before {
content: ""; }
.pdp-main .recommendations li img {
margin: auto; }
.pdp-main .recommendations .product-tile:hover .recommendation-tooltip {
display: block !important; }
@media (max-width: 767.98px) {
.pdp-main .recommendations .product-tile {
padding-bottom: 1.25rem; } }
.pdp-main .recommendations .product-name {
width: 100%;
margin: 0.4375rem 0 0.3125rem;
text-transform: capitalize; }
.pdp-main .recommendations .product-name a {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.33333em;
letter-spacing: 0.3px; }
.pdp-main .recommendations .product-price {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.84615em;
padding-bottom: 0;
border-bottom: none; }
.pdp-main .recommendations .product-price .price-standard,
.pdp-main .recommendations .product-price .price-sales {
font-size: 0.8125rem !important; }
.pdp-main .recommendations .recommendation-tooltip {
position: absolute;
top: 50%;
left: 50%;
z-index: 100;
width: 300px;
border: 1px solid #ddd;
text-align: left;
background: none repeat scroll 0 0 #fff; }
.pdp-main .recommendations .tooltip {
z-index: 100; }
.pdp-main .shop-the-look-recommendation ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
.pdp-main .shop-the-look-recommendation .recommendation-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 0.625rem;
width: 8.5rem; }
.pdp-main .shop-the-look-recommendation .recommendation-item .product-image {
min-width: auto;
min-height: auto; }
.pdp-main .shop-the-look-recommendation img {
width: 100%;
height: auto; }
.pdp-main .shop-the-look-recommendation .product-name {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.45455em;
text-transform: capitalize;
margin: 0.5rem 0; }
.pdp-main .shop-the-look-recommendation .product-price,
.pdp-main .shop-the-look-recommendation .price-standard,
.pdp-main .shop-the-look-recommendation .price-sales {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.45455em;
margin: 0;
padding-bottom: 0;
border-bottom: none; }
.pdp-main .shop-the-look-recommendation .price-sales {
font-size: 0.6875rem !important; }
.pdp-main .promotion {
overflow: hidden; }
.pdp-main .promotion .promotion-message {
margin: 0 0 0.9375rem; }
@media (min-width: 768px) {
.pdp-main .promotion .promotion-message {
margin: 0 0 0.625rem; } }
.pdp-main .promotion .promotion-message:last-child {
margin-bottom: 0; }
@media (min-width: 768px) {
.pdp-main .promotion .promotion-message:last-child {
margin: 0; } }
.pdp-main .promotion .promotion-title {
display: none; }
@media (max-width: 1023.98px) {
.pdp-main .promotion .promotion-title {
font-size: 86%; } }
.pdp-main .promotion .promotion-callout {
padding-top: 1rem;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.38462em;
text-transform: uppercase;
color: #aa1e26; }
.pdp-main .promotion .promotion-callout p {
margin-bottom: 0; }
@media (max-width: 767.98px) {
.pdp-main .product-review-links {
margin-left: 6%; } }
@media (max-width: 767.98px) {
.pdp-main .prSnippetTitle,
.pdp-main .prSnippetRatingUnclickable {
float: left; } }
.pdp-main .availability-web {
padding: 0;
width: calc(100% - 40px); }
.pdp-main .availability-web .value {
display: block;
margin-bottom: 0.5rem; }
.pdp-main .availability-web .availability-novariation,
.pdp-main .availability-web .in-stock-msg,
.pdp-main .availability-web .is-in-stock,
.pdp-main .availability-web [data-status="store-in-stock"] {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
color: #999;
margin-top: -5px; }
.pdp-main .availability-web .availability-novariation.error,
.pdp-main .availability-web .in-stock-msg.error,
.pdp-main .availability-web .is-in-stock.error,
.pdp-main .availability-web [data-status="store-in-stock"].error {
color: #aa1e26;
padding-left: 18%; }
.pdp-main .availability-web .availability-msg {
font-family: "Libre Baskerville", Times, serif;
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.25em;
color: #999;
margin-top: -5px; }
.pdp-main .availability-web .availability-novariation.error {
text-align: left;
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 0.75rem;
line-height: 1.25em;
font-style: normal;
background: black url("../images/warning-icon.png") 8px 11px no-repeat;
background-size: 13px auto;
color: white;
min-height: 46px;
padding: 8px 8px 8px 31px;
position: absolute;
right: 10%;
top: 90px;
width: 266px;
z-index: 1; }
@media (max-width: 479.98px) {
.pdp-main .availability-web .availability-novariation.error {
left: -15px;
right: auto;
top: 100px;
width: 100vw; } }
@media (min-width: 480px) {
.pdp-main .availability-web .availability-novariation.error::after {
content: "";
border-bottom: 8px solid #000;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
clear: both;
height: 8px;
left: 47%;
position: absolute;
top: -8px;
width: 8px; } }
.pdp-main .on-order,
.pdp-main .preorder-msg,
.pdp-main .backorder-msg {
display: inline-block;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #aa1e26; }
.pdp-main .recommendation-title {
padding: 1.0625rem 0; }
.pdp-main.gc:not(.hvn-giftcard) .product-col-1 {
border: 0;
padding-bottom: 1.375rem; }
.pdp-main.gc:not(.hvn-giftcard) .product-variations .attribute .label,
.pdp-main.gc:not(.hvn-giftcard) .product-options .attribute .label {
font-size: 13px;
font-weight: 500; }
.pdp-main.gc:not(.hvn-giftcard) .product-variations .attribute .label::after,
.pdp-main.gc:not(.hvn-giftcard) .product-options .attribute .label::after {
content: ":";
position: relative;
left: -3px; }
.pdp-main.gc:not(.hvn-giftcard) .product-variations .attribute .selected-value,
.pdp-main.gc:not(.hvn-giftcard) .product-options .attribute .selected-value {
font-weight: 500;
margin: 0 !important;
padding: 0 !important; }
@media (min-width: 768px) {
.pdp-main.gc:not(.hvn-giftcard) .product-variations .attribute .selected-value,
.pdp-main.gc:not(.hvn-giftcard) .product-options .attribute .selected-value {
margin-left: 0;
padding-top: 0; } }
.pdp-main.gc:not(.hvn-giftcard) .product-name {
margin-bottom: 0.75rem; }
@media (min-width: 768px) {
.pdp-main.gc:not(.hvn-giftcard) .product-name {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
text-transform: uppercase;
letter-spacing: 1.2px; } }
@media (min-width: 768px) and (min-width: 768px) {
.pdp-main.gc:not(.hvn-giftcard) .product-name {
font-size: 24px;
font-size: 1.5rem; } }
.pdp-main.gc:not(.hvn-giftcard) .product-number {
line-height: 1; }
.pdp-main.gc:not(.hvn-giftcard) .gift-card-details {
margin: 1.875rem 0;
clear: both; }
.pdp-main.gc:not(.hvn-giftcard) .product-description {
margin: 1.25rem 0;
padding-bottom: 0.75rem; }
.pdp-main.gc:not(.hvn-giftcard) .type .button-row {
margin-top: 0.75rem;
text-align: center; }
.pdp-main.gc:not(.hvn-giftcard) .type a.button {
width: calc(50% - 5px);
max-width: 12.8125rem; }
.pdp-main.gc:not(.hvn-giftcard) .type a.button:first-child {
margin-right: 0.625rem; }
.pdp-main.gc:not(.hvn-giftcard) .type a.button.disabled {
pointer-events: none;
cursor: default;
text-decoration: none;
border-color: #48684c;
background-color: #48684c;
color: #fff; }
.pdp-main.gc:not(.hvn-giftcard) .amount,
.pdp-main.gc:not(.hvn-giftcard) .amount .label,
.pdp-main.gc:not(.hvn-giftcard) .amount .buttons {
margin-top: 0.75rem; }
.pdp-main.gc:not(.hvn-giftcard) .amount .buttons {
font-size: 0; }
.pdp-main.gc:not(.hvn-giftcard) .amount .custom {
display: none; }
.pdp-main.gc:not(.hvn-giftcard) .amount .custom .form-row {
margin: 1.375rem 0 0; }
.pdp-main.gc:not(.hvn-giftcard) .amount .custom label {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.84615em;
text-transform: none;
width: 100%; }
.pdp-main.gc:not(.hvn-giftcard) .amount .custom .required-indicator {
display: none; }
.pdp-main.gc:not(.hvn-giftcard) .amount .custom .field-wrapper {
max-width: 6.25rem; }
.pdp-main.gc:not(.hvn-giftcard) .amount button {
margin: 0 0.4375rem 0.4375rem 0;
padding: 0.5rem 0.3125rem;
width: 6.25rem;
height: 2rem;
min-height: 0;
font-size: 0.875rem; }
.pdp-main.gc:not(.hvn-giftcard) .amount button:last-child {
margin-right: 0; }
.pdp-main.gc:not(.hvn-giftcard) .amount .selected {
color: #fff;
background-color: #48684c;
-webkit-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear; }
.pdp-main.gc:not(.hvn-giftcard) .attribute {
margin: 1.375rem 0 0; }
.pdp-main.gc:not(.hvn-giftcard) .gc-selected-value {
display: inline-block; }
.pdp-main.gc:not(.hvn-giftcard) .optional-message {
margin-top: 1.5625rem; }
.pdp-main.gc:not(.hvn-giftcard) .message {
padding: 1.0625rem 1.125rem;
border: 1px solid #ddd;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
max-height: 99999em;
overflow: hidden;
position: relative; }
.pdp-main.gc:not(.hvn-giftcard) .message .msg {
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
max-height: 99999em;
overflow: hidden; }
.pdp-main.gc:not(.hvn-giftcard) .message .plus-black {
display: none; }
.pdp-main.gc:not(.hvn-giftcard) .message .minus-black {
display: block; }
.pdp-main.gc:not(.hvn-giftcard) .message .openclose {
position: absolute;
right: 1.25rem;
top: 1.5rem; }
.pdp-main.gc:not(.hvn-giftcard) .message.hidden {
max-height: -webkit-max-content;
max-height: -moz-max-content;
max-height: max-content; }
.pdp-main.gc:not(.hvn-giftcard) .message.hidden .msg {
max-height: 0; }
.pdp-main.gc:not(.hvn-giftcard) .message.hidden .openclose {
right: 1.25rem;
top: 1.25rem; }
.pdp-main.gc:not(.hvn-giftcard) .message.hidden .plus-black {
display: block; }
.pdp-main.gc:not(.hvn-giftcard) .message.hidden .minus-black {
display: none; }
.pdp-main.gc:not(.hvn-giftcard) .message .label {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.38462em;
cursor: pointer; }
.pdp-main.gc:not(.hvn-giftcard) .message label {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.84615em;
text-transform: none; }
.pdp-main.gc:not(.hvn-giftcard) .message .input-textarea {
height: 8.125rem; }
.pdp-main.gc:not(.hvn-giftcard) .message .input-textarea:focus-visible {
outline: 0 !important; }
.pdp-main.gc:not(.hvn-giftcard) .message .char-count {
font-family: "Libre Baskerville", Times, serif;
font-style: italic;
font-size: 12px;
font-size: 0.75rem;
line-height: 2em;
margin-top: 0.5rem;
color: #999; }
.pdp-main.gc:not(.hvn-giftcard) .message .char-count.char-limit {
color: #aa1e26; }
.pdp-main.gc:not(.hvn-giftcard) .message .char-count .char-remain-count {
padding-right: 0.3125rem; }
.pdp-main.gc:not(.hvn-giftcard) .message .char-count .char-allowed-count {
padding-left: 0.3125rem; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color {
margin-left: 0; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color a {
border: 0;
height: 2.25rem;
margin-right: 0.4375rem;
min-height: auto;
min-width: auto;
padding: 0;
width: 2.25rem; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color a,
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color a img, .pdp-main.gc:not(.hvn-giftcard) ul.swatches.color a::before, .pdp-main.gc:not(.hvn-giftcard) ul.swatches.color a::after {
border-radius: 0;
height: 2.25rem;
width: 3.1875rem; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color a img {
padding: 0;
margin: 0;
left: 0; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color a::before {
border: 1px solid #ddd; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color .selected a::before,
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color a:hover::before {
border: 3px solid #000; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color li {
z-index: 1; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color li.strike a:hover {
top: 2px;
left: 2px; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color li.strike a {
opacity: 0.8;
border-color: #ddd;
color: #ddd;
background: transparent;
position: relative;
overflow: hidden; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color li.strike a::after {
border: none;
content: "";
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #ddd;
position: absolute;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
width: 160%;
width: 250px;
height: 0.125rem;
left: -31%;
top: 50%; }
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color li.unselectable a::after {
height: 0.125rem;
width: 3.75rem; }
@media (min-width: 1024px) {
.pdp-main.gc:not(.hvn-giftcard) ul.swatches.color li:not(.unselectable) a:hover {
border: none;
border-radius: 0;
height: 2.25rem;
line-height: 0;
min-height: auto;
min-width: auto;
padding: 0;
width: 3.1875rem; } }
.pdp-main.gc:not(.hvn-giftcard) .product-add-to-cart {
border: 0; }
@media (min-width: 768px) {
.pdp-main.gc:not(.hvn-giftcard) .product-add-to-cart {
padding-top: 1rem;
padding-bottom: 1rem; } }
.pdp-main.gc:not(.hvn-giftcard) .product-add-to-cart button {
width: 100%; }
.pdp-main.gc:not(.hvn-giftcard) legend {
padding: 0;
margin: 0.625rem 0 0;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
border: 0; }
.pdp-main.gc:not(.hvn-giftcard) #GiftCertificateForm label,
.pdp-main.gc:not(.hvn-giftcard) .gift-balance label {
text-transform: none; }
.pdp-main.gc:not(.hvn-giftcard) #GiftCertificateForm .required-indicator,
.pdp-main.gc:not(.hvn-giftcard) .gift-balance .required-indicator {
display: none; }
.pdp-main.gc:not(.hvn-giftcard) #GiftCertificateForm .field-wrapper,
.pdp-main.gc:not(.hvn-giftcard) .gift-balance .field-wrapper {
width: 100%; }
.pdp-main.gc:not(.hvn-giftcard) .balance-title {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
line-height: 1.5em;
text-transform: uppercase;
margin: 0.75rem 0; }
.pdp-main.gc:not(.hvn-giftcard) .gift-check-balance .content-asset {
margin: 1.25rem 0; }
.pdp-main.gc:not(.hvn-giftcard) .availability-web .availability-novariation.error {
background: white;
color: #aa1e26;
font-family: "Libre Baskerville", Times, serif;
float: right;
font-size: 0.75rem;
font-style: italic;
height: auto;
min-height: 0;
padding-left: 18%;
position: static;
text-align: right;
width: calc(100% - 40px); }
.pdp-main.gc:not(.hvn-giftcard) .availability-web .availability-novariation.error::after {
display: none; }
.pdp-main.gc:not(.hvn-giftcard) #pp-message {
padding-bottom: 1.5rem;
margin-top: -0.5rem;
margin-bottom: 1.5rem;
border-bottom: 1px solid #ddd; }
@media (min-width: 480px) and (max-width: 767.98px) {
.pdp-main.gc:not(.hvn-giftcard) #pp-message {
margin-top: -0.875rem; } }
.pdp-main .tcc-cta-include.header-only,
.pdp-main .tcc-cta-include.footer-only,
.pdp-main .tcc-cta-include.landing-only {
display: none; }
.pdp-main .leaflet-container {
z-index: 50; }
.pdp-main .leaflet-container.leaflet-touch .leaflet-control-layers,
.pdp-main .leaflet-container.leaflet-touch .leaflet-bar {
display: none; }
.pdp-main .leaflet-container .tapbtn {
position: absolute;
top: calc(50%);
z-index: 999;
background: rgba(255, 255, 255, 0.6);
height: 30px;
left: calc(50% - 90px);
width: 180px;
color: rgba(0, 0, 0, 0.72);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: capitalize;
border: 1px solid rgba(255, 255, 255, 0.25);
font-weight: bold; }
@media screen and (max-width: 767.9px) {
.pdp-main .product-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.pdp-main .product-info #stylitics-container {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
width: 100% !important; } }
.pdp-promotional-asset {
margin-bottom: 5rem; }
.sticky-buy-wrapper {
z-index: 138;
position: fixed;
left: 0;
background-color: #fff;
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
height: 0;
overflow: hidden; }
.sticky-buy-wrapper.visible {
height: 5.625rem;
overflow: inherit; }
.sticky-buy-wrapper.hidden {
overflow: hidden; }
.sticky-buy-wrapper .price-standard h4 {
font-weight: 700;
font-size: 1rem;
color: #aa1e25; }
.sticky-buy-wrapper .price-standard h4.strike-through {
color: #000;
font-weight: 400;
font-size: 0.6875rem;
text-decoration: line-through; }
.sticky-buy-wrapper .price-standard h4.original-price, .sticky-buy-wrapper .price-standard h4:only-child {
color: #000;
font-size: 1rem;
text-decoration: none;
font-weight: 700; }
.sticky-buy-bar {
margin: auto;
width: calc(100% - 30px);
max-width: 1280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 1.25rem auto; }
.sticky-buy-bar .name,
.sticky-buy-bar .product-price,
.sticky-buy-bar button {
width: auto; }
.sticky-buy-bar .name.add-to-cart-disabled,
.sticky-buy-bar .product-price.add-to-cart-disabled,
.sticky-buy-bar button.add-to-cart-disabled {
text-decoration: none;
border-color: #ddd;
background-color: #ddd;
color: #999; }
.sticky-buy-bar .name,
.sticky-buy-bar .product-price {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
line-height: 1.3125em;
text-transform: uppercase; }
.sticky-buy-bar .name {
width: 27%; }
.sticky-buy-bar button {
max-width: 18%;
width: 100%;
-ms-flex-item-align: end;
align-self: end; }
.sticky-buy-bar .product-price {
width: 19%;
padding: 0 0.9375rem;
text-align: center;
margin: 0;
border: 0; }
.sticky-buy-bar .variations > select {
width: 100%;
padding: 0 0.8125rem; }
.sticky-buy-bar .variations {
width: 36%;
max-width: 28.75rem; }
.sticky-buy-bar .variations .select-style {
width: calc(82% / 2 - 10px);
max-width: 11.875rem;
margin-left: 0.625rem;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
text-transform: uppercase;
display: inline-block; }
.sticky-buy-bar .variations .attribute-color,
.sticky-buy-bar .variations .ui-selectmenu-button {
width: 18%;
max-width: 5rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top; }
.sticky-buy-bar .variations .ui-selectmenu-button {
padding: 0.375rem 0.75rem; }
.sticky-buy-bar .variations .ui-selectmenu-button.ui-corner-top {
border-radius: 0; }
.sticky-buy-bar .variations .ui-selectmenu-button.ui-state-focus {
border-color: #ddd; }
.ui-selectmenu-menu ul {
padding: 0.9375rem 0;
max-height: 16.875rem; }
.swatch-item {
margin: 0.1875rem 0.625rem;
border: 1px solid #000;
display: inline-block;
border-radius: 50%;
width: 1.5625rem;
height: 1.5625rem;
cursor: pointer; }
.swatch-item span {
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-radius: 50%;
width: 100%;
height: 100%;
margin: 0;
position: relative; }
.swatch-item.empty-selector {
display: none; }
.ui-state-focus {
outline: none; }
.ui-state-focus.ui-menu-item {
border: 0; }
.ui-state-focus .swatch-item span,
.ui-selectmenu-button .swatch-item span {
margin: 0.1875rem;
width: 1.1875rem;
height: 1.1875rem; }
.ui-selectmenu-button .ui-icon-triangle {
padding-right: 10px;
background: #fff url("../images/svg-icons/down-triangle.svg") no-repeat scroll;
height: 0.4375rem;
width: 0.625rem;
background-size: 0.625rem;
position: absolute;
right: 0.4375rem;
top: 1.0625rem;
margin: 0; }
.ui-selectmenu-button .swatch-item {
vertical-align: middle;
margin: 0; }
.ui-selectmenu-button .swatch-item span {
width: 1.0625rem;
height: 1.0625rem; }
.ui-selectmenu-button.ui-state-focus {
border: 1px solid #000; }
.product-set-header .product-name {
margin-bottom: 0; }
@media (max-width: 767.98px) {
.product-set-header {
text-align: center; } }
@media (min-width: 768px) {
.product-set .promotion {
margin-top: 1.25rem; } }
.product-set .product-add-to-cart {
border-bottom: 4px solid #ddd;
border-top: 1px solid #ddd;
clear: both;
overflow: visible;
padding-bottom: 1.875rem;
padding-top: 1rem;
position: relative; }
@media (max-width: 1023.98px) {
.product-set .product-add-to-cart.product-add-all-to-cart {
min-height: 8.25rem;
border-bottom: 1px solid #ddd;
border-top: 0;
margin-top: -18px; } }
@media (min-width: 768px) {
.product-set .product-add-to-cart.product-add-all-to-cart {
border: 0;
padding-bottom: 5.25rem;
padding-top: inherit;
border-bottom: 1px solid #ddd;
min-height: 6.25rem !important;
height: 6.5rem; } }
@media (min-width: 1024px) {
.product-set .product-add-to-cart.product-add-all-to-cart {
height: 7.5rem; } }
.product-set .product-add-to-cart.add-to-cart-disabled-container {
min-height: 6.25rem; }
@media (min-width: 768px) {
.product-set .product-add-to-cart.add-to-cart-disabled-container {
min-height: 6.625rem; } }
.product-set .product-add-to-cart.add-to-cart-container {
min-height: 8.125rem; }
@media (min-width: 768px) {
.product-set .product-add-to-cart.add-to-cart-container {
min-height: 8.375rem; } }
.product-set .product-add-to-cart.add-to-cart-container.in-stock-date-msg-container {
min-height: 8.4375rem; }
@media (min-width: 768px) {
.product-set .product-add-to-cart.add-to-cart-container.in-stock-date-msg-container {
min-height: 9.6875rem; } }
@media screen and (min-width: 1009px) {
.product-set .product-add-to-cart.add-to-cart-container.in-stock-date-msg-container {
min-height: 8.4375rem; } }
@media (min-width: 768px) {
.product-set .product-add-to-cart {
padding-bottom: 1rem; } }
.product-set .product-add-to-cart label {
display: inline-block;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
line-height: 1.5em;
float: left;
margin-bottom: 0.9375rem;
padding-right: 0.3125rem;
text-transform: none; }
.product-set .product-add-to-cart label.visually-hidden {
width: 1px; }
.product-set .product-add-to-cart .availability-web {
text-align: right; }
.product-set .product-add-to-cart .availability-web label {
float: none; }
.product-set .product-add-to-cart button {
border-color: "abhaya_libreregular";
background-color: "abhaya_libreregular";
color: #fff; }
.product-set .product-add-to-cart button:hover, .product-set .product-add-to-cart button:focus, .product-set .product-add-to-cart button:active, .product-set .product-add-to-cart button.active {
border-color: "abhaya_libreregular";
background-color: "abhaya_libreregular";
color: #fff; }
.product-set .product-add-to-cart button.disabled, .product-set .product-add-to-cart button[disabled],
fieldset[disabled] .product-set .product-add-to-cart button {
cursor: default;
pointer-events: none;
background: #ddd;
border-color: #ddd;
color: #999; }
.product-set .product-add-to-cart button.add-to-cart-disabled, .product-set .product-add-to-cart button.add-to-cart-disabled:hover {
text-decoration: none;
border-color: #ddd;
background-color: #ddd;
color: #999; }
.product-set .product-add-to-cart .quantity-label {
bottom: 5rem;
position: static; }
.product-set .product-add-to-cart .product-price {
padding: 0;
width: auto;
display: inline-block;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
line-height: 1.5em;
float: none;
margin: 0;
border-bottom: 0; }
@media (max-width: 1279.98px) {
.product-set .product-add-to-cart .add-all-to-cart {
width: 100%; } }
.product-set .product-add-to-cart .ps-price-wrapper {
width: 100%;
padding-bottom: 0.9375rem; }
.product-set .promotion .promotion-callout {
padding-top: 0; }
@media (min-width: 768px) {
.product-set.product-col-2 {
height: 3100px;
position: fixed;
left: 12px;
top: 142px; } }
@media (min-width: 768px) {
.product-set.product-col-3 {
position: relative;
margin-top: 58px; } }
.product-variations {
clear: both; }
.productsetMain {
margin-top: 15px; }
@media (min-width: 768px) {
.productsetMain {
margin-top: 25px; } }
.productsetMain .store-heading h1 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
line-height: 1.25em;
letter-spacing: 0.01em; }
@media (max-width: 479.98px) {
.productsetMain .store-heading h1 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.11111em; } }
@media (min-width: 768px) {
.productsetMain .store-heading h1 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 32px;
font-size: 2rem;
line-height: 1.25em; } }
@media only screen and (min-width: 1480px) {
.productsetMain .store-heading h1 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 36px;
font-size: 2.25rem;
line-height: 1.22222em; } }
.productsetMain .store-heading h3 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
font-size: 1rem;
line-height: 1.25em;
letter-spacing: 0.01em;
margin-top: 0.3125rem;
text-transform: none; }
@media (max-width: 479.98px) {
.productsetMain .store-heading h3 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.28571em; } }
@media (min-width: 768px) {
.productsetMain .store-heading h3 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.33333em; } }
@media only screen and (min-width: 1480px) {
.productsetMain .store-heading h3 {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.27273em; } }
.productsetMain .product-info .product-description-container:first-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.productsetMain .product-info .product-description-container:first-child .viewmore {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10; }
.productsetMain .product-info .product-description-container.open:last-child {
border-bottom: none; }
.product-set-list .clearfix {
clear: both;
width: 100%;
height: 0; }
.product-set-list .product-info {
padding-top: 0;
min-height: 0; }
.product-set-list .product-info .product-description-info {
margin: 0; }
.product-set-list .bv_button_component_container {
display: none !important; }
.product-set-list .bv_main_container {
pointer-events: none !important; }
.product-set-list .product-set-item {
clear: both;
overflow: visible;
padding: 1.0625rem 0 0;
margin: 1.0625rem 0; }
.product-set-list .product-set-image {
float: left;
width: 32%;
margin-right: 0.9375rem;
margin-bottom: 0.9375rem;
min-height: 8.25rem; }
.product-set-list .product-set-image img {
max-width: 100%;
width: 100%; }
.product-set-list .product-set-details {
width: 100%;
margin-top: 5px; }
.product-set-list .attribute {
clear: both; }
.product-set-list .attribute h3 {
width: 25%; }
.product-set-list .product-number {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
line-height: 2em;
margin-bottom: 0.5rem; }
.product-set-list .product-name {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.22222em;
float: none;
width: auto;
margin: 0; }
@media (max-width: 479.98px) {
.product-set-list .product-name {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
line-height: 1.125em; } }
@media (min-width: 768px) {
.product-set-list .product-name {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.3em; } }
@media only screen and (min-width: 1480px) {
.product-set-list .product-name {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
line-height: 1.25em; } }
@media (max-width: 767.98px) {
.product-set-list h2 + .product-col-1 {
border-top: 0;
padding-top: 0;
margin-top: 0; } }
.product-set-list .product-set-item-container {
clear: both; }
.product-set-list .product-set-item-container .product-set-divider {
border-top: 1px solid #ddd;
margin: 30px 0 15px;
clear: both; }
@media (min-width: 768px) {
.product-set-list .product-set-item-container .product-set-divider {
margin: 40px 0 15px; } }
.product-set-list .product-set-item-container:first-child .product-set-divider {
margin-top: 15px; }
.product-set-list .product-set-item-container .product-primary-image {
padding: 0; }
.product-set-list .product-set-item-container .product-col-1 {
width: 100%;
float: none; }
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0; }
@media (min-width: 768px) {
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line {
width: 57%;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="rating_summary"],
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="inline_rating"] {
font-size: medium;
line-height: 1;
direction: ltr;
text-align: start;
color: black;
font-style: normal;
font-weight: normal;
list-style-type: disc;
text-decoration: none; }
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="rating_summary"] button,
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="inline_rating"] button {
opacity: 1;
background-attachment: scroll;
background-color: transparent;
background-image: none;
bottom: auto;
clear: none;
clip: auto;
color: inherit;
counter-increment: none;
counter-reset: none;
cursor: auto;
direction: inherit;
float: none;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
height: auto;
left: auto;
letter-spacing: normal;
line-height: inherit;
list-style-type: inherit;
list-style-position: outside;
list-style-image: none;
max-height: none;
max-width: none;
min-height: 0;
min-width: 0;
position: static;
quotes: "" "";
right: auto;
table-layout: auto;
text-align: inherit;
text-indent: 0;
text-transform: none;
top: auto;
unicode-bidi: normal;
vertical-align: baseline;
visibility: inherit;
white-space: normal;
width: auto;
word-spacing: normal;
z-index: auto;
background-origin: padding-box;
background-clip: border-box;
background-size: auto;
-webkit-border-image: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-column-count: auto;
column-count: auto;
-webkit-column-gap: normal;
column-gap: normal;
-webkit-column-width: auto;
column-width: auto;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
overflow-x: visible;
overflow-y: visible;
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
-webkit-perspective: none;
perspective: none;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
-webkit-backface-visibility: visible;
backface-visibility: visible;
text-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform-style: flat;
transform-style: flat;
word-break: normal;
background-position: 0 0;
background-repeat: repeat;
border-color: currentcolor;
border-style: none;
border-width: medium;
font-variant: normal;
margin: 0;
padding: 0;
text-decoration: inherit;
-webkit-border-image: none 100% / 1 / 0 stretch;
-o-border-image: none 100% / 1 / 0 stretch;
border-image: none 100% / 1 / 0 stretch;
border-radius: 0;
-webkit-column-rule: medium none black;
column-rule: medium none black;
-webkit-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
transition: all 0s ease 0s; }
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="rating_summary"] .bv_main_container,
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="inline_rating"] .bv_main_container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: transparent;
margin: 5px 0;
padding: 2px;
border: none;
border-radius: 0; }
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex,
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="inline_rating"] .bv_main_container .bv_main_container_row_flex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="rating_summary"] .bv_main_container .bv_offscreen_text,
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="inline_rating"] .bv_main_container .bv_offscreen_text {
position: absolute;
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
padding: 0;
border-width: 0;
border-style: initial;
border-color: initial;
-webkit-border-image: initial;
-o-border-image: initial;
border-image: initial; }
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container,
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="inline_rating"] .bv_main_container .bv_numReviews_component_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (min-width: 768px) {
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="rating_summary"],
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="inline_rating"] {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
white-space: nowrap; }
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="rating_summary"] .bv_main_container_row_flex,
.product-set-list .product-set-item-container .product-col-1 .pdp-secondary-line [data-bv-show="inline_rating"] .bv_main_container_row_flex {
padding-right: 0 !important; } }
.product-set-list .product-set-item-container .product-col-2.product-image-container {
margin-bottom: 8px; }
.product-set-list .product-set-item-container .product-col-3.product-detail {
padding-bottom: 0; }
.product-set-list .pdp-description,
.product-set-list .pdp-description p,
.product-set-list .pdp-description li {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.84615em;
font-style: normal;
letter-spacing: inherit; }
.tabs {
position: relative;
text-align: center; }
@media (min-width: 768px) {
.tab {
display: inline-block;
float: none; } }
.tab .tab-switch {
display: none; }
@media (min-width: 768px) {
.tab .tab-switch:checked + .tab-label {
top: -0.0625rem;
z-index: 1;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
border-bottom-color: #aa1e26;
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
background: #fff;
color: #000; } }
.tab .tab-switch:checked + label + .tab-content {
opacity: 1;
z-index: 2;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear; }
.tab .tab-label {
display: block;
position: relative;
top: 0;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
line-height: 2.5em;
border-bottom: 3px solid #fff;
margin-bottom: 0;
font-weight: 700;
text-transform: none;
color: rgba(0, 0, 0, 0.5); }
@media (min-width: 768px) {
.tab .tab-label {
cursor: pointer;
padding: 0 1.25rem; }
.tab .tab-label:hover {
border-bottom-color: rgba(0, 0, 0, 0.5);
top: -0.25rem;
-webkit-transition: top 0.25s;
-o-transition: top 0.25s;
transition: top 0.25s; } }
.tab .tab-label::before {
content: none; }
.tab .tab-content {
padding: 1em 0;
text-align: left;
z-index: 1; }
@media (min-width: 768px) {
.tab .tab-content {
left: 0;
opacity: 0;
position: absolute;
top: 2.75em;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 100%; } }
.recommendations-container::after {
content: "";
display: table;
clear: both; }
.recommendations-container.shop-the-look {
border-bottom: 0;
padding-bottom: 1.25rem; }
@media (max-width: 767.98px) {
.recommendations-container.shop-the-look {
padding-bottom: 0; } }
@media (min-width: 768px) {
.recommendations-container.shop-the-look {
border-bottom: 1px solid #ddd; } }
.recommendations-container .recommendation_image {
width: 100%; }
.recommendations-container .product-tile {
max-width: none;
width: 100%; }
.recommendation-carousel-pi .carousel-header {
text-align: left; }
.recommendation-carousel-pi .carousel-header .type-hero-small {
text-align: left; }
.carousel-header.recommendations .recommendation-title {
text-align: left; }
@media (max-width: 767.98px) {
.horizontalcarousel-with-callout {
width: 100%; }
.horizontalcarousel-with-callout .tiles-container {
padding: 0; } }
@media (max-width: 767.98px) and (max-width: 767.98px) {
.horizontalcarousel-with-callout .tiles-container .product-tile {
padding: 0 0.875rem 0 0; }
.horizontalcarousel-with-callout .tiles-container .product-tile .product-name a {
font-family: Montserrat, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.33333em;
text-transform: none;
letter-spacing: 0.3px; }
.horizontalcarousel-with-callout .tiles-container .product-tile .product-pricing {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 11px;
font-size: 0.6875rem;
line-height: 1.45455em; }
.horizontalcarousel-with-callout .tiles-container .product-tile .product-pricing > span {
display: block; } }
.product-tile .product-pricing > span {
display: block; }
.product-reviews h6,
.product-reviews-qa h6 {
display: block; }
@media (min-width: 768px) {
.product-reviews h6,
.product-reviews-qa h6 {
display: none; } }
#BVRRContainer .bv-cv2-cleanslate .bv-core-container-496 .bv-action-bar,
#BVQAContainer .bv-cv2-cleanslate .bv-core-container-496 .bv-action-bar {
margin: 0 !important; }
@media (max-width: 767.98px) {
#BVRRContainer .bv-action-bar-header,
#BVQAContainer .bv-action-bar-header {
display: none !important; } }
.js .pdp-main .recommendations .product-tile .recommendation-tooltip {
display: none !important; }
.js .add-all-to-cart {
display: inherit; }
#ratings-summary button {
pointer-events: none; }
.bv_modal_inner_content {
text-align: center; }
.bv_modal_inner_content .bv_histogram_component_container > div {
cursor: pointer; }
.bv_modal_inner_content .bv_histogram_component_container > div .bv_histogram_row_container.active {
pointer-events: none;
background-color: #f7f7f7 !important; }
.bv_modal_inner_content .bv_button_component_container {
display: inline-block;
cursor: pointer; }
.bv_modal_inner_content .bv_button_component_container button {
pointer-events: none; }
.bv_modal_inner_content .bv_button_component_container button.button-active {
cursor: pointer !important;
background-image: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
background-color: #8b0000 !important;
color: #fff !important;
font-family: Arial, "Helvetica Verdana", sans-serif !important;
text-transform: uppercase !important;
font-weight: bold !important;
font-style: normal !important;
font-size: 9px !important;
text-decoration: underline !important; }
[data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container,
[data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container {
cursor: pointer !important; }
/**** E Gift Card ****/
.pdp-main.gc .product-variations .attribute-cardDesign .swatches.color {
max-width: 100%;
padding: 0 8px; }
.pdp-main.gc .product-variations .attribute-cardDesign .swatches.color .swatchanchor {
margin-right: 1rem; }
#gc-balance-form .g-recaptcha {
margin-bottom: 0.625rem; }
@media only screen and (min-width: 768px) and (max-width: 840px) and (orientation: portrait) {
#gc-balance-form .g-recaptcha {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0; } }
@media (min-width: 768px) {
.pdp-main.gc .product-image.main-image .primary-image {
width: 620px;
height: 840px; } }
@media (max-width: 767.98px) {
.pdp-main.gc .product-image.main-image .primary-image {
width: 345px;
height: 468px; } }
@media (max-width: 1023.98px) {
.pdp-main.gc .product-image.main-image .primary-image {
width: 421px;
height: 570px; } }
.fpz-modal {
background-color: #fff;
width: 100%;
height: 100%;
height: -webkit-fill-available;
height: -moz-available;
height: stretch;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
overflow: hidden;
-webkit-animation-duration: 200ms;
animation-duration: 200ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
.fpz-modal.in-progress {
opacity: 0;
visibility: hidden;
display: block !important; }
.fpz-modal.in-progress .fpz-loader {
display: block; }
.fpz-modal .fpz-loader {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
display: none;
width: 100%;
height: 100%; }
.fpz-modal .fpz-close {
position: absolute;
top: 8px;
right: 8px;
width: 48px;
height: 48px;
padding: 12px;
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.6);
z-index: 999; }
@media (min-width: 768px) {
.fpz-modal .fpz-close {
width: 64px;
height: 64px;
padding: 20px; }
.fpz-modal .fpz-close .icon {
width: 24px;
height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.fpz-modal .fpz-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%; }
.fpz-modal .fpz-content-inner {
width: 100%;
height: 100%; }
.fpz-modal .fpz-thumbnails {
margin: auto;
position: static;
height: 100%; }
.fpz-modal .fpz-thumb {
width: 100vw;
height: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.fpz-modal .fpz-thumb.slick-slide {
padding: 0; }
.fpz-modal .fpz-thumb.imgV2-ready .fpz-thumbnail {
opacity: 0; }
.fpz-modal .fpz-thumb .viewport.leaflet-container {
overflow: inherit !important;
background: transparent; }
.fpz-modal .fpz-thumb .viewport.leaflet-container img.leaflet-image-layer {
width: 100vw;
height: auto; }
.fpz-modal .fpz-thumbnail {
width: 100vw;
height: auto; }
@media (orientation: landscape) {
.fpz-modal .fpz-thumbnail {
width: auto;
height: 100%;
margin: 0 auto; } }
.fpz-modal .slick-slider .slick-list {
overflow: inherit;
height: 100%;
padding: 0 !important; }
.fpz-modal .slick-slider .slick-track {
height: 100%; }
.fpz-modal .slick-slider .slick-dots {
position: absolute;
bottom: 20px;
height: 24px;
padding: 8px 16px;
border-radius: 100px;
background-color: rgba(255, 255, 255, 0.6);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: auto;
margin: 0; }
@media (min-width: 768px) {
.fpz-modal .slick-slider .slick-dots {
bottom: 36px; } }
.fpz-modal .slick-slider .slick-dots li {
margin: 0 4px;
display: block;
float: left; }
.fpz-modal .slick-slider .slick-dots li button::before {
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 8px;
height: 8px;
border: none; }
.fpz-modal .slick-slider .slick-prev,
.fpz-modal .slick-slider .slick-next {
top: initial;
width: 48px;
height: 48px;
padding: 16px 15px 16px 17px;
border-radius: 50px;
background-color: rgba(255, 255, 255, 0.6);
bottom: 8px;
-webkit-transform: none;
-ms-transform: none;
transform: none; }
.fpz-modal .slick-slider .slick-prev::before,
.fpz-modal .slick-slider .slick-next::before {
display: block;
width: 16px;
height: 16px;
background-position: center; }
@media (min-width: 768px) {
.fpz-modal .slick-slider .slick-prev,
.fpz-modal .slick-slider .slick-next {
width: 64px;
height: 64px;
padding: 20px;
bottom: 16px; }
.fpz-modal .slick-slider .slick-prev::before,
.fpz-modal .slick-slider .slick-next::before {
width: 24px;
height: 24px; } }
.fpz-modal .slick-slider .slick-next {
right: 8px; }
.fpz-modal .slick-slider .slick-next::before {
background-image: url("../images/svg-icons/fpz-arrow-right.svg"); }
.fpz-modal .slick-slider .slick-prev {
left: 8px; }
.fpz-modal .slick-slider .slick-prev::before {
background-image: url("../images/svg-icons/fpz-arrow-left.svg"); }
@media (min-width: 768px) {
.fpz-modal .slick-slider .slick-next {
right: 16px; }
.fpz-modal .slick-slider .slick-prev {
left: 16px; } }
.fpz-modal .leaflet-control-container {
display: none; }
body.disableScroll {
overflow: hidden;
position: fixed;
max-width: 100vw; }
body.isTablet .product-image-container.VER-B {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
body.isTablet .product-image-container.VER-B .stylitics-jumplink {
bottom: 0;
left: 0;
top: initial !important;
width: 100%;
border-radius: 0;
padding: 9px 15px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 12px;
font-weight: 600;
opacity: 1;
background: rgba(0, 0, 0, 0.65); }
body.isTablet .product-image-container.VER-B .stylitics-jumplink .textt {
display: inherit;
line-height: 17px; }
body.isTablet .product-image-container.VER-B .stylitics-jumplink .textt::after {
position: relative;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
content: "";
width: 16px;
height: 16px;
background: url("../images/svg-icons/Arrow-Down-white.svg") no-repeat;
background-size: 100% 100%;
margin: 0;
display: inline-block;
margin-left: 12px; }
body.isTablet .product-image-container.VER-B .stylitics-jumplink > svg {
display: none; }
body.isTablet .product-image-container.VER-B .product-thumbnails img,
body.isTablet .product-image-container.VER-B .primary-image {
width: 100%; }
body.isTablet .product-image-container.VER-B .zoomImg {
display: none; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.8, 0.8, 0.8);
transform: scale3d(0.8, 0.8, 0.8); }
50% {
opacity: 1; } }
@-webkit-keyframes showBtn {
from {
opacity: 0;
display: none; }
70% {
opacity: 1;
display: block; } }
@keyframes showBtn {
from {
opacity: 0;
display: none; }
70% {
opacity: 1;
display: block; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: 500ms;
animation-duration: 500ms; }
@media (max-width: 767.98px) {
.hvn-pdp-redesign .pdp-main .availability-web,
.talbots-pdp .pdp-main .availability-web {
width: 100%; }
.hvn-pdp-redesign .pdp-main .availability-web .not-available-msg.show-unavailable:not(.error-gc),
.hvn-pdp-redesign .pdp-main .availability-web .availability-novariation.error:not(.error-gc),
.talbots-pdp .pdp-main .availability-web .not-available-msg.show-unavailable:not(.error-gc),
.talbots-pdp .pdp-main .availability-web .availability-novariation.error:not(.error-gc) {
color: #aa1e26;
background-color: rgba(170, 30, 38, 0.1);
background-image: none;
padding: 12px 16px;
font-weight: 600;
font-family: Montserrat, Arial, sans-serif;
margin: 16px auto 0;
font-size: 13px;
line-height: 1.4;
position: unset;
font-style: normal;
text-align: left;
width: 100% !important; }
.hvn-pdp-redesign .pdp-main .availability-web .availability-novariation.error::after,
.talbots-pdp .pdp-main .availability-web .availability-novariation.error::after {
display: none; }
.hvn-pdp-redesign .pdp-main .product-add-to-cart:not(.product-add-to-cart-gc),
.talbots-pdp .pdp-main .product-add-to-cart:not(.product-add-to-cart-gc) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.hvn-pdp-redesign .add-to-cart-btn-wrapper.sticky,
.talbots-pdp .add-to-cart-btn-wrapper.sticky {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 3001;
padding: 10px 15px 16px;
background: #fff;
-webkit-box-shadow: 8px 0 16px 0 rgba(0, 0, 0, 0.08), 4px 0 8px 0 rgba(0, 0, 0, 0.08), 2px 0 4px 0 rgba(0, 0, 0, 0.08), 7px 0 5px -5px rgba(0, 0, 0, 0.08);
box-shadow: 8px 0 16px 0 rgba(0, 0, 0, 0.08), 4px 0 8px 0 rgba(0, 0, 0, 0.08), 2px 0 4px 0 rgba(0, 0, 0, 0.08), 7px 0 5px -5px rgba(0, 0, 0, 0.08);
-webkit-animation: showBtn ease-in-out 0.25s;
animation: showBtn ease-in-out 0.25s; }
.hvn-pdp-redesign .add-to-cart-btn-wrapper.sticky button,
.talbots-pdp .add-to-cart-btn-wrapper.sticky button {
width: 100%;
font-size: 14px;
max-height: 40px;
min-height: 40px;
padding: 10px 24px;
margin: 0 !important; }
.hvn-pdp-redesign .add-to-cart-btn-wrapper.sticky .add-to-cart-gc.disabled,
.talbots-pdp .add-to-cart-btn-wrapper.sticky .add-to-cart-gc.disabled {
position: relative;
z-index: 0; }
.hvn-pdp-redesign .add-to-cart-btn-wrapper #AddToBasketButton,
.hvn-pdp-redesign .add-to-cart-btn-wrapper #add-to-cart,
.talbots-pdp .add-to-cart-btn-wrapper #AddToBasketButton,
.talbots-pdp .add-to-cart-btn-wrapper #add-to-cart {
-webkit-transition: unset !important;
-o-transition: unset !important;
transition: unset !important; } }
@media (max-width: 1023.98px) {
#attentive_overlay iframe#attentive_creative {
bottom: 65px !important; }
body.atc-modal-open .add-to-cart-btn-wrapper.sticky {
z-index: 99; } }
.quantity-module {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.quantity-module label {
margin: 0 0.5rem 0 0; }
.quantity-module span,
.quantity-module input {
height: 3.125rem; }
.quantity-module span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 1.5625rem;
padding: 0 0.25rem;
border: 1px solid #ccc;
cursor: pointer; }
.quantity-module span.quantity-decrease {
border-right: 0; }
.quantity-module span.quantity-increase {
border-left: 0; }
.quantity-module span.quantity-decrease .icon, .quantity-module span.quantity-increase .icon {
height: 12px;
width: 12px; }
.quantity-module input,
.quantity-module select {
font-family: Montserrat, Arial, sans-serif;
font-weight: 700;
font-size: 14px;
font-size: 0.875rem; }
.quantity-module input {
-moz-appearance: textfield;
width: 3.125rem;
border-radius: 0;
text-align: center;
border-color: #ccc;
padding: 0; }
.quantity-module input, .quantity-module input:focus {
border-left: none;
border-right: none; }
.quantity-module input::-webkit-outer-spin-button, .quantity-module input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0; }
.quantity-module select {
height: 48px; }
.horizontal-carousel .tiles-container:not(.slick-initialized),
.collections-container:not(.slick-initialized) {
display: none; }
.horizontalcarousel-with-callout {
/* make it smooth on iOS */
-webkit-overflow-scrolling: touch;
margin: auto;
width: calc(100% - 30px);
max-width: 1280px; }
@media (max-width: 1023.98px) {
.horizontalcarousel-with-callout {
width: 100%; } }
.horizontalcarousel-with-callout .carousel-header {
text-align: center;
margin-bottom: 0.3125rem; }
@media (min-width: 1024px) {
.horizontalcarousel-with-callout .carousel-header {
margin-bottom: 0.9375rem; } }
.horizontalcarousel-with-callout .carousel-header .subheading {
padding-bottom: 0.3125rem; }
@media (min-width: 768px) {
.horizontalcarousel-with-callout .carousel-header .subheading {
padding-bottom: 0.75rem; } }
.horizontalcarousel-with-callout .carousel-header .heading,
.horizontalcarousel-with-callout .carousel-header .tagline {
padding-bottom: 0.9375rem; }
@media (max-width: 767.98px) {
.horizontalcarousel-with-callout .slick-list {
padding-left: 0 !important; } }
.horizontalcarousel-with-callout .product-tile {
text-align: left;
width: 100%; }
.g-recaptcha .grecaptcha-badge {
bottom: 0.4375rem !important; }
@media (max-width: 767.98px) {
.g-recaptcha .grecaptcha-badge {
bottom: 6.25rem !important; } }
/*# sourceMappingURL=style-haven.css.map */