*,
::after,
::before {
    margin: 0;
    padding: 0;
    border: none;
    font: inherit;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    font-size: 62.5%
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

a {
    color: currentColor;
    text-decoration: none
}

input:focus-visible {
    outline: 1px solid transparent
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition-delay: 9999999999999999s;
    -webkit-transition: 9999999999999999s;
    transition: 9999999999999999s;
    -webkit-transition-delay: 9999999999999999s;
    -webkit-transition: color 9999999999999999s ease-out, background-color 9999s ease-out
}

button {
    cursor: pointer
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/RalewayThin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/RalewayLight.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/RalewayRegular.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/RalewayMedium.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/RalewaySemi-Bold.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/RalewayBold.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Raleway";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/RalewayBlack.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Poppins";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/PoppinsRegular.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/PoppinsBlack.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Secular One';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/SecularOne.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/RobotoBlacK.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
    --c1: #f5ffe4;
    --c2: #013398;
    --c3: #013398;
    --c4: #ffffff;
    --c5: #013398;
    --c6: #111111;
    --c7: #00c600;
    --c8: #c70c38;
    --f-sc: "Poppins", sans-serif;
    --f-tc: "Secular One", sans-serif;
    --fs-vsm: 1.6rem;
    --fs-sm: 1.8rem;
    --fs-me: 2rem;
    --fs-lg: 3rem;
    --fs-vlg: 4rem;
    color: var(--c4);
    font-family: "Raleway", sans-serif;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on
}

@media screen and (max-width: 650px) {
    :root {
        font-size: 55%
    }
}

body::-webkit-scrollbar {
    width: 6px
}

body::-webkit-scrollbar-track {
    background: transparent
}

body::-webkit-scrollbar-thumb {
    background-color: var(--c3);
    border-radius: 2rem
}

body {
    background: var(--c1)
}

.container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8rem;
    padding-right: 8rem
}

.section {
    padding-top: 8rem;
    padding-bottom: 8rem
}

strong {
    color: var(--c3)
}

.ff-poppins {
    font-family: "Poppins", sans-serif
}

.fs-vsm {
    font-size: var(--fs-vsm)
}

.fs-sm {
    font-size: var(--fs-sm)
}

.fs-me {
    font-size: var(--fs-me)
}

.fs-lg {
    font-size: var(--fs-lg)
}

.fs-vlg {
    font-size: var(--fs-vlg)
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.fw-900 {
    font-weight: 900
}

.f-upper {
    text-transform: uppercase
}

.bd-c2 {
    border: 1px solid #013398
}

.bd-c3 {
    border: 1px solid #013398
}

.bd-success {
    border: 1px solid rgba(0, 198, 0, 0.5)
}

.bd-error {
    border: 1px solid #013398
}

.bg-success {
    background: #008000
}

.bg-error {
    background: #c70c38
}

.bg-c1 {
    background: var(--c1)
}

.bg-c2 {
    background: var(--c2)
}

.bg-c3 {
    background: var(--c3)
}

.bg-c4 {
    background: var(--c4)
}

.bg-c5 {
    background: var(--c5)
}

.cl-c1 {
    color: var(--c1)
}

.cl-c2 {
    color: var(--c2)
}

.cl-c3 {
    color: var(--c3)
}

.cl-c4 {
    color: var(--c4)
}

.cl-c5 {
    color: var(--c5)
}

.cl-c6 {
    color: var(--c6)
}

.w-8 {
    width: 8rem
}

.w-10 {
    width: 10rem
}

.w-15 {
    width: 15rem
}

.w-20 {
    width: 20rem
}

.w-25 {
    width: 25rem
}

.w-40 {
    width: 4rem
}

.w-400 {
    width: 40rem
}

input,
button {
    width: 100%;
    border-radius: 0.5rem;
    font-size: 1.6rem;
    color: var(--c4);
    background: none;
    accent-color: var(--c3)
}

input {
    height: 5rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: transparent;
    padding: 0 1rem;
    font-weight: 300
}

.btn {
    height: 4rem;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.5)
}

.btn span {
    position: relative;
    z-index: 1
}

.btn-a {
    display: -ms-grid;
    display: grid;
    place-items: center;
    border-radius: .5rem
}

.btn::before {
    content: "";
    position: absolute;
    top: var(--y);
    left: var(--x);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--c1);
    -webkit-transition: width 0.5s, height 0.5s;
    transition: width 0.5s, height 0.5s
}

