.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: 0 !important;
  -webkit-backface-visibility: hidden
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.mfp-align-top .mfp-container:before {
  display: none
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto
}

.mfp-ajax-cur {
  cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
  cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.mfp-loading.mfp-figure {
  display: none
}

.mfp-hide {
  display: none !important
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}

.mfp-preloader a {
  color: #ccc
}

.mfp-preloader a:hover {
  color: #fff
}

.mfp-s-ready .mfp-preloader {
  display: none
}

.mfp-s-error .mfp-content {
  display: none
}

button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation
}

button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
  opacity: 1
}

.mfp-close:active {
  top: 1px
}

.mfp-close-btn-in .mfp-close {
  color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap
}

.mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
  margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7
}

.mfp-arrow-left {
  left: 0
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
  right: 0
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}

.mfp-iframe-holder .mfp-close {
  top: -40px
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto
}

.mfp-figure {
  line-height: 0
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #444
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}

.mfp-figure figure {
  margin: 0
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px
}

.mfp-image-holder .mfp-content {
  max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0
  }
}

@media all and (max-width:900px) {
  .mfp-arrow {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd
}

*,
::after,
::before {
  box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font: 400 1.125rem/var(--bs-body-line-height) "Visby CF", sans-serif;
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  line-height: 2;
  display: flex;
  flex-direction: column
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: .25
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}

h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {
  h1 {
    font-size: 2.5rem
  }
}

h2 {
  font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {
  h2 {
    font-size: 2rem
  }
}

h3 {
  font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {
  h3 {
    font-size: 1.75rem
  }
}

h4 {
  font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {
  h4 {
    font-size: 1.5rem
  }
}

h5 {
  font-size: 1.25rem
}

h6 {
  font-size: 1rem
}

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

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

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

ol,
ul {
  padding-left: 2rem
}

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

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

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: .875em
}

mark {
  padding: .1875em;
  background-color: var(--bs-highlight-bg)
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  text-decoration: underline;
  color: #0d6efd;
  text-decoration: none
}

a:hover {
  color: var(--bs-link-hover-color)
}

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

code,
kbd,
pre,
samp {
  font: 1em var(--bs-font-monospace)
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

code {
  font-size: .875em;
  color: var(--bs-code-color);
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: .25rem
}

kbd kbd {
  padding: 0;
  font-size: 1em
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed
}

caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: #6c757d;
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

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

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

select:disabled {
  opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important
}

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

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

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

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

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit
}

@media (min-width:1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend+* {
  clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

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

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

::-webkit-color-swatch-wrapper {
  padding: 0
}

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

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

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor: pointer
}

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1*var(--bs-gutter-y));
  margin-right: calc(-.5*var(--bs-gutter-x));
  margin-left: calc(-.5*var(--bs-gutter-x))
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-left: calc(var(--bs-gutter-x)*.5);
  margin-top: var(--bs-gutter-y)
}

.col {
  flex: 1 0 0%
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

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

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

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

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

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

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

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}

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

.offset-1 {
  margin-left: 8.33333333%
}

.offset-2 {
  margin-left: 16.66666667%
}

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

.offset-4 {
  margin-left: 33.33333333%
}

.offset-5 {
  margin-left: 41.66666667%
}

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

.offset-7 {
  margin-left: 58.33333333%
}

.offset-8 {
  margin-left: 66.66666667%
}

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

.offset-10 {
  margin-left: 83.33333333%
}

.offset-11 {
  margin-left: 91.66666667%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

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

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

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

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

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

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

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

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

  .offset-sm-1 {
    margin-left: 8.33333333%
  }

  .offset-sm-2 {
    margin-left: 16.66666667%
  }

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

  .offset-sm-4 {
    margin-left: 33.33333333%
  }

  .offset-sm-5 {
    margin-left: 41.66666667%
  }

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

  .offset-sm-7 {
    margin-left: 58.33333333%
  }

  .offset-sm-8 {
    margin-left: 66.66666667%
  }

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

  .offset-sm-10 {
    margin-left: 83.33333333%
  }

  .offset-sm-11 {
    margin-left: 91.66666667%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

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

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

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

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

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

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

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

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

  .offset-md-1,
  .product-cards [class*=col-]:nth-child(2n+1) {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

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

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

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

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

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

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

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

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

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

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

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

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

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

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

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

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

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

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

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

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

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

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

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

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

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

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

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

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

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

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

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

  .offset-xl-1 {
    margin-left: 8.33333333%
  }

  .offset-xl-2 {
    margin-left: 16.66666667%
  }

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

  .offset-xl-4 {
    margin-left: 33.33333333%
  }

  .offset-xl-5 {
    margin-left: 41.66666667%
  }

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

  .offset-xl-7 {
    margin-left: 58.33333333%
  }

  .offset-xl-8 {
    margin-left: 66.66666667%
  }

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

  .offset-xl-10 {
    margin-left: 83.33333333%
  }

  .offset-xl-11 {
    margin-left: 91.66666667%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

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

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

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

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

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

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

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

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

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

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

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

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

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

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

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%
  }

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

  .offset-xxl-4 {
    margin-left: 33.33333333%
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%
  }

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

  .offset-xxl-7 {
    margin-left: 58.33333333%
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%
  }

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

  .offset-xxl-10 {
    margin-left: 83.33333333%
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
  color: #0d6efd !important
}

.link-primary:focus,
.link-primary:hover {
  color: #0a58ca !important
}

.link-secondary {
  color: #6c757d !important
}

.link-secondary:focus,
.link-secondary:hover {
  color: #565e64 !important
}

.link-success {
  color: #198754 !important
}

.link-success:focus,
.link-success:hover {
  color: #146c43 !important
}

.link-info {
  color: #0dcaf0 !important
}

.link-info:focus,
.link-info:hover {
  color: #3dd5f3 !important
}

.link-warning {
  color: #ffc107 !important
}

.link-warning:focus,
.link-warning:hover {
  color: #ffcd39 !important
}

.link-danger {
  color: #dc3545 !important
}

.link-danger:focus,
.link-danger:hover {
  color: #b02a37 !important
}

.link-light {
  color: #f8f9fa !important
}

.link-light:focus,
.link-light:hover {
  color: #f9fafb !important
}

.link-dark {
  color: #212529 !important
}

.link-dark:focus,
.link-dark:hover {
  color: #1a1e21 !important
}

.ratio {
  position: relative;
  width: 100%
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: ""
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020
}

@media (min-width:576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 0 !important;
  margin: -1px -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

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

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.opacity-0 {
  opacity: 0 !important
}

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

.opacity-50 {
  opacity: .5 !important
}

.opacity-75 {
  opacity: .75 !important
}

.opacity-100 {
  opacity: 1 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

.d-inline {
  display: inline !important
}

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

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-table {
  display: table !important
}

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

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

#vsy-navigation #top,
.d-flex {
  display: flex !important
}

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

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  box-shadow: none !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

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

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.end-0 {
  right: 0 !important
}

.end-50 {
  right: 50% !important
}

.end-100 {
  right: 100% !important
}

.translate-middle {
  transform: translate(-50%, -50%) !important
}

.translate-middle-x {
  transform: translateX(-50%) !important
}

.translate-middle-y {
  transform: translateY(-50%) !important
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
  border-top: 0
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
  border-right: 0
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
  border-bottom: 0
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
  border-left: 0
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
  --bs-border-width: 1px
}

.border-2 {
  --bs-border-width: 2px
}

.border-3 {
  --bs-border-width: 3px
}

.border-4 {
  --bs-border-width: 4px
}

.border-5 {
  --bs-border-width: 5px
}

.border-opacity-10 {
  --bs-border-opacity: 0.1
}

.border-opacity-25 {
  --bs-border-opacity: 0.25
}

.border-opacity-50 {
  --bs-border-opacity: 0.5
}

.border-opacity-75 {
  --bs-border-opacity: 0.75
}

.border-opacity-100 {
  --bs-border-opacity: 1
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

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

.w-auto {
  width: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.vw-100 {
  width: 100vw !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

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

.h-auto {
  height: auto !important
}

.mh-100 {
  max-height: 100% !important
}

.vh-100 {
  height: 100vh !important
}

.min-vh-100 {
  min-height: 100vh !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.justify-content-evenly {
  justify-content: space-evenly !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 0 !important
}

.m-1 {
  margin: .25rem .25rem !important
}

.m-2 {
  margin: .5rem .5rem !important
}

.m-3 {
  margin: 1rem 1rem !important
}

.m-4 {
  margin: 1.5rem 1.5rem !important
}

.m-5 {
  margin: 3rem 3rem !important
}

.m-auto {
  margin: auto auto !important
}

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

.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}

.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}

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

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

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

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

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

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3,
.socials-banner {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

#questionnaire,
.mt-5,
footer#vsy-footer .copyright {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

#banner+section,
.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.card-mini,
.mb-3,
.news-list [class^=col-] {
  margin-bottom: 1rem !important
}

.mb-4,
.product-cards [class*=col-] {
  margin-bottom: 1.5rem !important
}

.mb-5,
.news-detail img,
.standart-form .form-group {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

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

.p-1 {
  padding: .25rem .25rem !important
}

.p-2 {
  padding: .5rem .5rem !important
}

.p-3 {
  padding: 1rem 1rem !important
}

.p-4 {
  padding: 1.5rem 1.5rem !important
}

.p-5 {
  padding: 3rem 3rem !important
}

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

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

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}

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

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

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

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

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

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5,
footer#vsy-footer {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

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

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .25rem !important
}

.gap-2 {
  gap: .5rem !important
}

.gap-3 {
  gap: 1rem !important
}

.gap-4 {
  gap: 1.5rem !important
}

.gap-5 {
  gap: 3rem !important
}

.font-monospace {
  font-family: "var(--bs-font-monospace)!important"
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
  font-size: 1.25rem !important
}

.fs-6 {
  font-size: 1rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

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

.fw-lighter {
  font-weight: lighter !important
}

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

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

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

.fw-bolder {
  font-weight: bolder !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

.lh-lg {
  line-height: 2 !important
}

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

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

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

.text-decoration-none {
  text-decoration: none !important
}

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

.text-decoration-line-through {
  text-decoration: line-through !important
}

.text-lowercase {
  text-transform: lowercase !important
}

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

.text-capitalize {
  text-transform: capitalize !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, .5) !important
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important
}

.text-opacity-25 {
  --bs-text-opacity: 0.25
}

.text-opacity-50 {
  --bs-text-opacity: 0.5
}

.text-opacity-75 {
  --bs-text-opacity: 0.75
}

.text-opacity-100 {
  --bs-text-opacity: 1
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, 0) !important
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
  --bs-bg-opacity: 1
}

.bg-gradient {
  background-image: var(--bs-gradient) !important
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: var(--bs-border-radius) !important
}

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

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media (min-width:576px) {
  .float-sm-start {
    float: left !important
  }

  .float-sm-end {
    float: right !important
  }

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

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

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

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

  .d-sm-grid {
    display: grid !important
  }

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

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

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

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

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

  .d-sm-none {
    display: none !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

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

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

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

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 0 !important
  }

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

  .m-sm-2 {
    margin: .5rem .5rem !important
  }

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

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

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

  .m-sm-auto {
    margin: auto auto !important
  }

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

  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

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

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

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 0 !important
  }

  .p-sm-1 {
    padding: .25rem .25rem !important
  }

  .p-sm-2 {
    padding: .5rem .5rem !important
  }

  .p-sm-3 {
    padding: 1rem 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem 3rem !important
  }

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

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

  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

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

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: .25rem !important
  }

  .gap-sm-2 {
    gap: .5rem !important
  }

  .gap-sm-3 {
    gap: 1rem !important
  }

  .gap-sm-4 {
    gap: 1.5rem !important
  }

  .gap-sm-5 {
    gap: 3rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

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

@media (min-width:768px) {
  .float-md-start {
    float: left !important
  }

  .float-md-end {
    float: right !important
  }

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

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

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

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

  .d-md-grid {
    display: grid !important
  }

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

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

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

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

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

  .d-md-none {
    display: none !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

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

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

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

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 0 !important
  }

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

  .m-md-2 {
    margin: .5rem .5rem !important
  }

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

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

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

  .m-md-auto {
    margin: auto auto !important
  }

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

  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

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

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

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 0 !important
  }

  .p-md-1 {
    padding: .25rem .25rem !important
  }

  .p-md-2 {
    padding: .5rem .5rem !important
  }

  .p-md-3 {
    padding: 1rem 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem 3rem !important
  }

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

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

  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

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

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: .25rem !important
  }

  .gap-md-2 {
    gap: .5rem !important
  }

  .gap-md-3 {
    gap: 1rem !important
  }

  .gap-md-4 {
    gap: 1.5rem !important
  }

  .gap-md-5 {
    gap: 3rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

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

@media (min-width:992px) {
  .float-lg-start {
    float: left !important
  }

  .float-lg-end {
    float: right !important
  }

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

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

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

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

  .d-lg-grid {
    display: grid !important
  }

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

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

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

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

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

  .d-lg-none {
    display: none !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

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

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

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

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 0 !important
  }

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

  .m-lg-2 {
    margin: .5rem .5rem !important
  }

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

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

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

  .m-lg-auto {
    margin: auto auto !important
  }

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

  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

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

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

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 0 !important
  }

  .p-lg-1 {
    padding: .25rem .25rem !important
  }

  .p-lg-2 {
    padding: .5rem .5rem !important
  }

  .p-lg-3 {
    padding: 1rem 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem 3rem !important
  }

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

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

  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

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

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: .25rem !important
  }

  .gap-lg-2 {
    gap: .5rem !important
  }

  .gap-lg-3 {
    gap: 1rem !important
  }

  .gap-lg-4 {
    gap: 1.5rem !important
  }

  .gap-lg-5 {
    gap: 3rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

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

@media (min-width:1200px) {
  .float-xl-start {
    float: left !important
  }

  .float-xl-end {
    float: right !important
  }

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

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

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

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

  .d-xl-grid {
    display: grid !important
  }

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

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

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

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

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

  .d-xl-none {
    display: none !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

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

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

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

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 0 !important
  }

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

  .m-xl-2 {
    margin: .5rem .5rem !important
  }

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

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

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

  .m-xl-auto {
    margin: auto auto !important
  }

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

  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

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

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

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 0 !important
  }

  .p-xl-1 {
    padding: .25rem .25rem !important
  }

  .p-xl-2 {
    padding: .5rem .5rem !important
  }

  .p-xl-3 {
    padding: 1rem 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem 3rem !important
  }

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

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

  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

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

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .25rem !important
  }

  .gap-xl-2 {
    gap: .5rem !important
  }

  .gap-xl-3 {
    gap: 1rem !important
  }

  .gap-xl-4 {
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    gap: 3rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-end {
    text-align: right !important
  }

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

@media (min-width:1400px) {
  .float-xxl-start {
    float: left !important
  }

  .float-xxl-end {
    float: right !important
  }

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

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

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

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

  .d-xxl-grid {
    display: grid !important
  }

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

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

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

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

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

  .d-xxl-none {
    display: none !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

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

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

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

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 0 !important
  }

  .m-xxl-1 {
    margin: .25rem .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem 3rem !important
  }

  .m-xxl-auto {
    margin: auto auto !important
  }

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

  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

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

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

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 0 !important
  }

  .p-xxl-1 {
    padding: .25rem .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem 3rem !important
  }

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

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

  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

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

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .25rem !important
  }

  .gap-xxl-2 {
    gap: .5rem !important
  }

  .gap-xxl-3 {
    gap: 1rem !important
  }

  .gap-xxl-4 {
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    gap: 3rem !important
  }

  .text-xxl-start {
    text-align: left !important
  }

  .text-xxl-end {
    text-align: right !important
  }

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

@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.5rem !important
  }

  .fs-2 {
    font-size: 2rem !important
  }

  .fs-3 {
    font-size: 1.75rem !important
  }

  .fs-4 {
    font-size: 1.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

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

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

  .d-print-grid {
    display: grid !important
  }

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

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

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

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

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

  .d-print-none {
    display: none !important
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,
.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

@media (max-width:991.98px) {
  .bf-area {
    padding: 3rem 15% 15% !important
  }
}

.bal-container {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 389/244
}

.bal-after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.bal-before {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
  overflow: hidden;
  border-right: 1px solid #fff
}

.bal-before-inset {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0
}

.bal-after img,
.bal-before img {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: auto;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none
}

.bal-beforePosition {
  background: #121212;
  color: #fff;
  left: 0;
  pointer-events: none;
  border-radius: .2rem;
  padding: 2px 10px
}

.bal-afterPosition {
  background: #121212;
  color: #fff;
  right: 0;
  pointer-events: none;
  border-radius: .2rem;
  padding: 2px 10px
}

.beforeLabel {
  position: absolute;
  bottom: 0;
  margin: 1rem;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none
}

.afterLabel {
  position: absolute;
  bottom: 0;
  margin: 1rem;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF-Bold.ttf) format("woff2"), url(../fonts/VisbyCF-Bold.woff) format("woff"), url(../fonts/VisbyCF-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF-Light.woff2) format("woff2"), url(../fonts/VisbyCF-Light.woff) format("woff"), url(../fonts/VisbyCF-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF-ExtraBold.woff2) format("woff2"), url(../fonts/VisbyCF-ExtraBold.woff) format("woff"), url(../fonts/VisbyCF-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF-Heavy.woff2) format("woff2"), url(../fonts/VisbyCF-Heavy.woff) format("woff"), url(../fonts/VisbyCF-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF-Thin.woff2) format("woff2"), url(../fonts/VisbyCF-Thin.woff) format("woff"), url(../fonts/VisbyCF-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF-Medium.woff2) format("woff2"), url(../fonts/VisbyCF-Medium.woff) format("woff"), url(../fonts/VisbyCF-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Visby CF;
  src: url(../fonts/VisbyCF-DemiBold.woff2) format("woff2"), url(../fonts/VisbyCF-DemiBold.woff) format("woff"), url(../fonts/VisbyCF-DemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

.color\:red {
  color: #e10
}

.color\:green {
  color: #007268
}

.color\:blue {
  color: #0033a1
}

* {
  outline: 0
}

body,
html {
  background-color: #fff;
  min-height: 100%;
  height: 100%
}

strong {
  font-weight: 800
}

section {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem
}

@media (max-width:991.98px) {
  section {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0
  }
}

section h2,
section h3,
section h4,
section h5,
section h6 {
  margin-bottom: 1rem
}

section.bg-light {
  background-color: #f8f9fa;
  padding-bottom: 3rem;
  padding-top: 3rem
}

section#summary {
  padding-bottom: 3rem;
  padding-top: 3rem
}

.bg-golden-ratio {
  background: url(https://d3b2nioqftw4gr.cloudfront.net/s3fs-public/2023-01/golden-ratio-bg.webp) no-repeat right 25%
}

@media (max-width:991.98px) {
  .bg-golden-ratio {
    background-image: none
  }
}

.bg-golden-ratio .title-golden-ratio {
  background: url(https://d3b2nioqftw4gr.cloudfront.net/s3fs-public/2023-01/golden-ratio.webp) no-repeat left bottom;
  padding-bottom: 1rem
}

@media (max-width:991.98px) {
  .bg-golden-ratio .title-golden-ratio {
    background-image: none
  }
}

main>section:last-child {
  padding-bottom: 60px
}

.f-12 {
  font-size: .75rem
}

@media (max-width:991.98px) {
  .f-12 {
    font-size: calc(12px * .75)
  }
}

.f-13 {
  font-size: .8125rem
}

@media (max-width:991.98px) {
  .f-13 {
    font-size: calc(13px * .75)
  }
}

.f-14 {
  font-size: .875rem
}

@media (max-width:991.98px) {
  .f-14 {
    font-size: calc(14px * .75)
  }
}

.f-15 {
  font-size: .9375rem
}

@media (max-width:991.98px) {
  .f-15 {
    font-size: calc(15px * .75)
  }
}

.f-16 {
  font-size: 1rem
}

@media (max-width:991.98px) {
  .f-16 {
    font-size: calc(16px * .75)
  }
}

.f-17 {
  font-size: 1.0625rem
}

@media (max-width:991.98px) {
  .f-17 {
    font-size: calc(17px * .75)
  }
}

.f-18 {
  font-size: 1.125rem
}

@media (max-width:991.98px) {
  .f-18 {
    font-size: calc(18px * .75)
  }
}

.f-19 {
  font-size: 1.1875rem
}

@media (max-width:991.98px) {
  .f-19 {
    font-size: calc(19px * .75)
  }
}

.f-20 {
  font-size: 1.25rem
}

@media (max-width:991.98px) {
  .f-20 {
    font-size: calc(20px * .75)
  }
}

.f-21 {
  font-size: 1.3125rem
}

@media (max-width:991.98px) {
  .f-21 {
    font-size: calc(21px * .75)
  }
}

.f-22 {
  font-size: 1.375rem
}

@media (max-width:991.98px) {
  .f-22 {
    font-size: calc(22px * .75)
  }
}

.f-23 {
  font-size: 1.4375rem
}

@media (max-width:991.98px) {
  .f-23 {
    font-size: calc(23px * .75)
  }
}

.f-24 {
  font-size: 1.5rem
}

@media (max-width:991.98px) {
  .f-24 {
    font-size: calc(24px * .75)
  }
}

.f-25 {
  font-size: 1.5625rem
}

@media (max-width:991.98px) {
  .f-25 {
    font-size: calc(25px * .75)
  }
}

.f-32 {
  font-size: 32px
}

@media (max-width:991.98px) {
  .f-32 {
    font-size: 24px
  }
}

.f-36 {
  font-size: 36px
}

@media (max-width:991.98px) {
  .f-36 {
    font-size: 24px
  }
}

.f-48 {
  font-size: 48px
}

@media (max-width:991.98px) {
  .f-48 {
    font-size: 26px
  }
}

.f-96 {
  font-size: 6rem
}

@media (max-width:991.98px) {
  .f-96 {
    font-size: 72px
  }
}

.f-semibold {
  font-weight: 600
}

body>main {
  flex: 1 0 auto
}

body>footer {
  flex-shrink: 0
}

#vsy-navigation #top {
  background: linear-gradient(90deg, #092056, #007268);
  list-style: none;
  margin-bottom: .5rem;
  margin-left: auto;
  padding: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

#vsy-navigation #top>li {
  position: relative
}

#vsy-navigation #top>li>a {
  color: #fff;
  display: inline-block;
  font-size: .75rem;
  padding: .5rem 1rem
}

#vsy-navigation #top>li:hover>a {
  box-shadow: inset 0 -4px 0 0 #fff
}

#vsy-navigation #top>li:hover ul {
  display: inline-block
}

/* #vsy-navigation #top>li:not(:first-child):not(:last-child):before {
  background-color: #fff;
  content: "";
  border-radius: 50%;
  display: inline-block;
  height: 5px;
  margin-left: -2.5px;
  vertical-align: middle;
  width: 5px
} */

#vsy-navigation #top>li:not(:first-child):before {
   background-color: #fff;
   content: "";
   border-radius: 50%;
   display: inline-block;
   height: 5px;
   margin-left: -2.5px;
   vertical-align: middle;
   width: 5px
 }

#vsy-navigation #top>li ul {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 27px 34px 0 rgba(154, 167, 189, .3215686275);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  display: none;
  left: 50%;
  list-style: none;
  overflow: hidden;
  padding-top: 10px;
  padding-left: 0;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 10
}

#vsy-navigation #top>li ul:before {
  content: " ";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: inline-block;
  margin: 0 auto;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 0
}

#vsy-navigation #top>li ul li {
  background-color: #fff
}

#vsy-navigation #top>li ul li:after {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  display: none;
  margin: 0 auto;
  left: 50%;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 0
}

#vsy-navigation #top>li ul li:not(.socials) a {
  color: #231f20;
  display: block;
  padding: .5rem 1rem
}

#vsy-navigation #top>li ul li:not(.socials) a:hover {
  background-color: rgba(154, 167, 189, .25);
  color: #0033a1
}

#vsy-navigation #top>li ul li.socials {
  text-align: center
}

#vsy-navigation #top>li ul li.socials a {
  align-items: center;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  margin: .75rem;
  width: 2rem
}

