@charset "UTF-8";
/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
/**
 * CONTENTS
 *
 * COLORS
 * Brand Colors...............Globally-available variables and config
 * Neutral Colors.............Grayscale colors, including white and black
 * Utility Colors.............Info, Warning, Error, Success
 *
 * TYPOGRAPHY
 * Font Families..............The fonts used in the design system
 *
 * LAYOUT & SPACING
 * Max-widths.................Maximum layout container width
 * Spacing defaults...........Spacing between elements
 *
 * BORDERS
 * Border Width...............Border thickness
 * Border Radius..............Border radius definition
 *
 * ANIMATION
 * Animation Speed............Transition/animation speed variables
 * Animation easing...........Easing variables
 *
 * BREAKPOINTS
 * Breakpoints................Global breakpoint definitions
 */
/*------------------------------------*\
     #MISC
 \*------------------------------------*/
/*------------------------------------*\
     #COLORS
 \*------------------------------------*/
/**
 * Brand Colors
 * 1) Brand=specific colors
 */
/**
 * Neutral Colors
 * 1) Neutral colors are grayscale values used throughout the UI
 */
/**
 * Utility Colors
 * 1) Utility colors are colors used to provide feedback, such as alert messages,
 *    form validation, etc.
 */
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
    #LAYOUT & SPACING
\*------------------------------------*/
/**
 * Max Width
 */
/**
 * Spacing and offsets
 * 1) Used to space grids and body padding
 */
/*------------------------------------*\
    #BORDERS
\*------------------------------------*/
/**
 * Border widths
 */
/**
 * Border radius
 */
/*------------------------------------*\
    #ANIMATION
\*------------------------------------*/
/**
 * Transition Speed
 */
/**
 * Transition Ease
 */
/*------------------------------------*\
    #BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*\
    #BREAKPOINTS
\*------------------------------------*/
@media screen and (min-width: 320px) {
  head {
    font-family: "usn-small 320px";
  }
  body:after {
    content: "usn-small - min-width: 320px";
  }
}
@media screen and (min-width: 768px) {
  head {
    font-family: "usn-medium 768px";
  }
  body:after {
    content: "usn-medium - min-width: 768px";
  }
}
@media screen and (min-width: 1024px) {
  head {
    font-family: "usn-large 1024px";
  }
  body:after {
    content: "usn-large - min-width: 1024px";
  }
}
@media screen and (min-width: 1280px) {
  head {
    font-family: "usn-xlarge 1280px";
  }
  body:after {
    content: "usn-xlarge - min-width: 1280px";
  }
}
@media screen and (min-width: 1440px) {
  head {
    font-family: "usn-xxlarge 1440px";
  }
  body:after {
    content: "usn-xxlarge - min-width: 1440px";
  }
}
head {
  clear: both;
}
head title {
  font-family: "usn-small 320px, usn-medium 768px, usn-large 1024px, usn-xlarge 1280px, usn-xxlarge 1440px";
}

body:after {
  display: none;
}

*[data-usn-if] {
  display: none;
}

/*------------------------------------*\
    #MIXINS
\*------------------------------------*/
/* SHAPES */
/* Accessibility Visibility Helper */
/* Show links in parentheses after the tag text */
/*------------------------------------*\
    #MIXINS — ICONS
\*------------------------------------*/
/*------------------------------------*\
    #MIXINS — BUTTONS
\*------------------------------------*/
/*------------------------------------*\
    #MIXINS — LISTS
\*------------------------------------*/
/*------------------------------------*\
    #MIXINS — LAYOUT
\*------------------------------------*/
/*------------------------------------*\
    #MIXINS — BACKGROUNDS
\*------------------------------------*/
/*------------------------------------*\
    #MIXINS — HEADINGS
\*------------------------------------*/
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/
 */
* {
  box-sizing: border-box;
}

/**
 * 1) Zero out margins and padding for elements
 */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0;
}

/**
 * 1) Set HTML5 elements to display: block
 */
header, footer, nav, section, article, figure {
  display: block;
}

/*------------------------------------*\
    #BASE
\*------------------------------------*/
/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #TEXT
\*------------------------------------*/
@font-face {
  font-family: "CrimsonPro";
  src: url("../fonts/CrimsonPro-Regular.woff") format("woff");
  font-weight: normal;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "CrimsonPro";
  src: url("../fonts/CrimsonPro-Italic.woff") format("woff");
  font-weight: normal;
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: normal;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.woff") format("woff");
  font-weight: bold;
  font-weight: 700;
  font-style: normmal;
}
hr {
  padding: 1rem;
  margin: 0;
  height: 0;
  border: none;
  background: transparent;
}
hr:after {
  content: "";
  display: block;
  height: 1px;
  background: #495865;
}
@media (min-width: 1024px) {
  hr:after {
    margin: 0 auto;
    max-width: 75%;
  }
}
@media (min-width: 1280px) {
  hr:after {
    max-width: 50%;
  }
}

/* Visibility Helpers */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}

.flat-to-stack {
  display: flex;
  align-items: center;
}
.flat-to-stack br {
  display: none;
}
.flat-to-stack a,
.flat-to-stack span {
  display: inline-block;
}
.flat-to-stack a:not(:last-of-type):after,
.flat-to-stack span:not(:last-of-type):after {
  display: inline-block;
  content: " - ";
  padding: 0 0.25rem;
}

.bg-style-1 {
  background-color: #d8ba9c;
  color: #fff;
}

.bg-style-2 {
  background-color: #ebebeb;
}

