* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
}

button {
    cursor: pointer;
}

body,
input,
textarea,
button {
    font-family: "Font Open", sans-serif;
    -webkit-font-smoothing: antialiased;
}

h5,
h3 {
    font-family: Newsreader, serif;
    -webkit-font-smoothing: antialiased;
}

* {
    margin: 0px;
    padding: 0px;
    outline: 0px;
    border: 0px;
    box-sizing: border-box;
    caret-color: transparent;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgb(239, 239, 239);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgb(211, 211, 211);
    border-radius: 10px;
}

:focus {
    outline: 0px;
}

html,
body,
#root {
    height: 100%;
    text-rendering: optimizelegibility;
    overflow: hidden;
}

body {
    overflow-x: hidden;
    background-color: rgb(255, 253, 248);
    color: rgb(28, 24, 13);
}

input,
textarea {
    caret-color: auto;
}

a {
    text-decoration: none;
}

button {
    cursor: pointer;
}

html {
    font-size: 87.5%;
}

@media (max-width: 1080px) {
    html {
        font-size: 81.25%;
    }
}

@media (max-width: 720px) {
    html {
        font-size: 75%;
    }
}

.css-172898c {
    height: 100vh;
    overflow-y: auto;
}

.css-1v89lmg {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.css-1mf02tq {
    --Grid-columns: 12;
    --Grid-columnSpacing: 0rem;
    --Grid-rowSpacing: 0rem;
    flex-flow: wrap;
    min-width: 0px;
    box-sizing: border-box;
    gap: var(--Grid-rowSpacing) var(--Grid-columnSpacing);
    padding: 0px;
    display: flex;
    height: 100%;
    background-color: rgb(0, 0, 0);
    background-repeat: no-repeat;
}

.css-1mf02tq>* {
    --Grid-parent-columns: 12;
}

@media (min-width: 900px) {
    .css-1mf02tq {
        --Grid-columns: 8;
    }

    .css-1mf02tq>* {
        --Grid-parent-columns: 8;
    }
}

@media (min-width: 1200px) {
    .css-1mf02tq {
        --Grid-columns: 10;
    }

    .css-1mf02tq>* {
        --Grid-parent-columns: 10;
    }
}

@media (min-width: 1536px) {
    .css-1mf02tq {
        --Grid-columns: 12;
    }

    .css-1mf02tq>* {
        --Grid-parent-columns: 12;
    }
}

.css-1mf02tq>* {
    --Grid-parent-columnSpacing: 0rem;
}

.css-1mf02tq>* {
    --Grid-parent-rowSpacing: 0rem;
}

.css-xqy299 {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 0 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 0) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
    min-width: 0px;
    box-sizing: border-box;
    background-image: url("../img/banner.png");
    background-repeat: no-repeat;
}

@media (min-width: 900px) {
    .css-xqy299 {
        -webkit-box-flex: 0;
        flex-grow: 0;
        flex-basis: auto;
        width: calc(100% * 4 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 4) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
    }
}

@media (min-width: 1200px) {
    .css-xqy299 {
        -webkit-box-flex: 0;
        flex-grow: 0;
        flex-basis: auto;
        width: calc(100% * 6 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 6) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
    }
}

@media (min-width: 1536px) {
    .css-xqy299 {
        -webkit-box-flex: 0;
        flex-grow: 0;
        flex-basis: auto;
        width: calc(100% * 8 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 8) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
    }
}

@media (min-width: 900px) {
    .css-xqy299 {
        background-size: calc(150% + 110vh);
        background-position: left 50% bottom -20vw;
    }
}

@media (min-width: 1200px) {
    .css-xqy299 {
        background-size: calc(130% + 80vh);
        background-position: left 50% bottom -25vh;
    }
}

@media (min-width: 1536px) {
    .css-xqy299 {
        background-size: cover;
        background-position: left 50% bottom -11vh;
    }
}

.css-1dsd5m4 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    user-select: none;
    padding: 3.5rem 2.5rem;
    gap: 1.5rem;
}

.css-v84g93 {
    margin: 0px;
    font-size: 1.25rem;
    font-weight: 600;
    font-family: "Font Open";
    line-height: 28px;
    color: rgb(255, 253, 248);
    min-width: fit-content;
}

.css-1igzn9o {
    margin: 0px;
    font-weight: 500;
    font-family: Newsreader;
    font-size: 3rem;
    line-height: 1.167;
    color: rgb(255, 253, 248);
}

.css-fzw57 {
    -webkit-box-flex: 0;
    flex-grow: 0;
    flex-basis: auto;
    width: calc(100% * 12 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 12) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
    min-width: 0px;
    box-sizing: border-box;
    background-color: rgb(255, 253, 248);
    display: flex;
    flex-direction: column;
    padding: 3rem 2rem;
    overflow: auto;
    height: 100%;
}

@media (min-width: 900px) {
    .css-fzw57 {
        -webkit-box-flex: 0;
        flex-grow: 0;
        flex-basis: auto;
        width: calc(100% * 4 / var(--Grid-parent-columns) - (var(--Grid-parent-columns) - 4) * (var(--Grid-parent-columnSpacing) / var(--Grid-parent-columns)));
    }
}