#vsy-navigation #top>li ul li.socials a svg {
  display: inline-block;
  fill: #0033a1;
  height: 20px;
  width: 20px
}

#vsy-navigation #top>li ul li.socials a:hover {
  background-color: #0033a1;
  border-radius: 50%
}

#vsy-navigation #top>li ul li.socials a:hover svg {
  fill: #fff
}

#vsy-navigation #bottom {
  margin-top: auto
}

#vsy-navigation #bottom>ul {
  display: flex;
  list-style: none;
  margin-bottom: 0
}

#vsy-navigation #bottom>ul>li {
  display: inline-block
}

#vsy-navigation #bottom>ul>li:hover {
  background-color: #fbf7f9;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem
}

#vsy-navigation #bottom>ul>li:hover>a {
  color: #0033a1;
  font-weight: 900
}

#vsy-navigation #bottom>ul>li:hover>.mega-menu {
  display: block
}

#vsy-navigation #bottom>ul>li>a {
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  margin: .75rem 1rem;
  text-align: center
}

@media (max-width:991.98px) {
  #vsy-navigation {
    display: none
  }
}

@media (max-width:991.98px) {
  #vsy-navigation.active {
    display: block
  }
}

.mobile-menu-opener {
  display: none
}

.mobile-menu-opener img {
  display: inline-block;
  height: 24px;
  width: 24px
}

