/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

@font-face
{
    font-family: NPA;
    src: url(../fonts/Ruberoid-Regular.woff2) format("woff2"), url(../fonts/Ruberoid-Regular.woff2) format("woff");
    font-weight: 300;
    font-style: normal
}

html {
    line-height: 1.15;
}

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

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: visible;
}

pre {
    font-family: npa;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

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

img {
    border-style: none;
}

button,
input,
optgroup,
select,
textarea {
    line-height: 1.15;
}

button,
input {
    overflow: visible;
}

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

[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal;
}

textarea {
    overflow: auto;
}

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

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

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

details {
    display: block;
}

template {
    display: none;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: npa;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.429;
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff;
}

a {
    color: #2196f3;
    text-decoration: none;
}

a:focus,
a:hover {
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

p {
    margin: 0 0 10px;
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 10px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.12);
}

strong {
    font-weight: 700;
}

abbr[title] {
    cursor: help;
    -webkit-text-decoration-color: #2196f3;
    text-decoration-color: #2196f3;
}

h1,
h2,
h3 {
    margin-top: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
}

h4,
h5,
h6 {
    margin-top: 10px;
}

.mui--appbar-height {
    height: 56px;
}

.mui--appbar-min-height,
.mui-appbar {
    min-height: 56px;
}

.mui--appbar-line-height {
    line-height: 56px;
}

.mui--appbar-top {
    top: 56px;
}

@media (orientation: landscape) and (max-height: 480px) {
    .mui--appbar-height {
        height: 48px;
    }
    .mui--appbar-min-height,
    .mui-appbar {
        min-height: 48px;
    }
    .mui--appbar-line-height {
        line-height: 48px;
    }
    .mui--appbar-top {
        top: 48px;
    }
}

@media (min-width: 480px) {
    .mui--appbar-height {
        height: 64px;
    }
    .mui--appbar-min-height,
    .mui-appbar {
        min-height: 64px;
    }
    .mui--appbar-line-height {
        line-height: 64px;
    }
    .mui--appbar-top {
        top: 64px;
    }
}

.mui-appbar {
    background-color: #2196f3;
    color: #fff;
}

.mui-btn {
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.87);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    height: 36px;
    padding: 0 26px;
    margin: 6px 0;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-image: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    font-family: inherit;
    letter-spacing: 0.03em;
    position: relative;
    overflow: hidden;
}

.mui-btn,
.mui-btn:active,
.mui-btn:focus,
.mui-btn:hover {
    background-color: #fff;
}

.mui-btn[disabled]:active,
.mui-btn[disabled]:focus,
.mui-btn[disabled]:hover {
    color: rgba(0, 0, 0, 0.87);
    background-color: #fff;
}

.mui-btn.mui-btn--flat {
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
}

.mui-btn.mui-btn--flat:active,
.mui-btn.mui-btn--flat:focus,
.mui-btn.mui-btn--flat:hover {
    color: rgba(0, 0, 0, 0.87);
    background-color: #f2f2f2;
}

.mui-btn.mui-btn--flat[disabled]:active,
.mui-btn.mui-btn--flat[disabled]:focus,
.mui-btn.mui-btn--flat[disabled]:hover {
    color: rgba(0, 0, 0, 0.87);
    background-color: transparent;
}

.mui-btn:active,
.mui-btn:focus,
.mui-btn:hover {
    outline: 0;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
}

.mui-btn:focus,
.mui-btn:hover {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
}

@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .mui-btn:focus,
    .mui-btn:hover {
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
    }
}

@supports (-ms-ime-align: auto) {
    .mui-btn:focus,
    .mui-btn:hover {
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
    }
}

.mui-btn:active:hover {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
}

@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .mui-btn:active:hover {
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
    }
}

@supports (-ms-ime-align: auto) {
    .mui-btn:active:hover {
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
    }
}

.mui-btn.mui--is-disabled,
.mui-btn:disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mui-btn+.mui-btn {
    margin-left: 8px;
}

.mui-btn--flat {
    background-color: transparent;
}

.mui-btn--flat:active,
.mui-btn--flat:active:hover,
.mui-btn--flat:focus,
.mui-btn--flat:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f2f2f2;
}

.mui-btn--fab,
.mui-btn--raised {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
}

@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .mui-btn--fab,
    .mui-btn--raised {
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
    }
}

@supports (-ms-ime-align: auto) {
    .mui-btn--fab,
    .mui-btn--raised {
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2);
    }
}

.mui-btn--fab:active,
.mui-btn--raised:active {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
}

@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .mui-btn--fab:active,
    .mui-btn--raised:active {
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
    }
}

@supports (-ms-ime-align: auto) {
    .mui-btn--fab:active,
    .mui-btn--raised:active {
        -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0 2px rgba(0, 0, 0, 0.12), 0 0 4px rgba(0, 0, 0, 0.12), 1px 3px 4px rgba(0, 0, 0, 0.2);
    }
}

.mui-btn--fab {
    position: relative;
    padding: 0;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    z-index: 1;
}

.mui-btn--primary {
    color: #fff;
    background-color: #2196f3;
}

.mui-btn--primary:active,
.mui-btn--primary:focus,
.mui-btn--primary:hover {
    color: #fff;
    background-color: #39a1f4;
}

.mui-btn--primary[disabled]:active,
.mui-btn--primary[disabled]:focus,
.mui-btn--primary[disabled]:hover {
    color: #fff;
    background-color: #2196f3;
}

.mui-btn--primary.mui-btn--flat {
    color: #2196f3;
    background-color: transparent;
}

.mui-btn--primary.mui-btn--flat:active,
.mui-btn--primary.mui-btn--flat:focus,
.mui-btn--primary.mui-btn--flat:hover {
    color: #2196f3;
    background-color: #f2f2f2;
}

.mui-btn--primary.mui-btn--flat[disabled]:active,
.mui-btn--primary.mui-btn--flat[disabled]:focus,
.mui-btn--primary.mui-btn--flat[disabled]:hover {
    color: #2196f3;
    background-color: transparent;
}

.mui-btn--dark {
    color: #fff;
    background-color: #424242;
}

.mui-btn--dark:active,
.mui-btn--dark:focus,
.mui-btn--dark:hover {
    color: #fff;
    background-color: #4f4f4f;
}

.mui-btn--dark[disabled]:active,
.mui-btn--dark[disabled]:focus,
.mui-btn--dark[disabled]:hover {
    color: #fff;
    background-color: #424242;
}

.mui-btn--dark.mui-btn--flat {
    color: #424242;
    background-color: transparent;
}

.mui-btn--dark.mui-btn--flat:active,
.mui-btn--dark.mui-btn--flat:focus,
.mui-btn--dark.mui-btn--flat:hover {
    color: #424242;
    background-color: #f2f2f2;
}

.mui-btn--dark.mui-btn--flat[disabled]:active,
.mui-btn--dark.mui-btn--flat[disabled]:focus,
.mui-btn--dark.mui-btn--flat[disabled]:hover {
    color: #424242;
    background-color: transparent;
}

.mui-btn--danger {
    color: #fff;
    background-color: #f44336;
}

.mui-btn--danger:active,
.mui-btn--danger:focus,
.mui-btn--danger:hover {
    color: #fff;
    background-color: #f55a4e;
}

.mui-btn--danger[disabled]:active,
.mui-btn--danger[disabled]:focus,
.mui-btn--danger[disabled]:hover {
    color: #fff;
    background-color: #f44336;
}

.mui-btn--danger.mui-btn--flat {
    color: #f44336;
    background-color: transparent;
}

.mui-btn--danger.mui-btn--flat:active,
.mui-btn--danger.mui-btn--flat:focus,
.mui-btn--danger.mui-btn--flat:hover {
    color: #f44336;
    background-color: #f2f2f2;
}

.mui-btn--danger.mui-btn--flat[disabled]:active,
.mui-btn--danger.mui-btn--flat[disabled]:focus,
.mui-btn--danger.mui-btn--flat[disabled]:hover {
    color: #f44336;
    background-color: transparent;
}

.mui-btn--accent {
    color: #fff;
    background-color: #ff4081;
}

.mui-btn--accent:active,
.mui-btn--accent:focus,
.mui-btn--accent:hover {
    color: #fff;
    background-color: #ff5a92;
}

.mui-btn--accent[disabled]:active,
.mui-btn--accent[disabled]:focus,
.mui-btn--accent[disabled]:hover {
    color: #fff;
    background-color: #ff4081;
}

.mui-btn--accent.mui-btn--flat {
    color: #ff4081;
    background-color: transparent;
}

.mui-btn--accent.mui-btn--flat:active,
.mui-btn--accent.mui-btn--flat:focus,
.mui-btn--accent.mui-btn--flat:hover {
    color: #ff4081;
    background-color: #f2f2f2;
}

.mui-btn--accent.mui-btn--flat[disabled]:active,
.mui-btn--accent.mui-btn--flat[disabled]:focus,
.mui-btn--accent.mui-btn--flat[disabled]:hover {
    color: #ff4081;
    background-color: transparent;
}

.mui-btn--small {
    height: 30.6px;
    line-height: 30.6px;
    padding: 0 16px;
    font-size: 13px;
}

.mui-btn--large {
    height: 54px;
    line-height: 54px;
    padding: 0 26px;
    font-size: 14px;
}

.mui-btn--fab.mui-btn--small {
    width: 44px;
    height: 44px;
    line-height: 44px;
}

.mui-btn--fab.mui-btn--large {
    width: 75px;
    height: 75px;
    line-height: 75px;
}

.mui-checkbox,
.mui-radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mui-checkbox>label,
.mui-radio>label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.mui-checkbox input:disabled,
.mui-radio input:disabled {
    cursor: not-allowed;
}

.mui-checkbox input:focus,
.mui-radio input:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.mui-checkbox--inline>label>input[type="checkbox"],
.mui-checkbox>label>input[type="checkbox"],
.mui-radio--inline>label>input[type="radio"],
.mui-radio>label>input[type="radio"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px;
}

.mui-checkbox+.mui-checkbox,
.mui-radio+.mui-radio {
    margin-top: -5px;
}

.mui-checkbox--inline,
.mui-radio--inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
}

.mui-checkbox--inline>input[type="checkbox"],
.mui-checkbox--inline>input[type="radio"],
.mui-checkbox--inline>label>input[type="checkbox"],
.mui-checkbox--inline>label>input[type="radio"],
.mui-radio--inline>input[type="checkbox"],
.mui-radio--inline>input[type="radio"],
.mui-radio--inline>label>input[type="checkbox"],
.mui-radio--inline>label>input[type="radio"] {
    margin: 4px 0 0;
    line-height: normal;
}

.mui-checkbox--inline+.mui-checkbox--inline,
.mui-radio--inline+.mui-radio--inline {
    margin-top: 0;
    margin-left: 10px;
}

.mui-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.mui-container:after,
.mui-container:before {
    content: " ";
    display: table;
}

.mui-container:after {
    clear: both;
}

@media (min-width: 544px) {
    .mui-container {
        max-width: 570px;
    }
}

@media (min-width: 768px) {
    .mui-container {
        max-width: 740px;
    }
}

@media (min-width: 992px) {
    .mui-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .mui-container {
        max-width: 1170px;
    }
}

.mui-container-fluid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.mui-container-fluid:after,
.mui-container-fluid:before {
    content: " ";
    display: table;
}

.mui-container-fluid:after {
    clear: both;
}

.mui-divider {
    display: block;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.12);
}

.mui--divider-top {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.mui--divider-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mui--divider-left {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.mui--divider-right {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-dropdown {
    display: inline-block;
    position: relative;
}

[data-mui-toggle="dropdown"] {
    outline: 0;
}

.mui-dropdown__menu {
    position: absolute;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border-radius: 2px;
    z-index: 1;
    background-clip: padding-box;
}

@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .mui-dropdown__menu {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        border-left: 1px solid rgba(0, 0, 0, 0.12);
    }
}

@supports (-ms-ime-align: auto) {
    .mui-dropdown__menu {
        border-top: 1px solid rgba(0, 0, 0, 0.12);
        border-left: 1px solid rgba(0, 0, 0, 0.12);
    }
}

.mui-dropdown__menu.mui--is-open {
    display: block;
}

.mui-dropdown__menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.429;
    color: rgba(0, 0, 0, 0.87);
    text-decoration: none;
    white-space: nowrap;
}

.mui-dropdown__menu>li>a:focus,
.mui-dropdown__menu>li>a:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.87);
    background-color: #eee;
}

.mui-dropdown__menu>.mui--is-disabled>a,
.mui-dropdown__menu>.mui--is-disabled>a:focus,
.mui-dropdown__menu>.mui--is-disabled>a:hover {
    color: #eee;
}

.mui-dropdown__menu>.mui--is-disabled>a:focus,
.mui-dropdown__menu>.mui--is-disabled>a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
}

.mui-dropdown__menu--right {
    left: auto;
    right: 0;
}

.mui-dropdown--up>.mui-dropdown__menu {
    margin: 0 0 2px;
}

.mui-dropdown--right>.mui-dropdown__menu {
    margin: 0 0 0 2px;
}

.mui-dropdown--left>.mui-dropdown__menu {
    margin: 0 2px 0 0;
}

.mui-form legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    font-size: 21px;
    color: rgba(0, 0, 0, 0.87);
    line-height: inherit;
    border: 0;
}

.mui-form fieldset {
    border: 0;
    padding: 0;
    margin: 0 0 20px;
}

@media (min-width: 544px) {
    .mui-form--inline .mui-textfield {
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 0;
    }
    .mui-form--inline .mui-checkbox,
    .mui-form--inline .mui-radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .mui-form--inline .mui-checkbox>label,
    .mui-form--inline .mui-radio>label {
        padding-left: 0;
    }
    .mui-form--inline .mui-checkbox>label>input[type="checkbox"],
    .mui-form--inline .mui-radio>label>input[type="radio"] {
        position: relative;
        margin-left: 0;
    }
    .mui-form--inline .mui-select {
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 0;
    }
    .mui-form--inline .mui-btn {
        margin-bottom: 0;
        margin-top: 0;
        vertical-align: bottom;
    }
}

.mui-row {
    margin-left: -15px;
    margin-right: -15px;
}

.mui-row:after,
.mui-row:before {
    content: " ";
    display: table;
}

.mui-row:after {
    clear: both;
}

.mui-col-lg-1,
.mui-col-lg-2,
.mui-col-lg-3,
.mui-col-lg-4,
.mui-col-lg-5,
.mui-col-lg-6,
.mui-col-lg-7,
.mui-col-lg-8,
.mui-col-lg-9,
.mui-col-lg-10,
.mui-col-lg-11,
.mui-col-lg-12,
.mui-col-md-1,
.mui-col-md-2,
.mui-col-md-3,
.mui-col-md-4,
.mui-col-md-5,
.mui-col-md-6,
.mui-col-md-7,
.mui-col-md-8,
.mui-col-md-9,
.mui-col-md-10,
.mui-col-md-11,
.mui-col-md-12,
.mui-col-sm-1,
.mui-col-sm-2,
.mui-col-sm-3,
.mui-col-sm-4,
.mui-col-sm-5,
.mui-col-sm-6,
.mui-col-sm-7,
.mui-col-sm-8,
.mui-col-sm-9,
.mui-col-sm-10,
.mui-col-sm-11,
.mui-col-sm-12,
.mui-col-xs-1,
.mui-col-xs-2,
.mui-col-xs-3,
.mui-col-xs-4,
.mui-col-xs-5,
.mui-col-xs-6,
.mui-col-xs-7,
.mui-col-xs-8,
.mui-col-xs-9,
.mui-col-xs-10,
.mui-col-xs-11,
.mui-col-xs-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.mui-col-xs-1,
.mui-col-xs-2,
.mui-col-xs-3,
.mui-col-xs-4,
.mui-col-xs-5,
.mui-col-xs-6,
.mui-col-xs-7,
.mui-col-xs-8,
.mui-col-xs-9,
.mui-col-xs-10,
.mui-col-xs-11,
.mui-col-xs-12 {
    float: left;
}

.mui-col-xs-1 {
    width: 8.3333333333%;
}

.mui-col-xs-2 {
    width: 16.6666666667%;
}

.mui-col-xs-3 {
    width: 25%;
}

.mui-col-xs-4 {
    width: 33.3333333333%;
}

.mui-col-xs-5 {
    width: 41.6666666667%;
}

.mui-col-xs-6 {
    width: 50%;
}

.mui-col-xs-7 {
    width: 58.3333333333%;
}

.mui-col-xs-8 {
    width: 66.6666666667%;
}

.mui-col-xs-9 {
    width: 75%;
}

.mui-col-xs-10 {
    width: 83.3333333333%;
}

.mui-col-xs-11 {
    width: 91.6666666667%;
}

.mui-col-xs-12 {
    width: 100%;
}

.mui-col-xs-offset-0 {
    margin-left: 0;
}

.mui-col-xs-offset-1 {
    margin-left: 8.3333333333%;
}

.mui-col-xs-offset-2 {
    margin-left: 16.6666666667%;
}

.mui-col-xs-offset-3 {
    margin-left: 25%;
}

.mui-col-xs-offset-4 {
    margin-left: 33.3333333333%;
}

.mui-col-xs-offset-5 {
    margin-left: 41.6666666667%;
}

.mui-col-xs-offset-6 {
    margin-left: 50%;
}

.mui-col-xs-offset-7 {
    margin-left: 58.3333333333%;
}

.mui-col-xs-offset-8 {
    margin-left: 66.6666666667%;
}

