.mb-feedback{
    padding: 10px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 

.mb-feedback *{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mb-feedback__form-group{
    position: relative;
    margin-bottom: 20px;
}
.mb-feedback__form-group label{
    font-weight: 700;
    display: inline-block;
    margin-bottom: 4px;
}
.mb-feedback__form-group.error:after{
    position: absolute;
    content: attr(data-error);
    top: 100%;
    left: 0;
    color: red;
    font-size: 12px;
    padding-top: 2px;
    display: block;
}
.mb-feedback__control{
    width: 100%;
    min-width: 290px;
    display: block;
    padding: 0 10px;
    font-size: 16px;
    border-radius:3px;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.mb-feedback__control[type="text"],
.mb-feedback__control[type="email"],
.mb-feedback__control[type="number"],
.mb-feedback__control[type="search"],
.mb-feedback__control[type="password"],
.mb-feedback__control[type="url"]{
    height: 40px;
    line-height: 40px;
    border: 1px solid #d1d1d1; 
}
.mb-feedback__control[type="file"]{
    display: block;
    padding: 0;
    font-size: 14px;
}
select.mb-feedback__control{
    height: 40px;
    border: 1px solid #d1d1d1; 
    padding: 5px;
}
textarea.mb-feedback__control{
    padding: 10px;
    resize: none;
    border: 1px solid #d1d1d1; 
}

select.mb-feedback__control:focus,
textarea.mb-feedback__control:focus,
.mb-feedback__control[type="text"]:focus,
.mb-feedback__control[type="email"]:focus,
.mb-feedback__control[type="number"]:focus,
.mb-feedback__control[type="search"]:focus,
.mb-feedback__control[type="password"]:focus,
.mb-feedback__control[type="url"]:focus { outline:none; box-shadow: 0 1px 5px 0px rgba(42,42,42,.20), inset 0 3px 5px 0px rgba(42,42,42,.10);  } 


.feedback__control_captcha{
    min-width: 160px;
    max-width: 160px;
}

.mb-feedback__help-block{
    font-size: 12px;
    color: gray;
}

.mb-feedback__btn{
    height: 40px;
    padding: 0 10px;
    font-size: 16px;
    display: inline-block;
    min-width: 140px;
}

/*checkbox*/
.mb-feedback__checkbox[type=checkbox] {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
.mb-feedback__checkbox[type=checkbox] + label {
    padding-left:27px;
    height:22px; 
    display:inline-block;
    line-height:22px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAsCAMAAABWi7jCAAABGlBMVEU2Nzk3Nzk3ODo5OTs5Ojw6Ojw6Oz07PD48PD48PT89PT89PkA+PkA+P0E/P0E/QEJAQEJAQUNBQUNCQ0VDQ0VHR0lJSUlKS01MTE5MTU9QUFJWV1lZWVlkZWdlZWdoaGpqa21vcHKGhoiOjpCRkpSWl5mXmJqpqamqqqy1tbW6urzAwMLExcfLy83U1NTU1NbW1tbX19XX19fY2NjZ2dnZ2tza2tja2tra2tzb29nb29vc3Nrc3Nzc3N7d3dvd3d3e3t7f39/g4ODh4eHm5ubw8PLw8fPy8vT39/f5+fn5+fv6+vr6+vz7+/n7+/v7+/37/P78/Pr8/Pz8/P78/f/9/fv9/f39/f/9/v/+/v7+/v/+//////3///+al1WeAAABe0lEQVR4AdWR61bTQBSFj1qVFFrvd8X7XbG2taNDNZHUC1aDDnDqSfu9/2u4AiTMwhfQ/SvZ2dlrZn8yyfp+6F3qa1UvuWRTAKWWAdOJ9CEYsQI6EE9Qjtg4GWKgxCWV7QHV6INi5sRp/WetAlJJATREzYZ68fwt+w/ssYHFtzRFMxnCkakC9KphAxTN5BpQvLj9SCS1aqqpgqF2IAW+5pJPBs5FhLOeT/O8IT96tz56vf5hlK3lAzdpyC8WPxaL3d1fBQUhPyQfTGsQ4ZB8AUyNvbBtxOQ3sbD/3G/IV1Ee3+wpWtkx+ZfdsytPsRA2GvLlNp+uLi11LwM2Focyg9nOfOdW6/xK1xumWdW9ybfnq29+Pzx+5mT7iRJgIK6A2dvrJ649ON1Zbt8DFIbyEXTr9rGLreSCnFv9goGGVNYwuN9tJ8tJ58qrsgRMx5JBgGeXOknSegFlMGAsadXN9/c3TiWPfs62OEh7RdmGz3fvzOclJXsn+XfI/wHt/y9EpCfNtgAAAABJRU5ErkJggg==);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;

}
.mb-feedback__checkbox[type=checkbox]:checked + label {
    background-position: 0 -22px;
}
/*radio*/
.mb-feedback__radio[type=radio] {
    position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

.mb-feedback__radio[type=radio] + label {
    padding-left:26px;
    height:21px; 
    display:inline-block;
    line-height:21px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAqCAMAAABr5eDcAAABR1BMVEWlpaW3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7e3t7cNDQ0ODg4QEBAREREfHx8hISE5OTk9PT1DQ0NGRkZKSkpWVlZzc3N1dXWCgoKJiYmSkpKZmZmcnJyfn5+np6e3t7e5ubm6urq7u7u8vLy9vb2+vr7AwMDBwcHExMTGxsbHx8fIyMjJycnKysrMzMzNzc3Ozs7Pz8/S0tLV1dXW1tbY2NjZ2dna2trc3Nzh4eHi4uLj4+Pl5eXn5+fo6Ojp6ens7Ozv7+/w8PDx8fHz8/P29vb4+Pj5+fn8/Pz9/f3+/v7///9gDpUEAAAAK3RSTlMACA4SFBgeICowNDg8PkBERkhOUFReYmZwdHZ+g42VmaOlq62xubvHzdXdIuif8QAAAS9JREFUeAG10UlXglAYxvE3mufBqKSkeSjMstLSTCvEBhQLfbVsMBss437/dXA4XC7Y1v/yd57dA059k9MjHHjqmtu+Kup5eT3AYPCi8kXMfhva6riDIbVJnOrZWRvn1RZx+5QnLBzMfRO2tzVLF5+Jt2IAoDtr+LSxAcCXiC9D5kB8Iv4Ko7D82qb3U/9ttTEQqm163Q9Dt35s7gDA5rtPq4KpfN7wTi85MBMfWGypAlhx548u/hRCYNcrah+2GS+5BaDNbN1UavVaSVkaBraBoLgi8j0sdfBN1M6SmTJ63kT1SDILHyP7phKR7A7QfRP3JacTpG+mJVq4TN+MS24Z+maU0SR9M8Zoir6ZYPSOvqnvUjxE+iaeOhjRmDcxZa/3FGTfRD0Ri8bT2OE3/wDHS9AMUs8G+AAAAABJRU5ErkJggg==);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
}

.mb-feedback__radio[type=radio]:checked + label {
    background-position: 0 -21px;
}


.mb-feedback__req{
    color: red;
}

.mb-feedback p{
    margin-bottom: 10px; 
}

.img_captcha{
    display: inline-block;
    vertical-align: middle;

}
.button_captcha{
    display: inline-block;
    vertical-align: middle;
    min-width: 125px;
    height: 40px;
    padding: 0 10px;
    outline:none; 
}
.button_captcha:focus{
    outline:none; 
}
.button_captcha.loading{
    background-position: 10% 50%;
    background-repeat: no-repeat;
    border: 0;
    padding-left: 35px;
    background-color: #fff;
    background-image: url(data:image/gif;base64,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);
}

.mb-feedback__error{
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;

}
.mb-feedback__success{
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}