@media (max-width:991.98px) {
  .mobile-menu-opener {
    display: block
  }
}

.mega-menu {
  background: #fbf7f9 url(https://d3b2nioqftw4gr.cloudfront.net/images/menu-logo.webp) no-repeat center bottom;
  display: none;
  font-size: 1rem;
  font-weight: 400 !important;
  height: calc(100vh - 100px);
  left: 0;
  line-height: normal;
  max-width: 100%;
  min-height: 100%;
  position: absolute;
  width: 100vw;
  z-index: 9
}

.mega-menu a {
  color: inherit
}

.mega-menu .megamenu-close {
  color: #8c90a1;
  display: inline-block;
  font-weight: 700;
  margin-top: 20px
}

.mega-menu .megamenu-close img {
  opacity: .5
}

.mega-menu .bordered {
  box-shadow: 1px 0 0 0 rgba(35, 31, 32, .25)
}

.mega-menu h2 {
  font-size: 1.75rem
}

.mega-menu .inmenu {
  margin-bottom: 20px;
  padding: 0 12px;
  position: relative
}

.mega-menu .inmenu:hover {
  background-color: #fff
}

.mega-menu .inmenu:hover div {
  display: block
}

.mega-menu .inmenu div {
  background-color: #fff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: none;
  left: 0;
  margin-top: -2px;
  padding: 12px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 2
}

.mega-menu .inmenu div svg {
  fill: #231f20
}

.mega-menu .inmenu a {
  display: block;
  font-size: .875rem;
  padding: 12px 0
}

.mega-menu .inmenu a:not(.opener):hover {
  background-color: rgba(154, 167, 189, .2)
}

.mega-menu .inmenu a.opener {
  border-bottom: 2px solid rgba(0, 51, 161, .2);
  color: #0033a1;
  padding: 0 0 12px
}

.mega-menu .inmenu a.opener .small {
  font-size: .625rem
}

.mega-menu .inmenu a.opener:after {
  border: 3px solid #0033a1;
  border-bottom-width: 0;
  border-right-width: 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 15px;
  transform: rotate(-135deg);
  width: 15px
}

.mega-menu .inmenu svg {
  display: inline-block;
  fill: #0033a1;
  height: 24px;
  margin-right: 10px;
  width: 24px
}

.mega-menu .inmenu ul {
  list-style: none;
  padding-left: 0
}

.mega-menu .inmenu ul li {
  overflow: hidden
}

.mega-menu .inmenu ul li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

.mega-menu-sub {
  color: #0033a1;
  position: relative;
  font-size: 1.125rem;
  font-weight: 700;
  padding-top: 37px
}

.mega-menu-sub>li {
  margin-bottom: 54px
}

.mega-menu-sub>li:hover {
  box-shadow: 0 4px 0 0 #0033a1
}

.mega-menu-sub>li:hover a:after {
  border-color: #0033a1
}

.mega-menu-sub>li:hover ul {
  display: block
}

.mega-menu-sub>li>a {
  color: #231f20;
  display: block;
  padding: 8px
}

.mega-menu-sub>li>a:after {
  border: 2px solid #0033a1;
  border-bottom-width: 0;
  border-right-width: 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  transform: rotate(135deg);
  width: 10px;
  border-color: #231f20
}

.mega-menu-sub>li ul {
  display: none;
  left: 100%;
  position: absolute;
  padding-top: 0;
  top: 37px;
  transition: .5s
}

.mega-menu-sub>li ul li {
  margin-bottom: 24px
}

.mega-menu-sub>li ul li a {
  color: #231f20;
  display: inline-block
}

.mega-menu-sub>li ul li a img {
  border-radius: 10px;
  margin-top: 12px;
  overflow: hidden;
  width: 172px
}

.mega-menu-sub-link img {
  border-radius: 20px
}

header#vsy-header {
  position: relative;
  background: red;
  background: #061843;
  padding: .5rem .5rem 0;
  z-index: 30
}

header#vsy-header .mobile-menu-opener {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center
}

header#vsy-header .mobile-menu-opener img {
  transition: .3s;
  -webkit-transition: .3s
}

header#vsy-header .mobile-menu-opener img.navClose {
  filter: invert(100%);
  opacity: 0;
  position: absolute
}

header#vsy-header .mobile-menu-opener img.hamburger {
  opacity: 1
}

header#vsy-header .mobile-menu-opener.active img.navClose {
  filter: invert(100%);
  position: absolute;
  opacity: 1
}

header#vsy-header .mobile-menu-opener.active img.hamburger {
  opacity: 0
}

@media (max-width:991.98px) {
  header#vsy-header .mobile-menu-opener {
    display: flex
  }
}

#vsy-navigation #mobileMenu {
  display: none
}

#vsy-navigation #mobileMenu ul {
  padding: 0;
  margin: 0
}

#vsy-navigation #mobileMenu ul.mm {
  list-style: none;
  padding: 15px 0 0
}

#vsy-navigation #mobileMenu ul.mm>li div>a,
#vsy-navigation #mobileMenu ul.mm>li>a {
  display: block;
  font-size: 1rem;
  line-height: normal;
  color: #fff;
  padding: 12px 15px;
  letter-spacing: .6px
}

#vsy-navigation #mobileMenu ul.mm>li div>a:first-child,
#vsy-navigation #mobileMenu ul.mm>li>a:first-child {
  width: 100%
}

#vsy-navigation #mobileMenu ul.mm>li div>a.lm,
#vsy-navigation #mobileMenu ul.mm>li>a.lm {
  padding: 0 15px 0 0;
  font-size: .75rem;
  width: 100px;
  letter-spacing: normal
}

#vsy-navigation #mobileMenu ul.mm>li>div {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}

#vsy-navigation #mobileMenu ul.mm>li>ul {
  display: none;
  width: 100%;
  min-width: 100%;
  background: #ebf2f8;
  padding: 0 35px;
  overflow: hidden
}

#vsy-navigation #mobileMenu ul.mm>li>ul li {
  list-style: none;
  margin: 15px 0
}

#vsy-navigation #mobileMenu ul.mm>li>ul li a {
  color: #002891;
  font-size: 1rem;
  font-weight: 900
}

#vsy-navigation .bottomPart {
  padding: 10px;
  background-image: linear-gradient(236deg, #007268 96%, #092056)
}

#vsy-navigation .bottomPart ul.bottomMenu {
  border-bottom: 1px solid #709be7;
  list-style: none;
  padding: 0 30px 15px !important
}

#vsy-navigation .bottomPart ul.bottomMenu li {
  margin: 10px 0
}

#vsy-navigation .bottomPart ul.bottomMenu li a {
  color: #f9f9f9;
  font-size: .75rem
}

#vsy-navigation .bottomPart .socialMedia {
  display: flex;
  justify-content: center;
  list-style: none;
  overflow: hidden;
  padding: 15px 0 15px 0 !important;
  width: 100%
}

#vsy-navigation .bottomPart .socialMedia li {
  margin: 0 22px
}

#vsy-navigation .bottomPart .socialMedia li a[title=youtube] img {
  filter: invert(96%) sepia(100%) saturate(0) hue-rotate(53deg) brightness(103%) contrast(106%)
}

@media (max-width:991.98px) {
  #vsy-navigation {
    display: block !important;
    position: absolute;
    top: calc(100% - 1px);
    left: -100%;
    transition: .3s;
    -webkit-transition: .3s;
    width: 100%;
    background-image: linear-gradient(to bottom, #061843, #05112e 593%);
    z-index: 99;
    overflow: hidden;
    border-radius: 0 0 24px 24px
  }

  #vsy-navigation #mobileMenu {
    display: block !important
  }

  #vsy-navigation #bottom,
  #vsy-navigation #top {
    display: none !important
  }
}

#mobile-lang {
  background-color: #fff;
  border-radius: 1rem;
  margin: 0 auto;
  position: relative;
  width: 90%
}

#mobile-lang ul {
  list-style: none;
  padding: 0
}

#mobile-lang ul a {
  display: block;
  padding: 10px;
  font-weight: 700
}

#mobile-lang ul a.active {
  background-color: rgba(154, 167, 189, .3215686275)
}

#mobile-cwu {
  background-color: #fff;
  border-radius: 1rem 1rem 0 0;
  bottom: 0;
  color: #333;
  font-size: .875rem;
  font-weight: 700;
  left: 50%;
  padding: 20px 10px;
  position: absolute;
  transform: translateX(-50%);
  width: 90%
}

#mobile-cwu ul {
  list-style: none
}

#mobile-cwu ul li a {
  color: #231f20;
  display: block;
  padding: 16px 0
}

body.mmon #vsy-navigation {
  left: 0
}

body.mmon main header {
  z-index: 22;
  position: relative
}

body.mmon main::before {
  width: 100%;
  height: 100vh;
  position: fixed;
  content: "";
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, .2)
}

.mfp-align-top .mfp-container {
  padding: 0
}

.mfp-align-top .mfp-content {
  top: 100%;
  transform: translateY(-100%)
}

#vsy-hero .hero-nav-container {
  position: relative
}

#vsy-hero .hero-nav-container .hero-prev {
  position: absolute
}

#vsy-hero .hero-nav-container .hero-next {
  position: absolute
}

#vsy-hero-banner {
  background: linear-gradient(90deg, #092056, #007268)
}

#vsy-hero-banner #vsy-hero-slider .slick-slide {
  height: 36vw;
  position: relative
}

#vsy-hero-banner #vsy-hero-slider .slick-slide picture {
  display: block
}

#vsy-hero-banner #vsy-hero-slider .slick-slide picture img {
  display: block;
  width: 100%
}

#vsy-hero-banner #vsy-hero-slider .slick-slide video {
  width: 100%
}

#vsy-hero-nav {
  padding: 1rem 0
}

@media (max-width:575.98px) {
  #vsy-hero-nav {
    margin: 0 1rem
  }
}

#vsy-hero-nav .slick-slide {
  color: #fff;
  cursor: pointer;
  padding: 2rem;
  text-align: center
}

#vsy-hero-nav div {
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 0
}

#vsy-hero-nav span.progressBar {
  background-color: rgba(255, 255, 255, .4);
  display: block;
  height: 1px;
  margin-bottom: 1rem;
  width: 100%
}

#vsy-hero-nav span.progressBar .inProgress {
  background-color: #fff;
  height: 1px;
  width: 0
}

#vsy-hero-nav .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}

#vsy-hero-nav .slick-arrow.slick-prev {
  left: 0px
}

#vsy-hero-nav .slick-arrow.slick-prev img {
  transform: rotate(180deg)
}

#vsy-hero-nav .slick-arrow.slick-next {
  left: auto;
  right: 0px
}

#vsy-hero-nav .slick-arrow.slick-disabled {
  display: none !important
}

.hero-video-opener {
  align-items: center;
  background-image: linear-gradient(225deg, #007268, #709be7);
  border-radius: 50%;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  width: 100%
}

.hero-video-opener img {
  display: block
}

#vsy-hero-nav .slick-current span.progressBar .inProgress {
  width: 100%;
  transition: 6s;
  -webkit-transition: 6s
}