.btn:hover {
    color: var(--c3)
}

.btn:hover::before {
    width: 500px;
    height: 500px
}

.btn-primary {
    border: 1px solid var(--c3);
    background-color: var(--c3)
}

.btn-secondary {
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: rgba(255, 255, 255, 0.6)
}

.btn-secondary:hover {
    border: 1px solid var(--c4);
    color: var(--c4)
}

b {
    font-weight: bold
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 10rem;
    padding-top: 0;
    padding-bottom: 0
}

.header-logo {
    width: clamp(15rem, 13vw, 20rem)
}

.header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.header-nav-link {
    -webkit-filter: grayscale(40%);
    filter: grayscale(40%);
    -webkit-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out;
    cursor: pointer
}

.header-nav-link:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

.header-nav-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.5rem;
    font-size: 1.6rem;
    color: var(--c4);
    margin-left: 2rem
}

.ajax-response {
    height: 0rem;
    overflow: hidden
}

.ajax-response.fade {
    height: 5rem;
    -webkit-transition: .2s;
    transition: .2s;
    overflow: visible
}

.message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    line-height: 1.2;
    font-weight: 300;
    min-height: 5rem;
    border-radius: 0.5rem;
    padding: .5rem 1rem;
    font-size: var(--fs-vsm);
    -webkit-animation: shake .08s alternate;
    animation: shake .08s alternate;
    -webkit-animation-iteration-count: 7;
    animation-iteration-count: 7;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.message b {
    font-weight: 600
}

.message img {
    width: 2.5rem;
    height: 2.5rem
}

.message.link a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.message.bd-c2 b {
    color: var(--c2)
}

.message.bd-c3 b {
    color: var(--c3)
}

.message.bd-success b {
    color: var(--c7)
}

.message.bd-error b {
    color: var(--c8)
}

@-webkit-keyframes shake {
    from {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
}

@keyframes shake {
    from {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    to {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
}

.footer {
    padding-bottom: 5rem;
    line-height: 1.4
}

.footer .footer-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 2rem;
    column-gap: 2rem;
    row-gap: 5rem;
    margin-bottom: 2rem
}

.footer .footer-up .footer-about {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32rem;
    flex: 0 0 32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem
}

.footer .footer-up .footer-about .social-networks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem
}

.footer .footer-up .footer-about .developer-by a {
    font-family: Encode Sans;
    color: #ffff00
}

.footer .footer-up .footer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 2rem;
    column-gap: 2rem;
    row-gap: 5rem
}

.footer .footer-up .footer-info .footer-address {
    width: 38rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem
}

.footer .footer-up .footer-info .footer-address .address-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem
}

.footer .footer-up .footer-info .footer-attendance {
    width: 38rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem
}

.footer .footer-up .footer-info .footer-attendance .attendance-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem
}

.footer .footer-middle {
    margin-bottom: 2rem
}

.footer .footer-middle svg {
    width: 10rem;
    height: 10rem
}

.footer .footer-down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    border-top: 0.1rem solid #7c2b88;
    padding-top: 3rem
}

