@font-face {
  font-family: "Raleway";
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/raleway/Raleway-LightItalic.ttf);
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/raleway/Raleway-Light.ttf);
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/raleway/Raleway-Black.ttf);
}
/*

/////////////////////////////////////////////////////
/// overrwrite them with your custom vars
/////////////////////////////////////////////////////


// layout /grid
$grid-gutter: 32px !default;
$grid-gutter-large: 48px !default;
$grid-columns: 12 !default;
$container-max-width: 1152px !default;
$container-default-width: 90% !default;
$container-small-width: 90% !default;
$container-medium-width: 85% !default;
$container-large-width: 85% !default;
$container-xlarge-width: 82% !default;
$gallery-gutter: $grid-gutter*0.125 !default;
$body-margin: 0 !default;



$breakpoints: (
  xsmall: 0,
  small: 576px,
  medium: 768px,
  large: 992px,
  xlarge: 1200px
) !default;

/////////////////////////////////////////////////////
/// colors
/////////////////////////////////////////////////////
$white:  #fff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black:  #000 !default;

// retrieve via grayscale() function
$grays: (
  100: $gray-100,
  200: $gray-200,
  300: $gray-300,
  400: $gray-400,
  500: $gray-500,
  600: $gray-600,
  700: $gray-700,
  800: $gray-800,
  900: $gray-900
) !default;

$blue:    #007bff !default;
$indigo:  #6610f2 !default;
$purple:  #6f42c1 !default;
$pink:    #e83e8c !default;
$red:     #dc3545 !default;
$orange:  #fd7e14 !default;
$yellow:  #ffc107 !default;
$green:   #00cf6e !default;
$teal:    #20c997 !default;
$cyan:    #17a2b8 !default;


// retrieve via color()
$colors: (
  blue: $blue,
  indigo: $indigo,
  purple: $purple,
  pink: $pink,
  red: $red,
  orange: $orange,
  yellow: $yellow,
  green: $green,
  teal: $teal,
  cyan: $cyan,
  white: $white,
  gray: $gray-600,
  gray-dark: $gray-800
) !default;

// retrieve via brand-color()
$brand-colors: (
  primary: $green,
  secondary: $gray-600,
  success: $blue,
  info: $cyan,
  warning: $yellow,
  danger: $red,
  light: $gray-100,
  dark: $gray-800
) !default;

$primary-color: $green !default;
$secondary-color: $gray-600 !default;

$brand-primary: $primary-color !default;
$brand-secondary: $secondary-color !default;

$link-color: $brand-primary !default;
$link-text-decoration: none !default;
$link-hover-color: $link-color !default;
$link-hover-text-decoration: underline !default;
$link-visited-color: darken($brand-primary, 10%) !default;


// fonts
$font-family-base: "Helvetica", arial, sans-serif !default;
$font-size-base: 100% !default;
$font-weight-base: 400 !default;
$line-height-base: 1.5 !default;
$body-color: $gray-900 !default;
$body-bg: $white !default;

//font sizes
$h1-font-size: 2.8rem !default;
$h2-font-size: 2rem !default;
$h3-font-size: 1.65rem !default;
$h4-font-size: 1.4rem !default;
$h5-font-size: 1.25rem !default;
$h6-font-size: 1.1rem !default;

$headings-font-family: inherit !default;
$headings-font-weight: 500 !default;
$headings-line-height: 1.1 !default;

// font colors
$headings-color: inherit !default;

//margins
$headings-margin-bottom: .75rem !default;




$dt-font-weight: 700 !default;



$label-margin-bottom: .25rem !default;

// forms

$input-bg-color: transparent !default;
$input-border: 1px solid $gray-400 !default;
$input-color: inherit !default;
$input-focus-border-color: $primary-color !default;
$input-margin: 0 0 .75rem 0 !default;


$button-settings: (
  background: $primary-color,
  border: 0 solid $primary-color,
  color: #fff,
  border-radius: 0,
  font-size: .9rem,
  font-weight: 400,
  font-family: inherit,
  padding: .5rem .75rem,
  hover-background: darken($primary-color, 8%),
  hover-color: $white,
  hover-border-color: darken($primary-color, 8%),
  transition: all 300ms ease
) !default;

$text-input-settings: (
  background: $input-bg-color,
  border: $input-border,
  border-radius: 0,
  font-size: 1rem,
  font-weight: 400,
  color: $input-color,
  font-family: $font-family-base,
  line-height: 1.2,
  padding: .25rem .5rem,
  margin: $input-margin,
  display: block,
  focus-border-color: $input-focus-border-color,
  apperance: none,
  max-width: 100%,
  width: 100%,
  outline: 1px solid $primary-color
) !default;


$select-settings: (
  display: block,
  width: 100%,
  max-width: 100%,
  padding: .75rem,
  margin: 0 0 .75rem 0,
  border: 1px solid $gray-400,
  font-size: 1rem,
  font-family: inherit,
  line-height: normal,
  color: $black,
  border-radius: 0,
  appearance: none,
  background-color: $white,
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"),
  background-size: 9px 6px,
  background-position: right .5rem center,
  background-origin: content-box,
  background-repeat: no-repeat,
  outline: 1px solid $primary-color

) !default;

$font-icons: (
  burger: "\2630",
  menu: "\2630",
  close: "\2715",
  plus: "\002B",
  mod-plus: "\02D6",
  minus: "\002D",
  mod-minus: "\02D7",
  caret: "\02C7",
  less: "\003C",
  more: "\003E",
  apo-left: "\00AB",
  apo-right: "\00BB",
  copyright: "\00A9"
) !default;

$fa-icons: (
  file: "\f15b",
  pdf: "\f1c1",
  word: "\f1c2",
  excel: "\f1c3",
  powerpoint: "\f1c4",
  image: "\f1c5",
  zip: "\f1c6",
  audio: "\f1c7",
  movie: "\f1c8"
) !default;

$processwire-defaults: false !default;
$prefixed-class-set: false !default;
$prefix: "wb" !default;


// navbar.scss
$navbar-background-color: $primary-color !default;
$navbar-height: 60px !default;
$navbar-padding: 0 .75rem !default;
$navbar-color: $white !default;
$navbar-color-hover: $white !default;
$navbar-color-current: $white !default;
$navbar-background-color-hover: darken($navbar-background-color, 5%) !default;
$navbar-background-color-current: $navbar-background-color-hover !default;

$navbar-dropdown-transition: opacity 500ms ease !default;
$navbar-dropdown-width: 260px !default;
$navbar-dropdown-background-color: $navbar-background-color !default;
$navbar-dropdown-color: $white !default;
$navbar-dropdown-color-hover: $white !default;
$navbar-dropdown-color-current: $white !default;
$navbar-dropdown-background-color-hover: darken($navbar-background-color, 5%) !default;
$navbar-dropdown-background-color-current: $navbar-background-color-hover !default;
$navbar-dropdown-line-height: 40px !default;
$navbar-dropdown-box-shadow: 2px 2px 6px rgba(0,0,0, .2) !default;


$breadcumb-color: $link-color !default;
$breadcumb-color-hover: $breadcumb-color !default;
$breadcrumb-text-decoration: none !default;
$breadcrumb-text-decoration-hover: none !default;
$breadcumb-color-current: $breadcumb-color !default;
$breadcumb-background-color: transparent !default;
$breadcrumb-margin: .5rem 0 !default;
$breadcrumb-icon: "/" !default;
$breadcrumb-icon-color: $breadcumb-color !default;
$breadcrumb-icon-margin: 0 .75rem !default;
$breadcrumb-line-height: 1.1 !default;

*/
html {
  box-sizing: border-box;
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

body {
  margin: 0;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

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

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

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

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

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #000;
  text-decoration: underline;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #000;
  text-decoration: none;
}
a:visited {
  color: #000;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

figure {
  margin: 0 0 1rem;
}

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

svg:not(:root) {
  overflow: hidden;
}

a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

th {
  text-align: left;
}

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

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

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

.nav,
.nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
}

body {
  font-family: "Raleway", sans-serif;
  font-size: 100%;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.75rem;
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
}

h1 {
  font-size: clamp(1.8rem, 3.1vw, 2.3rem);
}

h2 {
  font-size: clamp(1.5rem, 2.8vw, 2rem);
}

h3 {
  font-size: clamp(1.1rem, 2.2vw, 1.65rem);
}

h4 {
  font-size: 1.2rem;
}

h5 {
  font-size: 1.1rem;
}

h6 {
  font-size: 1.1rem;
}

a {
  color: #000;
  text-decoration: underline;
}

a:hover {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #000;
}

p,
ul,
ol {
  margin-top: 0;
  margin-bottom: 0.25rem;
}

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

.primary-background {
  background-color: #f3f3e9;
}

.secondary-background {
  background-color: #bebbb5;
}

.primary-color {
  color: #f3f3e9;
}

.secondary-color {
  color: #bebbb5;
}

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

.wb-clear-after:after,
.clear-after:after {
  content: "";
  display: table;
  clear: both;
}

.wb-nav {
  padding: 0;
  margin: 0;
  list-style: none;
}

.wb-sitemap {
  margin: 0;
}
.wb-sitemap li {
  margin: 0.5rem 0;
}
.wb-sitemap > li > .wb-sitemap {
  margin: 0;
}
.wb-sitemap > li li .wb-sitemap {
  margin: 0 0 0 2rem;
}

.wb-breadcrumb-nav {
  background-color: transparent;
  line-height: 1.1;
}
.wb-breadcrumb-nav .wb-breadcrumb {
  display: inline-block;
  margin: 0.5rem 0;
  vertical-align: middle;
  color: #000;
}
.wb-breadcrumb-nav .wb-breadcrumb a {
  color: #000;
  text-decoration: none;
  transition: all 300ms ease;
}
.wb-breadcrumb-nav .wb-breadcrumb a:hover {
  text-decoration: none;
  color: #000;
}
.wb-breadcrumb-nav .wb-breadcrumb a:visited,
.wb-breadcrumb-nav .wb-breadcrumb a:active {
  color: #000;
  text-decoration: none;
}
.wb-breadcrumb-nav .wb-breadcrumb:first-child {
  margin-left: 0;
}
.wb-breadcrumb-nav .wb-breadcrumb:after {
  content: "/";
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1;
  color: #000;
  margin: 0 0.75rem;
}
.wb-breadcrumb-nav .wb-breadcrumb:last-child:after {
  content: "";
  margin: 0;
}

.wb-navbar {
  background-color: #f3f3e9;
  line-height: 60px;
  padding: 0;
  position: relative;
  z-index: 2000;
}

.wb-navbar ul,
.wb-navbar .wb-nav,
.wb-navbar .wb-nav-item,
.wb-navbar .wb-dropdown-nav {
  list-style: none;
}
.wb-navbar ul, .wb-navbar li {
  margin: 0;
  padding: 0;
}

.wb-navbar .wb-nav {
  display: flex;
  flex-flow: row nowrap;
}
.wb-navbar .wb-nav > .wb-nav-item.wb-parent {
  position: relative;
}
.wb-navbar .wb-nav > .wb-nav-item.wb-parent .wb-dropdown-nav {
  position: absolute;
  z-index: 200;
  width: 260px;
  background-color: #f3f3e9;
  left: 0;
  top: 60px;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 500ms ease;
  display: block;
}
.wb-navbar .wb-nav > .wb-nav-item.wb-parent .wb-dropdown-nav .wb-nav-item {
  width: 100%;
}
.wb-navbar .wb-nav > .wb-nav-item.wb-parent:hover .wb-dropdown-nav {
  height: auto;
  opacity: 1;
}

.wb-navbar .wb-nav > .wb-nav-item a {
  display: block;
  padding: 0 1.25rem;
}
.wb-navbar .wb-nav > .wb-nav-item > a,
.wb-navbar .wb-nav > .wb-nav-item > a:hover,
.wb-navbar .wb-nav > .wb-nav-item > a:visited,
.wb-navbar .wb-nav > .wb-nav-item > a:active {
  color: #000;
  text-decoration: none;
}
.wb-navbar .wb-nav > .wb-nav-item:hover > a {
  color: #000;
  background-color: #eaead9;
}
.wb-navbar .wb-nav > .wb-nav-item.wb-current > a {
  color: #000;
  background-color: #eaead9;
}

.wb-navbar .wb-nav .wb-dropdown-nav {
  line-height: 40px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}
.wb-navbar .wb-nav .wb-dropdown-nav a {
  display: block;
  padding: 0 1.25rem;
}
.wb-navbar .wb-nav .wb-dropdown-nav > .wb-nav-item a,
.wb-navbar .wb-nav .wb-dropdown-nav > .wb-nav-item a:hover,
.wb-navbar .wb-nav .wb-dropdown-nav > .wb-nav-item a:visited,
.wb-navbar .wb-nav .wb-dropdown-nav > .wb-nav-item a:active {
  color: #000;
  text-decoration: none;
}
.wb-navbar .wb-nav .wb-dropdown-nav > .wb-nav-item:hover > a {
  color: #000;
  background-color: #eaead9;
}
.wb-navbar .wb-nav .wb-dropdown-nav > .wb-nav-item.wb-current > a {
  color: #000;
  background-color: #eaead9;
}

.wb-mobile-nav {
  display: block;
  background-color: #f3f3e9;
  height: 0;
  overflow: hidden;
  z-index: 2000;
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 800ms ease;
}
.wb-mobile-nav a {
  display: block;
  color: #000;
}
.wb-mobile-nav.wb-show {
  height: auto;
  opacity: 1;
  border-top: 1px solid #fff;
}
.wb-mobile-nav ul {
  padding: 0;
}
.wb-mobile-nav ul li {
  border-bottom: 1px solid #fff;
}
.wb-mobile-nav ul li.wb-mm-parent ul {
  border-top: 1px solid #fff;
}
.wb-mobile-nav ul li.wb-mm-parent ul li:last-child {
  border-bottom: 0 none;
}
.wb-mobile-nav ul li a {
  text-decoration: none;
}
.wb-mobile-nav ul li.wb-mm-current > a {
  background-color: #eaead9;
}
.wb-mobile-nav ul li a {
  line-height: 49px;
  padding: 0 10px;
}
.wb-mobile-nav ul li li a {
  padding-left: 30px;
}
.wb-mobile-nav ul li li li a {
  padding-left: 50px;
}

.wb-mobile-header {
  background-color: #f3f3e9;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 55px;
}
.wb-mobile-header .wb-menu-icon {
  height: 48px;
  display: inline-block;
  vertical-align: middle;
}
.wb-mobile-header .wb-menu-icon:before {
  content: "";
  display: inline-block;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.wb-mobile-header .wb-reveal-mobile-menu.wb-on .wb-menu-icon:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.wb-nav.wb-reveal li.wb-mm-parent {
  position: relative;
}
.wb-nav.wb-reveal li.wb-mm-parent > a {
  width: calc(100% - 48px);
}
.wb-nav.wb-reveal li.wb-mm-parent > .wb-reveal-menu-icon {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  z-index: 200;
  right: 0;
  top: 0;
}
.wb-nav.wb-reveal li.wb-mm-parent > .wb-reveal-menu-icon:before {
  content: "";
  display: inline-block;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%2013h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%20fill%3D%22%23999%22%20%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.wb-nav.wb-reveal li.wb-mm-parent > .wb-reveal-menu-icon:before {
  background-size: 80%;
}
.wb-nav.wb-reveal li.wb-mm-parent > .wb-reveal-menu-icon.wb-on:before {
  content: "";
  display: inline-block;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%2013H5v-2h14v2z%22%20fill%3D%22%23999%22%20%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.wb-nav.wb-reveal li.wb-mm-parent > .wb-reveal-menu-icon.wb-on:before {
  background-size: 80%;
}
.wb-nav.wb-reveal li.wb-mm-parent > ul {
  height: 0;
  overflow: hidden;
  border-top-width: 0;
  opacity: 0;
  transition: opacity 500ms ease;
}
.wb-nav.wb-reveal li.wb-mm-parent.wb-show > ul {
  border-top-width: 1px;
  height: auto;
  margin-top: 0;
  opacity: 1;
}

.wb-card {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #e9ecef;
  height: 100%;
  word-wrap: break-word;
  border-radius: 0;
}

.wb-card-image {
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.wb-card-title {
  margin-bottom: 0.75rem;
}

.wb-card-text {
  margin-bottom: 0.5rem;
}
.wb-card-text:last-child {
  margin-bottom: 0;
}

.wb-card-body {
  display: block;
  min-height: 1px;
  padding: 1rem;
}

.wb-container {
  max-width: 1152px;
  margin: 0 auto;
  padding: 0 0.75rem;
  width: 100%;
}
@media (min-width: 576px) {
  .wb-container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .wb-container {
    width: 85%;
  }
}
@media (min-width: 992px) {
  .wb-container {
    width: 85%;
  }
}
@media (min-width: 1200px) {
  .wb-container {
    width: 82%;
    padding: 0 2.1rem;
  }
}

.wb-row {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wb-col {
  padding: 0;
  margin: 0;
}

.wb-row {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -0.75rem;
}
@media (min-width: 1200px) {
  .wb-row {
    margin: 0 -1.05rem;
  }
}

.wb-col {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 1200px) {
  .wb-col {
    padding-right: 1.05rem;
    padding-left: 1.05rem;
  }
}
@media (min-width: 0) {
  .wb-col.wb-xsmall-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .wb-col.wb-xsmall-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .wb-col.wb-xsmall-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .wb-col.wb-xsmall-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .wb-col.wb-xsmall-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .wb-col.wb-xsmall-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .wb-col.wb-xsmall-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .wb-col.wb-xsmall-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .wb-col.wb-xsmall-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .wb-col.wb-xsmall-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .wb-col.wb-xsmall-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .wb-col.wb-xsmall-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .wb-col.wb-small-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .wb-col.wb-small-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .wb-col.wb-small-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .wb-col.wb-small-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .wb-col.wb-small-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .wb-col.wb-small-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .wb-col.wb-small-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .wb-col.wb-small-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .wb-col.wb-small-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .wb-col.wb-small-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .wb-col.wb-small-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .wb-col.wb-small-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .wb-col.wb-medium-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .wb-col.wb-medium-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .wb-col.wb-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .wb-col.wb-medium-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .wb-col.wb-medium-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .wb-col.wb-medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .wb-col.wb-medium-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .wb-col.wb-medium-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .wb-col.wb-medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .wb-col.wb-medium-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .wb-col.wb-medium-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .wb-col.wb-medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .wb-col.wb-large-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .wb-col.wb-large-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .wb-col.wb-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .wb-col.wb-large-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .wb-col.wb-large-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .wb-col.wb-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .wb-col.wb-large-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .wb-col.wb-large-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .wb-col.wb-large-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .wb-col.wb-large-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .wb-col.wb-large-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .wb-col.wb-large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .wb-col.wb-xlarge-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .wb-col.wb-xlarge-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .wb-col.wb-xlarge-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .wb-col.wb-xlarge-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .wb-col.wb-xlarge-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .wb-col.wb-xlarge-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .wb-col.wb-xlarge-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .wb-col.wb-xlarge-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .wb-col.wb-xlarge-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .wb-col.wb-xlarge-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .wb-col.wb-xlarge-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .wb-col.wb-xlarge-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

[type=text],
[type=email],
[type=date],
[type=password],
[type=number],
textarea {
  font-family: "Raleway", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: inherit;
  padding: 0.25rem 0.5rem;
  margin: 0 0 0.75rem 0;
  background: #f3f3e9;
  border: 1px solid #ced4da;
  border-radius: 0;
  display: block;
  width: 100%;
  max-width: 100%;
}
[type=text]:focus,
[type=email]:focus,
[type=date]:focus,
[type=password]:focus,
[type=number]:focus,
textarea:focus {
  border-color: #f3f3e9;
}

a.button,
button,
[type=button],
[type=submit] {
  background-color: #333;
  border: 0 solid #333;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1;
  padding: 0.5rem 0.5rem;
  text-align: center;
  text-decoration: none;
  transition: all 200ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  transition: all 300ms ease;
}
a.button:hover, a.button:focus,
button:hover,
button:focus,
[type=button]:hover,
[type=button]:focus,
[type=submit]:hover,
[type=submit]:focus {
  background-color: #474747;
  color: #fff;
  border-color: ligthen(#333, 8%);
}
a.button:disabled,
button:disabled,
[type=button]:disabled,
[type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
a.button:disabled:hover,
button:disabled:hover,
[type=button]:disabled:hover,
[type=submit]:disabled:hover {
  background-color: #f3f3e9;
}

select {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0.75rem;
  margin: 0 0 0.75rem 0;
  border: 1px solid #ced4da;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #000;
  background-color: #fff;
  border-radius: 0;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right 0.5rem center;
  background-origin: content-box;
  background-repeat: no-repeat;
}

.wb-scroll-top {
  width: 48px;
  height: 48px;
  border: 1px solid #bebbb5;
  background-color: #f3f3e9;
  box-shadow: 0 0 0 transparent;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M7.41%2015.41L12%2010.83l4.59%204.58L18%2014l-6-6-6%206%201.41%201.41z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  position: fixed;
  right: 0;
  bottom: 70px;
  display: inline-block;
  border-radius: 0;
  appearance: none;
  outline: 0 none;
  z-index: 1200;
  opacity: 0;
  transition: opacity 300ms ease;
}
@media (min-width: 768px) {
  .wb-scroll-top {
    bottom: 110px;
  }
}
.wb-scroll-top.wb-show {
  cursor: pointer;
  opacity: 0.8;
}
.wb-scroll-top.wb-show:hover {
  opacity: 1;
  outline: 0 none;
}

.wb-embed {
  position: relative;
}
.wb-embed:before {
  content: "";
  display: inline-block;
}
.wb-embed.wb-embed-16x9:before {
  padding-bottom: 56.25%;
}
.wb-embed.wb-embed-4x3:before {
  padding-bottom: 75%;
}
.wb-embed .wb-embeded-item {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(134, 142, 150, 0.5);
}

.wb-media {
  margin: 1.125rem 0;
}
.wb-media .wb-title {
  display: block;
  padding: 0 0 6px 0;
}

.wb-audio-player {
  margin: 0.25rem 0 0.5rem 0;
}
.wb-audio-player .wb-audio-player-title {
  display: block;
  margin-bottom: 0.25rem;
}

.wb-icon-pdf:before {
  content: "";
  display: inline-block;
  margin: 0 6px 0 0;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23f3f3e9%22%20d%3D%22M369.9%2097.9L286%2014C277%205%20264.8-.1%20252.1-.1H48C21.5%200%200%2021.5%200%2048v416c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V131.9c0-12.7-5.1-25-14.1-34zM332.1%20128H256V51.9l76.1%2076.1zM48%20464V48h160v104c0%2013.3%2010.7%2024%2024%2024h104v288H48zm250.2-143.7c-12.2-12-47-8.7-64.4-6.5-17.2-10.5-28.7-25-36.8-46.3%203.9-16.1%2010.1-40.6%205.4-56-4.2-26.2-37.8-23.6-42.6-5.9-4.4%2016.1-.4%2038.5%207%2067.1-10%2023.9-24.9%2056-35.4%2074.4-20%2010.3-47%2026.2-51%2046.2-3.3%2015.8%2026%2055.2%2076.1-31.2%2022.4-7.4%2046.8-16.5%2068.4-20.1%2018.9%2010.2%2041%2017%2055.8%2017%2025.5%200%2028-28.2%2017.5-38.7zm-198.1%2077.8c5.1-13.7%2024.5-29.5%2030.4-35-19%2030.3-30.4%2035.7-30.4%2035zm81.6-190.6c7.4%200%206.7%2032.1%201.8%2040.8-4.4-13.9-4.3-40.8-1.8-40.8zm-24.4%20136.6c9.7-16.9%2018-37%2024.7-54.7%208.3%2015.1%2018.9%2027.2%2030.1%2035.5-20.8%204.3-38.9%2013.1-54.8%2019.2zm131.6-5s-5%206-37.3-7.8c35.1-2.6%2040.9%205.4%2037.3%207.8z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 80%;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.wb-icon-word:before {
  content: "";
  display: inline-block;
  margin: 0 6px 0 0;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23f3f3e9%22%20d%3D%22M369.9%2097.9L286%2014C277%205%20264.8-.1%20252.1-.1H48C21.5%200%200%2021.5%200%2048v416c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V131.9c0-12.7-5.1-25-14.1-34zM332.1%20128H256V51.9l76.1%2076.1zM48%20464V48h160v104c0%2013.3%2010.7%2024%2024%2024h104v288H48zm220.1-208c-5.7%200-10.6%204-11.7%209.5-20.6%2097.7-20.4%2095.4-21%20103.5-.2-1.2-.4-2.6-.7-4.3-.8-5.1.3.2-23.6-99.5-1.3-5.4-6.1-9.2-11.7-9.2h-13.3c-5.5%200-10.3%203.8-11.7%209.1-24.4%2099-24%2096.2-24.8%20103.7-.1-1.1-.2-2.5-.5-4.2-.7-5.2-14.1-73.3-19.1-99-1.1-5.6-6-9.7-11.8-9.7h-16.8c-7.8%200-13.5%207.3-11.7%2014.8%208%2032.6%2026.7%20109.5%2033.2%20136%201.3%205.4%206.1%209.1%2011.7%209.1h25.2c5.5%200%2010.3-3.7%2011.6-9.1l17.9-71.4c1.5-6.2%202.5-12%203-17.3l2.9%2017.3c.1.4%2012.6%2050.5%2017.9%2071.4%201.3%205.3%206.1%209.1%2011.6%209.1h24.7c5.5%200%2010.3-3.7%2011.6-9.1%2020.8-81.9%2030.2-119%2034.5-136%201.9-7.6-3.8-14.9-11.6-14.9h-15.8z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 80%;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.wb-icon-excel:before {
  content: "";
  display: inline-block;
  margin: 0 6px 0 0;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23f3f3e9%22%20d%3D%22M369.9%2097.9L286%2014C277%205%20264.8-.1%20252.1-.1H48C21.5%200%200%2021.5%200%2048v416c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V131.9c0-12.7-5.1-25-14.1-34zM332.1%20128H256V51.9l76.1%2076.1zM48%20464V48h160v104c0%2013.3%2010.7%2024%2024%2024h104v288H48zm212-240h-28.8c-4.4%200-8.4%202.4-10.5%206.3-18%2033.1-22.2%2042.4-28.6%2057.7-13.9-29.1-6.9-17.3-28.6-57.7-2.1-3.9-6.2-6.3-10.6-6.3H124c-9.3%200-15%2010-10.4%2018l46.3%2078-46.3%2078c-4.7%208%201.1%2018%2010.4%2018h28.9c4.4%200%208.4-2.4%2010.5-6.3%2021.7-40%2023-45%2028.6-57.7%2014.9%2030.2%205.9%2015.9%2028.6%2057.7%202.1%203.9%206.2%206.3%2010.6%206.3H260c9.3%200%2015-10%2010.4-18L224%20320c.7-1.1%2030.3-50.5%2046.3-78%204.7-8-1.1-18-10.3-18z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 80%;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.wb-icon-image:before {
  content: "";
  display: inline-block;
  margin: 0 6px 0 0;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23f3f3e9%22%20d%3D%22M369.9%2097.9L286%2014C277%205%20264.8-.1%20252.1-.1H48C21.5%200%200%2021.5%200%2048v416c0%2026.5%2021.5%2048%2048%2048h288c26.5%200%2048-21.5%2048-48V131.9c0-12.7-5.1-25-14.1-34zM332.1%20128H256V51.9l76.1%2076.1zM48%20464V48h160v104c0%2013.3%2010.7%2024%2024%2024h104v288H48zm32-48h224V288l-23.5-23.5c-4.7-4.7-12.3-4.7-17%200L176%20352l-39.5-39.5c-4.7-4.7-12.3-4.7-17%200L80%20352v64zm48-240c-26.5%200-48%2021.5-48%2048s21.5%2048%2048%2048%2048-21.5%2048-48-21.5-48-48-48z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 80%;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.wb-icon-audio:before {
  content: "";
  display: inline-block;
  margin: 0 6px 0 0;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23f3f3e9%22%20d%3D%22M369.941%2097.941l-83.882-83.882A48%2048%200%200%200%20252.118%200H48C21.49%200%200%2021.49%200%2048v416c0%2026.51%2021.49%2048%2048%2048h288c26.51%200%2048-21.49%2048-48V131.882a48%2048%200%200%200-14.059-33.941zM332.118%20128H256V51.882L332.118%20128zM48%20464V48h160v104c0%2013.255%2010.745%2024%2024%2024h104v288H48zm144-76.024c0%2010.691-12.926%2016.045-20.485%208.485L136%20360.486h-28c-6.627%200-12-5.373-12-12v-56c0-6.627%205.373-12%2012-12h28l35.515-36.947c7.56-7.56%2020.485-2.206%2020.485%208.485v135.952zm41.201-47.13c9.051-9.297%209.06-24.133.001-33.439-22.149-22.752%2012.235-56.246%2034.395-33.481%2027.198%2027.94%2027.212%2072.444.001%20100.401-21.793%2022.386-56.947-10.315-34.397-33.481z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 80%;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.wb-icon-video:before {
  content: "";
  display: inline-block;
  margin: 0 6px 0 0;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20384%20512%22%3E%3Cpath%20fill%3D%22%23f3f3e9%22%20d%3D%22M369.941%2097.941l-83.882-83.882A48%2048%200%200%200%20252.118%200H48C21.49%200%200%2021.49%200%2048v416c0%2026.51%2021.49%2048%2048%2048h288c26.51%200%2048-21.49%2048-48V131.882a48%2048%200%200%200-14.059-33.941zM332.118%20128H256V51.882L332.118%20128zM48%20464V48h160v104c0%2013.255%2010.745%2024%2024%2024h104v288H48zm228.687-211.303L224%20305.374V268c0-11.046-8.954-20-20-20H100c-11.046%200-20%208.954-20%2020v104c0%2011.046%208.954%2020%2020%2020h104c11.046%200%2020-8.954%2020-20v-37.374l52.687%2052.674C286.704%20397.318%20304%20390.28%20304%20375.986V264.011c0-14.311-17.309-21.319-27.313-11.314z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 80%;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.wb-icon-external-link:after {
  content: "";
  display: inline-block;
  margin: 0 0 0 6px;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23f3f3e9%22%20d%3D%22M432%2C288H416a16%2C16%2C0%2C0%2C0-16%2C16V458a6%2C6%2C0%2C0%2C1-6%2C6H54a6%2C6%2C0%2C0%2C1-6-6V118a6%2C6%2C0%2C0%2C1%2C6-6H208a16%2C16%2C0%2C0%2C0%2C16-16V80a16%2C16%2C0%2C0%2C0-16-16H48A48%2C48%2C0%2C0%2C0%2C0%2C112V464a48%2C48%2C0%2C0%2C0%2C48%2C48H400a48%2C48%2C0%2C0%2C0%2C48-48V304A16%2C16%2C0%2C0%2C0%2C432%2C288ZM500%2C0H364a12%2C12%2C0%2C0%2C0-8.48%2C20.48l48.19%2C48.21L131.51%2C340.89a12%2C12%2C0%2C0%2C0%2C0%2C17l22.63%2C22.63a12%2C12%2C0%2C0%2C0%2C17%2C0l272.2-272.21%2C48.21%2C48.2A12%2C12%2C0%2C0%2C0%2C512%2C148V12A12%2C12%2C0%2C0%2C0%2C500%2C0Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 80%;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* images placed in rich text editor */
.align_left,
.align_right,
.align_center {
  display: block;
  float: none;
  margin: 1rem auto;
  max-width: 100%;
}

@media (min-width: 768px) {
  .align_left {
    float: left;
    margin: 0 1rem 0.5rem 0;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .align_right {
    float: right;
    margin: 0 0 0.5rem 1rem;
    max-width: 50%;
  }
}

@media (min-width: 768px) {
  .align_center {
    display: block;
    margin: 1em auto;
  }
}

/* pw FormBuilder */
#wrap_Inputfield- {
  display: none;
}

.FormBuilder,
.InputfieldForm {
  font-family: inherit;
}

.InputfieldStateRequired label:after {
  content: " *";
}

.Inputfield {
  margin: 0 0 0.5em 0;
}

.InputfieldSubmit {
  margin: 1em 0;
}

.InputfieldStateError,
.ui-state-error {
  color: #dc3545;
}
.InputfieldStateError p,
.ui-state-error p {
  margin: 0;
}

span.ui-state-error {
  font-size: 80%;
  font-style: italic;
}

.InputfieldStateError,
.error {
  color: #dc3545;
}
.InputfieldStateError input[type=text],
.InputfieldStateError input[type=email],
.InputfieldStateError textarea,
.error input[type=text],
.error input[type=email],
.error textarea {
  border-color: #dc3545;
}

body {
  background-color: #bebbb5;
  background-image: url(../images/guarda-kraeuter-bg.png);
  background-repeat: repeat;
  background-size: 100%;
  background-position: 50%;
}

.header {
  padding-bottom: 25px;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .header {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}
.header h1 {
  margin: 0;
}

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

.header {
  position: relative;
}

.site-title {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
}
@media (min-width: 768px) {
  .site-title {
    justify-content: flex-end;
  }
}
.site-title a.home-link {
  display: flex;
  text-decoration: none;
  color: #000;
  flex-direction: column;
  max-width: 250px;
  justify-content: center;
  align-items: center;
}
@media (min-width: 576px) {
  .site-title a.home-link {
    max-width: 320px;
  }
}
.site-title a.home-link:hover, .site-title a.home-link:visited,
.site-title a.home-link a:active {
  text-decoration: none;
  color: #000;
}
.site-title .claim {
  font-size: 1.125rem;
}
.site-title h1 {
  text-transform: uppercase;
  line-height: 1.5rem;
  font-size: 1.5rem;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
@media (min-width: 576px) {
  .site-title h1 {
    line-height: 2rem;
    font-size: 1.9rem;
  }
}

.masthead {
  display: none;
}
@media (min-width: 768px) {
  .masthead {
    display: block;
  }
}

@media (min-width: 768px) {
  .mobile-header {
    display: none;
  }
}

@media (min-width: 768px) {
  .wb-mobile-nav.mobile-nav.wb-show {
    display: none;
  }
}

.top-nav > .wb-nav {
  justify-content: flex-start;
}

.wb-breadcrumb-nav {
  display: none;
}
@media (min-width: 768px) {
  .wb-breadcrumb-nav {
    display: block;
  }
}

body {
  display: flex;
  flex-direction: column;
}

.body {
  flex: 1;
  margin-bottom: auto;
}

.body .page-title.wb-col {
  margin-bottom: 2.25rem;
  font-size: clamp(1.8rem, 3.1vw, 2.3rem);
}
@media (min-width: 768px) {
  .body .page-title.wb-col {
    font-size: clamp(1.8rem, 3.1vw, 2.3rem);
    font-size: clamp(1.8rem, 3.1vw, 2.3rem);
  }
}
@media (min-width: 992px) {
  .body .page-title.wb-col {
    margin-bottom: 3.15rem;
  }
}
@media (min-width: 1200px) {
  .body .page-title.wb-col {
    margin-bottom: 4.2rem;
  }
}

.header-main {
  margin-bottom: 1.5rem;
}

.body .page-title.wb-col {
  margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
  .body .page-title.wb-col {
    margin-bottom: 2.1rem;
  }
}

p + .sub-page-nav {
  margin-top: 1.5rem;
}

.sub-page-nav img {
  width: 100%;
  height: auto;
}
.sub-page-nav a {
  display: block;
  color: #212529;
  text-decoration: none;
}
.sub-page-nav a:visited, .sub-page-nav a:hover, .sub-page-nav a:active {
  color: #212529;
  text-decoration: none;
}
.sub-page-nav a.wb-card:hover {
  box-shadow: 0 0 8px rgba(243, 243, 233, 0.5);
}
.sub-page-nav h2 {
  font-size: clamp(1.1rem, 2.2vw, 1.65rem);
  margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
  .sub-page-nav h2 {
    font-size: clamp(1.1rem, 2.2vw, 1.65rem);
  }
}
.sub-page-nav img {
  display: block;
  margin-bottom: 0.5rem;
}

.footer {
  background: transparent;
  color: #000;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  margin-top: 1.5rem;
}
@media (min-width: 1200px) {
  .footer {
    margin-top: 2.1rem;
  }
}
.footer a {
  color: #000;
}
.footer .additionals {
  margin-top: 0.75rem;
}
.footer .additionals .additionals {
  margin-top: 0;
  display: flex;
  gap: 5px;
}
@media (min-width: 768px) {
  .footer .additionals {
    margin-top: 0;
    text-align: right;
  }
  .footer .additionals .additionals {
    margin-top: 0;
    justify-content: flex-end;
  }
}

.utilities {
  display: flex;
  gap: 1rem;
}
.utilities a {
  text-decoration: none;
}

.additionals .site-headline {
  text-transform: uppercase;
}

.logout-link,
.edit {
  position: fixed;
}
.logout-link a,
.edit a {
  background-color: #bebbb5;
  border: 0 solid #bebbb5;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1;
  padding: 0.5rem 0.5rem;
  text-align: center;
  text-decoration: none;
  transition: all 200ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  transition: all 300ms ease;
  color: #fff;
}
.logout-link a:hover, .logout-link a:focus,
.edit a:hover,
.edit a:focus {
  background-color: #a6a29a;
  color: #fff;
  border-color: #a6a29a;
}
.logout-link a:disabled,
.edit a:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.logout-link a:disabled:hover,
.edit a:disabled:hover {
  background-color: #f3f3e9;
}
.logout-link a:hover,
.edit a:hover {
  text-decoration: none;
}

.logout-link {
  right: 0;
  bottom: 10px;
}

.edit {
  right: 0;
  bottom: 50px;
}

.sub-nav-text-only li {
  margin-bottom: 1.25rem;
  font-size: clamp(1.1rem, 2.2vw, 1.65rem);
}
.sub-nav-text-only li .summary {
  font-size: 1rem;
}
.sub-nav-text-only li a:hover {
  text-decoration: none;
}

.sub-nav.widget {
  margin-bottom: 20px;
}
.sub-nav.widget a {
  text-decoration: none;
}
.sub-nav.widget a:hover {
  text-decoration: underline;
}

h2 + .gallery,
h3 + .gallery,
p + .gallery {
  margin-top: 1.5rem;
}
@media (min-width: 1200px) {
  h2 + .gallery,
  h3 + .gallery,
  p + .gallery {
    margin-top: 2.1rem;
  }
}

.gallery img.lazy-load {
  width: 100%;
  height: auto;
  background: #f8f9fa;
}

.wb-gallery {
  display: grid;
  gap: 20px;
}
@media (min-width: 576px) {
  .wb-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .wb-gallery {
    grid-template-columns: repeat(3, 1fr);
  }
}

.main-content ul.product-listing {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
}
.main-content ul.product-listing li {
  list-style: none;
}

.product-listing li {
  margin: 1rem 0;
  padding: 1rem 0;
  border-top: 1px solid #bebbb5;
}
.product-listing li a {
  display: block;
  text-decoration: none;
}
.product-listing li a:hover {
  text-decoration: none;
}
.product-listing li:last-child {
  border-bottom-width: 0;
}
.product-listing .category {
  font-size: 0.75rem;
  text-transform: uppercase;
}
.product-listing .image {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .product-listing .image {
    margin-bottom: 0;
  }
}
.product-listing .description {
  display: flex;
  flex-flow: row wrap;
}
.product-listing .description .category {
  flex: 0 1 100%;
}
.product-listing .description h3 {
  flex: 0 1 100%;
  margin: 0 0 0.375rem 0;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.product-listing .description p {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  margin-bottom: 0;
}
.product-listing a .description {
  color: #000;
  text-decoration: none;
}

.add-to-cart {
  margin-top: 0.625rem;
  font-size: 0.9375rem;
}
.add-to-cart .variation,
.add-to-cart .cart-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.375rem;
  width: 100%;
  max-width: 480px;
}
.add-to-cart .amount {
  margin-left: 20px;
  margin-right: 20px;
}
.add-to-cart .package {
  margin-left: 0;
  margin-right: auto;
}
.add-to-cart .padloper-cart-add-product {
  margin-left: 10px;
  flex: 0 0 130px;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
}
.add-to-cart .padloper-cart-add-product input[name=qty] {
  margin: 0 10px 0 0;
  text-align: right;
  max-width: fit-content;
}
@media (min-width: 992px) {
  .add-to-cart .value {
    flex: 0 1 calc(100% - 140px);
  }
}

.currency {
  margin-left: 0.25rem;
}

.single-product .variation {
  margin-bottom: 0.5rem;
}
.single-product .variation:after {
  content: "";
  display: table;
  clear: both;
}
.single-product .variation .value,
.single-product .variation form {
  vertical-align: middle;
}
.single-product .variation .value {
  margin-right: 0.5rem;
}

.product-description {
  margin-bottom: 1rem;
}
.product-description P {
  margin-bottom: 3px;
}
.product-description p {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  margin-bottom: 0;
}

.price-add-to-cart input[type=number] {
  width: 4.5rem;
  background: transparent;
  border: 1px solid #bebbb5;
  display: inline-block;
  padding: 0.45rem;
  line-height: 1;
  font-size: 1rem;
  margin-right: 0.25rem;
}

.product-images {
  margin-bottom: 1rem;
}

.basket,
input.basket,
.button {
  background-color: #333 !important;
  border: 0 none;
  color: #fff;
  text-decoration: none;
  border-radius: 0;
  appearance: none;
  padding: 0.5rem 0.5rem;
  display: inline-block;
  transition: all 300ms ease;
  line-height: 1;
  font-size: 1rem;
  height: auto;
}
.basket:hover,
input.basket:hover,
.button:hover {
  text-decoration: none;
  color: #fff;
  background-color: #474747;
}
.basket:focus, .basket:active, .basket:visited,
input.basket:focus,
input.basket:active,
input.basket:visited,
.button:focus,
.button:active,
.button:visited {
  color: #fff;
  text-decoration: none;
  outline: 0 none;
}

.more-shopping a,
button.button,
input[type=submit] {
  background-color: #333 !important;
  border: 0 none;
  color: #fff;
  text-decoration: none;
  border-radius: 0;
  appearance: none;
  padding: 0.5rem 0.5rem;
  display: inline-block;
  transition: all 300ms ease;
  line-height: 1;
  font-size: 1rem;
  height: auto;
}
.more-shopping a:hover,
button.button:hover,
input[type=submit]:hover {
  text-decoration: none;
  color: #fff;
  background-color: #474747;
}
.more-shopping a:focus, .more-shopping a:active, .more-shopping a:visited,
button.button:focus,
button.button:active,
button.button:visited,
input[type=submit]:focus,
input[type=submit]:active,
input[type=submit]:visited {
  color: #fff;
  text-decoration: none;
  outline: 0 none;
}

table {
  width: 100%;
}

.padloper-cart-qty-and-price,
.padloper-cart-totalrow td:last-child {
  text-align: right;
  white-space: nowrap;
}

.basket-view.widget {
  border: 1px solid #bebbb5;
  padding: 12px;
}
.basket-view.widget h3 {
  margin: 0 0 0.2rem 0;
  font-size: 1.1rem;
}
.basket-view.widget td {
  font-size: 0.9rem;
}
.basket-view.widget .to-cart a {
  display: inline-block;
  background-color: #333 !important;
  border: 0 none;
  color: #fff;
  text-decoration: none;
  border-radius: 0;
  appearance: none;
  padding: 0.5rem 0.5rem;
  display: inline-block;
  transition: all 300ms ease;
  line-height: 1;
  font-size: 1rem;
  height: auto;
}
.basket-view.widget .to-cart a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #474747;
}
.basket-view.widget .to-cart a:focus, .basket-view.widget .to-cart a:active, .basket-view.widget .to-cart a:visited {
  color: #fff;
  text-decoration: none;
  outline: 0 none;
}
.basket-view.widget .to-cart a .fa {
  margin-left: 0.5rem;
  font-size: 1rem;
}

.padloper-editcart table {
  width: auto;
}
.padloper-editcart table td {
  padding: 5px 10px;
}
.padloper-editcart table td:first-child {
  padding-left: 0;
}

.to-checkout {
  margin: 1rem 0 0 0;
}
.to-checkout a {
  background-color: #333 !important;
  border: 0 none;
  color: #fff;
  text-decoration: none;
  border-radius: 0;
  appearance: none;
  padding: 0.5rem 0.5rem;
  display: inline-block;
  transition: all 300ms ease;
  line-height: 1;
  font-size: 1rem;
  height: auto;
}
.to-checkout a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #474747;
}
.to-checkout a:focus, .to-checkout a:active, .to-checkout a:visited {
  color: #fff;
  text-decoration: none;
  outline: 0 none;
}
.to-checkout a .fa {
  margin-left: 0.5rem;
  font-size: 1rem;
}

.more-shopping a {
  display: inline-block;
  background-color: #333 !important;
  border: 0 none;
  color: #fff;
  text-decoration: none;
  border-radius: 0;
  appearance: none;
  padding: 0.5rem 0.5rem;
  display: inline-block;
  transition: all 300ms ease;
  line-height: 1;
  font-size: 1rem;
  height: auto;
  margin-right: 1rem;
}
.more-shopping a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #474747;
}
.more-shopping a:focus, .more-shopping a:active, .more-shopping a:visited {
  color: #fff;
  text-decoration: none;
  outline: 0 none;
}
.more-shopping a .fa {
  margin-right: 0.5rem;
  font-size: 1rem;
}

.shopping-or-checkout {
  padding-top: 1.75rem;
}

table {
  width: 100%;
}

.padloper-cart-qty-and-price,
.padloper-cart-totalrow td:last-child {
  text-align: right;
}

.basket-view.widget h3 {
  margin: 0 0 0.2rem 0;
  font-size: 1.1rem;
}
.basket-view.widget td {
  font-size: 0.9rem;
}
.basket-view.widget .to-cart a {
  display: inline-block;
  background-color: #333 !important;
  border: 0 none;
  color: #fff;
  text-decoration: none;
  border-radius: 0;
  appearance: none;
  padding: 0.5rem 0.5rem;
  display: inline-block;
  transition: all 300ms ease;
  line-height: 1;
  font-size: 1rem;
  height: auto;
}
.basket-view.widget .to-cart a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #474747;
}
.basket-view.widget .to-cart a:focus, .basket-view.widget .to-cart a:active, .basket-view.widget .to-cart a:visited {
  color: #fff;
  text-decoration: none;
  outline: 0 none;
}
.basket-view.widget .to-cart a .fa {
  margin-left: 0.5rem;
  font-size: 1rem;
}

.padloper-editcart table {
  width: auto;
}
.padloper-editcart table td {
  padding: 5px 10px;
}
.padloper-editcart table td:first-child {
  padding-left: 0;
}

.to-checkout {
  margin: 1rem 0 0 0;
}
.to-checkout a .fa {
  margin-left: 0.5rem;
  font-size: 1rem;
}

.more-shopping a {
  margin-right: 1rem;
}
.more-shopping a .fa {
  margin-right: 0.5rem;
  font-size: 1rem;
}

.shopping-or-checkout {
  padding-top: 1.75rem;
}

ul.InputfieldRadiosStacked {
  margin: 0;
  padding: 0;
}
ul.InputfieldRadiosStacked li {
  list-style: none;
  margin: 0;
}

span.empty-cart {
  display: block;
  margin-bottom: 1rem;
}

span.go-shopping a {
  color: #fff;
  background: #f3f3e9;
  text-decoration: none;
  padding: 0.5rem 0.75rem;
}
span.go-shopping a .fa {
  margin-left: 0.5rem;
}

.order-summary {
  overflow-x: scroll;
}
.order-summary table.inventory {
  font-size: 0.9rem;
}
.order-summary table.inventory .item {
  text-align: left;
  padding-right: 6px;
}
.order-summary table.inventory .quantity,
.order-summary table.inventory .price,
.order-summary table.inventory .rate {
  text-align: right;
  padding-right: 6px;
}
.order-summary table.inventory .price {
  padding-right: 0;
}
.order-summary table.inventory .quantity {
  text-align: center;
}
.order-summary table.balance {
  min-width: 100%;
  margin: 5px 0;
  font-size: 0.9rem;
  border-top: 1px solid #000;
}
.order-summary table.balance .price-total {
  text-align: right;
  font-weight: bold;
}
.order-summary table.balance .total {
  text-align: left;
}

table.meta {
  text-align: left;
  width: auto;
  margin: 2rem 0;
}
table.meta th {
  padding-right: 1rem;
}

.page-checkout button.button {
  float: left;
}
.page-checkout button + form input[type=submit] {
  margin-left: 1.25rem;
}

.padloper-cart {
  font-size: 0.9375rem;
  margin-bottom: 1.5rem;
}
.padloper-cart .padloper-cart-remove input {
  margin-right: 4px;
}
.padloper-cart .padloper-cart-totalrow td:last-child {
  border-top: 1px solid #000;
  font-weight: bold;
}

.gk-cart td:first-child {
  padding-right: 10px;
}
.gk-cart td {
  vertical-align: top;
}

.order-summary {
  margin-bottom: 20px;
}

.filter {
  margin-bottom: 26px;
}

.user-message {
  padding: 5px;
  margin: 5px 0;
  border: 1px dotted #bebbb5;
}

.gk-cart-edit label {
  margin: 0;
}
.gk-cart-edit .padloper-cart-product {
  padding-right: 20px;
}
.gk-cart-edit .padloper-cart-qty-and-price input {
  text-align: right;
  padding: 0 5px;
  margin-right: 3px;
}
.gk-cart-edit .padloper-cart-x {
  margin-right: 3px;
}
.gk-cart-edit .padloper-cart-subprice {
  margin-left: 16px;
}
.gk-cart-edit .padloper-cart-remove {
  white-space: nowrap;
}
.gk-cart-edit .padloper-cart-remove input {
  margin-right: 5px;
}
.gk-cart-edit .padloper-cart-remove input,
.gk-cart-edit .padloper-cart-remove label {
  vertical-align: middle;
}

.order-summary table.inventory .quantity {
  text-align: right;
}

.customer {
  margin-bottom: 1rem;
}

.wb-mobile-nav .wb-close-mobile-menu.wb-on {
  display: none;
}

.ce-item {
  margin-bottom: 1.5rem;
}
.ce-item p,
.ce-item li {
  font-size: clamp(1rem, 2vw, 1.3rem);
}

.page-1 .top-nav,
.page-1 .header,
.page-1 .footer,
.page-1 .page-title,
.page-1 .header-main {
  display: none;
}
.page-1 .legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.page-1 .body {
  min-height: 100vh;
  min-height: 100svh;
  height: 100vw;
  align-items: center;
  justify-content: center;
}
.page-1 .body > .wb-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
.page-1 .body .main-content {
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
}
.page-1 .body .ce-item.is-home {
  text-align: center;
}
.page-1 .body .ce-item.is-home h3 {
  text-transform: uppercase;
  font-size: clamp(1.5rem, 4vw, 2.4rem);
  letter-spacing: 3px;
  margin-bottom: 2px;
}
.page-1 .body .ce-item.is-home a {
  text-decoration: none;
  display: block;
}
.page-1 .body .ce-item.is-home a img {
  width: 320px;
}
@media (min-width: 768px) {
  .page-1 .body .ce-item.is-home a img {
    width: 420px;
  }
}

.mb-s {
  margin-bottom: 10px;
}

.mb-m {
  margin-bottom: 20px;
}

.mb-l {
  margin-bottom: 30px;
}

.mt-s {
  margin-top: 10px;
}

.mt-m {
  margin-top: 20px;
}

.mt-l {
  margin-top: 30px;
}

.wb-sitemap a {
  text-decoration: none;
}

.ce h3 {
  margin-top: 30px;
}

.swiper {
  --swiper-pagination-bottom: 0px;
  --swiper-pagination-color: rgb(139, 112, 22);
  --swiper-navigation-sides-offset: -10px;
  --swiper-scrollbar-bottom: 0;
}
.swiper.product-images {
  padding: 0 0 20px 0;
}

/**
 * Swiper 11.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 13, 2024
 */
/* FONT_START */
@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");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

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

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

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

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

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

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

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

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

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

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

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

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

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

.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%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

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

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

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 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-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

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

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

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

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

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

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

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.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(0.66);
}

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

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

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

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-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: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

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

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

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

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

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

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

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

.swiper-scrollbar-lock {
  display: none;
}

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

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

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

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

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

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

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

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */
.swiper-flip {
  overflow: visible;
}

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

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

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

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}