.modal__block_wrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 5000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .5);
}

.modal__block_form {
    display: block;
    position: relative;
    background: #fff;
    margin: 50px auto;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
    padding: 50px;
    max-width: 400px;
    width: 100%;
}

.modal-callback_close {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 21px;
    height: 21px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.modal-callback_close:hover {
    border-color: #ffa500
}

.modal-callback_close:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #ffa500;
}

.modal-callback_close .icon:hover {
    fill: #ffa500;
}

.icon-cancel {
    width: 1em;
    height: 1em;
    fill: initial
}

.modal__form {
    text-align: center
}

.modal__form,
.modal__form .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal__form .form .button {
    display: inline-block;
    margin: 0 auto 20px
}

.modal__form input[type=tel] {
    margin: 10px auto 10px;
    border: 1px solid #999;
    color: #999;
    border-radius: 22.5px;
    line-height: 1.5em;
    padding: 10px 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: "Helvetica", sans-serif;
    font-weight: 400;
    width: 100%;
    max-width: 200px;
    background: 0 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none mar
}

.modal__form p {
    font-family: "Helvetica", sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #212121;
    margin-bottom: 0px
}

.modal__block_wrapper .button {
    font-family: "Helvetica", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    /* background:-webkit-gradient(linear,left bottom,left top,from(#1ca12a),color-stop(62%,#37cf31),to(#48eb36)); */
    background: -webkit-gradient(linear, left bottom, left top, from(#da8d00), color-stop(62%, #daae35), to(#d4b95d));
    /* background:-webkit-linear-gradient(bottom,#1ca12a 0%,#37cf31 62%,#48eb36 100%);*/
    background: -webkit-linear-gradient(bottom, #da8d00 0%, #daae35 62%, #d4b95d 100%);
    /* background:-o-linear-gradient(bottom,#1ca12a 0%,#37cf31 62%,#48eb36 100%); */
    background: -o-linear-gradient(bottom, #da8d00 0%, #daae35 62%, #d4b95d 100%);
    /* background:linear-gradient(0deg,#1ca12a 0%,#37cf31 62%,#48eb36 100%); */
    background: linear-gradient(0deg, #da8d00 0%, #daae35 62%, #d4b95d 100%);
    border-radius: 22.5px;
    /* -webkit-box-shadow:0 15px 20px 0 rgba(43,187,46,.4),inset 0 -3px 0 0 rgba(16,123,29,.5); */
    -webkit-box-shadow: 0 15px 20px 0 rgba(184, 117, 62, 0.6), inset 0 -3px 0 0 rgba(173, 104, 58, 0.6);
    /* box-shadow:0 15px 20px 0 rgba(43,187,46,.4),inset 0 -3px 0 0 rgba(16,123,29,.5); */
    box-shadow: 0 15px 20px 0 rgba(184, 117, 62, 0.6), inset 0 -3px 0 0 rgba(173, 104, 58, 0.6);
    padding: 14px 43px 16px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: block;
    max-height: 47px
}

.modal__block_wrapper .button:hover {
    /*-webkit-box-shadow:0 15px 20px 0 rgba(43,187,46,.6),inset 0 -4px 0 0 rgba(16,123,29,.5); */
    -webkit-box-shadow: 0 15px 20px 0 rgba(236, 204, 18, 0.6), inset 0 -4px 0 0 rgba(182, 172, 31, 0.5);
    /* box-shadow:0 15px 20px 0 rgba(43,187,46,.6),inset 0 -4px 0 0 rgba(16,123,29,.5); */
    box-shadow: 0 15px 20px 0 rgba(236, 204, 18, 0.6), inset 0 -4px 0 0 rgba(182, 172, 31, 0.5);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.modal__block_wrapper .button:focus {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    /*-webkit-box-shadow:0 15px 20px 0 rgba(43,187,46,.3),inset 0 -5px 0 0 rgba(16,123,29,.5); */
    -webkit-box-shadow: 0 15px 20px 0 rgba(149, 187, 221, 0.7), inset 0 -5px 0 0 rgba(44, 16, 123, 0.5);
    /* box-shadow:0 15px 20px 0 rgba(43,187,46,.3),inset 0 -5px 0 0 rgba(16,123,29,.5); */
    box-shadow: 0 15px 20px 0 rgba(149, 187, 221, 0.7), inset 0 -5px 0 0 rgba(44, 16, 123, 0.5)
}

@media only screen and (max-width:576px) {
    .modal__block_form {
        padding: 50px 30px 25px;
    }
}