.mui-col-xs-offset-9 {
    margin-left: 75%;
}

.mui-col-xs-offset-10 {
    margin-left: 83.3333333333%;
}

.mui-col-xs-offset-11 {
    margin-left: 91.6666666667%;
}

.mui-col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width: 544px) {
    .mui-col-sm-1,
    .mui-col-sm-2,
    .mui-col-sm-3,
    .mui-col-sm-4,
    .mui-col-sm-5,
    .mui-col-sm-6,
    .mui-col-sm-7,
    .mui-col-sm-8,
    .mui-col-sm-9,
    .mui-col-sm-10,
    .mui-col-sm-11,
    .mui-col-sm-12 {
        float: left;
    }
    .mui-col-sm-1 {
        width: 8.3333333333%;
    }
    .mui-col-sm-2 {
        width: 16.6666666667%;
    }
    .mui-col-sm-3 {
        width: 25%;
    }
    .mui-col-sm-4 {
        width: 33.3333333333%;
    }
    .mui-col-sm-5 {
        width: 41.6666666667%;
    }
    .mui-col-sm-6 {
        width: 50%;
    }
    .mui-col-sm-7 {
        width: 58.3333333333%;
    }
    .mui-col-sm-8 {
        width: 66.6666666667%;
    }
    .mui-col-sm-9 {
        width: 75%;
    }
    .mui-col-sm-10 {
        width: 83.3333333333%;
    }
    .mui-col-sm-11 {
        width: 91.6666666667%;
    }
    .mui-col-sm-12 {
        width: 100%;
    }
    .mui-col-sm-offset-0 {
        margin-left: 0;
    }
    .mui-col-sm-offset-1 {
        margin-left: 8.3333333333%;
    }
    .mui-col-sm-offset-2 {
        margin-left: 16.6666666667%;
    }
    .mui-col-sm-offset-3 {
        margin-left: 25%;
    }
    .mui-col-sm-offset-4 {
        margin-left: 33.3333333333%;
    }
    .mui-col-sm-offset-5 {
        margin-left: 41.6666666667%;
    }
    .mui-col-sm-offset-6 {
        margin-left: 50%;
    }
    .mui-col-sm-offset-7 {
        margin-left: 58.3333333333%;
    }
    .mui-col-sm-offset-8 {
        margin-left: 66.6666666667%;
    }
    .mui-col-sm-offset-9 {
        margin-left: 75%;
    }
    .mui-col-sm-offset-10 {
        margin-left: 83.3333333333%;
    }
    .mui-col-sm-offset-11 {
        margin-left: 91.6666666667%;
    }
    .mui-col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 768px) {
    .mui-col-md-1,
    .mui-col-md-2,
    .mui-col-md-3,
    .mui-col-md-4,
    .mui-col-md-5,
    .mui-col-md-6,
    .mui-col-md-7,
    .mui-col-md-8,
    .mui-col-md-9,
    .mui-col-md-10,
    .mui-col-md-11,
    .mui-col-md-12 {
        float: left;
    }
    .mui-col-md-1 {
        width: 8.3333333333%;
    }
    .mui-col-md-2 {
        width: 16.6666666667%;
    }
    .mui-col-md-3 {
        width: 25%;
    }
    .mui-col-md-4 {
        width: 33.3333333333%;
    }
    .mui-col-md-5 {
        width: 41.6666666667%;
    }
    .mui-col-md-6 {
        width: 50%;
    }
    .mui-col-md-7 {
        width: 58.3333333333%;
    }
    .mui-col-md-8 {
        width: 66.6666666667%;
    }
    .mui-col-md-9 {
        width: 75%;
    }
    .mui-col-md-10 {
        width: 83.3333333333%;
    }
    .mui-col-md-11 {
        width: 91.6666666667%;
    }
    .mui-col-md-12 {
        width: 100%;
    }
    .mui-col-md-offset-0 {
        margin-left: 0;
    }
    .mui-col-md-offset-1 {
        margin-left: 8.3333333333%;
    }
    .mui-col-md-offset-2 {
        margin-left: 16.6666666667%;
    }
    .mui-col-md-offset-3 {
        margin-left: 25%;
    }
    .mui-col-md-offset-4 {
        margin-left: 33.3333333333%;
    }
    .mui-col-md-offset-5 {
        margin-left: 41.6666666667%;
    }
    .mui-col-md-offset-6 {
        margin-left: 50%;
    }
    .mui-col-md-offset-7 {
        margin-left: 58.3333333333%;
    }
    .mui-col-md-offset-8 {
        margin-left: 66.6666666667%;
    }
    .mui-col-md-offset-9 {
        margin-left: 75%;
    }
    .mui-col-md-offset-10 {
        margin-left: 83.3333333333%;
    }
    .mui-col-md-offset-11 {
        margin-left: 91.6666666667%;
    }
    .mui-col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 992px) {
    .mui-col-lg-1,
    .mui-col-lg-2,
    .mui-col-lg-3,
    .mui-col-lg-4,
    .mui-col-lg-5,
    .mui-col-lg-6,
    .mui-col-lg-7,
    .mui-col-lg-8,
    .mui-col-lg-9,
    .mui-col-lg-10,
    .mui-col-lg-11,
    .mui-col-lg-12 {
        float: left;
    }
    .mui-col-lg-1 {
        width: 8.3333333333%;
    }
    .mui-col-lg-2 {
        width: 16.6666666667%;
    }
    .mui-col-lg-3 {
        width: 25%;
    }
    .mui-col-lg-4 {
        width: 33.3333333333%;
    }
    .mui-col-lg-5 {
        width: 41.6666666667%;
    }
    .mui-col-lg-6 {
        width: 50%;
    }
    .mui-col-lg-7 {
        width: 58.3333333333%;
    }
    .mui-col-lg-8 {
        width: 66.6666666667%;
    }
    .mui-col-lg-9 {
        width: 75%;
    }
    .mui-col-lg-10 {
        width: 83.3333333333%;
    }
    .mui-col-lg-11 {
        width: 91.6666666667%;
    }
    .mui-col-lg-12 {
        width: 100%;
    }
    .mui-col-lg-offset-0 {
        margin-left: 0;
    }
    .mui-col-lg-offset-1 {
        margin-left: 8.3333333333%;
    }
    .mui-col-lg-offset-2 {
        margin-left: 16.6666666667%;
    }
    .mui-col-lg-offset-3 {
        margin-left: 25%;
    }
    .mui-col-lg-offset-4 {
        margin-left: 33.3333333333%;
    }
    .mui-col-lg-offset-5 {
        margin-left: 41.6666666667%;
    }
    .mui-col-lg-offset-6 {
        margin-left: 50%;
    }
    .mui-col-lg-offset-7 {
        margin-left: 58.3333333333%;
    }
    .mui-col-lg-offset-8 {
        margin-left: 66.6666666667%;
    }
    .mui-col-lg-offset-9 {
        margin-left: 75%;
    }
    .mui-col-lg-offset-10 {
        margin-left: 83.3333333333%;
    }
    .mui-col-lg-offset-11 {
        margin-left: 91.6666666667%;
    }
    .mui-col-lg-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width: 1200px) {
    .mui-col-xl-1,
    .mui-col-xl-2,
    .mui-col-xl-3,
    .mui-col-xl-4,
    .mui-col-xl-5,
    .mui-col-xl-6,
    .mui-col-xl-7,
    .mui-col-xl-8,
    .mui-col-xl-9,
    .mui-col-xl-10,
    .mui-col-xl-11,
    .mui-col-xl-12 {
        float: left;
    }
    .mui-col-xl-1 {
        width: 8.3333333333%;
    }
    .mui-col-xl-2 {
        width: 16.6666666667%;
    }
    .mui-col-xl-3 {
        width: 25%;
    }
    .mui-col-xl-4 {
        width: 33.3333333333%;
    }
    .mui-col-xl-5 {
        width: 41.6666666667%;
    }
    .mui-col-xl-6 {
        width: 50%;
    }
    .mui-col-xl-7 {
        width: 58.3333333333%;
    }
    .mui-col-xl-8 {
        width: 66.6666666667%;
    }
    .mui-col-xl-9 {
        width: 75%;
    }
    .mui-col-xl-10 {
        width: 83.3333333333%;
    }
    .mui-col-xl-11 {
        width: 91.6666666667%;
    }
    .mui-col-xl-12 {
        width: 100%;
    }
    .mui-col-xl-offset-0 {
        margin-left: 0;
    }
    .mui-col-xl-offset-1 {
        margin-left: 8.3333333333%;
    }
    .mui-col-xl-offset-2 {
        margin-left: 16.6666666667%;
    }
    .mui-col-xl-offset-3 {
        margin-left: 25%;
    }
    .mui-col-xl-offset-4 {
        margin-left: 33.3333333333%;
    }
    .mui-col-xl-offset-5 {
        margin-left: 41.6666666667%;
    }
    .mui-col-xl-offset-6 {
        margin-left: 50%;
    }
    .mui-col-xl-offset-7 {
        margin-left: 58.3333333333%;
    }
    .mui-col-xl-offset-8 {
        margin-left: 66.6666666667%;
    }
    .mui-col-xl-offset-9 {
        margin-left: 75%;
    }
    .mui-col-xl-offset-10 {
        margin-left: 83.3333333333%;
    }
    .mui-col-xl-offset-11 {
        margin-left: 91.6666666667%;
    }
    .mui-col-xl-offset-12 {
        margin-left: 100%;
    }
}

.mui-panel {
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}

.mui-panel:after,
.mui-panel:before {
    content: " ";
    display: table;
}

.mui-panel:after {
    clear: both;
}

@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .mui-panel {
        -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12), -1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12), -1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    }
}

@supports (-ms-ime-align: auto) {
    .mui-panel {
        -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12), -1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12), -1px 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    }
}

.mui-select {
    display: block;
    padding-top: 15px;
    margin-bottom: 20px;
    position: relative;
}

.mui-select:focus {
    outline: 0;
}

.mui-select:focus>select {
    height: 33px;
    margin-bottom: -1px;
    border-color: #2196f3;
    border-width: 2px;
}

.mui-select>select {
    display: block;
    height: 32px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cGF0aCBmaWxsPSJyZ2JhKDAsMCwwLC4yNCkiIGQ9Ik0wIDBoMTBMNSA2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: 100%;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-family: inherit;
    line-height: inherit;
    padding: 0 25px 0 0;
}

.mui-select>select::-ms-expand {
    display: none;
}

.mui-select>select:focus {
    outline: 0;
    height: 33px;
    margin-bottom: -1px;
    border-color: #2196f3;
    border-width: 2px;
}

.mui-select>select:disabled {
    color: rgba(0, 0, 0, 0.38);
    cursor: not-allowed;
    background-color: transparent;
    opacity: 1;
}

.mui-select>select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.mui-select>select:focus::-ms-value {
    background: none;
    color: rgba(0, 0, 0, 0.87);
}

.mui-select>select.mui--text-placeholder {
    color: rgba(0, 0, 0, 0.26);
}

.mui-select>label {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mui-select:focus>label,
.mui-select>select:focus~label {
    color: #2196f3;
}

.mui-select__menu {
    position: absolute;
    z-index: 2;
    min-width: 100%;
    overflow-y: auto;
    padding: 8px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 16px;
}

@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .mui-select__menu {
        border-left: 1px solid rgba(0, 0, 0, 0.12);
        border-top: 1px solid rgba(0, 0, 0, 0.12);
    }
}

@supports (-ms-ime-align: auto) {
    .mui-select__menu {
        border-left: 1px solid rgba(0, 0, 0, 0.12);
        border-top: 1px solid rgba(0, 0, 0, 0.12);
    }
}

.mui-select__menu>div {
    padding: 0 22px;
    height: 42px;
    line-height: 42px;
    cursor: pointer;
    white-space: nowrap;
}

.mui-select__menu>div.mui--is-selected {
    background-color: #eee;
}

.mui-select__menu>div.mui--is-disabled {
    color: rgba(0, 0, 0, 0.38);
    cursor: not-allowed;
}

.mui-select__menu>div:not(.mui-optgroup__label):not(.mui--is-disabled):hover {
    background-color: #e0e0e0;
}

.mui-optgroup__option {
    text-indent: 1em;
}

.mui-optgroup__label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 0.9em;
}

.mui-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.mui-table>tbody>tr>th,
.mui-table>tfoot>tr>th,
.mui-table>thead>tr>th {
    text-align: left;
}

.mui-table>tbody>tr>td,
.mui-table>tbody>tr>th,
.mui-table>tfoot>tr>td,
.mui-table>tfoot>tr>th,
.mui-table>thead>tr>td,
.mui-table>thead>tr>th {
    padding: 10px;
    line-height: 1.429;
}

.mui-table>thead>tr>th {
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
    font-weight: 700;
}

.mui-table>tbody+tbody {
    border-top: 2px solid rgba(0, 0, 0, 0.12);
}

.mui-table.mui-table--bordered>tbody>tr>td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mui-tabs__bar {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    background-color: transparent;
    white-space: nowrap;
    overflow-x: auto;
}

.mui-tabs__bar>li {
    display: inline-block;
}

.mui-tabs__bar>li>a {
    display: block;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    cursor: default;
    height: 48px;
    line-height: 48px;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mui-tabs__bar>li>a:hover {
    text-decoration: none;
}

.mui-tabs__bar>li.mui--is-active {
    border-bottom: 2px solid #2196f3;
}

.mui-tabs__bar>li.mui--is-active>a {
    color: #2196f3;
}

.mui-tabs__bar.mui-tabs__bar--justified {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.mui-tabs__bar.mui-tabs__bar--justified>li {
    display: table-cell;
}

.mui-tabs__bar.mui-tabs__bar--justified>li>a {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.mui-tabs__pane {
    display: none;
}

.mui-tabs__pane.mui--is-active {
    display: block;
}

.mui-textfield {
    display: block;
    padding-top: 15px;
    margin-bottom: 20px;
    position: relative;
}

.mui-textfield>label {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mui-textfield>textarea {
    padding-top: 5px;
}

.mui-textfield>input:focus~label,
.mui-textfield>textarea:focus~label {
    color: #2196f3;
}

.mui-textfield--float-label>label {
    position: absolute;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    font-size: 16px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.26);
    text-overflow: clip;
    cursor: text;
    pointer-events: none;
}

.mui-textfield--float-label>input:-webkit-autofill~label,
.mui-textfield--float-label>textarea:-webkit-autofill~label {
    -webkit-transform: translate(0);
    transform: translate(0);
    font-size: 12px;
    line-height: 15px;
    text-overflow: ellipsis;
}

.mui-textfield--float-label>input:focus~label,
.mui-textfield--float-label>textarea:focus~label {
    -webkit-transform: translate(0);
    transform: translate(0);
    font-size: 12px;
    line-height: 15px;
    text-overflow: ellipsis;
}

.mui-textfield--float-label>input:not(:focus).mui--is-not-empty~label,
.mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,
.mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not( .mui--is-not-empty)~label,
.mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty~label,
.mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,
.mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not( .mui--is-not-empty)~label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    line-height: 15px;
    -webkit-transform: translate(0);
    transform: translate(0);
    text-overflow: ellipsis;
}

.mui-textfield--wrap-label {
    display: table;
    width: 100%;
    padding-top: 0;
}

.mui-textfield--wrap-label:not(.mui-textfield--float-label)>label {
    display: table-header-group;
    position: static;
    white-space: normal;
    overflow-x: visible;
}

.mui-textfield>input,
.mui-textfield>textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    background-color: transparent;
    color: rgba(0, 0, 0, 0.87);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.26);
    outline: none;
    width: 100%;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    font-size: 16px;
    font-family: inherit;
    line-height: inherit;
    background-image: none;
}

.mui-textfield>input:focus,
.mui-textfield>textarea:focus {
    border-color: #2196f3;
    border-width: 2px;
}

.mui-textfield>input:-moz-read-only,
.mui-textfield>textarea:-moz-read-only {
    cursor: not-allowed;
    background-color: transparent;
    opacity: 1;
}

.mui-textfield>input:disabled,
.mui-textfield>input:read-only,
.mui-textfield>textarea:disabled,
.mui-textfield>textarea:read-only {
    cursor: not-allowed;
    background-color: transparent;
    opacity: 1;
}

.mui-textfield>input::-webkit-input-placeholder,
.mui-textfield>textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.26);
    opacity: 1;
}

.mui-textfield>input::-moz-placeholder,
.mui-textfield>textarea::-moz-placeholder {
    color: rgba(0, 0, 0, 0.26);
    opacity: 1;
}

.mui-textfield>input:-ms-input-placeholder,
.mui-textfield>textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.26);
    opacity: 1;
}

.mui-textfield>input::-ms-input-placeholder,
.mui-textfield>textarea::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.26);
    opacity: 1;
}

.mui-textfield>input::placeholder,
.mui-textfield>textarea::placeholder {
    color: rgba(0, 0, 0, 0.26);
    opacity: 1;
}

.mui-textfield>input {
    height: 32px;
}

.mui-textfield>textarea {
    min-height: 64px;
}

.mui-textfield>textarea[rows]:not([rows="2"]):focus {
    margin-bottom: -1px;
}

.mui-textfield>input:focus {
    height: 33px;
    margin-bottom: -1px;
}

