/** Shopify CDN: Minification failed

Line 19:116 Unterminated string token
Line 20:113 Unterminated string token
Line 2088:114 Unterminated string token
Line 2089:119 Unterminated string token

**/
@charset "UTF-8"; /*! * Bootstrap Reboot v4.5.3 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * Forked
from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ *, *::before,
*::after { box-sizing: border-box; }

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,
0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto
Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem;
font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; }

[tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; }

p { margin-top: 0; margin-bottom: 1rem; }

abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help;
border-bottom: 0; text-decoration-skip-ink: none; }

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; }

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; } a:hover { color: #0056b3; text-decoration:
underline; }

a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit;
text-decoration: none; }

pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
monospace; font-size: 1em; }

pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; }

figure { margin: 0 0 1rem; }

img { vertical-align: middle; border-style: none; }

svg { overflow: initial; vertical-align: middle; }

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; text-align: -webkit-match-parent; }

label { display: inline-block; margin-bottom: 0.5rem; }

button { border-radius: 0; }

button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; }

input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }

button, input { overflow: visible; }

button, select { text-transform: none; }

[role="button"] { cursor: pointer; }

select { word-wrap: normal; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
cursor: pointer; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { padding: 0; border-style: none; }

input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; }

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-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; }

/*! * Bootstrap Grid v4.5.3 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright
2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ html { box-sizing:
border-box; -ms-overflow-style: scrollbar; }

*, *::before, *::after { box-sizing: inherit; }

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right:
15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container,
.container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm,
.container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm,
.container-md, .container-lg, .container-xl { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap;
margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0;
padding-left: 0; }

.col-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%; padding-right:
15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.row-cols-1 > * { flex: 0 0 100%; max-width: 100%; }

.row-cols-2 > * { flex: 0 0 50%; max-width: 50%; }

.row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.row-cols-4 > * { flex: 0 0 25%; max-width: 25%; }

.row-cols-5 > * { flex: 0 0 20%; max-width: 20%; }

.row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-3 { flex: 0 0 25%; max-width: 25%; }

.col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-6 { flex: 0 0 50%; max-width: 50%; }

.col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-9 { flex: 0 0 75%; max-width: 75%; }

.col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-12 { flex: 0 0 100%; max-width: 100%; }

.order-first { order: -1; }

.order-last { order: 13; }

.order-0 { order: 0; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-6 { order: 6; }

.order-7 { order: 7; }

.order-8 { order: 8; }

.order-9 { order: 9; }

.order-10 { order: 10; }

.order-11 { order: 11; }

.order-12 { order: 12; }

.offset-1 { margin-left: 8.3333333333%; }

.offset-2 { margin-left: 16.6666666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.3333333333%; }

.offset-5 { margin-left: 41.6666666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.3333333333%; }

.offset-8 { margin-left: 66.6666666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.3333333333%; }

.offset-11 { margin-left: 91.6666666667%; }

@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; }

.row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; }

.row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; }

.row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; }

.row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-sm-3 { flex: 0 0 25%; max-width: 25%; }

.col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-sm-6 { flex: 0 0 50%; max-width: 50%; }

.col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-sm-9 { flex: 0 0 75%; max-width: 75%; }

.col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-sm-12 { flex: 0 0 100%; max-width: 100%; }

.order-sm-first { order: -1; }

.order-sm-last { order: 13; }

.order-sm-0 { order: 0; }

.order-sm-1 { order: 1; }

.order-sm-2 { order: 2; }

.order-sm-3 { order: 3; }

.order-sm-4 { order: 4; }

.order-sm-5 { order: 5; }

.order-sm-6 { order: 6; }

.order-sm-7 { order: 7; }

.order-sm-8 { order: 8; }

.order-sm-9 { order: 9; }

.order-sm-10 { order: 10; }

.order-sm-11 { order: 11; }

.order-sm-12 { order: 12; }

.offset-sm-0 { margin-left: 0; }

.offset-sm-1 { margin-left: 8.3333333333%; }

.offset-sm-2 { margin-left: 16.6666666667%; }

.offset-sm-3 { margin-left: 25%; }

.offset-sm-4 { margin-left: 33.3333333333%; }

.offset-sm-5 { margin-left: 41.6666666667%; }

.offset-sm-6 { margin-left: 50%; }

.offset-sm-7 { margin-left: 58.3333333333%; }

.offset-sm-8 { margin-left: 66.6666666667%; }

.offset-sm-9 { margin-left: 75%; }

.offset-sm-10 { margin-left: 83.3333333333%; }

.offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1;
max-width: 100%; }

.row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; }

.row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; }

.row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; }

.row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; }

.row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-md-3 { flex: 0 0 25%; max-width: 25%; }

.col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-md-6 { flex: 0 0 50%; max-width: 50%; }

.col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-md-9 { flex: 0 0 75%; max-width: 75%; }

.col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-md-12 { flex: 0 0 100%; max-width: 100%; }

.order-md-first { order: -1; }

.order-md-last { order: 13; }

.order-md-0 { order: 0; }

.order-md-1 { order: 1; }

.order-md-2 { order: 2; }

.order-md-3 { order: 3; }

.order-md-4 { order: 4; }

.order-md-5 { order: 5; }

.order-md-6 { order: 6; }

.order-md-7 { order: 7; }

.order-md-8 { order: 8; }

.order-md-9 { order: 9; }

.order-md-10 { order: 10; }

.order-md-11 { order: 11; }

.order-md-12 { order: 12; }

.offset-md-0 { margin-left: 0; }

.offset-md-1 { margin-left: 8.3333333333%; }

.offset-md-2 { margin-left: 16.6666666667%; }

.offset-md-3 { margin-left: 25%; }

.offset-md-4 { margin-left: 33.3333333333%; }

.offset-md-5 { margin-left: 41.6666666667%; }

.offset-md-6 { margin-left: 50%; }

.offset-md-7 { margin-left: 58.3333333333%; }

.offset-md-8 { margin-left: 66.6666666667%; }

.offset-md-9 { margin-left: 75%; }

.offset-md-10 { margin-left: 83.3333333333%; }

.offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1;
max-width: 100%; }

.row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; }

.row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; }

.row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; }

.row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; }

.row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-lg-3 { flex: 0 0 25%; max-width: 25%; }

.col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-lg-6 { flex: 0 0 50%; max-width: 50%; }

.col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-lg-9 { flex: 0 0 75%; max-width: 75%; }

.col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-lg-12 { flex: 0 0 100%; max-width: 100%; }

.order-lg-first { order: -1; }

.order-lg-last { order: 13; }

.order-lg-0 { order: 0; }

.order-lg-1 { order: 1; }

.order-lg-2 { order: 2; }

.order-lg-3 { order: 3; }

.order-lg-4 { order: 4; }

.order-lg-5 { order: 5; }

.order-lg-6 { order: 6; }

.order-lg-7 { order: 7; }

.order-lg-8 { order: 8; }

.order-lg-9 { order: 9; }

.order-lg-10 { order: 10; }

.order-lg-11 { order: 11; }

.order-lg-12 { order: 12; }

.offset-lg-0 { margin-left: 0; }

.offset-lg-1 { margin-left: 8.3333333333%; }

.offset-lg-2 { margin-left: 16.6666666667%; }

.offset-lg-3 { margin-left: 25%; }

.offset-lg-4 { margin-left: 33.3333333333%; }

.offset-lg-5 { margin-left: 41.6666666667%; }

.offset-lg-6 { margin-left: 50%; }

.offset-lg-7 { margin-left: 58.3333333333%; }

.offset-lg-8 { margin-left: 66.6666666667%; }

.offset-lg-9 { margin-left: 75%; }

.offset-lg-10 { margin-left: 83.3333333333%; }

.offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1;
max-width: 100%; }

.row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; }

.row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; }

.row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; }

.row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; }

.row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }

.col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; }

.col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; }

.col-xl-3 { flex: 0 0 25%; max-width: 25%; }

.col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; }

.col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; }

.col-xl-6 { flex: 0 0 50%; max-width: 50%; }

.col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; }

.col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; }

.col-xl-9 { flex: 0 0 75%; max-width: 75%; }

.col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; }

.col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; }

.col-xl-12 { flex: 0 0 100%; max-width: 100%; }

.order-xl-first { order: -1; }

.order-xl-last { order: 13; }

.order-xl-0 { order: 0; }

.order-xl-1 { order: 1; }

.order-xl-2 { order: 2; }

.order-xl-3 { order: 3; }

.order-xl-4 { order: 4; }

.order-xl-5 { order: 5; }

.order-xl-6 { order: 6; }

.order-xl-7 { order: 7; }

.order-xl-8 { order: 8; }

.order-xl-9 { order: 9; }

.order-xl-10 { order: 10; }

.order-xl-11 { order: 11; }

.order-xl-12 { order: 12; }

.offset-xl-0 { margin-left: 0; }

.offset-xl-1 { margin-left: 8.3333333333%; }

.offset-xl-2 { margin-left: 16.6666666667%; }

.offset-xl-3 { margin-left: 25%; }

.offset-xl-4 { margin-left: 33.3333333333%; }

.offset-xl-5 { margin-left: 41.6666666667%; }

.offset-xl-6 { margin-left: 50%; }

.offset-xl-7 { margin-left: 58.3333333333%; }

.offset-xl-8 { margin-left: 66.6666666667%; }

.offset-xl-9 { margin-left: 75%; }

.offset-xl-10 { margin-left: 83.3333333333%; }

.offset-xl-11 { margin-left: 91.6666666667%; } } .d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: flex !important; }

.d-inline-flex { display: inline-flex !important; }

@media (min-width: 576px) { .d-sm-none { display: none !important; }

.d-sm-inline { display: inline !important; }

.d-sm-inline-block { display: inline-block !important; }

.d-sm-block { display: block !important; }

.d-sm-table { display: table !important; }

.d-sm-table-row { display: table-row !important; }

.d-sm-table-cell { display: table-cell !important; }

.d-sm-flex { display: flex !important; }

.d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none
!important; }

.d-md-inline { display: inline !important; }

.d-md-inline-block { display: inline-block !important; }

.d-md-block { display: block !important; }

.d-md-table { display: table !important; }

.d-md-table-row { display: table-row !important; }

.d-md-table-cell { display: table-cell !important; }

.d-md-flex { display: flex !important; }

.d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none
!important; }

.d-lg-inline { display: inline !important; }

.d-lg-inline-block { display: inline-block !important; }

.d-lg-block { display: block !important; }

.d-lg-table { display: table !important; }

.d-lg-table-row { display: table-row !important; }

.d-lg-table-cell { display: table-cell !important; }

.d-lg-flex { display: flex !important; }

.d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none
!important; }

.d-xl-inline { display: inline !important; }

.d-xl-inline-block { display: inline-block !important; }

.d-xl-block { display: block !important; }

.d-xl-table { display: table !important; }

.d-xl-table-row { display: table-row !important; }

.d-xl-table-cell { display: table-cell !important; }

.d-xl-flex { display: flex !important; }

.d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; }

.d-print-inline { display: inline !important; }

.d-print-inline-block { display: inline-block !important; }

.d-print-block { display: block !important; }

.d-print-table { display: table !important; }

.d-print-table-row { display: table-row !important; }

.d-print-table-cell { display: table-cell !important; }

.d-print-flex { display: flex !important; }

.d-print-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; }

.flex-column { flex-direction: column !important; }

.flex-row-reverse { flex-direction: row-reverse !important; }

.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-nowrap { flex-wrap: nowrap !important; }

.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.flex-fill { flex: 1 1 auto !important; }

.flex-grow-0 { flex-grow: 0 !important; }

.flex-grow-1 { flex-grow: 1 !important; }

.flex-shrink-0 { flex-shrink: 0 !important; }

.flex-shrink-1 { flex-shrink: 1 !important; }

.justify-content-start { justify-content: flex-start !important; }

.justify-content-end { justify-content: flex-end !important; }

.justify-content-center { justify-content: center !important; }

.justify-content-between { justify-content: space-between !important; }

.justify-content-around { justify-content: space-around !important; }

.align-items-start { align-items: flex-start !important; }

.align-items-end { align-items: flex-end !important; }

.align-items-center { align-items: center !important; }

.align-items-baseline { align-items: baseline !important; }

.align-items-stretch { align-items: stretch !important; }

.align-content-start { align-content: flex-start !important; }

.align-content-end { align-content: flex-end !important; }

.align-content-center { align-content: center !important; }

.align-content-between { align-content: space-between !important; }

.align-content-around { align-content: space-around !important; }

.align-content-stretch { align-content: stretch !important; }

.align-self-auto { align-self: auto !important; }

.align-self-start { align-self: flex-start !important; }

.align-self-end { align-self: flex-end !important; }

.align-self-center { align-self: center !important; }

.align-self-baseline { align-self: baseline !important; }

.align-self-stretch { align-self: stretch !important; }

@media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; }

.flex-sm-column { flex-direction: column !important; }

.flex-sm-row-reverse { flex-direction: row-reverse !important; }

.flex-sm-column-reverse { flex-direction: column-reverse !important; }

.flex-sm-wrap { flex-wrap: wrap !important; }

.flex-sm-nowrap { flex-wrap: nowrap !important; }

.flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }

.flex-sm-fill { flex: 1 1 auto !important; }

.flex-sm-grow-0 { flex-grow: 0 !important; }

.flex-sm-grow-1 { flex-grow: 1 !important; }

.flex-sm-shrink-0 { flex-shrink: 0 !important; }

.flex-sm-shrink-1 { flex-shrink: 1 !important; }

.justify-content-sm-start { justify-content: flex-start !important; }

.justify-content-sm-end { justify-content: flex-end !important; }

.justify-content-sm-center { justify-content: center !important; }

.justify-content-sm-between { justify-content: space-between !important; }

.justify-content-sm-around { justify-content: space-around !important; }

.align-items-sm-start { align-items: flex-start !important; }

.align-items-sm-end { align-items: flex-end !important; }

.align-items-sm-center { align-items: center !important; }

.align-items-sm-baseline { align-items: baseline !important; }

.align-items-sm-stretch { align-items: stretch !important; }

.align-content-sm-start { align-content: flex-start !important; }

.align-content-sm-end { align-content: flex-end !important; }

.align-content-sm-center { align-content: center !important; }

.align-content-sm-between { align-content: space-between !important; }

.align-content-sm-around { align-content: space-around !important; }

.align-content-sm-stretch { align-content: stretch !important; }

.align-self-sm-auto { align-self: auto !important; }

.align-self-sm-start { align-self: flex-start !important; }

.align-self-sm-end { align-self: flex-end !important; }

.align-self-sm-center { align-self: center !important; }

.align-self-sm-baseline { align-self: baseline !important; }

.align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction:
row !important; }

.flex-md-column { flex-direction: column !important; }

.flex-md-row-reverse { flex-direction: row-reverse !important; }

.flex-md-column-reverse { flex-direction: column-reverse !important; }

.flex-md-wrap { flex-wrap: wrap !important; }

.flex-md-nowrap { flex-wrap: nowrap !important; }

.flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }

.flex-md-fill { flex: 1 1 auto !important; }

.flex-md-grow-0 { flex-grow: 0 !important; }

.flex-md-grow-1 { flex-grow: 1 !important; }

.flex-md-shrink-0 { flex-shrink: 0 !important; }

.flex-md-shrink-1 { flex-shrink: 1 !important; }

.justify-content-md-start { justify-content: flex-start !important; }

.justify-content-md-end { justify-content: flex-end !important; }

.justify-content-md-center { justify-content: center !important; }

.justify-content-md-between { justify-content: space-between !important; }

.justify-content-md-around { justify-content: space-around !important; }

.align-items-md-start { align-items: flex-start !important; }

.align-items-md-end { align-items: flex-end !important; }

.align-items-md-center { align-items: center !important; }

.align-items-md-baseline { align-items: baseline !important; }

.align-items-md-stretch { align-items: stretch !important; }

.align-content-md-start { align-content: flex-start !important; }

.align-content-md-end { align-content: flex-end !important; }

.align-content-md-center { align-content: center !important; }

.align-content-md-between { align-content: space-between !important; }

.align-content-md-around { align-content: space-around !important; }

.align-content-md-stretch { align-content: stretch !important; }

.align-self-md-auto { align-self: auto !important; }

.align-self-md-start { align-self: flex-start !important; }

.align-self-md-end { align-self: flex-end !important; }

.align-self-md-center { align-self: center !important; }

.align-self-md-baseline { align-self: baseline !important; }

.align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction:
row !important; }

.flex-lg-column { flex-direction: column !important; }

.flex-lg-row-reverse { flex-direction: row-reverse !important; }

.flex-lg-column-reverse { flex-direction: column-reverse !important; }

.flex-lg-wrap { flex-wrap: wrap !important; }

.flex-lg-nowrap { flex-wrap: nowrap !important; }

.flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }

.flex-lg-fill { flex: 1 1 auto !important; }

.flex-lg-grow-0 { flex-grow: 0 !important; }

.flex-lg-grow-1 { flex-grow: 1 !important; }

.flex-lg-shrink-0 { flex-shrink: 0 !important; }

.flex-lg-shrink-1 { flex-shrink: 1 !important; }

.justify-content-lg-start { justify-content: flex-start !important; }

.justify-content-lg-end { justify-content: flex-end !important; }

.justify-content-lg-center { justify-content: center !important; }

.justify-content-lg-between { justify-content: space-between !important; }

.justify-content-lg-around { justify-content: space-around !important; }

.align-items-lg-start { align-items: flex-start !important; }

.align-items-lg-end { align-items: flex-end !important; }

.align-items-lg-center { align-items: center !important; }

.align-items-lg-baseline { align-items: baseline !important; }

.align-items-lg-stretch { align-items: stretch !important; }

.align-content-lg-start { align-content: flex-start !important; }

.align-content-lg-end { align-content: flex-end !important; }

.align-content-lg-center { align-content: center !important; }

.align-content-lg-between { align-content: space-between !important; }

.align-content-lg-around { align-content: space-around !important; }

.align-content-lg-stretch { align-content: stretch !important; }

.align-self-lg-auto { align-self: auto !important; }

.align-self-lg-start { align-self: flex-start !important; }

.align-self-lg-end { align-self: flex-end !important; }

.align-self-lg-center { align-self: center !important; }

.align-self-lg-baseline { align-self: baseline !important; }

.align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction:
row !important; }

.flex-xl-column { flex-direction: column !important; }

.flex-xl-row-reverse { flex-direction: row-reverse !important; }

.flex-xl-column-reverse { flex-direction: column-reverse !important; }

.flex-xl-wrap { flex-wrap: wrap !important; }

.flex-xl-nowrap { flex-wrap: nowrap !important; }

.flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }

.flex-xl-fill { flex: 1 1 auto !important; }

.flex-xl-grow-0 { flex-grow: 0 !important; }

.flex-xl-grow-1 { flex-grow: 1 !important; }

.flex-xl-shrink-0 { flex-shrink: 0 !important; }

.flex-xl-shrink-1 { flex-shrink: 1 !important; }

.justify-content-xl-start { justify-content: flex-start !important; }

.justify-content-xl-end { justify-content: flex-end !important; }

.justify-content-xl-center { justify-content: center !important; }

.justify-content-xl-between { justify-content: space-between !important; }

.justify-content-xl-around { justify-content: space-around !important; }

.align-items-xl-start { align-items: flex-start !important; }

.align-items-xl-end { align-items: flex-end !important; }

.align-items-xl-center { align-items: center !important; }

.align-items-xl-baseline { align-items: baseline !important; }

.align-items-xl-stretch { align-items: stretch !important; }

.align-content-xl-start { align-content: flex-start !important; }

.align-content-xl-end { align-content: flex-end !important; }

.align-content-xl-center { align-content: center !important; }

.align-content-xl-between { align-content: space-between !important; }

.align-content-xl-around { align-content: space-around !important; }

.align-content-xl-stretch { align-content: stretch !important; }

.align-self-xl-auto { align-self: auto !important; }

.align-self-xl-start { align-self: flex-start !important; }

.align-self-xl-end { align-self: flex-end !important; }

.align-self-xl-center { align-self: center !important; }

.align-self-xl-baseline { align-self: baseline !important; }

.align-self-xl-stretch { align-self: stretch !important; } } .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-n1 { margin: -0.25rem !important; }

.mt-n1, .my-n1 { margin-top: -0.25rem !important; }

.mr-n1, .mx-n1 { margin-right: -0.25rem !important; }

.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }

.ml-n1, .mx-n1 { margin-left: -0.25rem !important; }

.m-n2 { margin: -0.5rem !important; }

.mt-n2, .my-n2 { margin-top: -0.5rem !important; }

.mr-n2, .mx-n2 { margin-right: -0.5rem !important; }

.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }

.ml-n2, .mx-n2 { margin-left: -0.5rem !important; }

.m-n3 { margin: -1rem !important; }

.mt-n3, .my-n3 { margin-top: -1rem !important; }

.mr-n3, .mx-n3 { margin-right: -1rem !important; }

.mb-n3, .my-n3 { margin-bottom: -1rem !important; }

.ml-n3, .mx-n3 { margin-left: -1rem !important; }

.m-n4 { margin: -1.5rem !important; }

.mt-n4, .my-n4 { margin-top: -1.5rem !important; }

.mr-n4, .mx-n4 { margin-right: -1.5rem !important; }

.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }

.ml-n4, .mx-n4 { margin-left: -1.5rem !important; }

.m-n5 { margin: -3rem !important; }

.mt-n5, .my-n5 { margin-top: -3rem !important; }

.mr-n5, .mx-n5 { margin-right: -3rem !important; }

.mb-n5, .my-n5 { margin-bottom: -3rem !important; }

.ml-n5, .mx-n5 { margin-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-n1 { margin: -0.25rem !important; }

.mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; }

.mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; }

.mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; }

.ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; }

.m-sm-n2 { margin: -0.5rem !important; }

.mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; }

.mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; }

.mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; }

.ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; }

.m-sm-n3 { margin: -1rem !important; }

.mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; }

.mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; }

.mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; }

.ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; }

.m-sm-n4 { margin: -1.5rem !important; }

.mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; }

.mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; }

.mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; }

.ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; }

.m-sm-n5 { margin: -3rem !important; }

.mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; }

.mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; }

.mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; }

.ml-sm-n5, .mx-sm-n5 { margin-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-n1 { margin: -0.25rem !important; }

.mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; }

.mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; }

.mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; }

.ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; }

.m-md-n2 { margin: -0.5rem !important; }

.mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; }

.mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; }

.mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; }

.ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; }

.m-md-n3 { margin: -1rem !important; }

.mt-md-n3, .my-md-n3 { margin-top: -1rem !important; }

.mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; }

.mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; }

.ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; }

.m-md-n4 { margin: -1.5rem !important; }

.mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; }

.mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; }

.mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; }

.ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; }

.m-md-n5 { margin: -3rem !important; }

.mt-md-n5, .my-md-n5 { margin-top: -3rem !important; }

.mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; }

.mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; }

.ml-md-n5, .mx-md-n5 { margin-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-n1 { margin: -0.25rem !important; }

.mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; }

.mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; }

.mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; }

.ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; }

.m-lg-n2 { margin: -0.5rem !important; }

.mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; }

.mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; }

.mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; }

.ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; }

.m-lg-n3 { margin: -1rem !important; }

.mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; }

.mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; }

.mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; }

.ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; }

.m-lg-n4 { margin: -1.5rem !important; }

.mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; }

.mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; }

.mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; }

.ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; }

.m-lg-n5 { margin: -3rem !important; }

.mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; }

.mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; }

.mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; }

.ml-lg-n5, .mx-lg-n5 { margin-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-n1 { margin: -0.25rem !important; }

.mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; }

.mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; }

.mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; }

.ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; }

.m-xl-n2 { margin: -0.5rem !important; }

.mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; }

.mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; }

.mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; }

.ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; }

.m-xl-n3 { margin: -1rem !important; }

.mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; }

.mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; }

.mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; }

.ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; }

.m-xl-n4 { margin: -1.5rem !important; }

.mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; }

.mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; }

.mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; }

.ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; }

.m-xl-n5 { margin: -3rem !important; }

.mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; }

.mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; }

.mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; }

.ml-xl-n5, .mx-xl-n5 { margin-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; } } /*! * Hamburgers * @description Tasty CSS-animated
hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link
https://github.com/jonsuh/hamburgers */ .hamburger { position: relative; top: 4px; padding: 15px 15px; display: inline-block; cursor: pointer;
transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit;
color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }
.hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #FFF; }

.hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before,
.hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute;
transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top:
-10px; } .hamburger-inner::after { bottom: -10px; }

/* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function:
cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s
ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in,
transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform:
rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s
0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition:
bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

@media(max-width: 768px) { .desktop-only { display: none; } } img { max-width: 100%; height: auto; }

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

.hide { display: none !important; }

.text-center { text-align: center; } .text-center * { text-align: center; }

.o-y-hidden { overflow-y: hidden; }

@media(max-width: 768px) { .responsive-table thead { display: none; } .responsive-table th, .responsive-table td {
float: left; clear: left; width: 100%; text-align: right; padding: 7.5px; border: 0; margin: 0; } .responsive-table
th::before, .responsive-table td::before { content: attr(data-label); float: left; text-align: center; font-size: 12px;
padding-right: 10px; font-weight: normal; }

.responsive-table__row + .responsive-table__row, tfoot > .responsive-table__row:first-child { position: relative;
margin-top: 10px; padding-top: 15px; } .responsive-table__row + .responsive-table__row::after, tfoot >
.responsive-table__row:first-child::after { content: ""; display: block; position: absolute; top: 0; left: 7.5px; right:
7.5px; border-bottom: 1px solid #2B312C; } } h1, h2, h3, h4 { font-family: "Barlow Condensed", sans-serif; color:
#2B312C; }

p, li, a, span { font-family: "Barlow", sans-serif; color: #2B312C; }

a:hover { color: #2B312C; }

.btn-black { background: #2B312C; border: #2B312C; border-radius: 0; padding: 16px 48px; font-size: 14px;
letter-spacing: 0.5px; color: white; } .btn-black * { color: white; } .btn-black:hover { color: white; background:
rgba(29, 29, 29, 0.7); } .btn-black:hover * { color: white; }

.btn-outline, .btn-outline-white { border: 2px solid #2B312C; padding: 15px 50px; text-transform: uppercase; background:
transparent; color: #2B312C; display: inline-block; } .btn-outline:hover, .btn-outline-white:hover { background:
rgba(255, 255, 255, 0.7); color: #2B312C; text-decoration: none; } .btn-outline:hover *, .btn-outline-white:hover * {
text-decoration: none; }

.btn-outline-white { border: 2px solid white; color: white; }

.btn-gold { background-color: #FFC950; padding: 22px; width: 100%; font-size: 16px; font-weight: bold; display: block; }

.footer .instagram-container { background-color: #efefef; } .footer .instagram-container .instagram-title { padding:
130px 0 73px 0; } .footer .instagram-container .instagram-title * { font-size: 23px; margin-right: 10px; } .footer
.instagram-container .instagram-feed { position: relative; width: 100%; display: flex; align-items: center; overflow:
hidden; } .footer .instagram-container .instagram-feed:after { content: ""; display: block; padding-bottom: 32.5%; }
.footer .instagram-container .instagram-feed iframe { position: absolute; } .footer .newsletter-signup { padding: 145px
0; } .footer .newsletter-signup .text-half * { font-size: 32px; font-weight: bold; font-family: "Barlow", sans-serif;
text-transform: uppercase; line-height: 49px; } .footer .newsletter-signup .omnisend-subscribe-form .input-group {
display: flex; } @media (max-width: 350px) { .footer .newsletter-signup .omnisend-subscribe-form .input-group {
flex-direction: column; } } .footer .newsletter-signup .omnisend-subscribe-form input[type=email] { border: 2px solid
#2B312C; border-radius: 0; flex: 1 1 70%; padding: 17px 24px; } .footer .newsletter-signup .omnisend-subscribe-form
.input-group__btn { flex: 1 1 30%; } .footer .newsletter-signup .omnisend-subscribe-form .input-group__btn button {
padding: 17px; background-color: #2B312C; border: 2px solid #2B312C; } .footer .newsletter-signup
.omnisend-subscribe-form .input-group__btn button span { color: white; text-transform: uppercase; } .footer
.partner-logos { background-color: #dfdfdf; padding: 62px 0; } .footer .partner-logos .row { justify-content: center; }
.footer .partner-logos .row .partner-logo { display: flex; align-items: center; justify-content: center; } .footer
.bottom-bar { padding: 86px 0 42px 0; } @media(max-width: 768px) { .footer .bottom-bar .footer-logo { margin-bottom:
30px; } } .footer .bottom-bar .footer-nav { margin-left: 0; padding-left: 0; list-style: none; } .footer .bottom-bar
.footer-nav li { margin-bottom: 5px; } .footer .bottom-bar .footer-nav li a { color: white; } .footer .bottom-bar
.socials { display: flex; align-items: center; justify-content: space-around; } .footer .bottom-bar .socials * { color:
white; font-size: 31px; } .footer .bottom-bar .credit-row p, .footer .bottom-bar .credit-row a { font-size: 12px; color:
rgba(255, 255, 255, 0.6); } .footer .bottom-bar .credit-row .glue-credit { text-align: right; } @media (max-width:
768px) { .footer .bottom-bar .credit-row .glue-credit { text-align: left; } }

@media(max-width: 768px) { .instagram-feed { display: block; position: relative; width: 100%; height: 0; padding-top:
100%; } .instagram-feed iframe { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%;
height: 100%; } } .image-cta-block { padding: 120px 0; background-repeat: no-repeat; background-size: cover; }
.image-cta-block .title, .image-cta-block .title .secondary { font-size: 100px; line-height: 90px; text-transform:
uppercase; font-family: "Barlow Condensed", sans-serif; font-weight: 900; color: white; } @media(max-width: 768px) {
.image-cta-block .title, .image-cta-block .title .secondary { font-size: 56px; line-height: 56px; } } .image-cta-block
.title .secondary { color: #F0EEB1; } .image-cta-block .sub-text { font-size: 38px; font-family: "Barlow Condensed",
sans-serif; font-weight: 900; color: white; } .image-cta-block .btn { margin-top: 50px; }

.text-and-image .top-section { padding: 60px 0; } .text-and-image .top-section .text-half { height: 100%; display: flex;
flex-direction: column; align-items: flex-start; justify-content: flex-end; } .text-and-image .top-section .top-text * {
text-transform: uppercase; font-size: 16px; } .text-and-image .top-section .title, .text-and-image .top-section
.image-cta-block .title .secondary, .image-cta-block .title .text-and-image .top-section .secondary { margin-bottom:
30px; } .text-and-image .top-section .title *, .image-cta-block .title .text-and-image .top-section .secondary * {
text-transform: uppercase; font-size: 100px; font-weight: bolder; line-height: 90px; } @media (max-width: 768px) {
.text-and-image .top-section .title *, .image-cta-block .title .text-and-image .top-section .secondary * { font-size:
63px; line-height: 56px; } } .text-and-image .top-section .body * { font-size: 22px; } .text-and-image .top-section
.sub-text { margin-top: 50px; } .text-and-image .top-section .sub-text * { display: inline; } .text-and-image
.cta-section .text-container { padding: 94px 0; display: flex; align-items: center; justify-content: center; } @media
(max-width: 768px) { .text-and-image .cta-section .text-container { flex-direction: column; } } .text-and-image
.cta-section .text-container * { color: white; } .text-and-image .cta-section .text-container p { font-size: 31px;
text-transform: uppercase; font-weight: bold; margin-right: 30px; } @media (max-width: 768px) { .text-and-image
.cta-section .text-container p { text-align: center; margin-right: 0; } }

.featured-collection { overflow: hidden; background-color: #efefef; padding: 100px 0; } .featured-collection
.section-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px; } @media
(max-width: 768px) { .featured-collection .section-header { flex-direction: column; align-items: flex-start; } }
.featured-collection .section-header h2 { font-size: 51px; } .featured-collection .section-header .btn { text-transform:
uppercase; } @media (max-width: 768px) { .featured-collection .right { margin-top: 15px; } } .featured-collection .right
* { display: inline; } .featured-collection .collection-carousel .slick-list { overflow: visible; } .featured-collection
.slick-track { display: flex; } .featured-collection .slick-track .slick-slide { height: inherit; } .featured-collection
.slick-track .slick-slide img { width: 100% !important; margin-bottom: 30px; } .featured-collection .slick-dots {
list-style: none; display: flex; align-items: center; justify-content: center; margin-left: 0; padding-left: 0; }
.featured-collection .slick-dots li button { border: none; font-size: 0; color: transparent; height: 5px; width: 40px;
background-color: #dfdfdf; margin: 30px 10px; display: flex; } .featured-collection .slick-dots li.slick-active button {
background-color: #2B312C; }

.grid-view-item { margin-right: 30px; background-color: #dfdfdf; padding: 15px; } .grid-view-item:hover {
background-color: rgba(223, 223, 223, 0.8); } .grid-view-item__link:hover { text-decoration: none; }
.grid-view-item__link:hover * { color: black; text-decoration: none; } .grid-view-item .title-price-container { display:
flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .grid-view-item .title-price-container
* { font-weight: 700; } .grid-view-item .title-price-container .loox-rating { order: 3; flex: 1 1 100%; }

.faq-section { padding-top: 130px; background-color: #efefef; } .faq-section .faq-nav { padding-bottom: 92px;
border-bottom: 10px solid #2B312C; } .faq-section .faq-nav h2 { font-size: 72px; font-weight: 900; letter-spacing: -2px;
text-transform: uppercase; line-height: 63px; } .faq-section .faq-list h4 { font-family: "Barlow Condensed", sans-serif;
font-size: 40px; font-weight: 900; letter-spacing: -1px; text-transform: uppercase; padding: 0; width: 100%; margin-top:
92px; } .faq-section .faq-list button { text-align: left; padding: 0; width: 100%; background: transparent; border:
none; font-family: "Barlow", sans-serif; font-size: 18px; font-weight: 700; margin-top: 48px; position: relative; }
.faq-section .faq-list button:after { content: ""; font-family: "Font Awesome 5 Free"; position: absolute; right: 0;
top: 50%; transform: translateY(-50%); } .faq-section .faq-list button.active:after { font-family: "Font Awesome 5
Free"; content: ""; } .faq-section .faq-list .faq-question-outer { border-bottom: 1px solid #2B312C; padding-bottom:
48px; } .faq-section .faq-list .faq-question-inner { display: none; padding-top: 25px; } .faq-section .faq-footer {
display: flex; align-items: center; justify-content: space-between; padding: 120px 0; border-top: 21px solid #2B312C;
border-bottom: 21px solid #2B312C; margin-top: 100px; } .faq-section .faq-footer h2 { font-size: 80px; font-family:
"Barlow Condensed", sans-serif; letter-spacing: -2px; font-weight: 900; }

.coffee-club-template .cta-section .text-container { padding: 31px 0; } .coffee-club-template .cta-section
.text-container .main-text { display: flex; flex: 1 1 100%; justify-content: space-between; margin-right: 0; } @media
(max-width: 768px) { .coffee-club-template .cta-section .text-container .main-text { flex-direction: column;
align-items: flex-start; } } .coffee-club-template .cta-section .text-container .main-text p { margin-bottom: 0; }
.coffee-club-template .cta-section .text-container .main-text .cta-lead { font-weight: 700; font-size: 22px;
text-transform: none; } .coffee-club-template .cta-section .text-container .main-text .cta-item { font-size: 20px;
font-weight: 400; text-transform: none; margin-left: 15px; } @media (max-width: 768px) { .coffee-club-template
.cta-section .text-container .main-text .cta-item { display: block; text-align: left; margin-left: 0; } }
.coffee-club-template .cta-section .text-container .main-text .cta-item i { margin-right: 5px; }

.coffee-club-step-1 { background-color: #f1f1f1; padding-top: 80px; } .coffee-club-step-1 .sub-text { font-size: 16px;
margin-bottom: 10px; } .coffee-club-step-1 .title, .coffee-club-step-1 .image-cta-block .title .secondary,
.image-cta-block .title .coffee-club-step-1 .secondary { font-size: 60px; font-weight: 800; text-transform: uppercase; }
.coffee-club-step-1 .lead p { font-size: 22px; line-height: 34px; } .coffee-club-step-1 .club-panel { padding-top: 87px;
position: relative; } @media(max-width: 768px) { .coffee-club-step-1 .club-panel { margin-bottom: 30px; } }
.coffee-club-step-1 .club-panel .most-popular { position: absolute; top: 59px; left: 50%; transform: translateX(-50%);
background-color: #E64747; padding: 2px 7px; font-weight: 600; font-size: 12px; color: white; } .coffee-club-step-1
.club-panel h3 { font-size: 39px; font-weight: 600; font-family: "Barlow", sans-serif; } .coffee-club-step-1 .club-panel
.img-cont { display: block; max-width: 80%; margin: 50px auto; height: 170px; } .coffee-club-step-1 .club-panel
.img-cont img { width: 100%; } .coffee-club-step-1 .club-panel .price { display: block; font-family: "Barlow Condensed",
sans-serif; font-weight: 800; font-size: 60px; } .coffee-club-step-1 .club-panel .per-month { font-family: "Barlow",
sans-serif; font-size: 17px; text-transform: uppercase; display: block; margin-top: 10px; } .coffee-club-step-1
.club-panel .bag-no { font-family: "Barlow", sans-serif; font-size: 24px; font-weight: 700; margin-top: 25px; display:
block; } .coffee-club-step-1 .club-panel .benefits { margin-top: 10px; height: 50px; } .coffee-club-step-1 .club-panel
.benefits p { font-size: 16px; }

.search-bar.drawer { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.9);
z-index: 99999999999; padding-top: 10%; } .search-bar.drawer * { color: white; } .search-bar.drawer h2 { font-size:
51px; text-align: center; text-transform: uppercase; } .search-bar.drawer .search-form-cont { display: flex;
align-items: center; justify-content: space-between; } .search-bar.drawer .search-form-cont button { background-color:
transparent; border: 0; } .search-bar.drawer .search-form-cont button svg { fill: white; width: 38px; }
.search-bar.drawer .search-form__input { background: transparent; border: 4px solid white; padding: 5px; width: 80%;
margin-left: auto; margin-right: auto; display: block; } .search-bar.drawer .search-bar__close { position: absolute;
top: 0; left: 0; background-color: transparent; border: 0; } .search-bar.drawer .search-bar__close svg { fill: white;
width: 30px; } .search-bar.drawer .predictive-search__list { list-style: none; display: flex; flex-wrap: wrap;
margin-top: 30px; margin-left: 0; padding-left: 0; } .search-bar.drawer .predictive-search__list li { flex: 1 1 25%;
text-align: center; } @media (max-width: 768px) { .search-bar.drawer .predictive-search__list li { flex: 1 1 50%; } }
.search-bar.drawer .predictive-search-view-all__button { background-color: transparent; padding: 20px 50px; border: 2px
solid white; margin: 30px auto; display: inherit; } .search-bar.drawer .predictive-search-title__content { display:
none; }

.actual-search-page .search-header { display: flex; align-items: center; justify-content: space-between; padding: 50px
0; } @media (max-width: 768px) { .actual-search-page .search-header { flex-direction: column; align-items: flex-start; }
} .actual-search-page .search-form__submit { background-color: transparent; border: 0; } .actual-search-page
.search-form__submit svg { width: 20px; } .actual-search-page .search-form__input { border: 2px solid black; }

.loox-rating .loox-icon { color: #000 !important; }

.collection-template-container { background-color: #f1f1f1; } .collection-template-container .collection-hero
.collection-hero__image { width: 100%; height: 400px; background-size: cover; background-position: center center; }
.collection-template-container .filters-toolbar { padding: 108px 0 70px 0; display: flex; align-items: center;
justify-content: space-between; } .collection-template-container .filters-toolbar .filters-toolbar__item-child {
display: flex; align-items: center; } .collection-template-container .filters-toolbar .filters-toolbar__item-child label
{ margin-bottom: 0; margin-right: 10px; font-weight: 700; } .collection-template-container .filters-toolbar
.filters-toolbar__item-child select { background-color: transparent; border: none; width: initial !important; } @media
(max-width: 768px) { .collection-template-container .filters-toolbar { flex-direction: column; align-items: flex-start;
padding: 30px 0; } .collection-template-container .filters-toolbar .left, .collection-template-container
.filters-toolbar .right { width: 100%; margin-bottom: 15px; } .collection-template-container .filters-toolbar .left
.filters-toolbar__item-child, .collection-template-container .filters-toolbar .right .filters-toolbar__item-child {
justify-content: space-between; } }

ul.product-grid { list-style: none; margin-left: 0; padding-left: 0; display: flex; flex-wrap: wrap; } ul.product-grid
li { flex: 0 0 33%; margin-bottom: 30px; } @media (max-width: 992px) { ul.product-grid li { flex: 0 0 50%; } } @media
(max-width: 768px) { ul.product-grid{ margin-right: -15px; } ul.product-grid li { flex: 0 0 50%; } ul.product-grid li
.product-card { margin-right: 15px; } /* svg.loox-icon{ width: 0.5em!important; } */ .loox-rating-label{ font-size:
12px!important; } }

