/* Start:/bitrix/templates/main/components/cint/main.feedback/template26/style.css?17768367431585*/
:root{--brand-green:#125d29}
#feedback-title{font-weight:700;font-size:24px}
#feedback .form-field{width:100%;margin:0 0 10px 0}
#feedback .form-field .mf-text{margin:0 0 5px 0;font-size:18px}
#feedback .form-field input[type=text],#feedback .form-field textarea{max-width:100%;width:100%;padding:10px;border:1px solid #bbb;box-sizing:border-box;font-size:18px;font-family:LatoWeb}
.mf-req{margin:0 0 0 5px;font-weight:700;color:#8a0000}
#submit-btn{margin:30px 0 0 0;padding:10px 20px;font-size:20px;border:unset;color:#fff;background-color:var(--brand-green);cursor:pointer;transition:opacity .3}
#submit-btn:hover{opacity:.7}
.response__p{margin-top:3px;margin-bottom:3px;padding:3px 5px;color:#fff;font-size:18px;font-weight:700;background-color:#d3d3d3}
.response__p.green{background-color:var(--brand-green)}
.response__p.red{background-color:#8e00008a}
.form-result:not(:empty){margin-top:30px}
.loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:10px solid;box-sizing:border-box;animation:animloader 1s linear infinite alternate}
@keyframes animloader{
0%{border-color:var(--brand-green) rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0)}
33%{border-color:var(--brand-green) var(--brand-green) rgba(255,255,255,0) rgba(255,255,255,0)}
66%{border-color:var(--brand-green) var(--brand-green) var(--brand-green) rgba(255,255,255,0)}
100%{border-color:var(--brand-green) var(--brand-green) var(--brand-green) var(--brand-green)}
}
@media screen and (max-width:998px){
#page-body tr{display:flex;flex-direction:column;gap:20px}
}
/* End */
/* /bitrix/templates/main/components/cint/main.feedback/template26/style.css?17768367431585 */