.accordion .acc-container {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .1019607843) !important
}

.accordion .acc-content,
.accordion .acc-opener {
  padding: 22px 32px
}

.accordion .acc-opener {
  align-items: center;
  color: #7a7d7e;
  display: flex;
  font-size: 1rem;
  font-weight: 800;
  justify-content: space-between;
  letter-spacing: .56px;
  margin-top: 16px
}

.accordion .acc-opener:after {
  content: url(https://d3b2nioqftw4gr.cloudfront.net/images/icons/icon-misc-faq-plus.svg);
  display: inline-block;
  height: 24px;
  width: 24px
}

.accordion .acc-opener.open:after {
  content: url(https://d3b2nioqftw4gr.cloudfront.net/images/icons/icon-misc-faq-minus.svg)
}

.accordion .acc-opener.open+.acc-content {
  display: block
}

.accordion .acc-content {
  display: none
}

.accordion .acc-content h2:not([class*=f-]):not(.resource-title) {
  font-size: 20px;
  font-weight: 700
}

.accordion .acc-content .acc-content-title {
  font-size: 32px
}

@media (max-width:991.98px) {
  .accordion .acc-content .acc-content-title {
    font-size: 24px
  }
}

.accordion .acc-content img {
  max-width: 100%
}

.button#result,
.button.questionnaire-opener,
.button\:blue,
.standart-form button#result[type=submit],
.standart-form button.questionnaire-opener[type=submit] {
  color: #fff
}

.button,
.standart-form button[type=submit] {
  align-items: center;
  border: 0;
  border-radius: 50px;
  display: inline-flex;
  justify-content: center;
  padding: 10px 25px
}

.button:hover span,
.standart-form button[type=submit]:hover span {
  color: inherit
}

.button\:blue {
  background-color: #0033a1
}

.button\:blue:after {
  border: 2px solid #0033a1;
  border-bottom-width: 0;
  border-right-width: 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  transform: rotate(135deg);
  width: 10px;
  border-color: inherit
}

.button\:blue:hover {
  color: #fff
}

.button span,
.standart-form button[type=submit] span {
  margin-right: 20px
}

.button#result,
.button.questionnaire-opener,
.standart-form button#result[type=submit],
.standart-form button.questionnaire-opener[type=submit] {
  background-color: #0033a1
}

.button\:blue-bordered {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #0033a1;
  color: #0033a1;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 170px
}

.button.popup-link:after,
.standart-form button.popup-link[type=submit]:after {
  display: none
}

ul.list-blue-dot {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  padding-left: 0
}

@media (max-width:767.98px) {
  ul.list-blue-dot {
    display: block
  }
}

ul.list-blue-dot li {
  margin-bottom: 10px
}

ul.list-blue-dot li:before {
  background-color: #0033a1;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  width: 10px
}

ul.dot-list {
  list-style: none;
  padding-left: 0
}

ul.dot-list li {
  align-items: center;
  display: flex
}

ul.dot-list li:before {
  background-color: #231f20;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 2px;
  margin-right: 10px;
  width: 2px
}

.follower {
  background-color: gray;
  border-radius: 50%;
  display: none;
  height: 68px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  transition-timing-function: ease-out;
  transition-duration: .2s;
  width: 68px
}

.standart-form {
  line-height: normal
}

.standart-form .form-group {
  position: relative
}

.standart-form .form-group input:not([type=radio]):not([type=checkbox]) {
  border: 0;
  border-bottom: 2px solid #231f20;
  width: 100%
}

.standart-form .form-group select {
  border: 0;
  border-bottom: 2px solid #231f20;
  width: 100%
}

.standart-form .form-group input:not([type=radio]):not([type=checkbox]):not([type=file]),
.standart-form .form-group select {
  background-color: inherit;
  font-size: .875rem;
  height: 36px;
  line-height: 36px
}

.standart-form .form-group input:not([type=radio]):not([type=checkbox]):not([type=file]).form-valid~label,
.standart-form .form-group input:not([type=radio]):not([type=checkbox]):not([type=file]).valid~label,
.standart-form .form-group input:not([type=radio]):not([type=checkbox]):not([type=file]):focus~label,
.standart-form .form-group select.form-valid~label,
.standart-form .form-group select.valid~label,
.standart-form .form-group select:focus~label {
  font-size: .75rem;
  top: -10px
}

.standart-form .form-group input:not([type=radio]):not([type=checkbox]):not([type=file]).form-valid~label img,
.standart-form .form-group input:not([type=radio]):not([type=checkbox]):not([type=file]).valid~label img,
.standart-form .form-group input:not([type=radio]):not([type=checkbox]):not([type=file]):focus~label img,
.standart-form .form-group select.form-valid~label img,
.standart-form .form-group select.valid~label img,
.standart-form .form-group select:focus~label img {
  height: 18px;
  width: 18px
}

.standart-form .form-group input:not([type=radio]):not([type=checkbox]):not([type=file]).error,
.standart-form .form-group select.error {
  border-bottom-color: #e10
}

.standart-form .form-group input[type=checkbox]+span.error {
  display: none
}

.standart-form .form-group label {
  display: inline-block;
  font-size: .875rem;
  left: calc(var(--bs-gutter-x)*.5);
  position: absolute;
  top: 8px
}

.standart-form .form-group label img {
  display: inline-block;
  height: 24px;
  width: 24px
}

.standart-form span.error {
  color: #e10;
  font-size: .75rem
}

.standart-form button[type=submit] {
  background-color: #0033a1;
  color: #fff;
  font-size: .875rem;
  font-weight: 700;
  height: 48px;
  line-height: 48px;
  width: 170px
}

.standart-form button[type=submit][disabled] {
  opacity: .5
}

.standart-form .checkbox {
  align-items: flex-start;
  display: flex
}

.standart-form .checkbox input[type=checkbox] {
  margin-right: 5px;
  margin-top: 5px
}

.standart-form .form-notify {
  background-color: #f8f9fa;
  color: #7a7d7e;
  font-size: 1.125rem;
  padding: 1rem
}

.card {
  border-radius: 20px;
  box-shadow: 20px 20px 60px 0 rgba(2, 8, 22, .1019607843);
  color: #7a7d7e;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  height: 100%;
  overflow: hidden;
  padding-bottom: 36px;
  transition: .25s
}

.card:hover {
  box-shadow: 0 19px 38px rgba(0, 0, 0, .3019607843), 0 15px 12px rgba(0, 0, 0, .2196078431)
}

.card figure {
  box-shadow: 20px 20px 20px 0 rgba(2, 8, 22, .1019607843);
  margin-bottom: 20px
}

.card figure img {
  display: inline-block;
  width: 100%
}

.card>div {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: .5rem 1rem
}

.card .content {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
  width: 100%
}

.card .content header {
  font-weight: 800;
  margin-bottom: 16px
}

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

.card .content article {
  margin-bottom: 16px
}

.card .content article strong {
  display: block;
  margin-bottom: 1rem
}

.card .content footer {
  color: #0033a1;
  font-size: .875rem;
  font-weight: 800;
  justify-items: flex-end;
  margin-top: auto
}

.card .content footer a {
  align-items: center;
  color: inherit;
  cursor: pointer;
  display: flex
}

.card .content footer a span {
  padding-right: 10px;
  width: calc(100% - 15px)
}

.card .content footer a:after {
  border: 2px solid #0033a1;
  border-bottom-width: 0;
  border-right-width: 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  transform: rotate(135deg);
  width: 10px;
  border-color: inherit
}

.card-vertical {
  flex-direction: row;
  padding-bottom: 0
}

@media (max-width:991.98px) {
  .card-vertical {
    flex-direction: column
  }
}

.card-vertical figure {
  margin-bottom: 0;
  width: 50%
}

@media (max-width:991.98px) {
  .card-vertical figure {
    width: 100%
  }
}

.card-vertical figure+div {
  align-items: center;
  width: calc(50% - 1rem)
}

@media (max-width:991.98px) {
  .card-vertical figure+div {
    width: calc(100% - 1rem)
  }
}

.card-vertical .content header {
  font-size: 2.25rem
}

.sub-page-list .row.reverse .card-vertical {
  flex-direction: row-reverse
}

@media (max-width:991.98px) {
  .sub-page-list .row.reverse .card-vertical {
    flex-direction: column
  }
}

.icon-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.icon-card * {
  text-align: center
}

.icon-card:hover {
  opacity: .6
}

.icon-card:hover .icon {
  transform: rotate(45deg)
}

.icon-card:hover .icon figure {
  transform: rotate(-45deg)
}

.icon-card:hover .icon figure img {
  transform: scale(.9)
}

.icon-card .icon {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  height: 170px;
  justify-content: center;
  margin: 0 auto 32px;
  transition: .5s;
  width: 170px
}

.icon-card .icon figure {
  align-items: center;
  border-radius: 50%;
  display: inline-flex;
  height: 138px;
  justify-content: center;
  margin-bottom: 0;
  transition: .5s;
  width: 138px
}

.icon-card .icon figure img {
  transition: inherit
}

.icon-card header {
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 28px
}

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

.icon-card article {
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 12px
}

.icon-card footer {
  margin-top: auto
}

.icon-card footer a {
  align-items: center;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 800
}

.icon-card footer a span {
  padding-right: 10px
}

.icon-card footer a:after {
  border: 2px solid #0033a1;
  border-bottom-width: 0;
  border-right-width: 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  transform: rotate(135deg);
  width: 10px;
  border-color: inherit
}

.slider {
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 20px 20px 20px 0 rgba(2, 8, 22, .0705882353)
}

@media (max-width:991.98px) {
  .slider {
    margin-left: 2rem;
    margin-right: 2rem
  }
}

.slider .slick-list {
  border-radius: 16px;
  overflow: hidden
}

.slider .slide {
  background-color: #fff
}

.slider .slide .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px
}

.slider .slide .text .slide-title {
  color: #007268;
  font-size: 1.125rem;
  font-weight: 800
}

.slider .slide .read-more {
  align-items: center;
  color: #0033a1;
  display: inline-flex;
  font-weight: 800
}

.slider .slide .read-more span {
  margin-right: 10px
}

.slider .slide .read-more:after {
  border: 1.6px solid #0033a1;
  border-bottom-width: 0;
  border-right-width: 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 8px;
  transform: rotate(135deg);
  width: 8px
}

.slider .slide figure {
  margin: 0
}

@media (max-width:767.98px) {
  .slider .slide figure {
    border-radius: 16px 16px 0 0;
    overflow: hidden
  }
}

.slider .slide-vertical figure img {
  width: 100%
}

.slider .next-arrow,
.slider .prev-arrow {
  cursor: pointer;
  right: -36px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9
}

@media (max-width:767.98px) {

  .slider .next-arrow,
  .slider .prev-arrow {
    right: -36px
  }
}

.slider .prev-arrow {
  left: -36px;
  right: auto;
  transform: translateY(-50%) rotate(-180deg)
}

@media (max-width:767.98px) {
  .slider .prev-arrow {
    left: -36px
  }
}

.news-detail img,
.rounded-image {
  border-radius: 1.5rem;
  box-shadow: rgba(2, 8, 22, .1) 15px 15px 15px 0;
  overflow: hidden
}

.news-detail img img,
.rounded-image img {
  display: block
}

.shadowed-image {
  box-shadow: rgba(2, 8, 22, .1) 15px 15px 15px 0
}

.rounden-icon {
  flex-shrink: 0;
  width: 172px;
  height: 172px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
  margin-bottom: 6px
}

#questionnaire [class^=question-].open+div {
  display: block
}

#questionnaire .question-card {
  border-radius: 16px;
  box-shadow: 20px 20px 60px 0 rgba(2, 8, 22, .1019607843);
  background-color: #fff;
  padding: 1rem
}

#questionnaire .question-card:not(:first-child) {
  display: none
}

#questionnaire .question-card input[type=radio] {
  margin-right: 1rem
}

#questionnaire .question-result {
  display: none
}

#questionnaire #result:disabled {
  opacity: .5
}

