.questionary__head, .questionary__row {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}
.questionary__head {
font-size: 14px;
font-weight: 700;
background: rgba(0,0,0,0.12);
}
.questionary__row:nth-child(2n+1){
background: rgba(0,0,0,0.05);
}
.questionary__row--submit:nth-child(2n+1) {
background: none;
}
.questionary__num,
.questionary__question,
.questionary__answer {
padding: 10px;
box-sizing: border-box;
}
.questionary__answer {
width: 100px;
}
.questionary__num {
width: 30px;
}
.questionary__question {
width: calc(100% - 230px);
}
.questionary__radio {
display: none;
}
.questionary__radio-label {
display: block;
position: relative;
padding-left: 30px;
cursor: pointer;
font-weight: 700;
cursor: pointer;
transition: all ease 0.3s;
}
.questionary__radio-label::before,
.questionary__radio-label::after {
content: '';
display: block;
position: absolute;
transition: all ease 0.3s;
}
.questionary__radio-label::before {
width: 21px;
height: 21px;
left: 0;
top: 0;
border-radius: 50%;
box-shadow: 0 0 13px 0 rgba(24, 26, 36, 0.17);
}
.questionary__radio-label::after {
width: 11px;
height: 11px;
top: 5px;
left: 5px;
border-radius: 50%;
opacity: 0;
background: #43c3f3;
transform: scale(0);
}
.questionary__radio:checked + .questionary__radio-label::after {
opacity: 1;
transform: scale(1);
}
.questionary__radio-label_no_required {
display: block;
position: relative;
padding-left: 30px;
cursor: pointer;
font-weight: 700;
cursor: pointer;
transition: all ease 0.3s;
}
.questionary__radio-label_no_required::before,
.questionary__radio-label_no_required::after {
content: '';
display: block;
position: absolute;
transition: all ease 0.3s;
}
.questionary__radio-label_no_required::before {
width: 21px;
height: 21px;
left: 0;
top: 0;
border-radius: 50%;
box-shadow: 0 0 13px 0 rgba(24, 26, 36, 0.17);
}
.questionary__radio-label_no_required::after {
width: 11px;
height: 11px;
top: 5px;
left: 5px;
border-radius: 50%;
opacity: 0;
background: #43c3f3;
transform: scale(0);
}
.questionary__radio:checked + .questionary__radio-label_no_required::after {
opacity: 1;
transform: scale(1);
}
.questionary__top {
display: flex;
align-items: center;
}
.questionary__label {
margin-bottom: 20px;
margin-right: 20px;
font-weight: 700;
font-size: 14px;
margin-left: 0;
min-width: 50%;
width: 50%;
}
@media screen and (max-width:767px) {
.questionary__head, .questionary__row {
flex-wrap: wrap;
}
.questionary__question {
width: calc(100% - 30px);
}
}
.questionary__small {font-size: 12px;}
.questionary__top + .questionary__head {
margin-top: 30px;
}
.questionary__row + p {
margin: 20px 20px 40px;
}
@media (max-width: 767px) {
.questionary__top {
flex-wrap: wrap;
}
.questionary__label {
width: 100%;
min-width: 100%;
margin: 0 0 20px;
}
.questionary__top input[type=text] {
width: 100%;
}
.questionary__question {
width: 100%;
}
.questionary__row--submit {
padding: 0;
}
.questionary__row--submit .footer_contact_button {
width: 100%!important;
margin-right: 0;
}
}
.questionary__question input[type="text"] {
display: inline-block;
margin: 0 10px;
width: 100px;
}
.questionary__question textarea {
margin: 10px 0;
}
.result--form {
text-align: center;
margin: 50px 30px;
}      .questionary__radio:checked + .questionary__radio-label.empty::before {
box-shadow: 0 0 13px 0 rgba(24, 26, 36, 0.17);
}
.questionary__radio:checked + .questionary__radio-label.empty {
color: #777;
}
.no_required{
box-shadow: none!important;
}
.empty_row{
box-shadow: 0 0 3px 1px red;
}
.questionary__row--submit{
box-shadow: none;
}