/*!
Theme Name: Kingfisher, iClicks
Theme URI: https://iclicks.nl/
Author: Frontend Development, iClicks
Author URI: https://iclicks.nl/
Description: Customized iClicks theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kfi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, grid-layout, one-column, two-columns, left-sidebar, right-sidebar, footer-widgets, full-width-template, theme-options
*/

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: Inter, system-ui;
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

/* Classes here are being purged by PurgeCSS */

/* Do not delete */

body {
  font-family: Inter, system-ui;
  font-size: 16px;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}

@media (max-width: 640px) {
  body {
    font-size: 14px;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

/* Typography */

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 20px;
  font-family: Inter, system-ui;
  font-weight: 700;
  line-height: 1.25em;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 15px;
}

p {
  margin-bottom: 20px;
}

a {
  font-weight: 700;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

a:hover {
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

.sidebar-default a:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

strong {
  font-weight: 700;
}

.section-grid ul,
ul {
  margin-bottom: 20px;
}

ul,
.section-grid ul,
ul.round {
  position: relative;
}

ul li,
.section-grid ul li,
ul.round li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 20px;
}

ul li:before,
.section-grid ul li:before,
ul.round li:before {
  position: absolute;
  left: 0px;
  top: 7px;
  width: 20px;
  font-family: 'Font Awesome 5 Free';
  font-size: 9px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
  content: '\f111';
}

.check:before {
  position: absolute;
  left: 0px;
  width: 20px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(174 148 75 / var(--tw-text-opacity, 1));
  content: '\f00c';
}

ul.woocommerce-error li,
.select2-container ul li,
.woocommerce-order li,
.searchandfilter ul li,
.woocommerce-account ul li,
.berocket_single_filter_widget ul li,
ul.page-numbers li,
#samenstellen ul li,
.shipping ul li,
.footer ul li {
  padding-left: 0px;
}

.select2-container ul li {
  padding-left: 5px;
}

ul.woocommerce-error li:before,
.select2-container ul li:before,
.woocommerce-order li:before,
.searchandfilter ul li:before,
.woocommerce-account ul li:before,
.berocket_single_filter_widget ul li:before,
ul.page-numbers li:before,
#samenstellen ul li:before,
.shipping ul li:before,
.footer ul li:before {
  content: none;
}

a.read-more,
.read-more {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

a.read-more:hover,
.read-more:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

.read-more:after {
  position: relative;
  padding-left: 10px;
  font-family: 'Font Awesome 5 Free';
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
  content: '\f054';
  font-size: 12px;
}

.phone:before,
.whatsapp:before,
.mail:before,
.info:before {
  position: relative;
  top: -1px;
  padding-right: 5px;
  font-family: 'Font Awesome 5 Free';
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
  content: '\f06a';
  font-size: 14px;
}

.phone:before {
  content:'\f095';
}

.mail:before {
  content:'\f0e0';
}

.whatsapp:before {
  content:'\f232';
  font-family: "Font Awesome 5 Brands";
}

.arrow-after:after {
  position: relative;
  top: -1px;
  padding-left: 5px;
  font-family: 'Font Awesome 5 Free';
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
  content: '\f078';
  font-size: 14px;
}

.btn:hover.arrow-after:after {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-white:hover.arrow-after:after {
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

[multiple]:focus, 
[type=date]:focus, 
[type=datetime-local]:focus, 
[type=email]:focus, 
[type=month]:focus, 
[type=number]:focus, 
[type=password]:focus, 
[type=search]:focus, 
[type=tel]:focus, 
[type=text]:focus, 
[type=time]:focus, 
[type=url]:focus, 
[type=week]:focus, 
[type=file]:focus,
[type=checkbox]:focus, 
[type=radio]:focus,
select:focus, 
textarea:focus {
  --tw-border-opacity: 1;
  border-color: rgb(181 159 98 / var(--tw-border-opacity, 1));
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(181 159 98 / var(--tw-ring-opacity, 1));
}

[type=file]:focus {
  outline: 1px auto #b59f62;
}

.\!container {
  width: 100% !important;
}

.container {
  width: 100%;
}

/* Classes here are being purged by PurgeCSS */

/* Do not delete */

.cookieconsent-form input[type="submit"], 
.searchandfilter input[type="submit"], 
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.btn,
.buttonbrownline,
.buttonbrown {
  display: inline-block !important;
  cursor: pointer !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)) !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
  padding-top: 25px !important;
  padding-bottom: 25px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  transition-property: all !important;
  transition-duration: 500ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.cookieconsent-form input[type="submit"]:hover, 
.searchandfilter input[type="submit"]:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
.btn:hover,
.buttonbrownline:hover,
.buttonbrown:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1)) !important;
}

@media (max-width: 768px) {
  .cookieconsent-form input[type="submit"], 
.searchandfilter input[type="submit"], 
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.btn,
.buttonbrownline,
.buttonbrown {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 640px) {
  .cookieconsent-form input[type="submit"], 
.searchandfilter input[type="submit"], 
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.btn,
.buttonbrownline,
.buttonbrown {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
}

.buttonbrown {
  margin-right: 10px;
}

@media (max-width: 640px) {
  .buttonbrown {
    margin-right: 0px;
    margin-bottom: 20px;
  }
}

.btn-sm {
  /* @apply
  px-15 py-2 !important; */
}

.custom-buttons-single-product .btn {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.btn-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1)) !important;
}

.btn-white:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(181 159 98 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1)) !important;
}

.btn-white {
  /* &.muted {
    @apply
    bg-transparent text-blue hover:text-white hover:border-blue-dark hover:bg-blue-dark !important;
  } */
}

.buttonbrownline,
.btn-gold {
  --tw-border-opacity: 1 !important;
  border-color: rgb(181 159 98 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.buttonbrownline:hover,
.btn-gold:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)) !important;
}

.buttonbrownline,
.btn-gold {
  /* &.muted {
    @apply
    bg-transparent text-blue hover:text-white hover:border-blue-dark hover:bg-blue-dark !important;
  } */
}

.btn-green {
  --tw-border-opacity: 1 !important;
  border-color: rgb(103 159 121 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(103 159 121 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.btn-green:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)) !important;
}

.btn-sm-round {
  border-radius: 9999px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Basic styles for all input fields */

[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
  /* @apply
  rounded-md border border-gray focus:ring-4 focus:ring-gray !important; */
}

.breadcrumbs a {
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.breadcrumbs span {
  font-size: 14px;
  font-weight: 300;
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}

.breadcrumbs span a:after {
  position: relative;
  top: 0px;
  padding-right: 5px;
  padding-left: 9px;
  font-family: 'Font Awesome 5 Free';
  font-size: 12px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
  content: '\f054';
}

/* .woocommerce form .form-row label {
  color: #dedede;
} */

select, 
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="date"], 
input[type="tel"], 
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border: 1px solid #dedede;
  padding: 8px 8px;
  background: none;
  min-height: 40px;
  background-color: #fff;
  color: #777777;
  font-size: 15px;
  margin-bottom: 15px;
}

[type=checkbox]:checked:focus,
 [type=checkbox]:checked:hover, 
 [type=radio]:checked:focus, 
 [type=radio]:checked:hover {
  background-color:unset;
  border: 1px solid #dedede;
  box-shadow: unset;
}

#pagination .page-numbers {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1)) !important;
  font-size: 14px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin-right: 5px !important;
}

#pagination .prev.page-numbers,
#pagination .next.page-numbers {
  border-radius: 0 !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
  width: auto;
}

.splide__arrow {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1)) !important;
  height:50px  !important;
  width: 50px !important;
  color:#fff !important;
  opacity: 1 !important;
  top:40% !important;
}

.splide__arrow svg {
  fill:#fff !important;
}

