/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[5]!./src/app.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[5]!./src/app.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[5]!./src/components/common/dropdown/index.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
[data-dropdown-root] {
  position: relative;
}

[data-dropdown-root].dropdown__active [data-dropdown-content] {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
  transform: translateY(0) scale(1);
}

[data-dropdown-label] * {
  pointer-events: none;
}

[data-dropdown-content] {
  visibility: hidden;
}

[data-dropdown-content] button.close * {
  pointer-events: none;
}

[data-dropdown-content] {
  min-width: 180px;
  background-color: var(--color-white);
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 4px;
  margin-top: 5px;
  padding: 20px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-5px) scale(0.95);
  transition: var(--def-transition-200ms);
  will-change: transform, opacity;
  position: absolute;
  top: 100%;
  z-index: 1050;
}

[data-dropdown-content].pin__left {
  left: 0;
}

[data-dropdown-content].pin__right {
  right: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[5]!./src/app.scss (2) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

a:hover, a:active {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: "“" "”" "‘" "’";
}

q::before, q::after {
  content: "";
  content: none;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
input[disabled] {
  cursor: default;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  box-sizing: content-box;
}

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

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

/**
 * set elements configuration
 */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  border-radius: 0;
  outline: none;
  border: none;
  background-color: transparent;
}

input:hover, input:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus,
button:hover,
button:focus {
  outline: none;
}

button {
  padding: 0;
}

textarea {
  resize: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

input[type=number] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

a {
  text-decoration: none;
}

a:hover, a:focus {
  outline: none;
}

ul {
  display: block;
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
  width: auto;
}

svg {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
}

img {
  max-width: 100%;
  max-height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

.clearfix {
  *zoom: 1;
}

.clearfix::before {
  content: "";
  display: table;
  line-height: 0;
  clear: both;
}

.clearfix::after {
  content: "";
  display: table;
  line-height: 0;
  clear: both;
}

[style^=background-image] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.block {
  display: block;
}

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

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.opacity {
  opacity: 0;
}

/* Flex */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.justify-evenly {
  justify-content: space-evenly;
}

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

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

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

.flex-25 {
  flex: 1 1 100%;
  max-width: 25%;
}

.flex-33 {
  flex: 1 1 100%;
  max-width: 33.33%;
}

.flex-30 {
  flex: 1 1 100%;
  max-width: 30%;
}

.flex-40 {
  flex: 1 1 100%;
  max-width: 40%;
}

.flex-50 {
  flex: 1 1 100%;
  max-width: 50%;
}

.flex-60 {
  flex: 1 1 100%;
  max-width: 60%;
}

.flex-70 {
  flex: 1 1 100%;
  max-width: 70%;
}

.flex-80 {
  flex: 1 1 100%;
  max-width: 80%;
}

.flex-100 {
  flex: 1 1 100%;
}

.f-20 {
  flex: 1 1 100%;
  max-width: calc(20% - 0.625rem);
}

.f-25 {
  flex: 1 1 100%;
  max-width: calc(25% - 0.625rem);
}

.f-30 {
  flex: 1 1 100%;
  max-width: calc(30% - 0.625rem);
}

.f-33 {
  flex: 1 1 100%;
  max-width: calc(33.3% - 0.625rem);
}

.f-40 {
  flex: 1 1 100%;
  max-width: calc(40% - 0.625rem);
}

.f-50 {
  flex: 1 1 100%;
  max-width: calc(50% - 0.625rem);
}

.f-60 {
  flex: 1 1 100%;
  max-width: calc(60% - 0.625rem);
}

.f-70 {
  flex: 1 1 100%;
  max-width: calc(70% - 0.625rem);
}

.f-80 {
  flex: 1 1 100%;
  max-width: calc(80% - 0.625rem);
}

.w-full {
  width: 100%;
}

/* Margin */
.m-0-auto {
  margin: 0 auto;
}

.mt-auto {
  margin-top: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

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

.m-0 {
  margin: 0rem;
}

.mt-0 {
  margin-top: 0rem;
}

.mr-0 {
  margin-right: 0rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.ml-0 {
  margin-left: 0rem;
}

.m-5 {
  margin: 0.3125rem;
}

.mt-5 {
  margin-top: 0.3125rem;
}

.mr-5 {
  margin-right: 0.3125rem;
}

.mb-5 {
  margin-bottom: 0.3125rem;
}

.ml-5 {
  margin-left: 0.3125rem;
}

.m-10 {
  margin: 0.625rem;
}

.mt-10 {
  margin-top: 0.625rem;
}

.mr-10 {
  margin-right: 0.625rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.ml-10 {
  margin-left: 0.625rem;
}

.m-15 {
  margin: 0.9375rem;
}

.mt-15 {
  margin-top: 0.9375rem;
}

.mr-15 {
  margin-right: 0.9375rem;
}

.mb-15 {
  margin-bottom: 0.9375rem;
}

.ml-15 {
  margin-left: 0.9375rem;
}

.m-20 {
  margin: 1.25rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.mr-20 {
  margin-right: 1.25rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.ml-20 {
  margin-left: 1.25rem;
}

.m-25 {
  margin: 1.5625rem;
}

.mt-25 {
  margin-top: 1.5625rem;
}

.mr-25 {
  margin-right: 1.5625rem;
}

.mb-25 {
  margin-bottom: 1.5625rem;
}

.ml-25 {
  margin-left: 1.5625rem;
}

.m-30 {
  margin: 1.875rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.mr-30 {
  margin-right: 1.875rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.ml-30 {
  margin-left: 1.875rem;
}

.m-35 {
  margin: 2.1875rem;
}

.mt-35 {
  margin-top: 2.1875rem;
}

.mr-35 {
  margin-right: 2.1875rem;
}

.mb-35 {
  margin-bottom: 2.1875rem;
}

.ml-35 {
  margin-left: 2.1875rem;
}

.m-40 {
  margin: 2.5rem;
}

.mt-40 {
  margin-top: 2.5rem;
}

.mr-40 {
  margin-right: 2.5rem;
}

.mb-40 {
  margin-bottom: 2.5rem;
}

.ml-40 {
  margin-left: 2.5rem;
}

.m-45 {
  margin: 2.8125rem;
}

.mt-45 {
  margin-top: 2.8125rem;
}

.mr-45 {
  margin-right: 2.8125rem;
}

.mb-45 {
  margin-bottom: 2.8125rem;
}

.ml-45 {
  margin-left: 2.8125rem;
}

.m-50 {
  margin: 3.125rem;
}

.mt-50 {
  margin-top: 3.125rem;
}

.mr-50 {
  margin-right: 3.125rem;
}

.mb-50 {
  margin-bottom: 3.125rem;
}

.ml-50 {
  margin-left: 3.125rem;
}

.m-55 {
  margin: 3.4375rem;
}

.mt-55 {
  margin-top: 3.4375rem;
}

.mr-55 {
  margin-right: 3.4375rem;
}

.mb-55 {
  margin-bottom: 3.4375rem;
}

.ml-55 {
  margin-left: 3.4375rem;
}

.m-60 {
  margin: 3.75rem;
}

.mt-60 {
  margin-top: 3.75rem;
}

.mr-60 {
  margin-right: 3.75rem;
}

.mb-60 {
  margin-bottom: 3.75rem;
}

.ml-60 {
  margin-left: 3.75rem;
}

.m-65 {
  margin: 4.0625rem;
}

.mt-65 {
  margin-top: 4.0625rem;
}

.mr-65 {
  margin-right: 4.0625rem;
}

.mb-65 {
  margin-bottom: 4.0625rem;
}

.ml-65 {
  margin-left: 4.0625rem;
}

.m-70 {
  margin: 4.375rem;
}

.mt-70 {
  margin-top: 4.375rem;
}

.mr-70 {
  margin-right: 4.375rem;
}

.mb-70 {
  margin-bottom: 4.375rem;
}

.ml-70 {
  margin-left: 4.375rem;
}

.m-75 {
  margin: 4.6875rem;
}

.mt-75 {
  margin-top: 4.6875rem;
}

.mr-75 {
  margin-right: 4.6875rem;
}

.mb-75 {
  margin-bottom: 4.6875rem;
}

.ml-75 {
  margin-left: 4.6875rem;
}

.m-80 {
  margin: 5rem;
}

.mt-80 {
  margin-top: 5rem;
}

.mr-80 {
  margin-right: 5rem;
}

.mb-80 {
  margin-bottom: 5rem;
}

.ml-80 {
  margin-left: 5rem;
}

.m-85 {
  margin: 5.3125rem;
}

.mt-85 {
  margin-top: 5.3125rem;
}

.mr-85 {
  margin-right: 5.3125rem;
}

.mb-85 {
  margin-bottom: 5.3125rem;
}

.ml-85 {
  margin-left: 5.3125rem;
}

.m-90 {
  margin: 5.625rem;
}

.mt-90 {
  margin-top: 5.625rem;
}

.mr-90 {
  margin-right: 5.625rem;
}

.mb-90 {
  margin-bottom: 5.625rem;
}

.ml-90 {
  margin-left: 5.625rem;
}

.m-95 {
  margin: 5.9375rem;
}

.mt-95 {
  margin-top: 5.9375rem;
}

.mr-95 {
  margin-right: 5.9375rem;
}

.mb-95 {
  margin-bottom: 5.9375rem;
}

.ml-95 {
  margin-left: 5.9375rem;
}

.m-100 {
  margin: 6.25rem;
}

.mt-100 {
  margin-top: 6.25rem;
}

.mr-100 {
  margin-right: 6.25rem;
}

.mb-100 {
  margin-bottom: 6.25rem;
}

.ml-100 {
  margin-left: 6.25rem;
}

/* Padding */
.pt-auto {
  padding-top: auto;
}

.pr-auto {
  padding-right: auto;
}

.pb-auto {
  padding-bottom: auto;
}

.pl-auto {
  padding-left: auto;
}

.p-0 {
  padding: 0rem;
}

.pt-0 {
  padding-top: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.px-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}

.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.p-5 {
  padding: 0.3125rem;
}

.pt-5 {
  padding-top: 0.3125rem;
}

.pr-5 {
  padding-right: 0.3125rem;
}

.pb-5 {
  padding-bottom: 0.3125rem;
}

.pl-5 {
  padding-left: 0.3125rem;
}

.px-5 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.py-5 {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}

.p-10 {
  padding: 0.625rem;
}

.pt-10 {
  padding-top: 0.625rem;
}

.pr-10 {
  padding-right: 0.625rem;
}

.pb-10 {
  padding-bottom: 0.625rem;
}

.pl-10 {
  padding-left: 0.625rem;
}

.px-10 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.py-10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.p-15 {
  padding: 0.9375rem;
}

.pt-15 {
  padding-top: 0.9375rem;
}

.pr-15 {
  padding-right: 0.9375rem;
}

.pb-15 {
  padding-bottom: 0.9375rem;
}

.pl-15 {
  padding-left: 0.9375rem;
}

.px-15 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.py-15 {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.p-20 {
  padding: 1.25rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pr-20 {
  padding-right: 1.25rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.pl-20 {
  padding-left: 1.25rem;
}

.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.py-20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.p-25 {
  padding: 1.5625rem;
}

.pt-25 {
  padding-top: 1.5625rem;
}

.pr-25 {
  padding-right: 1.5625rem;
}

.pb-25 {
  padding-bottom: 1.5625rem;
}

.pl-25 {
  padding-left: 1.5625rem;
}

.px-25 {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.py-25 {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.p-30 {
  padding: 1.875rem;
}

.pt-30 {
  padding-top: 1.875rem;
}

.pr-30 {
  padding-right: 1.875rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.pl-30 {
  padding-left: 1.875rem;
}

.px-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.py-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}

.p-35 {
  padding: 2.1875rem;
}

.pt-35 {
  padding-top: 2.1875rem;
}

.pr-35 {
  padding-right: 2.1875rem;
}

.pb-35 {
  padding-bottom: 2.1875rem;
}

.pl-35 {
  padding-left: 2.1875rem;
}

.px-35 {
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
}

.py-35 {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}

.p-40 {
  padding: 2.5rem;
}

.pt-40 {
  padding-top: 2.5rem;
}

.pr-40 {
  padding-right: 2.5rem;
}

.pb-40 {
  padding-bottom: 2.5rem;
}

.pl-40 {
  padding-left: 2.5rem;
}

.px-40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.p-45 {
  padding: 2.8125rem;
}

.pt-45 {
  padding-top: 2.8125rem;
}

.pr-45 {
  padding-right: 2.8125rem;
}

.pb-45 {
  padding-bottom: 2.8125rem;
}

.pl-45 {
  padding-left: 2.8125rem;
}

.px-45 {
  padding-left: 2.8125rem;
  padding-right: 2.8125rem;
}

.py-45 {
  padding-top: 2.8125rem;
  padding-bottom: 2.8125rem;
}

.p-50 {
  padding: 3.125rem;
}

.pt-50 {
  padding-top: 3.125rem;
}

.pr-50 {
  padding-right: 3.125rem;
}

.pb-50 {
  padding-bottom: 3.125rem;
}

.pl-50 {
  padding-left: 3.125rem;
}

.px-50 {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.py-50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.p-55 {
  padding: 3.4375rem;
}

.pt-55 {
  padding-top: 3.4375rem;
}

.pr-55 {
  padding-right: 3.4375rem;
}

.pb-55 {
  padding-bottom: 3.4375rem;
}

.pl-55 {
  padding-left: 3.4375rem;
}

.px-55 {
  padding-left: 3.4375rem;
  padding-right: 3.4375rem;
}

.py-55 {
  padding-top: 3.4375rem;
  padding-bottom: 3.4375rem;
}

.p-60 {
  padding: 3.75rem;
}

.pt-60 {
  padding-top: 3.75rem;
}

.pr-60 {
  padding-right: 3.75rem;
}

.pb-60 {
  padding-bottom: 3.75rem;
}

.pl-60 {
  padding-left: 3.75rem;
}

.px-60 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.py-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.p-65 {
  padding: 4.0625rem;
}

.pt-65 {
  padding-top: 4.0625rem;
}

.pr-65 {
  padding-right: 4.0625rem;
}

.pb-65 {
  padding-bottom: 4.0625rem;
}

.pl-65 {
  padding-left: 4.0625rem;
}

.px-65 {
  padding-left: 4.0625rem;
  padding-right: 4.0625rem;
}

.py-65 {
  padding-top: 4.0625rem;
  padding-bottom: 4.0625rem;
}

.p-70 {
  padding: 4.375rem;
}

.pt-70 {
  padding-top: 4.375rem;
}

.pr-70 {
  padding-right: 4.375rem;
}

.pb-70 {
  padding-bottom: 4.375rem;
}

.pl-70 {
  padding-left: 4.375rem;
}

.px-70 {
  padding-left: 4.375rem;
  padding-right: 4.375rem;
}

.py-70 {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem;
}

.p-75 {
  padding: 4.6875rem;
}

.pt-75 {
  padding-top: 4.6875rem;
}

.pr-75 {
  padding-right: 4.6875rem;
}

.pb-75 {
  padding-bottom: 4.6875rem;
}

.pl-75 {
  padding-left: 4.6875rem;
}

.px-75 {
  padding-left: 4.6875rem;
  padding-right: 4.6875rem;
}

.py-75 {
  padding-top: 4.6875rem;
  padding-bottom: 4.6875rem;
}

.p-80 {
  padding: 5rem;
}

.pt-80 {
  padding-top: 5rem;
}

.pr-80 {
  padding-right: 5rem;
}

.pb-80 {
  padding-bottom: 5rem;
}

.pl-80 {
  padding-left: 5rem;
}

.px-80 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.py-80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.p-85 {
  padding: 5.3125rem;
}

.pt-85 {
  padding-top: 5.3125rem;
}

.pr-85 {
  padding-right: 5.3125rem;
}

.pb-85 {
  padding-bottom: 5.3125rem;
}

.pl-85 {
  padding-left: 5.3125rem;
}

.px-85 {
  padding-left: 5.3125rem;
  padding-right: 5.3125rem;
}

.py-85 {
  padding-top: 5.3125rem;
  padding-bottom: 5.3125rem;
}

.p-90 {
  padding: 5.625rem;
}

.pt-90 {
  padding-top: 5.625rem;
}

.pr-90 {
  padding-right: 5.625rem;
}

.pb-90 {
  padding-bottom: 5.625rem;
}

.pl-90 {
  padding-left: 5.625rem;
}

.px-90 {
  padding-left: 5.625rem;
  padding-right: 5.625rem;
}

.py-90 {
  padding-top: 5.625rem;
  padding-bottom: 5.625rem;
}

.p-95 {
  padding: 5.9375rem;
}

.pt-95 {
  padding-top: 5.9375rem;
}

.pr-95 {
  padding-right: 5.9375rem;
}

.pb-95 {
  padding-bottom: 5.9375rem;
}

.pl-95 {
  padding-left: 5.9375rem;
}

.px-95 {
  padding-left: 5.9375rem;
  padding-right: 5.9375rem;
}

.py-95 {
  padding-top: 5.9375rem;
  padding-bottom: 5.9375rem;
}

.p-100 {
  padding: 6.25rem;
}

.pt-100 {
  padding-top: 6.25rem;
}

.pr-100 {
  padding-right: 6.25rem;
}

.pb-100 {
  padding-bottom: 6.25rem;
}

.pl-100 {
  padding-left: 6.25rem;
}

.px-100 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}

.py-100 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

/* General */
.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

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

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.ucfirst {
  text-transform: capitalize;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-white {
  color: var(--white-color);
}

.pointer {
  cursor: pointer;
}

.pointer-none {
  pointer-events: none;
}

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

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

::-webkit-scrollbar-thumb {
  background-color: #343839;
  background-color: var(--color-scrollbar-thumb);
  border-radius: 10px;
  cursor: pointer;
}

::-webkit-scrollbar-track {
  background: #e8ecef;
  background: var(--color-scrollbar-track);
}

::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}

:root {
  --thin: 100;
  --extra-light: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semi-bold: 600;
  --bold: 700;
  --extra-bold: 800;
  --extra-black: 900;
}

.tac {
  text-align: center;
}

.w5 {
  width: 5%;
}

.mt5px {
  margin-top: 5px;
}

.ml5px {
  margin-left: 5px;
}

.mr5px {
  margin-right: 5px;
}

.mb5px {
  margin-bottom: 5px;
}

.mt5 {
  margin-top: 5%;
}

.ml5 {
  margin-left: 5%;
}

.mr5 {
  margin-right: 5%;
}

.mb5 {
  margin-bottom: 5%;
}

.pt5px {
  padding-top: 5px;
}

.pl5px {
  padding-left: 5px;
}

.pr5px {
  padding-right: 5px;
}

.pb5px {
  padding-bottom: 5px;
}

.pt5 {
  padding-top: 5%;
}

.pl5 {
  padding-left: 5%;
}

.pr5 {
  padding-right: 5%;
}

.pb5 {
  padding-bottom: 5%;
}

.w6 {
  width: 6%;
}

.mt6px {
  margin-top: 6px;
}

.ml6px {
  margin-left: 6px;
}

.mr6px {
  margin-right: 6px;
}

.mb6px {
  margin-bottom: 6px;
}

.mt6 {
  margin-top: 6%;
}

.ml6 {
  margin-left: 6%;
}

.mr6 {
  margin-right: 6%;
}

.mb6 {
  margin-bottom: 6%;
}

.pt6px {
  padding-top: 6px;
}

.pl6px {
  padding-left: 6px;
}

.pr6px {
  padding-right: 6px;
}

.pb6px {
  padding-bottom: 6px;
}

.pt6 {
  padding-top: 6%;
}

.pl6 {
  padding-left: 6%;
}

.pr6 {
  padding-right: 6%;
}

.pb6 {
  padding-bottom: 6%;
}

.w7 {
  width: 7%;
}

.mt7px {
  margin-top: 7px;
}

.ml7px {
  margin-left: 7px;
}

.mr7px {
  margin-right: 7px;
}

.mb7px {
  margin-bottom: 7px;
}

.mt7 {
  margin-top: 7%;
}

.ml7 {
  margin-left: 7%;
}

.mr7 {
  margin-right: 7%;
}

.mb7 {
  margin-bottom: 7%;
}

.pt7px {
  padding-top: 7px;
}

.pl7px {
  padding-left: 7px;
}

.pr7px {
  padding-right: 7px;
}

.pb7px {
  padding-bottom: 7px;
}

.pt7 {
  padding-top: 7%;
}

.pl7 {
  padding-left: 7%;
}

.pr7 {
  padding-right: 7%;
}

.pb7 {
  padding-bottom: 7%;
}

.w8 {
  width: 8%;
}

.mt8px {
  margin-top: 8px;
}

.ml8px {
  margin-left: 8px;
}

.mr8px {
  margin-right: 8px;
}

.mb8px {
  margin-bottom: 8px;
}

.mt8 {
  margin-top: 8%;
}

.ml8 {
  margin-left: 8%;
}

.mr8 {
  margin-right: 8%;
}

.mb8 {
  margin-bottom: 8%;
}

.pt8px {
  padding-top: 8px;
}

.pl8px {
  padding-left: 8px;
}

.pr8px {
  padding-right: 8px;
}

.pb8px {
  padding-bottom: 8px;
}

.pt8 {
  padding-top: 8%;
}

.pl8 {
  padding-left: 8%;
}

.pr8 {
  padding-right: 8%;
}

.pb8 {
  padding-bottom: 8%;
}

.w9 {
  width: 9%;
}

.mt9px {
  margin-top: 9px;
}

.ml9px {
  margin-left: 9px;
}

.mr9px {
  margin-right: 9px;
}

.mb9px {
  margin-bottom: 9px;
}

.mt9 {
  margin-top: 9%;
}

.ml9 {
  margin-left: 9%;
}

.mr9 {
  margin-right: 9%;
}

.mb9 {
  margin-bottom: 9%;
}

.pt9px {
  padding-top: 9px;
}

.pl9px {
  padding-left: 9px;
}

.pr9px {
  padding-right: 9px;
}

.pb9px {
  padding-bottom: 9px;
}

.pt9 {
  padding-top: 9%;
}

.pl9 {
  padding-left: 9%;
}

.pr9 {
  padding-right: 9%;
}

.pb9 {
  padding-bottom: 9%;
}

.w10 {
  width: 10%;
}

.mt10px {
  margin-top: 10px;
}

.ml10px {
  margin-left: 10px;
}

.mr10px {
  margin-right: 10px;
}

.mb10px {
  margin-bottom: 10px;
}

.mt10 {
  margin-top: 10%;
}

.ml10 {
  margin-left: 10%;
}

.mr10 {
  margin-right: 10%;
}

.mb10 {
  margin-bottom: 10%;
}

.pt10px {
  padding-top: 10px;
}

.pl10px {
  padding-left: 10px;
}

.pr10px {
  padding-right: 10px;
}

.pb10px {
  padding-bottom: 10px;
}

.pt10 {
  padding-top: 10%;
}

.pl10 {
  padding-left: 10%;
}

.pr10 {
  padding-right: 10%;
}

.pb10 {
  padding-bottom: 10%;
}

.w11 {
  width: 11%;
}

.mt11px {
  margin-top: 11px;
}

.ml11px {
  margin-left: 11px;
}

.mr11px {
  margin-right: 11px;
}

.mb11px {
  margin-bottom: 11px;
}

.mt11 {
  margin-top: 11%;
}

.ml11 {
  margin-left: 11%;
}

.mr11 {
  margin-right: 11%;
}

.mb11 {
  margin-bottom: 11%;
}

.pt11px {
  padding-top: 11px;
}

.pl11px {
  padding-left: 11px;
}

.pr11px {
  padding-right: 11px;
}

.pb11px {
  padding-bottom: 11px;
}

.pt11 {
  padding-top: 11%;
}

.pl11 {
  padding-left: 11%;
}

.pr11 {
  padding-right: 11%;
}

.pb11 {
  padding-bottom: 11%;
}

.w12 {
  width: 12%;
}

.mt12px {
  margin-top: 12px;
}

.ml12px {
  margin-left: 12px;
}

.mr12px {
  margin-right: 12px;
}

.mb12px {
  margin-bottom: 12px;
}

.mt12 {
  margin-top: 12%;
}

.ml12 {
  margin-left: 12%;
}

.mr12 {
  margin-right: 12%;
}

.mb12 {
  margin-bottom: 12%;
}

.pt12px {
  padding-top: 12px;
}

.pl12px {
  padding-left: 12px;
}

.pr12px {
  padding-right: 12px;
}

.pb12px {
  padding-bottom: 12px;
}

.pt12 {
  padding-top: 12%;
}

.pl12 {
  padding-left: 12%;
}

.pr12 {
  padding-right: 12%;
}

.pb12 {
  padding-bottom: 12%;
}

.w13 {
  width: 13%;
}

.mt13px {
  margin-top: 13px;
}

.ml13px {
  margin-left: 13px;
}

.mr13px {
  margin-right: 13px;
}

.mb13px {
  margin-bottom: 13px;
}

.mt13 {
  margin-top: 13%;
}

.ml13 {
  margin-left: 13%;
}

.mr13 {
  margin-right: 13%;
}

.mb13 {
  margin-bottom: 13%;
}

.pt13px {
  padding-top: 13px;
}

.pl13px {
  padding-left: 13px;
}

.pr13px {
  padding-right: 13px;
}

.pb13px {
  padding-bottom: 13px;
}

.pt13 {
  padding-top: 13%;
}

.pl13 {
  padding-left: 13%;
}

.pr13 {
  padding-right: 13%;
}

.pb13 {
  padding-bottom: 13%;
}

.w14 {
  width: 14%;
}

.mt14px {
  margin-top: 14px;
}

.ml14px {
  margin-left: 14px;
}

.mr14px {
  margin-right: 14px;
}

.mb14px {
  margin-bottom: 14px;
}

.mt14 {
  margin-top: 14%;
}

.ml14 {
  margin-left: 14%;
}

.mr14 {
  margin-right: 14%;
}

.mb14 {
  margin-bottom: 14%;
}

.pt14px {
  padding-top: 14px;
}

.pl14px {
  padding-left: 14px;
}

.pr14px {
  padding-right: 14px;
}

.pb14px {
  padding-bottom: 14px;
}

.pt14 {
  padding-top: 14%;
}

.pl14 {
  padding-left: 14%;
}

.pr14 {
  padding-right: 14%;
}

.pb14 {
  padding-bottom: 14%;
}

.w15 {
  width: 15%;
}

.mt15px {
  margin-top: 15px;
}

.ml15px {
  margin-left: 15px;
}

.mr15px {
  margin-right: 15px;
}

.mb15px {
  margin-bottom: 15px;
}

.mt15 {
  margin-top: 15%;
}

.ml15 {
  margin-left: 15%;
}

.mr15 {
  margin-right: 15%;
}

.mb15 {
  margin-bottom: 15%;
}

.pt15px {
  padding-top: 15px;
}

.pl15px {
  padding-left: 15px;
}

.pr15px {
  padding-right: 15px;
}

.pb15px {
  padding-bottom: 15px;
}

.pt15 {
  padding-top: 15%;
}

.pl15 {
  padding-left: 15%;
}

.pr15 {
  padding-right: 15%;
}

.pb15 {
  padding-bottom: 15%;
}

.w16 {
  width: 16%;
}

.mt16px {
  margin-top: 16px;
}

.ml16px {
  margin-left: 16px;
}

.mr16px {
  margin-right: 16px;
}

.mb16px {
  margin-bottom: 16px;
}

.mt16 {
  margin-top: 16%;
}

.ml16 {
  margin-left: 16%;
}

.mr16 {
  margin-right: 16%;
}

.mb16 {
  margin-bottom: 16%;
}

.pt16px {
  padding-top: 16px;
}

.pl16px {
  padding-left: 16px;
}

.pr16px {
  padding-right: 16px;
}

.pb16px {
  padding-bottom: 16px;
}

.pt16 {
  padding-top: 16%;
}

.pl16 {
  padding-left: 16%;
}

.pr16 {
  padding-right: 16%;
}

.pb16 {
  padding-bottom: 16%;
}

.w17 {
  width: 17%;
}

.mt17px {
  margin-top: 17px;
}

.ml17px {
  margin-left: 17px;
}

.mr17px {
  margin-right: 17px;
}

.mb17px {
  margin-bottom: 17px;
}

.mt17 {
  margin-top: 17%;
}

.ml17 {
  margin-left: 17%;
}

.mr17 {
  margin-right: 17%;
}

.mb17 {
  margin-bottom: 17%;
}

.pt17px {
  padding-top: 17px;
}

.pl17px {
  padding-left: 17px;
}

.pr17px {
  padding-right: 17px;
}

.pb17px {
  padding-bottom: 17px;
}

.pt17 {
  padding-top: 17%;
}

.pl17 {
  padding-left: 17%;
}

.pr17 {
  padding-right: 17%;
}

.pb17 {
  padding-bottom: 17%;
}

.w18 {
  width: 18%;
}

.mt18px {
  margin-top: 18px;
}

.ml18px {
  margin-left: 18px;
}

.mr18px {
  margin-right: 18px;
}

.mb18px {
  margin-bottom: 18px;
}

.mt18 {
  margin-top: 18%;
}

.ml18 {
  margin-left: 18%;
}

.mr18 {
  margin-right: 18%;
}

.mb18 {
  margin-bottom: 18%;
}

.pt18px {
  padding-top: 18px;
}

.pl18px {
  padding-left: 18px;
}

.pr18px {
  padding-right: 18px;
}

.pb18px {
  padding-bottom: 18px;
}

.pt18 {
  padding-top: 18%;
}

.pl18 {
  padding-left: 18%;
}

.pr18 {
  padding-right: 18%;
}

.pb18 {
  padding-bottom: 18%;
}

.w19 {
  width: 19%;
}

.mt19px {
  margin-top: 19px;
}

.ml19px {
  margin-left: 19px;
}

.mr19px {
  margin-right: 19px;
}

.mb19px {
  margin-bottom: 19px;
}

.mt19 {
  margin-top: 19%;
}

.ml19 {
  margin-left: 19%;
}

.mr19 {
  margin-right: 19%;
}

.mb19 {
  margin-bottom: 19%;
}

.pt19px {
  padding-top: 19px;
}

.pl19px {
  padding-left: 19px;
}

.pr19px {
  padding-right: 19px;
}

.pb19px {
  padding-bottom: 19px;
}

.pt19 {
  padding-top: 19%;
}

.pl19 {
  padding-left: 19%;
}

.pr19 {
  padding-right: 19%;
}

.pb19 {
  padding-bottom: 19%;
}

.w20 {
  width: 20%;
}

.mt20px {
  margin-top: 20px;
}

.ml20px {
  margin-left: 20px;
}

.mr20px {
  margin-right: 20px;
}

.mb20px {
  margin-bottom: 20px;
}

.mt20 {
  margin-top: 20%;
}

.ml20 {
  margin-left: 20%;
}

.mr20 {
  margin-right: 20%;
}

.mb20 {
  margin-bottom: 20%;
}

.pt20px {
  padding-top: 20px;
}

.pl20px {
  padding-left: 20px;
}

.pr20px {
  padding-right: 20px;
}

.pb20px {
  padding-bottom: 20px;
}

.pt20 {
  padding-top: 20%;
}

.pl20 {
  padding-left: 20%;
}

.pr20 {
  padding-right: 20%;
}

.pb20 {
  padding-bottom: 20%;
}

.w21 {
  width: 21%;
}

.mt21px {
  margin-top: 21px;
}

.ml21px {
  margin-left: 21px;
}

.mr21px {
  margin-right: 21px;
}

.mb21px {
  margin-bottom: 21px;
}

.mt21 {
  margin-top: 21%;
}

.ml21 {
  margin-left: 21%;
}

.mr21 {
  margin-right: 21%;
}

.mb21 {
  margin-bottom: 21%;
}

.pt21px {
  padding-top: 21px;
}

.pl21px {
  padding-left: 21px;
}

.pr21px {
  padding-right: 21px;
}

.pb21px {
  padding-bottom: 21px;
}

.pt21 {
  padding-top: 21%;
}

.pl21 {
  padding-left: 21%;
}

.pr21 {
  padding-right: 21%;
}

.pb21 {
  padding-bottom: 21%;
}

.w22 {
  width: 22%;
}

.mt22px {
  margin-top: 22px;
}

.ml22px {
  margin-left: 22px;
}

.mr22px {
  margin-right: 22px;
}

.mb22px {
  margin-bottom: 22px;
}

.mt22 {
  margin-top: 22%;
}

.ml22 {
  margin-left: 22%;
}

.mr22 {
  margin-right: 22%;
}

.mb22 {
  margin-bottom: 22%;
}

.pt22px {
  padding-top: 22px;
}

.pl22px {
  padding-left: 22px;
}

.pr22px {
  padding-right: 22px;
}

.pb22px {
  padding-bottom: 22px;
}

.pt22 {
  padding-top: 22%;
}

.pl22 {
  padding-left: 22%;
}

.pr22 {
  padding-right: 22%;
}

.pb22 {
  padding-bottom: 22%;
}

.w23 {
  width: 23%;
}

.mt23px {
  margin-top: 23px;
}

.ml23px {
  margin-left: 23px;
}

.mr23px {
  margin-right: 23px;
}

.mb23px {
  margin-bottom: 23px;
}

.mt23 {
  margin-top: 23%;
}

.ml23 {
  margin-left: 23%;
}

.mr23 {
  margin-right: 23%;
}

.mb23 {
  margin-bottom: 23%;
}

.pt23px {
  padding-top: 23px;
}

.pl23px {
  padding-left: 23px;
}

.pr23px {
  padding-right: 23px;
}

.pb23px {
  padding-bottom: 23px;
}

.pt23 {
  padding-top: 23%;
}

.pl23 {
  padding-left: 23%;
}

.pr23 {
  padding-right: 23%;
}

.pb23 {
  padding-bottom: 23%;
}

.w24 {
  width: 24%;
}

.mt24px {
  margin-top: 24px;
}

.ml24px {
  margin-left: 24px;
}

.mr24px {
  margin-right: 24px;
}

.mb24px {
  margin-bottom: 24px;
}

.mt24 {
  margin-top: 24%;
}

.ml24 {
  margin-left: 24%;
}

.mr24 {
  margin-right: 24%;
}

.mb24 {
  margin-bottom: 24%;
}

.pt24px {
  padding-top: 24px;
}

.pl24px {
  padding-left: 24px;
}

.pr24px {
  padding-right: 24px;
}

.pb24px {
  padding-bottom: 24px;
}

.pt24 {
  padding-top: 24%;
}

.pl24 {
  padding-left: 24%;
}

.pr24 {
  padding-right: 24%;
}

.pb24 {
  padding-bottom: 24%;
}

.w25 {
  width: 25%;
}

.mt25px {
  margin-top: 25px;
}

.ml25px {
  margin-left: 25px;
}

.mr25px {
  margin-right: 25px;
}

.mb25px {
  margin-bottom: 25px;
}

.mt25 {
  margin-top: 25%;
}

.ml25 {
  margin-left: 25%;
}

.mr25 {
  margin-right: 25%;
}

.mb25 {
  margin-bottom: 25%;
}

.pt25px {
  padding-top: 25px;
}

.pl25px {
  padding-left: 25px;
}

.pr25px {
  padding-right: 25px;
}

.pb25px {
  padding-bottom: 25px;
}

.pt25 {
  padding-top: 25%;
}

.pl25 {
  padding-left: 25%;
}

.pr25 {
  padding-right: 25%;
}

.pb25 {
  padding-bottom: 25%;
}

.w26 {
  width: 26%;
}

.mt26px {
  margin-top: 26px;
}

.ml26px {
  margin-left: 26px;
}

.mr26px {
  margin-right: 26px;
}

.mb26px {
  margin-bottom: 26px;
}

.mt26 {
  margin-top: 26%;
}

.ml26 {
  margin-left: 26%;
}

.mr26 {
  margin-right: 26%;
}

.mb26 {
  margin-bottom: 26%;
}

.pt26px {
  padding-top: 26px;
}

.pl26px {
  padding-left: 26px;
}

.pr26px {
  padding-right: 26px;
}

.pb26px {
  padding-bottom: 26px;
}

.pt26 {
  padding-top: 26%;
}

.pl26 {
  padding-left: 26%;
}

.pr26 {
  padding-right: 26%;
}

.pb26 {
  padding-bottom: 26%;
}

.w27 {
  width: 27%;
}

.mt27px {
  margin-top: 27px;
}

.ml27px {
  margin-left: 27px;
}

.mr27px {
  margin-right: 27px;
}

.mb27px {
  margin-bottom: 27px;
}

.mt27 {
  margin-top: 27%;
}

.ml27 {
  margin-left: 27%;
}

.mr27 {
  margin-right: 27%;
}

.mb27 {
  margin-bottom: 27%;
}

.pt27px {
  padding-top: 27px;
}

.pl27px {
  padding-left: 27px;
}

.pr27px {
  padding-right: 27px;
}

.pb27px {
  padding-bottom: 27px;
}

.pt27 {
  padding-top: 27%;
}

.pl27 {
  padding-left: 27%;
}

.pr27 {
  padding-right: 27%;
}

.pb27 {
  padding-bottom: 27%;
}

.w28 {
  width: 28%;
}

.mt28px {
  margin-top: 28px;
}

.ml28px {
  margin-left: 28px;
}

.mr28px {
  margin-right: 28px;
}

.mb28px {
  margin-bottom: 28px;
}

.mt28 {
  margin-top: 28%;
}

.ml28 {
  margin-left: 28%;
}

.mr28 {
  margin-right: 28%;
}

.mb28 {
  margin-bottom: 28%;
}

.pt28px {
  padding-top: 28px;
}

.pl28px {
  padding-left: 28px;
}

.pr28px {
  padding-right: 28px;
}

.pb28px {
  padding-bottom: 28px;
}

.pt28 {
  padding-top: 28%;
}

.pl28 {
  padding-left: 28%;
}

.pr28 {
  padding-right: 28%;
}

.pb28 {
  padding-bottom: 28%;
}

.w29 {
  width: 29%;
}

.mt29px {
  margin-top: 29px;
}

.ml29px {
  margin-left: 29px;
}

.mr29px {
  margin-right: 29px;
}

.mb29px {
  margin-bottom: 29px;
}

.mt29 {
  margin-top: 29%;
}

.ml29 {
  margin-left: 29%;
}

.mr29 {
  margin-right: 29%;
}

.mb29 {
  margin-bottom: 29%;
}

.pt29px {
  padding-top: 29px;
}

.pl29px {
  padding-left: 29px;
}

.pr29px {
  padding-right: 29px;
}

.pb29px {
  padding-bottom: 29px;
}

.pt29 {
  padding-top: 29%;
}

.pl29 {
  padding-left: 29%;
}

.pr29 {
  padding-right: 29%;
}

.pb29 {
  padding-bottom: 29%;
}

.w30 {
  width: 30%;
}

.mt30px {
  margin-top: 30px;
}

.ml30px {
  margin-left: 30px;
}

.mr30px {
  margin-right: 30px;
}

.mb30px {
  margin-bottom: 30px;
}

.mt30 {
  margin-top: 30%;
}

.ml30 {
  margin-left: 30%;
}

.mr30 {
  margin-right: 30%;
}

.mb30 {
  margin-bottom: 30%;
}

.pt30px {
  padding-top: 30px;
}

.pl30px {
  padding-left: 30px;
}

.pr30px {
  padding-right: 30px;
}

.pb30px {
  padding-bottom: 30px;
}

.pt30 {
  padding-top: 30%;
}

.pl30 {
  padding-left: 30%;
}

.pr30 {
  padding-right: 30%;
}

.pb30 {
  padding-bottom: 30%;
}

.w31 {
  width: 31%;
}

.mt31px {
  margin-top: 31px;
}

.ml31px {
  margin-left: 31px;
}

.mr31px {
  margin-right: 31px;
}

.mb31px {
  margin-bottom: 31px;
}

.mt31 {
  margin-top: 31%;
}

.ml31 {
  margin-left: 31%;
}

.mr31 {
  margin-right: 31%;
}

.mb31 {
  margin-bottom: 31%;
}

.pt31px {
  padding-top: 31px;
}

.pl31px {
  padding-left: 31px;
}

.pr31px {
  padding-right: 31px;
}

.pb31px {
  padding-bottom: 31px;
}

.pt31 {
  padding-top: 31%;
}

.pl31 {
  padding-left: 31%;
}

.pr31 {
  padding-right: 31%;
}

.pb31 {
  padding-bottom: 31%;
}

.w32 {
  width: 32%;
}

.mt32px {
  margin-top: 32px;
}

.ml32px {
  margin-left: 32px;
}

.mr32px {
  margin-right: 32px;
}

.mb32px {
  margin-bottom: 32px;
}

.mt32 {
  margin-top: 32%;
}

.ml32 {
  margin-left: 32%;
}

.mr32 {
  margin-right: 32%;
}

.mb32 {
  margin-bottom: 32%;
}

.pt32px {
  padding-top: 32px;
}

.pl32px {
  padding-left: 32px;
}

.pr32px {
  padding-right: 32px;
}

.pb32px {
  padding-bottom: 32px;
}

.pt32 {
  padding-top: 32%;
}

.pl32 {
  padding-left: 32%;
}

.pr32 {
  padding-right: 32%;
}

.pb32 {
  padding-bottom: 32%;
}

.w33 {
  width: 33%;
}

.mt33px {
  margin-top: 33px;
}

.ml33px {
  margin-left: 33px;
}

.mr33px {
  margin-right: 33px;
}

.mb33px {
  margin-bottom: 33px;
}

.mt33 {
  margin-top: 33%;
}

.ml33 {
  margin-left: 33%;
}

.mr33 {
  margin-right: 33%;
}

.mb33 {
  margin-bottom: 33%;
}

.pt33px {
  padding-top: 33px;
}

.pl33px {
  padding-left: 33px;
}

.pr33px {
  padding-right: 33px;
}

.pb33px {
  padding-bottom: 33px;
}

.pt33 {
  padding-top: 33%;
}

.pl33 {
  padding-left: 33%;
}

.pr33 {
  padding-right: 33%;
}

.pb33 {
  padding-bottom: 33%;
}

.w34 {
  width: 34%;
}

.mt34px {
  margin-top: 34px;
}

.ml34px {
  margin-left: 34px;
}

.mr34px {
  margin-right: 34px;
}

.mb34px {
  margin-bottom: 34px;
}

.mt34 {
  margin-top: 34%;
}

.ml34 {
  margin-left: 34%;
}

.mr34 {
  margin-right: 34%;
}

.mb34 {
  margin-bottom: 34%;
}

.pt34px {
  padding-top: 34px;
}

.pl34px {
  padding-left: 34px;
}

.pr34px {
  padding-right: 34px;
}

.pb34px {
  padding-bottom: 34px;
}

.pt34 {
  padding-top: 34%;
}

.pl34 {
  padding-left: 34%;
}

.pr34 {
  padding-right: 34%;
}

.pb34 {
  padding-bottom: 34%;
}

.w35 {
  width: 35%;
}

.mt35px {
  margin-top: 35px;
}

.ml35px {
  margin-left: 35px;
}

.mr35px {
  margin-right: 35px;
}

.mb35px {
  margin-bottom: 35px;
}

.mt35 {
  margin-top: 35%;
}

.ml35 {
  margin-left: 35%;
}

.mr35 {
  margin-right: 35%;
}

.mb35 {
  margin-bottom: 35%;
}

.pt35px {
  padding-top: 35px;
}

.pl35px {
  padding-left: 35px;
}

.pr35px {
  padding-right: 35px;
}

.pb35px {
  padding-bottom: 35px;
}

.pt35 {
  padding-top: 35%;
}

.pl35 {
  padding-left: 35%;
}

.pr35 {
  padding-right: 35%;
}

.pb35 {
  padding-bottom: 35%;
}

.w36 {
  width: 36%;
}

.mt36px {
  margin-top: 36px;
}

.ml36px {
  margin-left: 36px;
}

.mr36px {
  margin-right: 36px;
}

.mb36px {
  margin-bottom: 36px;
}

.mt36 {
  margin-top: 36%;
}

.ml36 {
  margin-left: 36%;
}

.mr36 {
  margin-right: 36%;
}

.mb36 {
  margin-bottom: 36%;
}

.pt36px {
  padding-top: 36px;
}

.pl36px {
  padding-left: 36px;
}

.pr36px {
  padding-right: 36px;
}

.pb36px {
  padding-bottom: 36px;
}

.pt36 {
  padding-top: 36%;
}

.pl36 {
  padding-left: 36%;
}

.pr36 {
  padding-right: 36%;
}

.pb36 {
  padding-bottom: 36%;
}

.w37 {
  width: 37%;
}

.mt37px {
  margin-top: 37px;
}

.ml37px {
  margin-left: 37px;
}

.mr37px {
  margin-right: 37px;
}

.mb37px {
  margin-bottom: 37px;
}

.mt37 {
  margin-top: 37%;
}

.ml37 {
  margin-left: 37%;
}

.mr37 {
  margin-right: 37%;
}

.mb37 {
  margin-bottom: 37%;
}

.pt37px {
  padding-top: 37px;
}

.pl37px {
  padding-left: 37px;
}

.pr37px {
  padding-right: 37px;
}

.pb37px {
  padding-bottom: 37px;
}

.pt37 {
  padding-top: 37%;
}

.pl37 {
  padding-left: 37%;
}

.pr37 {
  padding-right: 37%;
}

.pb37 {
  padding-bottom: 37%;
}

.w38 {
  width: 38%;
}

.mt38px {
  margin-top: 38px;
}

.ml38px {
  margin-left: 38px;
}

.mr38px {
  margin-right: 38px;
}

.mb38px {
  margin-bottom: 38px;
}

.mt38 {
  margin-top: 38%;
}

.ml38 {
  margin-left: 38%;
}

.mr38 {
  margin-right: 38%;
}

.mb38 {
  margin-bottom: 38%;
}

.pt38px {
  padding-top: 38px;
}

.pl38px {
  padding-left: 38px;
}

.pr38px {
  padding-right: 38px;
}

.pb38px {
  padding-bottom: 38px;
}

.pt38 {
  padding-top: 38%;
}

.pl38 {
  padding-left: 38%;
}

.pr38 {
  padding-right: 38%;
}

.pb38 {
  padding-bottom: 38%;
}

.w39 {
  width: 39%;
}

.mt39px {
  margin-top: 39px;
}

.ml39px {
  margin-left: 39px;
}

.mr39px {
  margin-right: 39px;
}

.mb39px {
  margin-bottom: 39px;
}

.mt39 {
  margin-top: 39%;
}

.ml39 {
  margin-left: 39%;
}

.mr39 {
  margin-right: 39%;
}

.mb39 {
  margin-bottom: 39%;
}

.pt39px {
  padding-top: 39px;
}

.pl39px {
  padding-left: 39px;
}

.pr39px {
  padding-right: 39px;
}

.pb39px {
  padding-bottom: 39px;
}

.pt39 {
  padding-top: 39%;
}

.pl39 {
  padding-left: 39%;
}

.pr39 {
  padding-right: 39%;
}

.pb39 {
  padding-bottom: 39%;
}

.w40 {
  width: 40%;
}

.mt40px {
  margin-top: 40px;
}

.ml40px {
  margin-left: 40px;
}

.mr40px {
  margin-right: 40px;
}

.mb40px {
  margin-bottom: 40px;
}

.mt40 {
  margin-top: 40%;
}

.ml40 {
  margin-left: 40%;
}

.mr40 {
  margin-right: 40%;
}

.mb40 {
  margin-bottom: 40%;
}

.pt40px {
  padding-top: 40px;
}

.pl40px {
  padding-left: 40px;
}

.pr40px {
  padding-right: 40px;
}

.pb40px {
  padding-bottom: 40px;
}

.pt40 {
  padding-top: 40%;
}

.pl40 {
  padding-left: 40%;
}

.pr40 {
  padding-right: 40%;
}

.pb40 {
  padding-bottom: 40%;
}

.w41 {
  width: 41%;
}

.mt41px {
  margin-top: 41px;
}

.ml41px {
  margin-left: 41px;
}

.mr41px {
  margin-right: 41px;
}

.mb41px {
  margin-bottom: 41px;
}

.mt41 {
  margin-top: 41%;
}

.ml41 {
  margin-left: 41%;
}

.mr41 {
  margin-right: 41%;
}

.mb41 {
  margin-bottom: 41%;
}

.pt41px {
  padding-top: 41px;
}

.pl41px {
  padding-left: 41px;
}

.pr41px {
  padding-right: 41px;
}

.pb41px {
  padding-bottom: 41px;
}

.pt41 {
  padding-top: 41%;
}

.pl41 {
  padding-left: 41%;
}

.pr41 {
  padding-right: 41%;
}

.pb41 {
  padding-bottom: 41%;
}

.w42 {
  width: 42%;
}

.mt42px {
  margin-top: 42px;
}

.ml42px {
  margin-left: 42px;
}

.mr42px {
  margin-right: 42px;
}

.mb42px {
  margin-bottom: 42px;
}

.mt42 {
  margin-top: 42%;
}

.ml42 {
  margin-left: 42%;
}

.mr42 {
  margin-right: 42%;
}

.mb42 {
  margin-bottom: 42%;
}

.pt42px {
  padding-top: 42px;
}

.pl42px {
  padding-left: 42px;
}

.pr42px {
  padding-right: 42px;
}

.pb42px {
  padding-bottom: 42px;
}

.pt42 {
  padding-top: 42%;
}

.pl42 {
  padding-left: 42%;
}

.pr42 {
  padding-right: 42%;
}

.pb42 {
  padding-bottom: 42%;
}

.w43 {
  width: 43%;
}

.mt43px {
  margin-top: 43px;
}

.ml43px {
  margin-left: 43px;
}

.mr43px {
  margin-right: 43px;
}

.mb43px {
  margin-bottom: 43px;
}

.mt43 {
  margin-top: 43%;
}

.ml43 {
  margin-left: 43%;
}

.mr43 {
  margin-right: 43%;
}

.mb43 {
  margin-bottom: 43%;
}

.pt43px {
  padding-top: 43px;
}

.pl43px {
  padding-left: 43px;
}

.pr43px {
  padding-right: 43px;
}

.pb43px {
  padding-bottom: 43px;
}

.pt43 {
  padding-top: 43%;
}

.pl43 {
  padding-left: 43%;
}

.pr43 {
  padding-right: 43%;
}

.pb43 {
  padding-bottom: 43%;
}

.w44 {
  width: 44%;
}

.mt44px {
  margin-top: 44px;
}

.ml44px {
  margin-left: 44px;
}

.mr44px {
  margin-right: 44px;
}

.mb44px {
  margin-bottom: 44px;
}

.mt44 {
  margin-top: 44%;
}

.ml44 {
  margin-left: 44%;
}

.mr44 {
  margin-right: 44%;
}

.mb44 {
  margin-bottom: 44%;
}

.pt44px {
  padding-top: 44px;
}

.pl44px {
  padding-left: 44px;
}

.pr44px {
  padding-right: 44px;
}

.pb44px {
  padding-bottom: 44px;
}

.pt44 {
  padding-top: 44%;
}

.pl44 {
  padding-left: 44%;
}

.pr44 {
  padding-right: 44%;
}

.pb44 {
  padding-bottom: 44%;
}

.w45 {
  width: 45%;
}

.mt45px {
  margin-top: 45px;
}

.ml45px {
  margin-left: 45px;
}

.mr45px {
  margin-right: 45px;
}

.mb45px {
  margin-bottom: 45px;
}

.mt45 {
  margin-top: 45%;
}

.ml45 {
  margin-left: 45%;
}

.mr45 {
  margin-right: 45%;
}

.mb45 {
  margin-bottom: 45%;
}

.pt45px {
  padding-top: 45px;
}

.pl45px {
  padding-left: 45px;
}

.pr45px {
  padding-right: 45px;
}

.pb45px {
  padding-bottom: 45px;
}

.pt45 {
  padding-top: 45%;
}

.pl45 {
  padding-left: 45%;
}

.pr45 {
  padding-right: 45%;
}

.pb45 {
  padding-bottom: 45%;
}

.w46 {
  width: 46%;
}

.mt46px {
  margin-top: 46px;
}

.ml46px {
  margin-left: 46px;
}

.mr46px {
  margin-right: 46px;
}

.mb46px {
  margin-bottom: 46px;
}

.mt46 {
  margin-top: 46%;
}

.ml46 {
  margin-left: 46%;
}

.mr46 {
  margin-right: 46%;
}

.mb46 {
  margin-bottom: 46%;
}

.pt46px {
  padding-top: 46px;
}

.pl46px {
  padding-left: 46px;
}

.pr46px {
  padding-right: 46px;
}

.pb46px {
  padding-bottom: 46px;
}

.pt46 {
  padding-top: 46%;
}

.pl46 {
  padding-left: 46%;
}

.pr46 {
  padding-right: 46%;
}

.pb46 {
  padding-bottom: 46%;
}

.w47 {
  width: 47%;
}

.mt47px {
  margin-top: 47px;
}

.ml47px {
  margin-left: 47px;
}

.mr47px {
  margin-right: 47px;
}

.mb47px {
  margin-bottom: 47px;
}

.mt47 {
  margin-top: 47%;
}

.ml47 {
  margin-left: 47%;
}

.mr47 {
  margin-right: 47%;
}

.mb47 {
  margin-bottom: 47%;
}

.pt47px {
  padding-top: 47px;
}

.pl47px {
  padding-left: 47px;
}

.pr47px {
  padding-right: 47px;
}

.pb47px {
  padding-bottom: 47px;
}

.pt47 {
  padding-top: 47%;
}

.pl47 {
  padding-left: 47%;
}

.pr47 {
  padding-right: 47%;
}

.pb47 {
  padding-bottom: 47%;
}

.w48 {
  width: 48%;
}

.mt48px {
  margin-top: 48px;
}

.ml48px {
  margin-left: 48px;
}

.mr48px {
  margin-right: 48px;
}

.mb48px {
  margin-bottom: 48px;
}

.mt48 {
  margin-top: 48%;
}

.ml48 {
  margin-left: 48%;
}

.mr48 {
  margin-right: 48%;
}

.mb48 {
  margin-bottom: 48%;
}

.pt48px {
  padding-top: 48px;
}

.pl48px {
  padding-left: 48px;
}

.pr48px {
  padding-right: 48px;
}

.pb48px {
  padding-bottom: 48px;
}

.pt48 {
  padding-top: 48%;
}

.pl48 {
  padding-left: 48%;
}

.pr48 {
  padding-right: 48%;
}

.pb48 {
  padding-bottom: 48%;
}

.w49 {
  width: 49%;
}

.mt49px {
  margin-top: 49px;
}

.ml49px {
  margin-left: 49px;
}

.mr49px {
  margin-right: 49px;
}

.mb49px {
  margin-bottom: 49px;
}

.mt49 {
  margin-top: 49%;
}

.ml49 {
  margin-left: 49%;
}

.mr49 {
  margin-right: 49%;
}

.mb49 {
  margin-bottom: 49%;
}

.pt49px {
  padding-top: 49px;
}

.pl49px {
  padding-left: 49px;
}

.pr49px {
  padding-right: 49px;
}

.pb49px {
  padding-bottom: 49px;
}

.pt49 {
  padding-top: 49%;
}

.pl49 {
  padding-left: 49%;
}

.pr49 {
  padding-right: 49%;
}

.pb49 {
  padding-bottom: 49%;
}

.w50 {
  width: 50%;
}

.mt50px {
  margin-top: 50px;
}

.ml50px {
  margin-left: 50px;
}

.mr50px {
  margin-right: 50px;
}

.mb50px {
  margin-bottom: 50px;
}

.mt50 {
  margin-top: 50%;
}

.ml50 {
  margin-left: 50%;
}

.mr50 {
  margin-right: 50%;
}

.mb50 {
  margin-bottom: 50%;
}

.pt50px {
  padding-top: 50px;
}

.pl50px {
  padding-left: 50px;
}

.pr50px {
  padding-right: 50px;
}

.pb50px {
  padding-bottom: 50px;
}

.pt50 {
  padding-top: 50%;
}

.pl50 {
  padding-left: 50%;
}

.pr50 {
  padding-right: 50%;
}

.pb50 {
  padding-bottom: 50%;
}

.w51 {
  width: 51%;
}

.mt51px {
  margin-top: 51px;
}

.ml51px {
  margin-left: 51px;
}

.mr51px {
  margin-right: 51px;
}

.mb51px {
  margin-bottom: 51px;
}

.mt51 {
  margin-top: 51%;
}

.ml51 {
  margin-left: 51%;
}

.mr51 {
  margin-right: 51%;
}

.mb51 {
  margin-bottom: 51%;
}

.pt51px {
  padding-top: 51px;
}

.pl51px {
  padding-left: 51px;
}

.pr51px {
  padding-right: 51px;
}

.pb51px {
  padding-bottom: 51px;
}

.pt51 {
  padding-top: 51%;
}

.pl51 {
  padding-left: 51%;
}

.pr51 {
  padding-right: 51%;
}

.pb51 {
  padding-bottom: 51%;
}

.w52 {
  width: 52%;
}

.mt52px {
  margin-top: 52px;
}

.ml52px {
  margin-left: 52px;
}

.mr52px {
  margin-right: 52px;
}

.mb52px {
  margin-bottom: 52px;
}

.mt52 {
  margin-top: 52%;
}

.ml52 {
  margin-left: 52%;
}

.mr52 {
  margin-right: 52%;
}

.mb52 {
  margin-bottom: 52%;
}

.pt52px {
  padding-top: 52px;
}

.pl52px {
  padding-left: 52px;
}

.pr52px {
  padding-right: 52px;
}

.pb52px {
  padding-bottom: 52px;
}

.pt52 {
  padding-top: 52%;
}

.pl52 {
  padding-left: 52%;
}

.pr52 {
  padding-right: 52%;
}

.pb52 {
  padding-bottom: 52%;
}

.w53 {
  width: 53%;
}

.mt53px {
  margin-top: 53px;
}

.ml53px {
  margin-left: 53px;
}

.mr53px {
  margin-right: 53px;
}

.mb53px {
  margin-bottom: 53px;
}

.mt53 {
  margin-top: 53%;
}

.ml53 {
  margin-left: 53%;
}

.mr53 {
  margin-right: 53%;
}

.mb53 {
  margin-bottom: 53%;
}

.pt53px {
  padding-top: 53px;
}

.pl53px {
  padding-left: 53px;
}

.pr53px {
  padding-right: 53px;
}

.pb53px {
  padding-bottom: 53px;
}

.pt53 {
  padding-top: 53%;
}

.pl53 {
  padding-left: 53%;
}

.pr53 {
  padding-right: 53%;
}

.pb53 {
  padding-bottom: 53%;
}

.w54 {
  width: 54%;
}

.mt54px {
  margin-top: 54px;
}

.ml54px {
  margin-left: 54px;
}

.mr54px {
  margin-right: 54px;
}

.mb54px {
  margin-bottom: 54px;
}

.mt54 {
  margin-top: 54%;
}

.ml54 {
  margin-left: 54%;
}

.mr54 {
  margin-right: 54%;
}

.mb54 {
  margin-bottom: 54%;
}

.pt54px {
  padding-top: 54px;
}

.pl54px {
  padding-left: 54px;
}

.pr54px {
  padding-right: 54px;
}

.pb54px {
  padding-bottom: 54px;
}

.pt54 {
  padding-top: 54%;
}

.pl54 {
  padding-left: 54%;
}

.pr54 {
  padding-right: 54%;
}

.pb54 {
  padding-bottom: 54%;
}

.w55 {
  width: 55%;
}

.mt55px {
  margin-top: 55px;
}

.ml55px {
  margin-left: 55px;
}

.mr55px {
  margin-right: 55px;
}

.mb55px {
  margin-bottom: 55px;
}

.mt55 {
  margin-top: 55%;
}

.ml55 {
  margin-left: 55%;
}

.mr55 {
  margin-right: 55%;
}

.mb55 {
  margin-bottom: 55%;
}

.pt55px {
  padding-top: 55px;
}

.pl55px {
  padding-left: 55px;
}

.pr55px {
  padding-right: 55px;
}

.pb55px {
  padding-bottom: 55px;
}

.pt55 {
  padding-top: 55%;
}

.pl55 {
  padding-left: 55%;
}

.pr55 {
  padding-right: 55%;
}

.pb55 {
  padding-bottom: 55%;
}

.w56 {
  width: 56%;
}

.mt56px {
  margin-top: 56px;
}

.ml56px {
  margin-left: 56px;
}

.mr56px {
  margin-right: 56px;
}

.mb56px {
  margin-bottom: 56px;
}

.mt56 {
  margin-top: 56%;
}

.ml56 {
  margin-left: 56%;
}

.mr56 {
  margin-right: 56%;
}

.mb56 {
  margin-bottom: 56%;
}

.pt56px {
  padding-top: 56px;
}

.pl56px {
  padding-left: 56px;
}

.pr56px {
  padding-right: 56px;
}

.pb56px {
  padding-bottom: 56px;
}

.pt56 {
  padding-top: 56%;
}

.pl56 {
  padding-left: 56%;
}

.pr56 {
  padding-right: 56%;
}

.pb56 {
  padding-bottom: 56%;
}

.w57 {
  width: 57%;
}

.mt57px {
  margin-top: 57px;
}

.ml57px {
  margin-left: 57px;
}

.mr57px {
  margin-right: 57px;
}

.mb57px {
  margin-bottom: 57px;
}

.mt57 {
  margin-top: 57%;
}

.ml57 {
  margin-left: 57%;
}

.mr57 {
  margin-right: 57%;
}

.mb57 {
  margin-bottom: 57%;
}

.pt57px {
  padding-top: 57px;
}

.pl57px {
  padding-left: 57px;
}

.pr57px {
  padding-right: 57px;
}

.pb57px {
  padding-bottom: 57px;
}

.pt57 {
  padding-top: 57%;
}

.pl57 {
  padding-left: 57%;
}

.pr57 {
  padding-right: 57%;
}

.pb57 {
  padding-bottom: 57%;
}

.w58 {
  width: 58%;
}

.mt58px {
  margin-top: 58px;
}

.ml58px {
  margin-left: 58px;
}

.mr58px {
  margin-right: 58px;
}

.mb58px {
  margin-bottom: 58px;
}

.mt58 {
  margin-top: 58%;
}

.ml58 {
  margin-left: 58%;
}

.mr58 {
  margin-right: 58%;
}

.mb58 {
  margin-bottom: 58%;
}

.pt58px {
  padding-top: 58px;
}

.pl58px {
  padding-left: 58px;
}

.pr58px {
  padding-right: 58px;
}

.pb58px {
  padding-bottom: 58px;
}

.pt58 {
  padding-top: 58%;
}

.pl58 {
  padding-left: 58%;
}

.pr58 {
  padding-right: 58%;
}

.pb58 {
  padding-bottom: 58%;
}

.w59 {
  width: 59%;
}

.mt59px {
  margin-top: 59px;
}

.ml59px {
  margin-left: 59px;
}

.mr59px {
  margin-right: 59px;
}

.mb59px {
  margin-bottom: 59px;
}

.mt59 {
  margin-top: 59%;
}

.ml59 {
  margin-left: 59%;
}

.mr59 {
  margin-right: 59%;
}

.mb59 {
  margin-bottom: 59%;
}

.pt59px {
  padding-top: 59px;
}

.pl59px {
  padding-left: 59px;
}

.pr59px {
  padding-right: 59px;
}

.pb59px {
  padding-bottom: 59px;
}

.pt59 {
  padding-top: 59%;
}

.pl59 {
  padding-left: 59%;
}

.pr59 {
  padding-right: 59%;
}

.pb59 {
  padding-bottom: 59%;
}

.w60 {
  width: 60%;
}

.mt60px {
  margin-top: 60px;
}

.ml60px {
  margin-left: 60px;
}

.mr60px {
  margin-right: 60px;
}

.mb60px {
  margin-bottom: 60px;
}

.mt60 {
  margin-top: 60%;
}

.ml60 {
  margin-left: 60%;
}

.mr60 {
  margin-right: 60%;
}

.mb60 {
  margin-bottom: 60%;
}

.pt60px {
  padding-top: 60px;
}

.pl60px {
  padding-left: 60px;
}

.pr60px {
  padding-right: 60px;
}

.pb60px {
  padding-bottom: 60px;
}

.pt60 {
  padding-top: 60%;
}

.pl60 {
  padding-left: 60%;
}

.pr60 {
  padding-right: 60%;
}

.pb60 {
  padding-bottom: 60%;
}

.w61 {
  width: 61%;
}

.mt61px {
  margin-top: 61px;
}

.ml61px {
  margin-left: 61px;
}

.mr61px {
  margin-right: 61px;
}

.mb61px {
  margin-bottom: 61px;
}

.mt61 {
  margin-top: 61%;
}

.ml61 {
  margin-left: 61%;
}

.mr61 {
  margin-right: 61%;
}

.mb61 {
  margin-bottom: 61%;
}

.pt61px {
  padding-top: 61px;
}

.pl61px {
  padding-left: 61px;
}

.pr61px {
  padding-right: 61px;
}

.pb61px {
  padding-bottom: 61px;
}

.pt61 {
  padding-top: 61%;
}

.pl61 {
  padding-left: 61%;
}

.pr61 {
  padding-right: 61%;
}

.pb61 {
  padding-bottom: 61%;
}

.w62 {
  width: 62%;
}

.mt62px {
  margin-top: 62px;
}

.ml62px {
  margin-left: 62px;
}

.mr62px {
  margin-right: 62px;
}

.mb62px {
  margin-bottom: 62px;
}

.mt62 {
  margin-top: 62%;
}

.ml62 {
  margin-left: 62%;
}

.mr62 {
  margin-right: 62%;
}

.mb62 {
  margin-bottom: 62%;
}

.pt62px {
  padding-top: 62px;
}

.pl62px {
  padding-left: 62px;
}

.pr62px {
  padding-right: 62px;
}

.pb62px {
  padding-bottom: 62px;
}

.pt62 {
  padding-top: 62%;
}

.pl62 {
  padding-left: 62%;
}

.pr62 {
  padding-right: 62%;
}

.pb62 {
  padding-bottom: 62%;
}

.w63 {
  width: 63%;
}

.mt63px {
  margin-top: 63px;
}

.ml63px {
  margin-left: 63px;
}

.mr63px {
  margin-right: 63px;
}

.mb63px {
  margin-bottom: 63px;
}

.mt63 {
  margin-top: 63%;
}

.ml63 {
  margin-left: 63%;
}

.mr63 {
  margin-right: 63%;
}

.mb63 {
  margin-bottom: 63%;
}

.pt63px {
  padding-top: 63px;
}

.pl63px {
  padding-left: 63px;
}

.pr63px {
  padding-right: 63px;
}

.pb63px {
  padding-bottom: 63px;
}

.pt63 {
  padding-top: 63%;
}

.pl63 {
  padding-left: 63%;
}

.pr63 {
  padding-right: 63%;
}

.pb63 {
  padding-bottom: 63%;
}

.w64 {
  width: 64%;
}

.mt64px {
  margin-top: 64px;
}

.ml64px {
  margin-left: 64px;
}

.mr64px {
  margin-right: 64px;
}

.mb64px {
  margin-bottom: 64px;
}

.mt64 {
  margin-top: 64%;
}

.ml64 {
  margin-left: 64%;
}

.mr64 {
  margin-right: 64%;
}

.mb64 {
  margin-bottom: 64%;
}

.pt64px {
  padding-top: 64px;
}

.pl64px {
  padding-left: 64px;
}

.pr64px {
  padding-right: 64px;
}

.pb64px {
  padding-bottom: 64px;
}

.pt64 {
  padding-top: 64%;
}

.pl64 {
  padding-left: 64%;
}

.pr64 {
  padding-right: 64%;
}

.pb64 {
  padding-bottom: 64%;
}

.w65 {
  width: 65%;
}

.mt65px {
  margin-top: 65px;
}

.ml65px {
  margin-left: 65px;
}

.mr65px {
  margin-right: 65px;
}

.mb65px {
  margin-bottom: 65px;
}

.mt65 {
  margin-top: 65%;
}

.ml65 {
  margin-left: 65%;
}

.mr65 {
  margin-right: 65%;
}

.mb65 {
  margin-bottom: 65%;
}

.pt65px {
  padding-top: 65px;
}

.pl65px {
  padding-left: 65px;
}

.pr65px {
  padding-right: 65px;
}

.pb65px {
  padding-bottom: 65px;
}

.pt65 {
  padding-top: 65%;
}

.pl65 {
  padding-left: 65%;
}

.pr65 {
  padding-right: 65%;
}

.pb65 {
  padding-bottom: 65%;
}

.w66 {
  width: 66%;
}

.mt66px {
  margin-top: 66px;
}

.ml66px {
  margin-left: 66px;
}

.mr66px {
  margin-right: 66px;
}

.mb66px {
  margin-bottom: 66px;
}

.mt66 {
  margin-top: 66%;
}

.ml66 {
  margin-left: 66%;
}

.mr66 {
  margin-right: 66%;
}

.mb66 {
  margin-bottom: 66%;
}

.pt66px {
  padding-top: 66px;
}

.pl66px {
  padding-left: 66px;
}

.pr66px {
  padding-right: 66px;
}

.pb66px {
  padding-bottom: 66px;
}

.pt66 {
  padding-top: 66%;
}

.pl66 {
  padding-left: 66%;
}

.pr66 {
  padding-right: 66%;
}

.pb66 {
  padding-bottom: 66%;
}

.w67 {
  width: 67%;
}

.mt67px {
  margin-top: 67px;
}

.ml67px {
  margin-left: 67px;
}

.mr67px {
  margin-right: 67px;
}

.mb67px {
  margin-bottom: 67px;
}

.mt67 {
  margin-top: 67%;
}

.ml67 {
  margin-left: 67%;
}

.mr67 {
  margin-right: 67%;
}

.mb67 {
  margin-bottom: 67%;
}

.pt67px {
  padding-top: 67px;
}

.pl67px {
  padding-left: 67px;
}

.pr67px {
  padding-right: 67px;
}

.pb67px {
  padding-bottom: 67px;
}

.pt67 {
  padding-top: 67%;
}

.pl67 {
  padding-left: 67%;
}

.pr67 {
  padding-right: 67%;
}

.pb67 {
  padding-bottom: 67%;
}

.w68 {
  width: 68%;
}

.mt68px {
  margin-top: 68px;
}

.ml68px {
  margin-left: 68px;
}

.mr68px {
  margin-right: 68px;
}

.mb68px {
  margin-bottom: 68px;
}

.mt68 {
  margin-top: 68%;
}

.ml68 {
  margin-left: 68%;
}

.mr68 {
  margin-right: 68%;
}

.mb68 {
  margin-bottom: 68%;
}

.pt68px {
  padding-top: 68px;
}

.pl68px {
  padding-left: 68px;
}

.pr68px {
  padding-right: 68px;
}

.pb68px {
  padding-bottom: 68px;
}

.pt68 {
  padding-top: 68%;
}

.pl68 {
  padding-left: 68%;
}

.pr68 {
  padding-right: 68%;
}

.pb68 {
  padding-bottom: 68%;
}

.w69 {
  width: 69%;
}

.mt69px {
  margin-top: 69px;
}

.ml69px {
  margin-left: 69px;
}

.mr69px {
  margin-right: 69px;
}

.mb69px {
  margin-bottom: 69px;
}

.mt69 {
  margin-top: 69%;
}

.ml69 {
  margin-left: 69%;
}

.mr69 {
  margin-right: 69%;
}

.mb69 {
  margin-bottom: 69%;
}

.pt69px {
  padding-top: 69px;
}

.pl69px {
  padding-left: 69px;
}

.pr69px {
  padding-right: 69px;
}

.pb69px {
  padding-bottom: 69px;
}

.pt69 {
  padding-top: 69%;
}

.pl69 {
  padding-left: 69%;
}

.pr69 {
  padding-right: 69%;
}

.pb69 {
  padding-bottom: 69%;
}

.w70 {
  width: 70%;
}

.mt70px {
  margin-top: 70px;
}

.ml70px {
  margin-left: 70px;
}

.mr70px {
  margin-right: 70px;
}

.mb70px {
  margin-bottom: 70px;
}

.mt70 {
  margin-top: 70%;
}

.ml70 {
  margin-left: 70%;
}

.mr70 {
  margin-right: 70%;
}

.mb70 {
  margin-bottom: 70%;
}

.pt70px {
  padding-top: 70px;
}

.pl70px {
  padding-left: 70px;
}

.pr70px {
  padding-right: 70px;
}

.pb70px {
  padding-bottom: 70px;
}

.pt70 {
  padding-top: 70%;
}

.pl70 {
  padding-left: 70%;
}

.pr70 {
  padding-right: 70%;
}

.pb70 {
  padding-bottom: 70%;
}

.w71 {
  width: 71%;
}

.mt71px {
  margin-top: 71px;
}

.ml71px {
  margin-left: 71px;
}

.mr71px {
  margin-right: 71px;
}

.mb71px {
  margin-bottom: 71px;
}

.mt71 {
  margin-top: 71%;
}

.ml71 {
  margin-left: 71%;
}

.mr71 {
  margin-right: 71%;
}

.mb71 {
  margin-bottom: 71%;
}

.pt71px {
  padding-top: 71px;
}

.pl71px {
  padding-left: 71px;
}

.pr71px {
  padding-right: 71px;
}

.pb71px {
  padding-bottom: 71px;
}

.pt71 {
  padding-top: 71%;
}

.pl71 {
  padding-left: 71%;
}

.pr71 {
  padding-right: 71%;
}

.pb71 {
  padding-bottom: 71%;
}

.w72 {
  width: 72%;
}

.mt72px {
  margin-top: 72px;
}

.ml72px {
  margin-left: 72px;
}

.mr72px {
  margin-right: 72px;
}

.mb72px {
  margin-bottom: 72px;
}

.mt72 {
  margin-top: 72%;
}

.ml72 {
  margin-left: 72%;
}

.mr72 {
  margin-right: 72%;
}

.mb72 {
  margin-bottom: 72%;
}

.pt72px {
  padding-top: 72px;
}

.pl72px {
  padding-left: 72px;
}

.pr72px {
  padding-right: 72px;
}

.pb72px {
  padding-bottom: 72px;
}

.pt72 {
  padding-top: 72%;
}

.pl72 {
  padding-left: 72%;
}

.pr72 {
  padding-right: 72%;
}

.pb72 {
  padding-bottom: 72%;
}

.w73 {
  width: 73%;
}

.mt73px {
  margin-top: 73px;
}

.ml73px {
  margin-left: 73px;
}

.mr73px {
  margin-right: 73px;
}

.mb73px {
  margin-bottom: 73px;
}

.mt73 {
  margin-top: 73%;
}

.ml73 {
  margin-left: 73%;
}

.mr73 {
  margin-right: 73%;
}

.mb73 {
  margin-bottom: 73%;
}

.pt73px {
  padding-top: 73px;
}

.pl73px {
  padding-left: 73px;
}

.pr73px {
  padding-right: 73px;
}

.pb73px {
  padding-bottom: 73px;
}

.pt73 {
  padding-top: 73%;
}

.pl73 {
  padding-left: 73%;
}

.pr73 {
  padding-right: 73%;
}

.pb73 {
  padding-bottom: 73%;
}

.w74 {
  width: 74%;
}

.mt74px {
  margin-top: 74px;
}

.ml74px {
  margin-left: 74px;
}

.mr74px {
  margin-right: 74px;
}

.mb74px {
  margin-bottom: 74px;
}

.mt74 {
  margin-top: 74%;
}

.ml74 {
  margin-left: 74%;
}

.mr74 {
  margin-right: 74%;
}

.mb74 {
  margin-bottom: 74%;
}

.pt74px {
  padding-top: 74px;
}

.pl74px {
  padding-left: 74px;
}

.pr74px {
  padding-right: 74px;
}

.pb74px {
  padding-bottom: 74px;
}

.pt74 {
  padding-top: 74%;
}

.pl74 {
  padding-left: 74%;
}

.pr74 {
  padding-right: 74%;
}

.pb74 {
  padding-bottom: 74%;
}

.w75 {
  width: 75%;
}

.mt75px {
  margin-top: 75px;
}

.ml75px {
  margin-left: 75px;
}

.mr75px {
  margin-right: 75px;
}

.mb75px {
  margin-bottom: 75px;
}

.mt75 {
  margin-top: 75%;
}

.ml75 {
  margin-left: 75%;
}

.mr75 {
  margin-right: 75%;
}

.mb75 {
  margin-bottom: 75%;
}

.pt75px {
  padding-top: 75px;
}

.pl75px {
  padding-left: 75px;
}

.pr75px {
  padding-right: 75px;
}

.pb75px {
  padding-bottom: 75px;
}

.pt75 {
  padding-top: 75%;
}

.pl75 {
  padding-left: 75%;
}

.pr75 {
  padding-right: 75%;
}

.pb75 {
  padding-bottom: 75%;
}

.w76 {
  width: 76%;
}

.mt76px {
  margin-top: 76px;
}

.ml76px {
  margin-left: 76px;
}

.mr76px {
  margin-right: 76px;
}

.mb76px {
  margin-bottom: 76px;
}

.mt76 {
  margin-top: 76%;
}

.ml76 {
  margin-left: 76%;
}

.mr76 {
  margin-right: 76%;
}

.mb76 {
  margin-bottom: 76%;
}

.pt76px {
  padding-top: 76px;
}

.pl76px {
  padding-left: 76px;
}

.pr76px {
  padding-right: 76px;
}

.pb76px {
  padding-bottom: 76px;
}

.pt76 {
  padding-top: 76%;
}

.pl76 {
  padding-left: 76%;
}

.pr76 {
  padding-right: 76%;
}

.pb76 {
  padding-bottom: 76%;
}

.w77 {
  width: 77%;
}

.mt77px {
  margin-top: 77px;
}

.ml77px {
  margin-left: 77px;
}

.mr77px {
  margin-right: 77px;
}

.mb77px {
  margin-bottom: 77px;
}

.mt77 {
  margin-top: 77%;
}

.ml77 {
  margin-left: 77%;
}

.mr77 {
  margin-right: 77%;
}

.mb77 {
  margin-bottom: 77%;
}

.pt77px {
  padding-top: 77px;
}

.pl77px {
  padding-left: 77px;
}

.pr77px {
  padding-right: 77px;
}

.pb77px {
  padding-bottom: 77px;
}

.pt77 {
  padding-top: 77%;
}

.pl77 {
  padding-left: 77%;
}

.pr77 {
  padding-right: 77%;
}

.pb77 {
  padding-bottom: 77%;
}

.w78 {
  width: 78%;
}

.mt78px {
  margin-top: 78px;
}

.ml78px {
  margin-left: 78px;
}

.mr78px {
  margin-right: 78px;
}

.mb78px {
  margin-bottom: 78px;
}

.mt78 {
  margin-top: 78%;
}

.ml78 {
  margin-left: 78%;
}

.mr78 {
  margin-right: 78%;
}

.mb78 {
  margin-bottom: 78%;
}

.pt78px {
  padding-top: 78px;
}

.pl78px {
  padding-left: 78px;
}

.pr78px {
  padding-right: 78px;
}

.pb78px {
  padding-bottom: 78px;
}

.pt78 {
  padding-top: 78%;
}

.pl78 {
  padding-left: 78%;
}

.pr78 {
  padding-right: 78%;
}

.pb78 {
  padding-bottom: 78%;
}

.w79 {
  width: 79%;
}

.mt79px {
  margin-top: 79px;
}

.ml79px {
  margin-left: 79px;
}

.mr79px {
  margin-right: 79px;
}

.mb79px {
  margin-bottom: 79px;
}

.mt79 {
  margin-top: 79%;
}

.ml79 {
  margin-left: 79%;
}

.mr79 {
  margin-right: 79%;
}

.mb79 {
  margin-bottom: 79%;
}

.pt79px {
  padding-top: 79px;
}

.pl79px {
  padding-left: 79px;
}

.pr79px {
  padding-right: 79px;
}

.pb79px {
  padding-bottom: 79px;
}

.pt79 {
  padding-top: 79%;
}

.pl79 {
  padding-left: 79%;
}

.pr79 {
  padding-right: 79%;
}

.pb79 {
  padding-bottom: 79%;
}

.w80 {
  width: 80%;
}

.mt80px {
  margin-top: 80px;
}

.ml80px {
  margin-left: 80px;
}

.mr80px {
  margin-right: 80px;
}

.mb80px {
  margin-bottom: 80px;
}

.mt80 {
  margin-top: 80%;
}

.ml80 {
  margin-left: 80%;
}

.mr80 {
  margin-right: 80%;
}

.mb80 {
  margin-bottom: 80%;
}

.pt80px {
  padding-top: 80px;
}

.pl80px {
  padding-left: 80px;
}

.pr80px {
  padding-right: 80px;
}

.pb80px {
  padding-bottom: 80px;
}

.pt80 {
  padding-top: 80%;
}

.pl80 {
  padding-left: 80%;
}

.pr80 {
  padding-right: 80%;
}

.pb80 {
  padding-bottom: 80%;
}

.w81 {
  width: 81%;
}

.mt81px {
  margin-top: 81px;
}

.ml81px {
  margin-left: 81px;
}

.mr81px {
  margin-right: 81px;
}

.mb81px {
  margin-bottom: 81px;
}

.mt81 {
  margin-top: 81%;
}

.ml81 {
  margin-left: 81%;
}

.mr81 {
  margin-right: 81%;
}

.mb81 {
  margin-bottom: 81%;
}

.pt81px {
  padding-top: 81px;
}

.pl81px {
  padding-left: 81px;
}

.pr81px {
  padding-right: 81px;
}

.pb81px {
  padding-bottom: 81px;
}

.pt81 {
  padding-top: 81%;
}

.pl81 {
  padding-left: 81%;
}

.pr81 {
  padding-right: 81%;
}

.pb81 {
  padding-bottom: 81%;
}

.w82 {
  width: 82%;
}

.mt82px {
  margin-top: 82px;
}

.ml82px {
  margin-left: 82px;
}

.mr82px {
  margin-right: 82px;
}

.mb82px {
  margin-bottom: 82px;
}

.mt82 {
  margin-top: 82%;
}

.ml82 {
  margin-left: 82%;
}

.mr82 {
  margin-right: 82%;
}

.mb82 {
  margin-bottom: 82%;
}

.pt82px {
  padding-top: 82px;
}

.pl82px {
  padding-left: 82px;
}

.pr82px {
  padding-right: 82px;
}

.pb82px {
  padding-bottom: 82px;
}

.pt82 {
  padding-top: 82%;
}

.pl82 {
  padding-left: 82%;
}

.pr82 {
  padding-right: 82%;
}

.pb82 {
  padding-bottom: 82%;
}

.w83 {
  width: 83%;
}

.mt83px {
  margin-top: 83px;
}

.ml83px {
  margin-left: 83px;
}

.mr83px {
  margin-right: 83px;
}

.mb83px {
  margin-bottom: 83px;
}

.mt83 {
  margin-top: 83%;
}

.ml83 {
  margin-left: 83%;
}

.mr83 {
  margin-right: 83%;
}

.mb83 {
  margin-bottom: 83%;
}

.pt83px {
  padding-top: 83px;
}

.pl83px {
  padding-left: 83px;
}

.pr83px {
  padding-right: 83px;
}

.pb83px {
  padding-bottom: 83px;
}

.pt83 {
  padding-top: 83%;
}

.pl83 {
  padding-left: 83%;
}

.pr83 {
  padding-right: 83%;
}

.pb83 {
  padding-bottom: 83%;
}

.w84 {
  width: 84%;
}

.mt84px {
  margin-top: 84px;
}

.ml84px {
  margin-left: 84px;
}

.mr84px {
  margin-right: 84px;
}

.mb84px {
  margin-bottom: 84px;
}

.mt84 {
  margin-top: 84%;
}

.ml84 {
  margin-left: 84%;
}

.mr84 {
  margin-right: 84%;
}

.mb84 {
  margin-bottom: 84%;
}

.pt84px {
  padding-top: 84px;
}

.pl84px {
  padding-left: 84px;
}

.pr84px {
  padding-right: 84px;
}

.pb84px {
  padding-bottom: 84px;
}

.pt84 {
  padding-top: 84%;
}

.pl84 {
  padding-left: 84%;
}

.pr84 {
  padding-right: 84%;
}

.pb84 {
  padding-bottom: 84%;
}

.w85 {
  width: 85%;
}

.mt85px {
  margin-top: 85px;
}

.ml85px {
  margin-left: 85px;
}

.mr85px {
  margin-right: 85px;
}

.mb85px {
  margin-bottom: 85px;
}

.mt85 {
  margin-top: 85%;
}

.ml85 {
  margin-left: 85%;
}

.mr85 {
  margin-right: 85%;
}

.mb85 {
  margin-bottom: 85%;
}

.pt85px {
  padding-top: 85px;
}

.pl85px {
  padding-left: 85px;
}

.pr85px {
  padding-right: 85px;
}

.pb85px {
  padding-bottom: 85px;
}

.pt85 {
  padding-top: 85%;
}

.pl85 {
  padding-left: 85%;
}

.pr85 {
  padding-right: 85%;
}

.pb85 {
  padding-bottom: 85%;
}

.w86 {
  width: 86%;
}

.mt86px {
  margin-top: 86px;
}

.ml86px {
  margin-left: 86px;
}

.mr86px {
  margin-right: 86px;
}

.mb86px {
  margin-bottom: 86px;
}

.mt86 {
  margin-top: 86%;
}

.ml86 {
  margin-left: 86%;
}

.mr86 {
  margin-right: 86%;
}

.mb86 {
  margin-bottom: 86%;
}

.pt86px {
  padding-top: 86px;
}

.pl86px {
  padding-left: 86px;
}

.pr86px {
  padding-right: 86px;
}

.pb86px {
  padding-bottom: 86px;
}

.pt86 {
  padding-top: 86%;
}

.pl86 {
  padding-left: 86%;
}

.pr86 {
  padding-right: 86%;
}

.pb86 {
  padding-bottom: 86%;
}

.w87 {
  width: 87%;
}

.mt87px {
  margin-top: 87px;
}

.ml87px {
  margin-left: 87px;
}

.mr87px {
  margin-right: 87px;
}

.mb87px {
  margin-bottom: 87px;
}

.mt87 {
  margin-top: 87%;
}

.ml87 {
  margin-left: 87%;
}

.mr87 {
  margin-right: 87%;
}

.mb87 {
  margin-bottom: 87%;
}

.pt87px {
  padding-top: 87px;
}

.pl87px {
  padding-left: 87px;
}

.pr87px {
  padding-right: 87px;
}

.pb87px {
  padding-bottom: 87px;
}

.pt87 {
  padding-top: 87%;
}

.pl87 {
  padding-left: 87%;
}

.pr87 {
  padding-right: 87%;
}

.pb87 {
  padding-bottom: 87%;
}

.w88 {
  width: 88%;
}

.mt88px {
  margin-top: 88px;
}

.ml88px {
  margin-left: 88px;
}

.mr88px {
  margin-right: 88px;
}

.mb88px {
  margin-bottom: 88px;
}

.mt88 {
  margin-top: 88%;
}

.ml88 {
  margin-left: 88%;
}

.mr88 {
  margin-right: 88%;
}

.mb88 {
  margin-bottom: 88%;
}

.pt88px {
  padding-top: 88px;
}

.pl88px {
  padding-left: 88px;
}

.pr88px {
  padding-right: 88px;
}

.pb88px {
  padding-bottom: 88px;
}

.pt88 {
  padding-top: 88%;
}

.pl88 {
  padding-left: 88%;
}

.pr88 {
  padding-right: 88%;
}

.pb88 {
  padding-bottom: 88%;
}

.w89 {
  width: 89%;
}

.mt89px {
  margin-top: 89px;
}

.ml89px {
  margin-left: 89px;
}

.mr89px {
  margin-right: 89px;
}

.mb89px {
  margin-bottom: 89px;
}

.mt89 {
  margin-top: 89%;
}

.ml89 {
  margin-left: 89%;
}

.mr89 {
  margin-right: 89%;
}

.mb89 {
  margin-bottom: 89%;
}

.pt89px {
  padding-top: 89px;
}

.pl89px {
  padding-left: 89px;
}

.pr89px {
  padding-right: 89px;
}

.pb89px {
  padding-bottom: 89px;
}

.pt89 {
  padding-top: 89%;
}

.pl89 {
  padding-left: 89%;
}

.pr89 {
  padding-right: 89%;
}

.pb89 {
  padding-bottom: 89%;
}

.w90 {
  width: 90%;
}

.mt90px {
  margin-top: 90px;
}

.ml90px {
  margin-left: 90px;
}

.mr90px {
  margin-right: 90px;
}

.mb90px {
  margin-bottom: 90px;
}

.mt90 {
  margin-top: 90%;
}

.ml90 {
  margin-left: 90%;
}

.mr90 {
  margin-right: 90%;
}

.mb90 {
  margin-bottom: 90%;
}

.pt90px {
  padding-top: 90px;
}

.pl90px {
  padding-left: 90px;
}

.pr90px {
  padding-right: 90px;
}

.pb90px {
  padding-bottom: 90px;
}

.pt90 {
  padding-top: 90%;
}

.pl90 {
  padding-left: 90%;
}

.pr90 {
  padding-right: 90%;
}

.pb90 {
  padding-bottom: 90%;
}

.w91 {
  width: 91%;
}

.mt91px {
  margin-top: 91px;
}

.ml91px {
  margin-left: 91px;
}

.mr91px {
  margin-right: 91px;
}

.mb91px {
  margin-bottom: 91px;
}

.mt91 {
  margin-top: 91%;
}

.ml91 {
  margin-left: 91%;
}

.mr91 {
  margin-right: 91%;
}

.mb91 {
  margin-bottom: 91%;
}

.pt91px {
  padding-top: 91px;
}

.pl91px {
  padding-left: 91px;
}

.pr91px {
  padding-right: 91px;
}

.pb91px {
  padding-bottom: 91px;
}

.pt91 {
  padding-top: 91%;
}

.pl91 {
  padding-left: 91%;
}

.pr91 {
  padding-right: 91%;
}

.pb91 {
  padding-bottom: 91%;
}

.w92 {
  width: 92%;
}

.mt92px {
  margin-top: 92px;
}

.ml92px {
  margin-left: 92px;
}

.mr92px {
  margin-right: 92px;
}

.mb92px {
  margin-bottom: 92px;
}

.mt92 {
  margin-top: 92%;
}

.ml92 {
  margin-left: 92%;
}

.mr92 {
  margin-right: 92%;
}

.mb92 {
  margin-bottom: 92%;
}

.pt92px {
  padding-top: 92px;
}

.pl92px {
  padding-left: 92px;
}

.pr92px {
  padding-right: 92px;
}

.pb92px {
  padding-bottom: 92px;
}

.pt92 {
  padding-top: 92%;
}

.pl92 {
  padding-left: 92%;
}

.pr92 {
  padding-right: 92%;
}

.pb92 {
  padding-bottom: 92%;
}

.w93 {
  width: 93%;
}

.mt93px {
  margin-top: 93px;
}

.ml93px {
  margin-left: 93px;
}

.mr93px {
  margin-right: 93px;
}

.mb93px {
  margin-bottom: 93px;
}

.mt93 {
  margin-top: 93%;
}

.ml93 {
  margin-left: 93%;
}

.mr93 {
  margin-right: 93%;
}

.mb93 {
  margin-bottom: 93%;
}

.pt93px {
  padding-top: 93px;
}

.pl93px {
  padding-left: 93px;
}

.pr93px {
  padding-right: 93px;
}

.pb93px {
  padding-bottom: 93px;
}

.pt93 {
  padding-top: 93%;
}

.pl93 {
  padding-left: 93%;
}

.pr93 {
  padding-right: 93%;
}

.pb93 {
  padding-bottom: 93%;
}

.w94 {
  width: 94%;
}

.mt94px {
  margin-top: 94px;
}

.ml94px {
  margin-left: 94px;
}

.mr94px {
  margin-right: 94px;
}

.mb94px {
  margin-bottom: 94px;
}

.mt94 {
  margin-top: 94%;
}

.ml94 {
  margin-left: 94%;
}

.mr94 {
  margin-right: 94%;
}

.mb94 {
  margin-bottom: 94%;
}

.pt94px {
  padding-top: 94px;
}

.pl94px {
  padding-left: 94px;
}

.pr94px {
  padding-right: 94px;
}

.pb94px {
  padding-bottom: 94px;
}

.pt94 {
  padding-top: 94%;
}

.pl94 {
  padding-left: 94%;
}

.pr94 {
  padding-right: 94%;
}

.pb94 {
  padding-bottom: 94%;
}

.w95 {
  width: 95%;
}

.mt95px {
  margin-top: 95px;
}

.ml95px {
  margin-left: 95px;
}

.mr95px {
  margin-right: 95px;
}

.mb95px {
  margin-bottom: 95px;
}

.mt95 {
  margin-top: 95%;
}

.ml95 {
  margin-left: 95%;
}

.mr95 {
  margin-right: 95%;
}

.mb95 {
  margin-bottom: 95%;
}

.pt95px {
  padding-top: 95px;
}

.pl95px {
  padding-left: 95px;
}

.pr95px {
  padding-right: 95px;
}

.pb95px {
  padding-bottom: 95px;
}

.pt95 {
  padding-top: 95%;
}

.pl95 {
  padding-left: 95%;
}

.pr95 {
  padding-right: 95%;
}

.pb95 {
  padding-bottom: 95%;
}

.w96 {
  width: 96%;
}

.mt96px {
  margin-top: 96px;
}

.ml96px {
  margin-left: 96px;
}

.mr96px {
  margin-right: 96px;
}

.mb96px {
  margin-bottom: 96px;
}

.mt96 {
  margin-top: 96%;
}

.ml96 {
  margin-left: 96%;
}

.mr96 {
  margin-right: 96%;
}

.mb96 {
  margin-bottom: 96%;
}

.pt96px {
  padding-top: 96px;
}

.pl96px {
  padding-left: 96px;
}

.pr96px {
  padding-right: 96px;
}

.pb96px {
  padding-bottom: 96px;
}

.pt96 {
  padding-top: 96%;
}

.pl96 {
  padding-left: 96%;
}

.pr96 {
  padding-right: 96%;
}

.pb96 {
  padding-bottom: 96%;
}

.w97 {
  width: 97%;
}

.mt97px {
  margin-top: 97px;
}

.ml97px {
  margin-left: 97px;
}

.mr97px {
  margin-right: 97px;
}

.mb97px {
  margin-bottom: 97px;
}

.mt97 {
  margin-top: 97%;
}

.ml97 {
  margin-left: 97%;
}

.mr97 {
  margin-right: 97%;
}

.mb97 {
  margin-bottom: 97%;
}

.pt97px {
  padding-top: 97px;
}

.pl97px {
  padding-left: 97px;
}

.pr97px {
  padding-right: 97px;
}

.pb97px {
  padding-bottom: 97px;
}

.pt97 {
  padding-top: 97%;
}

.pl97 {
  padding-left: 97%;
}

.pr97 {
  padding-right: 97%;
}

.pb97 {
  padding-bottom: 97%;
}

.w98 {
  width: 98%;
}

.mt98px {
  margin-top: 98px;
}

.ml98px {
  margin-left: 98px;
}

.mr98px {
  margin-right: 98px;
}

.mb98px {
  margin-bottom: 98px;
}

.mt98 {
  margin-top: 98%;
}

.ml98 {
  margin-left: 98%;
}

.mr98 {
  margin-right: 98%;
}

.mb98 {
  margin-bottom: 98%;
}

.pt98px {
  padding-top: 98px;
}

.pl98px {
  padding-left: 98px;
}

.pr98px {
  padding-right: 98px;
}

.pb98px {
  padding-bottom: 98px;
}

.pt98 {
  padding-top: 98%;
}

.pl98 {
  padding-left: 98%;
}

.pr98 {
  padding-right: 98%;
}

.pb98 {
  padding-bottom: 98%;
}

.w99 {
  width: 99%;
}

.mt99px {
  margin-top: 99px;
}

.ml99px {
  margin-left: 99px;
}

.mr99px {
  margin-right: 99px;
}

.mb99px {
  margin-bottom: 99px;
}

.mt99 {
  margin-top: 99%;
}

.ml99 {
  margin-left: 99%;
}

.mr99 {
  margin-right: 99%;
}

.mb99 {
  margin-bottom: 99%;
}

.pt99px {
  padding-top: 99px;
}

.pl99px {
  padding-left: 99px;
}

.pr99px {
  padding-right: 99px;
}

.pb99px {
  padding-bottom: 99px;
}

.pt99 {
  padding-top: 99%;
}

.pl99 {
  padding-left: 99%;
}

.pr99 {
  padding-right: 99%;
}

.pb99 {
  padding-bottom: 99%;
}

.w100 {
  width: 100%;
}

.mt100px {
  margin-top: 100px;
}

.ml100px {
  margin-left: 100px;
}

.mr100px {
  margin-right: 100px;
}

.mb100px {
  margin-bottom: 100px;
}

.mt100 {
  margin-top: 100%;
}

.ml100 {
  margin-left: 100%;
}

.mr100 {
  margin-right: 100%;
}

.mb100 {
  margin-bottom: 100%;
}

.pt100px {
  padding-top: 100px;
}

.pl100px {
  padding-left: 100px;
}

.pr100px {
  padding-right: 100px;
}

.pb100px {
  padding-bottom: 100px;
}

.pt100 {
  padding-top: 100%;
}

.pl100 {
  padding-left: 100%;
}

.pr100 {
  padding-right: 100%;
}

.pb100 {
  padding-bottom: 100%;
}

.dropdown_cart {
  width: 100%;
  padding: 20px 0 10px;
}

.dropdown_cart .close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transform: translate(-5px, 5px);
  position: absolute;
  top: 0;
  right: 0;
}

@media (hover: hover) and (pointer: fine) {
  .dropdown_cart .close:hover path {
    fill: #000814 !important;
    fill: var(--color-midnight) !important;
  }
}
.dropdown_cart .close svg {
  width: 17px;
  height: 17px;
}

.dropdown_cart .close svg * {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
}

.dropdown_cart .product_list {
  max-height: 225px;
  margin-bottom: 25px;
  overflow-y: auto;
}

.dropdown_cart .product_list:empty {
  display: none;
}

.dropdown_cart .product {
  width: 100%;
  margin-bottom: 15px;
  padding-right: 10px;
  position: relative;
}

.dropdown_cart .product:last-child {
  margin-bottom: unset;
}

.dropdown_cart .product .img {
  width: 68px;
  height: 68px;
  background-color: #f3f3f3;
  background-color: var(--color-concrete);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
}

.dropdown_cart .product .img__link {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #eef0f2;
  background-color: var(--mini-cart-thumb-backdrop-color);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .dropdown_cart .product .img__link:hover img {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.dropdown_cart .product .img img {
  mix-blend-mode: multiply;
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
}

.dropdown_cart .product .info {
  width: calc(100% - 68px);
  padding: 0 20px 0 15px;
}

.dropdown_cart .product .stock_status {
  font-weight: 500;
  font-weight: var(--medium);
}

.dropdown_cart .product .stock_status span {
  font-size: 12px;
  color: #000814;
  color: var(--color-midnight);
}

.dropdown_cart .product .stock_status span.instock {
  color: #4caf50;
  color: var(--color-fruit-salad);
}

.dropdown_cart .product .stock_status span.outofstock {
  color: #828282;
  color: var(--color-gray);
}

.dropdown_cart .product .stock_status span.onbackorder {
  font-weight: 700;
  font-weight: var(--bold);
  color: #ffc300;
  color: var(--color-amber);
}

.dropdown_cart .product .title,
.dropdown_cart .product .quantity,
.dropdown_cart .product .price {
  display: block;
  font-size: 14px;
}

.dropdown_cart .product .title,
.dropdown_cart .product .price {
  color: #000814;
  color: var(--color-midnight);
}

@media (hover: hover) and (pointer: fine) {
  .dropdown_cart .product .title:hover {
    text-decoration: underline;
  }
}
.dropdown_cart .product .quantity {
  color: #757575;
  color: var(--color-boulder);
  margin-bottom: 5px;
}

.dropdown_cart .product .price {
  font-weight: 700;
  font-weight: var(--bold);
}

.dropdown_cart .product .delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  transform: translate(-10px, 5px);
  position: absolute;
  top: 0;
  right: 0;
}

@media (hover: hover) and (pointer: fine) {
  .dropdown_cart .product .delete:hover path {
    fill: #000814 !important;
    fill: var(--color-midnight) !important;
  }
}
.dropdown_cart .product .delete * {
  pointer-events: none;
}

.dropdown_cart .product .delete svg {
  width: 14px;
  height: 14px;
}

.dropdown_cart .product .delete svg * {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
}

.dropdown_cart .notifications {
  text-align: center;
  border: 1px solid rgba(55, 56, 67, 0.1);
  margin-bottom: 25px;
  padding: 10px;
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
}

.dropdown_cart .notifications p {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 10px;
  color: rgba(55, 56, 67, 0.6);
}

.dropdown_cart .subtotal span,
.dropdown_cart .subtotal b,
.dropdown_cart .discount span,
.dropdown_cart .discount b {
  font-size: 16px;
  color: #000814;
  color: var(--color-midnight);
}

.dropdown_cart .subtotal span,
.dropdown_cart .discount span {
  font-weight: 500;
  font-weight: var(--medium);
}

.dropdown_cart .subtotal b,
.dropdown_cart .discount b {
  font-weight: 700;
  font-weight: var(--bold);
}

.dropdown_cart .total span,
.dropdown_cart .total b {
  font-size: 20px;
  color: #000814;
  color: var(--color-midnight);
}

.dropdown_cart .total span {
  font-weight: 500;
  font-weight: var(--medium);
}

.dropdown_cart .total b {
  font-weight: 700;
  font-weight: var(--bold);
}

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

.dropdown_cart .link__cart {
  display: inline-block;
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
  text-decoration: underline;
  margin-top: 10px;
}

@media (hover: hover) and (pointer: fine) {
  .dropdown_cart .link__cart:hover {
    text-decoration: none;
  }
}
.dropdown_cart .link__cart.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.dropdown_profile_actions {
  width: 100%;
  padding: 5px 0 0;
}

.dropdown_profile_actions .close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  transform: translate(-5px, 5px);
  position: absolute;
  top: 0;
  right: 0;
}

@media (hover: hover) and (pointer: fine) {
  .dropdown_profile_actions .close:hover path {
    fill: #000814 !important;
    fill: var(--color-midnight) !important;
  }
}
.dropdown_profile_actions .close svg {
  width: 17px;
  height: 17px;
}

.dropdown_profile_actions .close svg * {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
}

.dropdown_profile_actions p {
  font-size: 12px;
  color: #000814;
  color: var(--color-midnight);
  margin: 0 0 15px;
}

.dropdown_profile_actions p a {
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 16px;
  color: #000814;
  color: var(--color-midnight);
}

@media (hover: hover) and (pointer: fine) {
  .dropdown_profile_actions p a:hover {
    text-decoration: underline;
  }
}
.dropdown_profile_actions ul a {
  display: inline-block;
  padding: 7px 0;
}

@media (hover: hover) and (pointer: fine) {
  .dropdown_profile_actions ul a:hover [stroke^="#"] {
    stroke: #ffc300;
    stroke: var(--color-amber);
  }
  .dropdown_profile_actions ul a:hover [fill^="#"] {
    fill: #ffc300;
    fill: var(--color-amber);
  }
  .dropdown_profile_actions ul a:hover b {
    background-color: #ffc300;
    background-color: var(--color-amber);
  }
  .dropdown_profile_actions ul a:hover i {
    color: #ffc300;
    color: var(--color-amber);
  }
}
.dropdown_profile_actions ul a > * {
  display: inline-block;
  vertical-align: middle;
}

.dropdown_profile_actions ul a span {
  width: 18px;
  height: 18px;
  text-align: center;
}

.dropdown_profile_actions ul a span svg {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
}

.dropdown_profile_actions ul a span svg * {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
}

.dropdown_profile_actions ul a b,
.dropdown_profile_actions ul a i {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: color, background-color;
}

.dropdown_profile_actions ul a b {
  width: 1px;
  height: 14px;
  background-color: #757575;
  background-color: var(--color-boulder);
  margin: 0 8px;
}

.dropdown_profile_actions ul a i {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 12px;
  font-style: normal;
  color: #000814;
  color: var(--color-midnight);
}

.rate {
  display: inline-block;
  border: 0;
  margin: unset;
  padding: unset;
  position: relative;
}

.rate input {
  display: none;
}

.rate label {
  float: right;
  cursor: pointer;
}

.rate label.half::before {
  content: "\f089";
  position: absolute;
  padding-right: 0;
}

.rate label::before {
  display: inline-block;
  font-size: 1rem;
  padding: 0.3rem 0.2rem;
  margin: 0;
  font-family: FontAwesome, sans-serif;
  content: "\f005";
  color: #ddd;
  color: var(--color-alto);
  transition: color 0.2s ease-in-out;
}

.rate label:last-child::before {
  content: "\f006";
}

.rate input[checked] ~ label::before {
  color: #ffc633;
  color: var(--color-unglow);
}

.swiper__wrapper {
  max-width: 100%;
  width: 100%;
  position: relative;
}

.swiper__wrapper__inner {
  width: 100%;
  padding-bottom: 30px;
  padding-bottom: var(--swiper-scrollbar-section-padding);
  overflow: hidden;
  position: relative;
}

.swiper__nav:not([style]) {
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity var(--def-transition-300ms);
}

.swiper__nav[disabled] {
  opacity: 0;
}

.swiper__nav.sz__def, .swiper__nav.sz__lg {
  width: 50px;
  height: 50px;
}

@media (max-width: 1280px) {
  .swiper__nav.sz__def, .swiper__nav.sz__lg {
    width: 42px;
    height: 42px;
  }
}
.swiper__nav.sz__def svg, .swiper__nav.sz__lg svg {
  width: 26px;
  height: 26px;
}

@media (max-width: 1280px) {
  .swiper__nav.sz__def svg, .swiper__nav.sz__lg svg {
    width: 22px;
    height: 22px;
  }
}
.swiper__nav.sz__md {
  width: 40px;
  height: 40px;
}

.swiper__nav.sz__md svg {
  width: 20px;
  height: 20px;
}

.swiper__nav.rounded {
  border-radius: 50%;
}

.swiper__nav.color__white {
  background-color: #fff;
  background-color: var(--color-white);
}

.swiper__nav.color__white::before {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper__nav.color__athens_gray {
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
}

.swiper__nav.color__athens_gray::before {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper__nav.outline__def, .swiper__nav.outline__lg {
  width: 58px;
  height: 58px;
  border-width: 8px;
  border-style: solid;
}

@media (max-width: 1280px) {
  .swiper__nav.outline__def, .swiper__nav.outline__lg {
    width: 48px;
    height: 48px;
    border-width: 6px;
  }
}
.swiper__nav.outline__white {
  border-color: #fff;
  border-color: var(--color-white);
}

.swiper__nav.outline__white::before {
  background-color: #fff;
  background-color: var(--color-white);
}

.swiper__nav.outline__athens_gray {
  border-color: #eef0f2;
  border-color: var(--color-athens-gray);
}

.swiper__nav.outline__athens_gray::before {
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
}

.swiper__nav.center__y.swiper__nav__left {
  transform: translateY(-25%);
  left: 0;
}

.swiper__nav.center__y.swiper__nav__left.scrollbar__offset_y {
  transform: translateY(calc(-50% - 15px));
  transform: translateY(calc(-50% - var(--swiper-scrollbar-section-padding) / 2));
}

.swiper__nav.center__y.swiper__nav__left.inset__-15 {
  margin-left: -15px;
}

.swiper__nav.center__y.swiper__nav__left.inset__15 {
  margin-left: 15px;
}

.swiper__nav.center__y.swiper__nav__left.inset__-30 {
  margin-left: -30px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__left.inset__-30 {
    margin-left: -15px;
  }
}
.swiper__nav.center__y.swiper__nav__left.inset__30 {
  margin-left: 30px;
}

.swiper__nav.center__y.swiper__nav__left.inset__-60 {
  margin-left: -60px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__left.inset__-60 {
    margin-left: -15px;
  }
}
.swiper__nav.center__y.swiper__nav__left.inset__60 {
  margin-left: 60px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__left.inset__60 {
    margin-left: 15px;
  }
}
.swiper__nav.center__y.swiper__nav__left.inset__-90 {
  margin-left: -90px;
}

.swiper__nav.center__y.swiper__nav__left.inset__90 {
  margin-left: 90px;
}

.swiper__nav.center__y.swiper__nav__right {
  transform: translateY(-25%);
  right: 0;
}

.swiper__nav.center__y.swiper__nav__right.scrollbar__offset_y {
  transform: translateY(calc(-50% - 15px));
  transform: translateY(calc(-50% - var(--swiper-scrollbar-section-padding) / 2));
}

.swiper__nav.center__y.swiper__nav__right.inset__-15 {
  margin-right: -15px;
}

.swiper__nav.center__y.swiper__nav__right.inset__15 {
  margin-right: 15px;
}

.swiper__nav.center__y.swiper__nav__right.inset__-30 {
  margin-right: -30px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__right.inset__-30 {
    margin-right: -15px;
  }
}
.swiper__nav.center__y.swiper__nav__right.inset__30 {
  margin-right: 30px;
}

.swiper__nav.center__y.swiper__nav__right.inset__-60 {
  margin-right: -60px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__right.inset__-60 {
    margin-right: -15px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .swiper__nav.center__y.swiper__nav__right.inset__-60 {
    margin-right: -30px;
  }
}
.swiper__nav.center__y.swiper__nav__right.inset__60 {
  margin-right: 60px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__right.inset__60 {
    margin-right: 15px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .swiper__nav.center__y.swiper__nav__right.inset__60 {
    margin-right: 30px;
  }
}
.swiper__nav.center__y.swiper__nav__right.inset__-90 {
  margin-right: -90px;
}

.swiper__nav.center__y.swiper__nav__right.inset__90 {
  margin-right: 90px;
}

.swiper__nav.border__none::before {
  border: unset;
}

.swiper__nav__left, .swiper__nav__right {
  position: absolute;
  top: 50%;
  z-index: 5;
}

.swiper__nav__left svg, .swiper__nav__right svg {
  transform: translate(-50%, -50%);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
  position: absolute;
  top: 50%;
  left: 50%;
}

@media (hover: hover) and (pointer: fine) {
  .swiper__nav__left:not([disabled]):hover svg {
    transform: translate(calc(-50% - 3px), -50%);
  }
}
@media (hover: hover) and (pointer: fine) and (max-width: 1024px) {
  .swiper__nav__left:not([disabled]):hover svg {
    transform: translate(-50%, -50%);
  }
}
@media (hover: hover) and (pointer: fine) {
  .swiper__nav__right:hover:not([disabled]) svg {
    transform: translate(calc(-50% + 3px), -50%);
  }
}
@media (hover: hover) and (pointer: fine) and (max-width: 1024px) {
  .swiper__nav__right:hover:not([disabled]) svg {
    transform: translate(-50%, -50%);
  }
}
.swiper__scrollbar {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

.mtk_headline {
  display: flex;
  flex-flow: column wrap;
}

.mtk_headline.is__section {
  margin-bottom: 50px;
}

@media (max-width: 528px) {
  .mtk_headline.is__section {
    margin-bottom: 25px;
  }
}
@media (min-width: 529px) and (max-width: 648px) {
  .mtk_headline.is__section {
    margin-bottom: 35px;
  }
}
@media (min-width: 649px) and (max-width: 1280px) {
  .mtk_headline.is__section {
    margin-bottom: 40px;
  }
}
.mtk_headline.align_x__start {
  align-items: flex-start;
}

.mtk_headline.align_x__center {
  align-items: center;
  text-align: center;
}

.mtk_headline.align_x__end {
  align-items: flex-end;
}

.mtk_headline.align_y__start {
  justify-content: flex-start;
}

.mtk_headline.align_y__center {
  justify-content: center;
}

.mtk_headline.align_y__end {
  justify-content: flex-end;
}

.mtk_headline h1,
.mtk_headline h2,
.mtk_headline h3,
.mtk_headline h4,
.mtk_headline h5,
.mtk_headline h6 {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 600;
  font-weight: var(--semi-bold);
  line-height: 1.2;
  margin: 0;
}

.mtk_headline h1 + *,
.mtk_headline h2 + *,
.mtk_headline h3 + *,
.mtk_headline h4 + *,
.mtk_headline h5 + *,
.mtk_headline h6 + * {
  margin-top: 15px;
}

.mtk_headline *:not(h1, h2, h3, h4, h5, h6) {
  font-size: 16px;
  line-height: 1.6;
}

.mtk_headline p {
  color: #828282;
  color: var(--color-gray);
  margin-top: 15px;
}

.mtk_headline.sz__xxl:not(.editor) h1,
.mtk_headline.sz__xxl:not(.editor) h2,
.mtk_headline.sz__xxl:not(.editor) h3,
.mtk_headline.sz__xxl:not(.editor) h4,
.mtk_headline.sz__xxl:not(.editor) h5,
.mtk_headline.sz__xxl:not(.editor) h6 {
  font-size: 60px;
}

.mtk_headline.sz__xl:not(.editor) h1,
.mtk_headline.sz__xl:not(.editor) h2,
.mtk_headline.sz__xl:not(.editor) h3,
.mtk_headline.sz__xl:not(.editor) h4,
.mtk_headline.sz__xl:not(.editor) h5,
.mtk_headline.sz__xl:not(.editor) h6 {
  font-size: 52px;
}

.mtk_headline.sz__lg:not(.editor) h1,
.mtk_headline.sz__lg:not(.editor) h2,
.mtk_headline.sz__lg:not(.editor) h3,
.mtk_headline.sz__lg:not(.editor) h4,
.mtk_headline.sz__lg:not(.editor) h5,
.mtk_headline.sz__lg:not(.editor) h6 {
  font-size: 42px;
}

@media (max-width: 528px) {
  .mtk_headline.sz__lg:not(.editor) h1,
  .mtk_headline.sz__lg:not(.editor) h2,
  .mtk_headline.sz__lg:not(.editor) h3,
  .mtk_headline.sz__lg:not(.editor) h4,
  .mtk_headline.sz__lg:not(.editor) h5,
  .mtk_headline.sz__lg:not(.editor) h6 {
    font-size: 32px;
  }
}
@media (min-width: 529px) and (max-width: 648px) {
  .mtk_headline.sz__lg:not(.editor) h1,
  .mtk_headline.sz__lg:not(.editor) h2,
  .mtk_headline.sz__lg:not(.editor) h3,
  .mtk_headline.sz__lg:not(.editor) h4,
  .mtk_headline.sz__lg:not(.editor) h5,
  .mtk_headline.sz__lg:not(.editor) h6 {
    font-size: 36px;
  }
}
@media (min-width: 649px) and (max-width: 1280px) {
  .mtk_headline.sz__lg:not(.editor) h1,
  .mtk_headline.sz__lg:not(.editor) h2,
  .mtk_headline.sz__lg:not(.editor) h3,
  .mtk_headline.sz__lg:not(.editor) h4,
  .mtk_headline.sz__lg:not(.editor) h5,
  .mtk_headline.sz__lg:not(.editor) h6 {
    font-size: 38px;
  }
}
.mtk_headline.sz__slg:not(.editor) h1,
.mtk_headline.sz__slg:not(.editor) h2,
.mtk_headline.sz__slg:not(.editor) h3,
.mtk_headline.sz__slg:not(.editor) h4,
.mtk_headline.sz__slg:not(.editor) h5,
.mtk_headline.sz__slg:not(.editor) h6 {
  font-size: 36px;
}

.mtk_headline.sz__md:not(.editor) h1,
.mtk_headline.sz__md:not(.editor) h2,
.mtk_headline.sz__md:not(.editor) h3,
.mtk_headline.sz__md:not(.editor) h4,
.mtk_headline.sz__md:not(.editor) h5,
.mtk_headline.sz__md:not(.editor) h6 {
  font-size: 32px;
}

.mtk_headline.sz__xmd:not(.editor) h1,
.mtk_headline.sz__xmd:not(.editor) h2,
.mtk_headline.sz__xmd:not(.editor) h3,
.mtk_headline.sz__xmd:not(.editor) h4,
.mtk_headline.sz__xmd:not(.editor) h5,
.mtk_headline.sz__xmd:not(.editor) h6 {
  font-size: 28px;
}

@media (max-width: 528px) {
  .mtk_headline.sz__xmd:not(.editor) h1,
  .mtk_headline.sz__xmd:not(.editor) h2,
  .mtk_headline.sz__xmd:not(.editor) h3,
  .mtk_headline.sz__xmd:not(.editor) h4,
  .mtk_headline.sz__xmd:not(.editor) h5,
  .mtk_headline.sz__xmd:not(.editor) h6 {
    font-size: 22px;
  }
}
@media (min-width: 529px) and (max-width: 648px) {
  .mtk_headline.sz__xmd:not(.editor) h1,
  .mtk_headline.sz__xmd:not(.editor) h2,
  .mtk_headline.sz__xmd:not(.editor) h3,
  .mtk_headline.sz__xmd:not(.editor) h4,
  .mtk_headline.sz__xmd:not(.editor) h5,
  .mtk_headline.sz__xmd:not(.editor) h6 {
    font-size: 24px;
  }
}
@media (min-width: 649px) and (max-width: 1024px) {
  .mtk_headline.sz__xmd:not(.editor) h1,
  .mtk_headline.sz__xmd:not(.editor) h2,
  .mtk_headline.sz__xmd:not(.editor) h3,
  .mtk_headline.sz__xmd:not(.editor) h4,
  .mtk_headline.sz__xmd:not(.editor) h5,
  .mtk_headline.sz__xmd:not(.editor) h6 {
    font-size: 26px;
  }
}
.mtk_headline.sz__sm:not(.editor) h1,
.mtk_headline.sz__sm:not(.editor) h2,
.mtk_headline.sz__sm:not(.editor) h3,
.mtk_headline.sz__sm:not(.editor) h4,
.mtk_headline.sz__sm:not(.editor) h5,
.mtk_headline.sz__sm:not(.editor) h6 {
  font-size: 24px;
}

.mtk_headline.sz__xsm:not(.editor) h1,
.mtk_headline.sz__xsm:not(.editor) h2,
.mtk_headline.sz__xsm:not(.editor) h3,
.mtk_headline.sz__xsm:not(.editor) h4,
.mtk_headline.sz__xsm:not(.editor) h5,
.mtk_headline.sz__xsm:not(.editor) h6 {
  font-size: 20px;
}

.mtk_headline.editor h1 {
  font-size: 60px;
}

.mtk_headline.editor h1 + p {
  margin-top: 15px;
}

.mtk_headline.editor h2 {
  font-size: 52px;
}

.mtk_headline.editor h2 + p {
  margin-top: 15px;
}

.mtk_headline.editor h3 {
  font-size: 42px;
}

@media (max-width: 528px) {
  .mtk_headline.editor h3 {
    font-size: 32px;
  }
}
@media (min-width: 529px) and (max-width: 648px) {
  .mtk_headline.editor h3 {
    font-size: 36px;
  }
}
@media (min-width: 649px) and (max-width: 1024px) {
  .mtk_headline.editor h3 {
    font-size: 38px;
  }
}
.mtk_headline.editor h3 + p {
  margin-top: 15px;
}

.mtk_headline.editor h4 {
  font-size: 36px;
}

.mtk_headline.editor h4 + p {
  margin-top: 15px;
}

.mtk_headline.editor h5 {
  font-size: 28px;
}

.mtk_headline.editor h5 + p {
  margin-top: 15px;
}

.mtk_headline.editor h6 {
  font-size: 20px;
}

.mtk_headline.editor h6 + p {
  margin-top: 15px;
}

.mtk_headline.editor p {
  font-size: 16px;
  margin-bottom: 15px;
}

.mtk_headline.color__blue_charcoal h1,
.mtk_headline.color__blue_charcoal h2,
.mtk_headline.color__blue_charcoal h3,
.mtk_headline.color__blue_charcoal h4,
.mtk_headline.color__blue_charcoal h5,
.mtk_headline.color__blue_charcoal h6 {
  color: #001d3d;
  color: var(--color-blue-charcoal);
}

.mtk_headline.color__midnight h1,
.mtk_headline.color__midnight h2,
.mtk_headline.color__midnight h3,
.mtk_headline.color__midnight h4,
.mtk_headline.color__midnight h5,
.mtk_headline.color__midnight h6 {
  color: #000814;
  color: var(--color-midnight);
}

.mtk_headline.color__black h1,
.mtk_headline.color__black h2,
.mtk_headline.color__black h3,
.mtk_headline.color__black h4,
.mtk_headline.color__black h5,
.mtk_headline.color__black h6 {
  color: #000;
  color: var(--color-black);
}

.mtk_headline.color__white h1,
.mtk_headline.color__white h2,
.mtk_headline.color__white h3,
.mtk_headline.color__white h4,
.mtk_headline.color__white h5,
.mtk_headline.color__white h6 {
  color: #fff;
  color: var(--color-white);
}

.mtk_headline.color__white p {
  color: rgba(255, 255, 255, 0.6);
}

.mtk_button__group {
  position: relative;
  z-index: 1;
}

.mtk_button__group[class*=align_] {
  display: flex;
  flex-flow: row wrap;
}

.mtk_button__group.align_x__start {
  justify-content: flex-start;
}

.mtk_button__group.align_x__center {
  justify-content: center;
}

.mtk_button__group.align_x__end {
  justify-content: flex-end;
}

.mtk_button__group.align_y__start {
  align-items: flex-start;
}

.mtk_button__group.align_y__center {
  align-items: center;
}

.mtk_button__group.align_y__end {
  align-items: flex-end;
}

.mtk_button__group.mt0 {
  margin-top: 0px;
}

.mtk_button__group.mb0 {
  margin-bottom: 0px;
}

.mtk_button__group.mt5 {
  margin-top: 5px;
}

.mtk_button__group.mb5 {
  margin-bottom: 5px;
}

.mtk_button__group.mt10 {
  margin-top: 10px;
}

.mtk_button__group.mb10 {
  margin-bottom: 10px;
}

.mtk_button__group.mt15 {
  margin-top: 15px;
}

.mtk_button__group.mb15 {
  margin-bottom: 15px;
}

.mtk_button__group.mt20 {
  margin-top: 20px;
}

.mtk_button__group.mb20 {
  margin-bottom: 20px;
}

.mtk_button__group.mt25 {
  margin-top: 25px;
}

.mtk_button__group.mb25 {
  margin-bottom: 25px;
}

.mtk_button__group.mt30 {
  margin-top: 30px;
}

.mtk_button__group.mb30 {
  margin-bottom: 30px;
}

.mtk_button__group.mt35 {
  margin-top: 35px;
}

.mtk_button__group.mb35 {
  margin-bottom: 35px;
}

.mtk_button__group.mt40 {
  margin-top: 40px;
}

.mtk_button__group.mb40 {
  margin-bottom: 40px;
}

.mtk_button__group.mt45 {
  margin-top: 45px;
}

.mtk_button__group.mb45 {
  margin-bottom: 45px;
}

.mtk_button__group.mt50 {
  margin-top: 50px;
}

.mtk_button__group.mb50 {
  margin-bottom: 50px;
}

.mtk_button__group.mt55 {
  margin-top: 55px;
}

.mtk_button__group.mb55 {
  margin-bottom: 55px;
}

.mtk_button__group.mt60 {
  margin-top: 60px;
}

.mtk_button__group.mb60 {
  margin-bottom: 60px;
}

.mtk_button__group.mt65 {
  margin-top: 65px;
}

.mtk_button__group.mb65 {
  margin-bottom: 65px;
}

.mtk_button__group.mt70 {
  margin-top: 70px;
}

.mtk_button__group.mb70 {
  margin-bottom: 70px;
}

.mtk_button__group.mt75 {
  margin-top: 75px;
}

.mtk_button__group.mb75 {
  margin-bottom: 75px;
}

.mtk_button__group.mt80 {
  margin-top: 80px;
}

.mtk_button__group.mb80 {
  margin-bottom: 80px;
}

.mtk_button__group.mt85 {
  margin-top: 85px;
}

.mtk_button__group.mb85 {
  margin-bottom: 85px;
}

.mtk_button__group.mt90 {
  margin-top: 90px;
}

.mtk_button__group.mb90 {
  margin-bottom: 90px;
}

.mtk_button__group.mt95 {
  margin-top: 95px;
}

.mtk_button__group.mb95 {
  margin-bottom: 95px;
}

.mtk_button__group.mt100 {
  margin-top: 100px;
}

.mtk_button__group.mb100 {
  margin-bottom: 100px;
}

.mtk_button__group.mt105 {
  margin-top: 105px;
}

.mtk_button__group.mb105 {
  margin-bottom: 105px;
}

.mtk_button__group.mt110 {
  margin-top: 110px;
}

.mtk_button__group.mb110 {
  margin-bottom: 110px;
}

.mtk_button__group.mt115 {
  margin-top: 115px;
}

.mtk_button__group.mb115 {
  margin-bottom: 115px;
}

.mtk_button__group.mt120 {
  margin-top: 120px;
}

.mtk_button__group.mb120 {
  margin-bottom: 120px;
}

.mtk_button__group.mt125 {
  margin-top: 125px;
}

.mtk_button__group.mb125 {
  margin-bottom: 125px;
}

.mtk_button__group.mt130 {
  margin-top: 130px;
}

.mtk_button__group.mb130 {
  margin-bottom: 130px;
}

.mtk_button__group.mt135 {
  margin-top: 135px;
}

.mtk_button__group.mb135 {
  margin-bottom: 135px;
}

.mtk_button__group.mt140 {
  margin-top: 140px;
}

.mtk_button__group.mb140 {
  margin-bottom: 140px;
}

.mtk_button__group.mt145 {
  margin-top: 145px;
}

.mtk_button__group.mb145 {
  margin-bottom: 145px;
}

.mtk_button__group.mt150 {
  margin-top: 150px;
}

.mtk_button__group.mb150 {
  margin-bottom: 150px;
}

a.mtk_button,
button.mtk_button {
  display: inline-block;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: color;
  position: relative;
  z-index: 100;
}

@media (hover: hover) and (pointer: fine) {
  a.mtk_button:hover span + svg,
  button.mtk_button:hover span + svg {
    transform: translateX(3px);
  }
}
a.mtk_button > *,
button.mtk_button > * {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
}

a.mtk_button > span,
button.mtk_button > span {
  font-weight: 500;
  font-weight: var(--medium);
}

a.mtk_button > span + svg,
button.mtk_button > span + svg {
  margin-left: 7px;
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
}

a.mtk_button.invisible,
button.mtk_button.invisible {
  display: none;
}

a.mtk_button.disabled, a.mtk_button[disabled],
button.mtk_button.disabled,
button.mtk_button[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

a.mtk_button.minw100,
button.mtk_button.minw100 {
  min-width: 100px;
}

a.mtk_button.sz__sm,
button.mtk_button.sz__sm {
  font-size: 12px;
}

a.mtk_button.sz__sm.arrow__left svg, a.mtk_button.sz__sm.arrow__right svg,
button.mtk_button.sz__sm.arrow__left svg,
button.mtk_button.sz__sm.arrow__right svg {
  max-width: 15px;
}

a.mtk_button.sz__md,
button.mtk_button.sz__md {
  font-size: 14px;
}

a.mtk_button.sz__md.arrow__left svg, a.mtk_button.sz__md.arrow__right svg,
button.mtk_button.sz__md.arrow__left svg,
button.mtk_button.sz__md.arrow__right svg {
  max-width: 15px;
}

a.mtk_button.sz__lg,
button.mtk_button.sz__lg {
  font-size: 16px;
}

@media (max-width: 768px) {
  a.mtk_button.sz__lg,
  button.mtk_button.sz__lg {
    font-size: 14px;
  }
}
a.mtk_button.sz__def,
button.mtk_button.sz__def {
  font-size: 16px;
}

@media (max-width: 768px) {
  a.mtk_button.sz__def,
  button.mtk_button.sz__def {
    font-size: 14px;
  }
}
a.mtk_button.type__link.color__black,
button.mtk_button.type__link.color__black {
  color: #000;
  color: var(--color-black);
}

a.mtk_button.type__link.color__black.arrow__right [stroke],
button.mtk_button.type__link.color__black.arrow__right [stroke] {
  stroke: #000;
  stroke: var(--color-black);
}

a.mtk_button.type__link.color__midnight,
button.mtk_button.type__link.color__midnight {
  color: #000814;
  color: var(--color-midnight);
}

a.mtk_button.type__link.color__midnight.arrow__right [stroke],
button.mtk_button.type__link.color__midnight.arrow__right [stroke] {
  stroke: #000814;
  stroke: var(--color-midnight);
}

a.mtk_button.type__link.color__white,
button.mtk_button.type__link.color__white {
  color: #fff;
  color: var(--color-white);
}

a.mtk_button.type__link.color__white.arrow__right [stroke],
button.mtk_button.type__link.color__white.arrow__right [stroke] {
  stroke: #fff;
  stroke: var(--color-white);
}

a.mtk_button.type__link.color__accent,
button.mtk_button.type__link.color__accent {
  color: #ffed00;
  color: var(--color-accent);
}

a.mtk_button.type__link.color__accent.arrow__right [stroke],
button.mtk_button.type__link.color__accent.arrow__right [stroke] {
  stroke: #ffed00;
  stroke: var(--color-accent);
}

a.mtk_button.type__button, a.mtk_button.type__reset, a.mtk_button.type__submit,
button.mtk_button.type__button,
button.mtk_button.type__reset,
button.mtk_button.type__submit {
  font-weight: 600;
  font-weight: var(--semi-bold);
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-radius: 50px;
  padding: 15px 30px;
  overflow: hidden;
  position: relative;
}

a.mtk_button.type__button span, a.mtk_button.type__reset span, a.mtk_button.type__submit span,
button.mtk_button.type__button span,
button.mtk_button.type__reset span,
button.mtk_button.type__submit span {
  margin-top: -4px;
  position: relative;
  z-index: 2;
}

a.mtk_button.type__button svg, a.mtk_button.type__reset svg, a.mtk_button.type__submit svg,
button.mtk_button.type__button svg,
button.mtk_button.type__reset svg,
button.mtk_button.type__submit svg {
  margin-top: -4px;
  position: relative;
  z-index: 2;
}

a.mtk_button.type__button svg *, a.mtk_button.type__reset svg *, a.mtk_button.type__submit svg *,
button.mtk_button.type__button svg *,
button.mtk_button.type__reset svg *,
button.mtk_button.type__submit svg * {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
}

a.mtk_button.type__button::before, a.mtk_button.type__reset::before, a.mtk_button.type__submit::before,
button.mtk_button.type__button::before,
button.mtk_button.type__reset::before,
button.mtk_button.type__submit::before {
  content: "";
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-width: 2px;
  border-style: solid;
  border-radius: 50px;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: background-color, border-color;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

a.mtk_button.type__button.sz__sm, a.mtk_button.type__reset.sz__sm, a.mtk_button.type__submit.sz__sm,
button.mtk_button.type__button.sz__sm,
button.mtk_button.type__reset.sz__sm,
button.mtk_button.type__submit.sz__sm {
  font-size: 12px;
}

a.mtk_button.type__button.sz__sm.arrow__left svg, a.mtk_button.type__button.sz__sm.arrow__right svg, a.mtk_button.type__reset.sz__sm.arrow__left svg, a.mtk_button.type__reset.sz__sm.arrow__right svg, a.mtk_button.type__submit.sz__sm.arrow__left svg, a.mtk_button.type__submit.sz__sm.arrow__right svg,
button.mtk_button.type__button.sz__sm.arrow__left svg,
button.mtk_button.type__button.sz__sm.arrow__right svg,
button.mtk_button.type__reset.sz__sm.arrow__left svg,
button.mtk_button.type__reset.sz__sm.arrow__right svg,
button.mtk_button.type__submit.sz__sm.arrow__left svg,
button.mtk_button.type__submit.sz__sm.arrow__right svg {
  max-width: 15px;
}

a.mtk_button.type__button.sz__md, a.mtk_button.type__reset.sz__md, a.mtk_button.type__submit.sz__md,
button.mtk_button.type__button.sz__md,
button.mtk_button.type__reset.sz__md,
button.mtk_button.type__submit.sz__md {
  font-size: 14px;
  padding: 12px 18px;
}

a.mtk_button.type__button.sz__md.arrow__left svg, a.mtk_button.type__button.sz__md.arrow__right svg, a.mtk_button.type__reset.sz__md.arrow__left svg, a.mtk_button.type__reset.sz__md.arrow__right svg, a.mtk_button.type__submit.sz__md.arrow__left svg, a.mtk_button.type__submit.sz__md.arrow__right svg,
button.mtk_button.type__button.sz__md.arrow__left svg,
button.mtk_button.type__button.sz__md.arrow__right svg,
button.mtk_button.type__reset.sz__md.arrow__left svg,
button.mtk_button.type__reset.sz__md.arrow__right svg,
button.mtk_button.type__submit.sz__md.arrow__left svg,
button.mtk_button.type__submit.sz__md.arrow__right svg {
  max-width: 15px;
}

a.mtk_button.type__button.sz__sm, a.mtk_button.type__reset.sz__sm, a.mtk_button.type__submit.sz__sm,
button.mtk_button.type__button.sz__sm,
button.mtk_button.type__reset.sz__sm,
button.mtk_button.type__submit.sz__sm {
  font-size: 14px;
  padding: 8px 14px;
}

a.mtk_button.type__button.sz__sm.arrow__left svg, a.mtk_button.type__button.sz__sm.arrow__right svg, a.mtk_button.type__reset.sz__sm.arrow__left svg, a.mtk_button.type__reset.sz__sm.arrow__right svg, a.mtk_button.type__submit.sz__sm.arrow__left svg, a.mtk_button.type__submit.sz__sm.arrow__right svg,
button.mtk_button.type__button.sz__sm.arrow__left svg,
button.mtk_button.type__button.sz__sm.arrow__right svg,
button.mtk_button.type__reset.sz__sm.arrow__left svg,
button.mtk_button.type__reset.sz__sm.arrow__right svg,
button.mtk_button.type__submit.sz__sm.arrow__left svg,
button.mtk_button.type__submit.sz__sm.arrow__right svg {
  max-width: 15px;
}

a.mtk_button.type__button.fill.color__amber, a.mtk_button.type__reset.fill.color__amber, a.mtk_button.type__submit.fill.color__amber,
button.mtk_button.type__button.fill.color__amber,
button.mtk_button.type__reset.fill.color__amber,
button.mtk_button.type__submit.fill.color__amber {
  color: #001d3d;
  color: var(--color-blue-charcoal);
  border-color: #ffc300;
  border-color: var(--color-amber);
}

@media (hover: hover) and (pointer: fine) {
  a.mtk_button.type__button.fill.color__amber:hover::before, a.mtk_button.type__reset.fill.color__amber:hover::before, a.mtk_button.type__submit.fill.color__amber:hover::before,
  button.mtk_button.type__button.fill.color__amber:hover::before,
  button.mtk_button.type__reset.fill.color__amber:hover::before,
  button.mtk_button.type__submit.fill.color__amber:hover::before {
    border-color: #fff !important;
    border-color: var(--color-white) !important;
  }
}
a.mtk_button.type__button.fill.color__amber::before, a.mtk_button.type__reset.fill.color__amber::before, a.mtk_button.type__submit.fill.color__amber::before,
button.mtk_button.type__button.fill.color__amber::before,
button.mtk_button.type__reset.fill.color__amber::before,
button.mtk_button.type__submit.fill.color__amber::before {
  background-color: #ffc300;
  background-color: var(--color-amber);
  border-color: #ffc300;
  border-color: var(--color-amber);
}

a.mtk_button.type__button.fill.color__amber.arrow__right [stroke], a.mtk_button.type__reset.fill.color__amber.arrow__right [stroke], a.mtk_button.type__submit.fill.color__amber.arrow__right [stroke],
button.mtk_button.type__button.fill.color__amber.arrow__right [stroke],
button.mtk_button.type__reset.fill.color__amber.arrow__right [stroke],
button.mtk_button.type__submit.fill.color__amber.arrow__right [stroke] {
  stroke: #ffc300;
  stroke: var(--color-amber);
}

a.mtk_button.type__button.stroke.color__white, a.mtk_button.type__reset.stroke.color__white, a.mtk_button.type__submit.stroke.color__white,
button.mtk_button.type__button.stroke.color__white,
button.mtk_button.type__reset.stroke.color__white,
button.mtk_button.type__submit.stroke.color__white {
  color: #fff;
  color: var(--color-white);
  border-color: #fff;
  border-color: var(--color-white);
}

@media (hover: hover) and (pointer: fine) {
  a.mtk_button.type__button.stroke.color__white:hover, a.mtk_button.type__reset.stroke.color__white:hover, a.mtk_button.type__submit.stroke.color__white:hover,
  button.mtk_button.type__button.stroke.color__white:hover,
  button.mtk_button.type__reset.stroke.color__white:hover,
  button.mtk_button.type__submit.stroke.color__white:hover {
    color: #001d3d;
    color: var(--color-blue-charcoal);
  }
  a.mtk_button.type__button.stroke.color__white:hover::before, a.mtk_button.type__reset.stroke.color__white:hover::before, a.mtk_button.type__submit.stroke.color__white:hover::before,
  button.mtk_button.type__button.stroke.color__white:hover::before,
  button.mtk_button.type__reset.stroke.color__white:hover::before,
  button.mtk_button.type__submit.stroke.color__white:hover::before {
    background-color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0);
  }
  a.mtk_button.type__button.stroke.color__white:hover.arrow__right [stroke], a.mtk_button.type__reset.stroke.color__white:hover.arrow__right [stroke], a.mtk_button.type__submit.stroke.color__white:hover.arrow__right [stroke],
  button.mtk_button.type__button.stroke.color__white:hover.arrow__right [stroke],
  button.mtk_button.type__reset.stroke.color__white:hover.arrow__right [stroke],
  button.mtk_button.type__submit.stroke.color__white:hover.arrow__right [stroke] {
    stroke: #001d3d;
    stroke: var(--color-blue-charcoal);
  }
}
a.mtk_button.type__button.stroke.color__white::before, a.mtk_button.type__reset.stroke.color__white::before, a.mtk_button.type__submit.stroke.color__white::before,
button.mtk_button.type__button.stroke.color__white::before,
button.mtk_button.type__reset.stroke.color__white::before,
button.mtk_button.type__submit.stroke.color__white::before {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

a.mtk_button.type__button.stroke.color__white.arrow__right [stroke], a.mtk_button.type__reset.stroke.color__white.arrow__right [stroke], a.mtk_button.type__submit.stroke.color__white.arrow__right [stroke],
button.mtk_button.type__button.stroke.color__white.arrow__right [stroke],
button.mtk_button.type__reset.stroke.color__white.arrow__right [stroke],
button.mtk_button.type__submit.stroke.color__white.arrow__right [stroke] {
  stroke: #fff;
  stroke: var(--color-white);
}

a.mtk_button.type__button.stroke.color__loblolly, a.mtk_button.type__reset.stroke.color__loblolly, a.mtk_button.type__submit.stroke.color__loblolly,
button.mtk_button.type__button.stroke.color__loblolly,
button.mtk_button.type__reset.stroke.color__loblolly,
button.mtk_button.type__submit.stroke.color__loblolly {
  color: #001d3d;
  color: var(--color-blue-charcoal);
  border-color: #c7d0d7;
  border-color: var(--color-loblolly);
}

@media (hover: hover) and (pointer: fine) {
  a.mtk_button.type__button.stroke.color__loblolly:hover::before, a.mtk_button.type__reset.stroke.color__loblolly:hover::before, a.mtk_button.type__submit.stroke.color__loblolly:hover::before,
  button.mtk_button.type__button.stroke.color__loblolly:hover::before,
  button.mtk_button.type__reset.stroke.color__loblolly:hover::before,
  button.mtk_button.type__submit.stroke.color__loblolly:hover::before {
    background-color: #c7d0d7;
    background-color: var(--color-loblolly);
    border-color: white;
  }
}
a.mtk_button.type__button.stroke.color__loblolly::before, a.mtk_button.type__reset.stroke.color__loblolly::before, a.mtk_button.type__submit.stroke.color__loblolly::before,
button.mtk_button.type__button.stroke.color__loblolly::before,
button.mtk_button.type__reset.stroke.color__loblolly::before,
button.mtk_button.type__submit.stroke.color__loblolly::before {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

a.mtk_button.type__button.stroke.color__loblolly.arrow__right [stroke], a.mtk_button.type__reset.stroke.color__loblolly.arrow__right [stroke], a.mtk_button.type__submit.stroke.color__loblolly.arrow__right [stroke],
button.mtk_button.type__button.stroke.color__loblolly.arrow__right [stroke],
button.mtk_button.type__reset.stroke.color__loblolly.arrow__right [stroke],
button.mtk_button.type__submit.stroke.color__loblolly.arrow__right [stroke] {
  stroke: #001d3d;
  stroke: var(--color-blue-charcoal);
}

a.mtk_button.type__button.stroke.color__athens_gray, a.mtk_button.type__reset.stroke.color__athens_gray, a.mtk_button.type__submit.stroke.color__athens_gray,
button.mtk_button.type__button.stroke.color__athens_gray,
button.mtk_button.type__reset.stroke.color__athens_gray,
button.mtk_button.type__submit.stroke.color__athens_gray {
  color: #001d3d;
  color: var(--color-blue-charcoal);
  border-color: #eef0f2;
  border-color: var(--color-athens-gray);
}

@media (hover: hover) and (pointer: fine) {
  a.mtk_button.type__button.stroke.color__athens_gray:hover::before, a.mtk_button.type__reset.stroke.color__athens_gray:hover::before, a.mtk_button.type__submit.stroke.color__athens_gray:hover::before,
  button.mtk_button.type__button.stroke.color__athens_gray:hover::before,
  button.mtk_button.type__reset.stroke.color__athens_gray:hover::before,
  button.mtk_button.type__submit.stroke.color__athens_gray:hover::before {
    background-color: #eef0f2;
    background-color: var(--color-athens-gray);
    border-color: white;
  }
}
a.mtk_button.type__button.stroke.color__athens_gray::before, a.mtk_button.type__reset.stroke.color__athens_gray::before, a.mtk_button.type__submit.stroke.color__athens_gray::before,
button.mtk_button.type__button.stroke.color__athens_gray::before,
button.mtk_button.type__reset.stroke.color__athens_gray::before,
button.mtk_button.type__submit.stroke.color__athens_gray::before {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

a.mtk_button.type__button.stroke.color__athens_gray.arrow__right [stroke], a.mtk_button.type__reset.stroke.color__athens_gray.arrow__right [stroke], a.mtk_button.type__submit.stroke.color__athens_gray.arrow__right [stroke],
button.mtk_button.type__button.stroke.color__athens_gray.arrow__right [stroke],
button.mtk_button.type__reset.stroke.color__athens_gray.arrow__right [stroke],
button.mtk_button.type__submit.stroke.color__athens_gray.arrow__right [stroke] {
  stroke: #001d3d;
  stroke: var(--color-blue-charcoal);
}

a.mtk_button.type__button.stroke.color__boulder, a.mtk_button.type__reset.stroke.color__boulder, a.mtk_button.type__submit.stroke.color__boulder,
button.mtk_button.type__button.stroke.color__boulder,
button.mtk_button.type__reset.stroke.color__boulder,
button.mtk_button.type__submit.stroke.color__boulder {
  color: #757575;
  color: var(--color-boulder);
  border-color: #757575;
  border-color: var(--color-boulder);
}

@media (hover: hover) and (pointer: fine) {
  a.mtk_button.type__button.stroke.color__boulder:hover, a.mtk_button.type__reset.stroke.color__boulder:hover, a.mtk_button.type__submit.stroke.color__boulder:hover,
  button.mtk_button.type__button.stroke.color__boulder:hover,
  button.mtk_button.type__reset.stroke.color__boulder:hover,
  button.mtk_button.type__submit.stroke.color__boulder:hover {
    color: #fff;
    color: var(--color-white);
  }
  a.mtk_button.type__button.stroke.color__boulder:hover::before, a.mtk_button.type__reset.stroke.color__boulder:hover::before, a.mtk_button.type__submit.stroke.color__boulder:hover::before,
  button.mtk_button.type__button.stroke.color__boulder:hover::before,
  button.mtk_button.type__reset.stroke.color__boulder:hover::before,
  button.mtk_button.type__submit.stroke.color__boulder:hover::before {
    background-color: #757575;
    background-color: var(--color-boulder);
    border-color: white;
  }
}
a.mtk_button.type__button.stroke.color__boulder::before, a.mtk_button.type__reset.stroke.color__boulder::before, a.mtk_button.type__submit.stroke.color__boulder::before,
button.mtk_button.type__button.stroke.color__boulder::before,
button.mtk_button.type__reset.stroke.color__boulder::before,
button.mtk_button.type__submit.stroke.color__boulder::before {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

a.mtk_button.type__button.stroke.color__boulder.arrow__right [stroke], a.mtk_button.type__reset.stroke.color__boulder.arrow__right [stroke], a.mtk_button.type__submit.stroke.color__boulder.arrow__right [stroke],
button.mtk_button.type__button.stroke.color__boulder.arrow__right [stroke],
button.mtk_button.type__reset.stroke.color__boulder.arrow__right [stroke],
button.mtk_button.type__submit.stroke.color__boulder.arrow__right [stroke] {
  stroke: #001d3d;
  stroke: var(--color-blue-charcoal);
}

a.mtk_button.type__button.stroke.color__mine_shaft_light, a.mtk_button.type__reset.stroke.color__mine_shaft_light, a.mtk_button.type__submit.stroke.color__mine_shaft_light,
button.mtk_button.type__button.stroke.color__mine_shaft_light,
button.mtk_button.type__reset.stroke.color__mine_shaft_light,
button.mtk_button.type__submit.stroke.color__mine_shaft_light {
  color: #333;
  color: var(--color-mine-shaft-light);
  border-color: #333;
  border-color: var(--color-mine-shaft-light);
}

@media (hover: hover) and (pointer: fine) {
  a.mtk_button.type__button.stroke.color__mine_shaft_light:hover, a.mtk_button.type__reset.stroke.color__mine_shaft_light:hover, a.mtk_button.type__submit.stroke.color__mine_shaft_light:hover,
  button.mtk_button.type__button.stroke.color__mine_shaft_light:hover,
  button.mtk_button.type__reset.stroke.color__mine_shaft_light:hover,
  button.mtk_button.type__submit.stroke.color__mine_shaft_light:hover {
    color: #fff;
    color: var(--color-white);
  }
  a.mtk_button.type__button.stroke.color__mine_shaft_light:hover::before, a.mtk_button.type__reset.stroke.color__mine_shaft_light:hover::before, a.mtk_button.type__submit.stroke.color__mine_shaft_light:hover::before,
  button.mtk_button.type__button.stroke.color__mine_shaft_light:hover::before,
  button.mtk_button.type__reset.stroke.color__mine_shaft_light:hover::before,
  button.mtk_button.type__submit.stroke.color__mine_shaft_light:hover::before {
    background-color: #333;
    background-color: var(--color-mine-shaft-light);
    border-color: white;
  }
}
a.mtk_button.type__button.stroke.color__mine_shaft_light::before, a.mtk_button.type__reset.stroke.color__mine_shaft_light::before, a.mtk_button.type__submit.stroke.color__mine_shaft_light::before,
button.mtk_button.type__button.stroke.color__mine_shaft_light::before,
button.mtk_button.type__reset.stroke.color__mine_shaft_light::before,
button.mtk_button.type__submit.stroke.color__mine_shaft_light::before {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

a.mtk_button.type__button.stroke.color__mine_shaft_light.arrow__right [stroke], a.mtk_button.type__reset.stroke.color__mine_shaft_light.arrow__right [stroke], a.mtk_button.type__submit.stroke.color__mine_shaft_light.arrow__right [stroke],
button.mtk_button.type__button.stroke.color__mine_shaft_light.arrow__right [stroke],
button.mtk_button.type__reset.stroke.color__mine_shaft_light.arrow__right [stroke],
button.mtk_button.type__submit.stroke.color__mine_shaft_light.arrow__right [stroke] {
  stroke: #333;
  stroke: var(--color-mine-shaft-light);
}

a.mtk_button.type__button.stroke.color__amber, a.mtk_button.type__reset.stroke.color__amber, a.mtk_button.type__submit.stroke.color__amber,
button.mtk_button.type__button.stroke.color__amber,
button.mtk_button.type__reset.stroke.color__amber,
button.mtk_button.type__submit.stroke.color__amber {
  color: #001d3d;
  color: var(--color-blue-charcoal);
  border-color: #ffc300;
  border-color: var(--color-amber);
}

@media (hover: hover) and (pointer: fine) {
  a.mtk_button.type__button.stroke.color__amber:hover::before, a.mtk_button.type__reset.stroke.color__amber:hover::before, a.mtk_button.type__submit.stroke.color__amber:hover::before,
  button.mtk_button.type__button.stroke.color__amber:hover::before,
  button.mtk_button.type__reset.stroke.color__amber:hover::before,
  button.mtk_button.type__submit.stroke.color__amber:hover::before {
    background-color: #ffc300;
    background-color: var(--color-amber);
    border-color: white;
  }
}
a.mtk_button.type__button.stroke.color__amber::before, a.mtk_button.type__reset.stroke.color__amber::before, a.mtk_button.type__submit.stroke.color__amber::before,
button.mtk_button.type__button.stroke.color__amber::before,
button.mtk_button.type__reset.stroke.color__amber::before,
button.mtk_button.type__submit.stroke.color__amber::before {
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
}

a.mtk_button.type__button.stroke.color__amber.arrow__right [stroke], a.mtk_button.type__reset.stroke.color__amber.arrow__right [stroke], a.mtk_button.type__submit.stroke.color__amber.arrow__right [stroke],
button.mtk_button.type__button.stroke.color__amber.arrow__right [stroke],
button.mtk_button.type__reset.stroke.color__amber.arrow__right [stroke],
button.mtk_button.type__submit.stroke.color__amber.arrow__right [stroke] {
  stroke: #001d3d;
  stroke: var(--color-blue-charcoal);
}

img {
  width: auto;
  height: auto;
}

.mtk_image.rlt {
  width: 100%;
  height: 100%;
}

.mtk_image.abs {
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.mtk_image.start {
  object-position: top;
}

.mtk_image.center {
  object-position: center;
}

.mtk_image.end {
  object-position: bottom;
}

.mtk_image.imagick__cover {
  object-fit: cover !important;
  mix-blend-mode: unset !important;
}

.mtk_image.imagick__contain {
  object-fit: contain !important;
}

.mtk_image.cover {
  object-fit: cover;
}

.mtk_image.cover.canvas {
  mix-blend-mode: unset;
}

.mtk_image.contain {
  object-fit: contain;
}

.mtk_image.hidden {
  visibility: hidden;
}

[class^=product] .mtk_image.imagick__cover,
[class*=" product"] .mtk_image.imagick__cover,
[data-product-id] .mtk_image.imagick__cover {
  object-fit: cover !important;
  mix-blend-mode: unset !important;
}

[class^=product] .mtk_image.imagick__contain,
[class*=" product"] .mtk_image.imagick__contain,
[data-product-id] .mtk_image.imagick__contain {
  object-fit: contain !important;
}

body[data-popup] .xhr_loader::after {
  opacity: 0;
}

.xhr_loader {
  width: 100%;
  height: 4px;
  background-color: #fff;
  background-color: var(--color-white);
  pointer-events: none;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity var(--def-transition-300ms);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.xhr_loader.active {
  pointer-events: all;
  opacity: 1;
}

.xhr_loader.active::after {
  opacity: 1;
}

.xhr_loader::before {
  content: "";
  background-color: #ffc300;
  background-color: var(--color-amber);
  animation: 1.3s infinite alternate xhr-loader-animation ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -100%;
  z-index: 2;
}

.xhr_loader::after {
  content: "";
  display: block;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 8, 20, 0.2);
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity var(--def-transition-300ms);
  position: absolute;
  top: 4px;
  left: 0;
}

.xhr_loader__progress {
  background-color: #fff;
  background-color: var(--color-white);
}

@keyframes xhr-loader-animation {
  from {
    translate: -100%;
  }
  to {
    translate: 100%;
  }
}
.toast_container {
  transform: translate(-20px, calc(var(--promobar-height) + var(--toolbar-height) + var(--navbar-height) + 10px));
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
}

.toast {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f6f8fa;
  background-color: var(--color-aqua-haze);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  box-shadow: 0 1px 1px rgba(0, 8, 20, 0.2);
  padding: 10px 35px 10px 15px;
  margin-bottom: 10px;
  will-change: transform;
  overflow: hidden;
  position: relative;
}

.toast.hide {
  opacity: 0;
  transform: scale(0.95);
}

.toast.show {
  opacity: 1;
  transform: scale(1);
}

.toast.success::before {
  background-color: #4caf50;
  background-color: var(--color-fruit-salad);
}

.toast.error::before {
  background-color: #f33;
  background-color: var(--color-red-orange);
}

.toast.info::before {
  background-color: #4f4cff;
  background-color: var(--color-dodger-blue);
}

.toast.warning::before {
  background-color: #ffc300;
  background-color: var(--color-amber);
}

.toast::before {
  content: "";
  display: block;
  width: 3px;
  height: 100%;
  background-color: #000814;
  background-color: var(--color-midnight);
  position: absolute;
  top: 0;
  left: 0;
}

.toast__icon {
  width: 24px;
  height: 24px;
}

.toast__message {
  max-width: 250px;
  flex-grow: 1;
  padding-left: 10px;
}

.toast__close {
  display: inline-block;
  font-size: 28px;
  color: #424242;
  color: var(--color-tundora);
  transform: translate(-10px, -50%);
  transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-300ms);
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 0;
}

@media (hover: hover) and (pointer: fine) {
  .toast__close:hover {
    color: #000814;
    color: var(--color-midnight);
  }
}
.toast h3 {
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 18px;
  color: #000814;
  color: var(--color-midnight);
}

.toast p {
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
  margin: 0;
}

.toast a {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
}

@media (hover: hover) and (pointer: fine) {
  .toast a:hover {
    text-decoration: underline;
  }
}
.popup__notifier {
  width: 100%;
}

.popup__notifier .popup__container {
  padding: 30px;
}

.popup__notifier .popup__close {
  transform: translate(-10px, 10px);
}

.popup__notifier .notifier__icon {
  width: 100%;
  margin: 0 0 10px;
}

.popup__notifier .notifier__icon > div {
  display: none;
  width: 48px;
  height: 48px;
  margin: 0 auto;
}

.popup__notifier .notifier__icon > div.active {
  display: block;
}

.popup__notifier .notifier__message p {
  font-size: 16px;
  color: #000814;
  color: var(--color-midnight);
  text-align: center;
}

.popup__google_maps .popup__wrapper, .popup__google_maps .popup__container {
  width: 100%;
  height: 100%;
}

.popup__google_maps .popup__wrapper {
  display: block;
  padding: 15px;
}

.popup__google_maps .popup__container {
  max-width: unset;
  padding: unset;
  overflow: hidden;
}

.popup__google_maps .body,
.popup__google_maps .map {
  width: 100%;
  height: 100%;
}

.popup__product .details {
  width: 100%;
  margin: 25px 0;
}

@media (max-width: 528px) {
  .popup__product .details {
    flex-flow: column wrap;
    align-items: center;
  }
}
.popup__product .details .thumbnail {
  width: 167px;
  height: 0;
  border-radius: 8px;
  border-radius: var(--border-radius-md);
  padding-top: 50%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 528px) {
  .popup__product .details .thumbnail {
    width: 100%;
  }
}
@media (max-width: 528px) {
  .popup__product .details .thumbnail {
    height: auto;
    aspect-ratio: 3/4;
    margin-bottom: 30px;
    padding-top: unset;
  }
}
@media (max-width: 528px) and (max-width: 528px) {
  .popup__product .details .thumbnail {
    aspect-ratio: 16/9;
  }
}
.popup__product .details .thumbnail .loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #eef0f2;
  background-color: var(--popup-product-details-thumb-backdrop-color);
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.popup__product .details .thumbnail .loader.is_loading {
  pointer-events: all;
  opacity: 1;
}

.popup__product .details .thumbnail .loader.is_loading ~ a {
  pointer-events: none;
  opacity: 0;
}

.popup__product .details .thumbnail .loader svg {
  width: 48px;
  aspect-ratio: 1;
}

.popup__product .details .thumbnail a {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #eef0f2;
  background-color: var(--popup-product-details-thumb-backdrop-color);
  position: absolute;
  top: 0;
  left: 0;
}

@media (hover: hover) and (pointer: fine) {
  .popup__product .details .thumbnail a:hover img {
    transform: translate(-50%, -50%) scale(1.05) !important;
  }
}
.popup__product .details .thumbnail img {
  max-width: 100%;
  max-height: 100%;
  mix-blend-mode: multiply;
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
}

.popup__product .details .meta {
  max-width: calc(100% - 167px);
  padding-left: 15px;
}

@media (max-width: 528px) {
  .popup__product .details .meta {
    max-width: 100%;
    width: 100%;
    padding-left: 0;
  }
}
.popup__product .details .meta div {
  margin-bottom: 5px;
}

.popup__product .details .meta small,
.popup__product .details .meta a {
  display: inline-block;
}

.popup__product .details .meta small {
  font-size: 18px;
  font-weight: 600;
  font-weight: var(--semi-bold);
  color: #828282;
  color: var(--color-gray);
}

.popup__product .details .meta a {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
}

@media (hover: hover) and (pointer: fine) {
  .popup__product .details .meta a:hover {
    text-decoration: underline;
  }
}
.popup__product .details .stock__status {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 12px;
}

.popup__product .details .stock__status span {
  color: #828282;
  color: var(--color-gray);
}

.popup__product .details .stock__status span.instock {
  color: #4caf50;
  color: var(--color-fruit-salad);
}

.popup__product .details .stock__status span.outofstock {
  color: #828282;
  color: var(--color-gray);
}

.popup__product .details .stock__status span.onbackorder {
  font-weight: 700;
  font-weight: var(--bold);
  color: #ffc300;
  color: var(--color-amber);
}

.popup__product .details .sku {
  margin-top: 15px;
}

.popup__product .details .sku + .price {
  margin-top: 5px;
}

.popup__product .details .sku :is(li) {
  font-size: 12px;
  color: #828282;
  color: var(--color-gray);
}

.popup__product .details .price {
  margin: 15px 0 0;
}

.popup__product .details .price :is(li) {
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 16px;
}

.popup__product .details .price :is(li) .price__sale {
  color: #000814;
  color: var(--color-midnight);
}

.popup__product .details .price :is(li) .price__sale + .price__regular {
  color: #828282;
  color: var(--color-gray);
  text-decoration: line-through;
  margin-left: 10px;
}

.popup__product .details .quantity {
  display: inline-block;
  margin: 15px 0 0;
  position: relative;
}

.popup__product .details .quantity.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.popup__product .details .quantity input {
  width: 100px;
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 16px;
  color: #000814;
  color: var(--color-midnight);
  text-align: center;
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
  border-radius: 50px;
  padding: 8px 16px;
  pointer-events: none;
}

.popup__product .details .quantity button {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
}

.popup__product .details .quantity button.reduce {
  transform: translate(12px, -50%);
  left: 0;
}

.popup__product .details .quantity button.increase {
  transform: translate(-12px, -50%);
  right: 0;
}

.popup__product .details .quantity button svg {
  width: 15px;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.popup__product .details .quantity button * {
  pointer-events: none;
}

.popup__product .attr__row {
  margin-bottom: 25px;
}

.popup__product .attr__row:last-child {
  margin-bottom: 0;
}

.popup__product .attr__row h3 {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
  margin: 0 0 10px;
}

.popup__product .attr__row h3 b {
  font-weight: 700;
  font-weight: var(--bold);
}

.popup__product .options {
  display: flex;
  flex-flow: row nowrap;
}

.popup__product .options button {
  display: inline-block;
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity var(--def-transition-300ms);
  position: relative;
}

.popup__product .options button::before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
}

.popup__product .options button svg {
  width: 16px;
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.popup__product .options button:disabled {
  opacity: 0.3;
}

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

.popup__product .options button:first-child:not(.swiper-button-lock) {
  margin-left: -10px;
}

@media (hover: hover) and (pointer: fine) {
  .popup__product .options button:first-child:hover:not(:disabled) svg svg {
    transform: translate(calc(-50% - 2px), -50%);
  }
}
@media (hover: hover) and (pointer: fine) {
  .popup__product .options button:last-child:hover:not(:disabled) svg {
    transform: translate(calc(-50% + 2px), -50%);
  }
}
.popup__product .swiper__color_attr, .popup__product .swiper__generic_attrs {
  width: 100%;
}

.popup__product .swiper__color_attr {
  height: auto;
}

.popup__product .swiper__color_attr .slide {
  width: auto;
}

.popup__product .swiper__color_attr label {
  display: block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.popup__product .swiper__color_attr label > div {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: rgba(225, 237, 250, 0);
  border: 1px solid rgba(0, 8, 20, 0);
  border-radius: 50%;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: background-color, border-color;
  overflow: hidden;
}

.popup__product .swiper__color_attr label > div > div {
  display: flex;
  flex-flow: row nowrap;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  margin: 2px 0 0 2px;
  overflow: hidden;
}

.popup__product .swiper__color_attr label > div span {
  display: inline-block;
  height: 100%;
}

.popup__product .swiper__color_attr [type=radio] {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  left: -9999px;
}

.popup__product .swiper__color_attr [type=radio][checked] + div {
  background-color: #e1edfa;
  border-color: #000814;
}

.popup__product .swiper__generic_attrs .slide {
  width: auto;
  padding: 0 5px;
}

.popup__product .swiper__generic_attrs .slide:first-child {
  padding-left: 0;
}

.popup__product .swiper__generic_attrs label {
  display: block;
  cursor: pointer;
}

.popup__product .swiper__generic_attrs label input {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  left: -9999px;
}

.popup__product .swiper__generic_attrs label input[checked] + span {
  color: #fff;
  color: var(--color-white);
  background-color: #000814;
  background-color: var(--color-midnight);
  border-color: #000814;
  border-color: var(--color-midnight);
}

.popup__product .swiper__generic_attrs label span {
  display: inline-block;
  min-width: 40px;
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
  text-align: center;
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  padding: 10px;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: color, background-color, border-color;
}

.popup__product [type=submit] {
  width: 100%;
}

.popup__product [type=submit]:disabled, .popup__product [type=submit][disabled] {
  pointer-events: all;
  cursor: not-allowed;
}

.popup__send_order_problem {
  width: 100%;
}

.popup__send_order_problem .popup__container {
  max-width: 680px;
  padding: 40px;
}

@media (max-width: 528px) {
  .popup__send_order_problem .popup__container {
    padding: 20px 15px 15px;
  }
}
@media (min-width: 529px) and (max-width: 768px) {
  .popup__send_order_problem .popup__container {
    padding: 30px;
  }
}
@media (min-width: 769px) and (max-width: 896px) {
  .popup__send_order_problem .popup__container {
    padding: 40px;
  }
}
/**
 * General Styles
 */
.popup {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2060;
}

.popup__overlay, .popup__wrapper, .popup__container {
  pointer-events: none;
}

.popup__overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 8, 20, 0);
  transition: background-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color var(--def-transition-300ms);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.popup__wrapper {
  width: 100%;
  height: 100%;
  align-content: center;
  padding: 30px 15px;
  overflow-y: auto;
  position: relative;
}

.popup__container {
  max-width: 540px;
  width: 100%;
  text-align: left;
  background-color: #fff;
  background-color: var(--color-white);
  border-radius: 8px;
  border-radius: var(--border-radius-md);
  margin: 0 auto;
  padding: 50px;
  opacity: 0;
  transform: translateY(15px) scale(0.95);
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: transform, opacity;
  position: relative;
}

@media (max-width: 528px) {
  .popup__container {
    padding: 20px 15px 15px;
  }
}
@media (min-width: 529px) and (max-width: 768px) {
  .popup__container {
    padding: 30px;
  }
}
@media (min-width: 769px) and (max-width: 896px) {
  .popup__container {
    padding: 40px;
  }
}
.popup__container .head {
  margin-bottom: 20px;
}

.popup__container .head .title h1,
.popup__container .head .title h2,
.popup__container .head .title h3,
.popup__container .head .title h4,
.popup__container .head .title h5,
.popup__container .head .title h6 {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 24px;
  color: #000814;
  color: var(--color-midnight);
  line-height: 1.25;
}

.popup__xhr_message {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  pointer-events: none;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity var(--def-transition-300ms);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.popup__xhr_message.is_active {
  pointer-events: all;
  opacity: 1;
}

.popup__xhr_message.is_active p {
  pointer-events: all;
  opacity: 1;
  transform: translateY(0) scale(1);
}

.popup__xhr_message p {
  width: calc(100% - 100px);
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 14px;
  color: #4caf50;
  color: var(--color-fruit-salad);
  text-align: center;
  background-color: rgba(76, 175, 80, 0.3);
  border: 1px solid #4caf50;
  border: 1px solid var(--color-fruit-salad);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  margin-inline: auto;
  padding: 10px 5px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(10px) scale(0.98);
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: transform, opacity;
}

.popup__loader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.popup__loader.is_loading {
  pointer-events: all;
  opacity: 1;
}

.popup__loader svg {
  width: 68px;
  aspect-ratio: 1;
}

.popup__close {
  display: inline-block;
  width: 32px;
  height: 32px;
  transform: translate(-20px, 20px);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}

@media (max-width: 768px) {
  .popup__close {
    width: 42px;
    height: 42px;
    transform: unset;
  }
}
@media (hover: hover) and (pointer: fine) {
  .popup__close:hover svg {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.popup__close svg {
  transform: translate(-50%, -50%);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
  position: absolute;
  top: 50%;
  left: 50%;
}

/**
 * LIT Package's Styles
 */
.lit-popup {
  pointer-events: none;
}

.lit-popup--opened {
  pointer-events: auto;
}

.lit-popup--opened .popup__overlay {
  background-color: rgba(0, 8, 20, 0.5);
  pointer-events: auto;
}

.lit-popup--opened .popup__container {
  pointer-events: auto;
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 528px) {
  .popup__login .popup__container, .popup__register .popup__container {
    padding: 20px 15px 30px;
  }
}
.popup__login .popup__container form, .popup__register .popup__container form {
  margin-bottom: -25px;
}

@media (max-width: 528px) {
  .popup__login .popup__container .form_field__row, .popup__register .popup__container .form_field__row {
    width: 100%;
  }
}
.popup__login .popup__container, .popup__forgot_password .popup__container {
  max-width: 480px;
}

@media (max-width: 528px) {
  .popup__login .popup__container, .popup__forgot_password .popup__container {
    padding: 20px 15px 30px;
  }
}
@media (max-width: 528px) {
  .popup__login .popup__container .form_field__row, .popup__forgot_password .popup__container .form_field__row {
    width: 100%;
  }
}
.popup__forgot_password .input__actions, .popup__reset_password .input__actions {
  margin-bottom: unset;
}

.text__content {
  line-height: 1.6;
  color: #000814;
  color: var(--color-midnight);
}

.text__content h1,
.text__content h2,
.text__content h3,
.text__content h4,
.text__content h5,
.text__content h6 {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 700;
  font-weight: var(--bold);
  color: #000814;
  color: var(--color-midnight);
  line-height: 1.25;
  margin-top: 24px;
  margin-bottom: 16px;
}

.text__content h1 {
  font-size: 36px;
}

@media (max-width: 768px) {
  .text__content h1 {
    font-size: 28px;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .text__content h1 {
    font-size: 32px;
  }
}
.text__content h2 {
  font-size: 28px;
}

@media (max-width: 768px) {
  .text__content h2 {
    font-size: 24px;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .text__content h2 {
    font-size: 26px;
  }
}
.text__content h3 {
  font-size: 24px;
}

@media (max-width: 768px) {
  .text__content h3 {
    font-size: 20px;
  }
}
@media (min-width: 769px) and (max-width: 1280px) {
  .text__content h3 {
    font-size: 22px;
  }
}
.text__content h4 {
  font-size: 20px;
}

@media (max-width: 1280px) {
  .text__content h4 {
    font-size: 18px;
  }
}
.text__content h5 {
  font-size: 18px;
}

.text__content h6 {
  font-size: 16px;
}

.text__content p {
  margin-bottom: 16px;
  font-size: 16px;
  color: #757575;
  color: var(--color-boulder);
}

.text__content a {
  color: #19387f;
  color: var(--color-primary);
  text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
  .text__content a:hover {
    color: #ffed00;
    color: var(--color-accent);
  }
}
.text__content ul,
.text__content ol {
  color: #757575;
  color: var(--color-boulder);
  margin-bottom: 24px;
  padding-left: 30px;
}

.text__content ul li,
.text__content ol li {
  list-style: initial;
  margin-bottom: 8px;
}

.text__content ul ul,
.text__content ol ul {
  margin-top: 8px;
}

.text__content ul ol,
.text__content ol ol {
  margin-top: 8px;
}

.text__content blockquote {
  font-size: 24px;
  color: #373843;
  color: var(--color-tuna);
  background-color: unset;
  border-left: unset;
  margin: 24px 0;
  padding: 16px;
  position: relative;
}

.text__content blockquote::before {
  content: "“";
  font-size: 128px;
  color: rgba(76, 175, 80, 0.1);
  line-height: 1px;
  transform: rotate(180deg);
  position: absolute;
  top: 0;
  left: 0;
}

.text__content blockquote p {
  font-size: 24px;
  color: #373843;
  color: var(--color-tuna);
  margin: 0;
  padding-left: 40px;
}

.text__content blockquote cite {
  display: block;
  text-align: right;
  font-style: normal;
  color: #555;
}

.text__content table {
  width: 100%;
  color: #757575;
  color: var(--color-boulder);
  border-collapse: collapse;
  margin-bottom: 24px;
}

.text__content table th,
.text__content table td {
  border: 1px solid #ddd;
  border: 1px solid var(--color-alto);
  padding: 12px;
}

.text__content table th {
  font-weight: bold;
}

.text__content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 16px 0;
}

.text__content .wp-embed-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.text__content .wp-embed-responsive iframe,
.text__content .wp-embed-responsive object,
.text__content .wp-embed-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.text__content .alignleft {
  float: left;
  margin-right: 16px;
  margin-bottom: 16px;
}

.text__content .alignright {
  float: right;
  margin-left: 16px;
  margin-bottom: 16px;
}

.text__content .aligncenter {
  display: block;
  margin: 0 auto;
  margin-bottom: 16px;
}

.text__content::after {
  content: "";
  display: table;
  clear: both;
}

.form_message {
  width: 100%;
  animation: form-fade-in-message 300ms cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  animation: form-fade-in-message var(--def-transition-300ms) forwards;
}

.form_message:empty {
  display: none;
}

.form_message__error {
  font-size: 14px;
  color: #f33;
  color: var(--color-red-orange);
  margin-bottom: 20px;
}

.form_field__group {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.form_field__group h6 {
  width: 100%;
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 16px;
  color: #000814;
  color: var(--color-midnight);
  margin-bottom: 10px;
  padding-inline: 10px;
}

.form_field__row {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  line-height: 1.4;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
  position: relative;
}

.form_field__row > div, .form_field__row > .label_reset {
  width: 100%;
  position: relative;
}

.form_field__row.w33 {
  width: 33.33%;
}

.form_field__row.w50 {
  width: 50%;
}

.form_field__row.input__text input,
.form_field__row.input__text label {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
}

.form_field__row.input__text input {
  display: block;
  width: 100%;
  color: #000814;
  color: var(--color-midnight);
  border: 1px solid rgba(117, 117, 117, 0.5);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  padding: 13px 16px;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: color, border-color;
}

.form_field__row.input__text input::input-placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__text input:placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__text input::-moz-placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__text input::placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__text input:input-placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__text input:-webkit-autofill, .form_field__row.input__text input:-webkit-autofill:hover, .form_field__row.input__text input:-webkit-autofill:focus, .form_field__row.input__text input:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px var(--color-white, 1) inset;
  -webkit-text-fill-color: #000814 !important;
  -webkit-text-fill-color: var(--color-midnight) !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.form_field__row.input__text input:focus, .form_field__row.input__text input.filled, .form_field__row.input__text input.valid {
  border-color: #ffc300;
  border-color: var(--color-amber);
}

.form_field__row.input__text input:focus + label, .form_field__row.input__text input.filled + label, .form_field__row.input__text input.valid + label {
  font-size: 10px;
  color: #757575;
  background-color: white;
  padding: 0 2px;
  transform: translate(15px, -7px);
}

@media (hover: hover) and (pointer: fine) {
  .form_field__row.input__text input:not(:-moz-placeholder) {
    border-color: #ffc300;
    border-color: var(--color-amber);
  }
  .form_field__row.input__text input:not(:placeholder-shown) {
    border-color: #ffc300;
    border-color: var(--color-amber);
  }
  .form_field__row.input__text input:not(:-moz-placeholder) + label {
    font-size: 10px;
    color: #757575;
    background-color: white;
    padding: 0 2px;
    transform: translate(15px, -7px);
  }
  .form_field__row.input__text input:not(:placeholder-shown) + label {
    font-size: 10px;
    color: #757575;
    background-color: white;
    padding: 0 2px;
    transform: translate(15px, -7px);
  }
}
@media (hover: none) and (pointer: coarse) {
  .form_field__row.input__text input:not(:-moz-placeholder) {
    border-color: #ffc300;
    border-color: var(--color-amber);
  }
  .form_field__row.input__text input:not(:placeholder-shown) {
    border-color: #ffc300;
    border-color: var(--color-amber);
  }
  .form_field__row.input__text input:not(:-moz-placeholder) + label {
    font-size: 10px;
    color: #757575;
    background-color: white;
    padding: 0 2px;
    transform: translate(15px, -7px);
  }
  .form_field__row.input__text input:not(:placeholder-shown) + label {
    font-size: 10px;
    color: #757575;
    background-color: white;
    padding: 0 2px;
    transform: translate(15px, -7px);
  }
}
.form_field__row.input__text label:not(.label_reset) {
  color: rgba(117, 117, 117, 0.8);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
  transform: translate(17px, 14px);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: font-size, color, background-color, padding, transform;
  position: absolute;
  top: 0;
  left: 0;
}

.form_field__row.input__textarea textarea,
.form_field__row.input__textarea label {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
}

.form_field__row.input__textarea textarea {
  display: block;
  width: 100%;
  min-height: 120px;
  color: #000814;
  color: var(--color-midnight);
  border: 1px solid rgba(117, 117, 117, 0.5);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  padding: 13px 16px;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: color, border-color;
}

.form_field__row.input__textarea textarea::input-placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__textarea textarea:placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__textarea textarea::-moz-placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__textarea textarea::placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__textarea textarea:input-placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__textarea textarea:-webkit-autofill, .form_field__row.input__textarea textarea:-webkit-autofill:hover, .form_field__row.input__textarea textarea:-webkit-autofill:focus, .form_field__row.input__textarea textarea:-webkit-autofill:active {
  box-shadow: 0 0 0 1000px #fff inset;
  box-shadow: 0 0 0 1000px var(--color-white, 1) inset;
  -webkit-text-fill-color: #000814 !important;
  -webkit-text-fill-color: var(--color-midnight) !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.form_field__row.input__textarea textarea:focus, .form_field__row.input__textarea textarea.filled, .form_field__row.input__textarea textarea.valid {
  border-color: #ffc300;
  border-color: var(--color-amber);
}

.form_field__row.input__textarea textarea:focus + label, .form_field__row.input__textarea textarea.filled + label, .form_field__row.input__textarea textarea.valid + label {
  font-size: 10px;
  color: #757575;
  background-color: white;
  padding: 0 2px;
  transform: translate(15px, -7px);
}

.form_field__row.input__textarea label {
  color: rgba(117, 117, 117, 0.8);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
  transform: translate(17px, 14px);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: font-size, color, background-color, padding, transform;
  position: absolute;
  top: 0;
  left: 0;
}

.form_field__row.input__select select,
.form_field__row.input__select label {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
}

.form_field__row.input__select select {
  display: block;
  width: 100%;
  color: #000814;
  color: var(--color-midnight);
  background-image: url("data:image/svg+xml,%3Csvg width=\"11\" height=\"6\" viewBox=\"0 0 11 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1 1L5.5 5L10 1\" stroke=\"%23000814\"%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 11px 6px;
  border: 1px solid rgba(117, 117, 117, 0.5);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  padding: 13px 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: border-color;
}

.form_field__row.input__select select::input-placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__select select:placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__select select::-moz-placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__select select::placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__select select:input-placeholder {
  color: rgba(117, 117, 117, 0.8);
}

.form_field__row.input__select select.has_value {
  border-color: #ffc300;
  border-color: var(--color-amber);
}

.form_field__row.input__select select.has_value + label {
  font-size: 10px;
  color: #757575;
  background-color: white;
  padding: 0 2px;
  transform: translate(15px, -7px);
}

.form_field__row.input__select label {
  color: rgba(117, 117, 117, 0.8);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
  transform: translate(17px, 14px);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: font-size, color, background-color, padding, transform;
  position: absolute;
  top: 0;
  left: 0;
}

.form_field__row.input__check [type=checkbox] {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  left: -9999px;
}

.form_field__row.input__check [type=checkbox]:checked + label span, .form_field__row.input__check [type=checkbox][checked] + label span {
  background-color: #ffc300;
  border-color: #ffc300;
  border-color: var(--color-amber);
}

.form_field__row.input__check [type=checkbox]:checked + label span svg, .form_field__row.input__check [type=checkbox][checked] + label span svg {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.form_field__row.input__check label {
  display: flex;
  flex-flow: row wrap;
}

.form_field__row.input__check span,
.form_field__row.input__check i {
  display: inline-block;
}

.form_field__row.input__check span {
  width: 17px;
  height: 17px;
  background-color: rgba(255, 195, 0, 0);
  border: 1px solid rgba(117, 117, 117, 0.5);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: background-color, border-color;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}

.form_field__row.input__check span svg {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  position: absolute;
  top: 50%;
  left: 50%;
}

.form_field__row.input__check i {
  max-width: calc(100% - 27px);
  font-style: normal;
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: rgba(117, 117, 117, 0.8);
  margin-top: -1px;
  cursor: pointer;
}

.form_field__row.input__check i a {
  color: #000814;
  color: var(--color-midnight);
  text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
  .form_field__row.input__check i a:hover {
    text-decoration: none;
  }
}
.form_field__row.input__radio > div {
  display: flex;
  flex-flow: row wrap;
}

.form_field__row.input__radio > div > div {
  margin-inline: 10px;
}

.form_field__row.input__radio > div > div:first-of-type {
  margin-inline-start: 0;
}

.form_field__row.input__radio > div > div:last-of-type {
  margin-inline-end: 0;
}

.form_field__row.input__radio [type=radio] {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  left: -9999px;
}

.form_field__row.input__radio [type=radio]:checked + label span, .form_field__row.input__radio [type=radio][checked] + label span {
  border-color: #ffc300;
  border-color: var(--color-amber);
}

.form_field__row.input__radio [type=radio]:checked + label span::before, .form_field__row.input__radio [type=radio][checked] + label span::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.form_field__row.input__radio [type=radio]:checked + label i, .form_field__row.input__radio [type=radio][checked] + label i {
  color: #000814;
  color: var(--color-midnight);
}

.form_field__row.input__radio label {
  display: flex;
  flex-flow: row wrap;
}

.form_field__row.input__radio span,
.form_field__row.input__radio i {
  display: inline-block;
}

.form_field__row.input__radio span {
  width: 17px;
  height: 17px;
  background-color: rgba(255, 195, 0, 0);
  border: 1px solid rgba(117, 117, 117, 0.5);
  border-radius: 50%;
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: border-color;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}

.form_field__row.input__radio span::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: #ffc300;
  background-color: var(--color-amber);
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: opacity, transform;
  position: absolute;
  top: 50%;
  left: 50%;
}

.form_field__row.input__radio i {
  max-width: calc(100% - 27px);
  font-style: normal;
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 16px;
  color: rgba(117, 117, 117, 0.8);
  margin-top: -3px;
  transition: color 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-200ms);
  cursor: pointer;
}

.form_field__row.input__radio i a {
  color: #000814;
  color: var(--color-midnight);
  text-decoration: underline;
}

@media (hover: hover) and (pointer: fine) {
  .form_field__row.input__radio i a:hover {
    text-decoration: none;
  }
}
.form_field__row.input__rating h6 {
  font-size: 16px;
  margin: 0 0 5px;
  padding: unset;
}

.form_field__row.input__rating fieldset {
  border: unset;
  margin: unset;
  padding: unset;
}

.form_field__row.input__rating input {
  display: none;
}

.form_field__row.input__rating input[checked] ~ label::before, .form_field__row.input__rating input:checked ~ label::before {
  color: #ffc633;
  color: var(--color-unglow);
}

.form_field__row.input__rating label {
  float: right;
  cursor: pointer;
}

.form_field__row.input__rating label.half::before {
  content: "\f089";
  position: absolute;
  padding-right: 0;
}

.form_field__row.input__rating label::before {
  display: inline-block;
  font-size: 1rem;
  padding-inline: 0.2rem;
  margin: 0;
  font-family: FontAwesome, sans-serif;
  content: "\f005";
  color: #ddd;
  color: var(--color-alto);
  transition: color 0.2s ease-in-out;
}

.form_field__row.input__rating label:last-child::before {
  content: "\f006";
}

.form_field__row.input__submit {
  width: 100%;
  margin-bottom: unset;
}

.form_field__row.input__submit button {
  width: 100%;
}

.form_field__row.input__actions {
  flex-flow: column wrap;
  align-items: center;
  margin-top: 15px;
}

.form_field__row.input__actions a {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: rgba(117, 117, 117, 0.8);
  text-decoration: underline;
  margin-bottom: 5px;
}

@media (hover: hover) and (pointer: fine) {
  .form_field__row.input__actions a:hover {
    color: #757575;
    text-decoration: none;
  }
}
.form_field__row.input__actions a:last-of-type {
  margin-bottom: unset;
}

.form_field__toggle_password {
  width: 28px;
  aspect-ratio: 1;
  position: absolute;
  top: 10px;
  right: 16px;
}

.form_field__toggle_password.active span:first-of-type {
  opacity: 0;
}

.form_field__toggle_password.active span:last-of-type {
  opacity: 1;
}

.form_field__toggle_password span {
  display: block;
  width: 24px;
  aspect-ratio: 1;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: opacity 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity var(--def-transition-200ms);
  position: absolute;
  top: 50%;
  left: 50%;
}

.form_field__toggle_password span:last-of-type {
  opacity: 0;
}

.form_field__error__field {
  border-color: #f33 !important;
  border-color: var(--color-red-orange) !important;
}

.form_field__error__field + label {
  color: #f33 !important;
  color: var(--color-red-orange) !important;
}

.form_field__error__label {
  display: block;
  width: 100%;
  font-size: 12px;
  color: #f33 !important;
  color: var(--color-red-orange) !important;
  line-height: 1.2;
  margin-top: 5px;
}

@keyframes form-fade-in-message {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.swiper__wrapper {
  max-width: 100%;
  width: 100%;
  position: relative;
}

.swiper__wrapper__inner {
  width: 100%;
  padding-bottom: 30px;
  padding-bottom: var(--swiper-scrollbar-section-padding);
  overflow: hidden;
  position: relative;
}

.swiper__nav:not([style]) {
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity var(--def-transition-300ms);
}

.swiper__nav[disabled] {
  opacity: 0;
}

.swiper__nav.sz__def, .swiper__nav.sz__lg {
  width: 50px;
  height: 50px;
}

@media (max-width: 1280px) {
  .swiper__nav.sz__def, .swiper__nav.sz__lg {
    width: 42px;
    height: 42px;
  }
}
.swiper__nav.sz__def svg, .swiper__nav.sz__lg svg {
  width: 26px;
  height: 26px;
}

@media (max-width: 1280px) {
  .swiper__nav.sz__def svg, .swiper__nav.sz__lg svg {
    width: 22px;
    height: 22px;
  }
}
.swiper__nav.sz__md {
  width: 40px;
  height: 40px;
}

.swiper__nav.sz__md svg {
  width: 20px;
  height: 20px;
}

.swiper__nav.rounded {
  border-radius: 50%;
}

.swiper__nav.color__white {
  background-color: #fff;
  background-color: var(--color-white);
}

.swiper__nav.color__white::before {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper__nav.color__athens_gray {
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
}

.swiper__nav.color__athens_gray::before {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper__nav.outline__def, .swiper__nav.outline__lg {
  width: 58px;
  height: 58px;
  border-width: 8px;
  border-style: solid;
}

@media (max-width: 1280px) {
  .swiper__nav.outline__def, .swiper__nav.outline__lg {
    width: 48px;
    height: 48px;
    border-width: 6px;
  }
}
.swiper__nav.outline__white {
  border-color: #fff;
  border-color: var(--color-white);
}

.swiper__nav.outline__white::before {
  background-color: #fff;
  background-color: var(--color-white);
}

.swiper__nav.outline__athens_gray {
  border-color: #eef0f2;
  border-color: var(--color-athens-gray);
}

.swiper__nav.outline__athens_gray::before {
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
}

.swiper__nav.center__y.swiper__nav__left {
  transform: translateY(-25%);
  left: 0;
}

.swiper__nav.center__y.swiper__nav__left.scrollbar__offset_y {
  transform: translateY(calc(-50% - 15px));
  transform: translateY(calc(-50% - var(--swiper-scrollbar-section-padding) / 2));
}

.swiper__nav.center__y.swiper__nav__left.inset__-15 {
  margin-left: -15px;
}

.swiper__nav.center__y.swiper__nav__left.inset__15 {
  margin-left: 15px;
}

.swiper__nav.center__y.swiper__nav__left.inset__-30 {
  margin-left: -30px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__left.inset__-30 {
    margin-left: -15px;
  }
}
.swiper__nav.center__y.swiper__nav__left.inset__30 {
  margin-left: 30px;
}

.swiper__nav.center__y.swiper__nav__left.inset__-60 {
  margin-left: -60px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__left.inset__-60 {
    margin-left: -15px;
  }
}
.swiper__nav.center__y.swiper__nav__left.inset__60 {
  margin-left: 60px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__left.inset__60 {
    margin-left: 15px;
  }
}
.swiper__nav.center__y.swiper__nav__left.inset__-90 {
  margin-left: -90px;
}

.swiper__nav.center__y.swiper__nav__left.inset__90 {
  margin-left: 90px;
}

.swiper__nav.center__y.swiper__nav__right {
  transform: translateY(-25%);
  right: 0;
}

.swiper__nav.center__y.swiper__nav__right.scrollbar__offset_y {
  transform: translateY(calc(-50% - 15px));
  transform: translateY(calc(-50% - var(--swiper-scrollbar-section-padding) / 2));
}

.swiper__nav.center__y.swiper__nav__right.inset__-15 {
  margin-right: -15px;
}

.swiper__nav.center__y.swiper__nav__right.inset__15 {
  margin-right: 15px;
}

.swiper__nav.center__y.swiper__nav__right.inset__-30 {
  margin-right: -30px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__right.inset__-30 {
    margin-right: -15px;
  }
}
.swiper__nav.center__y.swiper__nav__right.inset__30 {
  margin-right: 30px;
}

.swiper__nav.center__y.swiper__nav__right.inset__-60 {
  margin-right: -60px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__right.inset__-60 {
    margin-right: -15px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .swiper__nav.center__y.swiper__nav__right.inset__-60 {
    margin-right: -30px;
  }
}
.swiper__nav.center__y.swiper__nav__right.inset__60 {
  margin-right: 60px;
}

@media (max-width: 1024px) {
  .swiper__nav.center__y.swiper__nav__right.inset__60 {
    margin-right: 15px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .swiper__nav.center__y.swiper__nav__right.inset__60 {
    margin-right: 30px;
  }
}
.swiper__nav.center__y.swiper__nav__right.inset__-90 {
  margin-right: -90px;
}

.swiper__nav.center__y.swiper__nav__right.inset__90 {
  margin-right: 90px;
}

.swiper__nav.border__none::before {
  border: unset;
}

.swiper__nav__left, .swiper__nav__right {
  position: absolute;
  top: 50%;
  z-index: 5;
}

.swiper__nav__left svg, .swiper__nav__right svg {
  transform: translate(-50%, -50%);
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
  position: absolute;
  top: 50%;
  left: 50%;
}

@media (hover: hover) and (pointer: fine) {
  .swiper__nav__left:not([disabled]):hover svg {
    transform: translate(calc(-50% - 3px), -50%);
  }
}
@media (hover: hover) and (pointer: fine) and (max-width: 1024px) {
  .swiper__nav__left:not([disabled]):hover svg {
    transform: translate(-50%, -50%);
  }
}
@media (hover: hover) and (pointer: fine) {
  .swiper__nav__right:hover:not([disabled]) svg {
    transform: translate(calc(-50% + 3px), -50%);
  }
}
@media (hover: hover) and (pointer: fine) and (max-width: 1024px) {
  .swiper__nav__right:hover:not([disabled]) svg {
    transform: translate(-50%, -50%);
  }
}
.swiper__scrollbar {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}

.generic_card_v0001:not(.generic__none) {
  width: 100%;
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
  border: 1px solid #eef0f2;
  border: 1px solid var(--color-athens-gray);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  transition: border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color var(--def-transition-300ms);
  overflow: hidden;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .generic_card_v0001:not(.generic__none):hover:not(.generic__hover__none) {
    border-color: #ffc300;
    border-color: var(--color-amber);
  }
  .generic_card_v0001:not(.generic__none):hover:not(.generic__hover__none)::before {
    opacity: 1;
  }
}
.generic_card_v0001:not(.generic__none)::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(140deg, #ecf481 0%, #f0df65 52%, #f4ca49 100%);
  opacity: 0;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

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

.generic_card_v0002:hover {
  border-color: #ffc300;
  border-color: var(--color-amber);
}

.generic_card_v0002:hover::before {
  opacity: 1;
}

.generic_card_v0002:hover .image {
  filter: blur(5px);
}

.generic_card_v0002:hover .logobrand {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.generic_card_v0002:hover .action {
  transform: translateY(0);
}

.generic_card_v0002 > div {
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
  border: 1px solid #eef0f2;
  border: 1px solid var(--color-athens-gray);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  transition: border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color var(--def-transition-300ms);
  overflow: hidden;
  position: relative;
}

.generic_card_v0002 > div::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(140deg, #ECF481 0%, #F0DF65 52%, #F4CA49 100%);
  opacity: 0;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.generic_card_v0002 .image {
  transition: filter 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: filter var(--def-transition-300ms);
}

.generic_card_v0002 .logobrand {
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, calc(-50% + 15px)) scale(1.05);
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, transform;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}

.generic_card_v0002 .action {
  width: 100%;
  text-align: center;
  background-color: #000814;
  background-color: var(--color-midnight);
  padding: 10px 10px 15px;
  transform: translateY(100%);
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: transform;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}

@media (hover: hover) and (pointer: fine) {
  .card_v0001:hover .image img {
    transform: scale(1.1);
  }
  .card_v0001:hover .action {
    transform: translateY(0);
  }
}
@media (hover: none) and (pointer: coarse) {
  .card_v0001 .action {
    transform: translateY(0) !important;
  }
}
.card_v0001.min {
  height: 330px;
}

@media (max-width: 528px) {
  .card_v0001.min {
    height: 0;
    padding-top: 120%;
  }
}
@media (min-width: 529px) and (max-width: 768px) {
  .card_v0001.min {
    height: 0;
    padding-top: 150%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .card_v0001.min {
    height: 0;
    padding-top: 150%;
  }
}
.card_v0001.max {
  height: 470px;
}

@media (max-width: 528px) {
  .card_v0001.max {
    height: 0;
    padding-top: 120%;
  }
}
@media (min-width: 529px) and (max-width: 768px) {
  .card_v0001.max {
    height: 0;
    padding-top: 150%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .card_v0001.max {
    height: 0;
    padding-top: 150%;
  }
}
.card_v0001.offset_top {
  margin-top: -140px;
}

@media (max-width: 1024px) {
  .card_v0001.offset_top {
    margin-top: unset;
  }
}
.card_v0001__inner {
  width: 100%;
  position: relative;
}

.card_v0001 .image {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

@media (max-width: 1024px) {
  .card_v0001 .image {
    align-items: center;
    justify-content: center;
    padding: 0 0 50px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.card_v0001 .image img {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, transform;
}

.card_v0001 .meta,
.card_v0001 .labels,
.card_v0001 .action {
  position: absolute;
  z-index: 1;
}

.card_v0001 .meta {
  padding: 40px 0 0 40px;
  top: 0;
  left: 0;
  z-index: 2;
}

@media (max-width: 1024px) {
  .card_v0001 .meta {
    padding: 20px 0 0 20px;
  }
}
.card_v0001 .meta h3 {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 24px;
  color: #000814;
  color: var(--color-midnight);
}

.card_v0001 .meta small {
  font-size: 14px;
  color: rgba(0, 8, 20, 0.5);
}

.card_v0001 .labels {
  margin: 15px 15px 0 0;
  position: absolute;
  top: 0;
  right: 0;
}

.card_v0001 .labels li {
  margin-left: 10px;
}

.card_v0001 .labels span {
  display: inline-block;
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 12px;
  color: #000814;
  color: var(--color-midnight);
  text-transform: uppercase;
  background-color: rgba(255, 237, 0, 0.4);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  padding: 5px 15px;
}

.card_v0001 .action {
  width: 100%;
  text-align: center;
  background-color: #000814;
  background-color: var(--color-midnight);
  padding: 10px 10px 15px;
  transform: translateY(100%);
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: transform;
  left: 0;
  bottom: 0;
  z-index: 5;
}

.card_v0002 {
  width: 100%;
  padding-top: 60px;
  position: relative;
}

@media (hover: none) and (pointer: coarse) {
  .card_v0002 {
    padding-top: unset;
  }
}
.card_v0002__inner {
  width: 100%;
  height: 0;
  border: 1px solid rgba(255, 195, 0, 0);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  transition: border-color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color var(--def-transition-300ms);
  padding-top: 180%;
}

@media (max-width: 528px) {
  .card_v0002__inner {
    padding-top: 125%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .card_v0002__inner:hover {
    border-color: #ffc300;
    border-color: var(--color-amber);
  }
  .card_v0002__inner:hover + h4 {
    opacity: 0;
    transform: translateY(-5px);
  }
  .card_v0002__inner:hover small {
    opacity: 1;
    transform: translateY(40px);
  }
  .card_v0002__inner:hover img {
    transform: translate(-50%, -50%) scale(1.05);
  }
}
@media (hover: none) and (pointer: coarse) {
  .card_v0002__inner {
    border-color: #ffc300;
    border-color: var(--color-amber);
  }
  .card_v0002__inner + h4 {
    display: none;
  }
  .card_v0002__inner small {
    opacity: 1 !important;
    transform: translateY(40px) !important;
  }
  .card_v0002__inner .action {
    transform: translateY(0) !important;
  }
}
@media (hover: none) and (pointer: coarse) {
  .card_v0002__inner ~ h4 {
    display: none !important;
  }
}
.card_v0002 h4,
.card_v0002 small {
  display: block;
  width: 100%;
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 24px;
  color: #000814;
  color: var(--color-midnight);
  text-align: center;
  pointer-events: none;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, transform;
}

.card_v0002 h4 {
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
}

.card_v0002 small {
  opacity: 0;
  transform: translateY(55px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

@media (max-width: 1024px) {
  .card_v0002 small {
    font-weight: 700;
    font-weight: var(--bold);
    text-align: left;
    padding: 20px 0 0 20px;
    transform: translateY(0) !important;
  }
}
.card_v0002 .image {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, filter, transform;
}

.card_v0002 .logobrand {
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, calc(-50% + 15px)) scale(1.05);
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, transform;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}

.card_v0002 .action {
  width: 100%;
  text-align: center;
  background-color: #000814;
  background-color: var(--color-midnight);
  padding: 10px 10px 15px;
  transform: translateY(100%);
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: transform;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}

.card_v0003 {
  display: block;
  height: 160px;
}

@media (max-width: 528px) {
  .card_v0003 {
    height: 200px;
  }
}
.card_v0003__inner {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  padding: 40px;
  position: relative;
  z-index: 1;
}

.card_v0003__inner img {
  max-width: 100%;
  max-height: 100%;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, transform;
}

[data-slides-ln="3"] .card_v0003,
[data-slides-ln="4"] .card_v0003 {
  height: 200px;
}

[data-slides-ln="3"] .card_v0003__inner,
[data-slides-ln="4"] .card_v0003__inner {
  padding: 50px;
}

[data-slides-ln="5"] .card_v0003__inner,
[data-slides-ln="6"] .card_v0003__inner,
[data-slides-ln="7"] .card_v0003__inner {
  padding: 30px;
}

@media (max-width: 896px) {
  .card_v0004 {
    width: 100% !important;
  }
}
@media (min-width: 529px) and (max-width: 896px) {
  .card_v0004 {
    width: calc(50% - 7.5px) !important;
  }
}
.card_v0004.inactive {
  display: none;
}

.card_v0004:not(.inactive) {
  border-radius: 8px;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .card_v0004:not(.inactive):hover .title {
    opacity: 0;
    transform: translateY(-15px);
  }
  .card_v0004:not(.inactive):hover .logobrand {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  .card_v0004:not(.inactive):hover .image img {
    filter: blur(5px);
    transform: translate(-50%, -50%) scale(1.05);
  }
  .card_v0004:not(.inactive):hover .link__frontface {
    opacity: 0;
    transform: translateY(-15px) scale(0.95);
  }
  .card_v0004:not(.inactive):hover .link__backface {
    transform: translateY(0);
  }
}
@media (hover: none) and (pointer: coarse) {
  .card_v0004:not(.inactive) .title {
    transform: translateY(-15px);
  }
  .card_v0004:not(.inactive) .link__frontface {
    opacity: 0;
  }
  .card_v0004:not(.inactive) .link__backface {
    transform: translateY(0) !important;
  }
}
.card_v0004:not(.inactive).backface::before {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.7) 100%);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.card_v0004:not(.inactive) .title {
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, transform;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.card_v0004:not(.inactive) .title.align_x__start {
  justify-content: flex-start;
}

.card_v0004:not(.inactive) .title.align_x__center {
  justify-content: center;
}

.card_v0004:not(.inactive) .title.align_x__end {
  justify-content: flex-end;
}

.card_v0004:not(.inactive) .title.align_y__start {
  align-items: flex-start;
}

.card_v0004:not(.inactive) .title.align_y__center {
  align-items: center;
}

.card_v0004:not(.inactive) .title.align_y__end {
  align-items: flex-end;
}

.card_v0004:not(.inactive) .title > * {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 28px;
  color: #eef0f2;
  color: var(--color-athens-gray);
  margin: 0;
}

@media (max-width: 528px) {
  .card_v0004:not(.inactive) .title > * {
    font-size: 24px;
  }
}
@media (min-width: 529px) and (max-width: 896px) {
  .card_v0004:not(.inactive) .title > * {
    font-size: 26px;
  }
}
@media (min-width: 897px) and (max-width: 1024px) {
  .card_v0004:not(.inactive) .title > * {
    font-size: 20px;
  }
}
.card_v0004:not(.inactive).image {
  padding-top: 40%;
}

@media (max-width: 528px) {
  .card_v0004:not(.inactive).image {
    padding-top: 80%;
  }
}
@media (min-width: 529px) and (max-width: 768px) {
  .card_v0004:not(.inactive).image {
    padding-top: 40%;
  }
}
.card_v0004:not(.inactive).primary .title {
  padding: 40px 60px;
}

@media (max-width: 1024px) {
  .card_v0004:not(.inactive).primary .title {
    padding: 15px 15px 45px;
  }
}
.card_v0004:not(.inactive).secondary .title {
  padding: 40px;
}

@media (max-width: 1024px) {
  .card_v0004:not(.inactive).secondary .title {
    padding: 15px 15px 45px;
  }
}
.card_v0004:not(.inactive).secondary, .card_v0004:not(.inactive).image {
  padding-bottom: 40px;
}

.card_v0004:not(.inactive).secondary:hover a, .card_v0004:not(.inactive).image:hover a {
  opacity: 1;
  transform: translateY(0);
}

.card_v0004:not(.inactive) .logobrand {
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, calc(-50% + 15px)) scale(1.05);
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, transform;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}

.card_v0004:not(.inactive) .image img {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: filter, transform;
}

.card_v0004:not(.inactive) .link__frontface {
  pointer-events: none;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, transform;
  position: relative;
  z-index: 2;
}

.card_v0004:not(.inactive) .link__backface {
  width: 100%;
  text-align: center;
  background-color: #000814;
  background-color: var(--color-midnight);
  padding: 10px 10px 15px;
  transform: translateY(100%);
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: transform;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.card_v0005 {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  position: relative;
}

.card_v0005 .thumbnail,
.card_v0005 .meta {
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
}

.card_v0005 .thumbnail {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 120%;
  overflow: hidden;
  position: relative;
}

@media (max-width: 420px) {
  .card_v0005 .thumbnail {
    padding-top: 60%;
  }
}
@media (min-width: 421px) and (max-width: 528px) {
  .card_v0005 .thumbnail {
    padding-top: 80%;
  }
}
@media (min-width: 421px) and (max-width: 896px) {
  .card_v0005 .thumbnail {
    padding-top: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .card_v0005 .thumbnail:hover::after {
    opacity: 0.4;
  }
  .card_v0005 .thumbnail:hover img {
    transform: translate(-50%, -50%) scale(1.05);
  }
}
.card_v0005 .thumbnail::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #1e1e1e;
  background-color: var(--color-cod-gray);
  pointer-events: none;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity var(--def-transition-300ms);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.card_v0005 .thumbnail img {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, transform;
}

.card_v0005 .meta {
  height: 100%;
  padding: 50px 30px 30px;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .card_v0005 .meta {
    padding: 50px 15px 25px;
  }
}
@media (min-width: 897px) and (max-width: 1024px) {
  .card_v0005 .meta {
    padding: 50px 15px 25px;
  }
}
.card_v0005 .meta__post {
  width: calc(100% - 60px);
  background-color: #fff;
  background-color: var(--color-white);
  padding: 15px 20px 15px 65px;
  transform: translate(-50%, 50%);
  position: absolute;
  left: 50%;
  bottom: 100%;
}

@media (max-width: 768px) {
  .card_v0005 .meta__post {
    width: calc(100% - 30px);
  }
}
@media (min-width: 897px) and (max-width: 1024px) {
  .card_v0005 .meta__post {
    width: calc(100% - 30px);
  }
}
.card_v0005 .meta__post .avatar {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
}

.card_v0005 .meta__post ul li {
  margin-right: 10px;
}

.card_v0005 .meta__post ul li:last-of-type {
  margin-right: unset;
}

.card_v0005 .meta__post ul span {
  display: inline-block;
  max-width: 18px;
  max-height: 18px;
  margin-right: 5px;
}

.card_v0005 .meta__post ul [stroke=black] {
  stroke: #757575;
  stroke: var(--color-boulder);
}

.card_v0005 .meta__post ul [fill=black] {
  fill: #757575;
  fill: var(--color-boulder);
}

.card_v0005 .meta__post ul small {
  font-size: 12px;
  color: #757575;
  color: var(--color-boulder);
}

.card_v0005 .meta__author_text {
  margin-bottom: 25px;
}

.card_v0005 .meta__author_text b,
.card_v0005 .meta__author_text small {
  font-size: 14px;
}

.card_v0005 .meta__author_text b {
  font-weight: 700;
  font-weight: var(--bold);
  color: #001d3d;
  color: var(--color-blue-charcoal);
}

.card_v0005 .meta__author_text small {
  color: #424242;
  color: var(--color-tundora);
}

.card_v0005 .meta__text a:not(.mtk_button) {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 20px;
  color: #001d3d;
  color: var(--color-blue-charcoal);
  transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-300ms);
}

.card_v0005 .meta__text a:not(.mtk_button):hover {
  color: #19387f;
  color: var(--color-primary);
}

.card_v0005 .meta__text a.mtk_button {
  margin-top: 10px;
}

.card_v0005 .meta__text h3 {
  line-height: 1.2;
  margin-bottom: 15px;
}

.card_v0005 .meta__text p {
  font-size: 14px;
}

.rate {
  display: inline-block;
  border: 0;
  margin: unset;
  padding: unset;
  position: relative;
}

.rate input {
  display: none;
}

.rate label {
  float: right;
  cursor: pointer;
}

.rate label.half::before {
  content: "\f089";
  position: absolute;
  padding-right: 0;
}

.rate label::before {
  display: inline-block;
  font-size: 1rem;
  padding: 0.3rem 0.2rem;
  margin: 0;
  font-family: FontAwesome, sans-serif;
  content: "\f005";
  color: #ddd;
  color: var(--color-alto);
  transition: color 0.2s ease-in-out;
}

.rate label:last-child::before {
  content: "\f006";
}

.rate input[checked] ~ label::before {
  color: #ffc633;
  color: var(--color-unglow);
}

.card_v0006 {
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .card_v0006 {
    max-width: 540px;
    margin: 0 auto;
  }
}
.card_v0006 .testimonial {
  flex-grow: 1;
  text-align: center;
  background-color: #fff;
  background-color: var(--color-white);
  border-radius: 8px;
  border-radius: var(--border-radius-md);
  box-shadow: 0 2px 6px rgba(66, 66, 66, 0.1);
  margin-bottom: 30px;
  padding: 30px;
  position: relative;
}

.card_v0006 .testimonial::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #fff transparent transparent transparent;
  border-color: var(--color-white) transparent transparent transparent;
  transform: translate(-50%, 0);
  position: absolute;
  top: 100%;
  left: 50%;
}

.card_v0006 .testimonial h6 {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 20px;
  color: #001d3d;
  color: var(--color-blue-charcoal);
  line-height: 1.2;
  margin-bottom: 10px;
}

.card_v0006 .meta {
  flex-grow: 0;
  width: 100%;
}

.card_v0006 .meta .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.card_v0006 .meta h6 {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 18px;
  color: #001d3d;
  color: var(--color-blue-charcoal);
}

.card_v0007 {
  height: 100%;
}

.card_v0007__inner {
  height: 100%;
  padding: 30px;
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
}

.card_v0007__inner.bg__light {
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
}

.card_v0007__inner.bg__dark {
  background-color: #fff;
  background-color: var(--color-white);
}

.card_v0007 span {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-bottom: 10px;
}

.card_v0007 h3 {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 20px;
  color: #000814;
  color: var(--color-midnight);
  line-height: 1.2;
  margin-bottom: 5px;
}

.card_v0007 p {
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
}

.card_v0008 {
  height: 100%;
}

.card_v0008__inner {
  height: 100%;
  padding: 30px;
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
}

.card_v0008__inner.bg__light {
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
}

.card_v0008__inner.bg__dark {
  background-color: #fff;
  background-color: var(--color-white);
}

.card_v0008 span {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 64px;
  color: #c7d0d7;
  color: var(--color-loblolly);
  line-height: 1.2;
}

.card_v0008 h3 {
  font-family: "Jost", sans-serif;
  font-family: var(--font-primary);
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 20px;
  color: #000814;
  color: var(--color-midnight);
  line-height: 1.2;
  margin-bottom: 5px;
}

.card_v0008 p {
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v1 {
  margin-top: 60px;
}

.product_card_v1.w50 {
  width: 50%;
}

.product_card_v1 .thumbnail {
  width: 196px;
  height: 280px;
}

.product_card_v1 .thumbnail a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v1 .thumbnail a:hover img {
    transform: scale(1.05);
  }
}
.product_card_v1 .thumbnail img {
  width: 100%;
  height: 100%;
  object-position: center;
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
}

.product_card_v1 .thumbnail img.cover {
  object-fit: cover;
}

.product_card_v1 .thumbnail img.contain {
  object-fit: contain;
}

.product_card_v1 .meta {
  width: calc(100% - 196px);
  padding: 0 20px;
}

.product_card_v1 .meta__inner {
  max-width: 320px;
}

.product_card_v1 .title {
  margin: 5px 0 15px;
}

.product_card_v1 .title a,
.product_card_v1 .title h3,
.product_card_v1 .title small {
  font-weight: 400;
  font-weight: var(--regular);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v1 .title h3,
.product_card_v1 .title small {
  display: inline;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v1 .title a:hover {
    text-decoration: underline;
  }
}
.product_card_v1 .brand {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 18px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v1 .prices {
  margin-bottom: 20px;
}

.product_card_v1 .price_regular, .product_card_v1 .price_sale {
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 16px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v1 .price_regular[style="text-decoration: line-through;"], .product_card_v1 .price_sale[style="text-decoration: line-through;"] {
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v1 .price_sale {
  margin-left: 10px;
}

.product_card_v1 .actions {
  margin-top: 25px;
}

.product_card_v1 .actions .delete {
  margin: -2px 0 0 20px;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v1 .actions .delete:hover span {
    color: #f33;
    color: var(--color-red-orange);
  }
  .product_card_v1 .actions .delete:hover path {
    fill: #f33 !important;
    fill: var(--color-red-orange) !important;
  }
}
.product_card_v1 .actions .delete svg,
.product_card_v1 .actions .delete span {
  display: inline-block;
  vertical-align: middle;
  transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-300ms);
}

.product_card_v1 .actions .delete svg *,
.product_card_v1 .actions .delete span * {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
}

.product_card_v1 .actions .delete svg {
  margin-bottom: -2px;
}

.product_card_v1 .actions .delete span {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v1 .variations {
  margin: 0 -10px;
  position: relative;
  z-index: 110;
}

.product_card_v1 .variation_group {
  margin: 0 10px;
  position: relative;
}

.product_card_v1 .variation_group.active .select__label__placeholder svg {
  transform: rotate(-180deg);
}

.product_card_v1 .variation_group.active .select__list {
  pointer-events: all;
}

.product_card_v1 .variation_group .select__label__name {
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v1 .variation_group .select__label__placeholder {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
  margin-left: 5px;
  cursor: pointer;
}

.product_card_v1 .variation_group .select__label__placeholder * {
  pointer-events: none;
}

.product_card_v1 .variation_group .select__label__placeholder svg {
  margin: 0 0 -3px 3px;
  transition: transform 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-200ms);
}

.product_card_v1 .variation_group .select__list {
  min-width: 120px;
  width: 100%;
  max-height: 190px;
  background-color: #fff;
  background-color: var(--color-white);
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  margin-top: 5px;
  padding: 10px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-5px) scale(0.9);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: opacity, transform;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  right: 0;
}

.product_card_v1 .variation_group .select__list li {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
  padding: 2px 0;
  transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-300ms);
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v1 .variation_group .select__list li:hover {
    color: #000814;
    color: var(--color-midnight);
  }
}
@keyframes fade-in-up-dropdown {
  from {
    opacity: 0;
    transform: translateY(-5px) scale(0.9);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.product_card_v2 {
  width: 100%;
}

.product_card_v2 .thumbnail,
.product_card_v2 .meta {
  width: 100%;
}

.product_card_v2 .thumbnail a {
  display: block;
  aspect-ratio: 3/4;
  background-color: #eef0f2;
  background-color: var(--loop-product-thumb-backdrop-color);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v2 .thumbnail a:hover img {
    transform: translate(-50%, -50%) scale(1.05);
  }
}
.product_card_v2 .thumbnail img {
  object-position: center;
  mix-blend-mode: multiply;
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
  will-change: opacity, transform;
}

.product_card_v2 .thumbnail img.cover {
  object-fit: cover;
}

.product_card_v2 .thumbnail img.contain {
  object-fit: contain;
}

.product_card_v2 .meta {
  padding-top: 20px;
}

.product_card_v2 .meta__inner {
  max-width: 320px;
}

.product_card_v2 .title {
  margin: 5px 0 10px;
}

.product_card_v2 .title a,
.product_card_v2 .title h3,
.product_card_v2 .title small {
  font-weight: 400;
  font-weight: var(--regular);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v2 .title h3,
.product_card_v2 .title small {
  display: inline;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v2 .title a:hover {
    text-decoration: underline;
  }
}
.product_card_v2 .brand {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 18px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v2 .prices {
  margin-bottom: 15px;
}

.product_card_v2 .price_regular, .product_card_v2 .price_sale {
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 16px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v2 .price_regular[style="text-decoration: line-through;"], .product_card_v2 .price_sale[style="text-decoration: line-through;"] {
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v2 .price_sale {
  margin-left: 10px;
}

.product_card_v3:first-child {
  margin-top: 5px;
}

.product_card_v3:not(:first-child) {
  margin-top: 30px;
}

.product_card_v3 .thumbnail {
  width: 196px;
}

.product_card_v3 .thumbnail.has_tsns img {
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
}

.product_card_v3 .thumbnail a {
  display: block;
  width: 100%;
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  position: relative;
}

.product_card_v3 .thumbnail a.cover {
  height: 0;
  padding-top: 150%;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v3 .thumbnail a.cover:hover img {
    transform: translate(-50%, -50%) scale(1.05);
  }
}
.product_card_v3 .thumbnail a.cover img {
  width: 100%;
  height: 100%;
  object-position: center;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.product_card_v3 .thumbnail a.contain {
  aspect-ratio: 1;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v3 .thumbnail a.contain:hover img {
    transform: scale(1.05);
  }
}
.product_card_v3 .thumbnail img {
  width: 100%;
  height: 100%;
  object-position: center;
}

.product_card_v3 .thumbnail img.cover {
  object-fit: cover;
}

.product_card_v3 .thumbnail img.contain {
  object-fit: contain;
}

.product_card_v3 .meta {
  width: calc(100% - 196px);
  padding: 0 20px;
}

.product_card_v3 .meta__inner {
  max-width: 320px;
}

.product_card_v3 .title {
  margin: 5px 0 15px;
}

.product_card_v3 .title a,
.product_card_v3 .title h3,
.product_card_v3 .title small {
  font-weight: 400;
  font-weight: var(--regular);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v3 .title h3,
.product_card_v3 .title small {
  display: inline;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v3 .title a:hover {
    text-decoration: underline;
  }
}
.product_card_v3 .brand {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 18px;
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v3 .prices {
  margin-bottom: 20px;
}

.product_card_v3 .price_regular, .product_card_v3 .price_sale {
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 16px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v3 .price_regular[style="text-decoration: line-through;"], .product_card_v3 .price_sale[style="text-decoration: line-through;"] {
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v3 .price_sale {
  margin-left: 10px;
}

.product_card_v3 .actions {
  min-width: 160px;
}

.product_card_v3 .actions .delete {
  margin: 20px 0 0 -2px;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v3 .actions .delete:hover span {
    color: #f33;
    color: var(--color-red-orange);
  }
  .product_card_v3 .actions .delete:hover path {
    fill: #f33 !important;
    fill: var(--color-red-orange) !important;
  }
}
.product_card_v3 .actions .delete svg,
.product_card_v3 .actions .delete span {
  display: inline-block;
  vertical-align: middle;
  transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-300ms);
}

.product_card_v3 .actions .delete svg *,
.product_card_v3 .actions .delete span * {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
}

.product_card_v3 .actions .delete svg {
  margin-bottom: -2px;
}

.product_card_v3 .actions .delete span {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v3 .variations {
  margin: 0 -10px;
  position: relative;
  z-index: 110;
}

.product_card_v3 .variation_group {
  margin: 0 10px;
  position: relative;
}

.product_card_v3 .variation_group.active .select__label__placeholder svg {
  transform: rotate(-180deg);
}

.product_card_v3 .variation_group.active .select__list {
  pointer-events: all;
}

.product_card_v3 .variation_group .select__label__name {
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v3 .variation_group .select__label__placeholder {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
  margin-left: 5px;
  cursor: pointer;
}

.product_card_v3 .variation_group .select__label__placeholder * {
  pointer-events: none;
}

.product_card_v3 .variation_group .select__label__placeholder svg {
  margin: 0 0 -3px 3px;
  transition: transform 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-200ms);
}

.product_card_v3 .variation_group .select__list {
  min-width: 120px;
  width: 100%;
  max-height: 190px;
  background-color: #fff;
  background-color: var(--color-white);
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  margin-top: 5px;
  padding: 10px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-5px) scale(0.9);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: opacity, transform;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  right: 0;
}

.product_card_v3 .variation_group .select__list li {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
  padding: 2px 0;
  transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-300ms);
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v3 .variation_group .select__list li:hover {
    color: #000814;
    color: var(--color-midnight);
  }
}
.product_card_v4 .mtk_product__labels {
  padding: 10px 0 0;
  pointer-events: none;
  transform: translate(10px, -1px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.product_card_v4 .mtk_product__labels li {
  display: inline-block;
  margin-bottom: 5px;
}

.product_card_v4 .mtk_product__labels span {
  display: inline-block;
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 10px;
  text-transform: uppercase;
  border-radius: 4px 0 4px 0;
  border-radius: var(--border-radius-sm) 0 var(--border-radius-sm) 0;
  padding: 5px 10px;
}

.product_card_v4 .mtk_product__labels span.new {
  color: #001d3d;
  color: var(--color-blue-charcoal);
  background-color: #ffc300;
  background-color: var(--color-amber);
}

.product_card_v4 .mtk_product__labels span.sale {
  color: #f33;
  color: var(--color-red-orange);
  background-color: rgba(255, 51, 51, 0.1);
}

.product_card_v4 .mtk_product__labels span.out_of_stock {
  color: #fff;
  color: var(--color-white);
  background-color: rgba(117, 117, 117, 0.6);
}

.product_card_v4 .mtk_product__labels span.on_order {
  color: #fff;
  color: var(--color-white);
  background-color: rgba(79, 76, 255, 0.6);
}

.product_card_v4 .thumbnail {
  width: 100%;
}

.product_card_v4 .thumbnail.has_tsns img {
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
}

.product_card_v4 .thumbnail a {
  display: block;
  width: 100%;
  height: 0;
  background-color: #eef0f2;
  background-color: var(--single-product-thumb-backdrop-color);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  padding-top: 120%;
  overflow: hidden;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v4 .thumbnail a:hover img {
    transform: translate(-50%, -50%) scale(1.05);
  }
}
.product_card_v4 .thumbnail a img {
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
}

.product_card_v4 .thumbnail img {
  width: 100%;
  height: 100%;
  object-position: center;
  mix-blend-mode: multiply;
}

.product_card_v4 .thumbnail img.cover {
  object-fit: cover;
}

.product_card_v4 .thumbnail img.contain {
  object-fit: contain;
}

.product_card_v4 .meta {
  width: 100%;
  padding-top: 15px;
}

.product_card_v4 .meta__inner {
  max-width: 320px;
}

.product_card_v4 .title {
  margin: 5px 0;
}

.product_card_v4 .title a,
.product_card_v4 .title h3,
.product_card_v4 .title small {
  font-weight: 400;
  font-weight: var(--regular);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v4 .title h3,
.product_card_v4 .title small {
  display: inline;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v4 .title a:hover {
    text-decoration: underline;
  }
}
.product_card_v4 .brand {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 18px;
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v4 .prices {
  margin-bottom: 10px;
}

.product_card_v4 .price_regular, .product_card_v4 .price_sale {
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 16px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v4 .price_regular[style="text-decoration: line-through;"], .product_card_v4 .price_sale[style="text-decoration: line-through;"] {
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v4 .price_sale {
  margin-left: 10px;
}

.product_card_v4 .actions {
  min-width: 160px;
}

.product_card_v4 .variations {
  margin: 0 -10px;
  position: relative;
  z-index: 110;
}

.product_card_v4 .variation_group {
  margin: 0 10px;
  position: relative;
}

.product_card_v4 .variation_group.active .select__label__placeholder svg {
  transform: rotate(-180deg);
}

.product_card_v4 .variation_group.active .select__list {
  pointer-events: all;
}

.product_card_v4 .variation_group .select__label__name {
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v4 .variation_group .select__label__placeholder {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
  margin-left: 5px;
  cursor: pointer;
}

.product_card_v4 .variation_group .select__label__placeholder * {
  pointer-events: none;
}

.product_card_v4 .variation_group .select__label__placeholder svg {
  margin: 0 0 -3px 3px;
  transition: transform 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-200ms);
}

.product_card_v4 .variation_group .select__list {
  min-width: 120px;
  width: 100%;
  max-height: 62px;
  background-color: #fff;
  background-color: var(--color-white);
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  margin-top: 5px;
  padding: 10px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-5px) scale(0.9);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: opacity, transform;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  left: 0;
}

.product_card_v4 .variation_group .select__list li {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
  padding: 2px 0;
  transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-300ms);
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v4 .variation_group .select__list li:hover {
    color: #000814;
    color: var(--color-midnight);
  }
}
@media (max-width: 528px) {
  .product_card_v5 {
    align-items: center;
  }
}
@media (max-width: 768px) {
  .product_card_v5 {
    flex-flow: column;
  }
}
.product_card_v5 + .divider {
  width: 100%;
  height: 1px;
  background-color: rgba(117, 117, 117, 0.2);
  margin: 30px 0;
}

.product_card_v5 .thumbnail {
  width: 260px;
  position: relative;
}

@media (max-width: 528px) {
  .product_card_v5 .thumbnail {
    width: 100%;
    margin: 0 0 15px;
  }
}
@media (min-width: 529px) and (max-width: 768px) {
  .product_card_v5 .thumbnail {
    width: 280px;
    margin: 0 auto 15px;
  }
}
.product_card_v5 .thumbnail__loader {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  pointer-events: none;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity var(--def-transition-300ms);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.product_card_v5 .thumbnail__loader.active {
  pointer-events: all;
  opacity: 1;
}

.product_card_v5 .thumbnail__loader svg {
  width: 32px;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.product_card_v5 .thumbnail a {
  display: block;
  width: 100%;
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  padding-top: 130%;
  overflow: hidden;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v5 .thumbnail a:hover img {
    transform: translate(-50%, -50%) scale(1.05);
  }
}
.product_card_v5 .thumbnail img {
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
}

.product_card_v5 .meta {
  width: calc(100% - 196px);
  padding: 0 20px;
}

@media (max-width: 768px) {
  .product_card_v5 .meta {
    width: 100%;
    padding: unset;
  }
}
.product_card_v5 .meta__inner {
  max-width: 320px;
}

@media (max-width: 768px) {
  .product_card_v5 .meta__inner {
    max-width: unset;
  }
}
.product_card_v5 .stock_status {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 12px;
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v5 .stock_status__instock {
  color: #4caf50;
  color: var(--color-fruit-salad);
}

.product_card_v5 .stock_status__outofstock {
  color: #828282;
  color: var(--color-gray);
}

.product_card_v5 .stock_status__onbackorder {
  font-weight: 700;
  font-weight: var(--bold);
  color: #ffc300;
  color: var(--color-amber);
}

.product_card_v5 .title {
  margin: 0 0 10px;
}

.product_card_v5 .title a {
  font-weight: 400;
  font-weight: var(--regular);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v5 .title a:hover {
    text-decoration: underline;
  }
}
.product_card_v5 .sku span {
  font-size: 12px;
  color: #828282;
  color: var(--color-gray);
}

.product_card_v5 .prices {
  margin-bottom: 10px;
}

.product_card_v5 .price_regular, .product_card_v5 .price_sale {
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 16px;
  color: #000814;
  color: var(--color-midnight);
}

.product_card_v5 .price_regular[style="text-decoration: line-through;"], .product_card_v5 .price_sale[style="text-decoration: line-through;"] {
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v5 .price_sale {
  margin-left: 10px;
}

.product_card_v5 .quantity {
  display: inline-block;
  margin: 15px 0 0;
  position: relative;
}

@media (max-width: 528px) {
  .product_card_v5 .quantity {
    width: 100%;
  }
}
@media (min-width: 529px) and (max-width: 768px) {
  .product_card_v5 .quantity {
    width: 50%;
    padding-right: 15px;
  }
}
.product_card_v5 .quantity.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.product_card_v5 .quantity input {
  width: 90px;
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
  text-align: center;
  background-color: #eef0f2;
  background-color: var(--color-athens-gray);
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 50px;
  padding: 6px 12px;
  pointer-events: none;
}

@media (max-width: 768px) {
  .product_card_v5 .quantity input {
    width: 100%;
    font-size: 16px;
    padding: 10px 34px;
  }
}
.product_card_v5 .quantity button {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
}

@media (max-width: 768px) {
  .product_card_v5 .quantity button {
    width: 34px;
    height: 34px;
  }
}
.product_card_v5 .quantity button.reduce {
  transform: translate(12px, -50%);
  left: 0;
}

.product_card_v5 .quantity button.increase {
  transform: translate(-12px, -50%);
  right: 0;
}

@media (min-width: 529px) and (max-width: 768px) {
  .product_card_v5 .quantity button.increase {
    transform: translate(-25px, -50%);
  }
}
.product_card_v5 .quantity button svg {
  width: 12px;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.product_card_v5 .quantity button * {
  pointer-events: none;
}

.product_card_v5 .actions {
  min-width: 160px;
}

@media (max-width: 528px) {
  .product_card_v5 .actions {
    min-width: unset;
    margin: 15px 0 0;
  }
}
@media (min-width: 529px) and (max-width: 768px) {
  .product_card_v5 .actions {
    height: 0;
    padding-left: 15px;
  }
}
@media (max-width: 768px) {
  .product_card_v5 .actions {
    align-items: flex-end;
    width: 100%;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .product_card_v5 .actions {
    min-width: unset;
    width: 80px;
  }
}
@media (max-width: 528px) {
  .product_card_v5 .actions .delete {
    width: 100%;
  }
}
@media (min-width: 529px) and (max-width: 768px) {
  .product_card_v5 .actions .delete {
    width: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .product_card_v5 .actions .delete {
    background-color: #ffc300;
    background-color: var(--color-amber);
    border-radius: 50px;
    padding: 10px 15px 12px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .product_card_v5 .actions .delete:hover span {
    color: #f33;
    color: var(--color-red-orange);
  }
  .product_card_v5 .actions .delete:hover path {
    fill: #f33 !important;
    fill: var(--color-red-orange) !important;
  }
}
.product_card_v5 .actions .delete * {
  pointer-events: none;
}

.product_card_v5 .actions .delete svg,
.product_card_v5 .actions .delete span {
  display: inline-block;
  vertical-align: middle;
  transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-300ms);
}

.product_card_v5 .actions .delete svg *,
.product_card_v5 .actions .delete span * {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
}

.product_card_v5 .actions .delete svg {
  max-width: 18px;
}

.product_card_v5 .actions .delete [fill*="#"] {
  fill: #757575;
  fill: var(--color-boulder);
}

@media (max-width: 768px) {
  .product_card_v5 .actions .delete [fill*="#"] {
    fill: #373843;
    fill: var(--color-tuna);
  }
}
.product_card_v5 .actions .delete span {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
}

.product_card_v5 .variations {
  margin: 0 -10px;
  position: relative;
  z-index: 110;
}

.product_card_v5 .variation_group {
  margin: 0 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: relative;
}

.product_card_v5 .variation_group.active .select__label__placeholder svg {
  transform: rotate(-180deg);
}

.product_card_v5 .variation_group.active .select__list {
  pointer-events: all;
}

.product_card_v5 .variation_group .select__label__name {
  font-weight: 700;
  font-weight: var(--bold);
  font-size: 14px;
  color: #000814;
  color: var(--color-midnight);
  cursor: default;
}

.product_card_v5 .variation_group .select__label__placeholder {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
  margin-left: 5px;
  cursor: pointer;
}

.product_card_v5 .variation_group .select__label__placeholder * {
  pointer-events: none;
}

.product_card_v5 .variation_group .select__label__placeholder svg {
  margin: 0 0 -3px 3px;
  transition: transform 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-200ms);
}

.product_card_v5 .variation_group .select__list {
  min-width: 120px;
  width: 100%;
  max-height: 190px;
  background-color: #fff;
  background-color: var(--color-white);
  border: 1px solid rgba(117, 117, 117, 0.2);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  margin-top: 5px;
  padding: 10px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-5px) scale(0.9);
  transition: 200ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-200ms);
  will-change: opacity, transform;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  left: 0;
}

.product_card_v5 .variation_group .select__list li {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #757575;
  color: var(--color-boulder);
  padding: 2px 0;
  transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-300ms);
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v5 .variation_group .select__list li:hover {
    color: #000814;
    color: var(--color-midnight);
  }
}
.product_card_v6 {
  margin: 30px 0;
}

.product_card_v6:first-child {
  margin-top: 0;
}

.product_card_v6:last-child {
  margin-bottom: 0;
}

.product_card_v6 .thumbnail__image {
  display: block;
  width: 78px;
  height: 94px;
  background-color: #eef0f2;
  background-color: var(--loop-product-thumb-backdrop-color);
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
  position: relative;
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v6 .thumbnail__image:hover img {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.product_card_v6 .thumbnail__image img {
  mix-blend-mode: multiply;
  transition: transform 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform var(--def-transition-300ms);
}

.product_card_v6 .content {
  width: calc(100% - 78px);
  padding-left: 20px;
}

.product_card_v6 .product__sku {
  font-size: 12px;
  color: #828282;
  color: var(--color-gray);
  margin-bottom: 5px;
}

.product_card_v6 .product__title {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 14px;
  color: #373843;
  color: var(--color-tuna);
  margin-bottom: 5px;
  transition: color 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--def-transition-300ms);
}

@media (hover: hover) and (pointer: fine) {
  .product_card_v6 .product__title:hover {
    color: #000814;
    color: var(--color-midnight);
  }
}
.product_card_v6 .product__price {
  color: #000814;
  color: var(--color-midnight);
  margin: 3px 0;
}

.product_card_v6 .product__price .regular,
.product_card_v6 .product__price .sale {
  font-weight: 600;
  font-weight: var(--semi-bold);
  font-size: 16px;
}

.product_card_v6 .product__price .sale {
  color: #f33;
  color: var(--color-red-orange);
}

.product_card_v6 .product__price .sale + .regular {
  color: #828282;
  color: var(--color-gray);
  text-decoration: line-through;
  margin-left: 10px;
}

.product_card_v6 .product__stock_status {
  font-weight: 500;
  font-weight: var(--medium);
  font-size: 12px;
}

.product_card_v6 .product__stock_status span {
  color: #828282;
  color: var(--color-gray);
}

.product_card_v6 .product__stock_status span.instock {
  color: #4caf50;
  color: var(--color-fruit-salad);
}

.product_card_v6 .product__stock_status span.outofstock {
  color: #828282;
  color: var(--color-gray);
}

.product_card_v6 .product__stock_status span.onbackorder {
  font-weight: 700;
  font-weight: var(--bold);
  color: #ffc300;
  color: var(--color-amber);
}

:root {
  --font-primary: "Jost", sans-serif;
  --font-secondary: "Manrope", sans-serif;
}

:root {
  --color-white: #fff;
  --color-black: #000;
  --color-scrollbar-thumb: #343839;
  --color-scrollbar-track: #e8ecef;
  --color-primary: #19387f;
  --color-accent: #ffed00;
  --color-unglow: #ffc633;
  --color-amber: #ffc300;
  --color-fruit-salad: #4caf50;
  --color-emerald: #34c759;
  --color-hollywood-cerise: #e5097f;
  --color-sweet-pink: #fd9ca2;
  --color-red-orange: #f33;
  --color-red-orange-v2: #ff3737;
  --color-dodger-blue: #4f4cff;
  --color-burnt-sienna: #eb5757;
  --color-flamingo: #e95d2a;
  --color-midnight: #000814;
  --color-midnight-v2: #00162f;
  --color-cod-gray: #1e1e1e;
  --color-mine-shaft: #212121;
  --color-blue-charcoal: #001d3d;
  --color-aqua-haze: #f6f8fa;
  --color-concrete: #f3f3f3;
  --color-alabaster: #f9f9f9;
  --color-alabaster-v2: #fcfcfc;
  --color-wild-sand: #f7f7f7;
  --color-titan-white: #fdfdff;
  --color-athens-gray: #eef0f2;
  --color-ebb: #f0eeed;
  --color-porcelain: #eff1f2;
  --color-porcelain-v2: #f4f6f7;
  --color-alto: #ddd;
  --color-selago: #e1edfa;
  --color-loblolly: #c7d0d7;
  --color-pale-sky: #667085;
  --color-periwinkle: #b9d4ff;
  --color-tundora: #424242;
  --color-boulder: #757575;
  --color-gray: #828282;
  --color-mine-shaft-light: #333;
  --color-tuna: #373843;
  --color-silver: #bababa;
}

:root {
  --linear: linear;
  --ease: ease;
  --easein: ease-in;
  --easeout: ease-out;
  --easeinout: ease-in-out;
  --easeinsine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --easeoutsine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --easeinoutsine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --easeinquad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --easeoutquad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --easeinoutquad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --easeincubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --easeoutcubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --easeinoutcubic: cubic-bezier(0.645, 0.045, 0.355, 1);
  --easeinquart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --easeoutquart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --easeinoutquart: cubic-bezier(0.77, 0, 0.175, 1);
  --easeinquint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --easeoutquint: cubic-bezier(0.23, 1, 0.32, 1);
  --easeinoutquint: cubic-bezier(0.86, 0, 0.07, 1);
  --easeinexpo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --easeoutexpo: cubic-bezier(0.19, 1, 0.22, 1);
  --easeinoutexpo: cubic-bezier(1, 0, 0, 1);
  --easeincirc: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --easeoutcirc: cubic-bezier(0.075, 0.82, 0.165, 1);
  --easeinoutcirc: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --easeinback: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --easeoutback: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --easeinoutback: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --def-transition-150ms: 150ms var(--easeinoutcubic);
  --def-transition-200ms: 200ms var(--easeinoutcubic);
  --def-transition-250ms: 250ms var(--easeinoutcubic);
  --def-transition-300ms: 300ms var(--easeinoutcubic);
  --def-transition-500ms: 500ms var(--easeinoutcubic);
  --a: cubic-bezier(0.77, 0.2, 0.05, 1);
  --b: cubic-bezier(0.165, 0.84, 0.44, 1);
  --c: cubic-bezier(0.42, 0, 0.58, 1);
  --d: cubic-bezier(0.165, 0.84, 0.44, 1);
  --e: cubic-bezier(0.68, 0, 0.265, 1);
  --f: cubic-bezier(1, 0, 0.25, 1);
  --g: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

:root {
  --phone-xs: 320px;
  --phone-sm: 420px;
  --phone-md: 528px;
  --phone-lg: 648px;
  --phone-xl: 768px;
  --tablet-xs: 832px;
  --tablet-sm: 896px;
  --tablet-md: 960px;
  --tablet-lg: 1024px;
  --tablet-xl: 1200px;
  --desktop-xs: 1280px;
  --desktop-sm: 1366px;
  --desktop-md: 1440px;
  --desktop-lg: 1680px;
  --desktop-xl: 1920px;
}

:root {
  --base-font-size-unit-none: 16;
  --base-font-size: 16px;
}

:root {
  --plyr-color-main: var(--color-primary);
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --swiper-scrollbar-size: 3px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 0;
  --swiper-scrollbar-section-padding: 30px;
  --swiper-scrollbar-drag-bg-color: #343839;
  --swiper-scrollbar-bg-color: #e8ecef;
  --loop-product-thumb-backdrop-color: #eef0f2;
  --popup-product-details-thumb-backdrop-color: #eef0f2;
  --mini-cart-thumb-backdrop-color: #eef0f2;
  --single-product-thumb-backdrop-color: #eef0f2;
}

/**
 * Global styles
 */
html,
body {
  background-color: #fdfdff;
  background-color: var(--color-titan-white);
}

html,
body {
  font-family: "Manrope", sans-serif;
  font-family: var(--font-secondary);
  font-weight: 400;
  font-weight: var(--regular);
  font-size: 16px;
  font-size: var(--base-font-size);
  color: #001d3d;
  color: var(--color-blue-charcoal);
  counter-reset: section;
  font-optical-sizing: auto;
}

main,
header,
section,
footer {
  width: 100%;
}

a,
button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.container {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.container__fluid {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.container .container {
  padding-left: unset;
  padding-right: unset;
}

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

/**
 * Global styles
 */
html[style*=overflow], html.noscroll {
  overflow: hidden;
}

html[style*=overflow] body, html.noscroll body {
  overflow: hidden;
}

main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

@media (hover: none) and (pointer: coarse) {
  main {
    padding-bottom: var(--menubar-height);
  }
}
/**
 * Helpers
 */
.has_tsns {
  transition: 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: var(--def-transition-300ms);
}

/**
 * Shop
 */
section.shop {
  padding-top: 40px;
}

/**
 * Lazy load images
 */
img.lazyload {
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity var(--def-transition-300ms);
}

img.lazyload.lazyloaded {
  opacity: 1;
}