@media screen and (max-width: 1000px) {
    .container {
        padding-right: 8%;
        padding-left: 8%
    }

    .header .header-nav li:nth-child(-n+2) {
        display: none
    }

    .footer .footer-up {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer .footer-up .footer-info {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    display: -ms-grid;
    display: grid;
    place-items: center;
    padding: 5%;
    z-index: 10
}

.modal-confirm {
    padding: 3rem;
    border-radius: .5rem;
    max-width: 500px;
    color: var(--c6);
    background-color: var(--c4)
}

.modal-confirm-opt {
    margin-top: 2rem;
    display: -ms-grid;
    display: grid;
    gap: 1rem
}

.modal-confirm-opt .btn-primary {
    color: var(--c4)
}

.modal-confirm-opt .btn-primary::before {
    background-color: var(--c3)
}

.modal-confirm-opt .btn-secondary {
    color: var(--c6);
    border-color: var(--c6)
}

.modal-confirm-opt .btn-secondary::before {
    background-color: var(--c4)
}

.container {
    padding-right: 5%;
    padding-left: 5%
}

main {
    max-width: 900px !important
}

form {
    padding: 3rem;
    border-radius: 1rem;
    background-color: #fff
}

.header {
    width: 100%;
    max-width: 900px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 5%;
    margin-bottom: 30px
}

.range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 1.5rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(6%, #d6d6d6), color-stop(6%, #d6d6d6));
    background: linear-gradient(90deg, #d6d6d6 6%, #d6d6d6 6%);
    outline: none;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    padding: 0;
    border: none;
    margin: 10px 0 15px
}

.range:disabled {
    -webkit-filter: contrast(30%);
    filter: contrast(30%);
    opacity: .5 !important
}

.range:disabled::-webkit-slider-thumb {
    cursor: default !important
}

.range:hover {
    opacity: 1
}

.range::-webkit-slider-thumb {
    -webkit-transform: scale(140%);
    transform: scale(140%);
    -webkit-appearance: none;
    appearance: none;
    width: 1.8rem;
    height: 1.8rem;
    background-color: var(--c3);
    border-radius: 50%;
    cursor: pointer;
    border: none
}

.range::-moz-range-thumb {
    transform: scale(140%);
    width: 1.8rem;
    height: 1.8rem;
    background-color: var(--c3);
    border-radius: 50%;
    cursor: pointer;
    border: none
}

.field-money {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.field-money span,
.field-money .money {
    color: var(--c6);
    font-size: 6rem;
    font-weight: 900;
    border: none
}

@media screen and (max-width: 968px) {

    .field-money span,
    .field-money .money {
        font-size: 5rem
    }
}

.text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    color: #111
}

@media screen and (max-width: 968px) {
    .text {
        margin-bottom: 2rem
    }
}

.text button {
    max-width: 130px
}

@media screen and (max-width: 968px) {
    .text button {
        max-width: 100px;
        font-size: 1.3rem;
        height: 3rem
    }
}

.text button span {
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3px
}

.text button span svg {
    fill: #fff;
    -webkit-transition: fill 500ms ease-in-out;
    transition: fill 500ms ease-in-out;
    opacity: .7
}

@media screen and (max-width: 968px) {
    .text button span svg {
        -webkit-transform: scale(70%);
        transform: scale(70%)
    }
}

.text button.btn-primary:hover,
.text button.btn-secondary:hover {
    opacity: 1
}

.text button.btn-primary:hover svg {
    fill: var(--c3);
    -webkit-transition: fill 500ms ease-in-out;
    transition: fill 500ms ease-in-out
}

.form-controls {
    margin-top: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 150px 150px;
    grid-template-columns: 150px 150px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px
}

@media screen and (max-width: 500px) {
    .form-controls {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr
    }
}

.ajax-response {
    margin-bottom: 10px;
    color: #111
}

.ajax-response .message {
    border-color: #111
}

.skip {
    width: 150px
}

.btn-primary::before {
    background-color: #fff
}

.btn-primary.skip::before {
    background-color: var(--c1)
}

.btn-secondary svg {
    fill: #111 !important
}

.btn-secondary {
    border: 1px solid rgba(17, 17, 17, 0.6);
    color: rgba(17, 17, 17, 0.6)
}

.btn-secondary:hover {
    border: 1px solid #111;
    color: #111
}

.btn-secondary:hover::before {
    width: 0;
    height: 0;
    background-color: transparent
}

.progress-bar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem
}

.progress-bar #progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--c6);
    position: absolute;
    width: 98%;
    margin-left: .3rem
}

.progress-bar #progress::-webkit-progress-bar {
    background-color: var(--c6)
}

.progress-bar #progress::-webkit-progress-value {
    background-color: var(--c3)
}

.progress-bar #progress::-moz-progress-bar {
    background-color: var(--c3)
}

.progress-bar #progress::-ms-fill {
    background-color: var(--c5)
}

.progress-bar .p1,
.progress-bar .p2,
.progress-bar .p3,
.progress-bar .p4,
.progress-bar .p5,
.progress-bar .p6,
.progress-bar .p7 {
    display: -ms-grid;
    display: grid;
    place-items: center;
    -webkit-transform: translateY(-35%);
    transform: translateY(-35%);
    width: 3rem;
    height: 3rem;
    background-color: var(--c6);
    color: var(--c4);
    border-radius: 50%
}

.progress-bar .p1 {
    background-color: var(--c3)
}

/*# sourceMappingURL=style-simulationa.css.map */