@charset "UTF-8";
.index-callback__bottom {
    margin: 40px 0 0;
    display: flex;
    flex-flow: column
}

.index-callback__social-links {
    margin-top: 30px
}

.callback-form {
    display: flex;
    flex-flow: column;
    position: relative;
    z-index: 0
}

.callback-form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s;
    pointer-events: none;
    background: var(--white-color);
    z-index: 1
}

.callback-form::after {
    content: "";
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--dark-color);
    border-left-color: var(--dark-color);
    animation: .5s linear infinite spin;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s, visibility .5s;
    z-index: 2
}

.callback-form.loading {
    pointer-events: none
}

.callback-form.loading::after, .callback-form.loading::before {
    opacity: .75;
    visibility: visible
}

.callback-form__label {
    margin: 0 0 20px;
    position: relative
}

.callback-form__label--for-message {
    margin: 0 0 15px
}

.callback-form__uploadfile {
    margin: 0 0 30px;
    display: flex;
    flex-flow: column;
    font: 14px/1.3 var(--text-font);
    color: var(--medium-grey-color)
}

.callback-form__uploadfile-button {
    display: flex;
    cursor: pointer
}

.callback-form__paper-clip-icon {
    margin: 0 10px 0 0
}

.callback-form__button {
    margin: 0 0 15px
}

.callback-form__policy {
    color: var(--medium-grey-color)
}

.d-none {
    display: none
}

.codedropz-upload-handler, .dnd-upload-image, .uploadedfiles {
    display: none !important
}

.dnd-upload-status.in-progress {
    opacity: .5;
    pointer-events: none
}

.dnd-upload-status .dnd-upload-details {
    padding: 0;
    width: 100%
}

.fileupload__label {
    order: -1;
    align-self: flex-end
}

.codedropz-upload-wrapper {
    margin: 0 0 20px
}

.dnd-upload-status {
    margin: 0 0 25px
}

.dnd-upload-status:last-child {
    margin-bottom: 0
}

.dnd-upload-details {
    display: flex;
    flex-wrap: wrap;
    font: 12px/1.3 var(--text-font);
    color: var(--dark-color);
    position: relative
}

.dnd-upload-details .has-error {
    margin: 10px 0 0;
    color: var(--error-color)
}

.dnd-upload-details .name {
    flex-shrink: 0;
    max-width: calc(100% - 20px);
    display: flex
}

.dnd-upload-details .name > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dnd-upload-details .name > em {
    flex-shrink: 0;
    margin: 0 auto 0 10px;
    font-weight: bolder;
    font-style: normal
}

.dnd-upload-details .remove-file {
    margin: 0 0 0 auto;
    display: flex;
    align-items: center;

    span:after {
        display: none !important;
    }
}

.dnd-icon-remove {
    display: block;
    width: 10px;
    height: 10px;
    background: center/contain no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22none%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23141414%22%20d%3D%22M.129.035A.25.25%200%200%200%20.004.29c.012.06.494.554%202.333%202.394l2.317%202.318L2.337%207.32C.743%208.916.017%209.659.006%209.704a.28.28%200%200%200%20.02.15.25.25%200%200%200%20.27.14c.045-.01.788-.737%202.384-2.33L5%205.349l2.32%202.315c1.84%201.838%202.334%202.32%202.394%202.332.158.032.314-.124.282-.281-.013-.06-.494-.554-2.333-2.394L5.346%205.003l2.317-2.318C9.5.847%209.983.35%209.996.29c.032-.158-.124-.314-.282-.281-.06.012-.554.493-2.395%202.331L5%204.657%202.693%202.352C1.39%201.051.356.036.318.022.23-.01.208-.008.128.035Z%22%2F%3E%3C%2Fsvg%3E)
}

.dnd-icon-remove.deleting {
    width: auto;
    font: 10px/1.3 var(--text-font);
    background: 0 0
}

.dnd-progress-bar {
    margin: 7px 0 0;
    width: 100%;
    position: relative
}

.dnd-progress-bar span {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 12px;
    display: inline-block;
    color: var(--white-color);
    font: 12px var(--text-font);
    background: 0 0
}

/*.remove-file span:after {*/
/*    display: none !important;*/
/*}*/

/*.dnd-progress-bar span::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 5px;*/
/*    width: 100%;*/
/*    background: #ccc;*/
/*    z-index: 0*/
/*}*/

/*.dnd-progress-bar::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    height: 5px;*/
/*    width: 100%;*/
/*    background: var(--yellow-color);*/
/*    z-index: 1*/
/*}*/