[id^=result-] {
  background-color: #fff;
  border-radius: 16px;
  font-size: 1rem;
  margin: 0 auto;
  max-width: 80vw;
  overflow: hidden;
  padding-left: 3rem;
  padding-right: 3rem;
  position: relative;
  text-align: left;
  width: 50%
}

@media (max-width:991.98px) {
  [id^=result-] {
    width: 100%
  }
}

[id^=result-] footer,
[id^=result-] header {
  text-align: center
}

[id^=result-] footer figure,
[id^=result-] header figure {
  display: block;
  margin-top: 1rem
}

[id^=result-] footer figure img,
[id^=result-] header figure img {
  width: 100%
}

[id^=result-] header {
  color: #0033a1;
  font-size: 1.5rem;
  font-weight: 700
}

[id^=result-] header figure img {
  width: 75px
}

[id^=result-] footer {
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 16px
}

[id^=result-] footer figure {
  margin-top: 16px
}

[id^=result-] footer figure img {
  border: 1px solid rgba(140, 144, 161, .25)
}

.hr-card {
  border-radius: 1rem;
  box-shadow: 20px 20px 60px 0 rgba(2, 8, 22, .1019607843);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden
}

.hr-card header {
  background-color: #0033a1;
  height: 100px;
  padding: 1rem
}

@media (max-width:767.98px) {
  .hr-card header {
    height: auto
  }
}

.hr-card header h3 {
  color: #fff;
  font-size: 1.5rem
}

.hr-card article {
  padding: 1.5rem 1rem
}

.hr-card footer {
  line-height: normal;
  margin-top: auto;
  padding: 0 1rem 1rem
}

.hr-card footer a {
  align-items: center;
  color: #0033a1;
  display: flex;
  font-size: .875rem
}

.hr-card footer a:after {
  border: 2px solid #0033a1;
  border-bottom-width: 0;
  border-right-width: 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  transform: rotate(135deg);
  width: 10px
}

.hr-card footer a strong {
  margin-right: 15px
}

.customFuP {
  border-bottom: 2px solid #231f20;
  position: relative;
  cursor: pointer
}

.customFuP input {
  width: 100%;
  height: 36px;
  z-index: 999;
  background: red;
  opacity: 0
}

.customFuP label {
  align-items: flex-start;
  display: flex !important;
  justify-content: space-between;
  left: 0 !important;
  width: 100%
}

.customFuP label span {
  display: flex;
  width: 100%;
  padding-left: 15px
}

.customFuP label small {
  font-size: 10px;
  display: flex;
  position: absolute;
  right: 0;
  top: 0
}

.customFuP label em {
  display: flex;
  width: 16px;
  height: 16px;
  border: 2px solid #231f20;
  line-height: 15px;
  margin-left: 10px;
  text-align: center;
  border-radius: 50%;
  position: relative
}

.customFuP label em::after,
.customFuP label em::before {
  position: absolute;
  display: block;
  content: "";
  background: #231f20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.customFuP label em::before {
  width: 2px;
  height: 8px
}

.customFuP label em::after {
  width: 8px;
  height: 2px
}

.card-location {
  border-radius: 1rem;
  box-shadow: 20px 20px 60px 0 rgba(2, 8, 22, .1019607843);
  display: flex;
  gap: 1rem;
  overflow: hidden
}

@media (max-width:767.98px) {
  .card-location {
    flex-direction: column
  }
}

.card-location figure {
  margin-bottom: 0;
  width: 50%
}

@media (max-width:767.98px) {
  .card-location figure {
    width: 100%
  }
}

@media (max-width:991.98px) {
  .card-location figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
}

.card-location .content {
  display: flex;
  flex-direction: column;
  font-size: .9375rem;
  justify-content: center;
  padding: 1.5rem 1.25rem
}

.card-location .content .location-type {
  color: #709be7;
  font-weight: 800
}

.card-location .content .location-name {
  font-weight: 800
}

.card-location .content .d {
  align-items: flex-start;
  display: flex;
  line-height: normal;
  margin-top: 16px
}

.card-location .content .d span {
  word-break: break-all;
  margin-left: 10px
}

.card-location.vertical {
  flex-direction: column;
  height: 100%
}

.card-location.vertical figure {
  width: 100%
}

.sub-banner.blue {
  background-color: #5773b0;
  color: #fff
}

.sub-banner.blue a {
  color: #0033a1
}

.searchContainer {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 15, 48, .862745098);
  z-index: 999
}

.searchContainer .formOuter {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.searchContainer .formOuter form {
  position: relative;
  display: flex;
  width: 90%;
  max-width: 680px;
  height: 60px
}

.searchContainer .formOuter form .searchCloser {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99
}

.searchContainer .formOuter form .searchCloser img {
  display: block
}

.searchContainer .formOuter form .formRow {
  width: 100%;
  position: relative;
  border-bottom: 4px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center
}

.searchContainer .formOuter form .formRow img {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  min-width: 30px
}

.searchContainer .formOuter form .formRow input {
  background: rgba(0, 0, 0, 0);
  font-size: 1.75rem;
  border: none;
  width: 100%;
  padding-left: 55px;
  color: #fff
}

.searchContainer .formOuter form .formRow input::-moz-placeholder {
  color: #fff;
  opacity: 1
}

.searchContainer .formOuter form .formRow input::placeholder {
  color: #fff;
  opacity: 1
}

.searchContainer .formOuter form .formRow input:-ms-input-placeholder {
  color: #fff
}

.searchContainer .formOuter form .formRow input::-ms-input-placeholder {
  color: #fff
}

.ctab .tabNav {
  display: flex;
  align-items: center;
  box-shadow: 10px 20px 40px 0 rgba(0, 0, 0, .1019607843);
  padding: .5rem;
  border-radius: 14px;
  background: #fff;
  justify-content: space-between
}

.ctab .tabNav li {
  list-style: none;
  min-width: 30%;
  max-width: 30%;
  font-size: .875rem;
  line-height: normal;
  color: #000;
  cursor: pointer;
  background: #f7f8fb;
  padding: 5px;
  display: flex;
  font-weight: 900;
  height: 65px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: .35rem;
  border-left: 0 solid transparent;
  transition: .3s;
  -webkit-transition: .3s
}

.ctab .tabNav li.active,
.ctab .tabNav li:hover {
  border-width: 8px
}

.ctab .tabNav li.blue.active {
  background-color: #0033a1;
  color: #fff
}

.ctab .tabNav li.blue.active:hover {
  color: #fff
}

.ctab .tabNav li.blue:hover {
  border-color: #0033a1;
  color: #0033a1
}

.ctab .tabNav li.red.active {
  background-color: #800909;
  color: #fff
}

.ctab .tabNav li.red.active:hover {
  color: #fff
}

.ctab .tabNav li.red:hover {
  border-color: #800909;
  color: #800909
}

.ctab .tabNav li.green.active {
  background-color: #007268;
  color: #fff
}

.ctab .tabNav li.green.active:hover {
  color: #fff
}

.ctab .tabNav li.green:hover {
  border-color: #007268;
  color: #007268
}

@media (max-width:767px) {
  .ctab .tabNav {
    flex-direction: column
  }

  .ctab .tabNav li {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 10px
  }

  .ctab .tabNav li:last-child {
    margin-bottom: 0
  }
}

.ctab .tabpanels {
  width: 100%
}

.ctab .tabpanels div.panel {
  display: none
}

.ctab .tabpanels div.panel.active {
  display: block
}

.box-shadow-product {
  box-shadow: 4px 4px 4px 0 rgba(2, 8, 22, .1019607843)
}

.fs-24 {
  font-size: 1.5rem
}

.prodcutItem h4 {
  font-size: 1.125rem;
  font-weight: 900;
  color: #000;
  display: block;
  width: 100%;
  text-align: left;
  margin-bottom: 12px
}

.prodcutItem p {
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  width: 100%;
  height: 100%
}

.prodcutItem a {
  color: #0033a1;
  font-size: .875rem;
  font-weight: 900
}

.prodcutItem a img {
  transition: .3s;
  -webkit-transition: .3s;
  position: relative;
  left: 0
}

.prodcutItem a:hover img {
  left: 4px
}

.prodcutItem.blue h4 {
  color: #0033a1 !important
}

.prodcutItem.green h4 {
  color: #007268 !important
}

.prodcutItem.red h4 {
  color: #800909 !important
}

@media (max-width:767px) {
  .prodcutItem div[class*=col-]>img {
    width: 50% !important;
    margin: 0 auto
  }
}

.card-mini {
  align-items: center;
  border-radius: 1rem;
  box-shadow: 4px 4px 4px 0 rgba(2, 8, 22, .1019607843);
  color: #7a7d7e;
  display: flex;
  line-height: normal;
  overflow: hidden
}

@media (max-width:767.98px) {
  .card-mini {
    flex-direction: column
  }
}

.card-mini h5 {
  font-weight: 800
}

.card-mini figure {
  margin-bottom: 0;
  margin-right: 20px;
  min-width: 300px
}

@media (max-width:767.98px) {
  .card-mini figure {
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%
  }
}

.card-mini figure img {
  width: 100%
}

.card-mini div {
  font-size: .9375rem;
  padding: 1rem
}

.card-product {
  background-color: #f7f8fb;
  border-radius: 1rem;
  box-shadow: 4px 4px 4px 0 rgba(2, 8, 22, .1019607843);
  display: flex;
  height: 100%;
  overflow: hidden;
  transition: .5s
}

.card-product:hover {
  box-shadow: 0 8px 19px rgba(0, 0, 0, .3019607843), 0 15px 12px rgba(0, 0, 0, .2196078431)
}

@media (max-width:767.98px) {
  .card-product {
    margin-bottom: 20px
  }
}

.card-product figure {
  background: #fff;
  align-items: center;
  display: flex;
  margin-bottom: 0;
  margin-right: 20px;
  max-width: 35%;
  min-width: 35%;
  position: relative;
  padding: 0 10px
}

.card-product figure:before {
  background: #dcdee1;
  background: linear-gradient(90deg, #dddfe2 0, #f7f8fb 25%);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: -10px;
  top: 0;
  width: 30%
}

@media (max-width:767.98px) {
  .card-product figure:before {
    width: 33%
  }
}

.card-product figure img {
  display: block;
  position: relative
}

.card-product .content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  justify-content: center;
  line-height: normal;
  padding: 20px 5px 20px 0;
  width: 100%
}

@media (max-width:767.98px) {
  .card-product .content {
    padding: 15px
  }
}

.card-product .content .title {
  color: #002891;
  font-size: 1.125rem;
  font-weight: 800
}

.card-product .content .view {
  color: #002891;
  font-weight: 800
}

@media (max-width:991.98px) {
  header#vsy-header {
    align-items: center
  }
}

header#vsy-header #logo {
  display: inline-block;
  margin-bottom: .5rem;
  width: 165px
}

header#vsy-header #logo img {
  display: inline-block;
  width: 100%
}

footer#vsy-footer {
  font-size: .875rem;
  background-color: #f7f8fb
}

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

footer#vsy-footer h5 {
  color: #007268;
  font-weight: 900
}

footer#vsy-footer h5 a {
  color: inherit
}

@media (max-width:767.98px) {
  footer#vsy-footer h5:not(.footer-title) {
    padding-left: 25px
  }

  footer#vsy-footer h5:not(.footer-title) a {
    color: inherit
  }
}

footer#vsy-footer ul {
  color: #213256;
  list-style: none;
  font-weight: 800;
  padding: 0
}

@media (max-width:767.98px) {
  footer#vsy-footer ul {
    display: none
  }
}

footer#vsy-footer ul li a {
  color: #7a7a7a
}

footer#vsy-footer ul li a:hover {
  color: #213256
}

footer#vsy-footer ul li h5 a,
footer#vsy-footer ul li h6 a {
  color: #213256
}

footer#vsy-footer ul li h5 a:hover,
footer#vsy-footer ul li h6 a:hover {
  color: inherit
}

footer#vsy-footer ul li ul {
  font-weight: 400;
  margin-bottom: 1rem
}

@media (max-width:767.98px) {
  footer#vsy-footer ul li ul {
    display: block
  }
}

footer#vsy-footer .social {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 1.5rem;
  gap: 1.5rem
}

footer#vsy-footer .footer-logo {
  margin-bottom: 2rem
}