@media (max-width: 1024px) {
  .splide__arrow {
    top:90%  !important;
  }
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.sticky {
  position: sticky !important;
}

.-bottom-193 {
  bottom: -193px !important;
}

.-bottom-20 {
  bottom: -20px !important;
}

.-bottom-\[145px\] {
  bottom: -145px !important;
}

.-bottom-\[3px\] {
  bottom: -3px !important;
}

.-left-10 {
  left: -10px !important;
}

.-left-2p {
  left: -2% !important;
}

.-top-12 {
  top: -12px !important;
}

.-top-3 {
  top: -3px !important;
}

.-top-6 {
  top: -6px !important;
}

.-top-\[120px\] {
  top: -120px !important;
}

.-top-\[1px\] {
  top: -1px !important;
}

.bottom-0 {
  bottom: 0px !important;
}

.bottom-50 {
  bottom: 50px !important;
}

.bottom-\[66\%\] {
  bottom: 66% !important;
}

.left-0 {
  left: 0px !important;
}

.left-120 {
  left: 120px !important;
}

.left-20 {
  left: 20px !important;
}

.left-50 {
  left: 50px !important;
}

.left-50p {
  left: 50% !important;
}

.left-\[2px\] {
  left: 2px !important;
}

.right-0 {
  right: 0px !important;
}

.right-16 {
  right: 16px !important;
}

.right-30 {
  right: 30px !important;
}

.right-30p {
  right: 30% !important;
}

.right-50p {
  right: 50% !important;
}

.right-80 {
  right: 80px !important;
}

.top-0 {
  top: 0px !important;
}

.top-100 {
  top: 100px !important;
}

.top-10p {
  top: 10% !important;
}

.top-16 {
  top: 16px !important;
}

.top-170 {
  top: 170px !important;
}

.top-20 {
  top: 20px !important;
}

.top-25 {
  top: 25px !important;
}

.top-40 {
  top: 40px !important;
}

.top-50 {
  top: 50px !important;
}

.top-50p {
  top: 50% !important;
}

.top-540 {
  top: 540px !important;
}

.top-7 {
  top: 7px !important;
}

.top-70p {
  top: 70% !important;
}

.top-90 {
  top: 90px !important;
}

.top-\[20px\] {
  top: 20px !important;
}

.top-\[235px\] {
  top: 235px !important;
}

.top-\[2px\] {
  top: 2px !important;
}

.top-\[330px\] {
  top: 330px !important;
}

.top-\[50\%\] {
  top: 50% !important;
}

.top-\[90\%\] {
  top: 90% !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-10 {
  z-index: 10 !important;
}

.z-\[100\] {
  z-index: 100 !important;
}

.z-\[11\] {
  z-index: 11 !important;
}

.z-\[5\] {
  z-index: 5 !important;
}

.z-\[999\] {
  z-index: 999 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.col-span-2 {
  grid-column: span 2 / span 2 !important;
}

.col-span-3 {
  grid-column: span 3 / span 3 !important;
}

.col-span-4 {
  grid-column: span 4 / span 4 !important;
}

.col-span-5 {
  grid-column: span 5 / span 5 !important;
}

.col-span-7 {
  grid-column: span 7 / span 7 !important;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

.float-none {
  float: none !important;
}

.clear-both {
  clear: both !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.my-\[32px\] {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.-mt-10 {
  margin-top: -10px !important;
}

.-mt-12 {
  margin-top: -12px !important;
}

.-mt-3 {
  margin-top: -3px !important;
}

.-mt-80 {
  margin-top: -80px !important;
}

.-mt-\[0px\] {
  margin-top: -0px !important;
}

.-mt-\[16px\] {
  margin-top: -16px !important;
}

.-mt-\[80px\] {
  margin-top: -80px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-\[16px\] {
  margin-bottom: 16px !important;
}

.mb-\[24px\] {
  margin-bottom: 24px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-\[13\%\] {
  margin-right: 13% !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-220 {
  margin-top: 220px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.block {
  display: block !important;
}

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

.inline {
  display: inline !important;
}

.flex {
  display: flex !important;
}

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

.table {
  display: table !important;
}

.\!grid {
  display: grid !important;
}

.grid {
  display: grid !important;
}

.contents {
  display: contents !important;
}

.hidden {
  display: none !important;
}

.h-0 {
  height: 0px !important;
}

.h-1 {
  height: 1px !important;
}

.h-100 {
  height: 100px !important;
}

.h-1100 {
  height: 1100px !important;
}

.h-16 {
  height: 16px !important;
}

.h-200 {
  height: 200px !important;
}

.h-220 {
  height: 220px !important;
}

.h-230 {
  height: 230px !important;
}

.h-285 {
  height: 285px !important;
}

.h-30 {
  height: 30px !important;
}

.h-300 {
  height: 300px !important;
}

.h-40 {
  height: 40px !important;
}

.h-400 {
  height: 400px !important;
}

.h-50 {
  height: 50px !important;
}

.h-60 {
  height: 60px !important;
}

.h-70 {
  height: 70px !important;
}

.h-750 {
  height: 750px !important;
}

.h-80 {
  height: 80px !important;
}

.h-\[\'unset\'\] {
  height: 'unset' !important;
}

.h-\[125px\] {
  height: 125px !important;
}

.h-\[12px\] {
  height: 12px !important;
}

.h-\[175px\] {
  height: 175px !important;
}

.h-\[180px\] {
  height: 180px !important;
}

.h-\[200px\] {
  height: 200px !important;
}

.h-\[45px\] {
  height: 45px !important;
}

.h-\[470px\] {
  height: 470px !important;
}

.h-\[48px\] {
  height: 48px !important;
}

.h-\[50px\] {
  height: 50px !important;
}

.h-\[575px\] {
  height: 575px !important;
}

.h-\[75px\] {
  height: 75px !important;
}

.h-\[800px\] {
  height: 800px !important;
}

.h-\[82px\] {
  height: 82px !important;
}

.h-auto {
  height: auto !important;
}

.h-full {
  height: 100% !important;
}

.h-screen {
  height: 100vh !important;
}

.max-h-300 {
  max-height: 300px !important;
}

.max-h-\[275px\] {
  max-height: 275px !important;
}

.max-h-\[450px\] {
  max-height: 450px !important;
}

.min-h-150 {
  min-height: 150px !important;
}

.min-h-\[180px\] {
  min-height: 180px !important;
}

.min-h-\[200px\] {
  min-height: 200px !important;
}

.w-10\/12 {
  width: 83.333333% !important;
}

.w-100 {
  width: 100px !important;
}

.w-16 {
  width: 16px !important;
}

.w-20 {
  width: 20px !important;
}

.w-200 {
  width: 200px !important;
}

.w-285 {
  width: 285px !important;
}

.w-3\/12 {
  width: 25% !important;
}

.w-30 {
  width: 30px !important;
}

.w-4\/12 {
  width: 33.333333% !important;
}

.w-40 {
  width: 40px !important;
}

.w-400 {
  width: 400px !important;
}

.w-5\/12 {
  width: 41.666667% !important;
}

.w-500 {
  width: 500px !important;
}

.w-6\/12 {
  width: 50% !important;
}

.w-650 {
  width: 650px !important;
}

.w-7\/12 {
  width: 58.333333% !important;
}

.w-70p {
  width: 70% !important;
}

.w-8\/12 {
  width: 66.666667% !important;
}

.w-9\/12 {
  width: 75% !important;
}

.w-\[190px\] {
  width: 190px !important;
}

.w-\[280px\] {
  width: 280px !important;
}

.w-\[45px\] {
  width: 45px !important;
}

.w-\[50px\] {
  width: 50px !important;
}

.w-\[60\%\] {
  width: 60% !important;
}

.w-\[calc\(31\.1\%-8px\)\] {
  width: calc(31.1% - 8px) !important;
}

.w-\[calc\(50\%-8px\)\] {
  width: calc(50% - 8px) !important;
}

.w-auto {
  width: auto !important;
}

.w-full {
  width: 100% !important;
}

.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}

.min-w-full {
  min-width: 100% !important;
}

.max-w-\[100\%\] {
  max-width: 100% !important;
}

.max-w-\[75\%\] {
  max-width: 75% !important;
}

.max-w-wrap {
  max-width: 1320px !important;
}

.max-w-wrap-96p {
  max-width: 96% !important;
}

.max-w-wrap-98p {
  max-width: 98% !important;
}

.flex-1 {
  flex: 1 1 0% !important;
}

.rotate-180 {
  --tw-rotate: 180deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.resize {
  resize: both !important;
}

.list-none {
  list-style-type: none !important;
}

.columns-3 {
  -moz-columns: 3 !important;
       columns: 3 !important;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.grid-cols-\[175px_1fr\] {
  grid-template-columns: 175px 1fr !important;
}

.grid-cols-\[300px_1fr\] {
  grid-template-columns: 300px 1fr !important;
}

.grid-cols-\[auto_100px_200px\] {
  grid-template-columns: auto 100px 200px !important;
}

.grid-cols-\[max-content_max-content_max-content\] {
  grid-template-columns: max-content max-content max-content !important;
}

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

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

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

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

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

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

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

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

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

.gap-10 {
  gap: 10px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-40 {
  gap: 40px !important;
}

.gap-\[16px\] {
  gap: 16px !important;
}

.gap-x-10 {
  -moz-column-gap: 10px !important;
       column-gap: 10px !important;
}

.gap-x-16 {
  -moz-column-gap: 16px !important;
       column-gap: 16px !important;
}

.gap-x-20 {
  -moz-column-gap: 20px !important;
       column-gap: 20px !important;
}

.gap-x-40 {
  -moz-column-gap: 40px !important;
       column-gap: 40px !important;
}

.gap-x-\[5px\] {
  -moz-column-gap: 5px !important;
       column-gap: 5px !important;
}

.gap-y-10 {
  row-gap: 10px !important;
}

.gap-y-40 {
  row-gap: 40px !important;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1px * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1px * calc(1 - var(--tw-space-x-reverse))) !important;
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(4px * var(--tw-space-y-reverse)) !important;
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(6px * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(6px * var(--tw-space-y-reverse)) !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.rounded-200 {
  border-radius: 200px !important;
}

.rounded-\[6px\] {
  border-radius: 6px !important;
}

.rounded-\[8px\] {
  border-radius: 8px !important;
}

.rounded-\[9999px\] {
  border-radius: 9999px !important;
}

.rounded-\[999px\] {
  border-radius: 999px !important;
}

.rounded-none {
  border-radius: 0 !important;
}

.border {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-\[1px\] {
  border-width: 1px !important;
}

.border-b {
  border-bottom-width: 1px !important;
}

.border-\[\#DADADA\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(218 218 218 / var(--tw-border-opacity, 1)) !important;
}

.border-\[\#dedede\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(222 222 222 / var(--tw-border-opacity, 1)) !important;
}

.border-blue {
  --tw-border-opacity: 1 !important;
  border-color: rgb(142 228 228 / var(--tw-border-opacity, 1)) !important;
}

.border-body {
  --tw-border-opacity: 1 !important;
  border-color: rgb(119 119 119 / var(--tw-border-opacity, 1)) !important;
}

.border-gold {
  --tw-border-opacity: 1 !important;
  border-color: rgb(181 159 98 / var(--tw-border-opacity, 1)) !important;
}

.border-gray {
  --tw-border-opacity: 1 !important;
  border-color: rgb(249 249 249 / var(--tw-border-opacity, 1)) !important;
}

.border-green-dark {
  --tw-border-opacity: 1 !important;
  border-color: rgb(103 159 121 / var(--tw-border-opacity, 1)) !important;
}

.border-pink {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 190 184 / var(--tw-border-opacity, 1)) !important;
}

.border-white {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}

.border-yellow {
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 244 221 / var(--tw-border-opacity, 1)) !important;
}

.bg-\[\#222\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#444\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(68 68 68 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[\#FAF2DB\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 242 219 / var(--tw-bg-opacity, 1)) !important;
}

.bg-black {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}

.bg-body {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(119 119 119 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gold {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1)) !important;
}

.bg-gray-dark {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(215 246 228 / var(--tw-bg-opacity, 1)) !important;
}

.bg-green-dark {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(103 159 121 / var(--tw-bg-opacity, 1)) !important;
}

.bg-peach {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 219 163 / var(--tw-bg-opacity, 1)) !important;
}

.bg-pink {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 190 184 / var(--tw-bg-opacity, 1)) !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.bg-white\/90 {
  background-color: rgb(255 255 255 / 0.9) !important;
}

.bg-yellow {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 244 221 / var(--tw-bg-opacity, 1)) !important;
}

.bg-50\% {
  background-size: 50% !important;
}

.bg-cover {
  background-size: cover !important;
}

.bg-fixed {
  background-attachment: fixed !important;
}

.bg-right {
  background-position: right !important;
}

.bg-no-repeat {
  background-repeat: no-repeat !important;
}

.fill-gold {
  fill: #b59f62 !important;
}

.fill-white {
  fill: #fff !important;
}

.object-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.object-right {
  -o-object-position: right !important;
     object-position: right !important;
}

.p-0 {
  padding: 0px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-6 {
  padding: 6px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-15p {
  padding-left: 15% !important;
  padding-right: 15% !important;
}

.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.px-\[22\.5px\] {
  padding-left: 22.5px !important;
  padding-right: 22.5px !important;
}

.px-\[24px\] {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.py-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.py-\[12\.5px\] {
  padding-top: 12.5px !important;
  padding-bottom: 12.5px !important;
}

.py-\[12px\] {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pb-120 {
  padding-bottom: 120px !important;
}

.pb-193 {
  padding-bottom: 193px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-120 {
  padding-left: 120px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.pl-\[48px\] {
  padding-left: 48px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pr-120 {
  padding-right: 120px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pt-120 {
  padding-top: 120px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-\[80px\] {
  padding-top: 80px !important;
}

.text-left {
  text-align: left !important;
}

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

.text-right {
  text-align: right !important;
}

.font-awesome {
  font-family: 'Font Awesome 5 Free' !important;
}

.font-heading {
  font-family: Inter, system-ui !important;
}

.font-sans {
  font-family: Inter, system-ui !important;
}

.text-10 {
  font-size: 10px !important;
}

.text-12 {
  font-size: 12px !important;
}

.text-14 {
  font-size: 14px !important;
}

.text-15 {
  font-size: 15px !important;
}

.text-16 {
  font-size: 16px !important;
}

.text-18 {
  font-size: 18px !important;
}

.text-20 {
  font-size: 20px !important;
}

.text-22 {
  font-size: 22px !important;
}

.text-24 {
  font-size: 24px !important;
}

.text-26 {
  font-size: 26px !important;
}

.text-32 {
  font-size: 32px !important;
}

.text-40 {
  font-size: 40px !important;
}

.text-50 {
  font-size: 50px !important;
}

.text-9 {
  font-size: 9px !important;
}

.text-\[13px\] {
  font-size: 13px !important;
}

.text-\[16px\] {
  font-size: 16px !important;
}

.text-\[17px\] {
  font-size: 17px !important;
}

.text-\[18px\] {
  font-size: 18px !important;
}

.text-\[24px\] {
  font-size: 24px !important;
}

.text-\[48px\] {
  font-size: 48px !important;
}

.font-black {
  font-weight: 900 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.font-extrabold {
  font-weight: 800 !important;
}

.font-light {
  font-weight: 300 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.leading-1\/4em {
  line-height: 1.4em !important;
}

.leading-18 {
  line-height: 18px !important;
}

.leading-heading {
  line-height: 1.25em !important;
}

.leading-none {
  line-height: 1 !important;
}

.leading-relaxed {
  line-height: 1.625 !important;
}

.text-\[\#222\] {
  --tw-text-opacity: 1 !important;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1)) !important;
}

.text-\[\#444\] {
  --tw-text-opacity: 1 !important;
  color: rgb(68 68 68 / var(--tw-text-opacity, 1)) !important;
}

.text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.text-blue {
  --tw-text-opacity: 1 !important;
  color: rgb(142 228 228 / var(--tw-text-opacity, 1)) !important;
}

.text-body {
  --tw-text-opacity: 1 !important;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1)) !important;
}

.text-gold {
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

.text-gray {
  --tw-text-opacity: 1 !important;
  color: rgb(249 249 249 / var(--tw-text-opacity, 1)) !important;
}

.text-gray-dark {
  --tw-text-opacity: 1 !important;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1)) !important;
}

.text-green-dark {
  --tw-text-opacity: 1 !important;
  color: rgb(103 159 121 / var(--tw-text-opacity, 1)) !important;
}

.text-orange {
  --tw-text-opacity: 1 !important;
  color: rgb(174 148 75 / var(--tw-text-opacity, 1)) !important;
}

.text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.underline {
  text-decoration-line: underline !important;
}

.antialiased {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.outline {
  outline-style: solid !important;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.ring-gold {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(181 159 98 / var(--tw-ring-opacity, 1)) !important;
}

.blur {
  --tw-blur: blur(8px) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.grayscale {
  --tw-grayscale: grayscale(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.invert {
  --tw-invert: invert(100%) !important;
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.transition-transform {
  transition-property: transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.duration-200 {
  transition-duration: 200ms !important;
}

.duration-300 {
  transition-duration: 300ms !important;
}

.duration-500 {
  transition-duration: 500ms !important;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}

/* Do not delete */

.splide__container{
  box-sizing:border-box;
  position:relative
}

.splide__list{
  backface-visibility:hidden;
  display:flex;
  height:100%;
  margin:0!important;
  padding:0!important
}

.splide.is-initialized:not(.is-active) .splide__list{
  display:block
}

.splide__pagination{
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin:0;
  pointer-events:none
}

.splide__pagination li{
  display:inline-block;
  line-height:1;
  list-style-type:none;
  margin:0;
  pointer-events:auto
}

.splide:not(.is-overflow) .splide__pagination{
  display:none
}

.splide__progress__bar{
  width:0
}

.splide{
  position:relative;
  visibility:hidden
}

.splide.is-initialized,.splide.is-rendered{
  visibility:visible
}

.splide__slide{
  backface-visibility:hidden;
  box-sizing:border-box;
  flex-shrink:0;
  list-style-type:none!important;
  margin:0;
  position:relative
}

.splide__slide img{
  vertical-align:bottom
}

.splide__spinner{
  animation:splide-loading 1s linear infinite;
  border:2px solid #999;
  border-left-color:transparent;
  border-radius:50%;
  bottom:0;
  contain:strict;
  display:inline-block;
  height:20px;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  top:0;
  width:20px
}

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

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{
  display:none
}

.splide__toggle.is-active .splide__toggle__pause{
  display:inline
}

.splide__track{
  overflow:hidden;
  position:relative;
  z-index:0
}

@keyframes splide-loading{
  0%{
    transform:rotate(0)
  }

  to{
    transform:rotate(1turn)
  }
}

.splide__track--draggable{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
       user-select:none
}

.splide__track--fade>.splide__list>.splide__slide{
  margin:0!important;
  opacity:0;
  z-index:0
}

.splide__track--fade>.splide__list>.splide__slide.is-active{
  opacity:1;
  z-index:1
}

.splide--rtl{
  direction:rtl
}

.splide__track--ttb>.splide__list{
  display:block
}

.splide__arrow{
  align-items:center;
  background:#ccc;
  border:0;
  border-radius:50%;
  cursor:pointer;
  display:flex;
  height:2em;
  justify-content:center;
  opacity:.7;
  padding:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:2em;
  z-index:1
}

.splide__arrow svg{
  fill:#000;
  height:1.2em;
  width:1.2em
}

.splide__arrow:hover:not(:disabled){
  opacity:.9
}

.splide__arrow:disabled{
  opacity:.3
}

.splide__arrow:focus-visible{
  outline:3px solid #0bf;
  outline-offset:3px
}

.splide__arrow--prev{
  left:1em
}

.splide__arrow--prev svg{
  transform:scaleX(-1)
}

.splide__arrow--next{
  right:1em
}

.splide.is-focus-in .splide__arrow:focus{
  outline:3px solid #0bf;
  outline-offset:3px
}

.splide__pagination{
  bottom:.5em;
  left:0;
  padding:0 1em;
  position:absolute;
  right:0;
  z-index:1
}

.splide__pagination__page{
  background:#ccc;
  border:0;
  border-radius:50%;
  display:inline-block;
  height:8px;
  margin:3px;
  opacity:.7;
  padding:0;
  position:relative;
  transition:transform .2s linear;
  width:8px
}

.splide__pagination__page.is-active{
  background:#fff;
  transform:scale(1.4);
  z-index:1
}

.splide__pagination__page:hover{
  cursor:pointer;
  opacity:.9
}

.splide__pagination__page:focus-visible{
  outline:3px solid #0bf;
  outline-offset:3px
}

.splide.is-focus-in .splide__pagination__page:focus{
  outline:3px solid #0bf;
  outline-offset:3px
}

.splide__progress__bar{
  background:#ccc;
  height:3px
}

.splide__slide{
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}

.splide__slide:focus{
  outline:0
}

@supports(outline-offset:-3px){
  .splide__slide:focus-visible{
    outline:3px solid #0bf;
    outline-offset:-3px
  }
}

@media screen and (-ms-high-contrast:none){
  .splide__slide:focus-visible{
    border:3px solid #0bf
  }
}

@supports(outline-offset:-3px){
  .splide.is-focus-in .splide__slide:focus{
    outline:3px solid #0bf;
    outline-offset:-3px
  }
}

@media screen and (-ms-high-contrast:none){
  .splide.is-focus-in .splide__slide:focus{
    border:3px solid #0bf
  }

  .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{
    border-color:#0bf
  }
}

.splide__toggle{
  cursor:pointer
}

.splide__toggle:focus-visible{
  outline:3px solid #0bf;
  outline-offset:3px
}

.splide.is-focus-in .splide__toggle:focus{
  outline:3px solid #0bf;
  outline-offset:3px
}

.splide__track--nav>.splide__list>.splide__slide{
  border:3px solid transparent;
  cursor:pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active{
  border:3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev{
  left:auto;
  right:1em
}

.splide__arrows--rtl .splide__arrow--prev svg{
  transform:scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next{
  left:1em;
  right:auto
}

.splide__arrows--rtl .splide__arrow--next svg{
  transform:scaleX(-1)
}

.splide__arrows--ttb .splide__arrow{
  left:50%;
  transform:translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev{
  top:1em
}

.splide__arrows--ttb .splide__arrow--prev svg{
  transform:rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next{
  bottom:1em;
  top:auto
}

.splide__arrows--ttb .splide__arrow--next svg{
  transform:rotate(90deg)
}

.splide__pagination--ttb{
  bottom:0;
  display:flex;
  flex-direction:column;
  left:auto;
  padding:1em 0;
  right:.5em;
  top:0
}

/* Swiper CSS*/

/**
 * Swiper 6.8.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 20, 2021
 */

@font-face{
  font-family:swiper-icons;

  src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');

  font-weight:400;

  font-style:normal
}

:root{
  --swiper-theme-color:#007aff
}

.swiper-container{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1
}

.swiper-container-vertical>.swiper-wrapper{
  flex-direction:column
}

.swiper-wrapper{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  box-sizing:content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper{
  transform:translate3d(0px,0,0)
}

.swiper-container-multirow>.swiper-wrapper{
  flex-wrap:wrap
}

.swiper-container-multirow-column>.swiper-wrapper{
  flex-wrap:wrap;
  flex-direction:column
}

.swiper-container-free-mode>.swiper-wrapper{
  transition-timing-function:ease-out;
  margin:0 auto
}

.swiper-container-pointer-events{
  touch-action:pan-y
}

.swiper-container-pointer-events.swiper-container-vertical{
  touch-action:pan-x
}

.swiper-slide{
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform
}

.swiper-slide-invisible-blank{
  visibility:hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
  height:auto
}

.swiper-container-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform,height
}

.swiper-container-3d{
  perspective:1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
  transform-style:preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}

.swiper-container-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode>.swiper-wrapper{
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display:none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
  scroll-snap-type:x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
  scroll-snap-type:y mandatory
}

:root{
  --swiper-navigation-size:44px
}

.swiper-button-next,.swiper-button-prev{
  position:absolute;
  top:50%;
  width:calc(var(--swiper-navigation-size)/ 44 * 27);
  height:var(--swiper-navigation-size);
  margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index:10;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
  opacity:.35;
  cursor:auto;
  pointer-events:none
}

.swiper-button-next:after,.swiper-button-prev:after{
  font-family:swiper-icons;
  font-size:var(--swiper-navigation-size);
  letter-spacing:0;
  text-transform:none;
  font-variant:initial;
  line-height:1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
  left:10px;
  right:auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{
  content:'prev'
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
  right:10px;
  left:auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{
  content:'next'
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{
  --swiper-navigation-color:#ffffff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{
  --swiper-navigation-color:#000000
}

.swiper-button-lock{
  display:none
}

.swiper-pagination{
  position:absolute;
  text-align:center;
  transition:.3s opacity;
  transform:translate3d(0,0,0);
  z-index:10
}

.swiper-pagination.swiper-pagination-hidden{
  opacity:0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
  bottom:10px;
  left:0;
  width:100%
}

.swiper-pagination-bullets-dynamic{
  overflow:hidden;
  font-size:0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transform:scale(.33);
  position:relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{
  transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{
  transform:scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{
  transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{
  transform:scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{
  transform:scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{
  transform:scale(.33)
}

.swiper-pagination-bullet{
  width:8px;
  height:8px;
  display:inline-block;
  border-radius:50%;
  background:#000;
  opacity:.2
}

button.swiper-pagination-bullet{
  border:none;
  margin:0;
  padding:0;
  box-shadow:none;
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none
}

.swiper-pagination-clickable .swiper-pagination-bullet{
  cursor:pointer
}

.swiper-pagination-bullet:only-child{
  display:none!important
}

.swiper-pagination-bullet-active{
  opacity:1;
  background:var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets{
  right:10px;
  top:50%;
  transform:translate3d(0px,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:6px 0;
  display:block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  top:50%;
  transform:translateY(-50%);
  width:8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  display:inline-block;
  transition:.2s transform,.2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:.2s transform,.2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:.2s transform,.2s right
}

.swiper-pagination-progressbar{
  background:rgba(0,0,0,.25);
  position:absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background:var(--swiper-pagination-color,var(--swiper-theme-color));
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:scale(0);
  transform-origin:left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  transform-origin:right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
  width:100%;
  height:4px;
  left:0;
  top:0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{
  width:4px;
  height:100%;
  left:0;
  top:0
}

.swiper-pagination-white{
  --swiper-pagination-color:#ffffff
}

.swiper-pagination-black{
  --swiper-pagination-color:#000000
}

.swiper-pagination-lock{
  display:none
}

.swiper-scrollbar{
  border-radius:10px;
  position:relative;
  -ms-touch-action:none;
  background:rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar{
  position:absolute;
  left:1%;
  bottom:3px;
  z-index:50;
  height:5px;
  width:98%
}

.swiper-container-vertical>.swiper-scrollbar{
  position:absolute;
  right:3px;
  top:1%;
  z-index:50;
  width:5px;
  height:98%
}

.swiper-scrollbar-drag{
  height:100%;
  width:100%;
  position:relative;
  background:rgba(0,0,0,.5);
  border-radius:10px;
  left:0;
  top:0
}

.swiper-scrollbar-cursor-drag{
  cursor:move
}

.swiper-scrollbar-lock{
  display:none
}

.swiper-zoom-container{
  width:100%;
  height:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
  max-width:100%;
  max-height:100%;
  -o-object-fit:contain;
     object-fit:contain
}

.swiper-slide-zoomed{
  cursor:move
}

.swiper-lazy-preloader{
  width:42px;
  height:42px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-21px;
  margin-top:-21px;
  z-index:10;
  transform-origin:50%;
  animation:swiper-preloader-spin 1s infinite linear;
  box-sizing:border-box;
  border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius:50%;
  border-top-color:transparent
}

.swiper-lazy-preloader-white{
  --swiper-preloader-color:#fff
}

.swiper-lazy-preloader-black{
  --swiper-preloader-color:#000
}

@keyframes swiper-preloader-spin{
  100%{
    transform:rotate(360deg)
  }
}

.swiper-container .swiper-notification{
  position:absolute;
  left:0;
  top:0;
  pointer-events:none;
  opacity:0;
  z-index:-1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{
  transition-timing-function:ease-out
}

.swiper-container-fade .swiper-slide{
  pointer-events:none;
  transition-property:opacity
}

.swiper-container-fade .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-container-cube{
  overflow:visible
}

.swiper-container-cube .swiper-slide{
  pointer-events:none;
  backface-visibility:hidden;
  z-index:1;
  visibility:hidden;
  transform-origin:0 0;
  width:100%;
  height:100%
}

.swiper-container-cube .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide{
  transform-origin:100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
  pointer-events:auto;
  visibility:visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{
  z-index:0;
  backface-visibility:hidden
}

.swiper-container-cube .swiper-cube-shadow{
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
  height:100%;
  opacity:.6;
  z-index:0
}

.swiper-container-cube .swiper-cube-shadow:before{
  content:'';
  background:#000;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  filter:blur(50px)
}

.swiper-container-flip{
  overflow:visible
}

.swiper-container-flip .swiper-slide{
  pointer-events:none;
  backface-visibility:hidden;
  z-index:1
}

.swiper-container-flip .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
  z-index:0;
  backface-visibility:hidden
}

/* Splide CSS*/

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{
  transition-duration:50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{
  transition-delay:50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{
  transition-duration:.1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{
  transition-delay:.1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{
  transition-duration:.15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{
  transition-delay:.15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{
  transition-duration:.2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{
  transition-delay:.2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{
  transition-duration:.25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{
  transition-delay:.25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{
  transition-duration:.3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{
  transition-delay:.3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{
  transition-duration:.35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{
  transition-delay:.35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{
  transition-duration:.4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{
  transition-delay:.4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{
  transition-duration:.45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{
  transition-delay:.45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{
  transition-duration:.5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{
  transition-delay:.5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{
  transition-duration:.55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{
  transition-delay:.55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{
  transition-duration:.6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{
  transition-delay:.6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{
  transition-duration:.65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{
  transition-delay:.65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{
  transition-duration:.7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{
  transition-delay:.7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{
  transition-duration:.75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{
  transition-delay:.75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{
  transition-duration:.8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{
  transition-delay:.8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{
  transition-duration:.85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{
  transition-delay:.85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{
  transition-duration:.9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{
  transition-delay:.9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{
  transition-duration:.95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{
  transition-delay:.95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{
  transition-duration:1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{
  transition-delay:1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{
  transition-duration:1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{
  transition-delay:1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{
  transition-duration:1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{
  transition-delay:1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{
  transition-duration:1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{
  transition-delay:1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{
  transition-duration:1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{
  transition-delay:1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{
  transition-duration:1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{
  transition-delay:1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{
  transition-duration:1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{
  transition-delay:1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{
  transition-duration:1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{
  transition-delay:1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{
  transition-duration:1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{
  transition-delay:1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{
  transition-duration:1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{
  transition-delay:1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{
  transition-duration:1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{
  transition-delay:1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{
  transition-duration:1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{
  transition-delay:1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{
  transition-duration:1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{
  transition-delay:1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{
  transition-duration:1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{
  transition-delay:1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{
  transition-duration:1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{
  transition-delay:1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{
  transition-duration:1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{
  transition-delay:1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{
  transition-duration:1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{
  transition-delay:1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{
  transition-duration:1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{
  transition-delay:1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{
  transition-duration:1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{
  transition-delay:1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{
  transition-duration:1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{
  transition-delay:1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{
  transition-duration:2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{
  transition-delay:2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{
  transition-duration:2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{
  transition-delay:2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{
  transition-duration:2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{
  transition-delay:2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{
  transition-duration:2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{
  transition-delay:2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{
  transition-duration:2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{
  transition-delay:2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{
  transition-duration:2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{
  transition-delay:2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{
  transition-duration:2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{
  transition-delay:2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{
  transition-duration:2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{
  transition-delay:2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{
  transition-duration:2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{
  transition-delay:2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{
  transition-duration:2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{
  transition-delay:2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{
  transition-duration:2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{
  transition-delay:2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{
  transition-duration:2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{
  transition-delay:2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{
  transition-duration:2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{
  transition-delay:2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{
  transition-duration:2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{
  transition-delay:2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{
  transition-duration:2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{
  transition-delay:2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{
  transition-duration:2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{
  transition-delay:2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{
  transition-duration:2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{
  transition-delay:2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{
  transition-duration:2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{
  transition-delay:2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{
  transition-duration:2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{
  transition-delay:2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{
  transition-duration:2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{
  transition-delay:2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{
  transition-duration:3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{
  transition-delay:0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{
  transition-delay:3s
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{
  transition-timing-function:cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{
  transition-timing-function:ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{
  transition-timing-function:ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{
  transition-timing-function:ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{
  transition-timing-function:ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{
  transition-timing-function:cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{
  transition-timing-function:cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{
  transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{
  transition-timing-function:cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{
  transition-timing-function:cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{
  transition-timing-function:cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{
  transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{
  transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{
  transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{
  transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{
  transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{
  transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{
  transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{
  transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{
  transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}

[data-aos^=fade][data-aos^=fade]{
  opacity:0;
  transition-property:opacity,transform
}

[data-aos^=fade][data-aos^=fade].aos-animate{
  opacity:1;
  transform:translateZ(0)
}

[data-aos=fade-up]{
  transform:translate3d(0,100px,0)
}

[data-aos=fade-down]{
  transform:translate3d(0,-100px,0)
}

[data-aos=fade-right]{
  transform:translate3d(-100px,0,0)
}

[data-aos=fade-left]{
  transform:translate3d(100px,0,0)
}

[data-aos=fade-up-right]{
  transform:translate3d(-100px,100px,0)
}

[data-aos=fade-up-left]{
  transform:translate3d(100px,100px,0)
}

[data-aos=fade-down-right]{
  transform:translate3d(-100px,-100px,0)
}

[data-aos=fade-down-left]{
  transform:translate3d(100px,-100px,0)
}

[data-aos^=zoom][data-aos^=zoom]{
  opacity:0;
  transition-property:opacity,transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate{
  opacity:1;
  transform:translateZ(0) scale(1)
}

[data-aos=zoom-in]{
  transform:scale(.6)
}

[data-aos=zoom-in-up]{
  transform:translate3d(0,100px,0) scale(.6)
}

[data-aos=zoom-in-down]{
  transform:translate3d(0,-100px,0) scale(.6)
}

[data-aos=zoom-in-right]{
  transform:translate3d(-100px,0,0) scale(.6)
}

[data-aos=zoom-in-left]{
  transform:translate3d(100px,0,0) scale(.6)
}

[data-aos=zoom-out]{
  transform:scale(1.2)
}

[data-aos=zoom-out-up]{
  transform:translate3d(0,100px,0) scale(1.2)
}

[data-aos=zoom-out-down]{
  transform:translate3d(0,-100px,0) scale(1.2)
}

[data-aos=zoom-out-right]{
  transform:translate3d(-100px,0,0) scale(1.2)
}

[data-aos=zoom-out-left]{
  transform:translate3d(100px,0,0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide]{
  transition-property:transform
}

[data-aos^=slide][data-aos^=slide].aos-animate{
  transform:translateZ(0)
}

[data-aos=slide-up]{
  transform:translate3d(0,100%,0)
}

[data-aos=slide-down]{
  transform:translate3d(0,-100%,0)
}

[data-aos=slide-right]{
  transform:translate3d(-100%,0,0)
}

[data-aos=slide-left]{
  transform:translate3d(100%,0,0)
}

[data-aos^=flip][data-aos^=flip]{
  backface-visibility:hidden;
  transition-property:transform
}

[data-aos=flip-left]{
  transform:perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate{
  transform:perspective(2500px) rotateY(0)
}

[data-aos=flip-right]{
  transform:perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate{
  transform:perspective(2500px) rotateY(0)
}

[data-aos=flip-up]{
  transform:perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate{
  transform:perspective(2500px) rotateX(0)
}

[data-aos=flip-down]{
  transform:perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate{
  transform:perspective(2500px) rotateX(0)
}

/* Expands the product image to the full width of its parent on archive pages */

.attachment-woocommerce_thumbnail {
  width: 100% !important;
}

/* Prevents the sorting select box to bleed out of its parent on smaller screen sizes */

.woocommerce-ordering {
  width: 100% !important;
  select {
    width: 100% !important;
  }
  select {
    font-size: 14px !important;
  }
}

/* Styles the image size on the cart page */

.woocommerce-cart-form .attachment-woocommerce_thumbnail {
  width: 100px !important;
}

/* Styles the product wrapping link in product loops */

.woocommerce-LoopProduct-link {
  display: flex !important;
  flex: 1 1 0% !important;
  flex-direction: column !important;
}

/* Styles the images titles in product loops */

.woocommerce-page .product img {
  margin-bottom: 20px;
}

/* Styles the product prices in product loops */

.woocommerce-page .woocommerce-Price-amount {
  font-size: 24px;
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

.woocommerce-page .woocommerce-info .woocommerce-Price-amount {
  font-size: 16px !important;
}

/* Styles the product prices in product single */

.single-product.woocommerce-page .woocommerce-Price-amount {
  font-size: 40px;
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

.single-product.woocommerce-page .woocommerce-Price-amount small {
  position: relative !important;
  top: -12px !important;
  font-size: 24px !important;
}

/* Remoces on sale badge loops */

.woocommerce span.onsale {
  display: none;
}

.woocommerce-loop-product__title {
  margin-bottom: 20px !important;
  flex: 1 1 0% !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

@media (max-width: 640px) {
  .woocommerce-loop-product__title {
    margin-bottom: 10px !important;
    font-size: 15px !important;
  }
}

/* Styles the notices */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  --tw-border-opacity: 1 !important;
  border-color: rgb(142 228 228 / var(--tw-border-opacity, 1)) !important;
}

.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
  --tw-text-opacity: 1 !important;
  color: rgb(142 228 228 / var(--tw-text-opacity, 1)) !important;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  border-radius: 0 !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  height: 66px;
  width:48%;
}

.checkout .woocommerce-Price-amount,
.woocommerce-cart.woocommerce-page .woocommerce-Price-amount {
  font-size: 18px;
}

abbr[title] {
  text-decoration: none !important;
}

.cart_item .amount,
.cart_totals .amount {
  font-weight: 700;
}

.component_message,
.woocommerce-shop.woocommerce .add_to_cart_button {
  display: none !important;
}

.component_option_each {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.woocommerce table.shop_table tbody tr.component_table_item td.product-thumbnail, 
.woocommerce-page table.shop_table tbody tr.component_table_item td.product-thumbnail {
  padding-left: 30px;
}

.component_table_item {
  --tw-bg-opacity: 1;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
}

.component_table_item .product-remove {
  opacity: 0;
}

.woocommerce nav.woocommerce-pagination {
  clear: both;
}

/* body.archive.woocommerce {

    background-image: url(/wp-content/uploads/2022/02/Halve-cirkel.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
} */

/*------------------------------------*\
  START SINGLE PRODUCT CSS
\*------------------------------------*/

.hide-cart form {
  display: none;
}

.woocommerce .quantity .qty {
  height: 76px;
}

.top-section-single-product {
  background-size: 50%;
  background-position: 0% 40%;
}

.wc-measurement-price-calculator-price {
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

.single .full_width .columns-3 ul.component_option_thumbnails_container li.component_option_thumbnail_container {
  clear: none;
  margin-right: .5% !important;
  width: calc(16.67% - 12px) !important;
  margin-right: 10px;
}

.full_width .columns-3 .summary_elements li.summary_element:nth-child(6n+6),
  .single .full_width .columns-3 ul.component_option_thumbnails_container li.component_option_thumbnail_container:nth-child(6n+6) {
  margin-right: 0px !important;
}

.component_option_thumbnail button, .woocommerce div.product form.composite_form .component_option_thumbnail .button {
  float: left;
  width: 100%;
}

.component_description,
  .composite_form .composite_navigation.paged {
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.composite_form .component_data.woocommerce-error {
  display: flex;
  flex-direction: column;
}

.composite_form .component_data.woocommerce-error .clear_component_options.button {
  width: 220px;
  margin-bottom: 20px;
}

.single-product.woocommerce-page .thumbnail_description .woocommerce-Price-amount small,
  .single-product.woocommerce-page .component_data .woocommerce-Price-amount small {
  top: unset !important;
}

.single-product.woocommerce-page .thumbnail_description .woocommerce-Price-amount,
  .summary_element_price.summary_element_data .woocommerce-Price-amount,
  .single-product.woocommerce-page .component_data .woocommerce-Price-amount small,
  .single-product.woocommerce-page .component_data .woocommerce-Price-amount {
  font-size:25px !important;
  font-weight: bold !important;
}

.composite_summary li.summary_element span.summary_element_content, 
  .composite_summary .woocommerce-page #content div.product span.summary_element_content {
  text-align: left;
}

.component .component_option_each {
  font-weight: bold !important;
}

span.summary_element_content span.content_product_title,
  .composite_summary .summary_element_data:first-of-type .summary_element_content {
  text-align: left;
  color:#222;
}

.title.summary_element_content {
  min-height: 50px;
}

#alg-product-input-fields-table tbody tr td:first-of-type {
  display: none;
}

.composite_summary {
  width: calc(50% - 20px);
  float: left;
  margin-right: 20px;
}

#price_calculator {
  width: 50%;
  float: left;
  margin-right: 0px;
  margin-bottom: 20px;
}

#alg-product-input-fields-table {
  margin-top: 0px;
  table-layout: fixed;
  width: calc(50% - 0px);
  margin-right:0px;
  border-bottom: none;
  margin-bottom: 40px;
  float: right;
}

.entry-summary #alg-product-input-fields-table {
  float:unset;
}

.alg-product-input-fields-table textarea {
  overflow: hidden;
  width: 100%;
  min-height: 100px;
}

.postid-1063 #alg-product-input-fields-table tbody > tr {
  display: flex;
  flex-direction: column;
}

.postid-1063 #alg-product-input-fields-table tbody > tr td {
  display: block !important;
  width: 100% !important;
}

.postid-1063 #alg-product-input-fields-table tbody > tr td abbr {
  display: none !important;
}

textarea#alg_wc_pif_local_1.volant-breedte {
  width: 20%;
  min-height: 0;
  margin-bottom: 20px;
  max-height: 45px;
}

table#price_calculator tr td {
  padding: 10px;
  color:#000;
}

table#price_calculator tr.calculated-price,
  table#price_calculator tr.total-amount {
  font-weight: bold;
}

table#price_calculator tr:nth-child(even) {
  background-color: #fff;
  border: 1px solid #dedede;
}

table#price_calculator tr:nth-child(odd) {
  background-color: #fff;
  border: 1px solid #dedede;
}

#price_calculator input {
  width: 100% !important;
  padding: 5px;
  text-align: left !important;
}

form.cart div.composite_price {
  display: none !important;
}

.woocommerce .composite_button .quantity .qty {
  width: 66px;
  text-align: center;
  height: 66px;
}

.composite_button {
  float: right;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.woocommerce div.product .product-single-block div.images, 
.woocommerce-page div.product .product-single-block div.images {
  width: 100% !important;
}

.step-title {
  cursor: pointer;
}

.step-title::after {
  content: " \25BE Meer info";
}

.step-desc {
  display: none;
}

/* .product-single-left .tpslick-prev, 
.product-single-left .tpslick-next,
.product-single-left .launchGallery svg, 
.product-single-left .tpwpg_zoom svg {
  background: #b59f62 !important;
} */

.composite_summary .summary_element_image img.summary_element_content {
  margin:0 !important;
}

.product-small-image img,
.product-single-slider img {
  width:80px;
  height:80px;
}

.total-imgs {
  position: absolute;
  color:#fff;
  z-index:10;
  background-color:#b59f62;
  font-weight: bold;
  width: 30px;
  height: 30px;
  display: block;
  right: 25px;
  left: unset !important;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 25px !important;
}

.total-imgs:before {
  content: "\f067";
  font-family: Font Awesome\ 5 Free;
  font-size: 10px;
  font-weight: 900;
  left: -1px;
  position: relative;
  top: 0px;
}

.composite_summary .summary_element_price.summary_element_data .woocommerce-Price-amount {
  font-size: 15px !important;
}

.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1000000;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0,0,0);
  /* Fallback color */
  background-color: rgba(0,0,0,0.9);
  /* Black w/ opacity */
}

.modal-img {
  margin: auto;
  display: block;
  max-width: 700px;
}

.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

.large-image-product-page img:hover,
.large-image-product-page a:hover {
  cursor: url('static/img/search-solid.svg'), auto;
}

.component_option_thumbnail_container .thumbnail_description .title {
  min-height: 50px;
  text-align: center;
}

/*------------------------------------*\
  END SINGLE PRODUCT CSS
\*------------------------------------*/

/*------------------------------------*\
		START CHECK OUT CSS
	\*------------------------------------*/

.woocommerce-thankyou-order-received {
  font-family: Inter, system-ui;
  font-size: 32px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.cookieconsent-form input[type=checkbox],
  .searchandfilter input[type=checkbox],
  .bapf_sfilter.bapf_ckbox input[type=checkbox],
	.woocommerce-billing-fields__field-wrapper input[type="checkbox"],
	.woocommerce-billing-fields__field-wrapper input[type="radio"],
	#shipping_method input[type="checkbox"],
	#shipping_method input[type="radio"],
	.woocommerce-form__label input[type="checkbox"],
	.woocommerce-checkout-payment input[type="radio"] {
  background: #fff;
  border: 1px solid #dedede;
  color: #222;
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 16px !important;
  margin: -2px 10px 0 0;
  outline: 0;
  padding: 0!important;
  text-align: center;
  vertical-align: middle;
  width: 16px !important;
  min-width: 16px;
  -webkit-appearance: none;
  box-sizing: border-box;
  transition: .05s border-color ease-in-out;
}

.cookieconsent-form input[type=checkbox]:checked:before,
  .searchandfilter input[type=checkbox]:checked:before,
  .bapf_sfilter.bapf_ckbox input[type=checkbox]:checked:before,
	.woocommerce-billing-fields__field-wrapper input[type="checkbox"]:checked:before,
	.woocommerce-billing-fields__field-wrapper input[type="radio"]:checked:before,
	#shipping_method input[type="checkbox"]:checked:before,
	#shipping_method input[type="radio"]:checked:before,
	.woocommerce-form__label input[type="checkbox"]:checked:before,
	.woocommerce-checkout-payment input[type="radio"]:checked:before {
  content: '\f00c';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  font-style: normal;
  color: #1eaa6a;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 5px 0 0 0;
  line-height: 3px;
}

#billing_business_field {
  margin-bottom: 10px;
}

#billing_business_field .woocommerce-input-wrapper {
  display: block;
}

.woocommerce-billing-fields__field-wrapper .radio {
  padding-right:20px;
}

.woocommerce-account h2 {
  font-size: 26px;
}

.woocommerce form.login,
  .woocommerce form.register {
  margin-top: 20px;
  margin-bottom: 20px;
}

#customer_login {
  margin-bottom: 40px;
}

#add_payment_method #payment ul.payment_methods li, 
  .woocommerce-cart #payment ul.payment_methods li, 
  .woocommerce-checkout #payment ul.payment_methods li {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

#add_payment_method #payment ul.payment_methods li img, 
  .woocommerce-cart #payment ul.payment_methods li img, 
  .woocommerce-checkout #payment ul.payment_methods li img {
  -o-object-fit: contain;
     object-fit: contain;
}

#add_payment_method #payment ul.payment_methods li label, 
  .woocommerce-cart #payment ul.payment_methods li label, 
  .woocommerce-checkout #payment ul.payment_methods li label {
  display: flex;
  flex-flow: row wrap;
}

#billing_country_field {
  margin-bottom: 20px;
}

#billing_country {
  width: unset !important;
}

.woocommerce td.product-name .wc-item-meta .wc-item-meta-label, 
  .woocommerce td.product-name .wc-item-meta dt, 
  .woocommerce td.product-name dl.variation .wc-item-meta-label, 
  .woocommerce td.product-name dl.variation dt {
  clear: unset;
}

.woocommerce td.product-name dl.variation {
  padding-left:75px;
}

.woocommerce-checkout-review-order .woocommerce-Price-amount {
  font-size: 15px;
}

.woocommerce ul#shipping_method li {
  font-size: 15px;
  font-weight: normal;
}

@media (max-width: 768px) {
  .component_table_item .component_table_item_indent {
    text-align: left;
  }
}

/*------------------------------------*\
		END CHECK OUT CSS
	\*------------------------------------*/

ul.component_option_thumbnails_container li.component_option_thumbnail_container img {
  height: 100%;
}

/*------------------------------------*\
  START RESPONSIVE WOOCOMMERCE CSS
\*------------------------------------*/

@media (max-width: 1024px) {
  /*------------------------------------*\
  START SINGLE PRODUCT CSS
\*------------------------------------*/

  .single .full_width .columns-3 ul.component_option_thumbnails_container li.component_option_thumbnail_container {
    width: calc(33.3333% - 10px) !important;
    margin-right: 15px !important;
    margin-bottom: 15px;
  }

  .full_width .columns-3 .summary_elements li.summary_element:nth-child(3n+3),
  .single .full_width .columns-3 ul.component_option_thumbnails_container li.component_option_thumbnail_container:nth-child(3n+3) {
    margin-right: 0px !important;
  }

  .composite_summary {
    width: 100%;
    float: left;
    margin-right: 0px;
  }

  #price_calculator,
  #alg-product-input-fields-table {
    width: 100%;
  }

  .composite_form .composite_navigation .page_button {
    max-width: 100% !important;
    font-size: 15px !important;
  }

  .top-section-single-product {
    background-size: 100%;
    background-position: 0% 15%;
  }

  /*------------------------------------*\
  END SINGLE PRODUCT CSS
\*------------------------------------*/
}

@media (max-width: 768px) {
  .woocommerce .quantity .qty {
    height: 56px;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text {
    height: 46px;
  }

  .woocommerce div.product .product_title {
    font-size: 24px !important;
  }

  .single-product.woocommerce-page .woocommerce-Price-amount {
    font-size: 24px;
  }

  .single-product.woocommerce-page .woocommerce-Price-amount small {
    font-size: 15px!important;
  }

  .woocommerce table.shop_table_responsive tr td, 
  .woocommerce-page table.shop_table_responsive tr td {
    padding-bottom: 15px;
  }

  .woocommerce table.shop_table_responsive tr:nth-child(2n) td, 
  .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: unset !important;
  }

  .component_table_item .component_table_item_indent,
  .woocommerce td.product-name dl.variation {
    padding-left: 0px;
  }

  .woocommerce #content table.cart .product-thumbnail, 
  .woocommerce table.cart .product-thumbnail, 
  .woocommerce-page #content table.cart .product-thumbnail, 
  .woocommerce-page table.cart .product-thumbnail {
    display: block;
  }

  .woocommerce table.shop_table_responsive tr td::before, 
  .woocommerce-page table.shop_table_responsive tr td::before {
    content: attr(data-title) "";
    padding-left: 0px;
  }

  .woocommerce-page table.shop_table tbody tr.component_table_item td.product-thumbnail, 
  .woocommerce table.shop_table tbody tr.component_table_item td.product-thumbnail {
    padding-left: 12px;
  }
}

@media (max-width: 640px) {
  .woocommerce-cart table.cart td.actions .coupon .input-text {
    margin-bottom: 10px;
    width: 100%;
  }

  .cart .btn {
    width: calc(100% - 65px) !important;
  }

  .product-small-image img,
  .product-single-slider img {
    width:50px;
    height:50px;
  }

  .total-imgs {
    height: 20px;
    right: 15px;
    top: 15px!important;
    font-size: 10px;
    width: 20px;
  }

  .total-imgs:before {
    font-size: 5px;
    top: 1px;
  }

  .small_width .summary_element_image {
    width: 30% !important;
    margin: 0px !important;
  }

  span.summary_element_content span.content_product_title,
  .title.summary_element_content {
    min-height: unset !important;
  }

  .small_width ul.component_option_thumbnails_container li.component_option_thumbnail_container {
    width: calc(50% - 10px) !important;
    margin-right: 20px !important;
    margin-bottom: 20px !important;
  }

  ul.component_option_thumbnails_container li.component_option_thumbnail_container.last {
    margin-right: 20px !important;
  }

  .small_width ul.component_option_thumbnails_container li.component_option_thumbnail_container:nth-child(2n+2) {
    margin-right: 0px !important;
  }

  ul.component_option_thumbnails_container li.component_option_thumbnail_container.first, 
  ul.component_option_thumbnails_container li.component_option_content_container {
    clear: unset !important
  }

  .small_width .component_option_thumbnail .image {
    width: 100% !important;
    margin: 0px !important;
  }

  .product-name__thumbnail {
    padding-right: 0px;
    display: block !important;
    width: 100%;
  }

  .component_table_item .component_table_item_indent,
  .woocommerce td.product-name dl.variation {
    padding-left: 0px;
  }

  .woocommerce table.shop_table,
  .woocommerce ul#shipping_method li {
    font-size: 12px;
  }

  .cookieconsent-form input[type=checkbox],
  #shipping_method input[type=checkbox], #shipping_method input[type=radio], 
  .woocommerce-billing-fields__field-wrapper input[type=checkbox], 
  .woocommerce-billing-fields__field-wrapper input[type=radio], 
  .woocommerce-checkout-payment input[type=radio], 
  .woocommerce-form__label input[type=checkbox] {
    height: 10px!important;
    margin: -2px 10px 0 0;
    min-width: 10px;
    width: 10px!important;
  }

  .woocommerce ul#shipping_method li input {
    margin: 4px 0.4375em 0 0;
  }

  .cookieconsent-form input[type=checkbox]:checked:before,
  #shipping_method input[type=checkbox]:checked:before, 
  #shipping_method input[type=radio]:checked:before, 
  .woocommerce-billing-fields__field-wrapper input[type=checkbox]:checked:before, 
  .woocommerce-billing-fields__field-wrapper input[type=radio]:checked:before, 
  .woocommerce-checkout-payment input[type=radio]:checked:before,
  .woocommerce-form__label input[type=checkbox]:checked:before {
    font-size: 12px;
    line-height: 0px;
    width: 10px;
    margin: 4px 0 0;
  }

  .woocommerce-checkout-review-order .woocommerce-Price-amount {
    font-size: 12px !important;
  }

  .woocommerce-checkout-review-order small {
    font-size: 10px !important;
  }
}

/*------------------------------------*\
		END RESPONSIVE WOOCOMMERCE CSS
	\*------------------------------------*/

/*------------------------------------*\
    START MENU
\*------------------------------------*/

div.menu
{
  z-index:999;
}

.nav {
  float: right;
}

.nav > ul{
  margin:0;
  padding:0
}

.nav ul
{
  text-align:left;
  width:100%;
  padding-left:0px;
  margin:0px;
}

.nav ul li
{
  list-style:none;
  margin-bottom: 0;
  float: left;
  position:relative;
}

.nav ul li:before {
  content: none;
}

.nav ul li.current a:link,
.nav ul li.current a:visited,
.nav ul li.current a:active
{
  color: #fff;
}

.nav ul li.current ul li a {
  color:#000 !important;
}

.nav ul li ul li.current {
}

.nav ul li
{
  display: inline-block;
  float:inherit;
  padding: 0px 10px;
}

.nav ul li a:link,
.nav ul li a:visited,
.nav ul li a:active {
  line-height: 40px;
  height: 40px;
  padding: 0px 10px 60px 10px;
  cursor:pointer;
  color: #222;
  font-size: 16px;
  display: block;
  font-weight:700;
  transition: all .5s ease-in-out;
}

.top-menu .nav ul li a:link,
.top-menu .nav ul li a:visited,
.top-menu .nav ul li a:active {
  color: #000;
  padding: 0px;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: 300;
  line-height: 26px;
  transition: all .5s ease-in-out;
  height: auto;
}

.nav ul li.location > a:after,
.nav ul ul li.menu-item-has-children > a:after,
.nav ul li.menu-item-has-children > a:after {
  font-family: 'Font Awesome 5 Free';
  color: #222;
  content: '\f107';
  font-weight: 900;
  font-style: normal;
  font-size: 12px;
  margin: 0 0 0 8px;
  float: right;
}

.nav ul li.location > a:after {
  content: '\f041';
}

/* .top-menu .nav ul li.location > a:after,
.top-menu .nav ul li > a:after {
	color: #009ee0;
} */

.nav ul li.menu-item-has-children ul li > a {
  font-size: 14px;
}

.nav ul li ul li.menu-item-has-children ul li > a {
  font-size: 13px;
}

.nav ul ul li.menu-item-has-children > a:after {
  content: '\f105';
}

.nav ul li:first-child,
 .nav ul li a:first-child {
  padding-left: 0px;
}

.nav ul li:last-child,
.nav ul li a:last-child {
  padding-right: unset;
}

.nav ul ul li:first-child,
.nav ul ul li a:first-child {
  padding-left: unset;
}

.nav ul ul li a:first-child {
  padding: 15px 10px 15px 19px;
}

.nav ul li:last-child,
.nav ul li a:last-child {
  padding-right: 0px;
}

.nav ul li.button-menu a {
  padding: 0px;
}

.nav ul ul li
{
  float:left;
  text-align: left;
}

.top-nav.nav ul li a:link,
.top-nav.nav ul li a:visited,
.top-nav.nav ul li a:active
{
  text-transform:inherit;
  padding: 0 13px;
}

.top-menu .nav ul li a:hover,
.nav ul li a:hover {
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

.nav ul li.last-child a:link,
.nav ul li.last-child a:visited,
.nav ul li.last-child a:active
{
  padding-right: 0;
}

.nav ul ul,
.nav ul ul ul
{
  display:none;
}

.nav ul li:hover ul,
.nav ul ul li:hover ul
{
  display:block;
}

.nav ul li ul li ul,
.nav ul li ul {
  z-index: 999;
  position: absolute;
  width: 250px;
  max-width: none;
  padding: 0px 0px 0px 0px;
  border: 0;
  background: #f1f1f1;
  border-radius: 0;
  top: 40px;
}

.top-menu .nav ul li ul {
  top: 25px;
}

.top-menu .nav ul.sub-menu li a {
  padding: 8px 12px;
}

.nav ul li ul li ul {
  top: 0px;
  left: 290px;
}

.nav ul li:hover ul,
.nav ul li:hover ul li
{
  width:290px;
  z-index:1000;
}

.nav ul li:hover ul ul{
  display:none;
}

.nav ul li:hover ul li:hover ul{
  display:block;
}

.nav ul ul li:hover,
.nav ul ul li:hover ul li {
  width:290px;
  z-index:1000;
}

.nav ul li.wpml-ls-item:hover ul,
.nav ul li:hover ul li.wpml-ls-item {
  width:50px;
}

.header .nav ul ul li,
.nav ul ul li:first-child {
  padding-left: 0px;
  padding-right:0px;
}

.nav ul ul li a:link,
.nav ul ul li a:visited,
.nav ul ul li a:active
{
  line-height: 20px;
  padding: 15px 10px 15px 12px;
  color: #666;
  height: 50px;
  font-size: 15px;
  border-left: none;
}

.nav ul ul li:last-child a:link,
.nav ul ul li:last-child a:visited,
.nav ul ul li:last-child a:active
{
}

.nav ul ul li a:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
  background: #ddd;
}

.nav ul li.current_page_item ul li a:link,
.nav ul li.current_page_item ul li a:visited,
.nav ul li.current_page_item ul li a:active {
  color: #fff;
  border-top: none;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li > a.mega-menu-link {
  color: #222 !important;
  font-weight: bold !important;
  text-decoration: none;
  font-size:18px;
  transition: all .5s ease-in-out;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1400px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li > a.mega-menu-link {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 1320px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li > a.mega-menu-link {
    padding-left: 10px;
    padding-right: 10px;
  }
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  color: #ae944b !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li:first-child a.mega-menu-link {
  padding-left: 0px !important;
}

#mega-menu-menu-1 li:first-child ul li a {
  padding-left: 10px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li > a.mega-menu-link:hover,
#mega-menu-menu-1 li a:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

/*------------------------------------*\
    END MENU
\*------------------------------------*/

/*------------------------------------*\
    START NEW MEGA MENU
\*------------------------------------*/

#mega-menu-wrap-menu-8 #mega-menu-menu-8 {
  width: 100%;
  text-align: left;
}

.mega-btn-menu {
  padding: 0px !important;
}

.mega-btn-menu a {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.mega-btn-menu a:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-item > a.mega-menu-link {
  font-size: 16px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-item > a.mega-menu-link:hover {
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  font-weight: 700 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
.mega-text-gold a {
  font-weight: 700 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:hover,
.mega-text-gold a:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-megamenu > ul.mega-sub-menu {
  padding: 20px;
  box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  height: 'unset' !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1)) !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 500ms !important;
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-megamenu-sub-title.mega-menu-item > a.mega-menu-link {
  font-size: 17px !important;
  font-weight: 600 !important;
}

.title-text-mm {
  margin-bottom: 0px !important;
  font-size: 18px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

p.content-text-mm {
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

.custom-html-widget .btn,
.custom-html-widget .btn-gold {
  display: inline-flex !important;
}

.custom-html-widget .btn-gold:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-item.megamenu-top-title > a.mega-menu-link {
  font-size: 18px !important;
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-item.megamenu-top-title > a.mega-menu-link:hover {
  font-weight: 600 !important;
}

@media (max-width: 1320px) {
  #mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-item.megamenu-top-title > a.mega-menu-link {
    font-size: 16px !important;
  }
}

.title-text-mm,
.content-text-mm {
  text-align: center;
}

.btn-mm {
  float: right;
  margin-right: 13%;
}

.grid-mm-content-images {
  margin-top: 0px;
  display: grid;
  grid-template-columns: auto 100px 200px;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}

/*------------------------------------*\
    END NEW MEGA MENU
\*------------------------------------*/

/*------------------------------------*\
    START CUSTOM CSS
\*------------------------------------*/

h1,
h2,
h3,
h4 {
  font-size: 50px;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

@media (max-width: 1024px) {
  h1,
h2,
h3,
h4 {
    font-size: 32px;
  }
}

@media (max-width: 640px) {
  h1,
h2,
h3,
h4 {
    font-size: 24px;
  }
}

.single h1 {
  font-size: 32px;
}

@media (max-width: 1024px) {
  .single h1 {
    font-size: 24px;
  }
}

.single h2 {
  font-size: 24px;
}

@media (max-width: 1024px) {
  .single h2 {
    font-size: 20px;
  }
}

.content-slider-hoog h2 {
  font-size: 50px;
  font-weight: 900;
}

@media (max-width: 1400px) {
  .content-slider-hoog h2 {
    font-size: 40px;
  }
}

h2 {
  font-size: 40px;
}

@media (max-width: 1024px) {
  h2 {
    font-size: 32px;
  }
}

@media (max-width: 640px) {
  h2 {
    font-size: 22px;
  }
}

.slogan h2 {
  z-index: 20;
}

h3 {
  font-size: 32px;
}

@media (max-width: 1024px) {
  h3 {
    font-size: 22px;
  }
}

@media (max-width: 640px) {
  h3 {
    font-size: 18px;
  }
}

h4 {
  font-size: 32px;
}

@media (max-width: 1024px) {
  h4 {
    font-size: 22px;
  }
}

.small-content {
  padding-left: 15%;
  padding-right: 15%;
  text-align: center;
}

@media (max-width: 1024px) {
  .small-content {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (max-width: 640px) {
  .small-content {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.wrap-cut-left:before {
  position: absolute;
  left: 0px;
  width: 2%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  height: inherit;
  content: '';
}

.wrap-cut-right:after {
  position: absolute;
  right: 0px;
  width: 2%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  height: inherit;
  content: '';
}

.wrap-cut-pink:after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 190 184 / var(--tw-bg-opacity, 1));
}

.wrap-cut-100h:before,
.wrap-cut-100h:after {
  height: 100%;
}

.wrap-cut-top-0:after {
  top: 0px;
}

.wrap-cut-z-10:before {
  z-index: 10;
}

span.openingstijden {
  display: inline-block;
  width: 120px;
}

.nav-links {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

picture img.alignright {
  float:right;
  padding:20px;
}

picture img.alignleft {
  float:left;
  padding:20px;
}

.nav-links .fas {
  font-size: 20px;
}

.bg-single-blog {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: -40% 60%;
}

.single .post-thumbnail {
  width: 40%;
  float:left;
  padding-right:50px;
}

.grecaptcha-badge {
  display: none !important;
}

.wpcf7 :checked:before {
  position: absolute;
}

.wpcf7 [type=checkbox]:checked {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border: 1px solid #dedede;
}

.archive .variations {
  display: none !important;
}

.woocommerce input.input-text {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.measurement-options :checked:before{
  display: none;
}

/*------------------------------------*\
    END CUSTOM CSS

\*------------------------------------*/

/*------------------------------------*\
    START HEADER ELEMENTS 
\*------------------------------------*/

.logo {
  width: 285px;
}

.middle-header .search {
  width: 380px;
  margin-right:20px;
}

.menu-middle-header {
  width: calc(100% - 685px);
}

/*------------------------------------*\
            START HEADER SEARCH
    \*------------------------------------*/

.second_header_search_mob_inner {
  position:relative;
}

.second_header_search_mob_inner input[type="search"] {
  position:relative;
  margin-bottom:0px;
  border:none;
  background:#f6f6f6;
  padding: 15px 20px;
  box-sizing: border-box;
  max-height:40px;
  font-size:14px;
  width: 100%;
  color: #b2b2b2;
  font-weight: 300;
}

.second_header_search_mob_inner button.search_button {
  position: absolute;
  right: 20px;
  top: 4px;
  font-size: 14px;
  color: #000;
  background: #f6f6f6;
  border: none;
  height: 32px;
}

::-webkit-input-placeholder {
  color: #b2b2b2;
}

::-moz-placeholder {
  color: #b2b2b2;
}

:-ms-input-placeholder {
  color: #b2b2b2;
}

:-moz-placeholder {
  color: #b2b2b2;
}

/*------------------------------------*\
        END HEADER SEARCH
    \*------------------------------------*/

/*------------------------------------*\
		START HEADER CART
	\*------------------------------------*/

.shop-container img {
  width: 32px;
}

#header-cart-icon {
  position: relative;
}

.header-cart-badge {
  border-radius: 30px;
  left:19px;
  top: -16px;
}

.header-cart-badge a {
  color: #fff;
  position: relative;
  text-align: center;
  display: block;
  top: 0px;
  font-size: 14px;
  line-height: 14px;
}

/*------------------------------------*\
            END HEADER CART
    \*------------------------------------*/

/*------------------------------------*\
    END HEADER ELEMENTS
\*------------------------------------*/

/*------------------------------------*\
    START ELEMENTS SCHUIN 
\*------------------------------------*/

.section-grid:before,
    [class*="ribbon-bottom"]:before {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  height: 160px;
  width: 100%;
  position: relative;
}

.schuin-wit-onder:after,
    .section-grid:after,
    [class*="ribbon-bottom-after"]:after {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  height: 160px;
  width: 100%;
  position: relative;
}

.ribbon-bottom-small:before {
  height: 30px;
}

.ribbon-bottom-topheader:before{
  top:30px;
  height: 30px;
  background-image: url(static/img/schuine-strook-wit-topheader.png);
  background-position: top center;
}

.ribbon-bottom-left-white:before {
}

.ribbon-bottom-right-dark:before,
    .ribbon-bottom-right-light:before {
  background-image: url(static/img/ribbon-bottom-right-light.svg);
  background-position: top center;
}

.ribbon-bottom-right-dark:before {
  background-image: url(static/img/ribbon-bottom-right-dark.svg);
}

.section-grid:before {
  background-image: url(static/img/schuine-strook-wit-boven.png);
  height: 100px;
  ttop: 80px;
  z-index: 1;
}

.schuin-wit-onder:after {
  background-image: url(static/img/schuine-strook-wit-onder.png);
  height: 60px;
  z-index: 1;
}

/* .section-grid:after {
        background-image: url(static/img/schuine-strook-grijs-onder-footer.png);       
        height: 100px;
        bottom: -253px;
    } */

/*------------------------------------*\
    END ELEMENTS SCHUIN 
\*------------------------------------*/

/*------------------------------------*\
    START SLIDER HOOG (HOME)
\*------------------------------------*/

.content-slider-hoog p {
  margin-bottom: 40px;
  padding-right: 40px;
  font-size: 24px;
  line-height: 1.4em;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

@media (max-width: 1024px) {
  .content-slider-hoog p {
    padding-right: 0px;
  }
}

.white-block-slider-hoog {
  z-index: 6;
}

.patroon-slider-hoog {
  bottom: 0;
  left: 425px;
  display: block;
  top: 216px;
  height: 310px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 5;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
  font-size: 20px!important;
  font-weight: 700!important;
}

.slider-hoog .swiper-button-next {
  right: 60px;
}

/*------------------------------------*\
    END SLIDER HOOG (HOME)
\*------------------------------------*/

/*------------------------------------*\
    START HEADER LAAG 
\*------------------------------------*/

.patroon-header-laag {
  bottom: 0;
  display: block;
  height: 151px;
  left: 350px;
  -o-object-fit: cover;
  top: -35px;
  z-index: 5;
  width: 400px;
  object-fit: cover;
}

/*------------------------------------*\
    END HEADER LAAG 
\*------------------------------------*/

/*------------------------------------*\
    START CUSTOM PRODUCT GRID (HOME)
\*------------------------------------*/

h2.customproductgrid  {
  margin-bottom: 0px;
  top: 15px;
  position: relative;
}

.container-customproductgrid {
  display: grid;
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 100px 310px 55px;
}

.container-customproduct-single {
  cursor: pointer;
  grid-row: 2 / 5;
  top:0px;
  position: relative;
  transition: all .3s ease-in-out;
}

.container-customproduct-single:hover {
  top: -30px;
}

.container-customproduct-grid-img:after {
  background-image: url(static/img/product-cirkel-geel.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 268px;
  position: absolute;
  width: 315px;
  background-position: top;
  top: 0px;
  z-index: -1;
}

#splide01-slide01 .container-customproduct-grid-img:after,
#splide01-slide06 .container-customproduct-grid-img:after,
#splide01-slide06 .container-customproduct-grid-img:after,
#splide01-slide10 .container-customproduct-grid-img:after,
.container-customproduct-single:nth-child(2) .container-customproduct-grid-img:after {
  background-image: url(static/img/product-cirkel-groen.svg);
}

#splide01-slide02 .container-customproduct-grid-img:after,
#splide01-slide04 .container-customproduct-grid-img:after,
#splide01-slide08 .container-customproduct-grid-img:after,
.container-customproduct-single:nth-child(3) .container-customproduct-grid-img:after {
  background-image: url(static/img/product-cirkel-oranje.svg);
}

#splide01-slide03 .container-customproduct-grid-img:after,
#splide01-slide05 .container-customproduct-grid-img:after,
#splide01-slide07 .container-customproduct-grid-img:after,
#splide01-slide09 .container-customproduct-grid-img:after,
.container-customproduct-single:nth-child(4) .container-customproduct-grid-img:after {
  background-image: url(static/img/product-cirkel-blauw.svg);
}

.container-customproduct-single img {
  wwidth: 100%;
  width:250px;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

.container-customproduct-single img.label {
  width: 175px;
}

ul.half {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

ul.half li {
  width: 50%;
}

@media (max-width: 640px) {
  ul.half li {
    width: 100%;
  }
}

/*------------------------------------*\
    END CUSTOM PRODUCT GRID (HOME)
\*------------------------------------*/

.blocks-slider-outer-new {
  position: relative;
  top: -120px;
  z-index: 100;
  width: 60%;
}

@media (max-width: 1400px) {
  .blocks-slider-outer-new {
    top: -130px;
    width: 80%;
  }
}

@media (max-width: 1024px) {
  .blocks-slider-outer-new {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .blocks-slider-outer-new {
    top: -100px;
  }
}

@media (max-width: 640px) {
  .blocks-slider-outer-new {
    top: 20px;
  }
}

.nav-buttons-section-products {
  height: 50px !important;
  width: 50px !important;
  border-radius: 9999px !important;
  top: 50% !important;
}

@media (max-width: 768px) {
  .nav-buttons-section-products {
    top: 90% !important;
  }
}

.image-footer-new {
  position: absolute;
  bottom: -267px;
  left: -200px;
  width: 250px;
}

@media (max-width: 1250px) {
  .image-footer-new {
    bottom: -239px;
  }
}

@media (max-width: 1024px) {
  .image-footer-new {
    bottom: -265px;
  }

  .form-bg-one,
    .form-bg-two {
    max-width: 100%!important;
  }

  .image-one,
    .image-two{
    background:none!important;
  }

  .outer-form-container{
    padding:20px 0!important;
  }
}

@media (max-width: 900px) {
  .image-footer-new {
    left: -100px;
    width: 200px;
    bottom: -345px;
  }
}

@media (max-width: 768px) {
  .image-footer-new {
    bottom: -309px;
  }
}

@media (max-width: 640px) {
  .image-footer-new {
    display: none;
  }
}

/*------------------------------------*\
    START  STICKY MENU
\*------------------------------------*/

.down .ribbon-bottom-topheader {
  margin-bottom: 111px;
}

.down .header-top {
  visibility: hidden;
}

.down .header {
  top:0px;
  position:fixed;
  box-shadow: 0px 4px 10px -6px rgba(0,0,0,0.35);
  z-index:10000;
  background-color: #fff;
  width:100%;
  height:70px !important;
  padding-top:0px;
  transform: translateZ(0);
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-duration: 0.5s;
}

.down .bottom-header {
  padding-top: 20px;
}

.down .header nav {
  transform: translateZ(0);
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-duration: 0.5s;
}

.down #mega-menu-wrap-menu-1,
.down #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
.down #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
.down #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
  background: transparent !important;
}

.down .header-inner {
  height:70px !important;
}

.down .logo {
  ddisplay:none;
  margin-top:5px;
  wwidth: 100px;
}

.down .logo img {
  width: 150px!important;
  margin-top: -7px;
}

.down .info-header {
  display:none;
}

.main-menu
{
  transition: all 0.3s ease-in-out;
}

.down .mobile-menu
{
  top:unset;
}

.down .main-menu {
  position: relative;
  margin-top: 0px;
}

.down .header .nav > ul {
  text-align: right;
  display: block;
}

.down .nav > ul li.current a {
  color: #fff;
}

.down .nav ul li.haschild:after {
  color: #fff;
}

.down .nav ul li.haschild.current-parent:after {
  color: #fff;
}

.down .down-hidden {
  display: none;
}

.down .nav > ul li ul,
.down #mega-menu-menu-1 > li.megamenu > ul.sub-menu	{
  top: 60px;
}

.down .middle-header {
  display: none;
}

@media only screen and (max-width: 1100px) {
  .down .header .nav ul li {
    ppadding: 13px 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .down .middle-header {
    display: block;
    margin-top: 20px;
    background: #fff;
    height: 70px !important;
  }

  .down .header {
    height: 70px !important;
  }

  .down .bottom-header {
    display:none;
  }

  .down .flex-header {
    justify-content: flex-end;
  }

  .down .c-hamburger {
    background: none;
    top: 0px !important;
    right: 0px !important;
    left: unset !important;
  }

  .down .menu {
    width: 100%;
  }

  .down .c-hamburger {
    top: 0px;
    right: 0px !important;
    left: unset !important;
  }

  .down .inner-menu {
    justify-content: end;
  }

  .down .mobile-menu-container {
    z-index: 100000;
  }
}

/*------------------------------------*\
END STICKY MENU*
\*------------------------------------*/

/*------------------------------------*\
    START FAQ CSS
\*------------------------------------*/

.accordion {
  list-style: none;
  padding: 0;
  margin: 0 0 0px 0;
}

.accordion h3,
    .accordion h2 {
}

.accordion li {
  padding:5px 0px;
  margin-bottom: 0px;
  overflow: hidden;
  border-top: 1px solid #ccc;
  position: relative;
}

.faq ul:last-child li {
  border-bottom: 1px solid #ccc;
}

.accordion li:before {
  content: none;
}

.faq-header h3:after,
    .accordion .product-spec .title:after {
  content: '\f067';
  line-height: 35px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #b59f62;
  width: 20px;
  display: inline-block;
  transition: all .2s ease-in-out;
  /* float: right; */
  margin-top: 0px;
  font-size: 16px;
  position: absolute;
  right: 0px;
  top:0px;
  margin-left: 10px;
  margin-right: 0px;
}

.faq-header h3.expanded:after,
    .accordion .product-spec .title.expanded:after {
  content: '\f068';
  line-height: 35px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  transform: rotate(180deg);
  transition: transform 50ms ease-in-out;
  transition: all .2s ease-in-out;
  top: 0px;
  color:#222;
}

.faq-header h3:after,
    .faq-header h3.expanded:after{
  position: absolute;
  width:initial;
}

.faq-header h3,
    .accordion .product-spec .title {
  color: #222;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  margin: 0;
  padding: 5px 20px 5px 0;
  position: relative;
  text-align: left;
  transition: all .5s ease-in-out;
  width: 100%;
}

.faq-header h3,
    .accordion .product-spec .title.expanded {
  margin-bottom: 0px;
}

.accordion .product-spec .contentproduct {
  display: none;
  margin: 0 0 1.4em 0;
  font-weight: 400;
}

.accordion ul.check {
  margin-bottom:10px;
}

.accordion ul.check li:before {
  top: 4px;
}

.accordion .product-spec h2:before {
  content:none;
}

.faq ul ul li,
    .faq ul ul:last-child li {
  border: none !important;
}

.faq ul ul li {
  padding-left:20px;
}

.faq ul ul li:before {
  position: absolute;
  left: 0px;
  width: 20px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
  content: '\f00c';
  top:10px;
  font-size: 10px;
  content: '\f111';
}

.faq h2 {
  font-size: 32px;
}

@media (max-width: 640px) {
  .faq h2 {
    margin-bottom: 10px;
    font-size: 20px;
  }
}

/*------------------------------------*\
    END FAQ CSS
\*------------------------------------*/

/*------------------------------------*\
    START GRID 3 IMAGES TEXT (HOME)
\*------------------------------------*/

.section-grid {
  min-height: 1234px;
}

.patroon-section-grid {
  top: 608px;
  display: block;
  left: 45%;
  width: 410px;
  z-index: 1;
}

/*------------------------------------*\
    END GRID 3 IMAGES TEXT (HOME)
\*------------------------------------*/

/*------------------------------------*\
    START STAPPEN (HOME)
\*------------------------------------*/

.stappen-icon-text .stap-icon-text:nth-child(1) {
  margin-top: 10px;
}

@media (max-width: 640px) {
  .stappen-icon-text .stap-icon-text {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}

.stappen-icon-text .stap-icon-text:nth-child(2n+2) {
  margin-top: 60px;
}

@media (max-width: 640px) {
  .stappen-icon-text .stap-icon-text:nth-child(2n+2) {
    margin-top: 0px;
    justify-content: flex-end;
  }
}

.stappen-icon-text h2,
.stappen-icon-text h3 {
  font-size: 26px;
}

@media (max-width: 1024px) {
  .stappen-icon-text h2,
.stappen-icon-text h3 {
    font-size: 22px;
  }
}

@media (max-width: 640px) {
  .stappen-icon-text .stap-icon-text img {
    width: 100px;
  }

  .stappen-icon-text .stap-icon-text:nth-child(2n+2) img {
    float: right;
  }

  .stappen-icon-text .stap-icon-text:nth-child(2n+2) .stap-icon-content {
    text-align: right;
  }
}

/*------------------------------------*\
    END STAPPEN (HOME)
\*------------------------------------*/

/*------------------------------------*\
    START PORTFOLIO GRID (HOME)
\*------------------------------------*/

.portfolio-grid {
  grid-gap: 20px;
  display: grid;
  grid-template-columns: repeat(12,1fr);
  grid-template-rows: 100px 280px 105px 75px 400px;
}

.portfolio-grid-single {
  z-index: 10;
}

.portfolio-grid div:nth-child(1) {
  grid-column: 2/8;
  grid-row: 1/3;
}

.portfolio-grid div:nth-child(2) {
  grid-column: 8/13;
  grid-row: 2/5;
}

.portfolio-grid div:nth-child(3) {
  grid-column: 6/8;
  grid-row: 3/5;
}

.portfolio-grid div:nth-child(4) {
  grid-column: 1/6;
  grid-row: 4/6;
}

.portfolio-grid div:nth-child(5) {
  grid-column: 6/12;
  grid-row: 5/6;
}

.patroon-portfolio {
  width: 400px;
  left: 20px;
  top: 260px;
  height: 400px;
  z-index: 0;
}

.portfolio-line {
  left:9%;
}

.patroon-line-1 {
}

.patroon-line-2 {
  top: 31px;
  left: 18px;
}

/*------------------------------------*\
    END PORTFOLIO GRID (HOME)
\*------------------------------------*/

/*------------------------------------*\
    START SLIDER REVIEW (HOME)
\*------------------------------------*/

.bg-slider-review {
  background-position: center 0px;
  background-size: 300px;
}

.slider-review p {
  line-height: 30px;
}

/* .slider-review .swiper-wrapper div:nth-child(odd) div {
        @apply
        mt-100 max_lg:mt-0;
    } */

/*------------------------------------*\
    END SLIDER REVIEW (HOME)
\*------------------------------------*/

/*------------------------------------*\
    START CONTENT PRODUCT GRID (RASTER)
\*------------------------------------*/

.content-grid-single h2,
.content-grid-single h3 {
  margin-bottom: 0px;
  font-size: 16px;
}

.content-grid-single {
  border-right: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
  padding-right: 40px !important;
  padding-left: 40px !important;
  padding-top: 40px !important;
}

.content-grid-single:nth-child(3n+1) {
  padding-left: 0px !important;
}

.content-grid-single:last-child,
.content-grid-single:nth-last-child(2):nth-child(3n+1),
.content-grid-single:nth-last-child(2):nth-child(3n+2),
.content-grid-single:nth-last-child(3):nth-child(3n+1), {
  border-bottom: none !important;
}

.content-grid-single:nth-last-child(2):nth-child(3n+3),
.content-grid-single:nth-last-child(3):nth-child(3n+3), {
  border-bottom: 1px solid #fff !important;
}

.content-grid-single:nth-child(3n+3) {
  border-right: none !important;
}

span.summary_element_content span.content_product_title {
  min-height: 50px;
}

.content-grid-single img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 200px;
  width: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  text-align: center;
}

@media (max-width: 640px) {
  .content-grid-single {
    text-align: center;
  }
}

.keuzewijzer-sidebar ul.arrow {
  display: none;
}

.keuzewijzer-sidebar .columns-3 {
  -moz-columns: 1 !important;
       columns: 1 !important;
}

.type-product .woocommerce-loop-product__title {
  font-weight: 700 !important;
}

.type-product ul.arrow li {
  font-weight: 400;
}

/*------------------------------------*\
    END CONTENT PRODUCT GRID (RASTER)
\*------------------------------------*/

/*------------------------------------*\
    START IMG QUOTE SLIDER
\*------------------------------------*/

.owl-quotes .owl-item.active {
  opacity: 0.6;
}

.owl-quotes .owl-item.visible {
  opacity: 1;
}

.owl-quotes .owl-item:nth-child(odd) {
  margin-top: 50px;
}

.owl-quotes .owl-nav {
  position: absolute;
  right: 0px;
  top: 50%;
  width: 100%;
}

.owl-quotes .owl-nav .owl-prev {
  display: none;
}

.owl-quotes .owl-nav .owl-next {
  position: absolute !important;
  right: 30px !important;
  height: 40px !important;
  width: 40px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  font-size: 32px !important;
  line-height: 18px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
  border-radius: 40px;
}

/*------------------------------------*\
    END IMG QUOTE SLIDER
\*------------------------------------*/

/*------------------------------------*\
    START FOOTER
\*------------------------------------*/

.footer {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.footer h3 {
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.footer a {
  font-size: 16px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.footer a:hover {
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

#menu-footer-menu {
  display: flex;
  justify-content: flex-start;
}

#menu-footer-menu ul {
  margin-bottom: 0px;
}

#menu-footer-menu li {
  margin-bottom: 0px;
  padding-right: 20px;
}

#menu-footer-menu li a {
  --tw-text-opacity: 1;
  color: rgb(119 119 119 / var(--tw-text-opacity, 1));
}

#menu-footer-menu li a:hover {
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

.footer .single-widget-3 {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
  margin-top: -140px;
}

.single-widget-3 h2 {
  font-size: 26px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.single-widget-3-inner {
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 100px 40px 40px 40px;
}

.footer .single-widget-3-inner a {
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

.single-widget-3:before {
  background-image: url(static/img/footer-cirkel-goud.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 265px;
  top: 17px;
  position: absolute;
  left: -130px;
  width: 265px;
  z-index: 2;
}

.single-widget-3-outer:before {
  background-image: url(static/img/header-patroon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 300px !important;
  position: absolute;
  bottom: -158px;
  width: 400px;
  z-index: 0;
  opacity: 0.5;
  left:-50px;
}

.whatsapp-footer {
  position: fixed;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background: #b59f62;
  color: #fff;
  bottom: 40px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  z-index: 10;
}

.whatsapp-footer a {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.whatsapp-footer a:hover {
  color: #222;
}

/*------------------------------------*\
    END FOOTER
\*------------------------------------*/

/*------------------------------------*\
	    START MEGAMENU CSS
	\*------------------------------------*/

/* #mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-megamenu > ul.mega-sub-menu {
        @apply
        bg-white !important;
    } */

#mega-menu-menu-1 > li.megamenu > ul > li {
  padding-top:20px;
  width: 10%!important;
}

#mega-menu-menu-1 > li.megamenu a {
  min-width: 1px;
  display: block;
  width: 100%;
  text-align: left;
}

#mega-menu-menu-1 > li.megamenu a span {
  min-width: 1px;
  display: block;
  width: 100%;
  text-align: left;
  text-align: center!important;
  font-size: 0.95em!important
}

#mega-menu-menu-1 > li.megamenu > ul.sub-menu {
  width: 100%;
  position: absolute;
  max-width: 100%;
  background: #fff;
  top: 140px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: left;
  /*-webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        -webkit-animation-duration: 0.2s;
        animation-duration: 0.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both; */
  box-shadow: 0px 4px 10px -6px rgb(0 0 0 / 35%);
}

.down #mega-menu-menu-1 > li.megamenu > ul.sub-menu {
  top:60px;
  z-index: 1000;
}

#mega-menu-menu-1 > li.megamenu >ul > li {
  display: table-cell;
  float: none;
}

#mega-menu-menu-1 > li.megamenu {
  position: inherit;
}

#mega-menu-menu-1 > li.megamenu > ul.sub-menu a {
  padding: 20px 40px;
}

.megamenu .mega-menu-wrapper {
  max-width: 1300px;
  box-sizing: border-box;
  padding: 55px 0 0 0;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  min-height:375px;
}

/*
    .megamenu .mega-menu-wrapper:before,
    .megamenu .mega-menu-wrapper:after {
        background-color: #134095;
        content: '';
        position: absolute;
        top: 0;
        display: block;
        width: 50%;
        height: 100%;
        z-index: -1;
        right: -325px;
    }
    */

.megamenu .mega-menu-wrapper:before {
  right: unset;
  left: -325px;
}

.nav #mega-menu-menu-1  ul li.menu-item-has-children .mega-menu-wrapper {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  min-height: unset;
  padding-top:0px;
}

.nav #mega-menu-menu-1  ul li.menu-item-has-children .mega-menu-wrapper:before,
    .nav #mega-menu-menu-1  ul li.menu-item-has-children .mega-menu-wrapper:after {
  content: none;
}

.nav #mega-menu-menu-1  ul .mega-menu-wrapper li,
    .nav #mega-menu-menu-1  ul li.menu-item-has-children .mega-menu-wrapper li {
  height: unset;
  line-height: unset;
  width: 100%;
}

.nav #mega-menu-menu-1  ul .mega-menu-wrapper li a,
    .nav #mega-menu-menu-1  ul li.menu-item-has-children .mega-menu-wrapper li a {
  height: unset;
  line-height: unset;
  padding: 10px 40px;
}

.nav #mega-menu-menu-1 ul .mega-menu-wrapper li.titel-megamenu a, 	
    .nav #mega-menu-menu-1 ul .mega-menu-wrapper li.menu-item-has-children a {
  font-weight: 500;
  padding-top: 0px;
  color: #222;
  font-size: 16px;
}

.nav #mega-menu-menu-1  ul .mega-menu-wrapper li.menu-item-has-children a,
    .nav #mega-menu-menu-1  ul .mega-menu-wrapper li.menu-item-has-children a:after {
  content:none;
}

.nav #mega-menu-menu-1  ul .mega-menu-wrapper li.menu-item-has-children li a {
  text-transform: unset;
  font-weight: 400;
  padding-top: inherit;
  color:#222;
  background-color: #fff;
  font-size: 14px;
}

.nav #mega-menu-menu-1 .megamenu  ul  .mega-menu-wrapper li a:hover,
    .nav #mega-menu-menu-1 .megamenu  ul .mega-menu-wrapper li.menu-item-has-children li a:hover {
  color: #a38a51 !important;
  background: none;
  background-color:#fff;
}

.nav ul li.has-mega-menu:hover ul, 
    .nav ul li.has-mega-menu:hover ul li, 
    .nav ul ul li.has-mega-menu:hover, 
    .nav ul ul li.has-mega-menu:hover ul li {
  width: 100%;
  padding:0px;
  max-width: 1340px!important;
  margin: 0 auto;
}

.nav ul li.has-mega-menu .sub-menu {
  width: 100%;
  position: absolute;
  top: 60px;
  z-index: 100;
  left: 0;
  right: 0;
  box-shadow: none;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.nav ul li.has-mega-menu {
  position: static !important;
}

ul li.has-mega-menu:hover > .sub-menu {
  display: flex;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(50%,1fr));
  grid-template-columns: repeat(auto-fit,minmax(33%,1fr));
  min-width: 1340px !important;
  background-color: #fff;
  padding: 20px !important;
  box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
  hheight: 500px;
  grid-auto-rows: 400px;
}

ul.menu .has-mega-menu .sub-menu li a {
  color:#222 !important;
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  font-size: 13px!important;
  font-weight: 400!important;
  height: unset;
}

.nav ul .has-mega-menu li.menu-item-has-children>a:after {
  content:none;
}

.nav ul li.mega-menu-column {
  flex: 1 0 calc(25%);
}

.nav ul li.menu-item-has-children ul li.mega-menu-column.megamenu-top-title>a {
  font-size: 17px!important;
  font-weight: 600!important;
  color: #222 !important;
  margin-bottom: 40px;
}

.nav ul li.menu-item-has-children ul li.megamenu-sub-title>a {
  font-size: 17px!important;
  font-weight: 600!important;
  color: #222 !important;
}

.nav ul li.menu-item-has-children ul li.megamenu-sub-title>a:hover,
    .nav ul li.menu-item-has-children ul li.mega-menu-column.megamenu-top-title>a:hover,
    ul.menu .has-mega-menu .sub-menu li a:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

.nav ul li.has-mega-menu:hover ul ul {
  display: block;
}

.nav ul li.has-mega-menu ul .megamenu-top-title > ul.sub-menu {
  top: 60px;
}

.nav ul li.has-mega-menu ul ul.sub-menu {
  top: 30px;
  padding-left: 0px;
  background: #fff;
}

.hidden-title > a {
  display: none !important;
}

/*------------------------------------*\
  END MEGAMENU CSS
  \*------------------------------------*/

/*------------------------------------*\
    START WOOCOMMERCE CSS
\*------------------------------------*/

.searchandfilter ul li {
  width: 100%;
}

#filter {
  transition: visibility 0s, opacity 0.5s linear;
}

#filter.off-screen {
  visibility: visible !important;
  position: fixed !important;
  top: 0px !important;
  z-index: 100 !important;
  height: 100vh !important;
  overflow-y: auto !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  padding: 16px !important;
  opacity: 1 !important;
}

.owl-quotes .owl-item#filter.off-screen {
  opacity: 1 !important;
}

.woocommerce-ordering {
  float: right;
  width: 300px !important;
}

.woocommerce .woocommerce-ordering select {
  padding-top: 0px !important;
  padding-right: 40px !important;
  text-align: right !important;
  font-size: 16px !important;
  border: none;
  background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E) !important;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
}

.bapf_asradio2 ul li input[type=checkbox],
.bapf_radio_chck ul li input[type=checkbox] {
  --tw-border-opacity: 1;
  border-color: rgb(181 159 98 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.bapf_sfilter.bapf_ckbox input[type=checkbox] {
  margin-right: 6px;
}

.bapf_radio_chck ul li input[type=checkbox]:checked:after {
  --tw-border-opacity: 1;
  border-color: rgb(181 159 98 / var(--tw-border-opacity, 1));
}

.sidebar-woocommerce h4 {
  margin-bottom: 40px;
}

.sidebar-woocommerce h3 {
  margin-bottom: 15px;
  font-size: 16px;
}

.bapf_sfilter {
  margin-bottom: 40px;
}

.berocket_single_filter_widget {
  float: left;
  width: 100%;
}

@media (max-width: 1024px) {
  .berocket_single_filter_widget {
    width: 25%;
  }
}

@media (max-width: 768px) {
  .berocket_single_filter_widget {
    width: 50%;
  }
}

@media (max-width: 640px) {
  .berocket_single_filter_widget {
    width: 100%;
  }
}

.woosasc_icon_svg {
  display: flex;
  justify-content: center;
}

.woocommerce-cart-form small,
.cart-collaterals small,
.woocommerce-checkout-review-order small {
  font-size: 12px !important;
}

.woocommerce-checkout-review-order small {
  font-size: 10px !important;
}

.woocommerce form .form-row .input-checkbox {
  display: inline-block;
}

mark {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

.woocommerce .cart-collaterals .cross-sells, 
.woocommerce-page .cart-collaterals .cross-sells {
  margin-top: 30px;
  width: 100%;
}

.woocommerce .cart-collaterals .cross-sells h2, 
.woocommerce-page .cart-collaterals .cross-sells h2 {
  font-size: 26px;
}

.woocommerce-orders-table__cell-order-actions {
  display: flex;
  justify-content: space-between;
}

#woocommerce_eu_vat_number_field .optional {
  display:none;
}

/*------------------------------------*\
        START WOOCOMMERCE PRODUCT CSS
    \*------------------------------------*/

.woocommerce div.product .product_title {
  font-size: 32px;
}

.specifcatie-left {
  width:140px;
}

.specifcatie-right {
  width:calc(100% - 140px);
}

/*------------------------------------*\
        END WOOCOMMERCE PRODUCT CSS
    \*------------------------------------*/

/*------------------------------------*\
        START WOOCOMMERCE PRODUCT IMAGE GALERY CSS
    \*------------------------------------*/

.woocommerce-product-gallery__trigger {
  display: none;
}

.gallery-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.gallery-main {
  width: calc(100% - 115px);
  height: 400px;
  .swiper-button {
    &-prev,
            &-next {
      position: absolute;
      bottom: 0;
      right: 0;
      top: auto;
      left: auto;
      height: 75px;
      width: 40px;
      color: #e9e9e9;
      background: #1e1e1e;
      &::after {
        font-size: 12px;
      }
    }
    &-prev {
      right: 40px;
      border-right: 1px solid #e9e9e9;
    }
  }
}

.gallery-main img {
  -o-object-fit: contain;
     object-fit: contain;
  height:400px !important;
}

.gallery-title {
  position: absolute;
  top: 15px;
  right: 15px;
  font-family: "Epilogue", sans-serif;
  font-size: 50px;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 0 0 20px rgba(#000, 0.3);
  color: #ffffff;
  .swiper-slide-active & {
    animation: slide-in 0.3s ease-in both;
  }
}

.gallery-thumbs {
  order: -1;
  width: 100px;
  height: 250px;
  margin-right: 15px;
  padding-left: 0px;
  .swiper-slide {
    img {
      transition: 0.3s;
    }
    &-active {
      opacity: 0.9;
    }
    &-thumb-active {
      opacity: 1;
      img {
        margin-left: 0px;
      }
    }
  }
}

.gallery-thumbs .swiper-wrapper {
  height:200px !important;
  overflow: hidden !important;
}

.gallery-thumbs .swiper-slide {
  height:100px !important;
}

.gallery-thumbs .swiper-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom:20px;
}

@keyframes slide-in {
  from {
    opacity: 0;
    right: -50%;
  }
}

/*------------------------------------*\
        END WOOCOMMERCE PRODUCT IMAGE GALERY CSS
    \*------------------------------------*/

/*------------------------------------*\
        START WOOCOMMERCE PRODUCT COMPONENTS CSS
    \*------------------------------------*/

h2 .component_title_text {
  font-size: 26px;
}

/* .component_option_thumbnails_container {
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            column-gap: 20px;
        } */

.component_option_thumbnails_container .image {
  height: 200px;
}

@media (max-width: 1024px) {
  .component_option_thumbnails_container .image {
    height: 150px;
  }
}

.component_option_thumbnails_container .image {
  padding:0px !important;
}

.component_option_thumbnail_container .thumbnail_description {
  padding:20px 0px 0px 0px !important;
  color: #222;
  text-align: left;
}

.full_width .columns-3 ul.component_option_thumbnails_container li.component_option_thumbnail_container {
  width: 12% !important;
  margin-right: 0.5% !important;
  clear:none;
}

/*------------------------------------*\
        END WOOCOMMERCE PRODUCT COMPONENTS CSS
    \*------------------------------------*/

/*------------------------------------*\
    START PRODUCT CONFIGURATOR OVERRIDE CSS
\*------------------------------------*/

.vn_color_filter [type=checkbox]:checked:before,
li.cooser [type=radio]:checked:before {
  display: none !important;
}

.sidebar-steps .sidebar-top li {
  font-size: 15px;
  line-height: 22px;
}

.sidebar-steps .sidebar-bottom {
  background-size: 60%;
  background-position: 93% -103px;
}

@media (max-width: 1300px) {
  .sidebar-steps .sidebar-bottom {
    background-position: 62% -98px;
  }
}

@media (max-width: 1024px) {
  .sidebar-steps .sidebar-bottom {
    background-position: 100% -98px;
    background-size: 68%;
  }
}

@media (max-width: 670px) {
  .sidebar-steps .sidebar-bottom {
    background-position: 100% -60px;
  }
}

@media (max-width: 550px) {
  .sidebar-steps .sidebar-bottom {
    background-position: 100% -10px;
    background-size: 70%;
  }

  .submit-form-top input[type="number"] {
    margin-top:15px;
  }

  .submit-form input,
        .submit-form-top button {
    width: 100%;
    float: left;
    margin-top:10px;
  }

  .submit-form-right,
        .submit-form button,
        .submit-form .submit-form-left {
    width: 100%;
  }
}

/*------------------------------------*\
    END PRODUCT CONFIGURATOR OVERRIDE CSS
\*------------------------------------*/

/*------------------------------------*\
    END WOOCOMMERCE CSS
\*------------------------------------*/

/*------------------------------------*\
    START DEFAULT TEMPLATE CSS
\*------------------------------------*/

.sidebar-default .widget {
  margin-bottom: 40px;
  --tw-bg-opacity: 1;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1));
  padding: 30px;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.sidebar-default .widget h4 {
  font-size: 24px;
}

/*------------------------------------*\
    END DEFAULT TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START SEARCH TEMPLATE
\*------------------------------------*/

.search-results article img {
  margin-bottom: 20px;
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
}

/*------------------------------------*\
    END SEARCH TEMPLATE
\*------------------------------------*/

/*------------------------------------*\
    START 404 TEMPLATE
\*------------------------------------*/

.sitemap-row ul li:before {
  position: relative;
  top: -3px;
  padding-right: 15px;
  font-family: 'Font Awesome 5 Free';
  font-size: 9px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
  content: '\f111';
}

.sitemap-row ul li a {
  font-weight: 400;
}

/*------------------------------------*\
END 404 TEMPLATE
\*------------------------------------*/

/*------------------------------------*\
    START RESPONSIVE CSS
\*------------------------------------*/

@media (max-width: 1400px) {
  .logo {
    width: 220px;
  }

  .logo img {
    max-width: 200px;
  }

  .middle-header .search {
    width: 280px;
    margin-right:20px;
  }

  .second_header_search_mob_inner button.search_button {
    right: 10px;
  }

  .menu-middle-header {
    width: calc(100% - 500px);
  }

  .wrap-cut-left:before {
    display: none;
  }

  .container-customproduct-grid-img:after {
    width: 100%;
  }
}

@media (max-width: 1360px) {
  .max-w-wrap {
    max-width: 96%!important;
  }
}

@media (max-width: 1200px) {
  .middle-header .search {
    width: 230px;
  }

  .menu-middle-header {
    width: calc(100% - 450px);
  }

  .container-customproduct-single img {
    height: 200px;
    width: 200px;
  }

  .container-customproduct-grid-img:after {
    height: 180px;
    right: 0px;
    top: 0px;
    width: 180px;
  }

  .woocommerce-page .woocommerce-Price-amount {
    font-size: 20px;
  }

  .woocommerce-checkout-review-order .woocommerce-Price-amount {
    font-size: 15px;
  }
}

@media (max-width: 1320px) {
  .patroon-section-grid {
    left: 15%;
    top: 445px;
  }

  .usp-3 {
    display:none !important;
  }

  /*------------------------------------*\
    START SLIDER REVIEW (HOME)
\*------------------------------------*/

  .slider-review p {
    line-height: 32px;
  }

  /*------------------------------------*\
END SLIDER REVIEW (HOME)
\*------------------------------------*/
}

@media (max-width: 1024px) {
  .container-customproduct-single img {
    hheight: 175px;
  }

  /* .section-grid {
        height: 1000px;
    } */

  .single-widget-3-outer:before {
    bottom: -77px;
    height: 234px!important;
    left: -50px;
    width: 100%;
  }

  .sidebar-woocommerce #text-5 h4 {
    display: none;
  }

  .sidebar-woocommerce #text-8 {
    float:left;
  }

  /*------------------------------------*\
    START CONTENT PRODUCT GRID (RASTER)
\*------------------------------------*/

  .content-grid-single:nth-child(3n+1) {
    padding-left: 40px !important;
  }

  .content-grid-single:nth-last-child(-n+3) {
    border-bottom: 1px solid #fff !important;
  }

  .content-grid-single:last-child,
.content-grid-single:nth-last-child(2):nth-child(odd) {
    border-bottom: none !important;
  }

  .content-grid-single:nth-last-child(2):nth-child(even) {
    border-bottom: 1px solid #fff !important;
  }

  .content-grid-single:nth-child(3n+3) {
    border-right: 1px solid #fff !important;
  }

  .content-grid-single:nth-child(2n+2) {
    border-right: none !important;
  }

  /*------------------------------------*\
    END CONTENT PRODUCT GRID (RASTER)
\*------------------------------------*/

  /*------------------------------------*\
    START GRID 3 IMAGES TEXT (HOME)
\*------------------------------------*/

  .section-grid {
    height: auto;
    min-height: unset;
  }

  /*------------------------------------*\
END GRID 3 IMAGES TEXT (HOME)
\*------------------------------------*/
}

@media (max-width: 900px) {
  .usp-2 {
    display:none !important;
  }

  .widgets-footer {
    padding-top: 50px;
  }

  .footer .single-widget-3 {
    margin-top: 0px;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
    font-size: 16px;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .single-widget-3 h2 {
    font-size: 16px;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .single-widget-3-inner {
    --tw-bg-opacity: 1;
    background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1));
    padding: 0px;
  }

  .single-widget-3:before,
    .single-widget-3-outer:before {
    display: none;
  }
}

@media (max-width: 768px) {
  .footer .menu a,
.footer .single-widget a,
.footer .single-widget li,
.footer .single-widget p {
    font-size:13px;
  }

  /*------------------------------------*\
    START CUSTOM PRODUCT GRID (HOME)
\*------------------------------------*/

  .container-customproductgrid {
    display: block;
  }

  .container-customproduct-single {
    float:left;
    width:calc(50% - 20px);
    margin-right:20px;
    margin-bottom: 20px;
  }

  .container-customproduct-single:nth-child(2n+2) {
    margin-right:0px;
  }

  .container-customproduct-single img {
    hheight: 225px;
  }

  .label-outer img.label,
.container-customproduct-single img.label {
    width: 150px;
  }

  .container-customproduct-grid-img:after {
    content:none;
  }

  /*------------------------------------*\
    END CUSTOM PRODUCT GRID (HOME)
\*------------------------------------*/

  /*------------------------------------*\
    START PORTFOLIO GRID (HOME)
\*------------------------------------*/

  .portfolio-grid {
    grid-template-rows: 50px 140px 50px 40px 200px;
  }

  /*------------------------------------*\
    END PORTFOLIO GRID (HOME)
\*------------------------------------*/

  .wrap-cut-peach:after {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 219 163 / var(--tw-bg-opacity, 1)) !important;
  }

  .small-content {
    padding-left: 0%;
    padding-right: 0%;
  }

  .blog-section {
    background-image: hidden !important;
    background: #d8f6e5;
  }

  .bg-single-blog {
    background-position: -75% 60%;
    background-size: 75%;
  }

  /*------------------------------------*\
    START WOOCOMMERCE CSS
\*------------------------------------*/

  .woocommerce-ordering {
    float: left !important;
    width: 100% !important;
  }

  .woocommerce .woocommerce-ordering select {
    text-align: left !important;
    border: 1px solid gray;
    padding-top: 7px !important;
  }

  .woocommerce .woocommerce-result-count {
    font-weight: 700;
  }

  .cart_totals {
    margin-top: 20px;
  }

  .usp-2 {
    display:none !important;
  }

  /*------------------------------------*\
    START WOOCOMMERCE CSS
\*------------------------------------*/
}

@media (max-width: 640px) {
  /*------------------------------------*\
    START CUSTOM CSS
\*------------------------------------*/

  .logo {
    width: 180px;
  }

  .logo img {
    max-width: 160px;
  }

  .middle-header .search {
    width: 180px;
    margin-right:0px;
  }

  .single .post-thumbnail {
    width: 100%;
    padding-right:0px;
  }

  .usp-4 {
    display:none !important;
  }

  .section-grid:after {
    height: 60px;
  }

  /*------------------------------------*\
    END CUSTOM CSS
\*------------------------------------*/

  .content-slider-hoog h2 {
    font-size: 24px;
  }

  .content-slider-hoog p {
    font-size: 16px;
    margin-bottom: 20px;
  }

  /*------------------------------------*\
    START CUSTOM PRODUCT GRID (HOME)
\*------------------------------------*/

  /* 
.container-customproduct-single {
    width: 100%;
    margin-right:0px;
}
.container-customproduct-single:nth-child(2n+2) {
    margin-right:0px;
} */

  .container-customproduct-grid-img:after {
    height: 200px;
    top: 17px;
    width: 200px;
  }

  /*------------------------------------*\
    END CUSTOM PRODUCT GRID (HOME)
\*------------------------------------*/

  /*------------------------------------*\
    START PORTFOLIO GRID (HOME)
\*------------------------------------*/

  .portfolio-grid {
  }

  .portfolio-grid-single {
    float:left;
    width:calc(50% - 10px);
  }

  .portfolio-grid-single:nth-child(even) {
    margin-right:0px;
  }

  /*------------------------------------*\
    END PORTFOLIO GRID (HOME)
\*------------------------------------*/

  .section-grid {
    background-image: none !important;
    background-color: #8ee4e4;
    height: auto;
  }

  .section-grid:before {
    height: 101px;
    top: -1px;
  }

  .section-grid-5-img {
    background-color: #ffdba3;
    background-image: none!important;
    height: auto;
  }

  /*------------------------------------*\
    START SLIDER REVIEW (HOME)
\*------------------------------------*/

  .bg-slider-review {
    background-position: 50%;
    background-size: 200px;
    height: 300px !important;
  }

  .slider-review p {
    line-height: 26px;
  }

  /*------------------------------------*\
END SLIDER REVIEW (HOME)
\*------------------------------------*/

  /*------------------------------------*\
    START CONTENT PRODUCT GRID (RASTER)
\*------------------------------------*/

  .content-grid-single {
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .content-grid-single:nth-child(3n+1) {
    padding-left: 20px !important;
  }

  .content-grid-single:nth-last-child(2):nth-child(3n+1),
.content-grid-single:nth-last-child(2):nth-child(3n+2),
.content-grid-single:nth-last-child(3):nth-child(3n+1), {
    border-bottom: 1px solid #fff !important;
  }

  .content-grid-single:last-child {
    border-bottom: none !important;
  }

  .content-grid-single:nth-child(2n+2),
.content-grid-single:nth-child(3n+3) {
    border-right: none !important;
  }

  /*------------------------------------*\
    END CONTENT PRODUCT GRID (RASTER)
\*------------------------------------*/

  .woocommerce-page .woocommerce-Price-amount {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  /*------------------------------------*\
    START CUSTOM PRODUCT GRID (HOME)
\*------------------------------------*/

  .container-customproduct-single {
    wwidth: 100%;
    mmargin-right:0px;
  }

  .container-customproduct-single:nth-child(2n+2) {
    margin-right:0px;
  }

  /* .container-customproduct-grid-img:after {
    height: 200px;
    top: 17px;
    width: 200px;
} */

  .container-customproduct-single img {
    height: 100%;
    width: 100%;
  }

  .label-outer {
    top: 50px!important;
  }

  .container-customproduct-grid-title {
    min-height: 55px;
  }

  /*------------------------------------*\
    END CUSTOM PRODUCT GRID (HOME)
\*------------------------------------*/

  picture img.alignright,
picture img.alignleft {
    float:left;
    width:100%;
    padding:0px;
    margin-top:10px;
    margin-bottom: 10px;
  }
}

@media (max-width: 360px) {
  .content-slider-hoog h2 {
    font-size: 22px;
  }
}

/*------------------------------------*\
    END RESPONSIVE CSS
\*------------------------------------*/

.submit-form-top button:disabled {
  opacity:0.5;
}

.conf-products .submit-form-top h4 {
  font-size: 22px !important;
}

.step.step5 h3 {
  background-size: 44px !important;
}

.single.single-product h2 {
  font-size: 32px;
}

.single.single-product h3 {
  font-size: 28px;
}

h4,
.single.single-product h4 {
  font-size: 26px;
}

h5,
.single.single-product h5 {
  font-size: 24px;
}

.btn-quick {
  display:none !important;
}

.mailchimp-newsletter {
  display:none;
}

.hidden-menu-link > a {
  display:none !important;
}

.template-sidebar-keuzewijzer,
.content-img-photo-grid {
  -moz-column-gap: 80px;
       column-gap: 80px;
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.button-grid {
  display:grid;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap:20px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.button-grid .btn {
  width:100%;
  text-align:   text-center !important;
  padding: 25px 20px!important;
  align-items: center;
  justify-content: center;
  display: inline-flex !important;
}

.btn-blauw {
  background-color: #8ee4e4 !important;
}

.btn-groen {
  background-color: #d7f6e4 !important;
}

.btn-roze {
  background-color: #ffbeb8 !important;
}

.content-img-photo-grid {
  -moz-column-gap: 40px;
       column-gap: 40px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.content-img-photo-grid > .content {
  grid-column: span 3 / span 3;
}

.keuzewijzer-content {
  grid-column: span 3 / span 3;
}

.content-img-photo-grid > .img {
  grid-column: span 1 / span 1;
}

.keuzewijzer-sidebar {
  grid-column: span 2 / span 2;
}

.keuzewijzer-sidebar .product-custom-grid {
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.keuzewijzer-sidebar .woocommerce-loop-product__title {
  font-size: 14px!important;
  margin-bottom: 5px!important;
}

.small-img-header-hoog-mobile {
  display:none;
}

.keuzewijzer-sidebar {
  background: #d7f6e4;
  padding:20px;
  display: flex;
  flex-flow: column;
}

.keuzewijzer-sidebar h2,
.keuzewijzer-sidebar h3 {
  font-size:24px;
}

.keuzewijzer-sidebar .product-custom-grid {
  margin-bottom:30px;
}

.keuzewijzer-sidebar .product-custom-grid .product {
  background:#fff;
  padding:20px;
}

.keuzewijzer-sidebar .product-custom-grid .product .label-outer {
  left:-8px !important;
  top: 50px!important;
}

.keuzewijzer-sidebar .product-custom-grid .product .label-outer img {
  width:140px;
}

.keuzewijzer-sidebar .product-custom-grid .product .label-outer span {
  left: 5px !important;
  top: 14px !important;
}

.keuzewijzer-sidebar .product-custom-grid .product .woocommerce-Price-amount {
  color:#b59f62;
  font-size: 14px;
}

.whatsapp-footer {
  right: 25px !important;
  width: 60px !important;
  height: 60px !important;
  bottom: 100px !important;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  background: #97ce83;
  z-index:10000;
}

.whatsapp-footer .fa-whatsapp:before {
  font-size: 30px;
}

.whatsapp-footer a {
  display:flex;
}

.grid-cats {
  gap: 40px;
}

li#menu-item-4884 {
  position: relative;
}

li#menu-item-4884:after {
  content: '';
  position: absolute;
  background-color:#000;
  width:2px;
  height:100%;
  bottom:0px;
  right: 30px;
  z-index: 10000;
}

li.has-mega-menu:hover>.sub-menu {
  grid-template-columns: repeat(auto-fit,minmax(20%,1fr)) !important;
}

.woocommerce-variation-description p {
  font-weight:bold;
  font-size: 20px;
  margin-bottom:0px;
}

.woo-variation-swatches.wvs-show-label .variations th {
  display:flex;
}

[data-wvstooltip]:before {
  width: 100px !important;
  height: 100px !important;
  top: 0px !important;
  display: flex !important;
  align-items: center !important;
  background: rgba(0,0,0,0.4) !important;
}

@media only screen and (min-width: 1024px) {
  li.menu-item-6036:before {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    content: "|";
  }
}

.product-type-simple .quantity .qty {
  width:150px;
}

.VN_Configuration_Summary_Table .cart-image-s img {
  width:32px;
}

.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table td.produc-quantity {
  padding-top:50px;
}

.woocommerce-store-notice,
p.demo_store {
  background-color: #ffbeb8;
  position:fixed;
  color:#000;
}

.woocommerce-store-notice a,
p.demo_store a {
  color:#000;
}

.woocommerce td.product-name dl.variation{
  padding-left:0;
}

.vn_out_of_stock {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff !important;
}

.wpcss-products .levertijd-cart-container,
.woocommerce-checkout .component_table_item_indent .wc-item-meta,
.wc-item-meta .levertijd,
.woocommerce-checkout .levertijd-cart-container,
.woocommerce-cart .levertijd-cart-container,
.component_table_item .levertijd-cart-container{
  display:none!important;
}

.wpcss-products img{
  max-width:100px;
}

.wpcss-copy-label{
  margin-right:10px;
}

#wpcss_copy_btn{
  margin-left: 20px;
  padding: 15px 25px!important;
  font-size: 14px!important;
}

.iconic-wsb-modal--narrow{
  max-width: 1000px;
}

.iconic-wsb-modal--narrow .iconic-wsb-modal-product__add-to-cart a.button{
  width:100%;
  padding:20px!important;
}

.iconic-wsb-modal--narrow .woocommerce-Price-amount{
  font-size:20px!important;
}

.iconic-wsb-modal-product__title{
  min-height:45px;
}

.wpcss-products .wpcss-checkbox-all,
.wpcss-products .wpcss-checkbox{
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #dedede;
  box-sizing: border-box;
  clear: none;
  color: #222;
  cursor: pointer;
  display: inline-block;
  height: 16px!important;
  line-height: 0;
  margin: -2px 10px 0 0;
  min-width: 16px;
  outline: 0;
  padding: 0!important;
  text-align: center;
  transition: border-color .05s ease-in-out;
  vertical-align: middle;
  width: 16px!important;
}

.wpcss-products .wpcss-checkbox-all,:checked:before,
.wpcss-products .wpcss-checkbox:checked:before{
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1eaa6a;
  content: "\f00c";
  display: inline-block;
  font-family: Font Awesome\ 5 Free;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 3px;
  margin: 5px 0 0;
  vertical-align: middle;
  width: 14px;
}

.measurement-service-info {
  position: relative !important;
  height: auto !important;
  width: 100% !important;
}

.measurement-service-info a {
  position: absolute !important;
  right: 0px !important;
  top: 0px !important;
  height: 100% !important;
  width: 100% !important;
}

.measurement-service-info h4 {
  margin-bottom: 8px !important;
}

.measurement-service-info img {
  display: block !important;
  height: auto !important;
  width: 100% !important;
}

@media only screen and (max-width: 1450px) {
  .template-sidebar-keuzewijzer{
    -moz-column-gap: 20px;
         column-gap: 20px;
  }

  .keuzewijzer-sidebar .product-custom-grid .product {
    padding: 10px;
  }
}

@media only screen and (max-width: 1250px) {
  .keuzewijzer-sidebar .product-custom-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 20px!important;
  }
}

@media only screen and (max-width: 1024px) {
  .btn-quick {
    display:inline-flex !important;
  }

  .button-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .button-grid .btn {
    margin-bottom:20px;
  }

  .template-sidebar-keuzewijzer{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    -moz-column-gap: 0px;
         column-gap: 0px;
  }

  .keuzewijzer-sidebar .product-custom-grid{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .keuzewijzer-sidebar .product-custom-grid .product .label-outer {
    left: -41px !important;
  }

  .keuzewijzer-sidebar .product-custom-grid .product .label-outer img {
    height:40px !important;
  }

  .keuzewijzer-sidebar .product-custom-grid .product .label-outer span {
    left: 46px!important;
    top: 9px!important;
    font-size:10px !important;
    font-weight:400 !important;
  }

  .keuzewijzer-sidebar {
    padding-bottom:0px !important;
    height: auto !important;
  }

  .keuzewijzer-sidebar img.alignright {
    margin-bottom:0px !important;
  }

  .keuzewijzer-sidebar p {
    margin-bottom:0px !important;
  }
}

@media only screen and (max-width: 768px) {
  .single.single-product h2 {
    font-size: 28px;
  }

  .single.single-product h3 {
    font-size: 26px;
  }

  h4,
    .single.single-product h4 {
    font-size: 24px;
  }

  h5,
    .single.single-product h5 {
    font-size: 22px;
  }

  .keuzewijzer-sidebar .product-custom-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .keuzewijzer-sidebar .product-custom-grid .product .label-outer {
    left: -26px !important;
  }

  .keuzewijzer-sidebar .product-custom-grid .product .label-outer span {
    left: 28px!important;
  }
}

@media only screen and (max-width: 670px) {
  .grid-cats {
    gap: 20px;
  }

  .button-grid {
    -moz-column-gap: 0px;
         column-gap: 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

@media only screen and (max-width: 550px) {
  .header-foto-groot {
    display:none;
  }

  .content-img-photo-grid {
    -moz-column-gap: 0px;
         column-gap: 0px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .keuzewijzer-sidebar .product-custom-grid{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .content-img-photo-grid > .img {
    margin-bottom:30px;
  }

  .whatsapp-footer {
    right: 5px !important;
    width: 60px !important;
    height: 60px !important;
    bottom: 83px !important;
  }

  .keuzewijzer-sidebar .product-custom-grid .product .label-outer img {
    width: 149px;
  }

  .slider-hoog .btn {
    max-width:150px;
  }

  .small-img-header-hoog-mobile {
    display: flex !important;
    justify-content: flex-end;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 10;
  }

  .small-img-header-hoog-mobile img {
    width: 120px;
    float: right;
    justify-content: flex-end;
    display: flex;
  }
}

.ajax_add_to_cart {
  display: inline-block;
  padding: 10px 20px;
  background-color: #222;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.ajax_add_to_cart:hover {
  background-color: #ae944b;
}

.ajax_add_to_cart.loading {
  opacity: 0.7;
  cursor: wait;
}

.button.ajax_add_to_cart.add_to_cart_button.added{
  display:none !important;
}

.woocommerce .product_cat-kleurstalen .foobox{
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 0;
  }
}

.woocommerce .product_cat-kleurstalen .special-product-buttons .button {
  width: 100% !important;
  align-items: center !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  text-align: center !important;
  font-size: 14px !important;
}

.woocommerce .product_cat-kleurstalen .added_to_cart.wc-forward {
  display: inline-block !important;
  width: 100% !important;
  cursor: pointer !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1)) !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  transition-property: all !important;
  transition-duration: 500ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.woocommerce .product_cat-kleurstalen .added_to_cart.wc-forward:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)) !important;
}

@media (max-width: 768px) {
  .woocommerce .product_cat-kleurstalen .added_to_cart.wc-forward {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
}

@media (max-width: 640px) {
  .woocommerce .product_cat-kleurstalen .added_to_cart.wc-forward {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
}

.woocommerce .product_cat-kleurstalen .added_to_cart.wc-forward{
  &:before {
    padding-right: 2px;
  }
  &:before {
    font-family: 'Font Awesome 5 Free';
  }
  &:before {
    font-weight: 900;
  }
  &:before{
    content: '\f00c';
  }
}

.woocommerce .product_cat-kleurstalen .woocommerce-Price-amount {
  font-size: 16px !important;
}

/* Main container */

.outer-form-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  &.image-one {
    background: url('https://www.intershades.nl/wp-content/uploads/2021/10/header-grote-foto.jpg') no-repeat right center;
    background-size: 80% 100%;
    /* Set background width to 80% and height to 100% */
    background-position: right center;
    /* Align the image to the right */
  }
  &.image-one {
    margin-bottom: 20px;
  }
  &.image-two {
    background: url('https://www.intershades.nl/wp-content/uploads/2025/01/20240517_173307-scaled.jpg') no-repeat left center;
    background-size: 80% 100%;
    /* Set background width to 80% and height to 100% */
    background-position: left center;
    /* Align the image to the left */
  }
}

.form-container > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(6px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6px * var(--tw-space-y-reverse));
}

.form-container {
  border-radius: 6px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 40px;
  padding-right: 40px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  hr {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  hr {
    border-radius: 6px !important;
  }
  &.form-bg-one {
    max-width: 75%;
  }
  &.form-bg-one {
    align-self: flex-start;
  }
  &.form-bg-one {
    --tw-bg-opacity: 1;
    background-color: rgb(252 244 221 / var(--tw-bg-opacity, 1));
  }
  &.form-bg-one {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }
  &.form-bg-one{
    h2, h3 {
      --tw-text-opacity: 1 !important;
      color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
    }
    p {
      margin-bottom: 0px;
    }
    hr {
      --tw-border-opacity: 1 !important;
      border-color: rgb(252 244 221 / var(--tw-border-opacity, 1)) !important;
    }
  }
  &.form-bg-two {
    max-width: 75%;
  }
  &.form-bg-two {
    align-self: flex-end;
  }
  &.form-bg-two {
    --tw-bg-opacity: 1;
    background-color: rgb(255 190 184 / var(--tw-bg-opacity, 1));
  }
  &.form-bg-two{
    hr {
      --tw-border-opacity: 1 !important;
      border-color: rgb(255 190 184 / var(--tw-border-opacity, 1)) !important;
    }
  }
  h2 {
    font-size: 32px;
  }
  h2 {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }
  .inner-container {
    display: flex;
  }
  .inner-container {
    width: 100%;
  }
  .inner-container {
    flex-wrap: wrap;
  }
  .inner-container {
    justify-content: flex-start;
  }
  .inner-container {
    gap: 16px;
  }
  .inner-container{
    > span {
      width: calc(50% - 8px);
    }
    > div {
      width: calc(31.1% - 8px) !important;
    }
  }
  h3 {
    margin-bottom: 16px !important;
  }
  h3 {
    font-size: 24px !important;
  }
  h3 {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
  }
  label, p {
    margin-bottom: 4px;
  }
  label, p {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }
  .wpcf7-not-valid-tip {
    margin-top: -16px !important;
  }
  .wpcf7-not-valid-tip {
    margin-bottom: 16px !important;
  }
  .wpcf7-form-control-wrap.cf7sr-recaptcha .wpcf7-not-valid-tip,
    .file-upload-wrapper .wpcf7-not-valid-tip {
    margin-top: -0px !important;
  }
  .wpcf7-form-control-wrap.cf7sr-recaptcha .wpcf7-not-valid-tip,
    .file-upload-wrapper .wpcf7-not-valid-tip {
    margin-bottom: 16px !important;
  }
  /* Input fields */
  .form-input {
    width: 100% !important;
  }
  .form-input {
    border-radius: 6px !important;
  }
  .form-input {
    border-width: 1px !important;
  }
  .form-input {
    --tw-border-opacity: 1 !important;
    border-color: rgb(249 249 249 / var(--tw-border-opacity, 1)) !important;
  }
  .form-input {
    padding-top: 12.5px !important;
    padding-bottom: 12.5px !important;
  }
  .form-input {
    padding-left: 22.5px !important;
    padding-right: 22.5px !important;
  }
  .form-input:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .form-input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  }
  .form-input:focus {
    --tw-ring-color: rgb(255 255 255 / 0.2) !important;
  }
  /* Textarea fields */
  .form-textarea {
    width: 100% !important;
  }
  .form-textarea {
    border-radius: 6px !important;
  }
  .form-textarea {
    border-width: 1px !important;
  }
  .form-textarea {
    --tw-border-opacity: 1 !important;
    border-color: rgb(249 249 249 / var(--tw-border-opacity, 1)) !important;
  }
  .form-textarea {
    padding-top: 12.5px !important;
    padding-bottom: 12.5px !important;
  }
  .form-textarea {
    padding-left: 22.5px !important;
    padding-right: 22.5px !important;
  }
  .form-textarea:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .form-textarea:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  }
  .form-textarea:focus {
    --tw-ring-color: rgb(255 255 255 / 0.2) !important;
  }
  /* File input */
  .form-file-input {
    display: block !important;
  }
  .form-file-input {
    width: 100% !important;
  }
  .form-file-input {
    cursor: pointer !important;
  }
  .form-file-input {
    border-radius: 6px !important;
  }
  .form-file-input {
    border-width: 1px !important;
  }
  .form-file-input {
    --tw-border-opacity: 1 !important;
    border-color: rgb(249 249 249 / var(--tw-border-opacity, 1)) !important;
  }
  .form-file-input {
    padding-top: 12.5px !important;
    padding-bottom: 12.5px !important;
  }
  .form-file-input {
    padding-left: 22.5px !important;
    padding-right: 22.5px !important;
  }
  .form-file-input {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  }
  .form-file-input:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .form-file-input:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  }
  .form-file-input:focus {
    --tw-ring-color: rgb(255 255 255 / 0.2) !important;
  }
  .form-file-input #file-upload-button {
    border-radius: 6px !important;
  }
  /* Submit button */
  .form-submit {
    border-radius: 6px !important;
  }
  .form-submit {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
  }
  .form-submit {
    padding-top: 12.5px !important;
    padding-bottom: 12.5px !important;
  }
  .form-submit {
    padding-left: 22.5px !important;
    padding-right: 22.5px !important;
  }
  .form-submit {
    font-weight: 700 !important;
  }
  .form-submit {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  }
  .form-submit {
    transition-duration: 300ms !important;
  }
  .form-submit {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  }
  .form-submit:hover {
    cursor: pointer !important;
  }
  .form-submit:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  }
  .form-submit:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
  }
  .form-submit:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
  }
  .form-submit:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
  }
  .form-submit:focus {
    --tw-ring-color: rgb(255 255 255 / 0.2) !important;
  }
  /* Label text */
  .form-container label {
    margin-bottom: 2px !important;
  }
  .form-container label {
    display: block !important;
  }
  .form-container label {
    font-weight: 600 !important;
  }
  .form-container label {
    --tw-text-opacity: 1 !important;
    color: rgb(249 249 249 / var(--tw-text-opacity, 1)) !important;
  }
  /* Supporting text */
  .form-container p {
    margin-top: 1px !important;
  }
  .form-container p {
    --tw-text-opacity: 1 !important;
    color: rgb(249 249 249 / var(--tw-text-opacity, 1)) !important;
  }
  :checked:before {
    display: none !important;
  }
  /* File Upload Wrapper */
  .file-upload-wrapper {
    margin-bottom: 16px;
  }
  .file-upload-wrapper {
    display: flex;
  }
  .file-upload-wrapper {
    align-items: center;
  }
  .file-upload-wrapper {
    gap: 4px;
  }
  /* Custom styled label for upload */
  label[for^="file-upload"] {
    cursor: pointer;
  }
  label[for^="file-upload"] {
    border-radius: 6px;
  }
  label[for^="file-upload"] {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }
  label[for^="file-upload"] {
    padding-top: 12.5px;
    padding-bottom: 12.5px;
  }
  label[for^="file-upload"] {
    padding-left: 22.5px;
    padding-right: 22.5px;
  }
  label[for^="file-upload"] {
    font-weight: 700;
  }
  label[for^="file-upload"] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  label[for^="file-upload"]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1));
  }
  label[for^="file-upload"]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
  label[for^="file-upload"]:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  }
  label[for^="file-upload"]:focus {
    --tw-ring-color: rgb(255 255 255 / 0.2);
  }
  /* Display selected file name */
  .file-upload-filename {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .file-upload-filename {
    --tw-text-opacity: 1;
    color: rgb(249 249 249 / var(--tw-text-opacity, 1));
  }
  /* Hide default file input */
  input.wpcf7-form-control.wpcf7-file.inputstl {
    position: relative;
    font-size: 0px !important;
    display: inline-block;
    outline: none !important;
    width: 100%;
    height: 40px;
    /* Adjust height as needed */
    border: none;
    cursor: pointer;
  }
  /* Style the upload button using the pseudo-element */
  input.wpcf7-form-control.wpcf7-file::-webkit-file-upload-button {
    outline: none !important;
    background: url("https://www.intershades.nl/wp-content/uploads/2025/01/paperclip-duotone-thin.svg") no-repeat center center;
    width: 25px;
    height: 30px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    font-size: 0px;
    box-shadow: none !important;
    border: none;
    display: inline-block;
    margin: auto 10px auto auto;
  }
  /* Wrapper for file upload with spacing and alignment */
  .file-upload-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    /* Adjust gap for spacing */
    margin-bottom: 16px;
  }
  /* Ensure accessibility and fallback */
  input[type="file"]:focus::-webkit-file-upload-button {
    outline: 2px solid #007BFF;
    outline-offset: 2px;
  }
}

/* Set a consistent minimum height for all cards */

.container-customproduct-single {
  display: flex;
  flex-direction: column;
  min-height: 450px;
  /* Adjust this value based on your tallest card */
}

/* Make inner container fill the height */

.container-customproduct-grid-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Make title container fill available space */

.container-customproduct-grid-title {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Position the price block at the bottom */

.container-customproduct-grid-content {
  position: relative;
  margin-top: auto;
}

.menu-middle-header {
  width:100% !important;
  justify-content: end;
}

.middle-header .search {
  width:100% !important
}

.second_header_search_mob_inner input[type="search"] {
  background: #fff;
  border: 1px solid #DADADA;
  color: #737373;
  border-radius:5px
}

.second_header_search_mob_inner button.search_button {
  background: transparent
}

#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-menu-8 #mega-menu-menu-8 > li.mega-menu-item > a.mega-menu-link,
.mega-text-gold a {
  font-weight: 600 !important;
}

.logo img {
  max-width: 230px;
}

.down .middle-header {
  height: 75px !important;
}

.down .bottom-header {
  padding-top: 0px !important;
}

.down {
  padding-top: 152px;
  /* Match the actual header height */
}

:not(.down) {
  padding-top: 0;
}

.header {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
  position: relative;
}

.down .middle-header {
  display: none !important;
}

.down .header {
  opacity: 0;
  animation: fadeInHeader 0.5s ease-out 0.1s forwards;
}

:not(.down) .header {
  animation: fadeOutHeader 0.4s ease-in forwards;
}

@keyframes fadeInHeader {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOutHeader {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.header .middle-header,
  .header .bottom-header,
  .header .header-inner {
  transition: height 0.3s ease-out,
                padding 0.3s ease-out,
                margin 0.3s ease-out;
}

.header .logo img {
  transition: max-width 0.3s ease-out,
                margin 0.3s ease-out;
}

.header .search {
  transition: width 0.3s ease-out;
}

.header nav,
  .header .nav {
  transition: all 0.3s ease-out;
}

.down .header {
  transition: box-shadow 0.3s ease-out;
}

@media only screen and (max-width: 1024px) {
  .down {
    padding-top: 152px;
    /* Keep same height for mobile */
  }

  .down .middle-header {
    display: flex !important;
    transition: margin-top 0.3s ease-out,
                  height 0.3s ease-out;
  }

  .down .bottom-header {
    transition: height 0.3s ease-out,
                  background-color 0.3s ease-out,
                  padding 0.3s ease-out;
  }
}

@media only screen and (max-width: 670px) {
  .down {
    padding-top: 152px;
    /* Keep same height for small mobile */
  }

  .header-cart-badge {
    transition: left 0.3s ease-out,
                  top 0.3s ease-out;
  }

  .c-hamburger,
    .c-hamburger span {
    transition: height 0.3s ease-out;
  }

  .down .bottom-header {
    transition: height 0.3s ease-out,
                  background-color 0.3s ease-out,
                  padding-top 0.3s ease-out;
  }

  .product-slider .splide__arrow {
    bottom: -25px;
    top: unset !important;
  }

  .product-slider .splide__arrow--prev {
    left: 0px !important;
  }

  .product-slider .splide__arrow--next {
    right: 0px !important;
  }

  .product-slider .splide {
    height: 575px !important;
  }
}

.product-small-image {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.product-small-image:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  background-color: transparent !important;
}

.product-small-image img,
.thumb-image {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.product-small-image img:focus,
.thumb-image:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  background-color: transparent !important;
}

.product-small-image:focus-visible,
.product-small-image img:focus-visible,
.thumb-image:focus-visible {
  outline: none !important;
  -webkit-focus-ring-color: transparent !important;
}

.product-small-image::before,
.product-small-image::after {
  display: none !important;
}

.product-small-image {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.images-below-product-image,
.slides {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.images-below-product-image:focus,
.slides:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.product-small-image * {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.product-small-image *:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

.single.single-product .fbx-caption-title {
  display: none;
}

.product-small-image.active-thumbnail img {
  opacity: 1;
}

.product-small-image img {
  opacity: 0.5;
}

.product-small-image:nth-child(4) img {
  opacity: 0.25;
}

.product-small-image:nth-child(4) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.main-swiper .swiper-button-next,
.main-swiper .swiper-button-prev {
  top: 235px;
}

@media (max-width: 640px) {
  .main-swiper .swiper-button-next,
.main-swiper .swiper-button-prev {
    top: 175px;
  }
}

.has-product-configurator form.cart {
  display: none;
}

/* #wpc_filters_widget-2 {
    @apply hidden
} */

.wpc-filter-terms-count-0 {
  display: none;
}

.wpc-filter-title {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
}

.wpc-filter-chips-list li:before {
  display: none;
}

.wpc-filters-widget-wrapper .wpc-posts-found {
  display: none;
}

.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox] {
  --tw-border-opacity: 1;
  border-color: rgb(222 222 222 / var(--tw-border-opacity, 1));
}

.wpc-checkbox-item input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  /* Maintain the size of the checkbox */
  height: 16px;
  border: 1px solid #ccc;
  /* Optional: add border to see the checkbox outline */
  background-color: white;
  /* Optional: add background */
  outline: none;
}

.wpc-checkbox-item:before {
  display: none;
}

.wpc-checkbox-item input[type="checkbox"]:checked:before {
  margin-top: -12px;
}

.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], .wpc-filters-main-wrap li.wpc-term-item input[type=radio] {
  height: 16px;
  width: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.wpc-counter-length-2 .wpc-term-count {
  margin-left: auto;
  text-align: right;
}

.wpc-filters-main-wrap li.wpc-term-item label {
  width: 100%;
}

.wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
  --tw-border-opacity: 1;
  border-color: rgb(181 159 98 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

.wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
  border-color: #b59f62 !important;
}

.wpc-filter-chips-list a:hover .wpc-chip-remove-icon {
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

.wpc-filter-chips-list li.wpc-chip-reset-all a {
  --tw-border-opacity: 1;
  border-color: rgb(181 159 98 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1));
}

.wpc-filter-chips-list li.wpc-chip-reset-all a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.wpc-help-tip::after {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  border-color:#222 !important;
}

.sidebar-steps .sidebar-bottom .submit button,
.conf-products .submit-form button {
  border-radius: 8px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(103 159 121 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(103 159 121 / var(--tw-bg-opacity, 1)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.sidebar-steps .sidebar-bottom .submit button:hover,
.conf-products .submit-form button:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)) !important;
}

.slider-v2 .blocks-slider-outer-new {
  position: relative;
  top: -248px;
  z-index: 100;
  width: auto
}

@media (max-width: 1150px) {
  .slider-v2 .blocks-slider-outer-new {
    top: -212px;
    width: 80%;
  }
}

@media (max-width: 1024px) {
  .slider-v2 .blocks-slider-outer-new {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .slider-v2 .blocks-slider-outer-new {
    top: -100px;
  }
}

@media only screen and (max-width: 1024px) {
  .down .middle-header {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 670px) {
  .header-cart-badge {
    left: 26px;
    top: -9px;
  }

  .c-hamburger {
    height: 32px;
  }

  .c-hamburger span {
    height: 32px;
  }

  .down .bottom-header {
    height: 50px !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
    padding-top: 0px !important;
  }

  .header-foto-groot {
    display: block !important;
  }

  .logo img {
    max-width: 194px;
  }

  .slider-v2 .blocks-slider-outer-new {
    top: -70px;
  }
}

@media only screen and (max-width: 389px) {
  .slider-v2 .blocks-slider-outer-new {
    top: -50px;
  }
}

@media (max-width: 550px) {
  .max-w-wrap {
    max-width: 90% !important;
  }
}

.before\:hidden::before {
  content: var(--tw-content) !important;
  display: none !important;
}

.after\:hidden::after {
  content: var(--tw-content) !important;
  display: none !important;
}

.hover\:cursor-pointer:hover {
  cursor: pointer !important;
}

.hover\:border-gold:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(181 159 98 / var(--tw-border-opacity, 1)) !important;
}

.hover\:border-gray-dark:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(34 34 34 / var(--tw-border-opacity, 1)) !important;
}

.hover\:bg-black:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gold:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 159 98 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-gray-dark:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-green-dark:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(103 159 121 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-transparent:hover {
  background-color: transparent !important;
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:font-bold:hover {
  font-weight: 700 !important;
}

.hover\:font-normal:hover {
  font-weight: 400 !important;
}

.hover\:font-semibold:hover {
  font-weight: 600 !important;
}

.hover\:text-black:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-gold:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(181 159 98 / var(--tw-text-opacity, 1)) !important;
}

.hover\:text-white:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.hover\:no-underline:hover {
  text-decoration-line: none !important;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-4:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}

.focus\:ring-gray:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(249 249 249 / var(--tw-ring-opacity, 1)) !important;
}

.focus\:ring-white\/20:focus {
  --tw-ring-color: rgb(255 255 255 / 0.2) !important;
}

.group:hover .group-hover\:scale-105 {
  --tw-scale-x: 1.05 !important;
  --tw-scale-y: 1.05 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.data-\[active\=true\]\:border-white[data-active="true"] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)) !important;
}

.data-\[active\=true\]\:border-b-gold[data-active="true"] {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(181 159 98 / var(--tw-border-opacity, 1)) !important;
}

.data-\[active\=true\]\:bg-white[data-active="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}

.data-\[active\=true\]\:font-bold[data-active="true"] {
  font-weight: 700 !important;
}

.data-\[active\=true\]\:text-black[data-active="true"] {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

@media (max-width: 1400px) {
  .max_xxl\:-top-\[130px\] {
    top: -130px !important;
  }

  .max_xxl\:left-100 {
    left: 100px !important;
  }

  .max_xxl\:top-100 {
    top: 100px !important;
  }

  .max_xxl\:mr-16 {
    margin-right: 16px !important;
  }

  .max_xxl\:hidden {
    display: none !important;
  }

  .max_xxl\:w-5\/12 {
    width: 41.666667% !important;
  }

  .max_xxl\:w-650 {
    width: 650px !important;
  }

  .max_xxl\:w-\[80\%\] {
    width: 80% !important;
  }

  .max_xxl\:max-w-wrap-96p {
    max-width: 96% !important;
  }

  .max_xxl\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .max_xxl\:pt-40 {
    padding-top: 40px !important;
  }
}

@media (max-width: 1320px) {
  .max_xl\:left-30p {
    left: 30% !important;
  }

  .max_xl\:right-70p {
    right: 70% !important;
  }

  .max_xl\:mr-0 {
    margin-right: 0px !important;
  }

  .max_xl\:w-10\/12 {
    width: 83.333333% !important;
  }

  .max_xl\:w-5\/12 {
    width: 41.666667% !important;
  }

  .max_xl\:w-7\/12 {
    width: 58.333333% !important;
  }

  .max_xl\:w-8\/12 {
    width: 66.666667% !important;
  }

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

  .max_xl\:pr-30 {
    padding-right: 30px !important;
  }

  .max_xl\:text-12 {
    font-size: 12px !important;
  }

  .max_xl\:text-14 {
    font-size: 14px !important;
  }

  .max_xl\:text-18 {
    font-size: 18px !important;
  }

  .max_xl\:text-24 {
    font-size: 24px !important;
  }

  .max_xl\:text-\[16px\] {
    font-size: 16px !important;
  }
}

@media (max-width: 1024px) {
  .max_lg\:visible {
    visibility: visible !important;
  }

  .max_lg\:invisible {
    visibility: hidden !important;
  }

  .max_lg\:absolute {
    position: absolute !important;
  }

  .max_lg\:relative {
    position: relative !important;
  }

  .max_lg\:left-0 {
    left: 0px !important;
  }

  .max_lg\:left-10p {
    left: 10% !important;
  }

  .max_lg\:left-150 {
    left: 150px !important;
  }

  .max_lg\:left-2p {
    left: 2% !important;
  }

  .max_lg\:left-50 {
    left: 50px !important;
  }

  .max_lg\:right-0 {
    right: 0px !important;
  }

  .max_lg\:top-0 {
    top: 0px !important;
  }

  .max_lg\:top-30 {
    top: 30px !important;
  }

  .max_lg\:top-50 {
    top: 50px !important;
  }

  .max_lg\:top-96p {
    top: 96% !important;
  }

  .max_lg\:z-10 {
    z-index: 10 !important;
  }

  .max_lg\:z-50 {
    z-index: 50 !important;
  }

  .max_lg\:order-1 {
    order: 1 !important;
  }

  .max_lg\:order-2 {
    order: 2 !important;
  }

  .max_lg\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }

  .max_lg\:float-left {
    float: left !important;
  }

  .max_lg\:mb-10 {
    margin-bottom: 10px !important;
  }

  .max_lg\:mb-100 {
    margin-bottom: 100px !important;
  }

  .max_lg\:mb-150 {
    margin-bottom: 150px !important;
  }

  .max_lg\:mb-20 {
    margin-bottom: 20px !important;
  }

  .max_lg\:mb-30 {
    margin-bottom: 30px !important;
  }

  .max_lg\:mb-40 {
    margin-bottom: 40px !important;
  }

  .max_lg\:ml-0 {
    margin-left: 0px !important;
  }

  .max_lg\:mr-0 {
    margin-right: 0px !important;
  }

  .max_lg\:mt-0 {
    margin-top: 0px !important;
  }

  .max_lg\:mt-10 {
    margin-top: 10px !important;
  }

  .max_lg\:mt-100 {
    margin-top: 100px !important;
  }

  .max_lg\:mt-30 {
    margin-top: 30px !important;
  }

  .max_lg\:mt-40 {
    margin-top: 40px !important;
  }

  .max_lg\:block {
    display: block !important;
  }

  .max_lg\:flex {
    display: flex !important;
  }

  .max_lg\:hidden {
    display: none !important;
  }

  .max_lg\:h-0 {
    height: 0px !important;
  }

  .max_lg\:h-170 {
    height: 170px !important;
  }

  .max_lg\:h-285 {
    height: 285px !important;
  }

  .max_lg\:h-900 {
    height: 900px !important;
  }

  .max_lg\:h-auto {
    height: auto !important;
  }

  .max_lg\:max-h-170 {
    max-height: 170px !important;
  }

  .max_lg\:max-h-\[180px\] {
    max-height: 180px !important;
  }

  .max_lg\:w-100 {
    width: 100px !important;
  }

  .max_lg\:w-285 {
    width: 285px !important;
  }

  .max_lg\:w-3\/12 {
    width: 25% !important;
  }

  .max_lg\:w-5\/12 {
    width: 41.666667% !important;
  }

  .max_lg\:w-500 {
    width: 500px !important;
  }

  .max_lg\:w-6\/12 {
    width: 50% !important;
  }

  .max_lg\:w-7\/12 {
    width: 58.333333% !important;
  }

  .max_lg\:w-8\/12 {
    width: 66.666667% !important;
  }

  .max_lg\:w-96p {
    width: 96% !important;
  }

  .max_lg\:w-full {
    width: 100% !important;
  }

  .max_lg\:max-w-wrap-96p {
    max-width: 96% !important;
  }

  .max_lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .max_lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .max_lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .max_lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .max_lg\:flex-row {
    flex-direction: row !important;
  }

  .max_lg\:flex-col {
    flex-direction: column !important;
  }

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

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

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

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

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

  .max_lg\:px-10p {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }

  .max_lg\:pl-0 {
    padding-left: 0px !important;
  }

  .max_lg\:pl-60 {
    padding-left: 60px !important;
  }

  .max_lg\:pr-0 {
    padding-right: 0px !important;
  }

  .max_lg\:pr-10 {
    padding-right: 10px !important;
  }

  .max_lg\:pr-60 {
    padding-right: 60px !important;
  }

  .max_lg\:text-center {
    text-align: center !important;
  }

  .max_lg\:text-16 {
    font-size: 16px !important;
  }

  .max_lg\:text-22 {
    font-size: 22px !important;
  }

  .max_lg\:text-32 {
    font-size: 32px !important;
  }

  .max_lg\:text-\[32px\] {
    font-size: 32px !important;
  }

  .max_lg\:opacity-0 {
    opacity: 0 !important;
  }

  .max_lg\:opacity-100 {
    opacity: 1 !important;
  }
}

@media (max-width: 768px) {
  .max_md\:relative {
    position: relative !important;
  }

  .max_md\:-top-\[100px\] {
    top: -100px !important;
  }

  .max_md\:left-2p {
    left: 2% !important;
  }

  .max_md\:left-\[62px\] {
    left: 62px !important;
  }

  .max_md\:top-15 {
    top: 15px !important;
  }

  .max_md\:top-25p {
    top: 25% !important;
  }

  .max_md\:top-40 {
    top: 40px !important;
  }

  .max_md\:top-50 {
    top: 50px !important;
  }

  .max_md\:top-\[140px\] {
    top: 140px !important;
  }

  .max_md\:top-\[90\%\] {
    top: 90% !important;
  }

  .max_md\:order-1 {
    order: 1 !important;
  }

  .max_md\:order-2 {
    order: 2 !important;
  }

  .max_md\:col-span-12 {
    grid-column: span 12 / span 12 !important;
  }

  .max_md\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .max_md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .max_md\:mb-0 {
    margin-bottom: 0px !important;
  }

  .max_md\:mb-20 {
    margin-bottom: 20px !important;
  }

  .max_md\:mb-30 {
    margin-bottom: 30px !important;
  }

  .max_md\:mb-50 {
    margin-bottom: 50px !important;
  }

  .max_md\:mb-60 {
    margin-bottom: 60px !important;
  }

  .max_md\:mb-\[16px\] {
    margin-bottom: 16px !important;
  }

  .max_md\:mr-0 {
    margin-right: 0px !important;
  }

  .max_md\:mt-0 {
    margin-top: 0px !important;
  }

  .max_md\:mt-10 {
    margin-top: 10px !important;
  }

  .max_md\:mt-20 {
    margin-top: 20px !important;
  }

  .max_md\:mt-60 {
    margin-top: 60px !important;
  }

  .max_md\:flex {
    display: flex !important;
  }

  .max_md\:hidden {
    display: none !important;
  }

  .max_md\:h-130 {
    height: 130px !important;
  }

  .max_md\:h-200 {
    height: 200px !important;
  }

  .max_md\:h-50p {
    height: 50% !important;
  }

  .max_md\:h-540 {
    height: 540px !important;
  }

  .max_md\:h-650 {
    height: 650px !important;
  }

  .max_md\:h-\[190px\] {
    height: 190px !important;
  }

  .max_md\:h-\[32px\] {
    height: 32px !important;
  }

  .max_md\:h-\[430px\] {
    height: 430px !important;
  }

  .max_md\:h-\[680px\] {
    height: 680px !important;
  }

  .max_md\:h-\[700px\] {
    height: 700px !important;
  }

  .max_md\:h-\[75px\] {
    height: 75px !important;
  }

  .max_md\:h-auto {
    height: auto !important;
  }

  .max_md\:w-100 {
    width: 100px !important;
  }

  .max_md\:w-130 {
    width: 130px !important;
  }

  .max_md\:w-170 {
    width: 170px !important;
  }

  .max_md\:w-4\/12 {
    width: 33.333333% !important;
  }

  .max_md\:w-6\/12 {
    width: 50% !important;
  }

  .max_md\:w-96p {
    width: 96% !important;
  }

  .max_md\:w-full {
    width: 100% !important;
  }

  .max_md\:max-w-\[320px\] {
    max-width: 320px !important;
  }

  .max_md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .max_md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .max_md\:flex-row {
    flex-direction: row !important;
  }

  .max_md\:flex-col {
    flex-direction: column !important;
  }

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

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

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

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

  .max_md\:gap-20 {
    gap: 20px !important;
  }

  .max_md\:rounded-130 {
    border-radius: 130px !important;
  }

  .max_md\:bg-transparent {
    background-color: transparent !important;
  }

  .max_md\:bg-white {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
  }

  .max_md\:bg-none {
    background-image: none !important;
  }

  .max_md\:p-10 {
    padding: 10px !important;
  }

  .max_md\:px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .max_md\:px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .max_md\:px-\[2\%\] {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }

  .max_md\:py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .max_md\:pb-20 {
    padding-bottom: 20px !important;
  }

  .max_md\:pb-40 {
    padding-bottom: 40px !important;
  }

  .max_md\:pb-\[20px\] {
    padding-bottom: 20px !important;
  }

  .max_md\:pl-0 {
    padding-left: 0px !important;
  }

  .max_md\:pl-30 {
    padding-left: 30px !important;
  }

  .max_md\:pr-0 {
    padding-right: 0px !important;
  }

  .max_md\:pt-60 {
    padding-top: 60px !important;
  }

  .max_md\:pt-8 {
    padding-top: 8px !important;
  }

  .max_md\:text-center {
    text-align: center !important;
  }

  .max_md\:text-14 {
    font-size: 14px !important;
  }
}

@media (max-width: 640px) {
  .max_sm\:relative {
    position: relative !important;
  }

  .max_sm\:-left-\[208px\] {
    left: -208px !important;
  }

  .max_sm\:-top-\[13px\] {
    top: -13px !important;
  }

  .max_sm\:right-0 {
    right: 0px !important;
  }

  .max_sm\:right-60p {
    right: 60% !important;
  }

  .max_sm\:top-0 {
    top: 0px !important;
  }

  .max_sm\:top-20 {
    top: 20px !important;
  }

  .max_sm\:top-80 {
    top: 80px !important;
  }

  .max_sm\:top-\[175px\] {
    top: 175px !important;
  }

  .max_sm\:order-1 {
    order: 1 !important;
  }

  .max_sm\:order-2 {
    order: 2 !important;
  }

  .max_sm\:col-span-4 {
    grid-column: span 4 / span 4 !important;
  }

  .max_sm\:float-none {
    float: none !important;
  }

  .max_sm\:my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .max_sm\:-mt-\[124px\] {
    margin-top: -124px !important;
  }

  .max_sm\:mb-0 {
    margin-bottom: 0px !important;
  }

  .max_sm\:mb-10 {
    margin-bottom: 10px !important;
  }

  .max_sm\:mb-20 {
    margin-bottom: 20px !important;
  }

  .max_sm\:mb-40 {
    margin-bottom: 40px !important;
  }

  .max_sm\:mb-60 {
    margin-bottom: 60px !important;
  }

  .max_sm\:mb-\[16px\] {
    margin-bottom: 16px !important;
  }

  .max_sm\:mb-\[24px\] {
    margin-bottom: 24px !important;
  }

  .max_sm\:mr-0 {
    margin-right: 0px !important;
  }

  .max_sm\:mt-0 {
    margin-top: 0px !important;
  }

  .max_sm\:mt-30 {
    margin-top: 30px !important;
  }

  .max_sm\:mt-50 {
    margin-top: 50px !important;
  }

  .max_sm\:mt-\[76px\] {
    margin-top: 76px !important;
  }

  .max_sm\:mt-\[80px\] {
    margin-top: 80px !important;
  }

  .max_sm\:block {
    display: block !important;
  }

  .max_sm\:flex {
    display: flex !important;
  }

  .max_sm\:hidden {
    display: none !important;
  }

  .max_sm\:h-170 {
    height: 170px !important;
  }

  .max_sm\:h-300 {
    height: 300px !important;
  }

  .max_sm\:h-\[160px\] {
    height: 160px !important;
  }

  .max_sm\:h-\[220px\] {
    height: 220px !important;
  }

  .max_sm\:h-\[600px\] {
    height: 600px !important;
  }

  .max_sm\:h-\[818px\] {
    height: 818px !important;
  }

  .max_sm\:h-auto {
    height: auto !important;
  }

  .max_sm\:max-h-\[200px\] {
    max-height: 200px !important;
  }

  .max_sm\:min-h-\[160px\] {
    min-height: 160px !important;
  }

  .max_sm\:w-300 {
    width: 300px !important;
  }

  .max_sm\:w-6\/12 {
    width: 50% !important;
  }

  .max_sm\:w-auto {
    width: auto !important;
  }

  .max_sm\:w-full {
    width: 100% !important;
  }

  .max_sm\:max-w-\[100\%\] {
    max-width: 100% !important;
  }

  .max_sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .max_sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .max_sm\:flex-row {
    flex-direction: row !important;
  }

  .max_sm\:flex-col {
    flex-direction: column !important;
  }

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

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

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

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

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

  .max_sm\:gap-20 {
    gap: 20px !important;
  }

  .max_sm\:gap-x-10 {
    -moz-column-gap: 10px !important;
         column-gap: 10px !important;
  }

  .max_sm\:gap-y-40 {
    row-gap: 40px !important;
  }

  .max_sm\:object-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .max_sm\:object-center {
    -o-object-position: center !important;
       object-position: center !important;
  }

  .max_sm\:p-\[16px\] {
    padding: 16px !important;
  }

  .max_sm\:px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .max_sm\:px-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .max_sm\:py-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .max_sm\:py-\[32px\] {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .max_sm\:pb-0 {
    padding-bottom: 0px !important;
  }

  .max_sm\:pb-10 {
    padding-bottom: 10px !important;
  }

  .max_sm\:pb-20 {
    padding-bottom: 20px !important;
  }

  .max_sm\:pb-30 {
    padding-bottom: 30px !important;
  }

  .max_sm\:pb-60 {
    padding-bottom: 60px !important;
  }

  .max_sm\:pl-0 {
    padding-left: 0px !important;
  }

  .max_sm\:pr-20 {
    padding-right: 20px !important;
  }

  .max_sm\:pt-0 {
    padding-top: 0px !important;
  }

  .max_sm\:pt-20 {
    padding-top: 20px !important;
  }

  .max_sm\:text-center {
    text-align: center !important;
  }

  .max_sm\:text-12 {
    font-size: 12px !important;
  }

  .max_sm\:text-14 {
    font-size: 14px !important;
  }

  .max_sm\:text-15 {
    font-size: 15px !important;
  }

  .max_sm\:text-16 {
    font-size: 16px !important;
  }

  .max_sm\:text-20 {
    font-size: 20px !important;
  }

  .max_sm\:text-24 {
    font-size: 24px !important;
  }

  .max_sm\:text-\[22px\] {
    font-size: 22px !important;
  }

  .max_sm\:text-\[24px\] {
    font-size: 24px !important;
  }

  .max_sm\:font-semibold {
    font-weight: 600 !important;
  }
}

@media (max-width: 360px) {
  .max_xs\:text-10 {
    font-size: 10px !important;
  }
}

@media (max-width: 768px) {
  .max_md\:\[\&_p\]\:text-center p {
    text-align: center !important;
  }

  .max_md\:\[\&_p\]\:text-16 p {
    font-size: 16px !important;
  }

  .max_md\:\[\&_p\]\:text-\[\#444\] p {
    --tw-text-opacity: 1 !important;
    color: rgb(68 68 68 / var(--tw-text-opacity, 1)) !important;
  }
}

@media (max-width: 640px) {
  .max_sm\:\[\&_p\]\:text-center p {
    text-align: center !important;
  }
}