@media (min-width: 900px) {
    .css-fzw57 {
        background-position: 70% 55%;
    }
}

.css-1n5khr6 {
    min-width: 0px;
    box-sizing: border-box;
}

.css-1fm82kn {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 1.5rem;
}

@media (min-width: 900px) {
    .css-1fm82kn {
        margin-bottom: 7rem;
    }
}

.css-1icwzbq {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
}

.css-1om5upi {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    margin: 1.5rem 0rem;
    gap: 1.5rem;
}

.css-15tefae {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.css-1s2o6op {
    color: rgb(90, 68, 54);
    font-family: "Font Open";
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    padding: 0px;
    position: relative;
    display: block;
    transform-origin: left top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1);
}

.css-1pp8l5g {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    min-width: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    vertical-align: top;
    width: 100%;
}

.css-1pp8l5g .MuiOutlinedInput-root {
    background-color: rgb(247, 245, 235);
}

.css-1e9c3ie {
    font-family: "Font Open";
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    color: rgb(28, 24, 13);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 4px;
}

.css-1e9c3ie:hover .MuiOutlinedInput-notchedOutline {
    border-color: rgb(28, 24, 13);
}

@media (hover: none) {
    .css-1e9c3ie:hover .MuiOutlinedInput-notchedOutline {
        border-color: rgba(0, 0, 0, 0.23);
    }
}

.css-1e9c3ie.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 2px;
}

.css-1e9c3ie.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: rgb(33, 109, 84);
}

.css-9gsf4b {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 8.5px 14px;
}

.css-9gsf4b:focus {
    outline: 0px;
}

.css-9gsf4b:invalid {
    box-shadow: none;
}

.css-5v2ak0 {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(0, 0, 0, 0.23);
}

.css-w4cd9x {
    float: unset;
    width: auto;
    overflow: hidden;
    padding: 0px;
    line-height: 11px;
    transition: width 150ms cubic-bezier(0, 0, 0.2, 1);
}

.css-ew553m {
    font-family: "Font Open";
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    color: rgb(28, 24, 13);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 4px;
    padding-right: 14px;
}

.css-ew553m:hover .MuiOutlinedInput-notchedOutline {
    border-color: rgb(28, 24, 13);
}

@media (hover: none) {
    .css-ew553m:hover .MuiOutlinedInput-notchedOutline {
        border-color: rgba(0, 0, 0, 0.23);
    }
}

.css-ew553m.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-width: 2px;
}

.css-ew553m.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: rgb(33, 109, 84);
}

.css-ssnoaj {
    font: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 8.5px 0px 8.5px 14px;
}

.css-ssnoaj:focus {
    outline: 0px;
}

.css-ssnoaj:invalid {
    box-shadow: none;
}

.css-yxqbup {
    display: flex;
    max-height: 2em;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.54);
    margin-left: 8px;
}

.css-15ni0jc {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    background-color: transparent;
    outline: 0px;
    border: 0px;
    margin: 0px -12px 0px 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    text-align: center;
    flex: 0 0 auto;
    font-size: 1.5rem;
    padding: 8px;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.54);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --IconButton-hoverBg: rgba(0, 0, 0, 0.04);
}

@media print {
    .css-15ni0jc {
        print-color-adjust: exact;
    }
}

.css-15ni0jc:hover {
    background-color: var(--IconButton-hoverBg);
}

@media (hover: none) {
    .css-15ni0jc:hover {
        background-color: transparent;
    }
}

.css-q7mezt {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: 1.5rem;
}