.bg-style-3 {
  background-color: #f6f6f6;
  color: #8f9da8;
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #BODY
\*------------------------------------*/
html,
body {
  height: 100dvh;
}

body {
  width: 100%;
  max-width: 1512px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  color: #495865;
  font-family: "Inter", "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

html {
  scroll-behavior: smooth;
  font-size: 100%;
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0;
  padding: 0;
  color: #495865;
  font-family: "CrimsonPro", "Times New Roman", Times, Georgia, serif;
  line-height: 1.25;
  text-transform: uppercase;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
  font-family: "CrimsonPro", "Times New Roman", Times, Georgia, serif;
}

h1,
.h1 {
  margin: 0 0 0.5rem 0;
  font-family: "CrimsonPro", "Times New Roman", Times, Georgia, serif;
  line-height: 1.11;
  font-weight: normal;
  display: block;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.07;
}

h2,
.h2 {
  margin: 0 0 0.5rem 0;
  font-family: "CrimsonPro", "Times New Roman", Times, Georgia, serif;
  line-height: 1.11;
  font-weight: normal;
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33;
}

h3,
.h3 {
  margin: 0 0 0.5rem 0;
  font-family: "CrimsonPro", "Times New Roman", Times, Georgia, serif;
  line-height: 1.11;
  font-weight: normal;
  display: block;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.125;
}

h4,
.h4 {
  margin: 0 0 0.5rem 0;
  font-family: "CrimsonPro", "Times New Roman", Times, Georgia, serif;
  line-height: 1.11;
  font-weight: normal;
  display: block;
  font-size: 15px;
  font-size: 0.9375rem;
}

h5,
.h5 {
  margin: 0 0 0.5rem 0;
  font-family: "CrimsonPro", "Times New Roman", Times, Georgia, serif;
  line-height: 1.11;
  font-weight: normal;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-style: italic;
}

h6,
.h6 {
  margin: 0 0 0.5rem 0;
  font-family: "CrimsonPro", "Times New Roman", Times, Georgia, serif;
  line-height: 1.11;
  font-weight: normal;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: underline;
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
@font-face {
  font-family: "mlc2026";
  src: url("../fonts/mlc2026.woff2") format("woff2");
}
[data-icon-before]:before,
[class^=icon-].icon-before:before,
[class*=" icon-"].icon-before:before {
  font-family: "mlc2026" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-size-adjust: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.5rem;
}

[data-icon-after]:after,
[class^=icon-].icon-after:after,
[class*=" icon-"].icon-after:after {
  font-family: "mlc2026" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-size-adjust: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.5rem;
  margin-right: 0;
  margin-left: 0.5rem;
}

[data-icon-before]:before {
  content: attr(data-icon-before);
}

[data-icon-after]:after {
  content: attr(data-icon-after);
}

.icon-burger.icon-before:before,
.icon-burger.icon-after:after {
  content: "\ea02";
}

.icon-chevron-right.icon-before:before,
.icon-chevron-right.icon-after:after {
  content: "\ea04";
}

.icon-chevron-left.icon-before:before,
.icon-chevron-left.icon-after:after {
  content: "\ea04";
  transform: rotate(180deg);
}

.icon-eye.icon-before:before,
.icon-eye.icon-after:after {
  content: "\ea05";
}

.icon-facebook.icon-before:before,
.icon-facebook.icon-after:after {
  content: "\ea06";
}

.icon-favorite.icon-before:before,
.icon-favorite.icon-after:after {
  content: "\ea07";
}

.icon-instagram.icon-before:before,
.icon-instagram.icon-after:after {
  content: "\ea08";
}

.icon-lock.icon-before:before,
.icon-lock.icon-after:after {
  content: "\ea09";
}

.icon-mag-glass.icon-before:before,
.icon-mag-glass.icon-after:after {
  content: "\ea0a";
}

.icon-check.icon-before:before,
.icon-check.icon-after:after {
  content: "\ea0b";
}

.icon-plus.icon-before:before,
.icon-plus.icon-after:after {
  content: "\ea0c";
}

.icon-cross.icon-before:before,
.icon-cross.icon-after:after {
  content: "\ea0c";
  transform: rotate(45deg);
}

.icon-question.icon-before:before,
.icon-question.icon-after:after {
  content: "\ea0d";
}

.icon-star.icon-before:before,
.icon-star.icon-after:after {
  content: "\ea0e";
}

.icon-telephone.icon-before:before,
.icon-telephone.icon-after:after {
  content: "\ea0f";
}

.icon-tiktok.icon-before:before,
.icon-tiktok.icon-after:after {
  content: "\ea10";
}

.icon-trash.icon-before:before,
.icon-trash.icon-after:after {
  content: "\ea11";
}

.icon-user.icon-before:before,
.icon-user.icon-after:after {
  content: "\ea12";
}

.icon-chevron-down.icon-before:before,
.icon-chevron-down.icon-after:after {
  content: "\ea13";
}

.icon-chevron-up.icon-before:before,
.icon-chevron-up.icon-after:after {
  content: "\ea13";
  transform: rotate(180deg);
}

.icon-cart.icon-before:before,
.icon-cart.icon-after:after {
  content: "\ea14";
}

.icon-pinterest.icon-before:before,
.icon-pinterest.icon-after:after {
  content: "\ea15";
}

.icon-play.icon-before:before,
.icon-play.icon-after:after {
  content: "\ea16";
}

.icon-dot.icon-before:before,
.icon-dot.icon-after:after {
  content: "\ea17";
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #FORMS
\*------------------------------------*/
::-webkit-input-placeholder {
  color: rgba(19, 44, 66, 0.5);
}

:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(19, 44, 66, 0.5);
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(19, 44, 66, 0.5);
}

:-ms-input-placeholder {
  color: rgba(19, 44, 66, 0.5);
}

fieldset {
  border: 0px solid #8f9da8;
  margin: 0;
  padding: 1rem 0;
}

legend {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  color: #8f9da8;
  font-weight: 600;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=color],
textarea {
  appearance: none;
  background-color: #fff;
  border: 1px solid #8f9da8;
  border-radius: 0;
  color: #8f9da8;
  display: block;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Inter", "Helvetica", "Arial", sans-serif;
  margin: 0 0 0.5rem 0;
  padding: 0.6666666667rem 1rem;
  transition: all, 0.5s;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=color]:focus,
textarea:focus {
  background: #dddddd;
}
input[type=text].error,
input[type=password].error,
input[type=date].error,
input[type=datetime].error,
input[type=datetime-local].error,
input[type=month].error,
input[type=week].error,
input[type=email].error,
input[type=number].error,
input[type=search].error,
input[type=tel].error,
input[type=time].error,
input[type=url].error,
input[type=color].error,
textarea.error {
  background: #fb8cb1;
  border-color: #f71963;
  color: #f71963 !important;
}
input[type=text][disabled], input[type=text].disabled,
input[type=password][disabled],
input[type=password].disabled,
input[type=date][disabled],
input[type=date].disabled,
input[type=datetime][disabled],
input[type=datetime].disabled,
input[type=datetime-local][disabled],
input[type=datetime-local].disabled,
input[type=month][disabled],
input[type=month].disabled,
input[type=week][disabled],
input[type=week].disabled,
input[type=email][disabled],
input[type=email].disabled,
input[type=number][disabled],
input[type=number].disabled,
input[type=search][disabled],
input[type=search].disabled,
input[type=tel][disabled],
input[type=tel].disabled,
input[type=time][disabled],
input[type=time].disabled,
input[type=url][disabled],
input[type=url].disabled,
input[type=color][disabled],
input[type=color].disabled,
textarea[disabled],
textarea.disabled {
  color: #495865;
  cursor: not-allowed;
}

input[type=search],
input[type=email] {
  width: 100%;
}

textarea {
  width: 100%;
  min-height: 150px;
}

label,
.label {
  color: #495865;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-bottom: 0.5rem;
}
label.error,
.label.error {
  color: #f71963;
}
label span,
.label span {
  color: #132c42;
  font-weight: normal;
}
label a,
.label a {
  color: #132c42;
  text-decoration: underline;
}
label a:hover, label a:focus,
.label a:hover,
.label a:focus {
  text-decoration: none;
}

.label {
  cursor: default;
}

/* Adjust margin for form elements below */
input[type=file],
input[type=checkbox],
input[type=radio],
select {
  margin: 0 0.5rem 0.5rem 0;
  display: inline-block;
}
input[type=file][disabled], input[type=file].disabled,
input[type=checkbox][disabled],
input[type=checkbox].disabled,
input[type=radio][disabled],
input[type=radio].disabled,
select[disabled],
select.disabled {
  cursor: not-allowed !important;
}

select {
  width: 100%;
  padding: 0.6666666667rem 1.5rem;
  border: 0 solid #fff;
  cursor: pointer;
  font-family: "Inter", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: #495865;
}
select optgroup[label] {
  font-weight: bold;
}
select option[value=""] {
  color: #8f9da8;
}
select[disabled] {
  color: #dddddd;
  cursor: not-allowed;
}

.select {
  display: inline-block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #ebebeb;
  border-radius: 0;
  border: 1px solid rgba(216, 186, 156, 0.1);
  margin: 0 0 1rem 0;
}
.select label {
  padding-bottom: 0;
}
.select select {
  appearance: none;
  background-color: transparent;
  position: relative;
  border-radius: 0;
  z-index: 2;
  width: 105%;
  margin: 0;
  padding-right: 5rem;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: left;
  color: #495865;
}
.invalid .select select:required:invalid {
  background: #fb8cb1;
  border: 1px solid #f71963;
}
.invalid .select select:required:valid {
  background: transparent;
  border: 0px solid transparent;
}
.select:after {
  font-family: "mlc2026" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-size-adjust: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.5rem;
  margin-right: 0;
  margin-left: 0.5rem;
  content: "\ea13";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.5rem;
  z-index: 0;
  margin: 0;
  border-radius: 0.6666666667rem;
  background: #fff;
  color: #000;
  padding: 0.6666666667rem;
  font-size: 13px;
  font-size: 0.8125rem;
}
.select.is-error {
  background: #fb8cb1;
}
.select.disabled {
  color: #8f9da8;
  cursor: not-allowed;
}

.buttons {
  padding: 1rem 0;
}

form ul,
form ol {
  list-style: none;
}
form small {
  font-style: italic;
  font-size: 11px;
  font-size: 0.6875rem;
  display: block;
}
form small.error {
  color: #f71963;
  margin: -0.5rem 0 1rem 0;
}
form .multiple-fields {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
form .multiple-fields p:first-of-type {
  padding-right: 0.5rem;
}
form .multiple-fields p:last-of-type {
  padding-left: 0.5rem;
}
form .multiple-fields p {
  width: 50%;
  flex: none;
}
form .multiple-fields p input {
  width: 100%;
}
form .error-message {
  color: #f71963;
  font-size: 12px;
  font-size: 0.75rem;
  border: 1px solid #f71963;
  padding: 0.5rem !important;
  margin-bottom: 1rem;
}
form .success-message {
  color: #32be8d;
  font-size: 13px;
  font-size: 0.8125rem;
  border: 1px solid #32be8d;
  padding: 0.5rem !important;
  margin-bottom: 1rem;
}
form .nota {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  text-align: center;
}
form .nota strong {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: italic;
  padding: 0.5rem 0;
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
.inner-row,
.main {
  width: 100%;
  max-width: 84rem;
  padding: 0 1rem;
  margin: 0 auto;
}

.main {
  padding: 2rem 1.5rem;
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #LINKS & BUTTONS
\*------------------------------------*/
/* Icons */
button,
a,
span,
label,
i {
  -webkit-tap-highlight-color: transparent;
  transition: color 0.5s ease-out, background-color 0.5s ease-out, border-color 0.5s ease-out, opacity 0.5s ease-out;
}
button.close:before, button.search-button:before, button.user-button:before, button.cart-button:before, button.menu-button:before, button.checked:before, button.prev:before, button.mail:before, button.facebook:before, button.instagram:before, button.pinterest:before, button.tiktok:before, button.phone:before,
a.close:before,
a.search-button:before,
a.user-button:before,
a.cart-button:before,
a.menu-button:before,
a.checked:before,
a.prev:before,
a.mail:before,
a.facebook:before,
a.instagram:before,
a.pinterest:before,
a.tiktok:before,
a.phone:before,
span.close:before,
span.search-button:before,
span.user-button:before,
span.cart-button:before,
span.menu-button:before,
span.checked:before,
span.prev:before,
span.mail:before,
span.facebook:before,
span.instagram:before,
span.pinterest:before,
span.tiktok:before,
span.phone:before,
label.close:before,
label.search-button:before,
label.user-button:before,
label.cart-button:before,
label.menu-button:before,
label.checked:before,
label.prev:before,
label.mail:before,
label.facebook:before,
label.instagram:before,
label.pinterest:before,
label.tiktok:before,
label.phone:before,
i.close:before,
i.search-button:before,
i.user-button:before,
i.cart-button:before,
i.menu-button:before,
i.checked:before,
i.prev:before,
i.mail:before,
i.facebook:before,
i.instagram:before,
i.pinterest:before,
i.tiktok:before,
i.phone:before {
  font-family: "mlc2026" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-size-adjust: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.5rem;
}
button.close span, button.search-button span, button.user-button span, button.cart-button span, button.menu-button span, button.checked span, button.prev span, button.mail span, button.facebook span, button.instagram span, button.pinterest span, button.tiktok span, button.phone span,
a.close span,
a.search-button span,
a.user-button span,
a.cart-button span,
a.menu-button span,
a.checked span,
a.prev span,
a.mail span,
a.facebook span,
a.instagram span,
a.pinterest span,
a.tiktok span,
a.phone span,
span.close span,
span.search-button span,
span.user-button span,
span.cart-button span,
span.menu-button span,
span.checked span,
span.prev span,
span.mail span,
span.facebook span,
span.instagram span,
span.pinterest span,
span.tiktok span,
span.phone span,
label.close span,
label.search-button span,
label.user-button span,
label.cart-button span,
label.menu-button span,
label.checked span,
label.prev span,
label.mail span,
label.facebook span,
label.instagram span,
label.pinterest span,
label.tiktok span,
label.phone span,
i.close span,
i.search-button span,
i.user-button span,
i.cart-button span,
i.menu-button span,
i.checked span,
i.prev span,
i.mail span,
i.facebook span,
i.instagram span,
i.pinterest span,
i.tiktok span,
i.phone span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}
button.close:before,
a.close:before,
span.close:before,
label.close:before,
i.close:before {
  content: "\ea0c";
  transform: rotate(45deg);
}
button.search-button:before,
a.search-button:before,
span.search-button:before,
label.search-button:before,
i.search-button:before {
  content: "\ea0a";
  margin-right: 0;
}
button.user-button:before,
a.user-button:before,
span.user-button:before,
label.user-button:before,
i.user-button:before {
  content: "\ea12";
}
button.cart-button:before,
a.cart-button:before,
span.cart-button:before,
label.cart-button:before,
i.cart-button:before {
  content: "\ea14";
}
button.menu-button:before,
a.menu-button:before,
span.menu-button:before,
label.menu-button:before,
i.menu-button:before {
  content: "\ea02";
}
button.checked:before,
a.checked:before,
span.checked:before,
label.checked:before,
i.checked:before {
  content: "\ea0b";
}
button.prev:before,
a.prev:before,
span.prev:before,
label.prev:before,
i.prev:before {
  content: "\ea04";
  transform: rotate(180deg);
}
button.facebook:before,
a.facebook:before,
span.facebook:before,
label.facebook:before,
i.facebook:before {
  content: "\ea06";
}
button.instagram:before,
a.instagram:before,
span.instagram:before,
label.instagram:before,
i.instagram:before {
  content: "\ea08";
}
button.pinterest:before,
a.pinterest:before,
span.pinterest:before,
label.pinterest:before,
i.pinterest:before {
  content: "\ea15";
}
button.tiktok:before,
a.tiktok:before,
span.tiktok:before,
label.tiktok:before,
i.tiktok:before {
  content: "\ea10";
}
button.phone:before,
a.phone:before,
span.phone:before,
label.phone:before,
i.phone:before {
  content: "\ea0f";
}
button.down:after, button.up:after, button.next:after,
a.down:after,
a.up:after,
a.next:after,
span.down:after,
span.up:after,
span.next:after,
label.down:after,
label.up:after,
label.next:after,
i.down:after,
i.up:after,
i.next:after {
  font-family: "mlc2026" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-size-adjust: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.5rem;
  margin-right: 0;
  margin-left: 0.5rem;
}
button.down span, button.up span, button.next span,
a.down span,
a.up span,
a.next span,
span.down span,
span.up span,
span.next span,
label.down span,
label.up span,
label.next span,
i.down span,
i.up span,
i.next span {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}
button.down:after,
a.down:after,
span.down:after,
label.down:after,
i.down:after {
  content: "\ea13";
}
button.up:after,
a.up:after,
span.up:after,
label.up:after,
i.up:after {
  content: "\ea13";
  transform: rotate(180deg);
}
button.next:after,
a.next:after,
span.next:after,
label.next:after,
i.next:after {
  content: "\ea04";
}

/* general */
a {
  text-decoration: none;
  font-family: "Inter", "Helvetica", "Arial", sans-serif;
  color: inherit;
}
a:hover, a:focus, a:active, a.active {
  cursor: pointer;
  text-decoration: underline;
}

/* Buttons */
button,
.mlc-btn {
  appearance: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0.6666666667rem 2rem;
  margin: 0;
  background: transparent;
  border: 1px solid;
  border-radius: 0;
  transition: color 0.5s ease-out 0s, background-color 0.5s ease-out 0s, border-color 0.5s ease-out 0s;
  font-size: 16px;
  font-size: 1rem;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-family: "Inter", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  cursor: pointer;
}
button.big,
.mlc-btn.big {
  border-radius: 1.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1.25rem;
}
button:hover, button:focus, button:active, button.active,
.mlc-btn:hover,
.mlc-btn:focus,
.mlc-btn:active,
.mlc-btn.active {
  text-decoration: none;
}

.mlc-btn-disabled,
button[disabled] {
  background: #f6f6f6 !important;
  border-color: #f6f6f6 !important;
  color: #fff !important;
  cursor: not-allowed !important;
}
.mlc-btn-disabled span,
button[disabled] span {
  background-color: rgb(250.5, 250.5, 250.5) !important;
}

.mlc-btn-reset,
button[reset] {
  background: #fff;
  color: #495865;
}
.mlc-btn-reset:hover, .mlc-btn-reset:focus,
button[reset]:hover,
button[reset]:focus {
  background-color: #fff;
}

.mlc-btn-naked {
  display: inline-block;
  background-color: transparent;
  border: 1px solid transparent;
  color: inherit;
  padding: 0;
  margin: 0;
}

.mlc-btn-type-1 {
  background-color: #d8ba9c;
  border-color: #d8ba9c;
  color: #fff;
}
.mlc-btn-type-1:hover, .mlc-btn-type-1:focus, .mlc-btn-type-1:active {
  background-color: #ebd1b7;
  border-color: #ebd1b7;
  color: #132c42;
}

.mlc-btn-type-2 {
  background-color: transparent;
  border-color: #d8ba9c;
  color: #d8ba9c;
}
.mlc-btn-type-2:hover, .mlc-btn-type-2:focus, .mlc-btn-type-2:active {
  background-color: #d8ba9c;
  color: #fff;
}

.mlc-btn-type-3 {
  background-color: #495865;
  border-color: #495865;
  color: #fff;
}
.mlc-btn-type-3:hover, .mlc-btn-type-3:focus, .mlc-btn-type-3:active {
  background-color: transparent;
  color: #495865;
}

.toggle {
  display: inline-block;
  background-color: transparent;
  border: 1px solid transparent;
  color: inherit;
  padding: 0;
  margin: 0;
}

.social-link {
  background-color: #fff;
  border-color: #fff;
  color: #495865;
}
.social-link:hover, .social-link:focus, .social-link:active {
  background-color: #495865;
  border-color: #495865;
  color: #fff;
}
.social-link {
  display: inline-block;
  padding: 0.5rem;
  border-radius: 100%;
}
.social-link:before {
  margin-right: 0 !important;
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * 1) List base styles
 */
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.66;
}

/* Lists with custom icons */
.pretty-list li {
  position: relative;
  padding-left: 1rem;
  margin-left: 0;
}
.pretty-list li:before {
  font-family: "mlc2026" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-size-adjust: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.5rem;
  content: "\ea17";
  color: #d8ba9c;
  font-size: 16px;
  font-size: 1rem;
  margin-right: 0;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.pretty-list li li:before {
  color: #8f9da8;
}
.pretty-list.error-message li:before {
  color: #f71963;
  top: 0.25rem;
}

/* Ordered lists */
.ordered-list {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1.5rem;
}
.ordered-list li li {
  margin-left: 1rem;
}

/* Social links */
.social-links li {
  display: inline-block;
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #MEDIA
\*------------------------------------*/
picture,
picture img {
  display: block;
}

figure,
.figure {
  margin: 0;
  position: relative;
  z-index: 0;
}
figure img,
.figure img {
  display: block;
  margin: 0 auto;
}

figcaption {
  font-style: italic;
}

/* fade image in after load
.lazyload, .lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
} */
/* Flexible Media */
img,
video,
object {
  max-width: 100%;
  height: auto;
  border: none;
}

.video-player {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
  height: 0;
  /* RWD VIDEOS - Playback technology elements expand to the width/height of the containing div
      <video> or <object> */
}
.video-player .vjs-tech,
.video-player iframe,
.video-player object,
.video-player embed,
.video-player video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-player .figure {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  cursor: pointer;
  background-color: #000;
  border-radius: 2rem;
}
.video-player .figure:before {
  font-family: "mlc2026" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-size-adjust: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.5rem;
  content: "\ea16";
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  color: #d8ba9c;
  border-radius: 100%;
  font-size: 16px;
  font-size: 1rem;
  padding: 0.6666666667rem;
  margin-right: 0;
}
.video-player img {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #TABLES
\*------------------------------------*/
/**
 * Table
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/**
 * Table header cell
 */
th {
  text-align: left;
}

/**
 * Table row
 */
tr {
  vertical-align: top;
}

/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #TEXT
\*------------------------------------*/
/* Base */
p,
li,
dt,
dd {
  font-size: 12px;
  font-size: 0.75rem;
}

p,
dl,
dt,
dd {
  padding: 0;
  margin: 0;
  line-height: 1.66;
}

em,
i,
cite,
var,
address,
dfn {
  font-style: italic;
}

strong,
b {
  font-weight: bold;
  font-weight: 700;
}

sup,
sub {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
}

abbr,
abbr[title],
acronym[title] {
  border-bottom: none;
  text-decoration: none;
  font-variant: small-caps;
}

kbd {
  display: inline-block;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
  background-color: #8f9da8;
  border: 1px solid #495865;
  border-radius: 0;
  color: rgb(101.1931034483, 121.9862068966, 140.0068965517);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.4;
  margin: 0 0.1rem;
  padding: 0.05rem 0.4rem;
  text-shadow: 0 1px 0 #fff;
}

small {
  font-size: 70%;
}

q {
  quotes: initial;
}
q:before {
  content: open-quote;
}
q:after {
  content: close-quote;
}

tt,
code,
kbd,
samp {
  font-family: monospace;
}

/* Cold Content, articles... */
.text-content {
  padding: 1rem 1rem 0;
}
.text-content p,
.text-content ul,
.text-content ol {
  line-height: 1.8;
  padding-bottom: 3rem;
  color: #dddddd;
}
.text-content p:last-child,
.text-content ul:last-child,
.text-content ol:last-child {
  padding-bottom: 1rem;
}
.text-content p,
.text-content li {
  font-size: 18px;
  font-size: 1.125rem;
}
.text-content ul li {
  position: relative;
  padding-left: 1rem;
  margin-left: 0;
}
.text-content ul li:before {
  font-family: "mlc2026" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-decoration: none !important;
  text-transform: none !important;
  font-size-adjust: none !important;
  speak: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 0.5rem;
  content: "\ea17";
  color: #d8ba9c;
  font-size: 16px;
  font-size: 1rem;
  margin-right: 0;
  position: absolute;
  top: 0.5rem;
  left: 0;
}
.text-content ul li li:before {
  color: #8f9da8;
}
.text-content ul.error-message li:before {
  color: #f71963;
  top: 0.25rem;
}
.text-content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1.5rem;
}
.text-content ol li li {
  margin-left: 1rem;
}
.text-content h2,
.text-content h3,
.text-content h4 {
  color: #d8ba9c;
  line-height: 1.4;
  padding-bottom: 1rem;
}
.text-content h2 {
  font-size: 24px;
  font-size: 1.5rem;
}
.text-content h3 {
  font-size: 20px;
  font-size: 1.25rem;
}
.text-content h4 {
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
}
.text-content a {
  text-decoration: underline;
  font-weight: bold;
  color: #d8ba9c;
}
.text-content a:hover, .text-content a:focus, .text-content a:active {
  text-decoration: none;
}
.text-content figure {
  padding-bottom: 3rem;
}
.text-content img {
  border-radius: 1.5rem;
}
.text-content blockquote {
  padding: 2rem 1.5rem 1rem;
  margin-bottom: 2rem;
  border-radius: 1.5rem;
  background: #ebebeb url(/images/bg-blockquote.png) no-repeat;
  background-position: right -80px bottom 0;
}
.text-content blockquote p {
  line-height: 1.5;
}

/*------------------------------------*\
    #COMPONENTS
\*------------------------------------*/
/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
#pre-header {
  padding: 0.5rem 0;
  background-color: #d8ba9c;
  color: #fff;
}
#pre-header ul {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

/* max 1024 */
@media (max-width: 1023px) {
  #menu-container {
    display: none;
  }
}
/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
#reassurance {
  padding: 5rem 0;
}
#reassurance li {
  color: #8f9da8;
  text-align: center;
  max-width: 240px;
  padding: 1rem 0;
  margin: 0 auto;
}
#reassurance li i {
  display: block;
  margin: 0 auto;
  width: 49px;
  height: 59px;
  margin-bottom: 0.5rem;
  background: transparent center bottom no-repeat;
}
#reassurance li i.french {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='46' height='48' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath fill-rule='evenodd' d='M23.012 1.066L26.065.021c.132-.047.278-.012.377.087l5.697 5.79 1.55-.184a.36.36 0 0 1 .348.161l1.196 1.832 9.93 3.634c.095.033.169.103.207.194s.043.192.007.281l-1.693 4.198.057 3.066c.003.19-.141.35-.332.367l-1.145.102-2.863 4.963 1.298.26c.137.027.245.128.281.261l1.539 5.692a.37.37 0 0 1-.097.355l-1.13 1.121.899 3.412 2.686 1.569a.36.36 0 0 1 .175.274c.014.114-.029.229-.115.308l-5.841 5.328c-.092.081-.213.113-.33.085l-7.519-1.815-3.428 2.585-.65 2.836c-.039.167-.186.284-.356.282l-4.32-.031c-.072 0-.142-.021-.2-.06l-4.104-2.749-5.758.073c-.081 0-.16-.026-.224-.075l-3.845-2.935c-.113-.084-.163-.227-.136-.364l3.211-15.03-2.923-3.069c-.047-.051-.08-.112-.094-.177l-.582-2.811-5.44-3.705-2.177-.908c-.145-.061-.234-.207-.222-.363l.22-2.971c.012-.153.12-.285.269-.325l5.476-1.437c.127-.032.262.004.355.1l1.376 1.427 3.39-.104-.681-4.583a.37.37 0 0 1 .077-.279.36.36 0 0 1 .257-.137l1.707-.126a.37.37 0 0 1 .25.076l2.695 2.077 6.547-3.468.835-3.781c.025-.123.116-.224.236-.265zm.428.621l-.827 3.746c-.024.102-.089.191-.186.241l-6.901 3.658c-.124.067-.278.055-.391-.034l-2.771-2.135-1.181.087.682 4.598c.016.102-.013.208-.079.288s-.163.127-.266.129l-3.961.123a.36.36 0 0 1-.273-.109l-1.342-1.392-5.019 1.317-.181 2.451 1.97.823a.29.29 0 0 1 .066.035l5.591 3.806c.079.055.131.134.152.227l.591 2.854 2.986 3.134c.081.086.116.21.093.327L8.988 40.853l3.564 2.72 5.743-.074a.37.37 0 0 1 .206.062l4.107 2.752 3.92.026.612-2.681c.02-.082.069-.157.137-.209l3.67-2.767a.36.36 0 0 1 .306-.063l7.495 1.808 5.334-4.865-2.386-1.396c-.084-.048-.144-.127-.169-.22l-.991-3.761c-.035-.124.001-.259.095-.349l1.13-1.121-1.425-5.273-1.576-.317a.36.36 0 0 1-.26-.205c-.048-.106-.04-.23.019-.332l3.21-5.564a.37.37 0 0 1 .283-.182l.994-.085-.049-2.802a.39.39 0 0 1 .024-.143l1.581-3.917-9.693-3.545a.39.39 0 0 1-.18-.145l-1.138-1.744-1.504.183c-.111.011-.223-.027-.301-.107L26.084.782l-2.644.906z' fill='%238f9da8'/%3e%3c/svg%3e");
}
#reassurance li i.shipping {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='39' height='52' fill='none' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M38.972 13.081c-.005-.01-.01-.025-.015-.036a.64.64 0 0 0-.098-.143c-.005-.005-.015-.015-.026-.02-.021-.015-.036-.036-.057-.051L19.796.088a.53.53 0 0 0-.583 0L.232 12.832c-.021.015-.036.031-.057.051-.01.005-.015.015-.026.02a.47.47 0 0 0-.098.143c-.005.01-.01.02-.015.036-.021.056-.036.117-.036.178v25.487c0 .168.083.326.227.423l18.98 12.743.057.026c.015.01.031.015.052.026.057.02.119.036.181.036a.57.57 0 0 0 .181-.036c.021-.005.036-.015.052-.026.021-.01.041-.015.057-.026l18.98-12.743a.52.52 0 0 0 .227-.423V13.26c.016-.061.005-.122-.021-.178zM18.995 50.528L1.048 38.477V14.223l17.947 12.051v24.254zm.516-25.141L1.446 13.26 19.512 1.133 37.578 13.26 19.512 25.387zm12.392-7.085v13.585l-2.649-1.453c-.232-.127-.527-.061-.676.153L26.1 34.119V22.196l5.803-3.895zm6.072 20.176L20.028 50.528V26.274l5.039-3.385v12.861c0 .224.145.418.361.484.052.015.103.026.155.026.165 0 .325-.081.423-.219l3.149-4.491 3.01 1.651a.52.52 0 0 0 .511-.005c.16-.092.253-.26.253-.438v-15.15l5.039-3.385v24.254h.005z' fill='%238f9da8'/%3e%3c/svg%3e");
}
#reassurance li i.payment {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='37' height='52' fill='%238f9da8' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M.638 52h35.724c.352 0 .638-.284.638-.634V23.463c0-.35-.286-.634-.638-.634h-4.465v-9.512C31.897 5.974 25.887 0 18.5 0S5.103 5.974 5.103 13.317v9.512H.638c-.352 0-.638.284-.638.634v27.903c0 .35.286.634.638.634zm5.741-38.683c0-6.643 5.438-12.049 12.121-12.049s12.121 5.405 12.121 12.049v9.512H6.379v-9.512zM1.276 24.098h34.448v26.634H1.276V24.098zM18.5 32.976c-1.759 0-3.19 1.423-3.19 3.171a3.18 3.18 0 0 0 2.552 3.106v1.967c0 .35.286.634.638.634s.638-.284.638-.634v-1.967a3.18 3.18 0 0 0 2.552-3.106c0-1.748-1.43-3.171-3.19-3.171zm0 5.073a1.91 1.91 0 0 1-1.914-1.903 1.914 1.914 0 1 1 3.828 0 1.91 1.91 0 0 1-1.914 1.903z'/%3e%3c/svg%3e");
}
#reassurance li i.quick {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='49' height='59' fill='%238f9da8' xmlns:v='https://vecta.io/nano'%3e%3cpath d='M23.275 25.419c-.141 0-.278-.05-.386-.141l-10.236-8.811a.6.6 0 0 1-.2-.541.6.6 0 0 1 .115-.275c.061-.08.141-.144.233-.185L48.144.049c.128-.056.272-.065.406-.025s.25.125.328.242a.6.6 0 0 1-.081.763L23.682 25.271c-.113.099-.258.152-.407.148zm-9.133-9.234l9.091 7.824L45.559 2.481 14.142 16.185z'/%3e%3cpath d='M41.084 36.838a.6.6 0 0 1-.316-.092l-14.177-8.832a.6.6 0 0 1-.274-.411.6.6 0 0 1 .127-.478L47.934.24c.083-.106.2-.181.331-.212s.269-.017.391.04a.6.6 0 0 1 .282.275.6.6 0 0 1 .05.391l-7.32 35.625a.6.6 0 0 1-.351.43c-.073.032-.152.049-.232.049zm-13.306-9.579l12.863 8.015 6.625-32.369-19.488 24.354z'/%3e%3cpath d='M22.952 35.442c-.103 0-.204-.027-.294-.078a.6.6 0 0 1-.303-.506.6.6 0 0 1 .07-.297l3.934-7.437a.6.6 0 0 1 .353-.291c.152-.046.315-.03.455.045a.6.6 0 0 1 .246.811l-3.014 5.696 6.133-3.306a.6.6 0 0 1 .223-.068c.078-.008.157 0 .232.023s.145.06.205.11a.6.6 0 0 1 .215.405.6.6 0 0 1-.133.439c-.05.061-.111.111-.18.148l-7.861 4.229c-.086.048-.182.075-.281.078z'/%3e%3cpath d='M22.952 35.442c-.078-.003-.156-.021-.227-.054s-.136-.079-.189-.137a.6.6 0 0 1-.16-.43l.316-10.031a.6.6 0 0 1 .192-.415c.116-.107.269-.166.427-.163a.6.6 0 0 1 .227.054c.072.033.136.079.189.137a.6.6 0 0 1 .16.43l-.316 10.031a.6.6 0 0 1-.19.418c-.057.054-.125.096-.198.123a.62.62 0 0 1-.23.038zM2.052 59a.6.6 0 0 1-.545-.351.6.6 0 0 1 .095-.642l16.79-19.342a.59.59 0 0 1 .41-.203c.158-.01.314.042.433.147a.6.6 0 0 1 .056.846L2.501 58.767a.6.6 0 0 1-.199.166c-.078.04-.163.063-.251.066zm5.353-23.233a.6.6 0 0 1-.591-.686.6.6 0 0 1 .142-.307l7.84-9.016a.6.6 0 0 1 .185-.143.59.59 0 0 1 .225-.061c.078-.005.157.005.231.03s.143.065.202.117a.61.61 0 0 1 .142.185.6.6 0 0 1-.086.661l-7.84 9.016a.6.6 0 0 1-.203.151c-.078.035-.162.053-.247.053zm15.189 15.317a.6.6 0 0 1-.591-.686.6.6 0 0 1 .141-.307l11.058-12.688a.6.6 0 0 1 .185-.143c.071-.035.147-.056.225-.061s.157.005.231.03.143.065.202.117a.61.61 0 0 1 .142.185.6.6 0 0 1 .061.226.61.61 0 0 1-.03.232.6.6 0 0 1-.116.203L23.078 50.88c-.06.069-.135.123-.219.159a.59.59 0 0 1-.266.046zM10.37 58.175a.6.6 0 0 1-.592-.686.6.6 0 0 1 .142-.307L26.443 38.15a.59.59 0 0 1 .41-.203c.158-.01.314.042.433.147a.6.6 0 0 1 .056.846L10.819 57.971a.6.6 0 0 1-.203.151c-.078.035-.162.053-.247.053zM.598 51.676a.6.6 0 0 1-.324-.095.6.6 0 0 1-.22-.256.6.6 0 0 1 .095-.642L16.84 31.467a.59.59 0 0 1 .41-.203c.158-.01.314.042.433.147a.6.6 0 0 1 .056.846L1.04 51.472a.6.6 0 0 1-.2.15.6.6 0 0 1-.243.055z'/%3e%3c/svg%3e");
}

