@media screen and (min-width: 1024px) {
    .form__overlay
    {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        box-sizing: border-box;
        z-index: 9996;
        overflow: auto;
        background: rgba(10, 13, 34, 0.7);
        display: flex;
        font-family: var(--base-font);
    }

    .form
    {
        max-width: 500px;
        width: 80%;
        margin: auto;
        background-color: #fff;
        border-radius: 10px;
        position: relative;
        box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
        font-size: 13px;
        padding: 50px 30px;
        box-sizing: border-box;
    }

    .form_quick-buy
    {
        width: 540px;
    }

    .form__head
    {
    }

    .form__title
    {
        font-size: 28px;
        line-height: 36px;
        font-weight: bold;
        color: #303036;
        padding-bottom: 22px;
    }

    .form__close
    {
        position: absolute;
        background-image: url(/static/resources/blocks/form/img/form__close.svg);
        background-repeat: no-repeat;
        background-position: center;
        width: 20px;
        height: 20px;
        right: -40px;
        top: 15px;
    }

    .form__close:active
    {
        transform: scale(0.95);
    }

    .form__fields
    {

    }

    .form__2-col-row
    {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 20px;
    }

    .form__2-col-row .form__field-row:nth-of-type(1)
    {
        padding-right: 10px;
    }

    .form__2-col-row .form__field-row:nth-of-type(2)
    {
        padding-left: 10px;
    }

    .form__2-col-row + .form__field-row,
    .form__field-row + .form__field-row
    {
        margin-top: 20px;
    }

    .form__2-col-row .form__field-row + .form__field-row
    {
        margin-top: 0px;
    }

    .form__field
    {
        font-size: 16px;
        line-height: 23px;
    }

    .form__field-title
    {
        display: block;
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 10px;
    }

    .form__input
    {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 11px 15px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #D9D9D9;
        border-radius: 8px;
        color: #303036;
        font-size: 16px;
        line-height: 23px;
        font-family: var(--base-font);
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }

    .form__input::placeholder,
    .form__textarea::placeholder
    { /* Chrome, Firefox, Opera, Safari 10.1+ */

        color: #9498a3;
        opacity: 1; /* Firefox */
        font-family: var(--base-font);
    }

    .form__input:-ms-input-placeholder,
    .form__textarea:-ms-input-placeholder
    { /* Internet Explorer 10-11 */
        color: #9498a3;
        font-family: var(--base-font);
    }

    .form__input::-ms-input-placeholder,
    .form__textarea::-ms-input-placeholder
    { /* Microsoft Edge */
        color: #9498a3;
        font-family: var(--base-font);
    }

    .form__input_error
    {
        background-color: #ffc7c7;
    }

    .form__input:focus
    {
        border: 1px solid var(--pruma-green);
    }

    .form__footer
    {
        padding-top: 20px;
    }

    .form__privacy-row
    {
        margin-bottom: 20px;
    }

    .form__checkbox-link
    {

    }


    .form__call-form-footer-row
    {
        margin-bottom: 4px;
    }

    .form__call-form-footer-row + .form__call-form-footer-row
    {
        margin-top: 8px;
    }

    .form__radio-field,
    .form__checkbox-field
    {
        display: flex;
    }

    .form__radio
    {
        display: inline-block;
        margin-top: auto;
        margin-bottom: auto;
    }

    .form__checkbox
    {
        display: inline-block;
        margin-top: auto;
        margin-bottom: auto;
    }

    .form__radio-text,
    .form__checkbox-text
    {
        font-size: 16px;
        line-height: 23px;
        padding-left: 4px;
        display: inline-block;
        margin-top: auto;
        margin-bottom: auto;
    }

    .form__call-time-selector
    {

    }

    .form__call-time
    {
        display: inline-block;
        box-sizing: border-box;
        padding: 11px 35px 11px 15px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #D9D9D9;
        border-radius: 8px;
        color: #303036;
        font-size: 16px;
        line-height: 23px;
        font-family: var(--base-font);
    }

    .form__call-time:focus
    {

    }

    .form__textarea-container
    {
    }

    .form__textarea
    {
        height: 78px;
        min-height: 78px;
        max-height: 150px;
        resize: vertical;
        width: 100%;
        box-sizing: border-box;
        padding: 11px 15px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        border: 1px solid #D9D9D9;
        border-radius: 8px;
        color: #303036;
        font-size: 16px;
        line-height: 23px;
        font-family: var(--base-font);
    }

    .form__buttons
    {
        display: flex;
        margin-top: 37px;
    }

    .form__button
    {
        margin-top: auto;
        margin-bottom: auto;
        display: inline-flex;
        background-color: var(--pruma-green);
        padding: 3px 32px;
        color: #fff;
        font-size: 18px;
        line-height: 42px;
        font-weight: bold;
        cursor: pointer;
        border-radius: 6px;
    }

    .form__button__inner
    {
        margin: auto;
        pointer-events: none;
    }

    .form__button:active:not([disabled]):not(.form__button_submit_busy)
    {
        transform: scale(0.95);
    }

    .form__button:disabled
    {
        opacity: 0.6;
    }

    .form__button_submit_busy
    {
        border: 1px solid #bbbbbb;
        background-color: #fff;
        color: #fff;
        background-image: url(/static/resources/img/loader.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 32px;
        cursor: default;
    }

    .form__subscribe-info
    {
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
        cursor: pointer;
        background-image: url(/static/resources/blocks/form/img/form__subscribe-info.png);
        background-position: center;
        background-repeat: no-repeat;
        margin-left: 8px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .form__subscribe-info-window
    {
        position: absolute;
        display: block;
        width: 300px;
        left: -7px;
        top: -6px;
        background-color: #323232;
        background-image: url(/static/resources/blocks/form/img/form__subscribe-info-window.png);
        background-position: top 7px left 8px;
        background-repeat: no-repeat;
        border-radius: 3px;
        transition: visibility 0s linear 0.3s,opacity 0.3s linear;
        visibility: hidden;
        opacity: 0;
        border: 1px solid #fff;
        z-index: 9997;
    }

    .form__subscribe-info:hover .form__subscribe-info-window
    {
        visibility: visible;
        opacity: 1.0;
        transition-delay: 0.3s;
    }

    .form__subscribe-info-text
    {
        padding: 10px 30px;
        display: block;
        color: #fff;
    }

    .form__call-form-mdash
    {
        display: inline-block;
        margin: 0 10px;
    }

    .form__call-type-button
    {
        background-color: var(--panel-color);;
        font-size: 15px;
        font-weight: 500 !important;
        color: #303036;
        display: block;
        border: 1px solid #ddd;
        border-radius: 2px;
        text-align: center;
        text-decoration: none;
        width: 100%;
        box-sizing: border-box;
        padding: 8px 8px;
        font-family: var(--base-font);
    }

    .form__call-type-button:active
    {
        transform: scale(0.95);
    }

    .form__call-type-button span
    {
        display: block;
    }

    .form__call-type-button span + .form__call-type-button span
    {
        margin-top: 10px;
    }

    .form__call-type-button + .form__call-type-button
    {
        margin-top: 20px;
    }

    .form__quick-buy-showcase
    {
        display: grid;
        grid-template-columns: 108px 1fr;
        padding-bottom: 20px;
    }

    .form__quick-buy-image
    {
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 90px;
    }

    .form__quick-buy-product-info
    {
        font-size: 13px;
        color: #303036;
    }

    .form__quick-buy-product-container
    {
        margin-bottom: 8px;
    }

    .form__quick-buy-product
    {
        font-size: 14px;
        line-height: 19px;
        color: var(--link-color);
        overflow: hidden;
        display: inline-block;
        max-width: 100%;
    }

    .form__quick-buy-brand
    {
        color: #747474;
        font-size: 14px;
        line-height: 19px;
    }

    .form__quick-buy-price-row
    {
        margin-top: 8px;
    }

    .form__quick-buy-price
    {
        font-size: 16px;
        line-height: 23px;
        font-weight: 700;
    }

    .form__quick-buy-units
    {
        font-size: 14px;
        line-height: 19px;
        color: #969696;
        margin-left: 5px;
    }

    .form__quick-buy-price .price-row__ruble
    {
        font-size: 14px;
    }

    .form__quick-buy-amount
    {
        display: grid;
        grid-template-columns: 46px 96px 46px 97px 1fr;
        margin-bottom: 20px;
    }

    .form__quick-buy-amount-button-container
    {
    }

    .form__quick-buy-amount-button
    {
        width: 100%;
        height: 36px;
        border: 1px solid #008ae0;
        border-radius: 4px;
        display: flex;
        background-color: #fff;
        position: relative;
        cursor: pointer;
        transition: all var(--transition-duration) ease-out;
    }

    .form__quick-buy-amount-button-svg
    {
        margin: auto;
        display: block;
        pointer-events: none;
    }

    .form__quick-buy-amount-button-svg-inner
    {
        fill: #008ae0;
    }

    .form__quick-buy-amount-button:hover
    {
        background-color: var(--pruma-green);
        border-color: var(--pruma-green);
    }

    .form__quick-buy-amount-button:hover .form__quick-buy-amount-button-svg-inner
    {
        fill: #ffffff;
    }

    .form__quick-buy-amount-button:active
    {
        transform: scale(0.99);
    }

    .form__quick-buy-amount-input-container
    {
        padding: 0 10px
    }

    .form__quick-buy-amount-input
    {
        box-sizing: border-box;
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        padding: 7px 8px;
        border: 1px solid #9498a3;
        border-radius: 4px;
        display: block;
        text-align: center;
    }

    .form__quick-buy-amount-input:focus
    {
        border: 1px solid var(--pruma-green)
    }

    .form__quick-buy-amount-total-container
    {
        padding-left: 10px;
        font-size: 20px;
        font-weight: bold;
        display: flex;
        text-align: right;
    }

    .form__quick-buy-amount-total-container .price-row
    {
        display: inline-block;
        margin-top: auto;
        margin-bottom: auto;
    }

    .form__quick-buy-amount-note
    {
        display: flex;
        padding: 10px;
        overflow: hidden;
    }

    .form__quick-buy-amount-note span
    {
        display: inline-block;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 11px;
    }

    .form__quick-buy-amount-note_error span
    {
        color: red;
    }
}