.aeroflot{
    border: solid 1px #EEE3C7;
    border-top: unset;
    display: flex;
    flex-direction: row;
    position: relative;
    padding-bottom: 35px;
}
.aeroflot::after{
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    height: 115px;
    border-left: solid 1px #33302A;
}
.aeroflot::before{
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    height: 115px;
    border-left: solid 1px #33302A;
}
.aeroflot .empty-block-prev{
    width: 100%;
    max-width: 75px;
    height: 115px;
    position: relative;
    border-bottom: solid 1px #EEE3C7;
}
.aeroflot .empty-block-next{
    width: 165px;
    height: 115px;
    position: relative;
    border-bottom: solid 1px #EEE3C7;
}

.aeroflot form{
    display: grid;
    gap: 35px 0;
    flex-basis: fit-content;
}
.aeroflot .form-title{
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-size: 31px;
    font-weight: 600;
    color: #EEE3C7;
    padding-left: 50px;
}

.aeroflot .main-block{
    background-color: #545049;
    padding: 45px 50px;

    display: grid;
    width: 100%;
    /*grid-template-columns: 1fr 1fr;*/
    grid-template-columns: calc(50% - 35px) calc(50% - 35px);
    grid-template-areas:
    "fg sg"
    "eg pg";
    gap: 70px;
}

.aeroflot .main-block .fio-group{
    grid-area: fg;
}
.aeroflot .main-block .services-group{
    grid-area: sg;
}
.aeroflot .main-block .email-group{
    grid-area: eg;
}
.aeroflot .main-block .phone-group{
    grid-area: pg;
}

.aeroflot .main-block .title-group{
    font-family: 'Montserrat', 'Lato', sans-serif;
    color: #EEE3C7;
    font-size: 28px;
    margin-bottom: 40px;
}

.aeroflot .form-group{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    width: 100%;
}
.aeroflot input.form-control{
    background-color: #EEE3C7;
    border: unset;
    height: 50px;
    font-size: 22px;
    font-family: 'Montserrat', 'Lato', sans-serif;
    width: 100%;
    padding-left:15px;
}

.aeroflot select.form-control{
    background-color: #EEE3C7;
    border: unset;
    /*line-height: 50px;*/
    font-size: 22px;
    font-family: 'Montserrat', 'Lato', sans-serif;
    width: 100%;
    height: 50px;
}
.aeroflot input.form-control::placeholder{
    font-family: 'Montserrat', 'Lato', sans-serif;
    color: #33302A;
}
.aeroflot .help-group{
    margin-top: 20px;
    font-size: 20px;
    font-family: 'Montserrat', 'Lato', sans-serif;
    color: #EEE3C7;
}
.aeroflot .bonus-block{
    padding: 35px 50px;
    background-color: #EEE3C7;
    color: #33302A
}
.aeroflot input.form-control.bonus-input{
    border: solid 1px #545049;
    width: 270px;
}
.aeroflot input.form-control.bonus-input::placeholder{
    color: #33302A;
}
.aeroflot .bonus-block .title-group{
    color: #33302A;
    margin-bottom: 7px;
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-size: 17px;
}
.aeroflot .bonus-block .bonus-button{
    background-color: #545049;
    color: #EEE3C7;
    border: unset;
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-size: 22px;
    height: 50px;
    width: 170px;
}
.aeroflot .bonus-block .bonus-group{
    display: grid;
    width: 100%;
    max-width: 450px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
    "tg tg"
    "bi bb";
    gap: 0 15px;
}
.aeroflot .bonus-block .bonus-group .title-group{
    grid-area: tg;
}
.aeroflot .bonus-block .bonus-group .bonus-input-cell{
    grid-area: bi;
}
.aeroflot .bonus-block .bonus-group .bonus-button-cell{
    grid-area: bb;
}