footer#vsy-footer .evmann-logo {
  display: block;
  margin: 2rem 0
}

footer#vsy-footer .evmann-logo img {
  display: block;
  width: 100%
}

footer#vsy-footer .copyright {
  background: linear-gradient(90deg, #092056, #007268)
}

footer#vsy-footer .copyright [class^=col-] {
  color: #fff;
  display: flex;
  grid-gap: 3rem;
  gap: 3rem;
  justify-content: flex-end;
  padding: 1rem 0
}

@media (max-width:767.98px) {
  footer#vsy-footer .copyright [class^=col-] {
    flex-direction: column;
    justify-content: center
  }
}

footer#vsy-footer .copyright [class^=col-] span {
  margin-right: auto
}

@media (max-width:767.98px) {
  footer#vsy-footer .copyright [class^=col-] span {
    margin-right: auto
  }
}

footer#vsy-footer .copyright [class^=col-] a {
  color: #fff
}

footer#vsy-footer .copyright [class^=col-] a:hover {
  color: inherit
}

footer#vsy-footer .footer-title {
  align-items: center;
  display: flex;
  gap: 10px;
  padding: 5px;
  position: relative
}

footer#vsy-footer .footer-title+ul {
  margin-left: 5px
}

@media (max-width:767.98px) {
  footer#vsy-footer .footer-title:before {
    border: 1.8px solid #0033a1;
    border-bottom-width: 0;
    border-right-width: 0;
    content: " ";
    display: inline-block;
    height: 9px;
    transform: rotate(135deg);
    width: 9px;
    border-color: #007268;
    float: none
  }

  footer#vsy-footer .footer-title+ul {
    padding: 0 20px
  }

  footer#vsy-footer .footer-title.active:before {
    transform: rotate(-135deg)
  }

  footer#vsy-footer .footer-title.active+ul {
    display: block
  }
}

footer#vsy-footer .footer-title a {
  color: inherit;
  display: block;
  font-size: .625rem;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: right
}

@media (max-width:767.98px) {
  footer#vsy-footer .footer-title a {
    display: inline-block;
    opacity: 1
  }
}

.scroll-top-button {
  align-items: center;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  background-image: linear-gradient(225deg, #007268, #709be7);
  border-radius: 50%;
  border: none;
  bottom: 28px;
  box-shadow: 20px 20px 60px 0 rgba(2, 8, 22, .1019607843);
  display: flex;
  height: 52px;
  justify-content: center;
  position: fixed;
  right: 16px;
  transition: .5s;
  width: 52px;
  z-index: 10000
}

.cookie-policy-modal .cookie-btn,
.cookie-policy-popup .cookie-btn {
  background-color: #0033a1;
  border-radius: 1.25rem;
  color: #fff;
  cursor: pointer;
  font-size: .875rem;
  font-weight: bolder;
  height: 40px;
  line-height: 38px;
  margin-right: 10px;
  text-align: center;
  width: 100%
}

.cookie-policy-popup {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 27px 34px 0 rgba(154, 167, 189, .3215686275);
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  padding: 1.25rem;
  opacity: .97;
  width: 70vw;
  z-index: 100
}

@media (max-width:767.98px) {
  .cookie-policy-popup {
    left: 5vw;
    right: auto;
    width: 90vw
  }
}

.cookie-policy-popup p {
  color: #231f20;
  font-size: 1rem;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .5px;
  line-height: normal;
  text-align: left
}

.cookie-policy-popup button {
  background: #fff;
  position: absolute;
  right: 1rem;
  top: 1rem;
  border: none
}

@media (max-width:767.98px) {
  .cookie-policy-popup .cookie-btn {
    margin-bottom: 15px
  }
}

.cookie-policy-modal {
  background-color: #fff;
  border-radius: 1.25rem;
  font-size: .875rem;
  line-height: 1.25rem;
  margin: 0 auto;
  max-width: 750px;
  padding-left: .75rem;
  padding-right: .75rem;
  width: 80vw
}

.cookie-policy-modal .cpm-close {
  margin-top: -3rem;
  background: rgba(0, 0, 0, 0);
  border: none
}

.cookie-policy-modal .cookie-title {
  font-size: 1.625rem;
  font-weight: 700
}

.cookie-policy-modal .cookie-btn {
  font-size: 1.25rem
}

.cookie-policy-modal ul {
  padding-left: .625rem
}

.cookie-policy-modal .mat-slide-toggle input {
  display: none
}

.cookie-policy-modal .mat-slide-toggle input:checked+label:after {
  left: auto;
  right: 0
}

.cookie-policy-modal .mat-slide-toggle label.mat-slide-toggle-label {
  background-color: #709be7;
  border-radius: 8px;
  cursor: pointer;
  display: block;
  height: 14px;
  flex-shrink: 0;
  position: relative;
  width: 36px
}

.cookie-policy-modal .mat-slide-toggle label.mat-slide-toggle-label:after {
  background-color: #0033a1;
  border-radius: 50%;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: .5s;
  width: 20px
}

.home-title {
  color: #0033a1;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 1px;
  margin-bottom: 16px;
  text-align: center
}

.home-summary {
  color: #7a7d7e;
  cursor: default;
  display: block;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: .63px
}

@media (max-width:767.98px) {
  .home-summary {
    line-height: normal
  }
}

.colored-card {
  align-items: center;
  border-radius: 16px;
  color: #fff;
  display: flex;
  height: 100%;
  padding: 32px 16px
}

@media (max-width:991.98px) {
  .colored-card {
    border-radius: 0;
    min-height: 220px
  }
}

.colored-card:hover * {
  color: #fff
}

.colored-card:hover .icon {
  transform: rotate(180deg)
}

.colored-card .icon {
  margin-right: 16px;
  transition: .25s
}

#banner {
  background: linear-gradient(90deg, #092056, #007268);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: calc(240px - 1rem);
  padding-bottom: 1rem
}

#banner .container {
  margin-bottom: 0;
  margin-top: 0
}

#banner .page-title {
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 5px;
  margin-bottom: 16px
}

#breadcrumb {
  align-items: center;
  border-bottom: 1px solid rgba(245, 222, 179, .2);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 1rem 0;
  overflow: auto
}

@media (max-width:767.98px) {
  #breadcrumb {
    display: none
  }
}

#breadcrumb a {
  color: #fff;
  font-size: .75rem;
  font-weight: 800
}

#breadcrumb span {
  margin-right: 10px
}

.socials-banner {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-end
}

@media (max-width:767.98px) {
  .socials-banner {
    justify-content: flex-start
  }
}

.socials-banner a {
  display: flex;
  filter: invert(100%) sepia(82%) saturate(1%) hue-rotate(276deg) brightness(111%) contrast(95%)
}

#page-summary {
  cursor: default;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  text-align: center
}

#page-summary h2+p,
#page-summary p+p {
  margin-top: 40px
}

#page-summary strong {
  display: inline-block
}

.mini-banner {
  background: linear-gradient(90deg, #092056, #007268);
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
  line-height: normal;
  padding: 2rem 3rem;
  text-align: center
}

.mini-banner p {
  margin-bottom: 0
}

.c-green {
  color: #007268
}

.c-blue-3 {
  color: #709be7
}

.c-grey-1 {
  color: #7a7d7e
}

.pdf-eq-height {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(2, 1fr)
}

.pdf-eq-height [class*=col-] {
  width: auto
}

@media (max-width:991.98px) {
  .pdf-eq-height {
    grid-template-columns: repeat(1, 1fr)
  }
}

.pdf-card {
  width: 100%;
  padding: 0;
  height: 100%;
  display: flex;
  flex-direction: column
}

.pdf-card .pdf-content {
  background-color: #d4d4d4;
  border-radius: 1rem;
  min-height: 150px;
  box-shadow: 4px 4px 4px 0 rgba(2, 8, 22, .1);
  overflow: hidden;
  border: none;
  margin: .5rem;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  min-height: 140px;
  height: 100%
}

.pdf-card .pdf-content .pdf-icon {
  box-shadow: 0 0 5px 5px rgba(2, 8, 22, .1);
  max-width: 33%;
  min-height: 140px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-fit: contain;
  object-fit: contain;
  vertical-align: middle
}

@media (max-width:991.98px) {
  .pdf-card .pdf-content .pdf-icon {
    width: 33%;
    max-width: 100%;
    min-width: unset
  }
}

.pdf-card .pdf-content .pdf-text {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%
}

.pdf-card .pdf-content .pdf-text h5 {
  font-size: 1.125rem;
  letter-spacing: .56px;
  color: #231f20;
  font-weight: 900
}

.pdf-card .pdf-content .pdf-text p {
  font-weight: 300;
  font-size: .875rem;
  color: #231f20;
  line-height: 22px
}

.pdf-card .pdf-content .pdf-text .pdf-view {
  display: block;
  align-self: flex-end;
  font-size: .875rem;
  color: #0033a1;
  font-weight: 900;
  text-align: right;
  margin-top: 12px
}

.pdf-card .pdf-content .pdf-text .pdf-view i {
  margin-left: 10px;
  display: inline-block
}

.pdf-card .pdf-content .pdf-text .pdf-view i img {
  -o-object-fit: cover;
  object-fit: cover;
  background-color: #f7f8fb
}

@media only screen and (min-width:1024px)and (max-height:1366px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1.5) {
  .pdf-card .pdf-content .pdf-icon {
    width: 33%
  }

  .pdf-card #block-productmanuals-pdfs .pdf-content .pdf-icon {
    min-width: unset !important
  }
}

@media only screen and (min-width:1024px)and (max-height:1366px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:1.5)and (max-width:1281px) {
  .pdf-card #block-productmanuals-pdfs .pdf-content .pdf-icon {
    min-width: auto;
    max-width: 100px
  }
}

.card-tooltip {
  height: 100%;
  position: relative
}

.card-tooltip:hover .tooltip-content {
  display: block
}

.card-tooltip .card .content article {
  line-height: 1.6
}

.card-tooltip .tooltip-content {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
  z-index: 9999;
  border-radius: 20px;
  display: none
}

.card-tooltip .tooltip-content h4 {
  font-size: 1rem;
  font-weight: 900
}

.card-tooltip .tooltip-content p {
  font-size: 1rem;
  line-height: 1.3;
  color: #7a7d7e
}

@media (max-width:575.98px) {
  .card-tooltip {
    margin-bottom: 30px
  }

  .card-tooltip .tooltip-content {
    width: 94%;
    left: auto;
    right: 0
  }
}

.video-card {
  width: 100%;
  display: flex;
  flex-direction: column
}

.video-card .popup-video {
  display: block;
  position: relative;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  box-shadow: 20px 20px 60px 0 rgba(2, 8, 22, .1019607843);
  overflow: hidden;
  transition: .3s
}

.video-card .popup-video:hover {
  opacity: .9
}

.video-card .popup-video:hover span {
  opacity: .7
}

.video-card .popup-video figure {
  margin: 0
}

.video-card .popup-video figure img {
  width: 100%;
  display: block
}

.video-card .popup-video span {
  position: absolute;
  display: block;
  bottom: 10px;
  left: 10px;
  transition: .3s
}

.video-card .popup-video span img {
  display: block
}

.video-card .video-text p {
  font-size: 1.125rem;
  font-weight: 900;
  color: #231f20;
  line-height: 1.4
}

.timeline-container .customized-timeline {
  display: flex;
  flex-grow: 1;
  flex-direction: column
}

.timeline-container .customized-timeline .timeline-event {
  display: flex;
  position: relative;
  min-height: 70px
}

.timeline-container .customized-timeline .timeline-event.even-item {
  flex-direction: row-reverse
}

.timeline-container .customized-timeline .timeline-event.even-item .timeline-event-separator span.custom-marker img {
  transform: rotate(180deg)
}

.timeline-container .customized-timeline .timeline-event.even-item .timeline-event-content .timeline-item h5 {
  text-align: right
}

.timeline-container .customized-timeline .timeline-event.even-item .timeline-event-content .timeline-item p {
  text-align: right
}

.timeline-container .customized-timeline .timeline-event .timeline-event-opposite {
  flex: 1;
  padding: 0 1rem;
  text-align: right
}

.timeline-container .customized-timeline .timeline-event .timeline-event-separator {
  flex: 0;
  display: flex;
  align-items: center;
  flex-direction: column
}