.mui-textfield>input:invalid:not(:focus):not(:required),
.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched,
.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,
.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not( .mui--is-not-empty),
.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not( .mui--is-empty):not(.mui--is-not-empty),
.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),
.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,
.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,
.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not( .mui--is-empty):not(.mui--is-not-empty),
.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not( .mui--is-empty):not(.mui--is-not-empty),
.mui-textfield>textarea:invalid:not(:focus):not(:required),
.mui-textfield>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched,
.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty,
.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not( .mui--is-not-empty),
.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not( .mui--is-empty):not(.mui--is-not-empty),
.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required),
.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,
.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty,
.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not( .mui--is-empty):not(.mui--is-not-empty),
.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not( .mui--is-empty):not(.mui--is-not-empty) {
    border-color: #f44336;
    border-width: 2px;
}

.mui-textfield>input:invalid:not(:focus):not(:required),
.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched,
.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,
.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not( .mui--is-not-empty),
.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not( .mui--is-empty):not(.mui--is-not-empty),
.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),
.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-touched,
.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,
.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not( .mui--is-empty):not(.mui--is-not-empty),
.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not( .mui--is-empty):not(.mui--is-not-empty) {
    height: 33px;
    margin-bottom: -1px;
}

.mui-textfield.mui-textfield--float-label>.mui--is-invalid.mui--is-not-empty:not(:focus)~label,
.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):not(:required)~label,
.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required.mui--is-not-empty~label,
.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not( .mui--is-not-empty)~label,
.mui-textfield.mui-textfield--float-label>input:invalid:not(:focus):required[value]:not([value=""]):not( .mui--is-empty):not(.mui--is-not-empty)~label,
.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):not(:required)~label,
.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required.mui--is-not-empty~label,
.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not( .mui--is-not-empty)~label,
.mui-textfield.mui-textfield--float-label>textarea:invalid:not(:focus):required[value]:not([value=""]):not( .mui--is-empty):not(.mui--is-not-empty)~label,
.mui-textfield:not(.mui-textfield--float-label)>.mui--is-invalid:not(:focus)~label,
.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):not(:required)~label,
.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-empty.mui--is-touched~label,
.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-not-empty~label,
.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):not(:required)~label,
.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-touched~label,
.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-not-empty~label {
    color: #f44336;
}

.mui--no-transition {
    -webkit-transition: none !important;
    transition: none !important;
}

.mui--no-user-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mui-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0 0 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.mui-caret.mui-caret--up {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 0 0 2px 2px;
}

.mui-caret.mui-caret--right {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin: 0 0 2px 2px;
}

.mui-caret.mui-caret--left {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 2px 2px 0;
}

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

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

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

.mui--text-justify {
    text-align: justify !important;
}

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

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

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

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

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

.mui--text-dark {
    color: rgba(0, 0, 0, 0.87);
}

.mui--text-dark-secondary {
    color: rgba(0, 0, 0, 0.54);
}

.mui--text-dark-hint {
    color: rgba(0, 0, 0, 0.38);
}

.mui--text-light {
    color: #fff;
}

.mui--text-light-secondary {
    color: hsla(0, 0%, 100%, 0.7);
}

.mui--text-light-hint {
    color: hsla(0, 0%, 100%, 0.3);
}

.mui--text-accent {
    color: rgba(255, 64, 129, 0.87);
}

.mui--text-accent-secondary {
    color: rgba(255, 64, 129, 0.54);
}

.mui--text-accent-hint {
    color: rgba(255, 64, 129, 0.38);
}

.mui--text-black {
    color: #000;
}

.mui--text-white {
    color: #fff;
}

.mui--text-danger {
    color: #f44336;
}

.mui--text-placeholder {
    color: rgba(0, 0, 0, 0.26);
}

.mui--bg-primary {
    background-color: #2196f3;
}

.mui--bg-primary-dark {
    background-color: #1976d2;
}

.mui--bg-primary-light {
    background-color: #bbdefb;
}

.mui--bg-accent {
    background-color: #ff4081;
}

.mui--bg-accent-dark {
    background-color: #f50057;
}

.mui--bg-accent-light {
    background-color: #ff80ab;
}

.mui--bg-danger {
    background-color: #f44336;
}

.mui-list--inline,
.mui-list--unstyled {
    padding-left: 0;
    list-style: none;
}

.mui-list--inline {
    margin-left: -5px;
}