#footer {
  background-color: #d8ba9c;
  color: #fff;
  color: #495865;
  padding: 2rem 0;
}

#newsletter-subscription {
  padding: 2rem 0;
}
#newsletter-subscription form {
  padding-top: 1rem;
}
#newsletter-subscription input {
  border-color: #fff;
}
#newsletter-subscription button {
  width: 100%;
}

#footer-content .social-links {
  padding: 1.5rem 0;
}

#store-info br {
  display: none;
}
#store-info img {
  display: block;
  margin: 0 auto 1rem;
  width: 110px;
}

#footer-links {
  padding-top: 1.5rem;
}
#footer-links p {
  margin-bottom: 0.5rem;
}

/* max 768 */
@media (max-width: 767px) {
  #footer {
    text-align: center;
  }
  #footer-content .flat-to-stack {
    justify-content: center;
  }
}
/* min 768 */
@media (min-width: 768px) {
  #newsletter-subscription {
    border-bottom: 1px solid #fff;
  }
}
/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
.card.editorial {
  position: relative;
  overflow-x: hidden;
}
.card.editorial img {
  width: 100%;
  height: 542px;
  object-fit: cover;
}
.card.editorial .card-content {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2rem 1.5rem;
}
.card.editorial .card-content .h2,
.card.editorial .card-content p {
  color: #fff;
}
.card.editorial:before {
  display: block;
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background: linear-gradient(to top, #132c42 0%, transparent);
}

.card-grid .inner-row {
  padding: 0;
}

/* min 768 */
@media (min-width: 768px) {
  .card-grid .inner-row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .card-grid .card.editorial {
    width: 50%;
  }
  .card-grid .card.editorial img {
    height: 593px;
  }
}
/* min 1024 */
@media (min-width: 1024px) {
  .card-grid .card.editorial.size-1 {
    width: 33.33%;
  }
  .card-grid .card.editorial.size-2 {
    width: 50%;
  }
  .card-grid .card.editorial.size-3 {
    width: 66.66%;
  }
  .card-grid .card.editorial.size-4 {
    width: 100%;
  }
  .card-grid .card.editorial img {
    height: 700px;
  }
}
/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/*------------------------------------*\
    #TABLE OF CONTENTS
\*------------------------------------*/
/**
 * ABSTRACTS..............................Sass modules, variables & mixins
 * RESET..................................Reset
 * COMPONENTS.............................Specific Components styles
 * MAIN...................................Actual Styles
 */
/*------------------------------------*\
    #ABSTRACTS
\*------------------------------------*/
.skipLink {
  top: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -100%);
  transition: transform 0.3s;
  z-index: -1000;
  padding: 0.5rem;
  background-color: #fff;
}
.skipLink:focus {
  transform: translate(-50%, 0%);
  z-index: 1000;
}

/* min 320 */
/* 320-480 */
/* max 480 */
/* min 480 */
/* 480-768 */
/* max 768 */
/* min 768 */
/* 768-1024 */
/* max 1024 */
@media (max-width: 1023px) {
  .n-o-m {
    display: none;
  }
}
/* min 1024 */
@media (min-width: 1024px) {
  .n-o-m {
    display: block;
  }
  .n-o-d {
    display: none;
  }
}
/* 1024-1280 */
/* max 1280 */
/* min 1280 */
/* 1280-1440 */
/* max 1440 */
/* min 1440 *//*# sourceMappingURL=app.css.map */