body.showFosCallUs {
    overflow: hidden
}

body.showFosCallUs .fos-callus {
    visibility: visible;
    opacity: 1
}

.fos-callus .fos-body {
    width: 100%
}

.fos-callus .ffci_inps {
    display: flex;
    flex-wrap: wrap;
    gap: calc(100vw * 16 / 1920) calc(100vw * 8 / 1920);
    justify-content: space-between
}

.fos-callus .ffci_inp {
    width: calc((100% - 100vw * 8 / 1920) / 2);
    height: calc(100vw * 48 / 1920)
}

/*.fos-callus .ffci_inps :first-child {*/
/*    width: 100%;*/
/*}*/

.fos-callus .ffci_textarea {
    width: 100%;
    height: calc(100vw * 96 / 1920)
}

.fos-callus .ffci_btn {
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    width: calc(100vw * 336 / 1920);
    height: calc(100vw * 60 / 1920);
    background-color: var(--c-primary);
    color: #fff;
    margin-top: calc(100vw * 20 / 1920)
}

@media (min-width: 769px) {
    .fos-callus .ffci_btn:hover {
        opacity: .7
    }
}

@media (max-width: 768px) {
    .fos-callus .ffci_inps {
        flex-direction: column;
        gap: calc(100vw * 8 / 375)
    }

    .fos-callus .ffci_inp {
        width: 100%;
        height: calc(100vw * 48 / 375)
    }

    .fos-callus .ffci_textarea {
        margin-top: 0;
        width: 100%;
        height: calc(100vw * 96 / 375)
    }

    .fos-callus .ffci_btn {
        font-size: calc(100vw * 14 / 375);
        width: 100%;
        height: calc(100vw * 60 / 375);
        margin-top: calc(100vw * 20 / 375)
    }
}