.timeline-container .customized-timeline .timeline-event .timeline-event-separator span.custom-marker {
  display: grid;
  place-items: center;
  width: 75px;
  height: 75px;
  background-color: #7a7d7e;
  border-radius: 50%;
  cursor: pointer;
  transition: all .2s ease 0s
}

.timeline-container .customized-timeline .timeline-event .timeline-event-separator span.custom-marker img {
  width: 50%
}

.timeline-container .customized-timeline .timeline-event .timeline-event-separator .timeline-event-connector {
  background: #b1b1b1;
  width: 1px;
  flex-grow: 1
}

.timeline-container .customized-timeline .timeline-event .timeline-event-content {
  flex: 1;
  padding: 0 1rem;
  text-align: left
}

.timeline-container .customized-timeline .timeline-event .timeline-event-content .timeline-item h5 {
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.4;
  color: #333;
  margin-bottom: 12px
}

.timeline-container .customized-timeline .timeline-event .timeline-event-content .timeline-item p {
  font-size: 1.5rem;
  color: #7a7d7e;
  margin-bottom: 1.5rem;
  line-height: 1.4
}

.timeline-container .customized-timeline .timeline-event .timeline-event-content .timeline-item img {
  width: 100%;
  border-radius: 1rem
}

.timeline-container .customized-timeline .timeline-event:hover .timeline-event-separator span.custom-marker {
  background-color: #0033a1
}

@media (max-width:767px) {
  .timeline-container .customized-timeline .timeline-event.even-item {
    flex-direction: initial
  }

  .timeline-container .customized-timeline .timeline-event.even-item .timeline-event-content .timeline-item h5 {
    text-align: left;
    font-size: 1.75rem
  }

  .timeline-container .customized-timeline .timeline-event.even-item .timeline-event-content .timeline-item p {
    text-align: left;
    font-size: 1.25rem
  }

  .timeline-container .customized-timeline .timeline-event.even-item .timeline-event-separator span.custom-marker img {
    transform: rotate(0)
  }

  .timeline-container .customized-timeline .timeline-event .timeline-event-opposite {
    display: none
  }

  .timeline-container .customized-timeline .timeline-event .timeline-event-separator span.custom-marker {
    width: 45px;
    height: 45px
  }

  .timeline-container .customized-timeline .timeline-event .timeline-event-separator span.custom-marker img {
    transform: rotate(0)
  }

  .timeline-container .customized-timeline .timeline-event .timeline-event-content {
    padding-bottom: 20px
  }
}

.card-modal {
  position: relative;
  display: flex;
  height: 100%
}

.card-modal .card .content article {
  line-height: 1.6
}

@media (max-width:575.98px) {
  .card-modal {
    margin-bottom: 30px
  }

  .card-modal .modal-content {
    width: 94%;
    left: auto;
    right: 0
  }
}

.modal-content {
  background: #fff;
  border-radius: 20px;
  box-sizing: border-box;
  max-width: 60vw;
  margin: 0 auto;
  min-height: 50vw;
  position: relative;
  width: 100%
}

.modal-content h4 {
  font-size: 1.5rem;
  font-weight: 900;
  text-align: center;
  color: #0033a1;
  margin-bottom: 20px
}

.modal-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  margin: 0 auto
}

.mfp-close-btn-in .mfp-close {
  color: #231f20
}

table caption {
  font-size: .875rem;
  margin: .5em 0 .75em
}

table tr {
  padding: .35em;
  display: flex
}

table th {
  padding: .625em;
  font-size: .875rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 800;
  border-bottom: 1px solid #231f20
}

table th:first-child {
  width: 60%
}

table th:nth-child(2) {
  width: 25%
}

table th:last-child {
  width: 15%
}

table td {
  padding: .625em;
  vertical-align: top;
  font-size: .875rem;
  border-bottom: 1px solid #8c90a1
}

table td strong {
  font-weight: 700
}

table td:first-child {
  width: 60%
}

table td:nth-child(2) {
  width: 25%
}

table td:last-child {
  width: 15%
}

@media screen and (max-width:600px) {
  table {
    border: 0
  }

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

  table tr {
    display: block;
    margin-bottom: .625em;
    border-bottom: 1px solid #8c90a1
  }

  table th {
    width: 100% !important
  }

  table td {
    display: block;
    width: 100% !important;
    border-bottom: 0
  }

  table td::before {
    content: attr(data-label);
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%
  }

  table td:last-child {
    border-bottom: 0
  }
}

.hc-pro-popup {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 27px 34px 0 rgba(154, 167, 189, .32);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 2rem;
  opacity: .97;
  width: 45vw;
  z-index: 100
}

.hc-pro-popup img {
  display: block;
  margin: 0 auto 10px
}

.hc-pro-popup p.head {
  font-size: 1.5rem;
  letter-spacing: .75px;
  color: #0033a1;
  font-weight: 900;
  text-align: center;
  line-height: 1.4
}

.hc-pro-popup p.text {
  font-size: 1rem;
  letter-spacing: .5px;
  color: #000;
  font-weight: 900;
  text-align: center;
  line-height: 1.4
}

.hc-pro-popup .hc-prof-btn {
  background-color: #0033a1;
  border-radius: 1.25rem;
  color: #fff;
  font-size: .875rem;
  font-weight: bolder;
  line-height: 1.4;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  padding: 10px 20px
}

.hc-pro-popup .popup-close {
  position: absolute;
  right: 20px;
  top: 5px;
  font-weight: 900;
  color: #0033a1;
  padding: 10px;
  z-index: 9999
}

@media (max-width:575.98px) {
  .hc-pro-popup {
    width: 95%
  }
}

.contacts {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0
}

@media (max-width:767.98px) {
  .contacts {
    display: block
  }
}

.contacts * {
  font-size: .875rem
}

.contacts .info-text img {
  margin-right: 10px
}

.news-detail img {
  width: 100%
}

.card-sustainability {
  border-radius: 1rem
}

.card-sustainability figure img {
  width: 100%
}

.card-sustainability .content {
  color: #7a7d7e;
  line-height: normal;
  padding: 2rem 1rem
}

.search-results .result {
  border-radius: 1rem;
  box-shadow: 20px 20px 60px 0 rgba(2, 8, 22, .1019607843);
  padding: 1rem
}

.search-results .result a {
  align-items: center;
  color: #0033a1;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 800;
  gap: 10px
}

.search-results .result a:after {
  border: 1.6px solid #0033a1;
  border-bottom-width: 0;
  border-right-width: 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 8px;
  transform: rotate(135deg);
  width: 8px
}

.user-login-form input {
  width: 100% !important;
}

.user-login-form #edit-submit {
  margin-top: 20px !important;
}

.user-login-form #edit-submit {
  margin-top: 20px !important;
}

.form-type-password {
  margin-top: 20px !important;
}

.user-login-form label {
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 12px !important;
  display: block !important;
  margin-bottom: 5px !important;
}

.user-login-form input[type=text],
.user-login-form input[type=password] {
  border: 1px solid #bbb !important;
  height: 45px !important;
  padding: 0 15px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  border-radius: 5px !important;
}

.user-login-form input[type=submit] {
  align-items: revert !important;
  border: 1px solid #0033a1 !important;
  display: revert !important;
  justify-content: revert !important;
  padding: 0px !important;
  background-color: #0033a1 !important;
  color: #fff !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
  transition: all .2s !important;
  border-radius: 5px !important;
  height: 45px !important;
}

.user-login-form input[type=submit]:hover {
  border-color: #0033a1 !important;
  background-color: transparent !important;
  color: #0033a1 !important;
}

.customFuP>small {
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 8px;
}

.float-left {
  float: left;
}

.webform-confirmation__message {
  color: black;
  font-weight: 700
}

.webform-confirmation__back a {
  background: #0033a1;
  color: white !important;
  display: block;
  padding: 5px 30px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 700
}

.webform-confirmation {
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.formh2 {
  color: #19459d !important;
  text-align: center;
  line-height: normal;
}

.form-cariers-span {
  width: 100%;
  border-radius: 0;
  border-bottom: 2px solid #231f20;
  position: relative;
}

.form-cariers-span a {
  background-color: inherit;
  font-size: .875rem;
  height: 36px;
  line-height: 36px;
  color: rgb(33, 37, 41);
}

.form-cariers-span input[type="submit"] {
  position: absolute;
  background-color: #0033a1 !important;
  color: #fff;
  font-size: .875rem !important;
  font-weight: 700;
  line-height: 23px !important;
  width: 100px !important;
  align-items: center;
  border: 0 !important;
  border-radius: 50px !important;
  display: inline-flex;
  justify-content: center;
  padding: 0;
  right: 0;
  bottom: 3px;
}

@media(max-width: 767.98px) {
  .cookiesjsr-layer--body ul {
    display: block !important
  }
}

@media(max-width: 767.98px) {
  .cookiesjsr-banner {
    max-height: 70vh
  }
}

@font-face {
  font-family: "abeatbyKai";
  src: url(../fonts/AbeatbyKai.eot);
  src: url("../fonts/AbeatbyKai.eot?#iefix") format("embedded-opentype"), url(../fonts/AbeatbyKai.woff2) format("woff2"), url(../fonts/AbeatbyKai.woff) format("woff"), url(../fonts/AbeatbyKai.ttf) format("truetype"), url("../fonts/AbeatbyKai.svg#AbeatbyKai") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

.new-product-page .color-blue {
  color: #0586BE
}

.new-product-page .font-abeatby {
  font-family: "abeatbyKai", sans-serif;
  line-height: normal
}

.new-product-page .font-visby {
  font-family: "Visby CF", sans-serif
}

.new-product-page .card {
  box-shadow: 0 22px 22px 0 rgba(155, 155, 155, .25) !important;
  padding: 42px 34px;
  border-radius: 16px !important
}

.new-product-page .card ul {
  margin-bottom: 0
}

.new-product-page .gray-bg {
  background-color: #F4F6F9 !important
}

.new-product-page .patent-pending {
  float: right;
  display: block
}

@media (max-width:991px) {
  .new-product-page .patent-pending {
    margin: 0 auto;
    float: none
  }
}

.new-product-page .bg-green {
  background-color: #f1fcfc
}

.new-product-page .gray-section {
  background-color: #F7F8FB
}

.new-product-page .color-headline {
  color: #213256
}

.new-product-page .headlinePadding {
  padding: 140px 0
}

@media (max-width:767px) {
  .new-product-page .headlinePadding {
    padding: 35px 0
  }

  .new-product-page .headlinePadding h1 {
    margin-bottom: 0
  }
}

.new-product-page h1 {
  text-align: center;
  font-family: "abeatbyKai", sans-serif
}

.new-product-page h2 {
  font-family: "Visby CF", sans-serif;
  text-align: center;
  font-weight: 800 !important
}

.new-product-page h3,
.new-product-page h4 {
  font-family: "Visby CF", sans-serif;
  font-weight: 800 !important
}

.new-product-page .new-product-page-banner {
  position: relative
}

.new-product-page .new-product-page-banner>img {
  position: relative
}

.new-product-page .new-product-page-banner .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%
}

.new-product-page .new-product-page-banner .container .white-bg {
  height: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center
}

@media (max-width:767px) {
  .new-product-page .new-product-page-banner .container .white-bg img {
    width: 100%
  }
}

.new-product-page .logospan {
  display: block;
  height: 60px
}

@media (max-width:767px) {
  .new-product-page .logospan {
    height: 50px
  }

  .new-product-page .logospan img {
    max-width: 59%
  }
}

.new-product-page .f-light {
  font-weight: 300
}

.new-product-page .line-height-normal {
  line-height: normal
}

.new-product-page ul li {
  font-weight: 300;
  color: #333
}

.new-product-page .mw-560 {
  max-width: 560px
}

.new-product-page .mw-768 {
  max-width: 768px
}

.new-product-page .mw-768 span {
  font-size: 18px;
  font-family: "Visby CF", sans-serif;
  font-weight: 300;
  line-height: normal
}

.new-product-page .mw-768 .col-12 {
  margin-bottom: 25px
}

.new-product-page .mw-768 .col-12 img {
  margin-bottom: 15px
}

.new-product-page .fw-300 {
  font-weight: 300
}

.new-product-page .fw-700 {
  font-weight: 700
}

.new-product-page .fw-800 {
  font-weight: 800
}

.new-product-page .dummySchemaBoxOuter {
  position: relative
}

.new-product-page .dummySchemaBoxOuter .card {
  padding-bottom: 44%;
  box-shadow: 0 22px 22px 0 rgba(155, 155, 155, .25);
  box-shadow: 0 22px 22px 0 rgba(155, 155, 155, .25);
  height: auto;
  background-color: #fff
}

.new-product-page .dummySchemaBoxOuter.square .card {
  padding-bottom: 65%
}

.new-product-page .dummySchemaBoxOuter .row {
  position: relative
}

.new-product-page .dummySchemaBoxOuter .schemaBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 90%;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center
}