.aeroflot .checkbox-group{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.aeroflot .checkbox-group input{
    border: solid 1px #33302A;
    border-radius: 0;
    width: 25px;
    height: 25px;
    margin: 0;
    margin-right: 15px;
    min-width: 25px;
}
.aeroflot .checkbox-group label{
    font-size: 22px;
    font-family: 'Montserrat', 'Lato', sans-serif;
}
.aeroflot .bonus-block .bonus-group{
    margin-left: 40px;
}
.aeroflot .bonus-block .afl-bonus-svg{
    display: flex;
    height: 68px;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px;
}
.aeroflot .bonus-block .afl-bonus-svg .afl-bonus-svg-div{
    height: 38px;
}
.aeroflot .agree-block{
    /*padding: 35px 50px;*/
    padding: 0 50px;
}
.aeroflot .agree-block .checkbox-group{
    margin: 0;
}
.aeroflot .agree-block .checkbox-group label{
    font-size: 20px;
    color: #EEE3C7;
    flex-basis: fit-content;
}
.aeroflot .agree-block .checkbox-group a{
    color: #EEE3C7;
}
.aeroflot .agree-block .checkbox-group input{
    border-color: #EEE3C7;
    background-color: unset;
}
.aeroflot .agree-block .checkbox-group input[type="checkbox"]:checked::before{
    color: #EEE3C7;
}
.aeroflot .submit-block .submit-input{
    font-size: 22px;
    font-family: 'Montserrat', 'Lato', sans-serif;
    color: #33302A;
    background-color: #EEE3C7;
    border: solid 7px #545049;
    border-radius: 6px;
    height: 50px;
    padding: 0 23px;
    cursor: pointer;
}
.aeroflot .submit-block{
    display: flex;
    justify-content: end;
}
.aeroflot .d-none{
    display: none;
}

.aeroflot .info-form{
    font-family: 'Montserrat', 'Lato', sans-serif;
}
.aeroflot .info-form .mes-error,
.aeroflot .info-form .mes-ok{
    background-color: #EEE3C7;
    padding: 35px 50px;
}

/* selectric */
.selectric-wrapper{
    background-color: #EEE3C7;
    border: unset;
    font-size: 22px;
    font-family: 'Montserrat', 'Lato', sans-serif;
    /*max-width: 50%;*/
    height: 50px;
}
.selectric-wrapper .selectric{
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #EEE3C7;
}
.selectric-wrapper .selectric .label{
    font-size: 22px;
    color: #33302A;
    white-space: unset;
}
.selectric-wrapper .selectric-scroll ul li{
    min-height: 76px;
    display: flex;
    align-items: center;
    background-color: #EEE3C7;
    border: solid 2px #545049;
    border-right: unset;
    font-size: 19px;
    color: #33302A;
}
.selectric-wrapper .selectric-items{
    border: unset;
    box-shadow: 3px 4px 16px 0 rgba(0, 0, 0, 0.75);
}
.selectric-wrapper .selectric-open .selectric{
    border: solid 1px #545049;
}
.selectric-wrapper .selectric .button{
    background-color: unset;
    height: 100%;
    margin-right: 10px;
}
.selectric-wrapper .selectric .button svg{
    height: 100%;
    transition: transform 0.5s ease-in-out;
}
.selectric-wrapper.selectric-open .selectric .button svg{
    transform: rotateZ(-180deg);
    transition: transform 0.5s ease-in-out;
}
.selectric-wrapper .selectric .button::after{
    content: unset;
}

@media (max-width: 1440px) {
    .aeroflot .empty-block-next{
        width: 75px;
    }
}
@media (max-width: 1024px) {
    .aeroflot .main-block{
        grid-template-areas:
        "fg fg"
        "sg sg"
        "eg pg";
        gap: 35px;
    }
    .aeroflot .empty-block-prev,
    .aeroflot .empty-block-next{
        width: 35px;
    }
}
@media (max-width: 700px) {
    .aeroflot .main-block{
        grid-template-areas:
        "fg"
        "sg"
        "eg"
        "pg";
        gap: 15px;
        grid-template-columns: 1fr;
    }
    .aeroflot .empty-block-prev,
    .aeroflot .empty-block-next{
        width: 15px;
    }
}
@media (max-width: 575px) {
    .aeroflot form{
        gap: 0;
    }
    .aeroflot form .main-block,
    .aeroflot form .bonus-block,
    .aeroflot form .agree-block,
    .aeroflot form .submit-block{
        margin-top: 35px;
    }

    .aeroflot .empty-block-prev,
    .aeroflot .empty-block-next{
        height: 150px;
    }
    .aeroflot::after,
    .aeroflot::before{
        height: 150px;
    }

    .aeroflot .main-block,
    .aeroflot .bonus-block{
        padding: 25px;
    }
    .aeroflot .agree-block,
    .aeroflot .submit-block,
    .aeroflot .form-title{
        padding-left: 25px;
    }
}

@media (max-width: 475px) {
    .aeroflot .form-group{
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .aeroflot .bonus-block .checkbox-group{
        flex-wrap: wrap;
    }
    .aeroflot .checkbox-group label{
        flex: 1;
    }
    .aeroflot .bonus-block .afl-bonus-svg{
        width: 100%;
        align-items: center;
    }
    .aeroflot .bonus-block .bonus-group{
        max-width: unset;
        width: auto;
        grid-template-areas:
        "tg"
        "bi";
        grid-template-columns: 1fr;
        gap: 0;
    }
    .aeroflot input.form-control.bonus-input{
        width: 100%;
    }
    .aeroflot .agree-block .checkbox-group label{
        font-size: 12px;
    }
}