body {
    overflow-y: overlay;
    min-height: 100%;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background-image: url("../images/background.jpg");
}


.back-color-orange {
    background-color: #E09C36;
}

.back-color-yellow {
    background-color: #FFE3B9;
}

.back-color-white {
    background-color: #FCFCFC;
}

.back-color-grey {
    background-color: #D9D9D9;
}

.back-color-black {
    background-color: #101010;
}

.flag {
    border-color: rgba(255, 227, 185, 0);
    padding: 2px;
    display: flex;
    height: 32px;
    border-width: 2px;
}

.flag:hover,
.flag:active,
.flag:focus,
.flag:active {
    border-color: rgba(255, 227, 185, 0);
}


.flag-active {
    border-color: #E09C36;
    border-width: 2px;
    border-radius: 10px;
}

.flag-active:hover,
.flag-active:active,
.flag-active:focus,
.flag-active:active {
    border-color: #E09C36;
}


.navbar-button {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;

    letter-spacing: 2px;
    text-transform: uppercase;
    color: #101010;
}


.navbar-button-active {
    font-weight: 700;
}


.footer-text-name {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;

    letter-spacing: 2px;
    color: #FCFCFC;
}

.footer-text-contact {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;

    letter-spacing: 2px;
    color: #FCFCFC;
}

.second-text-name {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    /* identical to box height */

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #000000;
}

.second-text-name-compact {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #000000;
}

.menu-text-name {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    /* identical to box height */

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #000000;
}

.btn-my2 {
    color: #FCFCFC;
    background-color: #E09C36;
    border-color: #E09C36;

    padding: 10px;
    border-width: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;

    box-shadow: 0 0 20px rgba(224, 156, 54, 0.3);
    border-radius: 38px;
}

.btn-my2:hover,
.btn-my2:active,
.btn-my2:focus,
.btn-my2:active {
    background-color: #FCFCFC;
    color: #E09C36;
    border-color: #FCFCFC;
}

.btn-my3 {
    color: #E09C36;
    background-color: #FCFCFC;
    border-color: #E09C36;

    padding: 10px;
    border-width: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;

    box-shadow: 0 0 20px rgba(224, 156, 54, 0.3);
    border-radius: 38px;
}

.btn-my3:hover,
.btn-my3:active,
.btn-my3:focus,
.btn-my3:active {
    background-color: #E09C36;
    color: #FCFCFC;
    border-color: #E09C36;
}

.btn-my-radio {
    color: #000000;
    border: none;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 2px;
}

.btn-my-radio:hover,
.btn-my-radio:active,
.btn-my-radio:focus,
.btn-my-radio:checked,
.btn-my-radio:active {
    color: #E09C36;
}

.btn-check:checked+.btn,
.btn-check:active+.btn {
    color: #E09C36;
}

.btn-catalog {
    color: #E09C36;
    background-color: #FCFCFC;
    border-color: #E09C36;

    padding: 8px;
    border-width: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;
    box-shadow: 0 0 20px rgba(224, 156, 54, 0.3);
}

.btn-catalog:hover,
.btn-catalog:active,
.btn-catalog:focus,
.btn-catalog:active {
    background-color: #E09C36;
    color: #FCFCFC;
    border-color: #E09C36;
}

.btn-catalog:not(.collapsed) {
    color: #FCFCFC;
    background-color: #E09C36;
    border-color: #E09C36;
}


.btn-catalog::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E09C36'%3e%3cpath fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

.btn-catalog:hover::after,
.btn-catalog:active::after,
.btn-catalog:focus::after,
.btn-catalog:active::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fcfcfc'%3e%3cpath fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
}

.btn-catalog:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fcfcfc'%3e%3cpath fill-rule='evenodd' d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3e%3c/svg%3e");
    transform: var(--bs-accordion-btn-icon-transform);
}

.hr-balance {
    height: 1px;
    width: 100%;
    margin: 0;
}