.new-product-page .dummySchemaBoxOuter .schemaBox img {
  width: 100%
}

@media (max-width:768px) {
  .new-product-page .informationList li {
    font-size: 12px;
    line-height: normal;
    margin-bottom: 10px
  }
}

.new-product-page .float-right {
  float: right
}

.new-product-page .float-left {
  float: left
}

@media (max-width:991px) {
  .new-product-page .bigfiguremobilfix {
    max-width: 168px;
    margin: 15px auto;
    display: block
  }
}

.new-product-page .schmaInfoMw-100 {
  max-width: 100%
}

@media (max-width:767px) {
  .new-product-page .eyeschema .col-lg-4 {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center
  }

  .new-product-page .eyeschema .col-lg-4 img {
    margin: 0 10px 0 0 !important;
    max-width: 74px
  }
}

@media (max-width:767px) {
  .new-product-page .mobile-w-100 {
    width: 100%
  }
}

@media (max-width:767px) {
  .new-product-page .card.gray-bg {
    border-radius: 0
  }
}

@media (max-width:767px) {
  .new-product-page .dummySchemaBoxOuter .card {
    border-radius: 3px !important
  }
}

.color-headline {
  color: #213256
}

.color-text {
  color: #333
}

@media(max-width:767px) {
  .mobilePaddingNone {
    padding: 0
  }

  .mobilePaddingNone .card.gray-bg {
    border-radius: 0 !important;
    box-shadow: none !important
  }
}

.new-product-page .animatable {
  visibility: hidden;
  animation-play-state: paused
}

.new-product-page .animated {
  visibility: visible;
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-play-state: running
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  60% {
    opacity: 0
  }

  20% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px)
  }

  60% {
    transform: translateX(20px)
  }

  80% {
    transform: translateX(-5px)
  }

  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px)
  }

  60% {
    transform: translateX(-20px)
  }

  80% {
    transform: translateX(5px)
  }

  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(.3)
  }

  50% {
    transform: scale(1.05)
  }

  70% {
    transform: scale(.9)
  }

  100% {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes moveUp {
  0% {
    opacity: 1;
    transform: translateY(40px)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes fadeBgColor {
  0% {
    background: none
  }

  70% {
    background: none
  }

  100% {
    background: #464646
  }
}

.new-product-page .animated.animationDelay {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s
}

.new-product-page .animated.animationDelayMed {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s
}

.new-product-page .animated.animationDelayLong {
  animation-delay: 1.6s;
  -webkit-animation-delay: 1.6s
}

.new-product-page .animated.fadeBgColor {
  animation-name: fadeBgColor
}

.new-product-page .animated.bounceIn {
  animation-name: bounceIn
}

.new-product-page .animated.bounceInRight {
  animation-name: bounceInRight
}

.new-product-page .animated.bounceInLeft {
  animation-name: bounceInLeft
}

.new-product-page .animated.fadeIn {
  animation-name: fadeIn
}

.new-product-page .animated.fadeInDown {
  animation-name: fadeInDown
}

.new-product-page .animated.fadeInUp {
  animation-name: fadeInUp
}

.new-product-page .animated.moveUp {
  animation-name: moveUp
}

/* yeni css */

/* yeni footer */


footer#vsy-footer .evmann-logo {
   margin-top: 1.5rem;
   margin-bottom: 2rem;
}
footer#vsy-footer .footer-logo {
   margin-bottom: 1.5rem
}
.footer-logo {
   width: auto;
   height: 80px;
   display: flex;
   justify-content: center;
   margin-left: auto;
   margin-right: auto;
}
.social img {
   display: block;
}
.social a {
   transition: all .2s;
}

.social a:hover {
   opacity: 0.8;
}

.followText {
   color: #0033A1;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 900;
   margin-bottom: 0.8rem;
   line-height: 1;
   text-align: center;
}
.vsy-footer-col {
   max-width: 250px;
   width: 100%;
   /* background: red; */
   word-break: break-word;
}

.vsy-footer-col ul {
   display: block !important;
}
.vsy-footer-col-text {
   font-weight: 400;
   color:#7a7a7a;
}
@media (max-width:768px) {
   .vsy-footer-col {
       max-width: revert;
       width: 100%;

   }
}


/* yeni banner  */



#banner {
   min-height: revert;
   padding-bottom: revert;
}

#breadcrumb {
   padding: 0;
}
#breadcrumb > div {
   padding-bottom: 5px;
}
#breadcrumb img {
   display: block;
}

/* yeni about */

.listAbout a {
   display: block;
}
.listAbout img {
   width: 100%;
   display: block;
   border-radius: 10px;
   transition: all .2s;
}
.listAbout a:hover img {
   filter: grayscale(1);
}
.listAbout p {
 color: #5E5E5C;
 font-weight: 700;
 font-size: 1rem;
 margin-bottom: 1rem;
 line-height: 1.3;
}

@media (max-width:767px) {
   .listAbout p {
       font-size: 16px;
   }
}
.boldText {
   margin-bottom: revert !important;
   display: revert !important;
}

/* yeni products  */

.productsList__divider {
  width: 100%;
  height: 46px;
  background-repeat: no-repeat !important;
  background-position: right 15px bottom !important;
  background-size: 60px !important;
  margin-bottom: 24px;
  padding-left: 20px;
}
.productsList__divider.icon2 {
background-position: right 15px center !important;
background-size: 80px !important;
}
.productsList__divider h5 {
  line-height: 46px;
  margin: 0;
  color: #fff;
  text-align: left;
}

.productsList__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-gap: 10px;
}

@media (max-width:992px) {
  .productsList__content {
      grid-gap: 0;
      grid-template-columns: 1fr; 
  }
}
@media (max-width:768px) {
.productsList__divider.icon1 {
  background-position: right 5px bottom !important;
  background-size: 40px !important;
}
.productsList__divider h5 {
  font-size: .85rem;
}
}

.productsList__content-title {
  background-color: rgb(209, 209, 209);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.productsList__content-title span {
  color: #6d6e71;
  font-weight: 400;
  display: block;
  font-size: 24px;
  line-height: 1.3;
  font-style: italic;
}
@media (max-width:992px) {
  .productsList__content-title {
      padding: 12px;
      display: revert;
  }
  .productsList__content-title span {
      font-size: 1rem;
  }
}

.productsList__content p {
  color: #5E5E5C;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 18px;
  text-align: center;
}

@media (max-width:992px) {
  .productsList__content p {
      margin-top: 24px;
  }
}

.productsList__content p:empty {
  margin-bottom: 0;
}
.productsList__content a {
  display: block;
  transition: all .2s;
}
.productsList__content a:hover {
  opacity: 0.65;
}
.productsList__content img {
  height: 132px;
  display: block;
  margin: 0 auto;
}
@media (max-width:992px) {
  .productsList__content img {
      height: 200px;
  }
}

@media (max-width:576px) {
  .productsList__content img {
      height: 132px;
  }
}



.productsListArea {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 48px;
}


.productsListAreaInner {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}


.borderSeperator {
  border-bottom: 5px solid rgba(168,171,173, 0.2);
}

img.toricLogo {
 width: 60px;
 display: block;
}

/*Sara*/
.productsList__subheader h4 {
text-align: center;
}
.productsList__subheader p {
text-align: center;
}
.lightbluebg {
background-color: #65bfcb;
color: #ffffff;
line-height: 1.3;
font-weight: 500;
margin-bottom: 0;
}
.darkbluebg {
background-color: #274896;
color: #ffffff;
line-height: 1.3;
font-weight: 500;
margin-bottom: 0;
}
.lightgraybg {
background-color: #e9e9e9;
color: #5e5f5d;
line-height: 1.8;
font-weight: 600;
}
.productsList__content p.productsList__content_head {
font-weight: 400;
position: relative;
}
.productsList__content p.productsList__content_head:before {
content: "";
font-weight: 400;
position: absolute;
background-color: #cbcccc;
width: 70%;
height: 1px;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
}
.productsList__content.productsList__contentfull {
display: grid;
grid-template-columns: 1fr; 
grid-gap: 10px;
}
.productsList__content.productsList__content1 {
display: grid;
grid-template-columns: 1fr 1fr; 
grid-gap: 10px;
}
.productsList__content.productsList__content2 {
display: grid;
grid-template-columns: 1fr 1fr 1fr; 
grid-gap: 10px;
}
.productsList__content-column {
padding: 20px 10px;
}
.productsList__content.softbluebg {
background-color: #ecf9fb;
}
.productsList__content.softgraybg {
background-color: #f3f4f4;
}
p.note {
color: #5E5E5C;
font-size: 14px;
font-weight: 400;
}
p.info {
font-size: 15px;
text-align: left !important;
font-weight: 400;
line-height: 1.4;
color: #5E5E5C;
}
img.w50 {
height: auto;
width: 50%;
}
img.w60 {
height: auto;
width: 60%;
}
img.w70 {
height: auto;
width: 70%;
}
img.w100 {
height: auto;
width: 100%;
}
img.h120 {
height: 120px;
}
img.h140 {
height: 140px;
}
img.h150 {
height: 150px;
}
img.h220 {
height: 220px;
}
.productlistbullet li {
font-size: 15px;
line-height: 1.3;
}
.ml-0 {
margin-left: 0 !important;
}
.mr-0 {
margin-right: 0 !important;
}
.pl-0 {
padding-left: 0 !important;
}
.headertabs ul {
display: flex;
align-items: center;
padding-left: 0;
margin-left: 80px;
margin: 30px 0 40px;
}
.productsList__content .productlistbullet a {
color: #5E5E5C;
}
.headertabs li {
background-color: rgb(209, 209, 209);
padding: 5px 30px;
list-style: none;
margin-right: 50px;
width: 180px;
position: relative;
}
.headertabs li:last-child {
margin-right: 0;
}
.headertabs li a {
color: #5E5E5C;
text-align: center;
display: block;
}
.headertabs li:not(:last-child):before {
content: "";
height: 100%;
width: 1px;
background: #000000;
right: -25px;
bottom: 0;
position: absolute;
}
.headericon {
width: 50px;
margin-right: 30px;
display: inline-block;
}
a.productbox {
height: 150px;
}
.goupbutton {
position: fixed;
bottom: 15px;
right: 15px;
width: 50px;
height: 50px;
background: linear-gradient(225deg, #007268, #709be7);
border-radius: 50%;
}
.goupbutton a {
display: block;
}
.goupbutton img {
display: block;
width: 80%;
margin: 4px auto 0;
}
@media (max-width:992px) {
.productsList__content.productsList__content1 {
  grid-template-columns: 1fr;
}
 .productsList__content.productsList__content2 {
  grid-template-columns: 1fr;
}
.headertabs ul {
  flex-direction: column;
}
.headertabs ul {
  flex-direction: column;
  padding-left: 0;
}
.headertabs li {
  margin-right: 0;
  width: 100%;
  margin-bottom: 10px;
}
.headertabs li:not(:last-child):before {
  content: none;
}
.mbw80 {
  height: auto !important;
  width: 80%;
}
.mbpdtop-0 {
  padding-top: 0;
}
}
.comingProducts {
    text-align: center;
}
.comingText {
    background-color: #e26386;
    text-align: center;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 400;
    border-radius: 5px;
}
.btnBox {position: absolute; top: 50%; right: 12px; transform: translate(0%, -50%);}
@media only screen and (max-width: 991px) {
  .btnBox {
position: revert; top: revert; right: revert; transform: revert; display: flex ; justify-content: center; margin-bottom: 12px; 
  }
}