.grid-view-item__image-wrapper { max-width: 100% !important; width: 100%; } .grid-view-item__image-wrapper img {
max-width: 100% !important; max-height: initial !important; }

.header-slideshow { margin-top: -200px; } .header-slideshow .slide { width: 100%; height: 100vh; background-repeat:
no-repeat; background-size: cover; background-position: center 80%; display: flex; align-items: center; } @media
(max-width: 768px) { .header-slideshow .slide { align-items: flex-end; padding-bottom: 50px; } } .header-slideshow
.slide h1 { font-size: 115px; color: #F0EEB1; line-height: 115px; text-transform: uppercase; margin-bottom: 15vh; }
@media (max-width: 768px) { .header-slideshow .slide h1 { font-size: 50px; line-height: 50px; margin-bottom: 15px; } }
.header-slideshow .slide p { color: white; } .header-slideshow .slide .button-side { text-align: right; } @media
(max-width: 768px) { .header-slideshow .slide .button-side { text-align: left; } }

.contact-page .page-content { margin: 130px 0 150px 0; } .contact-page input, .contact-page textarea { width: 100%;
border: 2px solid #2B312C; padding: 10px 20px; margin-bottom: 19px; color: #2B312C; } @media(max-width: 768px) {
.contact-page .sidebar { margin-top: 30px; } } .contact-page .sidebar p { border-top: 10px solid #2B312C; padding: 30px
0; } .contact-page .sidebar p.h2 a { font-size: 45px; font-family: "Barlow Condensed", sans-serif; font-weight: 900; }
.contact-page .sidebar p.h4 a { font-size: 22px; font-weight: 700; }

.site-header { position: relative; z-index: 999999999; } .site-header * { color: white; } .site-header .header-container
{ display: flex; align-items: stretch; justify-content: space-between; margin: 30px 0 0 0; position: relative; }
.site-header .header-container .logo-strap { display: flex; flex-direction: column; align-items: flex-start;
justify-content: space-between; flex: 0 0 25%; } .site-header .header-container .logo-strap img { }
.site-header .header-container .logo-strap p { font-size: 14px; margin-bottom: 0; } .site-header .header-container
.nav-bars { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; } .site-header
.main-nav { display: flex; align-items: center; } .site-header .main-nav ul { list-style: none; display: flex;
align-items: center; justify-content: flex-end; margin-bottom: 0; padding-left: 0; padding-right: 30px; } .site-header
.main-nav ul li { margin: 0 10px; text-transform: uppercase; position: relative; } .site-header .main-nav ul li a span {
color: white; font-weight: 700; font-size: 21px; } .site-header .main-nav .shopping-cart { margin-right: 30px; }
.site-header .main-nav ul.mobile-nav__dropdown { display: none; } @media (max-width: 768px) { .site-header .main-nav
ul.mobile-nav__dropdown { display: block; } } .site-header .main-nav li.mobile-nav__has-children:hover
ul.mobile-nav__dropdown { display: block; position: absolute; z-index: 999999999999999; background-color: rgba(29, 29,
29, 0.9); padding: 15px 20px; } .site-header .main-nav li.mobile-nav__has-children:hover ul.mobile-nav__dropdown li {
margin-left: 0; margin-right: 0; margin-bottom: 5px; } .site-header .top-nav ul { list-style: none; display: flex;
align-items: center; justify-content: flex-end; } .site-header .top-nav ul li { margin: 0 10px; } .site-header .top-nav
ul li a span { color: white; } 
.site-header header { height: 260px; margin-top: -100px; display: flex; align-items: flex-end; margin-bottom: 10px; } 
.site-header header h1 { font-size: 100px; color: white; text-transform: uppercase; }
@media (max-width: 992px) { .site-header header { height: 190px; } .site-header header h1 { font-size: 71px; } } @media (max-width: 768px) { .site-header
header h1 { font-size: 56px; } }

.mobile-nav-cont { display: flex; align-items: center; justify-content: center; } .mobile-nav-cont > * { margin-left:
10px; } .mobile-nav-cont .hamburger .hamburger-inner { background-color: white; } .mobile-nav-cont .hamburger
.hamburger-inner:after { background-color: white; } .mobile-nav-cont .hamburger .hamburger-inner:before {
background-color: white; }

.glue-mobile-nav { display: none; position: fixed; top: 112px; border-top: 1px solid #FFF; bottom: 0; left: 0; right: 0; z-index: 9999999999; }
.glue-mobile-nav ul { list-style: none; text-align: center; margin-left: 0; padding-left: 0; } .glue-mobile-nav ul li,
.glue-mobile-nav ul a { color: white; } .glue-mobile-nav ul.main-mobile-nav { margin-top: 120px; } .glue-mobile-nav
ul.main-mobile-nav a { font-family: "Barlow", sans-serif; font-size: 26px; margin-bottom: 15px; text-transform:
uppercase; font-weight: 700; } .glue-mobile-nav ul.secondary-mobile-nav { margin-left: 0; } .glue-mobile-nav
ul.secondary-mobile-nav a { margin-bottom: 15px; } .glue-mobile-nav .mobile-nav__link-child a { font-size: 19px
!important; }

.template-index .glue-mobile-nav { z-index: 999999998; top: 0; } 


.cart table { width: 100%; } .cart table tr { border-bottom: 1px solid #ebebeb; } .cart table th { padding: 22px; }
.cart table td { padding: 22px; } .cart .cart__product-information { display: flex; } .cart .cart__product-information
ul { list-style: none; margin-left: 0; padding-left: 0; } .cart .cart__product-title { font-weight: 700; font-family:
"Barlow Condensed", sans-serif; font-size: 21px; } .cart .cart__qty-input { width: 60px; }

.cart__footer { display: flex; justify-content: flex-end; } 
.cart__footer .grid { padding: 0; border: 0; margin-top: 14px; margin-bottom: 50px; }

@media (max-width: 768px) { .cart__image-wrapper { flex: 5rem 0 0; }

.cart td:first-child, .cart th:first-child { padding-left: 0; } } .customer-login-form, .recover-password-form {
display: flex; align-items: center; flex-direction: column; text-align: center; margin-bottom: 50px; }
.customer-login-form label, .recover-password-form label { display: block; font-family: "Barlow Condensed"; font-weight:
700; font-size: 31px; text-transform: uppercase; } .customer-login-form input, .recover-password-form input { width:
300px; font-size: 21px; margin-bottom: 30px; } .customer-login-form button, .recover-password-form button { display:
inline-block; margin-bottom: 30px; }

.recover-password-form h2 { font-size: 66px; }

.main-account { padding-bottom: 50px; } .main-account table { width: 100%; } .main-account table th, .main-account table
td { border: 1px solid #2B312C; padding: 5px; } @media (max-width: 768px) { .main-account table tr { border: 1px solid
#2B312C; } .main-account table tr th, .main-account table tr td { border: 0; } }

.customer-addresses .address-form label { display: block; } .customer-addresses .address-form input, .customer-addresses
.address-form select { display: block; border: 1px solid #2B312C; width: 100%; padding: 10px; } .customer-addresses
.address-form input[type=checkbox] { display: inline; width: initial; } .customer-addresses .address-form
input[type=submit] { background-color: #2B312C; color: white; border: 1px solid #2B312C; margin-right: 10px; padding:
10px 30px; width: 50%; } .customer-addresses .address-form .lower { margin-top: 30px; } .customer-addresses
.address-form .lower .submit-btns { display: flex; } .customer-addresses .address-form .lower .submit-btns button {
background-color: transparent; border: 1px solid #2B312C; color: #2B312C; padding: 10px 30px; } .customer-addresses
.address-new-toggle { border: 1px solid #2B312C; background-color: #2B312C; color: white; padding: 10px 30px; }
.customer-addresses .customer-address-list { list-style: none; margin-left: 0; padding-left: 0; display: flex;
flex-wrap: wrap; } .customer-addresses .customer-address-list li { flex: 1 1 33%; padding: 15px; } @media (max-width:
768px) { .customer-addresses .customer-address-list li { flex: 1 1 100%; } } .customer-addresses .customer-address-list
.addr-buttons { display: flex; align-items: center; justify-content: center; } .customer-addresses
.customer-address-list .addr-buttons button { padding: 10px 30px; } .customer-addresses .customer-address-list
.addr-buttons .address-edit-toggle { border: 1px solid #2B312C; background-color: #2B312C; color: white; margin-right:
5px; } .customer-addresses .customer-address-list .addr-buttons .address-delete { border: 1px solid #2B312C;
background-color: transparent; }

.customer-order .order-table { width: 100%; } .customer-order .order-table th, .customer-order .order-table td { border:
1px solid #2B312C; padding: 5px; }

.product-template__container .product-buy-section { background-color: #F9F8F3; padding: 24px 0 48px 0; }
.product-template__container .product-buy-section .backlink { font-size: 16px; font-weight: 600; display: block;
text-transform: uppercase; } .product-template__container .product-buy-section .product-single__title { font-size: 48px;
text-transform: uppercase; line-height: 40px; } .product-template__container .product-buy-section .price { font-size:
24px; font-weight: 600; display: block; } .product-template__container .product-buy-section .add-to-cart-confirmation {
margin-top: 15px; } .product-template__container .product-buy-section .add-to-cart-confirmation a { font-weight: bold;
text-decoration: #2B312C; } .product-template__container .product-buy-section .promo-text .title,
.product-template__container .product-buy-section .promo-text .image-cta-block .title .secondary, .image-cta-block
.title .product-template__container .product-buy-section .promo-text .secondary { font-weight: 700; text-decoration:
underline; cursor: pointer; } .product-template__container .product-single__media-group .product-single__media {
padding-top: 0 !important; } .product-template__container .product-single__media-group .product-single__media img {
width: 100%; height: auto; } .product-template__container
.product-single__media-group .thumbnails-wrapper ul li { flex: 1 1 33%; }

.product-template__container .product-form__input--quantity { border: 2px solid #2B312C; border-radius: 0; padding: 5px;
} .product-template__container .product-specifics { position: sticky; top: 80px; }

.product-description { background-image: url("./topographic-black.png?ver=2"); background-repeat: repeat; position:
relative; padding: 100px 0; } .product-description * { color: white; } .product-description .desc-title { font-size:
35px; line-height: 37px; text-transform: uppercase; font-weight: 500; font-family: "Barlow Condensed", sans-serif; }

.product-recommendations { background-color: #efefef; } .product-recommendations .section-header { border-top: 10px
solid #2B312C; margin-top: 68px; } .product-recommendations .section-header h2 { font-family: "Barlow Condensed",
sans-serif; font-size: 35px; line-height: 37px; padding: 68px 0; } .product-recommendations .recommendations {
list-style: none; margin-left: 0; padding-left: 0; display: flex; flex-wrap: wrap; } .product-recommendations
.recommendations > div { flex: 0 0 25%; margin-bottom: 30px; }

@media(max-width: 768px) { .recommended-products .product-card { margin-right: 0; } } .lower-product-gallery { display:
flex; align-items: center; justify-content: space-around; /*height: 400px;*/ }
.lower-product-gallery img { flex: 1 1 auto; height: 100%; object-fit: cover; padding-right: 10px; }
.lower-product-gallery img:last-child { padding-right: 0; } @media (max-width: 768px) { .lower-product-gallery {
flex-wrap: wrap; height: initial; } .lower-product-gallery img { padding: 5px; } .lower-product-gallery img:last-child {
padding: 5px; } }

.reviews-container h2 { font-size: 60px; font-weight: 900; font-family: "Barlow Condensed", sans-serif; letter-spacing:
-0.2px; text-transform: uppercase; margin-top: 109px; }

.recommended-products { padding: 0; }

.product-form { width: auto; padding-top: 2rem; }

.product-form__controls-group { display: flex; flex-direction: column; flex-wrap: wrap; }

.product-form__controls-group--submit { margin-top: 0px; }

.product-form__controls-group ~ .product-form__controls-group--submit { margin-top: 15px; }

.product-form__item { flex-grow: 0; flex-basis: 100%; margin-bottom: 10px; padding: 0; } @media (min-width: 992px) {
.product-form__item { flex-basis: 50%; padding: 0 5px; } .product-single--large-image .product-form__item { flex-basis:
100%; } } .product-form__item label { display: block; } .product-form__item label .product-form--hide-variant-labels {
position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0;
border: 0; }

/* .product-form__item--submit { flex: 1 1 300px; } */

.product-form__item--no-variants { max-width: 400px; }

.product-form__item--payment-button { flex-basis: 100%; } @media (min-width: 992px) {
.product-form__item--payment-button .product-single--small-media, .product-form__item--payment-button
.product-single--full-media { display: inline-flex; align-items: flex-start; } }
.product-form__item--payment-button.product-form__item--no-variants { flex-direction: column; align-items: stretch; }

.product-form--variant-sold-out .shopify-payment-button { display: none; }

.product-form--payment-button-no-variants { max-width: 25rem; }

.product-form__variants { display: none; } .product-form__variants .no-js { display: block; }

.product-form__input { display: block; width: 100%; } .product-form__input.input--error { margin-bottom: 0; }

.product-form__input--quantity { max-width: 5rem; }

.product-form__error-message-wrapper { display: flex; flex-basis: 100%; padding: 0.5rem 0; margin: 0 5px 20px; }

.price { display: flex; flex-direction: column; align-items: flex-start; margin-top: 0; margin-bottom: 0; } .price dl {
margin-top: 0; } .price dd { margin: 0 0.5em 0 0; }

.price--unavailable { visibility: hidden; }

.price--compare-price-hidden .price__compare { display: none; }

.price__pricing-group { display: flex; flex-direction: row; align-items: center; }

.price__regular { display: block; }

.price__regular, .price__sale { margin-right: 0.625rem; }

.price--on-sale .price__regular, .price--on-sale .price__availability { display: none; }

.price__availability { display: none; }

.price--sold-out .price__availability { display: block; }

.price__sale { display: none; } .price--on-sale .price__sale { display: flex; flex-direction: row; flex-wrap: wrap; }

.price__vendor { margin: 5px 0 10px; width: 100%; }

.price__vendor--listing { margin: 0 0 4px; }

.price__unit { display: none; } .price--unit-available .price__unit { display: block; }

.price--on-sale .price-item--regular { text-decoration: line-through; }

.price-item__label { display: inline-block; white-space: nowrap; }

.price__badges { margin-top: 0; }

.price__badge { display: none; align-self: center; text-align: center; font-size: 0.5em; line-height: 1em; font-weight:
400; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #2B312C; border-radius: 2px; padding: 0.2rem
0.5rem; }

.price__badge--sale { color: white; border-color: red; background-color: red; } .price--on-sale .price__badge--sale {
display: flex; } .price--sold-out .price__badge--sale { display: none; }

.price__badge--sold-out { color: #2B312C; border-color: #2B312C; } .price--sold-out .price__badge--sold-out { display:
flex; }

.price__badges--listing { margin-top: 0.5rem; } .price__badges--listing .price__badge { font-size: 0.6em; padding:
0.25rem 0.55rem; }

/*================ Utilities - Josh ================*/
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}


.font-primary {
  font-family: "Barlow Condensed", sans-serif;
}
.font-secondary {
  font-family: "Barlow", sans-serif;
}

.font-regular {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}

.text-xs {
  font-size: 12px;
}
.text-sm {
  font-size: 14px;
}
.text-base {
  font-size: 16px;
}
.text-lg {
  font-size: 18px;
}
.text-xl {
  font-size: 20px;
}
.text-2xl {
  font-size: 24px;
}

/*================ Global Changes - Josh ================*/

/* TURN BACK ON = SHOPIFY CHAT & DISCOUNT & PREVIEW BAR */
.template-product .omnisend-form-68a601fad1e73f776385b0ec-rectangle-teaser {
  position: absolute;
  bottom: 95px;
  display: none;
}
.template-product #ShopifyChat {
  bottom: 95px !important;
  display: none !important;
}

#preview-bar-iframe {
  display: none!important;
}

/*================ Buttons - Josh ================*/
/* Base  */
.button {
  font-family: inherit;
  font-weight: 400;
  border: none;
  border-radius: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease, color 0.2s ease;
  text-decoration: none;
  font-family: "Barlow", sans-serif;
  text-transform: uppercase;
}

/* Types */
.button-primary {
  background-color: #2B312C;
  color: #FFFFFF;
}

.button-secondary {
  background-color: #D1C7A3;
  color: #2B312C;
}

.button-tertiary {
  background-color: #FFFFFF;
  color: #2B312C;
  border: 1px solid #2B312C;
}

/* Sizes */
.button-small {
  font-size: 0.75rem; /* 12px */
  padding: 0.25rem 0.5rem; /* 4px 8px */
}

.button-medium {
  font-size: 0.875rem; /* 14px */
  padding: 0.5rem 1rem; /* 8px 16px */
}

.button-large {
  font-size: 1rem; /* 16px */
  padding: 0.75rem 1.5rem; /* 12px 24px */
}

/* Hover effects */
.button-primary:hover {
  background-color: #1F241F; /* darker shade for hover */
}

.button-secondary:hover {
  background-color: #C5BA8F;
}

.button-tertiary:hover {
  background-color: #F0F0F0;
}

/*================ Tags - Josh ================*/
/* Base  */
.tag {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
}

.tag-primary {
  background: #4B544B;
  color: #FFF;
}
.tag-secondary {
  background: #D1C7A3;
  color: #2B312C;
}

.tag-small {
  padding: 4px 8px;
}

/*================ Global  Header Update - Josh ================*/

.header-transparent {
  background: rgba(27, 33, 28, 0.3);
  backdrop-filter: blur(2.5px);
  padding: 0;
}
.header-transparent .header-container {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

@media screen and (min-width: 639px) {
  .header-transparent {
    padding: 16px 0;
  }
}

.site-header .header-container {
  margin: 0;
  align-items: center;
  padding-bottom: 0;
  border-bottom: 0;
}

.site-header .menu-logo {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.site-header .menu-logo .logo-strap {
  display: unset;
  flex-direction: unset;
  align-items: unset;
  justify-content: unset;
  flex: unset;
}
.site-header .menu-logo .logo-strap img {
  height: 51px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  background-color: #FFF;
}

.searchToggle {
  padding: 16px;
}
.site-header .shopping-cart svg {
  color: #2B312C;
}
.site-header .shopping-cart span {
  color: #2B312C;
  font-size: 16px;
  margin-left: 8px;
}


@media screen and (max-width: 991px) {
  .template-index .glue-mobile-nav ul.main-mobile-nav {
    margin-top: 150px; 
  }
}

/*================ Product Header Update - Josh ================*/

.template-product .site-header {
  padding-bottom: 0;
}

.template-product .site-header .header-container {
  margin: 0;
  align-items: center;
}

.template-product .site-header .menu-logo {
  display: flex;
  align-items: center;
  gap: .5rem;
}
.template-product .site-header .menu-logo .logo-strap {
  display: unset;
  flex-direction: unset;
  align-items: unset;
  justify-content: unset;
  flex: unset;
}
.template-product .site-header .menu-logo .logo-strap img {
  height: 51px;
}

.template-product .hamburger-inner,
.template-product .hamburger-inner::before,
.template-product .hamburger-inner::after {
  background-color: #FFF;
}

.template-product .searchToggle {
  padding: 16px;
}
.template-product .site-header .shopping-cart svg {
  color: #2B312C;
}
.template-product .site-header .shopping-cart span {
  color: #2B312C;
  font-size: 16px;
  margin-left: 8px;
}

@media screen and (min-width: 992px) {
  .template-product .site-header {
    padding: 16px 0;
  }
}

/*================ Form Updates - Josh ================*/
/* Remove number controls - Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove number controls - Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

label {
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
}
select {
  appearance: none; 
  -webkit-appearance: none; /* for Chrome/Safari */
  -moz-appearance: none; /* for Firefox */
  background-image: url('//www.contactcoffee.com/cdn/shop/t/35/assets/arrow-down.svg?v=167086450389685380711761123292');
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-color: #FFF;
  border: 2px solid #2B312C;
  padding: 12px; 
  color: #2B312C;
}
select:focus,
select:active {
  outline: none !important;
  box-shadow: none;
  border: 2px solid #4B544B;
}

/*================ Product Updates - Josh ================*/
/* Remove alignment from stars to middle align with collection on product page */
.loox-rating .loox-rating-content {
  vertical-align: unset !important;
}
/* Increase star icon size */
.svg.loox-icon {
  width: .8rem;
}

/* Product Image - Main */
.media-slider-wrapper {
  position: relative;
}
[data-product-single-media-wrapper] {
  position: relative;
  width: 100%;
  max-width: 600px;
  height: 360px;    
  display: block;
  overflow: hidden;
}
.media-slider-wrapper {
  .product-single__media--video {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
  }
}
.custom-slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

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

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

.slick-disabled {
  opacity: .3;
}

/* Product Add to Cart & Quantity */
.product-actions {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}

/* Center images inside wrapper */
[data-product-single-media-wrapper] img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  width: auto;
  height: 100%; 
  max-width: 100%; 
}


/* Product Image - thumbnails */
.product-single__thumbnails {
  padding-left: 0 !important;
}
.product-single__thumbnails .slick-slide {
  width: 148px !important;   
  height: 148px !important;  
  margin-right: 5px;           
}
.product-single__thumbnails .slick-slide img {
  width: 148px;
  height: 148px;
  object-fit: cover;
}

.product-single__thumbnails .active-thumb img {
  opacity: .4;
}

.product-single__thumbnails .slick-dots {
  position: relative;
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.product-single__thumbnails .slick-dots li {
  margin: 0 5px;
  display: inline-block;
  flex: 0 0 auto !important;
}

.product-single__thumbnails .slick-dots li button {
  font-size: 0;
  background: transparent;
  padding: 0;
  border: 0;
}

.product-single__thumbnails .slick-dots li button:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 0;
  background: #ccc;
  display: block;
  opacity: 0.5;
  transition: opacity 0.3s, background 0.3s;
}

.product-single__thumbnails .slick-dots li.slick-active button:before {
  background: #000;
  opacity: 1;
}

@media screen and (max-width: 639px) {
  .thumbnails {
    display: none;
  }
}

/* Icon & Text Inline */
.template-product .selling-points {
  margin-top: 16px;
}
.template-product .selling-points .icon-text {
  display: flex;
  align-items: center;
  margin: 8px 0;
}
.template-product .selling-points .icon-text img {
  max-width: 3em;
}
.template-product .selling-points .icon-text p {
  margin-bottom: 0;
  margin-left: 8px;
  font-size: 14px;
}
.template-product .selling-points .icon-text p span {
  font-size: 12px;
}

/* Remove added margin from accordion p tag */
.metafield-rich_text_field p:last-of-type {
  margin-bottom: 0;
}

/* Animation for plus / minus +- icons accordions */
.faq-icon-wrapper {
  display: inline-flex;
  align-items: center;
}
.faq-icon {
  transition: transform 0.3s ease;
}
details[open] .faq-icon {
  transform: rotate(180deg); /* rotates plus to become minus */
}

/* Sticky product footer */
.sticky-product-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 1rem;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  z-index: 99999;
}

.sticky-product-footer .btn {
  width: 100%;
  font-size: 1rem;
}

.sticky-product-footer .sticky-pricing {
  display: flex;
}
.sticky-product-footer .subscription-pricing {
  text-align: right;
}

@media (max-width: 767px) {
  .sticky-product-footer {
    position: fixed;
  }
}

@media (min-width: 768px) {
  .sticky-product-footer {
    display: none;
  }
}

/* Collapse & Expand Product Description */
.product-description {
  padding: 48px 0;
}
.product-description .desc-title {
  font-size: 36px;
}
.product-description h2,
.product-description h3,
.product-description h4 {
  text-transform: uppercase;
  font-weight: 600;
}

#description-content.collapsed {
  max-height: 350px; /* Adjust based on your needs */
  overflow: hidden;
  position: relative;
}

#description-content.collapsed::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(to bottom, rgba(18, 22, 19, 0), rgba(27, 33, 28, 1));
}

@media screen and (max-width: 576px) {
  .product-description .desc-title {
    text-align: center;
  }
  .product-description #read-more-toggle {
    text-align: center;
  }
}

/* Lower Gallery */
.lower-product-gallery {
  overflow-x: unset !important;
}

.lower-product-gallery .gallery-slide {
  width: 100%;
  height: 550px; 
  background-size: cover;     
  background-position: center; 
  background-repeat: no-repeat;
}

.lower-product-gallery .slick-active:first-child {
  padding-left: 4px;
}
.lower-product-gallery .slick-active:nth-last-of-type {
  padding-right: 0;
}
.lower-product-gallery .slick-dots {
  position: relative;
  width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: 15px 0 0 0;
  padding: 0;
  list-style: none;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.lower-product-gallery .slick-dots li {
  margin: 0 5px;
  display: inline-block;
  flex: 0 0 auto !important;
}

.lower-product-gallery .slick-dots li button {
  font-size: 0;
  background: transparent;
  padding: 0;
  border: 0;
}

.lower-product-gallery .slick-dots li button:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 0;
  background: #ccc;
  display: block;
  opacity: 0.5;
  transition: opacity 0.3s, background 0.3s;
}

.lower-product-gallery .slick-dots li.slick-active button:before {
  background: #000;
  opacity: 1;
}

/* Responsive height */
@media (max-width: 768px) {
  .lower-product-gallery .gallery-slide {
    height: 350px;
  }
}
@media (max-width: 480px) {
  .lower-product-gallery .gallery-slide {
    height: 250px;
  }
}



/*================ Modal - Josh ================*/
.custom-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(4px);
}

.custom-modal-content {
  background: #fff;
  border-radius: 0;
  max-width: 500px;
  width: 90%;
  padding: 24px;
  position: relative;
  animation: fadeIn 0.3s ease;
  z-index: 999999;
}

.custom-modal-close {
  position: absolute;
  top: 20px;
  right: 16px;
  background: none;
  border: none;
  font-size: 1.8rem;
  cursor: pointer;
  color: #333;
}

.custom-modal-title {
  margin-bottom: 16px;
  font-size: 1.25rem;
  text-align: center;
}

.custom-modal-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.custom-modal-footer button {
  width: 100%;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}


.modal-step .product-form {
  padding-top: 1rem;
}


/*================ Cart Updates - Josh ================*/

.cart__product-title {
  text-transform: uppercase;
  font-weight: 600 !important;
  line-height: 12px;
}
.cart__shipping {
  margin-bottom: 0;
  font-size: 14px;
  text-align: left;
}
.cart__submit-controls button {
  width: 100% !important;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.cart-totals {
  margin-top: 12px;
}
.cart-totals span {
  font-family: "Barlow Condensed", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  #shopify-buyer-consent {
    text-align: left !important;
    margin-top: 24px !important;
  }
}

@media screen and (min-width: 769px) {
  .cart-totals {
    text-align: right;
  }
  .cart-totals .cart__shipping {
    text-align: right;
  }
  .cart__footer {
    width: 40%;
    float: right;
  }
}

/*# sourceMappingURL=contact.css.map */