.form__wrapper {
    background-color: #f8f8f8;
    padding: 20px 0 15px 0;
}

.form__title {
    color: #153d65;
    font-size: 2rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
}

.input__box {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.input__box input,
.area__box textarea {
    border: 1px solid #336596;
    border: 1px solid #a9a9a9;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 1.6rem;
}

.input__box label,
.area__box label {
    font-size: 1.4rem;
    color: #000000;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 0px;
}

.form__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.area__box {
    display: flex;
	flex-direction: column;
	width: 100%;
}

.area__box textarea {
    height: 80px;
    width: 100%;
    resize: none;
}

.form__btn {
    border-radius: 15px;
    cursor: pointer;
    border: 1px solid #0d4cd3;
    height: 50px;
    width: 350px;
    background-color: #0d4cd3;
    color: #ffffff;
    font-size: 1.7rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .3s ease;
    display: block;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
}

.form__btn:hover,
.form__btn:focus,
.form__btn:active {
    background-color: #1d5deb;
    border: 1px solid #1d5deb;
    color: #ffffff;
}

.form__massege {
    margin-top: 25px;
}

.form__right {
    margin-left: 67px;
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1;
}

.form__text {
    margin-top: 10px;
    color: #a2a2a2;
    line-height: 1.5;
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
}

.file_wrap {
    margin-bottom: 25px;
    margin-top: 15px;
}

.file_wrap label {
    color: #5b96d2;
    font-family: "Open Sans", sans-serif;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .3s ease;
}

.file_wrap label:hover {
    color: #87c3ff;
}

.file_wrap input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.form_file-selected {
    margin-left: 13px;
}

.feedback__info, .feedback__info2, .feedback__info3 {
    margin: 10px auto 0;
}

.feedback__error, .feedback__error2, .feedback__error3 {
    text-align: center;
    color: red;
    display: none;
}

.form__massege2, .form__massege3 {
	margin-top: 15px;
}

.feedback__info_error .feedback__error,
 .feedback__info_error2 .feedback__error2,
 .feedback__info_error3 .feedback__error3 {
    display: block;
}

.feedback__error-title, .feedback__error-title2
.feedback__error-title3 {
    font-size: 1.7rem;
}

.feedback__load, .feedback__load2, .feedback__load3 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 auto;
    font-size: 1.4rem;
}

.feedback__info_process .feedback__load,
 .feedback__info_process2 .feedback__load2, 
 .feedback__info_process3 .feedback__load3 {
    display: -webkit-box;
    display: flex;
}

.feedback__load-img, .feedback__load-img2,
.feedback__load-img3 {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #153d65;
    border-radius: 50%;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.feedback__load-wrap, .feedback__load-wrap2,
.feedback__load-wrap3 {
    display: none;
}

.feedback__done, .feedback__done2,
.feedback__done3 {
    color: green;
    text-align: center;
    display: none;
}

.feedback__info_success .feedback__done, .feedback__info_success2 .feedback__done2,
.feedback__info_success3 .feedback__done3 {
    display: block;
}

.feedback__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
}

.feedback__title {
    text-align: center;
    font-size: 2rem;
}

.feedback__input {
    width: 100%;
    padding: 0 10px 0 35px;
    margin: 5px 0 0 0;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #ececec;
    position: relative;
}

.feedback__input_error {
    border-color: red!important;
}

.feedback__input-wrap {
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.feedback__input-wrap::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 68%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: 100%;
    z-index: 5;
}

.feedback__input-wrap_human::before {
    width: 17px;
    height: 17px;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" fill="%230081cb" viewBox="0 0 24 24">\a 							<path d="M 12 3 A 4 4 0 0 0 8 7 A 4 4 0 0 0 12 11 A 4 4 0 0 0 16 7 A 4 4 0 0 0 12 3 z M 12 14 C 8.859 14 3 15.546 3 18.5 L 3 21 L 13.171875 21 L 18.597656 15.572266 C 16.615656 14.535266 13.843 14 12 14 z M 22.207031 15 C 22.079156 15 21.951016 15.048984 21.853516 15.146484 L 20.853516 16.146484 L 22.853516 18.146484 L 23.853516 17.146484 C 24.048516 16.951484 24.048516 16.634453 23.853516 16.439453 L 22.560547 15.146484 C 22.462547 15.048984 22.334906 15 22.207031 15 z M 20.146484 16.853516 L 15 22 L 15 24 L 17 24 L 22.146484 18.853516 L 20.146484 16.853516 z"></path>\a 						</svg>');
}

.feedback__input-wrap_phone::before {
    width: 17px;
    height: 17px;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" fill="%230081cb" viewBox="0 0 24 24">\a 							<path d="M20.023,15.488c-0.63-0.015-1.423-0.052-1.924-0.14c-0.542-0.096-1.194-0.282-1.653-0.425 c-0.36-0.112-0.752-0.013-1.019,0.253L13.21,17.38c-1.532-0.807-2.759-1.747-3.798-2.792c-1.045-1.039-1.985-2.266-2.792-3.798 l2.204-2.218C9.09,8.305,9.189,7.913,9.077,7.553C8.935,7.095,8.748,6.443,8.653,5.901C8.564,5.4,8.528,4.607,8.512,3.977 C8.499,3.432,8.055,3,7.51,3H4C3.562,3,3,3.328,3,4c0,4.539,1.84,8.874,4.966,12.034C11.126,19.16,15.461,21,20,21 c0.672,0,1-0.562,1-1v-3.51C21,15.945,20.568,15.501,20.023,15.488z"></path>\a 						</svg>');
}

.feedback__input-wrap_text::before {
    top: 20%;
    width: 17px;
    height: 17px;
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" fill="%230081cb" viewBox="0 0 24 24">\a 							<path d="M2,5v12c0,1.1,0.9,2,2,2h14l4,4L21.99,5c0-1.1-0.89-2-1.99-2H4C2.9,3,2,3.9,2,5z M7,6h10v2H7V6z M7,10h10v2H7V10z M7,14h7 v2H7V14z"></path>\a 						</svg>');
}

.feedback__placeholder {
    font-weight: 700;
}

.feedback__placeholder_error {
    color: red!important;
}

.feedback__textarea {
    resize: none;
    height: 200px;
    padding: 10px 10px 10px 35px;
    margin: 5px 0 0 0;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ececec;
}

.feedback__button {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    max-width: 220px;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    background-color: #153d65;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 1px solid transparent;
    cursor: pointer;
    margin: 15px auto 0;
}

.feedback__button:hover,
.feedback__button:active,
.feedback__button:focus {
    color: #153d65;
    background-color: #fff;
    border-color: #153d65;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.color2 .content h1 {
color: #fff;
}

.color2 .content .input__box label,
.color2 .content .area__box label {
    color: #fff;
}

.color2 .content .area__box textarea {
    background-color: #000;
}