.css-4zvs68 {
    margin-top: 1.5rem;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.css-1el8iz6 {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transform: none;
    text-transform: none;
    font-family: "Font Open";
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    border: 0px;
    border-radius: 4px;
    padding: 6px 8px;
    color: var(--variant-textColor);
    background-color: var(--variant-textBg);
    --variant-textColor: #216D54;
    --variant-outlinedColor: #216D54;
    --variant-outlinedBorder: rgba(33, 109, 84, 0.5);
    --variant-containedColor: #FFFDF8;
    --variant-containedBg: #216D54;
    box-shadow: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media print {
    .css-1el8iz6 {
        print-color-adjust: exact;
    }
}

.css-1el8iz6:hover {
    text-decoration: none;
}

@media (hover: hover) {
    .css-1el8iz6:hover {
        --variant-containedBg: #185343;
        --variant-textBg: rgba(33, 109, 84, 0.04);
        --variant-outlinedBorder: #216D54;
        --variant-outlinedBg: rgba(33, 109, 84, 0.04);
    }
}

.css-1el8iz6:hover {
    box-shadow: none;
}

.css-1el8iz6:active {
    box-shadow: none;
}

.css-1ignzvv {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transform: none;
    text-transform: none;
    font-family: "Font Open";
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    padding: 6px 16px;
    border: 0px;
    border-radius: 4px;
    color: var(--variant-containedColor);
    --variant-textColor: #216D54;
    --variant-outlinedColor: #216D54;
    --variant-outlinedBorder: rgba(33, 109, 84, 0.5);
    --variant-containedColor: #FFFDF8;
    --variant-containedBg: #216D54;
    box-shadow: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
    background: rgb(65, 50, 39);
}

@media print {
    .css-1ignzvv {
        print-color-adjust: exact;
    }
}

.css-1ignzvv:hover {
    text-decoration: none;
}

.css-1ignzvv:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

@media (hover: none) {
    .css-1ignzvv:hover {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    }
}

.css-1ignzvv:active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
}

@media (hover: hover) {
    .css-1ignzvv:hover {
        --variant-containedBg: #185343;
        --variant-textBg: rgba(33, 109, 84, 0.04);
        --variant-outlinedBorder: #216D54;
        --variant-outlinedBg: rgba(33, 109, 84, 0.04);
    }
}

.css-1ignzvv:hover {
    box-shadow: none;
}

.css-1ignzvv:active {
    box-shadow: none;
}

@media (min-width: 900px) {
    .css-1ignzvv {
        margin-top: 7rem;
    }
}

.css-vqaj0y {
    transition: opacity 0.15s ease-in-out;
    position: relative;
    display: inline-flex;
    gap: 8px;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 1;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    opacity: 1;
}

.css-vqaj0y div {
    display: inline;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.css-1r5b74j {
    display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
}

.css-1p5ne8t {
    margin: 0px;
    font-family: "Font Open";
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}

.css-1749ebr {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    transform: none;
    text-transform: none;
    font-family: "Font Open";
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.75;
    min-width: 64px;
    border-radius: 4px;
    padding: 5px 15px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--variant-outlinedBorder, currentColor);
    background-color: var(--variant-outlinedBg);
    color: var(--variant-outlinedColor);
    --variant-textColor: #216D54;
    --variant-outlinedColor: #216D54;
    --variant-outlinedBorder: rgba(33, 109, 84, 0.5);
    --variant-containedColor: #FFFDF8;
    --variant-containedBg: #216D54;
    box-shadow: none;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media print {
    .css-1749ebr {
        print-color-adjust: exact;
    }
}

.css-1749ebr:hover {
    text-decoration: none;
}

@media (hover: hover) {
    .css-1749ebr:hover {
        --variant-containedBg: #185343;
        --variant-textBg: rgba(33, 109, 84, 0.04);
        --variant-outlinedBorder: #216D54;
        --variant-outlinedBg: rgba(33, 109, 84, 0.04);
    }
}

.css-1749ebr:hover {
    box-shadow: none;
}

.css-1749ebr:active {
    box-shadow: none;
}

.css-4mb1j7 {
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    z-index: 0;
    inset: 0px;
    border-radius: inherit;
}

.css-1dg7nl2 {
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--Paper-shadow);
    background-image: var(--Paper-overlay);
    border-radius: 1.5rem;
    font-family: "Font Open";
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.43;
    display: flex;
    padding: 6px 16px;
    color: rgb(79, 18, 18);
    background-color: rgb(249, 234, 234);
}

.css-1dg7nl2 .MuiAlert-icon {
    color: rgb(165, 39, 39);
}

.css-131is6g {
    margin-right: 12px;
    padding: 7px 0px;
    display: flex;
    font-size: 22px;
    opacity: 0.9;
}

.css-1l6e05h {
    user-select: none;
    width: 1em;
    height: 1em;
    display: inline-block;
    flex-shrink: 0;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1);
    fill: currentcolor;
    font-size: inherit;
}

.css-127h8j3 {
    padding: 8px 0px;
    min-width: 0px;
    overflow: auto;
}

.css-u31jb {
    margin: -2px 0px 0.35em;
    font-family: "Font Open";
    font-size: 1rem;
    line-height: 1.5;
    font-weight: bold;
}

.css-x6vqfg {
    margin: 0px;
    font-family: "Font Open";
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: rgb(90, 68, 54);
}

@-webkit-keyframes mui-auto-fill-cancel {
    0% {
        display: block;
    }
}

@keyframes mui-auto-fill-cancel {
    0% {
        display: block;
    }
}

@-webkit-keyframes mui-auto-fill-cancel {
    0% {
        display: block;
    }
}

@keyframes mui-auto-fill-cancel {
    0% {
        display: block;
    }
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/font01.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/font02.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/font03.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/font04.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/font05.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/font06.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/font07.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/font08.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/font09.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/font10.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/font01.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/font02.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/font03.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/font04.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/font05.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/font06.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/font07.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/font08.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/font09.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/font10.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/font01.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/font02.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/font03.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/font04.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/font05.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/font06.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/font07.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/font08.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/font09.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/font10.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/font01.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/font02.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/font03.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/font04.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/font05.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/font06.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/font07.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/font08.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/font09.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/font10.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/font01.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/font02.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/font03.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/font04.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/font05.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/font06.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/font07.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/font08.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/font09.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/font10.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/font01.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/font02.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/font03.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/font04.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/font05.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/font06.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/font07.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/font08.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/font09.woff2) format('woff2');
}

@font-face {
    font-family: 'Font Open';
    font-style: normal;
    font-weight: 800;
    src: url(../fonts/font10.woff2) format('woff2');
}