/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/modern-normalize/modern-normalize.css ***!
  \******************************************************************************************************/
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

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

/**
Use a more readable tab size (opinionated).
*/

html {
	-moz-tab-size: 4;
	tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

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

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

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

abbr[title] {
	text-decoration: underline dotted;
}

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

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

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

small {
	font-size: 80%;
}

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

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

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

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

/*
Forms
=====
*/

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

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

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

button,
select { /* 1 */
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

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

/**
Remove the inner border and padding in Firefox.
*/

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

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

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

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

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

progress {
	vertical-align: baseline;
}

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

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

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

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

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

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

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

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

/*
Interactive
===========
*/

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

summary {
	display: list-item;
}

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/assets/scss/main.scss ***!
  \******************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: Oswald;
  font-weight: 300;
  src: url(../assets/fonts/Oswald-Light.ttf);
  font-display: swap;
}
@font-face {
  font-family: Oswald;
  font-weight: 400;
  src: url(../assets/fonts/Oswald-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: Oswald;
  font-weight: 500;
  src: url(../assets/fonts/Oswald-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: Oswald;
  font-weight: 600;
  src: url(../assets/fonts/Oswald-SemiBold.ttf);
  font-display: swap;
}
@font-face {
  font-family: Oswald;
  font-weight: 700;
  src: url(../assets/fonts/Oswald-Bold.ttf);
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  font-weight: 100;
  src: url(../assets/fonts/Montserrat-Thin.ttf);
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  font-weight: 200;
  src: url(../assets/fonts/Montserrat-ExtraLight.ttf);
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  font-weight: 300;
  src: url(../assets/fonts/Montserrat-Light.ttf);
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  font-weight: 400;
  src: url(../assets/fonts/Montserrat-Regular.ttf);
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  font-weight: 500;
  src: url(../assets/fonts/Montserrat-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  font-weight: 600;
  src: url(../assets/fonts/Montserrat-SemiBold.ttf);
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  font-weight: 700;
  src: url(../assets/fonts/Montserrat-Bold.ttf);
  font-display: swap;
}
/* Vars:
  ========================================================================== */
body {
  font-family: Montserrat, sans-serif;
  color: #000;
  color: var(--black-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  background-color: #FFF;
  background-color: var(--backgroundColor);
}

a:not(.def-link) {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.ibg {
  background-repeat: no-repeat;
}
.ibg--cover {
  background-size: cover;
  background-position: center center;
}
.ibg--contain {
  background-size: contain;
  background-position: center center;
}

.def-modal {
  transition: background 0.8s, z-index 0s 0.8s;
  background: rgba(50, 50, 50, 0);
  z-index: -50;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.def-modal.modal-active {
  transition: all 0s;
  z-index: 450;
  background: rgba(50, 50, 50, 0.4);
}
.def-modal.modal-active .def-modal__outer-container {
  transition: all 0.8s;
  transform: translateY(-100%);
}
.def-modal__outer-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.8s;
  height: 100%;
  top: 100%;
  left: 0;
  overflow-y: scroll;
  box-sizing: border-box;
  z-index: 5;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.def-modal__outer-container::-webkit-scrollbar {
  display: none;
}
.def-modal__inner-container {
  margin: auto;
  padding: 50px 20px;
}
.def-modal__inner-container--100 {
  width: 100%;
}
.def-modal__inner-container--75 {
  width: 75%;
}
@media screen and (max-width: 772px) {
  .def-modal__inner-container--75 {
    width: 100%;
  }
}
.def-modal__inner-container--50 {
  width: 50%;
}
@media screen and (max-width: 992px) {
  .def-modal__inner-container--50 {
    width: 75%;
  }
}
@media screen and (max-width: 772px) {
  .def-modal__inner-container--50 {
    width: 100%;
  }
}
.def-modal__wrapper {
  position: relative;
  z-index: 10;
  background: #FFF;
  background: var(--backgroundColor);
  border-radius: 4px;
  padding: 15px 25px;
}
.def-modal__top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.def-modal__title {
  justify-self: start;
}
.def-modal__cross {
  justify-self: end;
  cursor: pointer;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
}
.def-modal__cross-line {
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #86BC9C;
  border: 1px solid var(--highlightColor);
  background: #86BC9C;
  background: var(--highlightColor);
  border-radius: 2px;
  transform-origin: 50% 50%;
}
.def-modal__cross-line--1 {
  transform: translateX(1px) rotate(-135deg);
}
.def-modal__cross-line--2 {
  transform: translateX(-1px) rotate(135deg);
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

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

.def-slider {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
  /* Слайдер */
  /* Слайдер запущен */
  /* Слайдер с точками */
  /* Ограничивающая оболочка */
  /* Лента слайдов */
  /* Слайд */
  /* Слайд активный (показывается) */
  /* Слайд основной */
  /* Слайд по центру */
  /* Клонированный слайд */
  /* Стрелка */
  /* Точки (булиты) */
}
.def-slider .slick-list {
  flex: 100% 0 0;
  order: 0;
}
.def-slider:not(.arrows) .slick-arrow {
  display: none !important;
}
.def-slider.arrows .slick-list {
  flex-basis: 0;
  flex-grow: 1;
}
.def-slider.arrows .slick-arrow {
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  z-index: 10;
  background-color: transparent;
  border: none;
  position: relative;
}
.def-slider.arrows .slick-arrow:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #86BC9C;
  border-right: 15px solid var(--highlightColor);
  border-top: 15px solid #86BC9C;
  border-top: 15px solid var(--highlightColor);
  transition: all 0.2s;
}
.def-slider.arrows .slick-arrow:active:before {
  filter: brightness(0.9);
}
.def-slider.arrows .slick-arrow.slick-prev:before {
  transform: rotate(-135deg);
}
.def-slider.arrows .slick-arrow.slick-next:before {
  transform: rotate(45deg);
}
.def-slider.arrows .slick-arrow.slick-disabled {
  border-color: #333;
}
.def-slider:not(.dots) .slick-dots {
  display: none !important;
}
.def-slider.dots {
  /* Активная точка */
  /* Элемент точки */
}
.def-slider.dots .slick-dots {
  order: 2;
  flex: 0 0 100%;
  margin: 50px 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex-wrap: wrap;
}
.def-slider.dots .slick-dots li {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.def-slider.dots .slick-dots li button {
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0 7px;
  font-size: 0;
  background: transparent;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid #86BC9C;
  border: 2px solid var(--highlightColor);
  transition: all 0.4s;
}
.def-slider.dots .slick-dots li.slick-active button {
  background: #86BC9C;
  background: var(--highlightColor);
}

.def-text-wrapper {
  color: #000;
  color: var(--black-text);
  margin-bottom: 45px;
}
.def-text-wrapper > img {
  width: 33%;
  float: right;
  border-radius: 5px;
  margin: 15px;
}
.def-text-wrapper a {
  text-decoration: underline !important;
  color: #0000EE !important;
  cursor: pointer;
}
.def-text-wrapper h1 {
  font-weight: 700;
  font-size: calc((100vw - 576px)/(992 - 576)*(3 - 2) + 2rem);
  line-height: 1.1em;
  text-transform: none;
}
@media screen and (min-width: 992px) {
  .def-text-wrapper h1 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 576px) {
  .def-text-wrapper h1 {
    font-size: 2rem;
  }
}
.def-text-wrapper h2 {
  font-weight: 700;
  font-size: calc((100vw - 576px)/(992 - 576)*(3 - 2) + 2rem);
  line-height: 1.1em;
}
@media screen and (min-width: 992px) {
  .def-text-wrapper h2 {
    font-size: 3rem;
  }
}
@media screen and (max-width: 576px) {
  .def-text-wrapper h2 {
    font-size: 2rem;
  }
}
.def-text-wrapper h3 {
  font-weight: 600;
  font-size: calc((100vw - 576px)/(992 - 576)*(1.875 - 1.375) + 1.375rem);
}
@media screen and (min-width: 992px) {
  .def-text-wrapper h3 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 576px) {
  .def-text-wrapper h3 {
    font-size: 1.375rem;
  }
}
.def-text-wrapper h4 {
  font-weight: 400;
  font-size: calc((100vw - 576px)/(992 - 576)*(1.375 - 1.125) + 1.125rem);
  line-height: 1.1em;
}
@media screen and (min-width: 992px) {
  .def-text-wrapper h4 {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 576px) {
  .def-text-wrapper h4 {
    font-size: 1.125rem;
  }
}
.def-text-wrapper strong {
  font-family: Oswald, sans-serif;
  font-weight: inherit;
}
.def-text-wrapper mark {
  color: #FFF;
  color: var(--white-text);
  background-color: #86BC9C;
  background-color: var(--highlightColor);
  font-weight: inherit;
  padding: 0 0.2em;
}
.def-text-wrapper mark a {
  color: #FFF !important;
  color: var(--white-text) !important;
}
.def-text-wrapper p {
  font-weight: 400;
  font-size: calc((100vw - 576px)/(992 - 576)*(1 - 0.75) + 0.75rem);
  line-height: 1.1em;
  color: #000;
  color: var(--black-text);
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
}
@media screen and (min-width: 992px) {
  .def-text-wrapper p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 576px) {
  .def-text-wrapper p {
    font-size: 0.75rem;
  }
}
.def-text-wrapper ul li, .def-text-wrapper ol li {
  font-weight: 400;
  font-size: calc((100vw - 576px)/(992 - 576)*(1 - 0.75) + 0.75rem);
  line-height: 1.1em;
  position: relative;
  margin: 10px 0;
}
@media screen and (min-width: 992px) {
  .def-text-wrapper ul li, .def-text-wrapper ol li {
    font-size: 1rem;
  }
}
@media screen and (max-width: 576px) {
  .def-text-wrapper ul li, .def-text-wrapper ol li {
    font-size: 0.75rem;
  }
}
.def-text-wrapper .table-wrapper {
  width: 100%;
  overflow: auto;
}
.def-text-wrapper table {
  border-collapse: collapse;
  width: 100%;
  text-align: center;
  overflow: auto;
}
.def-text-wrapper table thead {
  border-bottom: 1px solid #00205b;
}
.def-text-wrapper table thead th {
  padding: 15px;
  font-weight: 700;
  font-size: 1.375rem;
  text-align: center;
  color: #4E4E4E;
}
.def-text-wrapper table tbody {
  text-align: left;
}
.def-text-wrapper table tbody tr > td {
  padding: 15px;
}
.def-text-wrapper table tbody tr:not(:last-child) {
  border-bottom: 1px solid #9b9b9b;
}
.def-text-wrapper table tbody tr td:not([rowspan]):not(:last-child) {
  border-right: 1px solid #9b9b9b;
}
.def-text-wrapper table tbody tr td[rowspan] {
  font-weight: 700;
  font-size: 1rem;
}
.def-text-wrapper table::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.def-text-wrapper table::-webkit-scrollbar-track {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  background-clip: padding-box;
  background-color: #D8D8D8;
  border-radius: 5px;
}
.def-text-wrapper table::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 2px;
}

.container {
  box-sizing: border-box;
  width: 1270px;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
  .container {
    width: 1150px;
  }
}
@media screen and (max-width: 1200px) {
  .container {
    width: 960px;
  }
}
@media screen and (max-width: 992px) {
  .container {
    width: 745px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    width: 550px;
  }
}
@media screen and (max-width: 576px) {
  .container {
    width: 100%;
    padding: 0 6px;
  }
}
.fx {
  display: flex;
}
.fx-g--0 {
  gap: 0px;
}
.fx-g--5 {
  gap: 5px;
}
.fx-g--10 {
  gap: 10px;
}
.fx-g--15 {
  gap: 15px;
}
.fx-g--25 {
  gap: 25px;
}
.fx-g--35 {
  gap: 35px;
}
.fx-d--r {
  flex-direction: row;
}
.fx-d--r-rev {
  flex-direction: row-reverse;
}
.fx-d--c {
  flex-direction: column;
}
.fx-d--c-rev {
  flex-direction: column-reverse;
}
.fx-jc--s {
  justify-content: flex-start;
}
.fx-jc--c {
  justify-content: center;
}
.fx-jc--e {
  justify-content: flex-end;
}
.fx-jc--sb {
  justify-content: space-between;
}
.fx-jc--sa {
  justify-content: space-around;
}
.fx-ai--s {
  align-items: flex-start;
}
.fx-ai--c {
  align-items: center;
}
.fx-ai--e {
  align-items: flex-end;
}
.fx-ai--sb {
  align-items: space-between;
}
.fx-ai--sa {
  align-items: space-around;
}
.fx-wr--nw {
  flex-wrap: nowrap;
}
.fx-wr--w {
  flex-wrap: wrap;
}
.fx-wr--w-rev {
  flex-wrap: wrap-reverse;
}
.fx-od--0 {
  order: 0;
}
.fx-od--1 {
  order: 1;
}
.fx-od--2 {
  order: 2;
}
.fx-od--3 {
  order: 3;
}
.fx-od--4 {
  order: 4;
}
.fx-od--5 {
  order: 5;
}
.fx-od--6 {
  order: 6;
}
.fx-od--7 {
  order: 7;
}
.fx-od--8 {
  order: 8;
}
.fx-od--9 {
  order: 9;
}
.fx-od--10 {
  order: 10;
}
.fx-el--100 {
  flex-basis: 100%;
}
.fx-el--95 {
  flex-basis: 95%;
}
.fx-el--90 {
  flex-basis: 90%;
}
.fx-el--85 {
  flex-basis: 85%;
}
.fx-el--80 {
  flex-basis: 80%;
}
.fx-el--75 {
  flex-basis: 75%;
}
.fx-el--70 {
  flex-basis: 70%;
}
.fx-el--66 {
  flex-basis: 66.6666666667%;
}
.fx-el--65 {
  flex-basis: 65%;
}
.fx-el--60 {
  flex-basis: 60%;
}
.fx-el--55 {
  flex-basis: 55%;
}
.fx-el--50 {
  flex-basis: 50%;
}
.fx-el--45 {
  flex-basis: 45%;
}
.fx-el--40 {
  flex-basis: 40%;
}
.fx-el--35 {
  flex-basis: 35%;
}
.fx-el--33 {
  flex-basis: 33.3333333333%;
}
.fx-el--30 {
  flex-basis: 30%;
}
.fx-el--25 {
  flex-basis: 25%;
}
.fx-el--20 {
  flex-basis: 20%;
}
.fx-el--15 {
  flex-basis: 15%;
}
.fx-el--10 {
  flex-basis: 10%;
}
.fx-el--5 {
  flex-basis: 5%;
}
.fx-el--s0 {
  flex-shrink: 0;
}
.fx-el--s1 {
  flex-shrink: 1;
}
.fx-el--g0 {
  flex-grow: 0;
}
.fx-el--g1 {
  flex-grow: 1;
}

.m--l-0 {
  margin-left: 0;
}
.m--r-0 {
  margin-right: 0;
}
.m--b-0 {
  margin-bottom: 0;
}
.m--t-0 {
  margin-top: 0;
}
.m--5 {
  margin: 5px;
}
.m--10 {
  margin: 10px;
}
.m--15 {
  margin: 15px;
}
.m--20 {
  margin: 20px;
}
.m--25 {
  margin: 25px;
}
.m--30 {
  margin: 30px;
}
.m--35 {
  margin: 35px;
}
.m--40 {
  margin: 40px;
}
.m--45 {
  margin: 45px;
}
.m--50 {
  margin: 50px;
}
.m--75 {
  margin: 75px;
}
.m--100 {
  margin: 100px;
}
.m--auto {
  margin: auto;
}
.m--l-5 {
  margin-left: 5px;
}
.m--l-10 {
  margin-left: 10px;
}
.m--l-15 {
  margin-left: 15px;
}
.m--l-20 {
  margin-left: 20px;
}
.m--l-25 {
  margin-left: 25px;
}
.m--l-30 {
  margin-left: 30px;
}
.m--l-35 {
  margin-left: 35px;
}
.m--l-40 {
  margin-left: 40px;
}
.m--l-45 {
  margin-left: 45px;
}
.m--l-50 {
  margin-left: 50px;
}
.m--l-75 {
  margin-left: 75px;
}
.m--l-100 {
  margin-left: 100px;
}
.m--r-5 {
  margin-right: 5px;
}
.m--r-10 {
  margin-right: 10px;
}
.m--r-15 {
  margin-right: 15px;
}
.m--r-20 {
  margin-right: 20px;
}
.m--r-25 {
  margin-right: 25px;
}
.m--r-30 {
  margin-right: 30px;
}
.m--r-35 {
  margin-right: 35px;
}
.m--r-40 {
  margin-right: 40px;
}
.m--r-45 {
  margin-right: 45px;
}
.m--r-50 {
  margin-right: 50px;
}
.m--r-75 {
  margin-right: 75px;
}
.m--r-100 {
  margin-right: 100px;
}
.m--b-5 {
  margin-bottom: 5px;
}
.m--b-10 {
  margin-bottom: 10px;
}
.m--b-15 {
  margin-bottom: 15px;
}
.m--b-20 {
  margin-bottom: 20px;
}
.m--b-25 {
  margin-bottom: 25px;
}
.m--b-30 {
  margin-bottom: 30px;
}
.m--b-35 {
  margin-bottom: 35px;
}
.m--b-40 {
  margin-bottom: 40px;
}
.m--b-45 {
  margin-bottom: 45px;
}
.m--b-50 {
  margin-bottom: 50px;
}
.m--b-75 {
  margin-bottom: 75px;
}
.m--b-100 {
  margin-bottom: 100px;
}
.m--t-5 {
  margin-top: 5px;
}
.m--t-10 {
  margin-top: 10px;
}
.m--t-15 {
  margin-top: 15px;
}
.m--t-20 {
  margin-top: 20px;
}
.m--t-25 {
  margin-top: 25px;
}
.m--t-30 {
  margin-top: 30px;
}
.m--t-35 {
  margin-top: 35px;
}
.m--t-40 {
  margin-top: 40px;
}
.m--t-45 {
  margin-top: 45px;
}
.m--t-50 {
  margin-top: 50px;
}
.m--t-75 {
  margin-top: 75px;
}
.m--t-100 {
  margin-top: 100px;
}
.m--x-15 {
  margin-left: 15px;
  margin-right: 15px;
}
.m--x-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.m--x-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.m--x-35 {
  margin-left: 35px;
  margin-right: 35px;
}
.m--x-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.m--x-45 {
  margin-left: 45px;
  margin-right: 45px;
}
.m--x-50 {
  margin-left: 50px;
  margin-right: 50px;
}
.m--x-75 {
  margin-left: 75px;
  margin-right: 75px;
}
.m--x-100 {
  margin-left: 100px;
  margin-right: 100px;
}
.m--y-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m--y-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.m--y-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.m--y-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.m--y-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.m--y-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}
.m--y-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.m--y-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}
.m--y-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.p--l-0 {
  padding-left: 0;
}
.p--r-0 {
  padding-right: 0;
}
.p--b-0 {
  padding-bottom: 0;
}
.p--t-0 {
  padding-top: 0;
}
.p--0 {
  padding: 0px;
}
.p--5 {
  padding: 5px;
}
.p--10 {
  padding: 10px;
}
.p--15 {
  padding: 15px;
}
.p--25 {
  padding: 25px;
}
.p--35 {
  padding: 35px;
}
.p--45 {
  padding: 45px;
}
.p--75 {
  padding: 75px;
}
.p--l-5 {
  padding-left: 5px;
}
.p--l-10 {
  padding-left: 10px;
}
.p--l-15 {
  padding-left: 15px;
}
.p--l-25 {
  padding-left: 25px;
}
.p--l-35 {
  padding-left: 35px;
}
.p--l-40 {
  padding-left: 35px;
}
.p--l-45 {
  padding-left: 45px;
}
.p--l-75 {
  padding-left: 75px;
}
.p--r-5 {
  padding-right: 5px;
}
.p--r-10 {
  padding-right: 10px;
}
.p--r-15 {
  padding-right: 15px;
}
.p--r-25 {
  padding-right: 25px;
}
.p--r-35 {
  padding-right: 35px;
}
.p--r-45 {
  padding-right: 45px;
}
.p--r-75 {
  padding-right: 75px;
}
.p--b-5 {
  padding-bottom: 5px;
}
.p--b-10 {
  padding-bottom: 10px;
}
.p--b-15 {
  padding-bottom: 15px;
}
.p--b-25 {
  padding-bottom: 25px;
}
.p--b-35 {
  padding-bottom: 35px;
}
.p--b-45 {
  padding-bottom: 45px;
}
.p--b-50 {
  padding-bottom: 50px;
}
.p--b-75 {
  padding-bottom: 75px;
}
.p--t-5 {
  padding-top: 5px;
}
.p--t-10 {
  padding-top: 10px;
}
.p--t-15 {
  padding-top: 15px;
}
.p--t-25 {
  padding-top: 25px;
}
.p--t-35 {
  padding-top: 35px;
}
.p--t-45 {
  padding-top: 45px;
}
.p--t-75 {
  padding-top: 75px;
}
.p--x-15 {
  padding-left: 15px;
  padding-right: 15px;
}
.p--x-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.p--x-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.p--x-35 {
  padding-left: 35px;
  padding-right: 35px;
}
.p--x-45 {
  padding-left: 45px;
  padding-right: 45px;
}
.p--x-75 {
  padding-left: 75px;
  padding-right: 75px;
}
.p--y-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p--y-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.p--y-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.p--y-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.p--y-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.d--b {
  display: block;
}
.d--i {
  display: inline;
}
.d--ib {
  display: inline-block;
}
.d--n {
  display: none;
}

@media screen and (max-width: 1200px) {
  .lg-fx {
    display: flex;
  }
  .lg-fx-g--0 {
    gap: 0px;
  }
  .lg-fx-g--5 {
    gap: 5px;
  }
  .lg-fx-g--10 {
    gap: 10px;
  }
  .lg-fx-g--15 {
    gap: 15px;
  }
  .lg-fx-g--25 {
    gap: 25px;
  }
  .lg-fx-g--35 {
    gap: 35px;
  }
  .lg-fx-d--r {
    flex-direction: row;
  }
  .lg-fx-d--r-rev {
    flex-direction: row-reverse;
  }
  .lg-fx-d--c {
    flex-direction: column;
  }
  .lg-fx-d--c-rev {
    flex-direction: column-reverse;
  }
  .lg-fx-jc--s {
    justify-content: flex-start;
  }
  .lg-fx-jc--c {
    justify-content: center;
  }
  .lg-fx-jc--e {
    justify-content: flex-end;
  }
  .lg-fx-jc--sb {
    justify-content: space-between;
  }
  .lg-fx-jc--sa {
    justify-content: space-around;
  }
  .lg-fx-ai--s {
    align-items: flex-start;
  }
  .lg-fx-ai--c {
    align-items: center;
  }
  .lg-fx-ai--e {
    align-items: flex-end;
  }
  .lg-fx-ai--sb {
    align-items: space-between;
  }
  .lg-fx-ai--sa {
    align-items: space-around;
  }
  .lg-fx-wr--nw {
    flex-wrap: nowrap;
  }
  .lg-fx-wr--w {
    flex-wrap: wrap;
  }
  .lg-fx-wr--w-rev {
    flex-wrap: wrap-reverse;
  }
  .lg-fx-od--0 {
    order: 0;
  }
  .lg-fx-od--1 {
    order: 1;
  }
  .lg-fx-od--2 {
    order: 2;
  }
  .lg-fx-od--3 {
    order: 3;
  }
  .lg-fx-od--4 {
    order: 4;
  }
  .lg-fx-od--5 {
    order: 5;
  }
  .lg-fx-od--6 {
    order: 6;
  }
  .lg-fx-od--7 {
    order: 7;
  }
  .lg-fx-od--8 {
    order: 8;
  }
  .lg-fx-od--9 {
    order: 9;
  }
  .lg-fx-od--10 {
    order: 10;
  }
  .lg-fx-el--100 {
    flex-basis: 100%;
  }
  .lg-fx-el--95 {
    flex-basis: 95%;
  }
  .lg-fx-el--90 {
    flex-basis: 90%;
  }
  .lg-fx-el--85 {
    flex-basis: 85%;
  }
  .lg-fx-el--80 {
    flex-basis: 80%;
  }
  .lg-fx-el--75 {
    flex-basis: 75%;
  }
  .lg-fx-el--70 {
    flex-basis: 70%;
  }
  .lg-fx-el--66 {
    flex-basis: 66.6666666667%;
  }
  .lg-fx-el--65 {
    flex-basis: 65%;
  }
  .lg-fx-el--60 {
    flex-basis: 60%;
  }
  .lg-fx-el--55 {
    flex-basis: 55%;
  }
  .lg-fx-el--50 {
    flex-basis: 50%;
  }
  .lg-fx-el--45 {
    flex-basis: 45%;
  }
  .lg-fx-el--40 {
    flex-basis: 40%;
  }
  .lg-fx-el--35 {
    flex-basis: 35%;
  }
  .lg-fx-el--33 {
    flex-basis: 33.3333333333%;
  }
  .lg-fx-el--30 {
    flex-basis: 30%;
  }
  .lg-fx-el--25 {
    flex-basis: 25%;
  }
  .lg-fx-el--20 {
    flex-basis: 20%;
  }
  .lg-fx-el--15 {
    flex-basis: 15%;
  }
  .lg-fx-el--10 {
    flex-basis: 10%;
  }
  .lg-fx-el--5 {
    flex-basis: 5%;
  }
  .lg-fx-el--s0 {
    flex-shrink: 0;
  }
  .lg-fx-el--s1 {
    flex-shrink: 1;
  }
  .lg-fx-el--g0 {
    flex-grow: 0;
  }
  .lg-fx-el--g1 {
    flex-grow: 1;
  }
  .lg-m--l-0 {
    margin-left: 0;
  }
  .lg-m--r-0 {
    margin-right: 0;
  }
  .lg-m--b-0 {
    margin-bottom: 0;
  }
  .lg-m--t-0 {
    margin-top: 0;
  }
  .lg-m--5 {
    margin: 5px;
  }
  .lg-m--10 {
    margin: 10px;
  }
  .lg-m--15 {
    margin: 15px;
  }
  .lg-m--20 {
    margin: 20px;
  }
  .lg-m--25 {
    margin: 25px;
  }
  .lg-m--30 {
    margin: 30px;
  }
  .lg-m--35 {
    margin: 35px;
  }
  .lg-m--40 {
    margin: 40px;
  }
  .lg-m--45 {
    margin: 45px;
  }
  .lg-m--50 {
    margin: 50px;
  }
  .lg-m--75 {
    margin: 75px;
  }
  .lg-m--100 {
    margin: 100px;
  }
  .lg-m--auto {
    margin: auto;
  }
  .lg-m--l-5 {
    margin-left: 5px;
  }
  .lg-m--l-10 {
    margin-left: 10px;
  }
  .lg-m--l-15 {
    margin-left: 15px;
  }
  .lg-m--l-20 {
    margin-left: 20px;
  }
  .lg-m--l-25 {
    margin-left: 25px;
  }
  .lg-m--l-30 {
    margin-left: 30px;
  }
  .lg-m--l-35 {
    margin-left: 35px;
  }
  .lg-m--l-40 {
    margin-left: 40px;
  }
  .lg-m--l-45 {
    margin-left: 45px;
  }
  .lg-m--l-50 {
    margin-left: 50px;
  }
  .lg-m--l-75 {
    margin-left: 75px;
  }
  .lg-m--l-100 {
    margin-left: 100px;
  }
  .lg-m--r-5 {
    margin-right: 5px;
  }
  .lg-m--r-10 {
    margin-right: 10px;
  }
  .lg-m--r-15 {
    margin-right: 15px;
  }
  .lg-m--r-20 {
    margin-right: 20px;
  }
  .lg-m--r-25 {
    margin-right: 25px;
  }
  .lg-m--r-30 {
    margin-right: 30px;
  }
  .lg-m--r-35 {
    margin-right: 35px;
  }
  .lg-m--r-40 {
    margin-right: 40px;
  }
  .lg-m--r-45 {
    margin-right: 45px;
  }
  .lg-m--r-50 {
    margin-right: 50px;
  }
  .lg-m--r-75 {
    margin-right: 75px;
  }
  .lg-m--r-100 {
    margin-right: 100px;
  }
  .lg-m--b-5 {
    margin-bottom: 5px;
  }
  .lg-m--b-10 {
    margin-bottom: 10px;
  }
  .lg-m--b-15 {
    margin-bottom: 15px;
  }
  .lg-m--b-20 {
    margin-bottom: 20px;
  }
  .lg-m--b-25 {
    margin-bottom: 25px;
  }
  .lg-m--b-30 {
    margin-bottom: 30px;
  }
  .lg-m--b-35 {
    margin-bottom: 35px;
  }
  .lg-m--b-40 {
    margin-bottom: 40px;
  }
  .lg-m--b-45 {
    margin-bottom: 45px;
  }
  .lg-m--b-50 {
    margin-bottom: 50px;
  }
  .lg-m--b-75 {
    margin-bottom: 75px;
  }
  .lg-m--b-100 {
    margin-bottom: 100px;
  }
  .lg-m--t-5 {
    margin-top: 5px;
  }
  .lg-m--t-10 {
    margin-top: 10px;
  }
  .lg-m--t-15 {
    margin-top: 15px;
  }
  .lg-m--t-20 {
    margin-top: 20px;
  }
  .lg-m--t-25 {
    margin-top: 25px;
  }
  .lg-m--t-30 {
    margin-top: 30px;
  }
  .lg-m--t-35 {
    margin-top: 35px;
  }
  .lg-m--t-40 {
    margin-top: 40px;
  }
  .lg-m--t-45 {
    margin-top: 45px;
  }
  .lg-m--t-50 {
    margin-top: 50px;
  }
  .lg-m--t-75 {
    margin-top: 75px;
  }
  .lg-m--t-100 {
    margin-top: 100px;
  }
  .lg-m--x-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .lg-m--x-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .lg-m--x-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .lg-m--x-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .lg-m--x-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .lg-m--x-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .lg-m--x-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .lg-m--x-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .lg-m--x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .lg-m--y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .lg-m--y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .lg-m--y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .lg-m--y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .lg-m--y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .lg-m--y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .lg-m--y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .lg-m--y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .lg-m--y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .lg-p--l-0 {
    padding-left: 0;
  }
  .lg-p--r-0 {
    padding-right: 0;
  }
  .lg-p--b-0 {
    padding-bottom: 0;
  }
  .lg-p--t-0 {
    padding-top: 0;
  }
  .lg-p--0 {
    padding: 0px;
  }
  .lg-p--5 {
    padding: 5px;
  }
  .lg-p--10 {
    padding: 10px;
  }
  .lg-p--15 {
    padding: 15px;
  }
  .lg-p--25 {
    padding: 25px;
  }
  .lg-p--35 {
    padding: 35px;
  }
  .lg-p--45 {
    padding: 45px;
  }
  .lg-p--75 {
    padding: 75px;
  }
  .lg-p--l-5 {
    padding-left: 5px;
  }
  .lg-p--l-10 {
    padding-left: 10px;
  }
  .lg-p--l-15 {
    padding-left: 15px;
  }
  .lg-p--l-25 {
    padding-left: 25px;
  }
  .lg-p--l-35 {
    padding-left: 35px;
  }
  .lg-p--l-40 {
    padding-left: 35px;
  }
  .lg-p--l-45 {
    padding-left: 45px;
  }
  .lg-p--l-75 {
    padding-left: 75px;
  }
  .lg-p--r-5 {
    padding-right: 5px;
  }
  .lg-p--r-10 {
    padding-right: 10px;
  }
  .lg-p--r-15 {
    padding-right: 15px;
  }
  .lg-p--r-25 {
    padding-right: 25px;
  }
  .lg-p--r-35 {
    padding-right: 35px;
  }
  .lg-p--r-45 {
    padding-right: 45px;
  }
  .lg-p--r-75 {
    padding-right: 75px;
  }
  .lg-p--b-5 {
    padding-bottom: 5px;
  }
  .lg-p--b-10 {
    padding-bottom: 10px;
  }
  .lg-p--b-15 {
    padding-bottom: 15px;
  }
  .lg-p--b-25 {
    padding-bottom: 25px;
  }
  .lg-p--b-35 {
    padding-bottom: 35px;
  }
  .lg-p--b-45 {
    padding-bottom: 45px;
  }
  .lg-p--b-50 {
    padding-bottom: 50px;
  }
  .lg-p--b-75 {
    padding-bottom: 75px;
  }
  .lg-p--t-5 {
    padding-top: 5px;
  }
  .lg-p--t-10 {
    padding-top: 10px;
  }
  .lg-p--t-15 {
    padding-top: 15px;
  }
  .lg-p--t-25 {
    padding-top: 25px;
  }
  .lg-p--t-35 {
    padding-top: 35px;
  }
  .lg-p--t-45 {
    padding-top: 45px;
  }
  .lg-p--t-75 {
    padding-top: 75px;
  }
  .lg-p--x-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .lg-p--x-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .lg-p--x-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .lg-p--x-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .lg-p--x-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .lg-p--x-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .lg-p--y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .lg-p--y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .lg-p--y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .lg-p--y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .lg-p--y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .lg-d--b {
    display: block;
  }
  .lg-d--i {
    display: inline;
  }
  .lg-d--ib {
    display: inline-block;
  }
  .lg-d--n {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .md-fx {
    display: flex;
  }
  .md-fx-g--0 {
    gap: 0px;
  }
  .md-fx-g--5 {
    gap: 5px;
  }
  .md-fx-g--10 {
    gap: 10px;
  }
  .md-fx-g--15 {
    gap: 15px;
  }
  .md-fx-g--25 {
    gap: 25px;
  }
  .md-fx-g--35 {
    gap: 35px;
  }
  .md-fx-d--r {
    flex-direction: row;
  }
  .md-fx-d--r-rev {
    flex-direction: row-reverse;
  }
  .md-fx-d--c {
    flex-direction: column;
  }
  .md-fx-d--c-rev {
    flex-direction: column-reverse;
  }
  .md-fx-jc--s {
    justify-content: flex-start;
  }
  .md-fx-jc--c {
    justify-content: center;
  }
  .md-fx-jc--e {
    justify-content: flex-end;
  }
  .md-fx-jc--sb {
    justify-content: space-between;
  }
  .md-fx-jc--sa {
    justify-content: space-around;
  }
  .md-fx-ai--s {
    align-items: flex-start;
  }
  .md-fx-ai--c {
    align-items: center;
  }
  .md-fx-ai--e {
    align-items: flex-end;
  }
  .md-fx-ai--sb {
    align-items: space-between;
  }
  .md-fx-ai--sa {
    align-items: space-around;
  }
  .md-fx-wr--nw {
    flex-wrap: nowrap;
  }
  .md-fx-wr--w {
    flex-wrap: wrap;
  }
  .md-fx-wr--w-rev {
    flex-wrap: wrap-reverse;
  }
  .md-fx-od--0 {
    order: 0;
  }
  .md-fx-od--1 {
    order: 1;
  }
  .md-fx-od--2 {
    order: 2;
  }
  .md-fx-od--3 {
    order: 3;
  }
  .md-fx-od--4 {
    order: 4;
  }
  .md-fx-od--5 {
    order: 5;
  }
  .md-fx-od--6 {
    order: 6;
  }
  .md-fx-od--7 {
    order: 7;
  }
  .md-fx-od--8 {
    order: 8;
  }
  .md-fx-od--9 {
    order: 9;
  }
  .md-fx-od--10 {
    order: 10;
  }
  .md-fx-el--100 {
    flex-basis: 100%;
  }
  .md-fx-el--95 {
    flex-basis: 95%;
  }
  .md-fx-el--90 {
    flex-basis: 90%;
  }
  .md-fx-el--85 {
    flex-basis: 85%;
  }
  .md-fx-el--80 {
    flex-basis: 80%;
  }
  .md-fx-el--75 {
    flex-basis: 75%;
  }
  .md-fx-el--70 {
    flex-basis: 70%;
  }
  .md-fx-el--66 {
    flex-basis: 66.6666666667%;
  }
  .md-fx-el--65 {
    flex-basis: 65%;
  }
  .md-fx-el--60 {
    flex-basis: 60%;
  }
  .md-fx-el--55 {
    flex-basis: 55%;
  }
  .md-fx-el--50 {
    flex-basis: 50%;
  }
  .md-fx-el--45 {
    flex-basis: 45%;
  }
  .md-fx-el--40 {
    flex-basis: 40%;
  }
  .md-fx-el--35 {
    flex-basis: 35%;
  }
  .md-fx-el--33 {
    flex-basis: 33.3333333333%;
  }
  .md-fx-el--30 {
    flex-basis: 30%;
  }
  .md-fx-el--25 {
    flex-basis: 25%;
  }
  .md-fx-el--20 {
    flex-basis: 20%;
  }
  .md-fx-el--15 {
    flex-basis: 15%;
  }
  .md-fx-el--10 {
    flex-basis: 10%;
  }
  .md-fx-el--5 {
    flex-basis: 5%;
  }
  .md-fx-el--s0 {
    flex-shrink: 0;
  }
  .md-fx-el--s1 {
    flex-shrink: 1;
  }
  .md-fx-el--g0 {
    flex-grow: 0;
  }
  .md-fx-el--g1 {
    flex-grow: 1;
  }
  .md-m--l-0 {
    margin-left: 0;
  }
  .md-m--r-0 {
    margin-right: 0;
  }
  .md-m--b-0 {
    margin-bottom: 0;
  }
  .md-m--t-0 {
    margin-top: 0;
  }
  .md-m--5 {
    margin: 5px;
  }
  .md-m--10 {
    margin: 10px;
  }
  .md-m--15 {
    margin: 15px;
  }
  .md-m--20 {
    margin: 20px;
  }
  .md-m--25 {
    margin: 25px;
  }
  .md-m--30 {
    margin: 30px;
  }
  .md-m--35 {
    margin: 35px;
  }
  .md-m--40 {
    margin: 40px;
  }
  .md-m--45 {
    margin: 45px;
  }
  .md-m--50 {
    margin: 50px;
  }
  .md-m--75 {
    margin: 75px;
  }
  .md-m--100 {
    margin: 100px;
  }
  .md-m--auto {
    margin: auto;
  }
  .md-m--l-5 {
    margin-left: 5px;
  }
  .md-m--l-10 {
    margin-left: 10px;
  }
  .md-m--l-15 {
    margin-left: 15px;
  }
  .md-m--l-20 {
    margin-left: 20px;
  }
  .md-m--l-25 {
    margin-left: 25px;
  }
  .md-m--l-30 {
    margin-left: 30px;
  }
  .md-m--l-35 {
    margin-left: 35px;
  }
  .md-m--l-40 {
    margin-left: 40px;
  }
  .md-m--l-45 {
    margin-left: 45px;
  }
  .md-m--l-50 {
    margin-left: 50px;
  }
  .md-m--l-75 {
    margin-left: 75px;
  }
  .md-m--l-100 {
    margin-left: 100px;
  }
  .md-m--r-5 {
    margin-right: 5px;
  }
  .md-m--r-10 {
    margin-right: 10px;
  }
  .md-m--r-15 {
    margin-right: 15px;
  }
  .md-m--r-20 {
    margin-right: 20px;
  }
  .md-m--r-25 {
    margin-right: 25px;
  }
  .md-m--r-30 {
    margin-right: 30px;
  }
  .md-m--r-35 {
    margin-right: 35px;
  }
  .md-m--r-40 {
    margin-right: 40px;
  }
  .md-m--r-45 {
    margin-right: 45px;
  }
  .md-m--r-50 {
    margin-right: 50px;
  }
  .md-m--r-75 {
    margin-right: 75px;
  }
  .md-m--r-100 {
    margin-right: 100px;
  }
  .md-m--b-5 {
    margin-bottom: 5px;
  }
  .md-m--b-10 {
    margin-bottom: 10px;
  }
  .md-m--b-15 {
    margin-bottom: 15px;
  }
  .md-m--b-20 {
    margin-bottom: 20px;
  }
  .md-m--b-25 {
    margin-bottom: 25px;
  }
  .md-m--b-30 {
    margin-bottom: 30px;
  }
  .md-m--b-35 {
    margin-bottom: 35px;
  }
  .md-m--b-40 {
    margin-bottom: 40px;
  }
  .md-m--b-45 {
    margin-bottom: 45px;
  }
  .md-m--b-50 {
    margin-bottom: 50px;
  }
  .md-m--b-75 {
    margin-bottom: 75px;
  }
  .md-m--b-100 {
    margin-bottom: 100px;
  }
  .md-m--t-5 {
    margin-top: 5px;
  }
  .md-m--t-10 {
    margin-top: 10px;
  }
  .md-m--t-15 {
    margin-top: 15px;
  }
  .md-m--t-20 {
    margin-top: 20px;
  }
  .md-m--t-25 {
    margin-top: 25px;
  }
  .md-m--t-30 {
    margin-top: 30px;
  }
  .md-m--t-35 {
    margin-top: 35px;
  }
  .md-m--t-40 {
    margin-top: 40px;
  }
  .md-m--t-45 {
    margin-top: 45px;
  }
  .md-m--t-50 {
    margin-top: 50px;
  }
  .md-m--t-75 {
    margin-top: 75px;
  }
  .md-m--t-100 {
    margin-top: 100px;
  }
  .md-m--x-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .md-m--x-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .md-m--x-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .md-m--x-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .md-m--x-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .md-m--x-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .md-m--x-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .md-m--x-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .md-m--x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .md-m--y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .md-m--y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .md-m--y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .md-m--y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .md-m--y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .md-m--y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .md-m--y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .md-m--y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .md-m--y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .md-p--l-0 {
    padding-left: 0;
  }
  .md-p--r-0 {
    padding-right: 0;
  }
  .md-p--b-0 {
    padding-bottom: 0;
  }
  .md-p--t-0 {
    padding-top: 0;
  }
  .md-p--0 {
    padding: 0px;
  }
  .md-p--5 {
    padding: 5px;
  }
  .md-p--10 {
    padding: 10px;
  }
  .md-p--15 {
    padding: 15px;
  }
  .md-p--25 {
    padding: 25px;
  }
  .md-p--35 {
    padding: 35px;
  }
  .md-p--45 {
    padding: 45px;
  }
  .md-p--75 {
    padding: 75px;
  }
  .md-p--l-5 {
    padding-left: 5px;
  }
  .md-p--l-10 {
    padding-left: 10px;
  }
  .md-p--l-15 {
    padding-left: 15px;
  }
  .md-p--l-25 {
    padding-left: 25px;
  }
  .md-p--l-35 {
    padding-left: 35px;
  }
  .md-p--l-40 {
    padding-left: 35px;
  }
  .md-p--l-45 {
    padding-left: 45px;
  }
  .md-p--l-75 {
    padding-left: 75px;
  }
  .md-p--r-5 {
    padding-right: 5px;
  }
  .md-p--r-10 {
    padding-right: 10px;
  }
  .md-p--r-15 {
    padding-right: 15px;
  }
  .md-p--r-25 {
    padding-right: 25px;
  }
  .md-p--r-35 {
    padding-right: 35px;
  }
  .md-p--r-45 {
    padding-right: 45px;
  }
  .md-p--r-75 {
    padding-right: 75px;
  }
  .md-p--b-5 {
    padding-bottom: 5px;
  }
  .md-p--b-10 {
    padding-bottom: 10px;
  }
  .md-p--b-15 {
    padding-bottom: 15px;
  }
  .md-p--b-25 {
    padding-bottom: 25px;
  }
  .md-p--b-35 {
    padding-bottom: 35px;
  }
  .md-p--b-45 {
    padding-bottom: 45px;
  }
  .md-p--b-50 {
    padding-bottom: 50px;
  }
  .md-p--b-75 {
    padding-bottom: 75px;
  }
  .md-p--t-5 {
    padding-top: 5px;
  }
  .md-p--t-10 {
    padding-top: 10px;
  }
  .md-p--t-15 {
    padding-top: 15px;
  }
  .md-p--t-25 {
    padding-top: 25px;
  }
  .md-p--t-35 {
    padding-top: 35px;
  }
  .md-p--t-45 {
    padding-top: 45px;
  }
  .md-p--t-75 {
    padding-top: 75px;
  }
  .md-p--x-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .md-p--x-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .md-p--x-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .md-p--x-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .md-p--x-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .md-p--x-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .md-p--y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .md-p--y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .md-p--y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .md-p--y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .md-p--y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .md-d--b {
    display: block;
  }
  .md-d--i {
    display: inline;
  }
  .md-d--ib {
    display: inline-block;
  }
  .md-d--n {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .sm-fx {
    display: flex;
  }
  .sm-fx-g--0 {
    gap: 0px;
  }
  .sm-fx-g--5 {
    gap: 5px;
  }
  .sm-fx-g--10 {
    gap: 10px;
  }
  .sm-fx-g--15 {
    gap: 15px;
  }
  .sm-fx-g--25 {
    gap: 25px;
  }
  .sm-fx-g--35 {
    gap: 35px;
  }
  .sm-fx-d--r {
    flex-direction: row;
  }
  .sm-fx-d--r-rev {
    flex-direction: row-reverse;
  }
  .sm-fx-d--c {
    flex-direction: column;
  }
  .sm-fx-d--c-rev {
    flex-direction: column-reverse;
  }
  .sm-fx-jc--s {
    justify-content: flex-start;
  }
  .sm-fx-jc--c {
    justify-content: center;
  }
  .sm-fx-jc--e {
    justify-content: flex-end;
  }
  .sm-fx-jc--sb {
    justify-content: space-between;
  }
  .sm-fx-jc--sa {
    justify-content: space-around;
  }
  .sm-fx-ai--s {
    align-items: flex-start;
  }
  .sm-fx-ai--c {
    align-items: center;
  }
  .sm-fx-ai--e {
    align-items: flex-end;
  }
  .sm-fx-ai--sb {
    align-items: space-between;
  }
  .sm-fx-ai--sa {
    align-items: space-around;
  }
  .sm-fx-wr--nw {
    flex-wrap: nowrap;
  }
  .sm-fx-wr--w {
    flex-wrap: wrap;
  }
  .sm-fx-wr--w-rev {
    flex-wrap: wrap-reverse;
  }
  .sm-fx-od--0 {
    order: 0;
  }
  .sm-fx-od--1 {
    order: 1;
  }
  .sm-fx-od--2 {
    order: 2;
  }
  .sm-fx-od--3 {
    order: 3;
  }
  .sm-fx-od--4 {
    order: 4;
  }
  .sm-fx-od--5 {
    order: 5;
  }
  .sm-fx-od--6 {
    order: 6;
  }
  .sm-fx-od--7 {
    order: 7;
  }
  .sm-fx-od--8 {
    order: 8;
  }
  .sm-fx-od--9 {
    order: 9;
  }
  .sm-fx-od--10 {
    order: 10;
  }
  .sm-fx-el--100 {
    flex-basis: 100%;
  }
  .sm-fx-el--95 {
    flex-basis: 95%;
  }
  .sm-fx-el--90 {
    flex-basis: 90%;
  }
  .sm-fx-el--85 {
    flex-basis: 85%;
  }
  .sm-fx-el--80 {
    flex-basis: 80%;
  }
  .sm-fx-el--75 {
    flex-basis: 75%;
  }
  .sm-fx-el--70 {
    flex-basis: 70%;
  }
  .sm-fx-el--66 {
    flex-basis: 66.6666666667%;
  }
  .sm-fx-el--65 {
    flex-basis: 65%;
  }
  .sm-fx-el--60 {
    flex-basis: 60%;
  }
  .sm-fx-el--55 {
    flex-basis: 55%;
  }
  .sm-fx-el--50 {
    flex-basis: 50%;
  }
  .sm-fx-el--45 {
    flex-basis: 45%;
  }
  .sm-fx-el--40 {
    flex-basis: 40%;
  }
  .sm-fx-el--35 {
    flex-basis: 35%;
  }
  .sm-fx-el--33 {
    flex-basis: 33.3333333333%;
  }
  .sm-fx-el--30 {
    flex-basis: 30%;
  }
  .sm-fx-el--25 {
    flex-basis: 25%;
  }
  .sm-fx-el--20 {
    flex-basis: 20%;
  }
  .sm-fx-el--15 {
    flex-basis: 15%;
  }
  .sm-fx-el--10 {
    flex-basis: 10%;
  }
  .sm-fx-el--5 {
    flex-basis: 5%;
  }
  .sm-fx-el--s0 {
    flex-shrink: 0;
  }
  .sm-fx-el--s1 {
    flex-shrink: 1;
  }
  .sm-fx-el--g0 {
    flex-grow: 0;
  }
  .sm-fx-el--g1 {
    flex-grow: 1;
  }
  .sm-m--l-0 {
    margin-left: 0;
  }
  .sm-m--r-0 {
    margin-right: 0;
  }
  .sm-m--b-0 {
    margin-bottom: 0;
  }
  .sm-m--t-0 {
    margin-top: 0;
  }
  .sm-m--5 {
    margin: 5px;
  }
  .sm-m--10 {
    margin: 10px;
  }
  .sm-m--15 {
    margin: 15px;
  }
  .sm-m--20 {
    margin: 20px;
  }
  .sm-m--25 {
    margin: 25px;
  }
  .sm-m--30 {
    margin: 30px;
  }
  .sm-m--35 {
    margin: 35px;
  }
  .sm-m--40 {
    margin: 40px;
  }
  .sm-m--45 {
    margin: 45px;
  }
  .sm-m--50 {
    margin: 50px;
  }
  .sm-m--75 {
    margin: 75px;
  }
  .sm-m--100 {
    margin: 100px;
  }
  .sm-m--auto {
    margin: auto;
  }
  .sm-m--l-5 {
    margin-left: 5px;
  }
  .sm-m--l-10 {
    margin-left: 10px;
  }
  .sm-m--l-15 {
    margin-left: 15px;
  }
  .sm-m--l-20 {
    margin-left: 20px;
  }
  .sm-m--l-25 {
    margin-left: 25px;
  }
  .sm-m--l-30 {
    margin-left: 30px;
  }
  .sm-m--l-35 {
    margin-left: 35px;
  }
  .sm-m--l-40 {
    margin-left: 40px;
  }
  .sm-m--l-45 {
    margin-left: 45px;
  }
  .sm-m--l-50 {
    margin-left: 50px;
  }
  .sm-m--l-75 {
    margin-left: 75px;
  }
  .sm-m--l-100 {
    margin-left: 100px;
  }
  .sm-m--r-5 {
    margin-right: 5px;
  }
  .sm-m--r-10 {
    margin-right: 10px;
  }
  .sm-m--r-15 {
    margin-right: 15px;
  }
  .sm-m--r-20 {
    margin-right: 20px;
  }
  .sm-m--r-25 {
    margin-right: 25px;
  }
  .sm-m--r-30 {
    margin-right: 30px;
  }
  .sm-m--r-35 {
    margin-right: 35px;
  }
  .sm-m--r-40 {
    margin-right: 40px;
  }
  .sm-m--r-45 {
    margin-right: 45px;
  }
  .sm-m--r-50 {
    margin-right: 50px;
  }
  .sm-m--r-75 {
    margin-right: 75px;
  }
  .sm-m--r-100 {
    margin-right: 100px;
  }
  .sm-m--b-5 {
    margin-bottom: 5px;
  }
  .sm-m--b-10 {
    margin-bottom: 10px;
  }
  .sm-m--b-15 {
    margin-bottom: 15px;
  }
  .sm-m--b-20 {
    margin-bottom: 20px;
  }
  .sm-m--b-25 {
    margin-bottom: 25px;
  }
  .sm-m--b-30 {
    margin-bottom: 30px;
  }
  .sm-m--b-35 {
    margin-bottom: 35px;
  }
  .sm-m--b-40 {
    margin-bottom: 40px;
  }
  .sm-m--b-45 {
    margin-bottom: 45px;
  }
  .sm-m--b-50 {
    margin-bottom: 50px;
  }
  .sm-m--b-75 {
    margin-bottom: 75px;
  }
  .sm-m--b-100 {
    margin-bottom: 100px;
  }
  .sm-m--t-5 {
    margin-top: 5px;
  }
  .sm-m--t-10 {
    margin-top: 10px;
  }
  .sm-m--t-15 {
    margin-top: 15px;
  }
  .sm-m--t-20 {
    margin-top: 20px;
  }
  .sm-m--t-25 {
    margin-top: 25px;
  }
  .sm-m--t-30 {
    margin-top: 30px;
  }
  .sm-m--t-35 {
    margin-top: 35px;
  }
  .sm-m--t-40 {
    margin-top: 40px;
  }
  .sm-m--t-45 {
    margin-top: 45px;
  }
  .sm-m--t-50 {
    margin-top: 50px;
  }
  .sm-m--t-75 {
    margin-top: 75px;
  }
  .sm-m--t-100 {
    margin-top: 100px;
  }
  .sm-m--x-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .sm-m--x-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .sm-m--x-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .sm-m--x-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .sm-m--x-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .sm-m--x-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .sm-m--x-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .sm-m--x-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .sm-m--x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .sm-m--y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .sm-m--y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sm-m--y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .sm-m--y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .sm-m--y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .sm-m--y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .sm-m--y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .sm-m--y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .sm-m--y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .sm-p--l-0 {
    padding-left: 0;
  }
  .sm-p--r-0 {
    padding-right: 0;
  }
  .sm-p--b-0 {
    padding-bottom: 0;
  }
  .sm-p--t-0 {
    padding-top: 0;
  }
  .sm-p--0 {
    padding: 0px;
  }
  .sm-p--5 {
    padding: 5px;
  }
  .sm-p--10 {
    padding: 10px;
  }
  .sm-p--15 {
    padding: 15px;
  }
  .sm-p--25 {
    padding: 25px;
  }
  .sm-p--35 {
    padding: 35px;
  }
  .sm-p--45 {
    padding: 45px;
  }
  .sm-p--75 {
    padding: 75px;
  }
  .sm-p--l-5 {
    padding-left: 5px;
  }
  .sm-p--l-10 {
    padding-left: 10px;
  }
  .sm-p--l-15 {
    padding-left: 15px;
  }
  .sm-p--l-25 {
    padding-left: 25px;
  }
  .sm-p--l-35 {
    padding-left: 35px;
  }
  .sm-p--l-40 {
    padding-left: 35px;
  }
  .sm-p--l-45 {
    padding-left: 45px;
  }
  .sm-p--l-75 {
    padding-left: 75px;
  }
  .sm-p--r-5 {
    padding-right: 5px;
  }
  .sm-p--r-10 {
    padding-right: 10px;
  }
  .sm-p--r-15 {
    padding-right: 15px;
  }
  .sm-p--r-25 {
    padding-right: 25px;
  }
  .sm-p--r-35 {
    padding-right: 35px;
  }
  .sm-p--r-45 {
    padding-right: 45px;
  }
  .sm-p--r-75 {
    padding-right: 75px;
  }
  .sm-p--b-5 {
    padding-bottom: 5px;
  }
  .sm-p--b-10 {
    padding-bottom: 10px;
  }
  .sm-p--b-15 {
    padding-bottom: 15px;
  }
  .sm-p--b-25 {
    padding-bottom: 25px;
  }
  .sm-p--b-35 {
    padding-bottom: 35px;
  }
  .sm-p--b-45 {
    padding-bottom: 45px;
  }
  .sm-p--b-50 {
    padding-bottom: 50px;
  }
  .sm-p--b-75 {
    padding-bottom: 75px;
  }
  .sm-p--t-5 {
    padding-top: 5px;
  }
  .sm-p--t-10 {
    padding-top: 10px;
  }
  .sm-p--t-15 {
    padding-top: 15px;
  }
  .sm-p--t-25 {
    padding-top: 25px;
  }
  .sm-p--t-35 {
    padding-top: 35px;
  }
  .sm-p--t-45 {
    padding-top: 45px;
  }
  .sm-p--t-75 {
    padding-top: 75px;
  }
  .sm-p--x-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .sm-p--x-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .sm-p--x-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .sm-p--x-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .sm-p--x-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .sm-p--x-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .sm-p--y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .sm-p--y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .sm-p--y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .sm-p--y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .sm-p--y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .sm-d--b {
    display: block;
  }
  .sm-d--i {
    display: inline;
  }
  .sm-d--ib {
    display: inline-block;
  }
  .sm-d--n {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .xsm-fx {
    display: flex;
  }
  .xsm-fx-g--0 {
    gap: 0px;
  }
  .xsm-fx-g--5 {
    gap: 5px;
  }
  .xsm-fx-g--10 {
    gap: 10px;
  }
  .xsm-fx-g--15 {
    gap: 15px;
  }
  .xsm-fx-g--25 {
    gap: 25px;
  }
  .xsm-fx-g--35 {
    gap: 35px;
  }
  .xsm-fx-d--r {
    flex-direction: row;
  }
  .xsm-fx-d--r-rev {
    flex-direction: row-reverse;
  }
  .xsm-fx-d--c {
    flex-direction: column;
  }
  .xsm-fx-d--c-rev {
    flex-direction: column-reverse;
  }
  .xsm-fx-jc--s {
    justify-content: flex-start;
  }
  .xsm-fx-jc--c {
    justify-content: center;
  }
  .xsm-fx-jc--e {
    justify-content: flex-end;
  }
  .xsm-fx-jc--sb {
    justify-content: space-between;
  }
  .xsm-fx-jc--sa {
    justify-content: space-around;
  }
  .xsm-fx-ai--s {
    align-items: flex-start;
  }
  .xsm-fx-ai--c {
    align-items: center;
  }
  .xsm-fx-ai--e {
    align-items: flex-end;
  }
  .xsm-fx-ai--sb {
    align-items: space-between;
  }
  .xsm-fx-ai--sa {
    align-items: space-around;
  }
  .xsm-fx-wr--nw {
    flex-wrap: nowrap;
  }
  .xsm-fx-wr--w {
    flex-wrap: wrap;
  }
  .xsm-fx-wr--w-rev {
    flex-wrap: wrap-reverse;
  }
  .xsm-fx-od--0 {
    order: 0;
  }
  .xsm-fx-od--1 {
    order: 1;
  }
  .xsm-fx-od--2 {
    order: 2;
  }
  .xsm-fx-od--3 {
    order: 3;
  }
  .xsm-fx-od--4 {
    order: 4;
  }
  .xsm-fx-od--5 {
    order: 5;
  }
  .xsm-fx-od--6 {
    order: 6;
  }
  .xsm-fx-od--7 {
    order: 7;
  }
  .xsm-fx-od--8 {
    order: 8;
  }
  .xsm-fx-od--9 {
    order: 9;
  }
  .xsm-fx-od--10 {
    order: 10;
  }
  .xsm-fx-el--100 {
    flex-basis: 100%;
  }
  .xsm-fx-el--95 {
    flex-basis: 95%;
  }
  .xsm-fx-el--90 {
    flex-basis: 90%;
  }
  .xsm-fx-el--85 {
    flex-basis: 85%;
  }
  .xsm-fx-el--80 {
    flex-basis: 80%;
  }
  .xsm-fx-el--75 {
    flex-basis: 75%;
  }
  .xsm-fx-el--70 {
    flex-basis: 70%;
  }
  .xsm-fx-el--66 {
    flex-basis: 66.6666666667%;
  }
  .xsm-fx-el--65 {
    flex-basis: 65%;
  }
  .xsm-fx-el--60 {
    flex-basis: 60%;
  }
  .xsm-fx-el--55 {
    flex-basis: 55%;
  }
  .xsm-fx-el--50 {
    flex-basis: 50%;
  }
  .xsm-fx-el--45 {
    flex-basis: 45%;
  }
  .xsm-fx-el--40 {
    flex-basis: 40%;
  }
  .xsm-fx-el--35 {
    flex-basis: 35%;
  }
  .xsm-fx-el--33 {
    flex-basis: 33.3333333333%;
  }
  .xsm-fx-el--30 {
    flex-basis: 30%;
  }
  .xsm-fx-el--25 {
    flex-basis: 25%;
  }
  .xsm-fx-el--20 {
    flex-basis: 20%;
  }
  .xsm-fx-el--15 {
    flex-basis: 15%;
  }
  .xsm-fx-el--10 {
    flex-basis: 10%;
  }
  .xsm-fx-el--5 {
    flex-basis: 5%;
  }
  .xsm-fx-el--s0 {
    flex-shrink: 0;
  }
  .xsm-fx-el--s1 {
    flex-shrink: 1;
  }
  .xsm-fx-el--g0 {
    flex-grow: 0;
  }
  .xsm-fx-el--g1 {
    flex-grow: 1;
  }
  .xsm-m--l-0 {
    margin-left: 0;
  }
  .xsm-m--r-0 {
    margin-right: 0;
  }
  .xsm-m--b-0 {
    margin-bottom: 0;
  }
  .xsm-m--t-0 {
    margin-top: 0;
  }
  .xsm-m--5 {
    margin: 5px;
  }
  .xsm-m--10 {
    margin: 10px;
  }
  .xsm-m--15 {
    margin: 15px;
  }
  .xsm-m--20 {
    margin: 20px;
  }
  .xsm-m--25 {
    margin: 25px;
  }
  .xsm-m--30 {
    margin: 30px;
  }
  .xsm-m--35 {
    margin: 35px;
  }
  .xsm-m--40 {
    margin: 40px;
  }
  .xsm-m--45 {
    margin: 45px;
  }
  .xsm-m--50 {
    margin: 50px;
  }
  .xsm-m--75 {
    margin: 75px;
  }
  .xsm-m--100 {
    margin: 100px;
  }
  .xsm-m--auto {
    margin: auto;
  }
  .xsm-m--l-5 {
    margin-left: 5px;
  }
  .xsm-m--l-10 {
    margin-left: 10px;
  }
  .xsm-m--l-15 {
    margin-left: 15px;
  }
  .xsm-m--l-20 {
    margin-left: 20px;
  }
  .xsm-m--l-25 {
    margin-left: 25px;
  }
  .xsm-m--l-30 {
    margin-left: 30px;
  }
  .xsm-m--l-35 {
    margin-left: 35px;
  }
  .xsm-m--l-40 {
    margin-left: 40px;
  }
  .xsm-m--l-45 {
    margin-left: 45px;
  }
  .xsm-m--l-50 {
    margin-left: 50px;
  }
  .xsm-m--l-75 {
    margin-left: 75px;
  }
  .xsm-m--l-100 {
    margin-left: 100px;
  }
  .xsm-m--r-5 {
    margin-right: 5px;
  }
  .xsm-m--r-10 {
    margin-right: 10px;
  }
  .xsm-m--r-15 {
    margin-right: 15px;
  }
  .xsm-m--r-20 {
    margin-right: 20px;
  }
  .xsm-m--r-25 {
    margin-right: 25px;
  }
  .xsm-m--r-30 {
    margin-right: 30px;
  }
  .xsm-m--r-35 {
    margin-right: 35px;
  }
  .xsm-m--r-40 {
    margin-right: 40px;
  }
  .xsm-m--r-45 {
    margin-right: 45px;
  }
  .xsm-m--r-50 {
    margin-right: 50px;
  }
  .xsm-m--r-75 {
    margin-right: 75px;
  }
  .xsm-m--r-100 {
    margin-right: 100px;
  }
  .xsm-m--b-5 {
    margin-bottom: 5px;
  }
  .xsm-m--b-10 {
    margin-bottom: 10px;
  }
  .xsm-m--b-15 {
    margin-bottom: 15px;
  }
  .xsm-m--b-20 {
    margin-bottom: 20px;
  }
  .xsm-m--b-25 {
    margin-bottom: 25px;
  }
  .xsm-m--b-30 {
    margin-bottom: 30px;
  }
  .xsm-m--b-35 {
    margin-bottom: 35px;
  }
  .xsm-m--b-40 {
    margin-bottom: 40px;
  }
  .xsm-m--b-45 {
    margin-bottom: 45px;
  }
  .xsm-m--b-50 {
    margin-bottom: 50px;
  }
  .xsm-m--b-75 {
    margin-bottom: 75px;
  }
  .xsm-m--b-100 {
    margin-bottom: 100px;
  }
  .xsm-m--t-5 {
    margin-top: 5px;
  }
  .xsm-m--t-10 {
    margin-top: 10px;
  }
  .xsm-m--t-15 {
    margin-top: 15px;
  }
  .xsm-m--t-20 {
    margin-top: 20px;
  }
  .xsm-m--t-25 {
    margin-top: 25px;
  }
  .xsm-m--t-30 {
    margin-top: 30px;
  }
  .xsm-m--t-35 {
    margin-top: 35px;
  }
  .xsm-m--t-40 {
    margin-top: 40px;
  }
  .xsm-m--t-45 {
    margin-top: 45px;
  }
  .xsm-m--t-50 {
    margin-top: 50px;
  }
  .xsm-m--t-75 {
    margin-top: 75px;
  }
  .xsm-m--t-100 {
    margin-top: 100px;
  }
  .xsm-m--x-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .xsm-m--x-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .xsm-m--x-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .xsm-m--x-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .xsm-m--x-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .xsm-m--x-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .xsm-m--x-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .xsm-m--x-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .xsm-m--x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .xsm-m--y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .xsm-m--y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .xsm-m--y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .xsm-m--y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .xsm-m--y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .xsm-m--y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .xsm-m--y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .xsm-m--y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .xsm-m--y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .xsm-p--l-0 {
    padding-left: 0;
  }
  .xsm-p--r-0 {
    padding-right: 0;
  }
  .xsm-p--b-0 {
    padding-bottom: 0;
  }
  .xsm-p--t-0 {
    padding-top: 0;
  }
  .xsm-p--0 {
    padding: 0px;
  }
  .xsm-p--5 {
    padding: 5px;
  }
  .xsm-p--10 {
    padding: 10px;
  }
  .xsm-p--15 {
    padding: 15px;
  }
  .xsm-p--25 {
    padding: 25px;
  }
  .xsm-p--35 {
    padding: 35px;
  }
  .xsm-p--45 {
    padding: 45px;
  }
  .xsm-p--75 {
    padding: 75px;
  }
  .xsm-p--l-5 {
    padding-left: 5px;
  }
  .xsm-p--l-10 {
    padding-left: 10px;
  }
  .xsm-p--l-15 {
    padding-left: 15px;
  }
  .xsm-p--l-25 {
    padding-left: 25px;
  }
  .xsm-p--l-35 {
    padding-left: 35px;
  }
  .xsm-p--l-40 {
    padding-left: 35px;
  }
  .xsm-p--l-45 {
    padding-left: 45px;
  }
  .xsm-p--l-75 {
    padding-left: 75px;
  }
  .xsm-p--r-5 {
    padding-right: 5px;
  }
  .xsm-p--r-10 {
    padding-right: 10px;
  }
  .xsm-p--r-15 {
    padding-right: 15px;
  }
  .xsm-p--r-25 {
    padding-right: 25px;
  }
  .xsm-p--r-35 {
    padding-right: 35px;
  }
  .xsm-p--r-45 {
    padding-right: 45px;
  }
  .xsm-p--r-75 {
    padding-right: 75px;
  }
  .xsm-p--b-5 {
    padding-bottom: 5px;
  }
  .xsm-p--b-10 {
    padding-bottom: 10px;
  }
  .xsm-p--b-15 {
    padding-bottom: 15px;
  }
  .xsm-p--b-25 {
    padding-bottom: 25px;
  }
  .xsm-p--b-35 {
    padding-bottom: 35px;
  }
  .xsm-p--b-45 {
    padding-bottom: 45px;
  }
  .xsm-p--b-50 {
    padding-bottom: 50px;
  }
  .xsm-p--b-75 {
    padding-bottom: 75px;
  }
  .xsm-p--t-5 {
    padding-top: 5px;
  }
  .xsm-p--t-10 {
    padding-top: 10px;
  }
  .xsm-p--t-15 {
    padding-top: 15px;
  }
  .xsm-p--t-25 {
    padding-top: 25px;
  }
  .xsm-p--t-35 {
    padding-top: 35px;
  }
  .xsm-p--t-45 {
    padding-top: 45px;
  }
  .xsm-p--t-75 {
    padding-top: 75px;
  }
  .xsm-p--x-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .xsm-p--x-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .xsm-p--x-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .xsm-p--x-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .xsm-p--x-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .xsm-p--x-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .xsm-p--y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .xsm-p--y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .xsm-p--y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .xsm-p--y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .xsm-p--y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .xsm-d--b {
    display: block;
  }
  .xsm-d--i {
    display: inline;
  }
  .xsm-d--ib {
    display: inline-block;
  }
  .xsm-d--n {
    display: none;
  }
}
@media screen and (max-width: 376px) {
  .xxsm-fx {
    display: flex;
  }
  .xxsm-fx-g--0 {
    gap: 0px;
  }
  .xxsm-fx-g--5 {
    gap: 5px;
  }
  .xxsm-fx-g--10 {
    gap: 10px;
  }
  .xxsm-fx-g--15 {
    gap: 15px;
  }
  .xxsm-fx-g--25 {
    gap: 25px;
  }
  .xxsm-fx-g--35 {
    gap: 35px;
  }
  .xxsm-fx-d--r {
    flex-direction: row;
  }
  .xxsm-fx-d--r-rev {
    flex-direction: row-reverse;
  }
  .xxsm-fx-d--c {
    flex-direction: column;
  }
  .xxsm-fx-d--c-rev {
    flex-direction: column-reverse;
  }
  .xxsm-fx-jc--s {
    justify-content: flex-start;
  }
  .xxsm-fx-jc--c {
    justify-content: center;
  }
  .xxsm-fx-jc--e {
    justify-content: flex-end;
  }
  .xxsm-fx-jc--sb {
    justify-content: space-between;
  }
  .xxsm-fx-jc--sa {
    justify-content: space-around;
  }
  .xxsm-fx-ai--s {
    align-items: flex-start;
  }
  .xxsm-fx-ai--c {
    align-items: center;
  }
  .xxsm-fx-ai--e {
    align-items: flex-end;
  }
  .xxsm-fx-ai--sb {
    align-items: space-between;
  }
  .xxsm-fx-ai--sa {
    align-items: space-around;
  }
  .xxsm-fx-wr--nw {
    flex-wrap: nowrap;
  }
  .xxsm-fx-wr--w {
    flex-wrap: wrap;
  }
  .xxsm-fx-wr--w-rev {
    flex-wrap: wrap-reverse;
  }
  .xxsm-fx-od--0 {
    order: 0;
  }
  .xxsm-fx-od--1 {
    order: 1;
  }
  .xxsm-fx-od--2 {
    order: 2;
  }
  .xxsm-fx-od--3 {
    order: 3;
  }
  .xxsm-fx-od--4 {
    order: 4;
  }
  .xxsm-fx-od--5 {
    order: 5;
  }
  .xxsm-fx-od--6 {
    order: 6;
  }
  .xxsm-fx-od--7 {
    order: 7;
  }
  .xxsm-fx-od--8 {
    order: 8;
  }
  .xxsm-fx-od--9 {
    order: 9;
  }
  .xxsm-fx-od--10 {
    order: 10;
  }
  .xxsm-fx-el--100 {
    flex-basis: 100%;
  }
  .xxsm-fx-el--95 {
    flex-basis: 95%;
  }
  .xxsm-fx-el--90 {
    flex-basis: 90%;
  }
  .xxsm-fx-el--85 {
    flex-basis: 85%;
  }
  .xxsm-fx-el--80 {
    flex-basis: 80%;
  }
  .xxsm-fx-el--75 {
    flex-basis: 75%;
  }
  .xxsm-fx-el--70 {
    flex-basis: 70%;
  }
  .xxsm-fx-el--66 {
    flex-basis: 66.6666666667%;
  }
  .xxsm-fx-el--65 {
    flex-basis: 65%;
  }
  .xxsm-fx-el--60 {
    flex-basis: 60%;
  }
  .xxsm-fx-el--55 {
    flex-basis: 55%;
  }
  .xxsm-fx-el--50 {
    flex-basis: 50%;
  }
  .xxsm-fx-el--45 {
    flex-basis: 45%;
  }
  .xxsm-fx-el--40 {
    flex-basis: 40%;
  }
  .xxsm-fx-el--35 {
    flex-basis: 35%;
  }
  .xxsm-fx-el--33 {
    flex-basis: 33.3333333333%;
  }
  .xxsm-fx-el--30 {
    flex-basis: 30%;
  }
  .xxsm-fx-el--25 {
    flex-basis: 25%;
  }
  .xxsm-fx-el--20 {
    flex-basis: 20%;
  }
  .xxsm-fx-el--15 {
    flex-basis: 15%;
  }
  .xxsm-fx-el--10 {
    flex-basis: 10%;
  }
  .xxsm-fx-el--5 {
    flex-basis: 5%;
  }
  .xxsm-fx-el--s0 {
    flex-shrink: 0;
  }
  .xxsm-fx-el--s1 {
    flex-shrink: 1;
  }
  .xxsm-fx-el--g0 {
    flex-grow: 0;
  }
  .xxsm-fx-el--g1 {
    flex-grow: 1;
  }
  .xxsm-m--l-0 {
    margin-left: 0;
  }
  .xxsm-m--r-0 {
    margin-right: 0;
  }
  .xxsm-m--b-0 {
    margin-bottom: 0;
  }
  .xxsm-m--t-0 {
    margin-top: 0;
  }
  .xxsm-m--5 {
    margin: 5px;
  }
  .xxsm-m--10 {
    margin: 10px;
  }
  .xxsm-m--15 {
    margin: 15px;
  }
  .xxsm-m--20 {
    margin: 20px;
  }
  .xxsm-m--25 {
    margin: 25px;
  }
  .xxsm-m--30 {
    margin: 30px;
  }
  .xxsm-m--35 {
    margin: 35px;
  }
  .xxsm-m--40 {
    margin: 40px;
  }
  .xxsm-m--45 {
    margin: 45px;
  }
  .xxsm-m--50 {
    margin: 50px;
  }
  .xxsm-m--75 {
    margin: 75px;
  }
  .xxsm-m--100 {
    margin: 100px;
  }
  .xxsm-m--auto {
    margin: auto;
  }
  .xxsm-m--l-5 {
    margin-left: 5px;
  }
  .xxsm-m--l-10 {
    margin-left: 10px;
  }
  .xxsm-m--l-15 {
    margin-left: 15px;
  }
  .xxsm-m--l-20 {
    margin-left: 20px;
  }
  .xxsm-m--l-25 {
    margin-left: 25px;
  }
  .xxsm-m--l-30 {
    margin-left: 30px;
  }
  .xxsm-m--l-35 {
    margin-left: 35px;
  }
  .xxsm-m--l-40 {
    margin-left: 40px;
  }
  .xxsm-m--l-45 {
    margin-left: 45px;
  }
  .xxsm-m--l-50 {
    margin-left: 50px;
  }
  .xxsm-m--l-75 {
    margin-left: 75px;
  }
  .xxsm-m--l-100 {
    margin-left: 100px;
  }
  .xxsm-m--r-5 {
    margin-right: 5px;
  }
  .xxsm-m--r-10 {
    margin-right: 10px;
  }
  .xxsm-m--r-15 {
    margin-right: 15px;
  }
  .xxsm-m--r-20 {
    margin-right: 20px;
  }
  .xxsm-m--r-25 {
    margin-right: 25px;
  }
  .xxsm-m--r-30 {
    margin-right: 30px;
  }
  .xxsm-m--r-35 {
    margin-right: 35px;
  }
  .xxsm-m--r-40 {
    margin-right: 40px;
  }
  .xxsm-m--r-45 {
    margin-right: 45px;
  }
  .xxsm-m--r-50 {
    margin-right: 50px;
  }
  .xxsm-m--r-75 {
    margin-right: 75px;
  }
  .xxsm-m--r-100 {
    margin-right: 100px;
  }
  .xxsm-m--b-5 {
    margin-bottom: 5px;
  }
  .xxsm-m--b-10 {
    margin-bottom: 10px;
  }
  .xxsm-m--b-15 {
    margin-bottom: 15px;
  }
  .xxsm-m--b-20 {
    margin-bottom: 20px;
  }
  .xxsm-m--b-25 {
    margin-bottom: 25px;
  }
  .xxsm-m--b-30 {
    margin-bottom: 30px;
  }
  .xxsm-m--b-35 {
    margin-bottom: 35px;
  }
  .xxsm-m--b-40 {
    margin-bottom: 40px;
  }
  .xxsm-m--b-45 {
    margin-bottom: 45px;
  }
  .xxsm-m--b-50 {
    margin-bottom: 50px;
  }
  .xxsm-m--b-75 {
    margin-bottom: 75px;
  }
  .xxsm-m--b-100 {
    margin-bottom: 100px;
  }
  .xxsm-m--t-5 {
    margin-top: 5px;
  }
  .xxsm-m--t-10 {
    margin-top: 10px;
  }
  .xxsm-m--t-15 {
    margin-top: 15px;
  }
  .xxsm-m--t-20 {
    margin-top: 20px;
  }
  .xxsm-m--t-25 {
    margin-top: 25px;
  }
  .xxsm-m--t-30 {
    margin-top: 30px;
  }
  .xxsm-m--t-35 {
    margin-top: 35px;
  }
  .xxsm-m--t-40 {
    margin-top: 40px;
  }
  .xxsm-m--t-45 {
    margin-top: 45px;
  }
  .xxsm-m--t-50 {
    margin-top: 50px;
  }
  .xxsm-m--t-75 {
    margin-top: 75px;
  }
  .xxsm-m--t-100 {
    margin-top: 100px;
  }
  .xxsm-m--x-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .xxsm-m--x-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .xxsm-m--x-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .xxsm-m--x-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .xxsm-m--x-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .xxsm-m--x-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .xxsm-m--x-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .xxsm-m--x-75 {
    margin-left: 75px;
    margin-right: 75px;
  }
  .xxsm-m--x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .xxsm-m--y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .xxsm-m--y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .xxsm-m--y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .xxsm-m--y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .xxsm-m--y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .xxsm-m--y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .xxsm-m--y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .xxsm-m--y-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }
  .xxsm-m--y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .xxsm-p--l-0 {
    padding-left: 0;
  }
  .xxsm-p--r-0 {
    padding-right: 0;
  }
  .xxsm-p--b-0 {
    padding-bottom: 0;
  }
  .xxsm-p--t-0 {
    padding-top: 0;
  }
  .xxsm-p--0 {
    padding: 0px;
  }
  .xxsm-p--5 {
    padding: 5px;
  }
  .xxsm-p--10 {
    padding: 10px;
  }
  .xxsm-p--15 {
    padding: 15px;
  }
  .xxsm-p--25 {
    padding: 25px;
  }
  .xxsm-p--35 {
    padding: 35px;
  }
  .xxsm-p--45 {
    padding: 45px;
  }
  .xxsm-p--75 {
    padding: 75px;
  }
  .xxsm-p--l-5 {
    padding-left: 5px;
  }
  .xxsm-p--l-10 {
    padding-left: 10px;
  }
  .xxsm-p--l-15 {
    padding-left: 15px;
  }
  .xxsm-p--l-25 {
    padding-left: 25px;
  }
  .xxsm-p--l-35 {
    padding-left: 35px;
  }
  .xxsm-p--l-40 {
    padding-left: 35px;
  }
  .xxsm-p--l-45 {
    padding-left: 45px;
  }
  .xxsm-p--l-75 {
    padding-left: 75px;
  }
  .xxsm-p--r-5 {
    padding-right: 5px;
  }
  .xxsm-p--r-10 {
    padding-right: 10px;
  }
  .xxsm-p--r-15 {
    padding-right: 15px;
  }
  .xxsm-p--r-25 {
    padding-right: 25px;
  }
  .xxsm-p--r-35 {
    padding-right: 35px;
  }
  .xxsm-p--r-45 {
    padding-right: 45px;
  }
  .xxsm-p--r-75 {
    padding-right: 75px;
  }
  .xxsm-p--b-5 {
    padding-bottom: 5px;
  }
  .xxsm-p--b-10 {
    padding-bottom: 10px;
  }
  .xxsm-p--b-15 {
    padding-bottom: 15px;
  }
  .xxsm-p--b-25 {
    padding-bottom: 25px;
  }
  .xxsm-p--b-35 {
    padding-bottom: 35px;
  }
  .xxsm-p--b-45 {
    padding-bottom: 45px;
  }
  .xxsm-p--b-50 {
    padding-bottom: 50px;
  }
  .xxsm-p--b-75 {
    padding-bottom: 75px;
  }
  .xxsm-p--t-5 {
    padding-top: 5px;
  }
  .xxsm-p--t-10 {
    padding-top: 10px;
  }
  .xxsm-p--t-15 {
    padding-top: 15px;
  }
  .xxsm-p--t-25 {
    padding-top: 25px;
  }
  .xxsm-p--t-35 {
    padding-top: 35px;
  }
  .xxsm-p--t-45 {
    padding-top: 45px;
  }
  .xxsm-p--t-75 {
    padding-top: 75px;
  }
  .xxsm-p--x-15 {
    padding-left: 15px;
    padding-right: 15px;
  }
  .xxsm-p--x-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .xxsm-p--x-30 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .xxsm-p--x-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .xxsm-p--x-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .xxsm-p--x-75 {
    padding-left: 75px;
    padding-right: 75px;
  }
  .xxsm-p--y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .xxsm-p--y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .xxsm-p--y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .xxsm-p--y-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .xxsm-p--y-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .xxsm-d--b {
    display: block;
  }
  .xxsm-d--i {
    display: inline;
  }
  .xxsm-d--ib {
    display: inline-block;
  }
  .xxsm-d--n {
    display: none;
  }
}
.full-img--w > img {
  width: 100%;
}
.full-img--h > img {
  height: 100%;
}

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

.pos--r {
  position: relative;
}
.pos--a {
  position: absolute;
}

.bdrs--3 {
  border-radius: 3px;
}
.bdrs--5 {
  border-radius: 5px;
}
.bdrs--10 {
  border-radius: 10px;
}
.bdrs--15 {
  border-radius: 15px;
}

.w--100 {
  width: 100%;
}

.text--200 {
  font-weight: 200;
}
.text--300 {
  font-weight: 300;
}
.text--400 {
  font-weight: 400;
}
.text--500 {
  font-weight: 500;
}
.text--600 {
  font-weight: 600;
}
.text--700 {
  font-weight: 700;
}
.text--XXL {
  font-size: calc((100vw - 576px)/(992 - 576)*(4 - 3.375) + 3.375rem);
}
@media screen and (min-width: 992px) {
  .text--XXL {
    font-size: 4rem;
  }
}
@media screen and (max-width: 576px) {
  .text--XXL {
    font-size: 3.375rem;
  }
}
.text--XXL--static {
  font-size: 4rem;
}
.text--XL {
  font-size: calc((100vw - 576px)/(992 - 576)*(3 - 2) + 2rem);
}
@media screen and (min-width: 992px) {
  .text--XL {
    font-size: 3rem;
  }
}
@media screen and (max-width: 576px) {
  .text--XL {
    font-size: 2rem;
  }
}
.text--XL--static {
  font-size: 3rem;
}
.text--L {
  font-size: calc((100vw - 576px)/(992 - 576)*(2.25 - 1.625) + 1.625rem);
}
@media screen and (min-width: 992px) {
  .text--L {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 576px) {
  .text--L {
    font-size: 1.625rem;
  }
}
.text--L--static {
  font-size: 2.25rem;
}
.text--M {
  font-size: calc((100vw - 576px)/(992 - 576)*(1.875 - 1.375) + 1.375rem);
}
@media screen and (min-width: 992px) {
  .text--M {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 576px) {
  .text--M {
    font-size: 1.375rem;
  }
}
.text--M--static {
  font-size: 1.875rem;
}
.text--S {
  font-size: calc((100vw - 576px)/(992 - 576)*(1.375 - 1.125) + 1.125rem);
}
@media screen and (min-width: 992px) {
  .text--S {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 576px) {
  .text--S {
    font-size: 1.125rem;
  }
}
.text--S--static {
  font-size: 1.375rem;
}
.text--XS {
  font-size: calc((100vw - 576px)/(992 - 576)*(1 - 0.75) + 0.75rem);
}
@media screen and (min-width: 992px) {
  .text--XS {
    font-size: 1rem;
  }
}
@media screen and (max-width: 576px) {
  .text--XS {
    font-size: 0.75rem;
  }
}
.text--XS--static {
  font-size: 1rem;
}
.text-full--XL-XS {
  font-size: calc((100vw - 576px)/(1440 - 576)*(3 - 0.75) + 0.75rem);
}
@media screen and (min-width: 1440px) {
  .text-full--XL-XS {
    font-size: 3rem;
  }
}
@media screen and (max-width: 576px) {
  .text-full--XL-XS {
    font-size: 0.75rem;
  }
}
.text-full--M-XS {
  font-size: calc((100vw - 576px)/(1440 - 576)*(1.875 - 0.75) + 0.75rem);
}
@media screen and (min-width: 1440px) {
  .text-full--M-XS {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 576px) {
  .text-full--M-XS {
    font-size: 0.75rem;
  }
}
.text--uppercase {
  text-transform: uppercase;
}
.text--center {
  text-align: center;
}
.text--right {
  text-align: right;
}
.text--text-font {
  font-family: Montserrat, sans-serif;
}
.text--title-font {
  font-family: Oswald, sans-serif;
}
.text--italic {
  font-style: italic;
}
.text--green {
  color: #008138 !important;
  color: var(--green-text, var(--green)) !important;
  --color: var(--green-text, var(--green));
}
.text--yellow {
  color: #F0AD00 !important;
  color: var(--yellow-text, var(--yellow)) !important;
  --color: var(--yellow-text, var(--yellow));
}
.text--white {
  color: #FFF !important;
  color: var(--white-text) !important;
  --color: var(--white-text);
}
.text--gray {
  color: #545454 !important;
  color: var(--gray-text) !important;
  --color: var(--gray-text);
}
.text--nowrap {
  white-space: nowrap;
}
.text--link {
  color: blue;
  cursor: pointer;
}

.icon--inherit {
  color: inherit !important;
  font-size: inherit !important;
}
.icon--XL {
  font-size: 2em !important;
}
.icon--L {
  font-size: 1.5em !important;
}
.icon--M {
  font-size: 1em !important;
}
.icon--S {
  font-size: 0.5em !important;
}

.img--w {
  width: 100%;
  height: auto;
}
.img--h {
  height: 100%;
  width: auto;
}
.img--link {
  line-height: 0;
}

.ratio--1x1 {
  aspect-ratio: 1/1;
}
.ratio--2x1 {
  aspect-ratio: 2/1;
}
.ratio--1x2 {
  aspect-ratio: 1/2;
}
.ratio--3x2 {
  aspect-ratio: 3/2;
}
.ratio--2x3 {
  aspect-ratio: 2/3;
}
.ratio--16x9 {
  aspect-ratio: 16/9;
}
.ratio--1x3 {
  aspect-ratio: 1/3;
}
.ratio--1x4 {
  aspect-ratio: 1/4;
}
.ratio--1x5 {
  aspect-ratio: 1/5;
}
.ratio--3x1 {
  aspect-ratio: 3/1;
}
.ratio--4x1 {
  aspect-ratio: 4/1;
}
.ratio--5x1 {
  aspect-ratio: 5/1;
}

.header__navbar {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 15px 0;
}
@media (max-width: 768px) {
  .header__navbar {
    justify-content: space-between;
  }
}
.header__navbar--center {
  justify-content: center;
}
@media (max-width: 1200px) {
  .header__navbar--center {
    /*flex-wrap: wrap;*/
    justify-content: space-around;
  }
}
@media (max-width: 768px) {
  .header__navbar--center {
    flex-wrap: nowrap;
  }
}
.header__navbar--center .header__navbar-element {
  padding: 0px 5px;
}
.header__navbar ul {
  display: flex;
  flex-grow: 1;
  justify-content: space-around;
  padding: 0;
  margin: 0;
}
.header__navbar ul li {
  list-style: none;
}
@media (max-width: 768px) {
  .header__navbar-element--desktop {
    display: none !important;
  }
}
.header__navbar-element--footer {
  list-style: none;
  display: flex;
  justify-content: space-around;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .header__navbar-element--footer {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .header__navbar-element--mobile {
    display: none !important;
  }
}
.header__navbar-logo {
  flex: 0 1 200px;
}
.header__navbar-logo img {
  width: 100%;
  height: auto;
}
.header__language-dropdown {
  position: relative;
  flex: 0 0 70px;
  height: 40px;
  border-right: 5px solid transparent;
  margin-right: 25px;
  margin-left: 25px;
}
.header__language-dropdown:hover .header__language-dropdown-wrapper, .header__language-dropdown:focus .header__language-dropdown-wrapper {
  box-shadow: 0 0 15px 10px rgba(0, 0, 0, 0.2);
}
.header__language-dropdown:hover .header__language-dropdown-element, .header__language-dropdown:focus .header__language-dropdown-element {
  display: flex !important;
}
@media (max-width: 375px) {
  .header__language-dropdown {
    margin-left: 5px;
  }
}
.header__language-dropdown:after {
  position: absolute;
  left: calc(100% + 5px);
  top: calc(50% - 4px);
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg);
}
.header__language-dropdown-wrapper {
  background: #fff;
  border-radius: 5px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.header__language-dropdown-element {
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.26667));
  padding: 5px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__language-dropdown-element img {
  width: 100%;
  height: auto;
}
.header__language-dropdown-element:not(.active) {
  display: none;
  order: 1;
}
.header__language-dropdown-element.active {
  order: 0;
}
.header__banner-top {
  position: relative;
}
.header__banner-top > img {
  width: 100%;
}
.header__banner-logo {
  position: absolute;
  right: 15%;
  width: 25%;
  bottom: -10%;
}
.header__banner-logo--mini {
  right: 8%;
  bottom: -23%;
}
.header__banner-logo > img {
  width: 100%;
}
.header__banner-logo2 {
  position: absolute;
  right: 5%;
  width: 30%;
  top: 25%;
}
.header__banner-logo2 > img {
  width: 100%;
}
.header__banner-decor {
  position: absolute;
  right: 0;
  width: 45%;
  top: 0;
  z-index: -1;
}
.header__banner-decor > img {
  width: 100%;
}
.header__banner-bottom {
  margin-left: auto;
  position: relative;
  width: 100%;
  text-align: right;
}
.header__banner-bottom > img {
  width: 65%;
}
.header__banner-text {
  text-align: left;
  position: absolute;
  font-size: calc((100vw - 375px)/(1440 - 375)*(36 - 8) + 8px);
  right: 60%;
  left: 3%;
  top: 20%;
}
@media screen and (min-width: 1440px) {
  .header__banner-text {
    font-size: 36px;
  }
}
@media screen and (max-width: 375px) {
  .header__banner-text {
    font-size: 8px;
  }
}
.header__country {
  width: 30px;
}
.header__country.active {
  /*width: 50px;
  filter: drop-shadow(0px 0px 3px rgba(51,51,51,0.4));*/
  font-weight: 700;
}
.header__country img {
  width: 100%;
  height: auto;
}
.header__banner-bar {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.header__banner-bar-element {
  padding: 10px;
}
@media (max-width: 768px) {
  .header__banner-bar-element--desktop {
    display: none;
  }
}
.mob-menu.active .mob-menu__content {
  transform: translateX(-300px);
}
.mob-menu.active .mob-menu__overlay {
  width: 100vw;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  visibility: visible;
}
.mob-menu__overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  transition: 0.4s ease-in-out;
  visibility: hidden;
  cursor: pointer;
}
.mob-menu__content {
  z-index: 200;
  transition: all 0.4s ease-in-out;
  position: fixed;
  width: 300px;
  height: 100vh;
  left: 100%;
  top: 0;
  background-color: #86BC9C;
  background-color: var(--highlightColor);
  padding: 0 5px;
}
.mob-menu__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding: 15px;
}
.mob-menu__logo img {
  height: 35px;
  width: auto;
}
.mob-menu__menu {
  padding: 25px 0;
  font-family: Oswald, sans-serif;
  font-weight: 600;
  font-size: 18px;
  list-style-type: none;
}
.mob-menu__menu > li {
  position: relative;
  line-height: 1.5em;
  position: relative;
  overflow: hidden;
}
.mob-menu__menu > li > a, .mob-menu__menu > li > span {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.4s;
  cursor: pointer;
  background-clip: padding-box !important;
  padding: 4px;
  padding-right: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.mob-menu__menu > li > a:hover, .mob-menu__menu > li > span:hover {
  color: #86BC9C;
  color: var(--highlightColor);
  background: rgba(255, 255, 255, 0.7);
}
.mob-menu__menu > li > ul {
  padding: 0;
  position: absolute;
  width: 100%;
  list-style-type: none;
}
.mob-menu__menu > li > ul > li {
  padding: 0 25px;
  padding-left: 35px;
  color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.4s;
  background-clip: padding-box !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  width: 100%;
}
.mob-menu__menu > li > ul > li:hover {
  color: #86BC9C;
  color: var(--highlightColor);
  background: rgba(255, 255, 255, 0.4);
}

.burger {
  cursor: pointer;
  align-self: center;
  width: 25px;
  height: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.burger.active :nth-child(1) {
  transform: translateY(7.5px) rotate(135deg);
}
.burger.active :nth-child(2) {
  transform: scaleX(0);
  opacity: 0.2;
}
.burger.active :nth-child(3) {
  transform: translateY(-7.5px) rotate(-135deg);
}
.burger__line {
  width: 100%;
  height: 2px;
  background: #F0AD00;
  background: var(--yellow);
  transition: all 0.4s;
}

.social--circled {
  border: max(0.1em, 1px) solid var(--color);
  width: 2em;
  height: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.social--circled > a {
  display: flex;
}
.social--color-fb {
  color: #004aad;
  --color: #004aad;
}
.social--color-wp {
  color: #42ab14;
  --color: #42ab14;
}
.social--color-tg {
  color: #38b6ff;
  --color: #38b6ff;
}
.social--color-ig {
  color: #ff5757;
  --color: #ff5757;
}

.footer {
  position: relative;
}
.footer__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -5;
}
@media (max-width: 576px) {
  .footer__nav {
    display: none;
  }
}

.publication__image {
  width: 50%;
  float: left;
  margin: 0 30px 20px 0;
  border: 4px solid #8BC5C6;
}
p {
  margin-top: 0;
}

.btn {
  display: inline-block;
  padding: 15px 30px;
  transition: all 0.2s;
  cursor: pointer;
}
.btn:active {
  box-shadow: inset 0 0 4px #222;
  filter: brightness(0.8);
}
.btn--green {
  background-color: #008138;
  background-color: var(--green);
}
.btn--yellow {
  background-color: #F0AD00;
  background-color: var(--yellow);
}
.btn--rounded {
  border-radius: 5px;
}
.btn--shadow {
  box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.25);
}
.btn--SM {
  padding: 10px 15px;
}

.contact-form input:not([type=submit]) {
  background: white;
  width: 100%;
  border: none;
  padding: 5px;
  border-radius: 5px;
}
.contact-form input:not([type=submit]):focus {
  outline: 1px solid rgba(0,0,0,0.26667);
}
.contact-form input[type=submit] {
  border: none;
}
.contact-form textarea {
  background: white;
  width: 100%;
  border: none;
  padding: 5px;
  border-radius: 5px;
  resize: none;
}
.contact-form textarea:focus {
  outline: 1px solid rgba(0,0,0,0.26667);
}

.searchbar-expandable .searchbar {
  position: absolute;
  top: -300px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 500px;
  transition: all 0.4s cubic-bezier(0.4, 1.72, 0.66, 1);
}
.searchbar-expandable:focus .searchbar, .searchbar-expandable[focus-within] .searchbar {
  display: flex;
  top: calc(100% + 15px);
  z-index: 10;
}
.searchbar-expandable:focus .searchbar, .searchbar-expandable:focus-within .searchbar {
  display: flex;
  top: calc(100% + 15px);
  z-index: 10;
}

.search-result {
  border-bottom: 3px solid #8BC5C6;
  border-bottom: 3px solid var(--mar);
}

.searchbar {
  background: #FFF;
  background: var(--white-text);
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border: 3px solid #F0AD00;
  border: 3px solid var(--yellow);
  border-radius: 1.2em;
  padding: 3px;
}
.searchbar input {
  background: transparent;
  width: calc(80% - 15px);
  border: none;
  height: 1.2em;
}
.searchbar input:focus {
  outline: none;
}
.searchbar__icon {
  margin-right: 5px;
  font-size: 0.9em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.searchbar__icon:after {
  margin-left: 0.3em;
  content: "";
  background-color: var(--color);
  height: 1em;
  width: 2px;
  border-radius: 4px;
}

.background--light-green {
  background-color: #86BC9C;
  background-color: var(--light-green);
}
.background--white {
  background-color: #FFF;
  background-color: var(--backgroundColor);
}

.def-slide--3 {
  max-width: 400px;
  margin: auto;
}

.card--border-under {
  min-height: 480px;
  border: 3px solid #DBDBDB;
  border-top: 0;
}

h1,
h2 {
  font-size: calc((100vw - 576px)/(1440 - 576)*(4 - 2) + 2rem);
  font-weight: 400;
  display: inline;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  h1,
h2 {
    font-size: 4rem;
  }
}
@media screen and (max-width: 576px) {
  h1,
h2 {
    font-size: 2rem;
  }
}

.underline--mar {
  padding-right: 0.2em;
  padding-left: 0.2em;
  border-bottom: 0.1em solid #8BC5C6;
  border-bottom: 0.1em solid var(--mar);
}

.filters__category {
  transition: all 0.3s;
  cursor: pointer;
}
.filters__category.active {
  color: #8BC5C6;
  color: var(--mar);
}
.filters__tag {
  cursor: pointer;
  transition: all 0.3s;
  border: 1px solid #545454;
  border: 1px solid var(--gray-text);
  border-radius: 10px;
  font-weight: 300;
  padding: 0.2em 0.3em;
  margin: 5px 3px;
  text-align: center;
}
.filters__tag.active {
  border: 1px solid #EEE;
  background-color: #8BC5C6;
  background-color: var(--mar);
  color: #FFF;
  color: var(--white-text);
}

.video {
  position: relative;
  line-height: 0;
  cursor: pointer;
}
.video > img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.video:hover .video__play-button {
  transform: scale(1.1);
}
.video__play-button {
  line-height: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  filter: drop-shadow(0 0 5px #333);
  transition: all 0.4s;
}
.video__play-button img {
  width: 10%;
  height: auto;
}

.card-link__parent {
  position: relative;
}
.card-link__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.slider-image__height {
  width: auto;
}
.slider-image__height--175 {
  height: 175px;
}

.decor {
  position: absolute;
  left: var(--left);
  top: var(--top);
  width: var(--width);
}
@media (max-width: 768px) {
  .decor--S {
    display: none;
  }
}
.decor__wrapper {
  position: relative;
}

body {
  overflow-x: hidden !important;
}

.visual-options__font {
  cursor: pointer;
  transition: all 0.2s;
  width: 1.3em;
  text-align: center;
  border-radius: 5px;
}
.visual-options__font.active {
  background: #aaa;
}
.visual-options__font:not(.active):hover {
  background: #ddd;
}
.visual-options__font--S {
  font-size: 16px;
}
.visual-options__font--M {
  font-size: 26px;
}
.visual-options__font--L {
  font-size: 32px;
}
.visual-options__color {
  cursor: pointer;
  transition: all 0.2s;
  width: 1.3em;
  text-align: center;
  border-radius: 5px;
  font-size: 32px;
  border: 1px solid #000;
}
.visual-options__color.active {
  transform: scale(1.2);
  filter: drop-shadow(0 0 7px #FFF);
  filter: drop-shadow(0 0 7px var(--white-text));
}
.visual-options__color:not(.active):hover {
  transform: scale(1.1);
}
.visual-options__color--default {
  background: #FFF;
  color: #000;
}
.visual-options__color--dark {
  background: #000;
  color: #fff;
}
.visual-options__color--blue {
  background: #9dd1ff;
  color: #063462;
}
.visual-options__color--yellow {
  background: #f7f3d6;
  color: #4d4b43;
}
.visual-options__color--green {
  background: #3b2716;
  color: #a9e44d;
}
.visual-options__image {
  font-size: 32px;
  background: #a9e44d;
  color: #000;
  cursor: pointer;
  transition: all 0.2s;
  width: 1.3em;
  text-align: center;
  border-radius: 5px;
}
.visual-options__image.active {
  filter: brightness(0.7);
}
.visual-options__image:not(.active):hover {
  filter: brightness(0.9);
}
.visual-options__image--contrast {
  background: #64e496;
}
.visual-options__image--grayscale {
  background: #aaa;
}

html {
  --backgroundColor: #FFF;
  --highlightColor: #86BC9C;
  --yellow: #F0AD00;
  --green: #008138;
  --light-green: #86BC9C;
  --mar: #8BC5C6;
  --yellow-text: #F0AD00;
  --green-text: #008138;
  --light-green-text: #86BC9C;
  --mar-text: #8BC5C6;
  --white-text: #FFF;
  --black-text: #000;
  --gray-text: #545454;
}

.HTML-color--dark {
  --backgroundColor: #000 !important;
  --highlightColor: #777 !important;
  --yellow: #777 !important;
  --green: #777 !important;
  --light-green: #777 !important;
  --mar: #777 !important;
  --yellow-text: #fff;
  --green-text: #fff;
  --light-green-text: #fff;
  --mar-text: #fff;
  --white-text: #FFF !important;
  --black-text: #FFF !important;
  --gray-text: #FFF !important;
}
.HTML-color--dark .footer__bg {
  background-image: none !important;
  background: #222;
}
.HTML-color--blue {
  --backgroundColor: rgb(157 209 255) !important;
  --highlightColor: rgb(157 209 255) !important;
  --yellow: rgb(90 150 200) !important;
  --green: rgb(90 150 200) !important;
  --light-green: rgb(90 150 200) !important;
  --mar: rgb(90 150 200) !important;
  --yellow-text: rgb(6 52 98);
  --green-text: rgb(6 52 98);
  --light-green-text: rgb(6 52 98);
  --mar-text: rgb(6 52 98);
  --white-text: rgb(6 52 98) !important;
  --black-text: rgb(6 52 98) !important;
  --gray-text: rgb(6 52 98) !important;
}
.HTML-color--blue .footer__bg {
  background-image: none !important;
  background: #82bee6;
}
.HTML-color--yellow {
  --backgroundColor: rgb(247 243 214) !important;
  --highlightColor: rgb(247 243 214) !important;
  --yellow: rgb(220 220 190) !important;
  --green: rgb(220 220 190) !important;
  --light-green: rgb(220 220 190) !important;
  --mar: rgb(220 220 190) !important;
  --yellow-text: rgb(77 75 67);
  --green-text: rgb(77 75 67);
  --light-green-text: rgb(77 75 67);
  --mar-text: rgb(77 75 67);
  --white-text: rgb(77 75 67) !important;
  --black-text: rgb(77 75 67) !important;
  --gray-text: rgb(77 75 67) !important;
}
.HTML-color--yellow .footer__bg {
  background-image: none !important;
  background: #dcdcbe;
}
.HTML-color--green {
  --backgroundColor: rgb(59 39 22) !important;
  --highlightColor: rgb(59 39 22) !important;
  --yellow: rgb(88 66 44) !important;
  --green: rgb(88 66 44) !important;
  --light-green: rgb(88 66 44) !important;
  --mar: rgb(88 66 44) !important;
  --yellow-text: rgb(169 228 77);
  --green-text: rgb(169 228 77);
  --light-green-text: rgb(169 228 77);
  --mar-text: rgb(169 228 77);
  --white-text: rgb(169 228 77) !important;
  --black-text: rgb(169 228 77) !important;
  --gray-text: rgb(169 228 77) !important;
}
.HTML-color--green .footer__bg {
  background-image: none !important;
  background: #58422c;
}

.HTML-images--contrast img {
  filter: contrast(2);
}
.HTML-images--grayscale img {
  filter: grayscale(1);
}

.partner_item {
  cursor: pointer;
}

.partner_item:hover {
  background-color: #ddd;
}

.partners_list {
  overflow: auto;
  height: 300px;
}

.searchbar__btn {
  background-color: transparent;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
.searchbar__btn > span {
  width: 30px;
  height: 30px;
  font-size: 30px;
}

.page-numbers.current {
  color: #8BC5C6;
  color: var(--mar);
}

.post-navigation {
  color: #8BC5C6;
  color: var(--mar);
}

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