.mui-list--inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.mui--z1,
.mui-dropdown__menu,
.mui-select__menu {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.mui--z2 {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.mui--z3 {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.mui--z4 {
    -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.mui--z5 {
    -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.mui--clearfix:after,
.mui--clearfix:before {
    content: " ";
    display: table;
}

.mui--clearfix:after {
    clear: both;
}

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

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

.mui--hide {
    display: none !important;
}

.mui--show {
    display: block !important;
}

.mui--invisible {
    visibility: hidden;
}

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

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

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

.mui--visible-lg-block,
.mui--visible-lg-inline,
.mui--visible-lg-inline-block,
.mui--visible-md-block,
.mui--visible-md-inline,
.mui--visible-md-inline-block,
.mui--visible-sm-block,
.mui--visible-sm-inline,
.mui--visible-sm-inline-block,
.mui--visible-xl-block,
.mui--visible-xl-inline,
.mui--visible-xl-inline-block,
.mui--visible-xs-block,
.mui--visible-xs-inline,
.mui--visible-xs-inline-block {
    display: none !important;
}

@media (max-width: 543px) {
    .mui-visible-xs {
        display: block !important;
    }
    table.mui-visible-xs {
        display: table;
    }
    tr.mui-visible-xs {
        display: table-row !important;
    }
    td.mui-visible-xs,
    th.mui-visible-xs {
        display: table-cell !important;
    }
    .mui--visible-xs-block {
        display: block !important;
    }
    .mui--visible-xs-inline {
        display: inline !important;
    }
    .mui--visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 544px) and (max-width: 767px) {
    .mui-visible-sm {
        display: block !important;
    }
    table.mui-visible-sm {
        display: table;
    }
    tr.mui-visible-sm {
        display: table-row !important;
    }
    td.mui-visible-sm,
    th.mui-visible-sm {
        display: table-cell !important;
    }
    .mui--visible-sm-block {
        display: block !important;
    }
    .mui--visible-sm-inline {
        display: inline !important;
    }
    .mui--visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mui-visible-md {
        display: block !important;
    }
    table.mui-visible-md {
        display: table;
    }
    tr.mui-visible-md {
        display: table-row !important;
    }
    td.mui-visible-md,
    th.mui-visible-md {
        display: table-cell !important;
    }
    .mui--visible-md-block {
        display: block !important;
    }
    .mui--visible-md-inline {
        display: inline !important;
    }
    .mui--visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mui-visible-lg {
        display: block !important;
    }
    table.mui-visible-lg {
        display: table;
    }
    tr.mui-visible-lg {
        display: table-row !important;
    }
    td.mui-visible-lg,
    th.mui-visible-lg {
        display: table-cell !important;
    }
    .mui--visible-lg-block {
        display: block !important;
    }
    .mui--visible-lg-inline {
        display: inline !important;
    }
    .mui--visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .mui-visible-xl {
        display: block !important;
    }
    table.mui-visible-xl {
        display: table;
    }
    tr.mui-visible-xl {
        display: table-row !important;
    }
    td.mui-visible-xl,
    th.mui-visible-xl {
        display: table-cell !important;
    }
    .mui--visible-xl-block {
        display: block !important;
    }
    .mui--visible-xl-inline {
        display: inline !important;
    }
    .mui--visible-xl-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 543px) {
    .mui--hidden-xs {
        display: none !important;
    }
}

@media (min-width: 544px) and (max-width: 767px) {
    .mui--hidden-sm {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .mui--hidden-md {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .mui--hidden-lg {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .mui--hidden-xl {
        display: none !important;
    }
}

.mui-scrlock--showbar-y {
    overflow-y: scroll !important;
}

.mui-scrlock--showbar-x {
    overflow-x: scroll !important;
}

#mui-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    background-color: rgba(0, 0, 0, 0.2);
    overflow: auto;
}

.mui-btn__ripple-container {
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 0;
}

.mui-btn__ripple-container,
.mui-ripple {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.mui-ripple {
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0.0001);
    transform: scale(0.0001);
}

.mui-ripple.mui--is-animating {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), width 0.3s cubic-bezier(0, 0, 0.2, 1), height 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.mui-ripple.mui--is-visible {
    opacity: 0.3;
}

.mui-btn .mui-ripple {
    background-color: #a6a6a6;
}

.mui-btn--accent .mui-ripple,
.mui-btn--danger .mui-ripple,
.mui-btn--dark .mui-ripple,
.mui-btn--primary .mui-ripple {
    background-color: #fff;
}

.mui-btn--flat .mui-ripple {
    background-color: #a6a6a6;
}

.mui--text-display4 {
    font-weight: 300;
    font-size: 112px;
    line-height: 112px;
}

.mui--text-display3 {
    font-weight: 400;
    font-size: 56px;
    line-height: 56px;
}

.mui--text-display2 {
    font-weight: 400;
    font-size: 45px;
    line-height: 48px;
}

.mui--text-display1,
h1 {
    font-weight: 400;
    font-size: 34px;
    line-height: 40px;
}

.mui--text-headline,
h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}

.mui--text-title,
h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.mui--text-subhead,
h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.mui--text-body2,
h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.mui--text-body1 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.mui--text-caption {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.mui--text-menu {
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
}

.mui--text-button {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

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

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

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

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

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

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
}

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

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: npa, sans-serif;
}

body {
    margin: 0;
    line-height: inherit;
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}

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

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

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

b,
strong {
    font-weight: bolder;
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}

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

button,
select {
    text-transform: none;
}

[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}

:-moz-focusring {
    outline: auto;
}

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

progress {
    vertical-align: baseline;
}

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

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

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

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

summary {
    display: list-item;
}

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

fieldset {
    margin: 0;
}

fieldset,
legend {
    padding: 0;
}

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

textarea {
    resize: vertical;
}

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

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: #9ca3af;
}

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

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

:disabled {
    cursor: default;
}

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

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

[hidden] {
    display: none;
}

*,
:after,
:before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

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

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

.\!pointer-events-auto {
    pointer-events: auto !important;
}

.invisible {
    visibility: hidden;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.inset-0 {
    top: 0;
    bottom: 0;
}

.inset-0,
.inset-x-0 {
    right: 0;
    left: 0;
}

.inset-y-0 {
    top: 0;
    bottom: 0;
}

.inset-x-4 {
    left: 1rem;
    right: 1rem;
}

.bottom-10 {
    bottom: 2.5rem;
}

.right-10 {
    right: 2.5rem;
}

.right-6 {
    right: 1.5rem;
}

.top-6 {
    top: 1.5rem;
}

.left-0 {
    left: 0;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.bottom-4 {
    bottom: 1rem;
}

.right-0 {
    right: 0;
}

.-top-4 {
    top: -1rem;
}

.top-8 {
    top: 2rem;
}

.-left-5 {
    left: -1.25rem;
}

.left-4 {
    left: 1rem;
}

.top-4 {
    top: 1rem;
}

.top-1\/2 {
    top: 50%;
}

.bottom-16 {
    bottom: 4rem;
}

.-top-11 {
    top: -2.75rem;
}

.-bottom-2 {
    bottom: -0.5rem;
}

.bottom-60 {
    bottom: 15rem;
}

.top-full {
    top: 100%;
}

.top-\[594px\] {
    top: 594px;
}

.top-11 {
    top: 2.75rem;
}

.-left-4 {
    left: -1rem;
}

.top-2 {
    top: 0.5rem;
}

.left-2 {
    left: 0.5rem;
}

.right-2 {
    right: 0.5rem;
}

.right-4 {
    right: 1rem;
}

.left-1\/2 {
    left: 50%;
}

.-top-14 {
    top: -3.5rem;
}

.bottom-20 {
    bottom: 5rem;
}

.-top-px {
    top: -1px;
}

.-left-px {
    left: -1px;
}

.-right-px {
    right: -1px;
}

.bottom-5 {
    bottom: 1.25rem;
}

.right-5 {
    right: 1.25rem;
}

.top-\[calc\(1\.5rem-1px\)\] {
    top: calc(1.5rem - 1px);
}

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

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

.z-30 {
    z-index: 30;
}

.z-20 {
    z-index: 20;
}

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

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

.-z-20 {
    z-index: -20;
}

.order-first {
    order: -9999;
}

.order-3 {
    order: 3;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-4 {
    order: 4;
}

.col-start-1 {
    grid-column-start: 1;
}

.col-start-4 {
    grid-column-start: 4;
}

.col-start-7 {
    grid-column-start: 7;
}

.col-start-8 {
    grid-column-start: 8;
}

.col-end-13 {
    grid-column-end: 13;
}

.col-end-7 {
    grid-column-end: 7;
}

.col-end-8 {
    grid-column-end: 8;
}

.col-end-4 {
    grid-column-end: 4;
}

.col-end-6 {
    grid-column-end: 6;
}

.row-start-1 {
    grid-row-start: 1;
}

.m-auto {
    margin: auto;
}

.m-0 {
    margin: 0;
}

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

.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

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

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

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

.mt-8 {
    margin-top: 2rem;
}

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

.mb-16 {
    margin-bottom: 4rem;
}

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

.mt-16 {
    margin-top: 4rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mt-4 {
    margin-top: 1rem;
}

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

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

.mb-3 {
    margin-bottom: 0.75rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

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

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

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

.mb-12 {
    margin-bottom: 3rem;
}

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

.mb-8 {
    margin-bottom: 2rem;
}

.mb-9 {
    margin-bottom: 2.25rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-4 {
    margin-left: 1rem;
}

.mb-11 {
    margin-bottom: 2.75rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mt-7 {
    margin-top: 1.75rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mt-\[84px\] {
    margin-top: 84px;
}

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

.ml-1 {
    margin-left: 0.25rem;
}

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

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

.-ml-2 {
    margin-left: -0.5rem;
}

.-mt-4 {
    margin-top: -1rem;
}

.-mb-2 {
    margin-bottom: -0.5rem;
}

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

.mr-3 {
    margin-right: 0.75rem;
}

.mr-4 {
    margin-right: 1rem;
}

.-mb-\[0\.1em\] {
    margin-bottom: -0.1em;
}

.box-border {
    box-sizing: border-box;
}

.block {
    display: block;
}

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

.inline {
    display: inline;
}

.flex {
    display: flex;
}

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

.table {
    display: table;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.aspect-\[944_\/_680\] {
    aspect-ratio: 944/680;
}

.aspect-\[312_\/_412\] {
    aspect-ratio: 312/412;
}

.aspect-\[264_\/_328\] {
    aspect-ratio: 264/328;
}

.aspect-\[424_\/_345\] {
    aspect-ratio: 424/345;
}

.aspect-\[360_\/_236\] {
    aspect-ratio: 360/236;
}

.aspect-\[416_\/_340\] {
    aspect-ratio: 416/340;
}

.aspect-\[240_\/_228\] {
    aspect-ratio: 240/228;
}

.aspect-\[452_\/_296\] {
    aspect-ratio: 452/296;
}

.aspect-\[880_\/_520\] {
    aspect-ratio: 880/520;
}

.aspect-\[424_\/_352\] {
    aspect-ratio: 424/352;
}

.aspect-\[528_\/_344\] {
    aspect-ratio: 528/344;
}

.aspect-\[552_\/_448\] {
    aspect-ratio: 552/448;
}

.aspect-\[424_\/_360\] {
    aspect-ratio: 424/360;
}

.aspect-square {
    aspect-ratio: 1/1;
}

.aspect-\[2\/1\] {
    aspect-ratio: 2/1;
}

.aspect-\[424_\/_584\] {
    aspect-ratio: 424/584;
}

.aspect-\[576_\/_424\] {
    aspect-ratio: 576/424;
}

.aspect-\[576_\/_432\] {
    aspect-ratio: 576/432;
}

.h-12 {
    height: 3rem;
}

.h-full {
    height: 100%;
}

.h-8 {
    height: 2rem;
}

.h-\[55px\] {
    height: 55px;
}

.h-14 {
    height: 3.5rem;
}

.h-10 {
    height: 2.5rem;
}

.h-16 {
    height: 4rem;
}

.h-px {
    height: 1px;
}

.h-\[344px\] {
    height: 344px;
}

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

.h-\[60px\] {
    height: 60px;
}

.h-\[165vw\] {
    height: 165vw;
}

.h-\[97vw\] {
    height: 97vw;
}

.h-9 {
    height: 2.25rem;
}

.h-20 {
    height: 5rem;
}

.h-6 {
    height: 1.5rem;
}

.h-\[152px\] {
    height: 152px;
}

.h-auto {
    height: auto;
}

.h-\[584px\] {
    height: 584px;
}

.h-5 {
    height: 1.25rem;
}

.h-40 {
    height: 10rem;
}

.h-0 {
    height: 0;
}

.h-\[18\.65vw\] {
    height: 18.65vw;
}

.h-\[664px\] {
    height: 664px;
}

.h-0\.5 {
    height: 0.125rem;
}

.h-screen {
    height: 100vh;
}

.h-\[200vh\] {
    height: 200vh;
}

.h-4 {
    height: 1rem;
}

.max-h-screen {
    max-height: 100vh;
}

.max-h-\[35\.5rem\] {
    max-height: 35.5rem;
}

.max-h-\[40rem\] {
    max-height: 40rem;
}

.max-h-\[71rem\] {
    max-height: 71rem;
}

.max-h-\[80rem\] {
    max-height: 80rem;
}

.min-h-screen {
    min-height: 100vh;
}

.w-screen {
    width: 100vw;
}

.w-12 {
    width: 3rem;
}

.w-full {
    width: 100%;
}

.w-8 {
    width: 2rem;
}

.w-32 {
    width: 8rem;
}

.w-1\/3 {
    width: 33.333333%;
}

.w-10 {
    width: 2.5rem;
}

.w-1\/2 {
    width: 50%;
}

.w-\[calc\(100\%-40px\)\] {
    width: calc(100% - 40px);
}

.w-\[calc\(100\%\+40px\)\] {
    width: calc(100% + 40px);
}

.w-20 {
    width: 5rem;
}

.w-auto {
    width: auto;
}

.w-6 {
    width: 1.5rem;
}

.w-40 {
    width: 10rem;
}

.\!w-6 {
    width: 1.5rem !important;
}

.w-0 {
    width: 0;
}

.w-5 {
    width: 1.25rem;
}

.w-\[392px\] {
    width: 392px;
}

.w-\[calc\(100\%\+32px\)\] {
    width: calc(100% + 32px);
}

.w-\[16rem\] {
    width: 16rem;
}

.w-px {
    width: 1px;
}

.w-\[200vw\] {
    width: 200vw;
}

.w-1 {
    width: 0.25rem;
}

.w-4 {
    width: 1rem;
}

.min-w-\[16rem\] {
    min-width: 16rem;
}

.max-w-\[1104px\] {
    max-width: 1104px;
}

.\!max-w-none {
    max-width: none !important;
}

.max-w-\[73vw\] {
    max-width: 73vw;
}

.max-w-\[320px\] {
    max-width: 320px;
}

.max-w-\[50vw\] {
    max-width: 50vw;
}

.max-w-xl {
    max-width: 36rem;
}

.max-w-\[17rem\] {
    max-width: 17rem;
}

.max-w-\[15rem\] {
    max-width: 15rem;
}

.max-w-6xl {
    max-width: 72rem;
}

.max-w-\[224px\] {
    max-width: 224px;
}

.max-w-\[272px\] {
    max-width: 272px;
}

.max-w-\[93rem\] {
    max-width: 93rem;
}

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

.max-w-\[728px\] {
    max-width: 728px;
}

.max-w-\[calc\(100\%-4rem\)\] {
    max-width: calc(100% - 4rem);
}

.max-w-xs {
    max-width: 20rem;
}

.max-w-\[1488px\] {
    max-width: 1488px;
}

.max-w-\[70vw\] {
    max-width: 70vw;
}

.max-w-\[264px\] {
    max-width: 264px;
}

.max-w-\[425px\] {
    max-width: 425px;
}

.max-w-\[424px\] {
    max-width: 424px;
}

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

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

.origin-center {
    transform-origin: center;
}

.origin-left {
    transform-origin: left;
}

.translate-y-full {
    --tw-translate-y: 100%;
}

.-translate-y-1\/2,
.translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
}

.-translate-y-\[5px\] {
    --tw-translate-y: -5px;
}

.-translate-y-\[5px\],
.translate-y-\[5px\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[5px\] {
    --tw-translate-y: 5px;
}

.-translate-y-full {
    --tw-translate-y: -100%;
}

.-translate-x-1\/2,
.-translate-y-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
}

.-translate-y-7 {
    --tw-translate-y: -1.75rem;
}

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

.-translate-y-5 {
    --tw-translate-y: -1.25rem;
}

.translate-y-8 {
    --tw-translate-y: 2rem;
}

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

.translate-x-full {
    --tw-translate-x: 100%;
}

.-translate-x-full {
    --tw-translate-x: -100%;
}

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

.translate-x-40 {
    --tw-translate-x: 10rem;
}

.-translate-x-40 {
    --tw-translate-x: -10rem;
}

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

.-translate-y-2 {
    --tw-translate-y: -0.5rem;
}

.rotate-\[45deg\] {
    --tw-rotate: 45deg;
}

.-rotate-\[45deg\],
.rotate-\[45deg\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-\[45deg\] {
    --tw-rotate: -45deg;
}

.-rotate-\[135deg\] {
    --tw-rotate: -135deg;
}

.-rotate-\[135deg\],
.scale-110 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
}

.scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
}

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

.scale-125 {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
}

.-scale-x-100 {
    --tw-scale-x: -1;
}

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

.scale-x-0 {
    --tw-scale-x: 0;
}

.-scale-y-100 {
    --tw-scale-y: -1;
}

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

.transform-none {
    transform: none;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-text {
    cursor: text;
}

.resize-none {
    resize: none;
}

.resize {
    resize: both;
}

.grid-flow-col {
    grid-auto-flow: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gap-8 {
    gap: 2rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-0\.5 {
    gap: 0.125rem;
}

.gap-0 {
    gap: 0;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-y-6 {
    row-gap: 1.5rem;
}

.gap-y-20 {
    row-gap: 5rem;
}

.gap-y-2 {
    row-gap: 0.5rem;
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}

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

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

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

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

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

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

.scroll-smooth {
    scroll-behavior: smooth;
}

.overflow-ellipsis {
    text-overflow: ellipsis;
}

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

.rounded-full {
    border-radius: 9999px;
}

.rounded {
    border-radius: 0.25rem;
}

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

.rounded-3xl {
    border-radius: 1.5rem;
}

.rounded-\[3px\] {
    border-radius: 3px;
}

.border {
    border-width: 1px;
}

.border-0 {
    border-width: 0;
}

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

.border-t {
    border-top-width: 1px;
}

.border-l-0 {
    border-left-width: 0;
}

.border-l {
    border-left-width: 1px;
}

.border-t-0 {
    border-top-width: 0;
}

.border-b-0 {
    border-bottom-width: 0;
}

.border-r-0 {
    border-right-width: 0;
}

.border-r {
    border-right-width: 1px;
}

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-none {
    border-style: none;
}

.border-borderLight {
    --tw-border-opacity: 1;
    border-color: rgb(191 191 191 / var(--tw-border-opacity));
}

.border-gold {
    --tw-border-opacity: 1;
    border-color: rgb(186 172 114 / var(--tw-border-opacity));
}

.border-darkBlue {
    --tw-border-opacity: 1;
    border-color: rgb(40 60 81 / var(--tw-border-opacity));
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

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

.border-white\/70 {
    border-color: hsla(0, 0%, 100%, 0.7);
}

.border-transparent {
    border-color: transparent;
}

.border-neutral-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-border-opacity));
}

.border-\[\#DEDEE4\] {
    --tw-border-opacity: 1;
    border-color: rgb(222 222 228 / var(--tw-border-opacity));
}

.border-blue {
    --tw-border-opacity: 1;
    border-color: rgb(25 43 63 / var(--tw-border-opacity));
}

.border-neutral-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity));
}

.border-stone-200 {
    --tw-border-opacity: 1;
    border-color: rgb(231 229 228 / var(--tw-border-opacity));
}

.border-b-borderLight {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(191 191 191 / var(--tw-border-opacity));
}

.border-t-darkBlue {
    --tw-border-opacity: 1;
    border-top-color: rgb(40 60 81 / var(--tw-border-opacity));
}

.border-l-darkBlue {
    --tw-border-opacity: 1;
    border-left-color: rgb(40 60 81 / var(--tw-border-opacity));
}

.border-b-white {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-b-darkBlue {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(40 60 81 / var(--tw-border-opacity));
}

.bg-zinc-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(24 23 28 / var(--tw-bg-opacity));
}

.bg-beige-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(25 43 63 / var(--tw-bg-opacity));
}

.bg-white\/100 {
    background-color: #fff;
}

.bg-black\/10 {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-\[\#EFEDEC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(239 237 236 / var(--tw-bg-opacity));
}

.bg-blue\/10 {
    background-color: rgba(25, 43, 63, 0.1);
}

.bg-beige-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(235 234 231 / var(--tw-bg-opacity));
}

.bg-darkBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(40 60 81 / var(--tw-bg-opacity));
}

.bg-gold {
    --tw-bg-opacity: 1;
    background-color: rgb(186 172 114 / var(--tw-bg-opacity));
}

.bg-dark {
    background-color: rgba(0, 0, 0, 0.5);
}

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

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

.bg-neutral-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

.bg-stone-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 245 / var(--tw-bg-opacity));
}

.bg-current {
    background-color: currentColor;
}

.\!bg-borderLight {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(191 191 191 / var(--tw-bg-opacity)) !important;
}

.bg-borderLight {
    --tw-bg-opacity: 1;
    background-color: rgb(191 191 191 / var(--tw-bg-opacity));
}

.bg-beige-100\/20 {
    background-color: hsla(0, 0%, 97.3%, 0.2);
}

.bg-beige-100\/80 {
    background-color: hsla(0, 0%, 97.3%, 0.8);
}

.bg-\[\#f8f8f8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

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

.bg-\[rgba\(25\2c 43\2c 63\2c 0\.5\)\] {
    background-color: rgba(25, 43, 63, 0.5);
}

.bg-black\/30 {
    background-color: rgba(0, 0, 0, 0.3);
}

.stroke-zinc-400 {
    stroke: #bbbcba;
}

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

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

.object-bottom {
    -o-object-position: bottom;
    object-position: bottom;
}

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

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

.object-left {
    -o-object-position: left;
    object-position: left;
}

.p-5 {
    padding: 1.25rem;
}

.p-8 {
    padding: 2rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-20 {
    padding: 5rem;
}

.p-10 {
    padding: 2.5rem;
}

.p-0 {
    padding: 0;
}

.p-4 {
    padding: 1rem;
}

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

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
}

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

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

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

.py-\[22px\] {
    padding-top: 22px;
    padding-bottom: 22px;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py-9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

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

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-\[44px\] {
    padding-top: 44px;
    padding-bottom: 44px;
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

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

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

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

.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.pt-4 {
    padding-top: 1rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

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

.pt-16 {
    padding-top: 4rem;
}

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

.pt-\[88px\] {
    padding-top: 88px;
}

.pb-16 {
    padding-bottom: 4rem;
}

.pt-36 {
    padding-top: 9rem;
}

.pt-12 {
    padding-top: 3rem;
}

.pb-12 {
    padding-bottom: 3rem;
}

.pt-9 {
    padding-top: 2.25rem;
}

.pt-\[680px\] {
    padding-top: 680px;
}

.pt-32 {
    padding-top: 8rem;
}

.pb-2 {
    padding-bottom: 0.5rem;
}

.pt-\[90px\] {
    padding-top: 90px;
}

.pt-1 {
    padding-top: 0.25rem;
}

.pb-\[52px\] {
    padding-bottom: 52px;
}

.pt-6 {
    padding-top: 1.5rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

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

.pl-6 {
    padding-left: 1.5rem;
}

.pr-8 {
    padding-right: 2rem;
}

.pt-14 {
    padding-top: 3.5rem;
}

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

.pt-\[5\.5rem\] {
    padding-top: 5.5rem;
}

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

.pl-2 {
    padding-left: 0.5rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

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

.pb-1 {
    padding-bottom: 0.25rem;
}

.pl-4 {
    padding-left: 1rem;
}

.pl-8 {
    padding-left: 2rem;
}

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

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

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

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

.align-top {
    vertical-align: top;
}

.font-sans {
    font-family: npa, sans-serif;
}

.font-serif {
    font-family: npa, serif;
}

.text-\[22px\] {
    font-size: 22px;
}

.text-\[\.75rem\] {
    font-size: 0.75rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-\[1\.125rem\] {
    font-size: 1.125rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-\[1\.25rem\] {
    font-size: 1.25rem;
}

.text-\[2\.5rem\] {
    font-size: 2.5rem;
}

.text-\[1rem\] {
    font-size: 1rem;
}

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

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

.font-\[400\] {
    font-weight: 400;
}

.font-\[300\] {
    font-weight: 300;
}

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

.font-\[500\],
.font-medium {
    font-weight: 500;
}

.uppercase {
    text-transform: uppercase;
}

.normal-case {
    text-transform: none;
}

.not-italic {
    font-style: normal;
}

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

.leading-5 {
    line-height: 1.25rem;
}

.leading-normal {
    line-height: 1.5;
}

.leading-4 {
    line-height: 1rem;
}

.leading-6 {
    line-height: 1.5rem;
}

.leading-7 {
    line-height: 1.75rem;
}

.tracking-tight {
    letter-spacing: -0.02em;
}

.-tracking-\[0\.04em\] {
    letter-spacing: -0.04em;
}

.-tracking-\[0\.01em\] {
    letter-spacing: -0.01em;
}

.tracking-widest {
    letter-spacing: 0.1em;
}

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

.text-gold {
    --tw-text-opacity: 1;
    color: rgb(186 172 114 / var(--tw-text-opacity));
}

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

.text-dark {
    color: rgba(0, 0, 0, 0.5);
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(29 29 29 / var(--tw-text-opacity));
}

.text-black\/50 {
    color: rgba(0, 0, 0, 0.5);
}

.text-white\/50 {
    color: hsla(0, 0%, 100%, 0.5);
}

.text-white\/60 {
    color: hsla(0, 0%, 100%, 0.6);
}

.text-zinc-400 {
    --tw-text-opacity: 1;
    color: rgb(187 188 186 / var(--tw-text-opacity));
}

.text-zinc-900 {
    --tw-text-opacity: 1;
    color: rgb(24 23 28 / var(--tw-text-opacity));
}

.text-white\/30 {
    color: hsla(0, 0%, 100%, 0.3);
}

.text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(85 86 90 / var(--tw-text-opacity));
}

.text-inherit {
    color: inherit;
}

.text-secondary {
    color: rgba(0, 0, 0, 0.6);
}

.text-blue {
    --tw-text-opacity: 1;
    color: rgb(25 43 63 / var(--tw-text-opacity));
}

.decoration-\[max\(0\.05em\2c 1px\)\] {
    text-decoration-thickness: max(0.05em, 1px);
}

.underline-offset-\[max\(0\.1em\2c 1px\)\] {
    text-underline-offset: max(0.1em, 1px);
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-25 {
    opacity: 0.25;
}

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

.opacity-60 {
    opacity: 0.6;
}

.mix-blend-difference {
    mix-blend-mode: difference;
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.blur {
    --tw-blur: blur(8px);
}

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

.grayscale {
    --tw-grayscale: grayscale(100%);
}

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

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-colors {
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

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

.transition-\[transform\2c opacity\] {
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.delay-500 {
    transition-delay: 0.5s;
}

.delay-\[1500ms\] {
    transition-delay: 1.5s;
}

.delay-inherited {
    transition-delay: var(--delay, 0ms);
}

.duration-300 {
    transition-duration: 0.3s;
}

.duration-1000 {
    transition-duration: 1s;
}

.duration-700 {
    transition-duration: 0.7s;
}

.duration-500 {
    transition-duration: 0.5s;
}

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

.content-\[\'\/\'\] {
 --tw-content: "/";
content: var(--tw-content);

}
.content-\[\'\'\] {
 --tw-content: "";
content: var(--tw-content);

}
.container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
@media (min-width: 1024px) {
    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
.container {
    max-width: 100%;
}
@media (min-width: 1024px) {
    .container {
        max-width: 116rem;
    }
}
.lang-list a.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.lang-list li+li:before {
    --tw-content: "/";
    content: var(--tw-content);
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.custom-hover-underline {
    text-underline-offset: max(0.1em,
    1px) !important;
    text-decoration-thickness: max(0.05em,
    1px) !important;
}
.custom-hover-underline:focus,
.custom-hover-underline:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.card-image-animation {
    -o-object-fit: cover;
    object-fit: cover;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 1s;
}
.group:hover .card-image-animation {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.card-tags .flex:last-child {
    margin-right: 0 !important;
}
.arrow-animation-up-right {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.3s;
    pointer-events: none;
}
.group:hover .arrow-animation-up-right {
    --tw-translate-y: -0.25rem;
    --tw-translate-x: 0.25rem;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.custom-swiper-button {
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.25;
    border-radius: 0.25rem;
    transition-property: color,
    background-color,
    border-color,
    fill,
    stroke,
    -webkit-text-decoration-color;
    transition-property: color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
    transition-property: color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.15s;
}
.custom-swiper-button:hover {
    --tw-bg-opacity: 0.4;
}
.custom-swiper-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    display: grid;
    place-items: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.custom-swiper-button.swiper-button-prev {
    left: 1.5rem;
}
.custom-swiper-button.swiper-button-next {
    right: 1.5rem;
}
.custom-swiper-button.swiper-disabled {
    --tw-bg-opacity: 0.1;
    pointer-events: none;
}
.hamburger-bar {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.5s;
}
.custom-choice-option {
    font-weight: 300;
    border-radius: 0.25rem;
    transition-property: color,
    background-color,
    border-color,
    fill,
    stroke,
    -webkit-text-decoration-color;
    transition-property: color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
    transition-property: color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.15s;
}
.custom-choice-option:focus,
.custom-choice-option:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 245 / var(--tw-bg-opacity));
}
.custom-choice-option:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 245 / var(--tw-bg-opacity));
}
.custom-choice-option {
    padding: 0.5rem 1rem;
    display: flex;
}
.card-tags .custom-choice-option:last-child {
    margin-right: 0 !important;
}
.card.card_for-grid .card-tags>.custom-choice-option {
    margin-top: 0.5rem;
}
.card.card_for-map .card-tags>.custom-choice-option {
    margin-right: 1rem;
}
.custom-choice-option {
    align-items: center;
}
.custom-choice-option--big {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.swiper-card-width-holder {
    display: block;
}
@media (min-width: 1024px) {
    .properties-grid a.swiper-card-width-holder+a.block {
        margin-left: 4rem;
    }
}
.properties-grid a.swiper-card-width-holder+a.block:last-child {
    margin-left: 0;
}
@media (min-width: 1024px) {
    .properties-grid a.swiper-card-width-holder+a.block:last-child {
        margin-left: 4rem;
    }
}
.swiper-card-width-holder {
    width: 100%;
}
@media (min-width: 1024px) {
    .swiper-card-width-holder {
        width: 20.5rem;
    }
}
.swiper-card-width-holder {
    max-width: 100%;
}
@media (min-width: 1024px) {
    .swiper-card-width-holder {
        width: auto;
    }
}
.circle-64.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.circle-40 {
    width: 2.5rem;
    height: 2.5rem;
}
.circle-40:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.circle-40 {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.15s;
    border-radius: 9999px;
}
@media (min-width: 1024px) {
    .properties-grid a.block+a.block {
        margin-left: 4rem;
    }
}
.properties-grid a.block+a.block:last-child {
    margin-left: 0;
}
@media (min-width: 1024px) {
    .properties-grid a.block+a.block:last-child {
        margin-left: 4rem;
    }
}
.properties-nav-button {
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: calc(13.5415vw+54px+4rem);
    width: 72px;
    height: 72px;
    border-radius: 9999px;
    background-color: hsla(0,
    0%,
    100%,
    0.9);
    display: flex;
}
.card-tags .properties-nav-button:last-child {
    margin-right: 0 !important;
}
.card.card_for-grid .card-tags>.properties-nav-button {
    margin-top: 0.5rem;
}
.card.card_for-map .card-tags>.properties-nav-button {
    margin-right: 1rem;
}
.properties-nav-button {
    align-items: center;
    justify-content: center;
    --tw-scale-x: 0.75;
    --tw-scale-y: 0.75;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 1024px) {
    .properties-nav-button {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}
.properties-nav-button.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}
.properties-nav-button.swiper-button-prev {
    left: 1rem;
}
.properties-nav-button.swiper-button-next {
    right: 1rem;
}
.property-carousel .properties-nav-button {
    top: calc(50% - 36px);
}
.nav-button--on-hover {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 10;
    top: calc(50% - 24px);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.3s;
}
.nav-button--on-hover.swiper-button-prev {
    left: 0.75rem;
}
.nav-button--on-hover.swiper-button-next {
    right: 0.75rem;
}
.nav-button--on-hover.swiper-button-disabled {
    opacity: 0;
    pointer-events: none;
}
.card-images-swiper.overlay--on-hover:after {
    content: "";
    display: block;
}
@media (min-width: 1024px) {
    .properties-grid a.card-images-swiper.overlay--on-hover:after+a.block {
        margin-left: 4rem;
    }
}
.properties-grid a.card-images-swiper.overlay--on-hover:after+a.block:last-child {
    margin-left: 0;
}
@media (min-width: 1024px) {
    .properties-grid a.card-images-swiper.overlay--on-hover:after+a.block:last-child {
        margin-left: 4rem;
    }
}
.card-images-swiper.overlay--on-hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.3s;
    background: linear-gradient( 270deg,
    rgba(0,
    0,
    0,
    0.2),
    rgba(0,
    0,
    0,
    0.044) 21.63%,
    transparent 52.08%,
    rgba(0,
    0,
    0,
    0.044) 76.18%,
    rgba(0,
    0,
    0,
    0.2));
}
.card-images-swiper.overlay--on-hover:hover:after {
    opacity: 1;
}
.card-images-swiper:hover .nav-button--on-hover:not(.swiper-button-disabled) {
    visibility: visible;
    opacity: 1;
}
.news-single-navigation-button {
    position: absolute;
    z-index: 10;
    top: 0;
    height: 100%;
    width: 25%;
    display: grid;
    align-items: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    cursor: pointer;
}
.news-single-navigation-button.swiper-button-prev {
    left: 0;
    justify-content: flex-start;
}
.news-single-navigation-button.swiper-button-next {
    right: 0;
    justify-content: flex-end;
}
.iframe-sizer {
    position: relative;
}
.iframe-sizer iframe {
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
    .middle-of-container {
        grid-column-start: 2;
        grid-column-end: 12;
    }
}
@media (min-width: 1024px) {
    .middle-of-container {
        grid-column-start: 3;
        grid-column-end: 11;
    }
}
@media (min-width: 1280px) {
    .middle-of-container {
        grid-column-end: 10;
        grid-column-start: 4;
    }
}
.search-form-dropdown {
    position: absolute;
    z-index: 20;
    top: 100%;
    left: 0;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 10px 15px -3px rgba(0,
    0,
    0,
    0.1),
    0 4px 6px -4px rgba(0,
    0,
    0,
    0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,
    0 0 transparent),
    var(--tw-ring-shadow,
    0 0 transparent),
    var(--tw-shadow);
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    max-height: 20rem;
    overflow-y: auto;
}
.header-placeholder {
    height: 70px;
}
@media (min-width: 1024px) {
    .header-placeholder {
        height: 152px;
    }
}
.top-header-placeholder {
    top: 70px;
}
@media (min-width: 1024px) {
    .top-header-placeholder {
        top: 152px;
    }
}
.-mt-header-placeholder {
    margin-top: -70px;
}
@media (min-width: 1024px) {
    .-mt-header-placeholder {
        margin-top: -152px;
    }
}
.gray-grid {
    margin-top: 1px;
}
.gray-grid-cell {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-border-opacity));
    margin-top: -1px;
    margin-left: -1px;
}
.dropdown {
    position: relative;
    display: block;
}
@media (min-width: 1024px) {
    .properties-grid a.dropdown+a.block {
        margin-left: 4rem;
    }
}
.properties-grid a.dropdown+a.block:last-child {
    margin-left: 0;
}
@media (min-width: 1024px) {
    .properties-grid a.dropdown+a.block:last-child {
        margin-left: 4rem;
    }
}
.dropdown__list {
    position: absolute;
    z-index: 10;
    padding: 0.5rem;
    top: 100%;
    left: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    --tw-shadow: 0 1px 3px 0 rgba(0,
    0,
    0,
    0.1),
    0 1px 2px -1px rgba(0,
    0,
    0,
    0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,
    0 0 transparent),
    var(--tw-ring-shadow,
    0 0 transparent),
    var(--tw-shadow);
    --tw-text-opacity: 1;
    color: rgb(24 23 28 / var(--tw-text-opacity));
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.15s;
    opacity: 0;
    pointer-events: none;
}
.group:hover .dropdown__list {
    pointer-events: auto;
    opacity: 1;
}
.dropdown__list:focus-within {
    opacity: 1;
    pointer-events: auto;
}
.dropdown__list--right {
    transform: none;
    left: auto;
    right: 0;
}
.advanced-filters-grid {
    display: grid;
    padding: 1rem;
}
@media (min-width: 768px) {
    .advanced-filters-grid {
        padding: 2rem;
    }
}
@media (min-width: 1024px) {
    .advanced-filters-grid {
        padding: 1rem;
    }
}
.advanced-filters-grid {
    gap: 1rem;
}
@media (min-width: 1280px) {
    .advanced-filters-grid {
        padding: 2rem;
        gap: 2rem;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .advanced-filters-grid__left {
        grid-column-start: 1;
        grid-column-end: 2;
    }
    .advanced-filters-grid__right {
        grid-column-start: 2;
        grid-column-end: 4;
    }
}
.grecaptcha-badge {
    visibility: hidden;
}
.delayed-visibility {
    visibility: hidden;
    transition: visibility 0s 1s;
}
.delayed-visibility--300 {
    transition: visibility 0s 0.3s;
}
.delayed-visibility--in {
    visibility: visible;
    transition-delay: 0s;
}
.slide-up-animation {
    padding-bottom: 0.1em;
    transition-duration: 1s !important;
    transition-delay: calc(var(--delay,
    0ms)+var(--index-delay,
    0ms));
}
.child-slide-up-active .slide-up-animation {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.15s;
    transform: none;
}
.fix-transiton-stroke-dashoffset {
    transition-property: stroke-dasharray,
    stroke-dashoffset;
}
.menu-bg {
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    margin-left: -1rem;
    margin-right: -1rem;
}
@media (min-width: 768px) {
    .menu-bg {
        margin-left: -2rem;
        margin-right: -2rem;
    }
}
@media (min-width: 1024px) {
    .menu-bg {
        margin-left: -4rem;
    }
}
.menu-bg {
    transition-property: transform;
    pointer-events: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.15s;
    transition-delay: 0ms;
}
.menu-bg--opened {
    transition-delay: 2s;
    opacity: 1;
}
.custom-menu-shadow {
    box-shadow: inset 0 107px 31px -36px #192b3f;
}
@media (min-width: 768px) {
    .custom-menu-shadow {
        box-shadow: inset 0 120px 31px -36px #192b3f;
    }
}
.height-long {
    box-sizing: content-box;
}
@media (min-width: 1024px) {
    .height-long {
        box-sizing: border-box;
    }
}
.height-long {
    margin-bottom: 370px;
}
@media (min-width: 1024px) {
    .height-long {
        margin-bottom: 0;
    }
}
.height-long {
    padding-top: 0;
    padding-bottom: 0;
}
.height-long .container {
    height: 100%;
}
@media (min-width: 1024px) {
    .height-long .container {
        height: auto;
    }
}
.height-long .hero-content {
    height: calc(100vh - 96px);
    max-height: calc(40rem - 96px);
}
@media (min-width: 768px) {
    .height-long .hero-content {
        max-height: calc(51rem - 96px);
    }
}
@media (min-width: 1024px) {
    .height-long .hero-content {
        max-height: none;
        height: auto;
        display: block;
    }
    @media (min-width: 1024px) {
        .properties-grid a.height-long .hero-content+a.block {
            margin-left: 4rem;
        }
    }
    .properties-grid a.height-long .hero-content+a.block:last-child {
        margin-left: 0;
        margin-left: 4rem;
    }
}
.height-long .hero-content {
    display: flex;
}
.card-tags .height-long .hero-content:last-child {
    margin-right: 0 !important;
}
.card.card_for-grid .card-tags>.height-long .hero-content {
    margin-top: 0.5rem;
}
.card.card_for-map .card-tags>.height-long .hero-content {
    margin-right: 1rem;
}
.height-long .hero-content {
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
@media (min-width: 768px) {
    .height-long .hero-content {
        padding-bottom: 0;
        justify-content: center;
    }
}
@media (min-width: 1024px) {
    .height-long .hero-content {
        padding-top: 0;
    }
}
.hero-search-form {
    --delay: 900ms;
}
.hero-search-form .buttons-row>div:last-child {
    --delay: 1000ms;
}
@media (min-width: 1024px) {
    .hero-search-form {
        --delay: 2400ms;
    }
    .hero-search-form .buttons-row>div:last-child {
        --delay: 2500ms;
    }
}
.popup-menu.delayed-visibility--in .li-child {
    --delay: 1200ms;
}
@media (min-width: 1024px) {
    .popup-menu.delayed-visibility--in .li-child {
        --delay: 2000ms;
    }
}
.popup-menu .popup-menu__header-bg:after {
    --tw-content: "";
    content: var(--tw-content);
    position: absolute;
    top: 4rem;
    left: 0;
    right: 0;
    height: 2rem;
    width: 100%;
    background: linear-gradient(180deg,
    #283c51 25%,
    transparent);
}
.popup-menu.delayed-visibility--in .popup-menu__header-bg {
    opacity: 1;
    transition-delay: 2s;
}
.overflow-y-scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.overflow-y-scroll::-webkit-scrollbar {
    display: none;
}
.card.card_for-grid {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border: 1px solid rgb(191 191 191 / var(--tw-border-opacity));
    /* border-top: 0 solid rgb(191 191 191 / var(--tw-border-opacity)); */
    padding: 2rem;
}
@media (min-width: 1280px) {
    .card.card_for-grid {
        height: 100%;
    }
}
.card.card_for-grid {
    margin-bottom: 0;
}
.card.card_for-grid.card.card_for-grid--small {
    padding: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
    border-width: 0;
}
.card.card_for-grid.card.card_for-grid--small .card-title {
    min-height: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
}
@media (min-width: 768px) {
    .card.card_for-grid.card.card_for-grid--small .card-title {
        margin-bottom: 2rem;
    }
}
.card.card_for-grid .card-tags,
.card.card_for-grid .js-property-tags {
    flex-direction: column;
    padding-bottom: 0;
}
.card.card_for-grid .card-tags>.flex {
    margin-top: 0.5rem;
}
@media (min-width: 768px) {
    .card.card_for-grid .card-title {
        /*min-height: 88px;*/
    }
}
.card.card_for-grid .card-title {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
    .card.card_for-grid .card-title {
        margin-bottom: 2.5rem;
    }
}
.cards-grid>li:first-child .card.card_for-grid {
    border-top-width: 1px;
}
@media (min-width: 1280px) {
    /* .cards-grid>li:nth-child(2) .card.card_for-grid {
        border-top-width: 1px;
    }
    .cards-grid>li:nth-child(2n) .card.card_for-grid {
        /* border-left-width: 0; */
}
*/ .card.card_for-map .card-title {
    font-size: 1rem;
    line-height: 1.5rem;
}
.card.card_for-map .card-tags {
    flex-wrap: wrap;
}
.card.card_for-map .card-tags>.flex {
    margin-right: 1rem;
}
.image-fade {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: linear-gradient(0deg,
    rgba(0,
    0,
    0,
    0.2),
    rgba(0,
    0,
    0,
    0.2));
}
.news-grid li {
    --tw-border-opacity: 1;
    border-color: rgb(191 191 191 / var(--tw-border-opacity));
    border-left: 1px rgb(191 191 191 / var(--tw-border-opacity));
    border-style: solid;
}
@media (min-width: 768px) {
    .news-grid li {
        border-left-width: 0;
    }
}
.news-grid li:first-child,
.news-grid li:nth-child(odd) {
    border-left-width: 1px;
    border-right-width: 1px;
}
.news-grid li:nth-child(2n) {
    border-right-width: 1px;
}
@media (min-width: 768px) {
    .built-grid {
        display: grid;
        grid-template-columns: repeat(10, minmax(0, 1fr));
        gap: 2rem;
    }
    .built-grid .built-card:nth-child(odd) {
        grid-column-start: 1;
        grid-column-end: 5;
    }
    .built-grid .built-card:nth-child(2n) {
        grid-column-start: 7;
        grid-column-end: 11;
    }
    .built-grid .built-card:nth-child(4n) {
        grid-column-start: 5;
        grid-column-end: 11;
    }
    .built-grid .built-card:first-child,
    .built-grid .built-card:nth-child(4n+1) {
        grid-column-end: 7;
    }
}
.preloader-logo svg {
    position: relative;
    top: -5px;
    margin-left: auto;
    margin-right: auto;
    transform-origin: top;
}
.preloader-logo svg path {
    stroke-dasharray: 390;
    stroke-dashoffset: 390;
    -webkit-animation: dash 1.5s ease-in-out 1s 1 forwards;
    animation: dash 1.5s ease-in-out 1s 1 forwards;
}
@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
.placeholder\:text-white::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.placeholder\:text-white:-ms-input-placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.placeholder\:text-white::placeholder {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
}
.before\:inset-y-0:before {
    content: var(--tw-content);
    top: 0;
    bottom: 0;
}
.before\:left-0:before {
    content: var(--tw-content);
    left: 0;
}
.before\:my-auto:before {
    content: var(--tw-content);
    margin-top: auto;
    margin-bottom: auto;
}
.before\:h-8:before {
    content: var(--tw-content);
    height: 2rem;
}
.before\:w-px:before {
    content: var(--tw-content);
    width: 1px;
}
.before\:bg-borderLight:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(191 191 191 / var(--tw-bg-opacity));
}
.after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
}
.after\:inset-0:after {
    content: var(--tw-content);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.after\:-right-5:after {
    content: var(--tw-content);
    right: -1.25rem;
}
.after\:top-1:after {
    content: var(--tw-content);
    top: 0.25rem;
}
.after\:z-10:after {
    content: var(--tw-content);
    z-index: 10;
}
.after\:block:after {
    content: var(--tw-content);
    display: block;
}
.after\:bg-black\/40:after {
    content: var(--tw-content);
    background-color: rgba(0,
    0,
    0,
    0.4);
}
.after\:text-white:after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
}
.after\:transition-all:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.15s;
}
.after\:duration-700:after {
    content: var(--tw-content);
    transition-duration: 0.7s;
}
.after\:content-\[\'\'\]:after {
 --tw-content: "";
content: var(--tw-content);

}
@media (min-width: 1024px) {
    .properties-grid a.after\:block+a.block:after {
        margin-left: 4rem;
    }
}
.properties-grid a.after\:block+a.block:after:last-child {
    margin-left: 0;
}
.properties-grid a.after\:block+a.block:after {
    content: var(--tw-content);
}
@media (min-width: 1024px) {
    .properties-grid a.after\:block+a.block:after:last-child {
        margin-left: 4rem;
    }
}
.first\:border-r-0:first-child {
    border-right-width: 0;
}
.first\:border-l-0:first-child {
    border-left-width: 0;
}
.last\:mb-0:last-child {
    margin-bottom: 0;
}
.last\:border-l-0:last-child {
    border-left-width: 0;
}
.last\:border-t:last-child {
    border-top-width: 1px;
}
.focus-within\:pointer-events-auto:focus-within {
    pointer-events: auto;
}
.focus-within\:border-neutral-400:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(163 163 163 / var(--tw-border-opacity));
}
.focus-within\:bg-stone-100:focus-within {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}
.focus-within\:opacity-100:focus-within {
    opacity: 1;
}
.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:border-neutral-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(163 163 163 / var(--tw-border-opacity));
}
.hover\:border-gold:hover {
    --tw-border-opacity: 1;
    border-color: rgb(186 172 114 / var(--tw-border-opacity));
}
.hover\:border-b-gold:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(186 172 114 / var(--tw-border-opacity));
}
.hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.hover\:bg-stone-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 244 / var(--tw-bg-opacity));
}
.hover\:bg-stone-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 247 245 / var(--tw-bg-opacity));
}
.hover\:bg-gold:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(186 172 114 / var(--tw-bg-opacity));
}
.hover\:bg-blue:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(25 43 63 / var(--tw-bg-opacity));
}
.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-gold:hover {
    --tw-text-opacity: 1;
    color: rgb(186 172 114 / var(--tw-text-opacity));
}
.hover\:text-zinc-600:hover {
    --tw-text-opacity: 1;
    color: rgb(85 86 90 / var(--tw-text-opacity));
}
.hover\:opacity-50:hover {
    opacity: 0.5;
}
.focus\:bg-blue:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(25 43 63 / var(--tw-bg-opacity));
}
.focus\:opacity-50:focus {
    opacity: 0.5;
}
.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.disabled\:pointer-events-none:disabled {
    pointer-events: none;
}
.disabled\:opacity-50:disabled {
    opacity: 0.5;
}
.group:hover .group-hover\:pointer-events-auto {
    pointer-events: auto;
}
.group:hover .group-hover\:h-full {
    height: 100%;
}
.group:hover .group-hover\:w-full {
    width: 100%;
}
.group:hover .group-hover\:-translate-y-1 {
    --tw-translate-y: -0.25rem;
}
.group:hover .group-hover\:-translate-y-1,
.group:hover .group-hover\:translate-x-0\.5 {
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
}
.group:hover .group-hover\:translate-x-0 {
    --tw-translate-x: 0px;
}
.group:hover .group-hover\:scale-100,
.group:hover .group-hover\:translate-x-0 {
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
}
.group:hover .group-hover\:scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border-gold {
    --tw-border-opacity: 1;
    border-color: rgb(186 172 114 / var(--tw-border-opacity));
}
.group:hover .group-hover\:bg-black\/20 {
    background-color: rgba(0,
    0,
    0,
    0.2);
}
.group:hover .group-hover\:stroke-zinc-600 {
    stroke: #55565a;
}
.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.group:hover .group-hover\:text-gold {
    --tw-text-opacity: 1;
    color: rgb(186 172 114 / var(--tw-text-opacity));
}
.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}
.group:hover .group-hover\:opacity-0 {
    opacity: 0;
}
.group:hover .group-hover\:grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.group:hover .group-hover\:after\:opacity-100:after {
    content: var(--tw-content);
    opacity: 1;
}
.group:focus .group-focus\:translate-x-0\.5 {
    --tw-translate-x: 0.125rem;
}
.group:focus .group-focus\:translate-x-0,
.group:focus .group-focus\:translate-x-0\.5 {
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:focus .group-focus\:translate-x-0 {
    --tw-translate-x: 0px;
}
.group:focus .group-focus\:border-zinc-600 {
    --tw-border-opacity: 1;
    border-color: rgb(85 86 90 / var(--tw-border-opacity));
}
.group:focus .group-focus\:text-gold {
    --tw-text-opacity: 1;
    color: rgb(186 172 114 / var(--tw-text-opacity));
}
.peer:checked~.peer-checked\:pointer-events-none {
    pointer-events: none;
}
.peer:checked~.peer-checked\:border-darkBlue {
    --tw-border-opacity: 1;
    border-color: rgb(40 60 81 / var(--tw-border-opacity));
}
.peer:checked~.peer-checked\:border-blue {
    --tw-border-opacity: 1;
    border-color: rgb(25 43 63 / var(--tw-border-opacity));
}
.peer:checked~.peer-checked\:bg-darkBlue {
    --tw-bg-opacity: 1;
    background-color: rgb(40 60 81 / var(--tw-bg-opacity));
}
.peer:checked~.peer-checked\:bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(25 43 63 / var(--tw-bg-opacity));
}
.peer:checked~.peer-checked\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.peer:checked~.peer-checked\:text-darkBlue {
    --tw-text-opacity: 1;
    color: rgb(40 60 81 / var(--tw-text-opacity));
}
.peer:checked~.peer-checked\:opacity-100 {
    opacity: 1;
}
.peer:focus~.peer-focus\:border-neutral-400 {
    --tw-border-opacity: 1;
    border-color: rgb(163 163 163 / var(--tw-border-opacity));
}
@media (hover: hover) {
    .supports-hover\:p-0 {
        padding: 0;
    }
    .supports-hover\:opacity-0 {
        opacity: 0;
    }
    .supports-hover\:card-image-animation {
        -o-object-fit: cover;
        object-fit: cover;
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4,
        0,
        0.2,
        1);
        transition-duration: 0.15s;
        transition-duration: 1s;
    }
    .group:hover .supports-hover\:card-image-animation {
        --tw-scale-x: 1.05;
        --tw-scale-y: 1.05;
        transform: translate(var(--tw-translate-x),
        var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}
@media (min-width: 640px) {
    .sm\:inline-block {
        display: inline-block;
    }
    .sm\:aspect-\[312_\/_344\] {
        aspect-ratio: 312/344;
    }
    .sm\:h-14 {
        height: 3.5rem;
    }
    .sm\:w-14 {
        width: 3.5rem;
    }
    .sm\:border-l-0 {
        border-left-width: 0;
    }
    .sm\:border-l {
        border-left-width: 1px;
    }
    .sm\:py-\[18px\] {
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
@media (min-width: 768px) {
    .md\:static {
        position: static;
    }
    .md\:absolute {
        position: absolute;
    }
    .md\:relative {
        position: relative;
    }
    .md\:inset-x-5 {
        left: 1.25rem;
        right: 1.25rem;
    }
    .md\:top-8 {
        top: 2rem;
    }
    .md\:left-0 {
        left: 0;
    }
    .md\:top-\[15px\] {
        top: 15px;
    }
    .md\:bottom-0 {
        bottom: 0;
    }
    .md\:bottom-\[calc\(-18\.65vw-32px\)\] {
        bottom: calc(-18.65vw - 32px);
    }
    .md\:left-8 {
        left: 2rem;
    }
    .md\:right-auto {
        right: auto;
    }
    .md\:order-\[0\],
    .md\:order-none {
        order: 0;
    }
    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .md\:col-start-7 {
        grid-column-start: 7;
    }
    .md\:col-start-1 {
        grid-column-start: 1;
    }
    .md\:col-start-5 {
        grid-column-start: 5;
    }
    .md\:col-start-3 {
        grid-column-start: 3;
    }
    .md\:col-end-13 {
        grid-column-end: 13;
    }
    .md\:col-end-7 {
        grid-column-end: 7;
    }
    .md\:col-end-5 {
        grid-column-end: 5;
    }
    .md\:col-end-9 {
        grid-column-end: 9;
    }
    .md\:col-end-12 {
        grid-column-end: 12;
    }
    .md\:col-end-3 {
        grid-column-end: 3;
    }
    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .md\:\!my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .md\:my-16 {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .md\:my-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .md\:my-auto {
        margin-top: auto;
        margin-bottom: auto;
    }
    .md\:mb-0 {
        margin-bottom: 0;
    }
    .md\:mt-0 {
        margin-top: 0;
    }
    .md\:mt-16 {
        margin-top: 4rem;
    }
    .md\:ml-0 {
        margin-left: 0;
    }
    .md\:mt-\[52px\] {
        margin-top: 52px;
    }
    .md\:mb-16 {
        margin-bottom: 4rem;
    }
    .md\:mt-8 {
        margin-top: 2rem;
    }
    .md\:mr-4 {
        margin-right: 1rem;
    }
    .md\:mt-auto {
        margin-top: auto;
    }
    .md\:mr-0 {
        margin-right: 0;
    }
    .md\:ml-16 {
        margin-left: 4rem;
    }
    .md\:mt-\[84px\] {
        margin-top: 84px;
    }
    .md\:mr-16 {
        margin-right: 4rem;
    }
    .md\:mt-2 {
        margin-top: 0.5rem;
    }
    .md\:ml-14 {
        margin-left: 3.5rem;
    }
    .md\:ml-auto {
        margin-left: auto;
    }
    .md\:mt-12 {
        margin-top: 3rem;
    }
    .md\:mt-4 {
        margin-top: 1rem;
    }
    .md\:-ml-4 {
        margin-left: -1rem;
    }
    .md\:block {
        display: block;
    }
    .md\:inline {
        display: inline;
    }
    .md\:flex {
        display: flex;
    }
    .md\:inline-flex {
        display: inline-flex;
    }
    .md\:grid {
        display: grid;
    }
    .md\:hidden {
        display: none;
    }
    .md\:aspect-auto {
        aspect-ratio: auto;
    }
    .md\:aspect-\[576_\/_696\] {
        aspect-ratio: 576/696;
    }
    .md\:aspect-\[1184_\/_632\] {
        aspect-ratio: 1184/632;
    }
    .md\:h-\[344px\] {
        height: 344px;
    }
    .md\:\!h-screen {
        height: 100vh !important;
    }
    .md\:h-screen {
        height: 100vh;
    }
    .md\:h-auto {
        height: auto;
    }
    .md\:h-\[60vh\] {
        height: 60vh;
    }
    .md\:h-10 {
        height: 2.5rem;
    }
    .md\:h-\[3\.75rem\] {
        height: 3.75rem;
    }
    .md\:max-h-\[51rem\] {
        max-height: 51rem;
    }
    .md\:max-h-\[102rem\] {
        max-height: 102rem;
    }
    .md\:min-h-\[35vw\] {
        min-height: 35vw;
    }
    .md\:min-h-screen {
        min-height: 100vh;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:w-full {
        width: 100%;
    }
    .md\:w-\[calc\(100\%\+2rem\)\] {
        width: calc(100%+2rem);
    }
    .md\:w-3\/4 {
        width: 75%;
    }
    .md\:w-1\/4 {
        width: 25%;
    }
    .md\:w-1\/2 {
        width: 50%;
    }
    .md\:w-screen {
        width: 100vw;
    }
    .md\:max-w-\[272px\] {
        max-width: 272px;
    }
    .md\:max-w-\[calc\(50\%-1rem\)\] {
        max-width: calc(50% - 1rem);
    }
    .md\:max-w-\[50\%\] {
        max-width: 50%;
    }
    .md\:max-w-\[274px\] {
        max-width: 274px;
    }
    .md\:max-w-\[235px\] {
        max-width: 235px;
    }
    .md\:max-w-xl {
        max-width: 36rem;
    }
    .md\:max-w-\[224px\] {
        max-width: 224px;
    }
    .md\:max-w-\[424px\] {
        max-width: 424px;
    }
    .md\:flex-grow {
        flex-grow: 1;
    }
    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x),
        var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .md\:grid-cols-12 {
        grid-template-columns: repeat(12,
        minmax(0,
        1fr));
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,
        minmax(0,
        1fr));
    }
    .md\:grid-cols-8 {
        grid-template-columns: repeat(8,
        minmax(0,
        1fr));
    }
    .md\:grid-cols-5 {
        grid-template-columns: repeat(5,
        minmax(0,
        1fr));
    }
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:flex-col {
        flex-direction: column;
    }
    .md\:flex-col-reverse {
        flex-direction: column-reverse;
    }
    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .md\:items-end {
        align-items: flex-end;
    }
    .md\:justify-start {
        justify-content: flex-start;
    }
    .md\:justify-center {
        justify-content: center;
    }
    .md\:justify-between {
        justify-content: space-between;
    }
    .md\:gap-8 {
        gap: 2rem;
    }
    .md\:gap-2 {
        gap: 0.5rem;
    }
    .md\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
    .md\:gap-y-16 {
        row-gap: 4rem;
    }
    .md\:space-x-6> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
        margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));
    }
    .md\:space-y-6> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    }
    .md\:space-x-8> :not([hidden])~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2rem * var(--tw-space-x-reverse));
        margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
    }
    .md\:self-center {
        align-self: center;
    }
    .md\:border-0 {
        border-width: 0;
    }
    .md\:border-l-0 {
        border-left-width: 0;
    }
    .md\:border-t {
        border-top-width: 1px;
    }
    .md\:border-r {
        border-right-width: 1px;
    }
    .md\:border-none {
        border-style: none;
    }
    .md\:object-cover {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .md\:object-left {
        -o-object-position: left;
        object-position: left;
    }
    .md\:p-8 {
        padding: 2rem;
    }
    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0;
    }
    .md\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .md\:px-\[10\%\] {
        padding-left: 10%;
        padding-right: 10%;
    }
    .md\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .md\:py-\[90px\] {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .md\:py-\[112px\] {
        padding-top: 112px;
        padding-bottom: 112px;
    }
    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    .md\:pl-8 {
        padding-left: 2rem;
    }
    .md\:pr-8 {
        padding-right: 2rem;
    }
    .md\:pt-40 {
        padding-top: 10rem;
    }
    .md\:pb-0 {
        padding-bottom: 0;
    }
    .md\:pt-\[90px\] {
        padding-top: 90px;
    }
    .md\:pt-20 {
        padding-top: 5rem;
    }
    .md\:pb-28 {
        padding-bottom: 7rem;
    }
    .md\:pt-16 {
        padding-top: 4rem;
    }
    .md\:pb-32 {
        padding-bottom: 8rem;
    }
    .md\:pt-28 {
        padding-top: 7rem;
    }
    .md\:pr-4 {
        padding-right: 1rem;
    }
    .md\:pt-24 {
        padding-top: 6rem;
    }
    .md\:pt-\[72px\] {
        padding-top: 72px;
    }
    .md\:pb-16 {
        padding-bottom: 4rem;
    }
    .md\:pt-32 {
        padding-top: 8rem;
    }
    .md\:pl-16 {
        padding-left: 4rem;
    }
    .md\:pb-20 {
        padding-bottom: 5rem;
    }
    .md\:pb-\[100px\] {
        padding-bottom: 100px;
    }
    .md\:pt-0 {
        padding-top: 0;
    }
    .md\:pb-8 {
        padding-bottom: 2rem;
    }
    .md\:pb-\[112px\] {
        padding-bottom: 112px;
    }
    .md\:text-left {
        text-align: left;
    }
    .md\:text-center {
        text-align: center;
    }
    .md\:text-right {
        text-align: right;
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .md\:opacity-25 {
        opacity: 0.25;
    }
    .card-tags .md\:flex:last-child {
        margin-right: 0 !important;
    }
    @media (min-width: 1024px) {
        .properties-grid a.md\:block+a.block {
            margin-left: 4rem;
        }
    }
    .properties-grid a.md\:block+a.block:last-child {
        margin-left: 0;
    }
    @media (min-width: 1024px) {
        .properties-grid a.md\:block+a.block:last-child {
            margin-left: 4rem;
        }
    }
    .after\:md\:content-\[\'\/\'\]:after {
 --tw-content: "/";
    content: var(--tw-content);
}
.first\:md\:border-b:first-child {
    border-bottom-width: 1px;
}

}
@media (min-width: 1024px) {
    .lg\:static {
        position: static;
    }
    .lg\:fixed {
        position: fixed;
    }
    .lg\:absolute {
        position: absolute;
    }
    .lg\:inset-x-8 {
        left: 2rem;
        right: 2rem;
    }
    .lg\:top-0 {
        top: 0;
    }
    .lg\:bottom-8 {
        bottom: 2rem;
    }
    .lg\:right-3 {
        right: 0.75rem;
    }
    .lg\:right-2 {
        right: 0.5rem;
    }
    .lg\:order-\[0\] {
        order: 0;
    }
    .lg\:order-2 {
        order: 2;
    }
    .lg\:order-3 {
        order: 3;
    }
    .lg\:col-start-8 {
        grid-column-start: 8;
    }
    .lg\:col-start-3 {
        grid-column-start: 3;
    }
    .lg\:col-start-5 {
        grid-column-start: 5;
    }
    .lg\:col-start-9 {
        grid-column-start: 9;
    }
    .lg\:col-end-4 {
        grid-column-end: 4;
    }
    .lg\:col-end-6 {
        grid-column-end: 6;
    }
    .lg\:col-end-11 {
        grid-column-end: 11;
    }
    .lg\:col-end-5 {
        grid-column-end: 5;
    }
    .lg\:col-end-9 {
        grid-column-end: 9;
    }
    .lg\:col-end-12 {
        grid-column-end: 12;
    }
    .lg\:mx-8 {
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .lg\:mt-auto {
        margin-top: auto;
    }
    .lg\:mt-28 {
        margin-top: 7rem;
    }
    .lg\:mb-28 {
        margin-bottom: 7rem;
    }
    .lg\:mt-\[calc\(72px\+64px\)\] {
        margin-top: 136px;
    }
    .lg\:mt-32 {
        margin-top: 8rem;
    }
    .lg\:mt-8 {
        margin-top: 2rem;
    }
    .lg\:mb-0 {
        margin-bottom: 0;
    }
    .lg\:mt-0 {
        margin-top: 0;
    }
    .lg\:mt-3 {
        margin-top: 0.75rem;
    }
    .lg\:ml-2 {
        margin-left: 0.5rem;
    }
    .lg\:mr-0 {
        margin-right: 0;
    }
    .lg\:mt-4 {
        margin-top: 1rem;
    }
    .lg\:mb-16 {
        margin-bottom: 4rem;
    }
    .lg\:mt-\[70px\] {
        margin-top: 70px;
    }
    .lg\:block {
        display: block;
    }
    .lg\:flex {
        display: flex;
    }
    .lg\:grid {
        display: grid;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:h-full {
        height: 100%;
    }
    .lg\:h-auto {
        height: auto;
    }
    .lg\:max-h-\[95vh\] {
        max-height: 95vh;
    }
    .lg\:w-auto {
        width: auto;
    }
    .lg\:w-\[calc\(100\%-272px\+2rem\)\] {
        width: calc(100% - 272px+2rem);
    }
    .lg\:w-full {
        width: 100%;
    }
    .lg\:w-\[calc\(100\%\*296\/969\)\] {
        width: 30.54696%;
    }
    .lg\:w-\[calc\(100\%\*214\/969\)\] {
        width: 22.08462%;
    }
    .lg\:w-0 {
        width: 0;
    }
    .lg\:w-\[30rem_\!important\] {
        width: 30rem !important;
    }
    .lg\:max-w-\[65vw\] {
        max-width: 65vw;
    }
    .lg\:max-w-\[272px\] {
        max-width: 272px;
    }
    .lg\:max-w-\[576px\] {
        max-width: 576px;
    }
    .lg\:max-w-none {
        max-width: none;
    }
    .lg\:max-w-\[45\.85vw\] {
        max-width: 45.85vw;
    }
    .lg\:translate-y-4 {
        --tw-translate-y: 1rem;
        transform: translate(var(--tw-translate-x),
        var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1,
        minmax(0,
        1fr));
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4,
        minmax(0,
        1fr));
    }
    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12,
        minmax(0,
        1fr));
    }
    .lg\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .lg\:items-center {
        align-items: center;
    }
    .lg\:justify-around {
        justify-content: space-around;
    }
    .lg\:gap-8 {
        gap: 2rem;
    }
    .lg\:gap-0 {
        gap: 0;
    }
    .lg\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
    .lg\:rounded {
        border-radius: 0.25rem;
    }
    .lg\:border {
        border-width: 1px;
    }
    .lg\:border-b-0 {
        border-bottom-width: 0;
    }
    .lg\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
    .lg\:bg-blue {
        --tw-bg-opacity: 1;
        background-color: rgb(25 43 63 / var(--tw-bg-opacity));
    }
    .lg\:p-0 {
        padding: 0;
    }
    .lg\:p-16 {
        padding: 4rem;
    }
    .lg\:p-2 {
        padding: 0.5rem;
    }
    .lg\:p-\[72px\] {
        padding: 72px;
    }
    .lg\:px-\[72px\] {
        padding-left: 72px;
        padding-right: 72px;
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .lg\:py-2\.5 {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
    .lg\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .lg\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .lg\:px-2 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .lg\:pl-16 {
        padding-left: 4rem;
    }
    .lg\:pr-16 {
        padding-right: 4rem;
    }
    .lg\:pt-36 {
        padding-top: 9rem;
    }
    .lg\:pt-\[136px\] {
        padding-top: 136px;
    }
    .lg\:pb-0 {
        padding-bottom: 0;
    }
    .lg\:pt-8 {
        padding-top: 2rem;
    }
    .lg\:pt-\[90px\] {
        padding-top: 90px;
    }
    .lg\:pt-\[88px\] {
        padding-top: 88px;
    }
    .lg\:pb-\[152px\] {
        padding-bottom: 152px;
    }
    .lg\:pb-16 {
        padding-bottom: 4rem;
    }
    .lg\:pl-4 {
        padding-left: 1rem;
    }
    .lg\:pr-8 {
        padding-right: 2rem;
    }
    .lg\:text-center {
        text-align: center;
    }
    .lg\:text-\[4rem\] {
        font-size: 4rem;
    }
    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .lg\:text-gold {
        --tw-text-opacity: 1;
        color: rgb(186 172 114 / var(--tw-text-opacity));
    }
    .lg\:opacity-0 {
        opacity: 0;
    }
    .card-tags .lg\:flex:last-child {
        margin-right: 0 !important;
    }
    @media (min-width: 1024px) {
        .properties-grid a.lg\:block+a.block {
            margin-left: 4rem;
        }
    }
    .properties-grid a.lg\:block+a.block:last-child {
        margin-left: 0;
        margin-left: 4rem;
    }
    .after\:lg\:top-px:after {
        content: var(--tw-content);
        top: 1px;
    }
    .first\:lg\:border-b-0:first-child {
        border-bottom-width: 0;
    }
    .last\:lg\:border-t-0:last-child {
        border-top-width: 0;
    }
    .hover\:lg\:bg-black:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    }
    .hover\:lg\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
    .hover\:lg\:bg-gold:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(186 172 114 / var(--tw-bg-opacity));
    }
    .lg\:hover\:bg-black:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    }
    .lg\:hover\:text-black:hover {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }
    .hover\:lg\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
    .hover\:lg\:text-black:hover {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }
    .lg\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }
    .group:hover .group-hover\:lg\:h-8 {
        height: 2rem;
    }
    .group:hover .lg\:group-hover\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x),
        var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .group:hover .group-hover\:lg\:border-gold {
        --tw-border-opacity: 1;
        border-color: rgb(186 172 114 / var(--tw-border-opacity));
    }
    .group:hover .group-hover\:lg\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }
    .group:hover .group-hover\:lg\:text-black {
        --tw-text-opacity: 1;
        color: rgb(0 0 0 / var(--tw-text-opacity));
    }
    .group:hover .lg\:group-hover\:opacity-100 {
        opacity: 1;
    }
}
@media (min-width: 1280px) {
    .xl\:inset-x-16 {
        left: 4rem;
        right: 4rem;
    }
    .xl\:left-\[calc\(\(100vw-41\.25vw-728px\)\/2\)\] {
        left: calc(29.375vw - 364px);
    }
    .xl\:col-start-2 {
        grid-column-start: 2;
    }
    .xl\:col-start-1 {
        grid-column-start: 1;
    }
    .xl\:col-start-9 {
        grid-column-start: 9;
    }
    .xl\:col-start-10 {
        grid-column-start: 10;
    }
    .xl\:col-start-8 {
        grid-column-start: 8;
    }
    .xl\:col-end-12 {
        grid-column-end: 12;
    }
    .xl\:col-end-11 {
        grid-column-end: 11;
    }
    .xl\:col-end-8 {
        grid-column-end: 8;
    }
    .xl\:col-end-13 {
        grid-column-end: 13;
    }
    .xl\:col-end-4 {
        grid-column-end: 4;
    }
    .xl\:col-end-6 {
        grid-column-end: 6;
    }
    .xl\:mt-0 {
        margin-top: 0;
    }
    .xl\:mt-\[calc\(80px\+64px\)\] {
        margin-top: 144px;
    }
    .xl\:mr-8 {
        margin-right: 2rem;
    }
    .xl\:mt-auto {
        margin-top: auto;
    }
    .xl\:ml-0 {
        margin-left: 0;
    }
    .xl\:ml-4 {
        margin-left: 1rem;
    }
    .xl\:mt-24 {
        margin-top: 6rem;
    }
    .xl\:mb-\[88px\] {
        margin-bottom: 88px;
    }
    .xl\:flex {
        display: flex;
    }
    .xl\:grid {
        display: grid;
    }
    .xl\:h-auto {
        height: auto;
    }
    .xl\:w-\[14\.15vw\] {
        width: 14.15vw;
    }
    .xl\:w-auto {
        width: auto;
    }
    .xl\:w-\[calc\(25\%-12px\)\] {
        width: calc(25% - 12px);
    }
    .xl\:w-\[14\.25rem\] {
        width: 14.25rem;
    }
    .xl\:max-w-\[312px\] {
        max-width: 312px;
    }
    .xl\:max-w-\[calc\(100\%-312px\)\] {
        max-width: calc(100% - 312px);
    }
    .xl\:max-w-\[272px\] {
        max-width: 272px;
    }
    .xl\:max-w-\[560px\] {
        max-width: 560px;
    }
    .xl\:grid-cols-12 {
        grid-template-columns: repeat(12,
        minmax(0,
        1fr));
    }
    .xl\:grid-cols-2 {
        grid-template-columns: repeat(3,
        minmax(0,
        1fr));
    }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4,
        minmax(0,
            1fr));
    }
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:flex-col {
        flex-direction: column;
    }
    .xl\:flex-nowrap {
        flex-wrap: nowrap;
    }
    .xl\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
    .xl\:p-\[72px\] {
        padding: 72px;
    }
    .xl\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .xl\:pl-8 {
        padding-left: 2rem;
    }
    .xl\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .xl\:leading-7 {
        line-height: 1.75rem;
    }
    .card-tags .xl\:flex:last-child {
        margin-right: 0 !important;
    }
    .before\:xl\:-left-3:before {
        content: var(--tw-content);
        left: -0.75rem;
    }
}
@media (min-width: 1536px) {
    .\32xl\:right-5 {
        right: 1.25rem;
    }
    .\32xl\:right-4 {
        right: 1rem;
    }
    .\32xl\:col-start-8 {
        grid-column-start: 8;
    }
    .\32xl\:col-start-2 {
        grid-column-start: 2;
    }
    .\32xl\:col-start-5 {
        grid-column-start: 5;
    }
    .\32xl\:col-start-9 {
        grid-column-start: 9;
    }
    .\32xl\:col-start-3 {
        grid-column-start: 3;
    }
    .\32xl\:col-start-10 {
        grid-column-start: 10;
    }
    .\32xl\:col-start-4 {
        grid-column-start: 4;
    }
    .\32xl\:col-end-12 {
        grid-column-end: 12;
    }
    .\32xl\:col-end-6 {
        grid-column-end: 6;
    }
    .\32xl\:col-end-9 {
        grid-column-end: 9;
    }
    .\32xl\:col-end-5 {
        grid-column-end: 5;
    }
    .\32xl\:col-end-11 {
        grid-column-end: 11;
    }
    .\32xl\:col-end-10 {
        grid-column-end: 10;
    }
    .\32xl\:mt-\[calc\(96px\+64px\)\] {
        margin-top: 160px;
    }
    .\32xl\:mt-44 {
        margin-top: 11rem;
    }
    .\32xl\:mr-12 {
        margin-right: 3rem;
    }
    .\32xl\:mr-8 {
        margin-right: 2rem;
    }
    .\32xl\:w-\[calc\(100\%-424px\+4rem\)\] {
        width: calc(100% - 424px+4rem);
    }
    .\32xl\:w-\[calc\(100\%\+4rem\)\] {
        width: calc(100%+4rem);
    }
    .\32xl\:max-w-\[60vw\] {
        max-width: 60vw;
    }
    .\32xl\:max-w-\[424px\] {
        max-width: 424px;
    }
    .\32xl\:grid-cols-5 {
        grid-template-columns: repeat(5,
        minmax(0,
        1fr));
    }
    .\32xl\:items-start {
        align-items: flex-start;
    }
    .\32xl\:p-12 {
        padding: 3rem;
    }
    .\32xl\:p-16 {
        padding: 4rem;
    }
    .\32xl\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .\32xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .\32xl\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .\32xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .\32xl\:pl-28 {
        padding-left: 7rem;
    }
    .\32xl\:pr-28 {
        padding-right: 7rem;
    }
    .\32xl\:pl-8 {
        padding-left: 2rem;
    }
    .\32xl\:pr-10 {
        padding-right: 2.5rem;
    }
    .\32xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .\32xl\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .\32xl\:text-\[2rem\] {
        font-size: 2rem;
    }
    .\32xl\:leading-5 {
        line-height: 1.25rem;
    }
}
body {
    font-family: inherit;
    color: inherit;
    background: none;
    font-weight: inherit;
    font-size: inherit;
}
a:focus,
a:hover {
    text-decoration: inherit;
}
.mui-textfield {
    padding-top: 0 !important;
    padding-left: 0.75rem;
    height: 100%;
}
.mui-textfield>input {
    height: 100% !important;
    font-weight: 300;
}
.mui-textfield>label {
    width: auto !important;
    display: inline !important;
    line-height: 1.5rem !important;
    top: calc(50% - 12px);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.search-page-filters .mui-textfield>label {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.mui-textfield--float-label>input:focus~label {
    color: rgba(0,
    0,
    0,
    0.6);
}
.mui-textfield--float-label>input:focus~label,
.mui-textfield--float-label>input:not(:focus).mui--is-not-empty~label,
.mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,
.mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not( .mui--is-not-empty)~label,
.mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty~label,
.mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty)~label,
.mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not( .mui--is-not-empty)~label {
    line-height: 1;
    --tw-translate-y: -1.75rem !important;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.mui-select--inherit-color>label,
.mui-select--inherit-color>select,
.mui-textfield--inherit-color>input,
.mui-textfield--inherit-color>label,
.mui-textfield--inherit-color>textarea {
    color: inherit !important;
}
.mui-select--no-underline>select,
.mui-textfield--no-underline>input,
.mui-textfield--no-underline>textarea {
    border-style: none !important;
}
.mui-textfield--red-when-invalid>input:invalid.mui--is-touched,
.mui-textfield--red-when-invalid>input:invalid.mui--is-touched+label,
.mui-textfield--red-when-invalid>textarea:invalid.mui--is-touched,
.mui-textfield--red-when-invalid>textarea:invalid.mui--is-touched+label {
    color: red !important;
}
.mui-textfield--big>input {
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.mui-textfield--reduced-range>label {
    transform: translate(0);
}
.mui-textfield--programmatic>input:-moz-read-only {
    cursor: default;
}
.mui-textfield--programmatic>input:read-only {
    cursor: default;
}
.mui-select--no-bg>select {
    background: none;
}
.mui-select--menu-over-borders .mui-select__menu {
    top: -1px !important;
    left: -1px !important;
    right: -1px !important;
    width: auto !important;
    border-radius: 0.25rem;
}
.mui-select--contact-form,
.mui-textfield--contact-form {
    border-bottom-width: 1px;
    background-color: transparent;
    border-color: rgba(0,
    0,
    0,
    0.4);
    transition-property: color,
    background-color,
    border-color,
    fill,
    stroke,
    -webkit-text-decoration-color;
    transition-property: color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke;
    transition-property: color,
    background-color,
    border-color,
    text-decoration-color,
    fill,
    stroke,
    -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.15s;
}
.mui-select--contact-form:focus-within,
.mui-textfield--contact-form:focus-within {
    --tw-border-opacity: 1;
    border-color: rgb(40 60 81 / var(--tw-border-opacity));
}
.mui-select--contact-form,
.mui-textfield--contact-form {
    margin: 0;
    padding-bottom: 0.5rem;
    padding-left: 0;
    padding-right: 0;
}
.mui-select--contact-form>label,
.mui-textfield--contact-form>label {
    width: calc(100% - 3rem);
    left: 0;
    font-size: 0.875rem;
    font-weight: 400;
    color: rgba(0,
    0,
    0,
    0.6) !important;
    opacity: 1;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform-origin: left;
    background-color: transparent;
}
.mui-textfield--contact-form {
    padding-bottom: 0;
    /*height: 1.75rem;*/
}
.mui-textfield--contact-form>textarea {
    min-height: 0;
    height: 1.75rem;
}
.mui-textfield--contact-form>label {
    top: calc(50% - 16px);
}
.mui-select--contact-form>select,
.mui-textfield--contact-form>input,
.mui-textfield--contact-form>textarea {
    padding-left: 0;
    padding-right: 0;
    letter-spacing: -0.02em;
    font-weight: 400;
}
.mui-select--contact-form>select::-moz-placeholder,
.mui-textfield--contact-form>input::-moz-placeholder,
.mui-textfield--contact-form>textarea::-moz-placeholder {
    color: rgba(0,
    0,
    0,
    0.6);
}
.mui-select--contact-form>select:-ms-input-placeholder,
.mui-textfield--contact-form>input:-ms-input-placeholder,
.mui-textfield--contact-form>textarea:-ms-input-placeholder {
    color: rgba(0,
    0,
    0,
    0.6);
}
.mui-select--contact-form>select::placeholder,
.mui-textfield--contact-form>input::placeholder,
.mui-textfield--contact-form>textarea::placeholder {
    color: rgba(0,
    0,
    0,
    0.6);
}
.mui-select--contact-form>select:focus~label,
.mui-select--contact-form>select:not(:focus):not(:empty)~label,
.mui-textfield--contact-form>input:focus~label,
.mui-textfield--contact-form>input:not(:focus).mui--is-not-empty~label,
.mui-textfield--contact-form>input:not(:focus):not(:empty)~label,
.mui-textfield--contact-form>textarea:focus~label,
.mui-textfield--contact-form>textarea:not(:focus).mui--is-not-empty~label,
.mui-textfield--contact-form>textarea:not(:focus):not(:empty)~label {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-size: 0.625rem;
    padding-left: 0;
    padding-right: 0;
}
.mui-textfield--float-label.mui-textfield--contact-form>input:focus~label,
.mui-textfield--float-label.mui-textfield--contact-form>input:not(:focus).mui--is-not-empty~label,
.mui-textfield--float-label.mui-textfield--contact-form>textarea:focus~label,
.mui-textfield--float-label.mui-textfield--contact-form>textarea:not(:focus).mui--is-not-empty~label {
    --tw-translate-y: -1.25rem !important;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.mui-select--label-gray>label,
.mui-textfield--label-gray>label {
    --tw-text-opacity: 1 !important;
    color: rgb(85 86 90 / var(--tw-text-opacity)) !important;
}
.mui-textfield--advanced-filters>input {
    letter-spacing: -0.02em;
    font-weight: 500;
}
.mui-scroll-lock {
    padding: 0 !important;
}
.mui-textfield--label-medium>label {
    letter-spacing: -0.04em;
}
.headroom {
    will-change: transform;
    transition: transform 0.5s,
    background-color 0.2s,
    color 0.2s;
}
.headroom--pinned {
    transform: none;
}
.headroom--unpinned {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.headroom--top {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.headroom--not-top {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.headroom--not-top .menu-nav {
    --tw-border-opacity: 1;
    border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.force-thick-header .headroom {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.force-thick-header--beige .headroom,
.force-thick-header .headroom {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(24 23 28 / var(--tw-text-opacity));
}
.force-thick-header--beige .headroom {
    background-color: rgb(235 234 231 / var(--tw-bg-opacity));
}
.menu-is-opened .headroom {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transform: none;
    pointer-events: none;
    transition-delay: 0.75s;
}
.custom-wysiwyg {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
}
.custom-wysiwyg p {
    line-height: 1.25rem;
}
.custom-wysiwyg blockquote {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
@media (min-width: 768px) {
    .custom-wysiwyg blockquote {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}
.custom-wysiwyg blockquote {
    padding-left: 2rem;
}
@media (min-width: 768px) {
    .custom-wysiwyg blockquote {
        padding-left: 3rem;
    }
}
.custom-wysiwyg blockquote {
    border-left-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(186 172 114 / var(--tw-border-opacity));
    font-size: 1.125rem;
    font-style: italic;
}
.custom-wysiwyg blockquote b {
    font-style: normal;
    margin-top: 1.5rem;
    font-weight: 400;
}
.custom-wysiwyg h2,
.custom-wysiwyg h3,
.custom-wysiwyg h4,
.custom-wysiwyg h5,
.custom-wysiwyg h6 {
    line-height: 1.33333;
    margin-bottom: 2rem;
    margin-top: 2.5rem;
}
@media (min-width: 768px) {
    .custom-wysiwyg h2,
    .custom-wysiwyg h3,
    .custom-wysiwyg h4,
    .custom-wysiwyg h5,
    .custom-wysiwyg h6 {
        margin-top: 2.75em;
    }
}
.custom-wysiwyg h2 {
    font-size: 2rem;
}
.custom-wysiwyg h3 {
    font-size: 1.25rem;
}
@media (min-width: 768px) {
    .custom-wysiwyg h3 {
        font-size: 1.75rem;
    }
}
.custom-wysiwyg h4 {
    font-size: 1.5rem;
}
.custom-wysiwyg h5 {
    font-size: 1.25rem;
}
.custom-wysiwyg h6 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}
.custom-wysiwyg ol,
.custom-wysiwyg p,
.custom-wysiwyg ul {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.custom-wysiwyg h6+p {
    margin-top: 0.5rem;
}
.custom-wysiwyg img {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.custom-wysiwyg ul li {
    list-style-position: inside;
    list-style-type: disc;
}
.custom-wysiwyg ul li ::marker {
    --tw-text-opacity: 1;
    color: rgb(40 60 81 / var(--tw-text-opacity));
}
.custom-wysiwyg ul li::marker {
    --tw-text-opacity: 1;
    color: rgb(40 60 81 / var(--tw-text-opacity));
}
.custom-wysiwyg ol li {
    list-style-position: inside;
    list-style-type: decimal;
}
.custom-wysiwyg ol> :not([hidden])~ :not([hidden]),
.custom-wysiwyg ul> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.custom-wysiwyg> :first-child {
    margin-top: 0;
}
.custom-wysiwyg> :last-child {
    margin-bottom: 0;
}
.custom-wysiwyg a {
    --tw-text-opacity: 1;
    color: rgb(40 60 81 / var(--tw-text-opacity));
}
.custom-underline,
.custom-wysiwyg a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-underline-offset: max(0.1em,
    1px) !important;
    text-decoration-thickness: max(0.05em,
    1px) !important;
}
.custom-wysiwyg dt {
    font-weight: 500;
}
.custom-wysiwyg dd {
    --tw-text-opacity: 1;
    color: rgb(85 86 90 / var(--tw-text-opacity));
}
.custom-wysiwyg dd+dt {
    margin-top: 2em;
}
.custom-wysiwyg--inverted a,
.custom-wysiwyg--inverted dd,
.custom-wysiwyg--inverted dt,
.custom-wysiwyg--inverted ol,
.custom-wysiwyg--inverted p,
.custom-wysiwyg--inverted ul {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.custom-wysiwyg--inverted h2,
.custom-wysiwyg--inverted h3,
.custom-wysiwyg--inverted h4,
.custom-wysiwyg--inverted h5,
.custom-wysiwyg--inverted h6 {
    --tw-text-opacity: 1;
    color: rgb(186 172 114 / var(--tw-text-opacity));
}
.custom-wysiwyg--inverted ul li ::marker {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.custom-wysiwyg--inverted ul li::marker {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.custom-wysiwyg--reduced-spacing h2 {
    font-size: 1.5rem;
}
.custom-wysiwyg--reduced-spacing h2,
.custom-wysiwyg--reduced-spacing h3,
.custom-wysiwyg--reduced-spacing h4,
.custom-wysiwyg--reduced-spacing h5,
.custom-wysiwyg--reduced-spacing h6 {
    margin-bottom: 0;
    font-weight: 400;
}
.custom-wysiwyg--reduced-spacing dl,
.custom-wysiwyg--reduced-spacing h2+p,
.custom-wysiwyg--reduced-spacing h3+p,
.custom-wysiwyg--reduced-spacing h4+p,
.custom-wysiwyg--reduced-spacing h5+p,
.custom-wysiwyg--reduced-spacing h6+p {
    margin-top: 1rem;
}
.custom-wysiwyg--reduced-spacing ol> :not([hidden])~ :not([hidden]),
.custom-wysiwyg--reduced-spacing ul> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * (1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.swiper-pagination-bullets {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets> :not([hidden])~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
}
.swiper-pagination-bullets {
    text-align: center;
}
.swiper-pagination-bullet {
    display: inline-block;
    width: 0.375rem;
    aspect-ratio: 1/1;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(187 188 186 / var(--tw-border-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 0.15s;
}
.swiper-pagination-bullet-active {
    --tw-bg-opacity: 1;
    background-color: rgb(186 172 114 / var(--tw-bg-opacity));
    --tw-border-opacity: 1;
    border-color: rgb(186 172 114 / var(--tw-border-opacity));
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.swiper-pagination-clickable .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    cursor: pointer;
}
.h1 {
    font-family: npa,
    serif;
    font-size: 2.75rem;
}
@media (min-width: 768px) {
    .h1 {
        font-size: 4rem;
    }
}
@media (min-width: 1280px) {
    .h1 {
        font-size: 5.5rem;
    }
}
.h1 {
    line-height: 1;
    text-transform: uppercase;
    font-weight: 300;
}
.h2 {
    font-family: npa,
    serif;
    font-size: 32px;
}
@media (min-width: 768px) {
    .h2 {
        font-size: 38px;
    }
}
@media (min-width: 1024px) {
    .h2 {
        font-size: 44px;
    }
}
@media (min-width: 1280px) {
    .h2 {
        font-size: 54px;
    }
}
@media (min-width: 1536px) {
    .h2 {
        font-size: 64px;
    }
}
.h2 {
    line-height: 1;
    font-weight: 300;
    text-transform: uppercase;
}
.h2--small {
    font-family: npa,
    serif;
    font-size: 3rem;
    line-height: 1;
}
@media (min-width: 768px) {
    .h2--small {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
@media (min-width: 1280px) {
    .h2--small {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}
@media (min-width: 1536px) {
    .h2--small {
        font-size: 3rem;
        line-height: 1;
    }
}
.h2--small {
    text-transform: uppercase;
    font-weight: 300;
}
.h3 {
    font-family: npa,
    serif;
    font-size: 44px;
}
@media (min-width: 768px) {
    .h3 {
        font-size: 48px;
    }
}
@media (min-width: 1280px) {
    .h3 {
        font-size: 56px;
    }
}
.h3 {
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 300;
    text-transform: uppercase;
}
.h3--mid {
    font-size: 40px;
}
@media (min-width: 768px) {
    .h3--mid {
        font-size: 48px;
    }
}
@media (min-width: 1280px) {
    .h3--mid {
        font-size: 56px;
    }
}
.h3--mid {
    line-height: 1;
}
.h3--small {
    font-size: 32px;
}
@media (min-width: 768px) {
    .h3--small {
        font-size: 48px;
    }
}
@media (min-width: 1280px) {
    .h3--small {
        font-size: 56px;
    }
}
.h4 {
    font-family: npa,
    serif;
    font-size: 1.75rem;
    font-weight: 300;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}
.p {
    font-family: Roboto,
    sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
}
.card-title {
    font-family: npa,
    serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
}
@media (min-width: 768px) {
    .card-title {
        font-size: 1.5rem;
        line-height: 2rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 1536px) {
    .card-title {
        font-size: 28px;
        line-height: 34px;
    }
}
.card-title {
    letter-spacing: -0.02em;
    font-weight: 300;
    text-transform: uppercase;
}
.bordered-title {
    font-family: npa,
    serif;
    font-size: 120px;
}
@media (min-width: 1536px) {
    .bordered-title {
        font-size: 164px;
    }
}
.bordered-title {
    text-transform: uppercase;
    line-height: 164px;
    --tw-text-opacity: 1;
    color: rgb(248 248 248 / var(--tw-text-opacity));
    text-shadow: -1px 0 hsla(0,
    0%,
    74.9%,
    0.6),
    0 1px hsla(0,
    0%,
    74.9%,
    0.6),
    1px 0 hsla(0,
    0%,
    74.9%,
    0.6),
    0 -1px hsla(0,
    0%,
    74.9%,
    0.6);
}
.bordered-title--on-dark {
    --tw-text-opacity: 1;
    color: rgb(25 43 63 / var(--tw-text-opacity));
    text-shadow: -1px 0 #283c51,
    0 1px #283c51,
    1px 0 #283c51,
    0 -1px #283c51;
}
.bordered-title--on-beige-200 {
    --tw-text-opacity: 1;
    color: rgb(235 234 231 / var(--tw-text-opacity));
}
.bordered-title--hide {
    display: none;
}
.eyebrow {
    font-family: npa,
    serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.eyebrow--spaceless {
    margin: 0;
}
.footer-column-title {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.33333;
    letter-spacing: -0.02em;
}
.custom-label {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: -0.02em;
}
.custom-label-tighter {
    font-size: 0.875rem;
    line-height: 1;
    letter-spacing: -0.04em;
}
.regular-text,
.regular-text-18 {
    letter-spacing: -0.02em;
    --tw-text-opacity: 1;
    color: rgb(85 86 90 / var(--tw-text-opacity));
    white-space: pre-line;
}
.regular-text {
    font-size: 1rem;
    line-height: 2;
}
.regular-text-18 {
    font-size: 1.125rem;
    line-height: 1.77778;
}
.regular-text-18--text-inherit {
    color: inherit;
}
.regular-text-alternative {
    font-size: 1rem;
    line-height: 1.5;
}
.title-secondary {
    font-size: 1.5rem;
}
@media (min-width: 1280px) {
    .title-secondary {
        font-size: 2rem;
    }
}
.title-secondary {
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 500;
}
.custom-google-map .gm-style {
    font: inherit;
}
.custom-google-map .gm-style .gm-style-iw {
    font-weight: inherit;
}
.custom-google-map .gm-style .gm-style-iw-c {
    box-shadow: none;
    padding: 0;
    background: none !important;
    border-radius: 0;
    max-height: none !important;
}
.custom-google-map .gm-style .gm-style-iw-d {
    overflow: hidden !important;
    padding: 1rem 1rem 0 0 !important;
    max-height: none !important;
}
.gm-style img {
    max-width: 100%;
    width: 100%;
}
.v-collapse-content {
    max-height: 0;
    transition: max-height 1s;
    overflow: hidden;
    padding: 0;
}
.v-collapse-content-end {
    transition: max-height 1s;
    max-height: 1500px;
}
.swiper-slide-hero {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    --tw-translate-y: 100% !important;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.swiper-slide-hero__translate {
    overflow: hidden;
    --tw-translate-y: -100%;
}
.swiper-slide-hero__scale,
.swiper-slide-hero__translate {
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.swiper-slide-hero__scale {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
}
.swiper-slide-hero.swiper-slide-active {
    transform: none !important;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 1s;
}
.swiper-slide-hero.swiper-slide-active .swiper-slide-hero__translate {
    transform: none;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 1s;
}
.menu-active-image,
.swiper-slide-hero.swiper-slide-active .swiper-slide-hero__scale {
    transform: none;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-timing-function: cubic-bezier(0.1,
    0,
    0.5,
    1);
    transition-duration: 2s;
}
.swiper-slide-active:first-child~.swiper-slide-hero:last-child,
.swiper-slide-hero.swiper-slide-prev {
    --tw-translate-y: -100% !important;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 1s;
}
.swiper-slide-active:first-child~.swiper-slide-hero:last-child .swiper-slide-hero__translate,
.swiper-slide-hero.swiper-slide-prev .swiper-slide-hero__translate {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x),
    var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4,
    0,
    0.2,
    1);
    transition-duration: 1s;
}
.swiper-slide-active:first-child~.swiper-slide-hero:last-child .swiper-slide-hero__scale,
.swiper-slide-hero.swiper-slide-prev .swiper-slide-hero__scale {
    transform: none;
}
.icon {
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 0.5rem;
}
@media (min-width: 1536px) {
    .icon {
        margin-right: 1rem;
    }
}
.icon_square {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.617 9.284V2.623a.361.361 0 00-.367-.373H2.617c-.21 0-.367.16-.367.373v19.024c0 .213.157.373.367.373h18.242c.21 0 .367-.16.367-.373V9.977a.361.361 0 00-.367-.373H15.93c-.157 0-.314-.16-.314-.32z' stroke='%23BAAC72' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M9.641 15.572H7.23V9.552H2.25M15.406 21.965V15.57h-2.254M7.23 9.55h3.46' stroke='%23BAAC72' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
}
.icon_rooms {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.69 16.45l9.659-3.658m-9.66 3.658v2.439l9.9 3.42 9.41-3.42v-2.44m-19.31 0l9.9 3.413 9.41-3.412m-9.65-3.658l9.65 3.658m-9.65-3.658h-.018V2l9.668 3.658V16.45m-6.93-2.63l-.038-6.342 4.305 1.629.027.018v6.324l-4.295-1.629z' stroke='%23BAAC72'/%3E%3Cpath d='M2.5 15.103V5.596L10.966 2' stroke='%23BAAC72' stroke-dasharray='3 3'/%3E%3C/svg%3E");
}
.icon_bedrooms {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.454 16.25H1.5v-4.283c0-.507.41-.967.959-.967H21.54c.503 0 .959.415.959.967v4.283h-.046zM21.585 18.5H2.461c-.503 0-.961-.494-.961-1.152V16.25h21v1.098c0 .658-.412 1.152-.915 1.152z' stroke='%23BAAC72' stroke-miterlimit='10'/%3E%3Cpath d='M21 11V5.073C21 4.46 20.534 4 20.02 4H3.98C3.42 4 3 4.511 3 5.073V11' stroke='%23BAAC72' stroke-miterlimit='10'/%3E%3Cpath d='M5 11V9.189C5 8.566 5.415 8 5.97 8h4.06c.509 0 .97.51.97 1.189V11M13 11V9.189c0-.623.415-1.189.97-1.189h4.06c.508 0 .97.51.97 1.189V11M3 18.5v2M21 18.5v2' stroke='%23BAAC72' stroke-miterlimit='10'/%3E%3C/svg%3E");
}
.icon_year {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23BAAC72' stroke-linejoin='round' d='M2.642 11.29h3.257v3.257H2.642zM11.507 6.25v3.122H18.6V6.25M12.642 9.372v13.905h5.108V9.372'/%3E%3Cpath d='M17.75 22.777h-.5v1h.5v-1zm1.703 1h.5v-1h-.5v1zm-1.703 0h1.703v-1H17.75v1zM10.938 22.777h-.5v1h.5v-1zm1.703 1h.5v-1h-.5v1zm-1.703 0h1.703v-1h-1.703v1z' fill='%23BAAC72'/%3E%3Cpath d='M17.75 9.513l-4.824 4.683 4.682 4.54-4.966 4.257M4.411 10.79V6.25' stroke='%23BAAC72' stroke-linejoin='round'/%3E%3Cpath d='M2 6.108h4.966M15.054 1L23 6.108h-7.946m0-5.108L6.966 6.108M15.054 1v5.108m-8.088 0h8.088' stroke='%23BAAC72' stroke-linecap='square'/%3E%3C/svg%3E");
}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
    overflow: hidden;
}
html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.has-scroll-smooth body {
    overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh;
}
[data-scroll-direction="horizontal"] [data-scroll-container] {
    height: 100vh;
    display: inline-block;
    white-space: nowrap;
}
[data-scroll-direction="horizontal"] [data-scroll-section] {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 100%;
}
.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform 0.3s,
    opacity 0.3s;
    opacity: 0;
}
.c-scrollbar:hover {
    transform: scaleX(1.45);
}
.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
    opacity: 1;
}
[data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1);
}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {
    transform: scaleY(1.3);
}
.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: 0.5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: -webkit-grab;
    cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0;
}
.gold{
    background: rgb(186 172 114 / var(--tw-text-opacity));
    color: white;
}