/* Start:/local/templates/main_new/components/bitrix/form/zasedanie/bitrix/form.result.new/.default/style.css?17552706877655*/
.vote-group {display: none; padding: 20px; border: 1px solid #cccccc;}
.vote-group.active {display: block;}
.vote-group .answer {margin-bottom: 30px; padding: 15px 0 0 15px;}
.vote-group .answer:last-child {margin-bottom: 0;}
.answer label {display: inline-block; line-height: 18px;}
.question.hidden, .answer.hidden {display: none;}
.qt-left, .qt-right {display: inline-block; width: 48%; vertical-align: middle;}
.qt-text {padding: 8px 0;}
.row-result {margin-top: 30px;}
.qt-text:nth-child(2n) {background-color: #faf7fa;}
.inputtext {border: 1px solid #d9d9d9; padding: 10px 18px; width: 100%; font-size: 16px; max-width: 340px; font-family: Geometria, sans-serif;}
.button.btn-prev {background: none; color: #272c3e; border: 1px solid #92278f;}
.mr-left {margin-top: 4px; margin-left: 25px; /*padding: 6px; font-family: Geometria, sans-serif; display: block;*/}
.mr-left-d {margin-top: 4px; margin-left: 25px; /*padding: 6px; font-family: Geometria, sans-serif;*/}
.inputtext.hidden {display: none;}
#group620 {margin-left: 40px; margin-top: 6px;}

.vote-group .ui-slider {margin-top: 10px; width: 80%;}

@media (max-width: 800px) {
.qt-left, .qt-right {display: block; width: 100%;}
.qt-text .inputtext {width: auto;}
.vote-group .ui-slider {width: 100%;}
}

.ui-slider-horizontal {height: 2px !important; background: rgba(126, 46, 122, .1) !important;}
.ui-slider-horizontal .ui-slider-handle {top: -9px !important; background: #7E2E84 !important;}
.ui-widget-content .ui-state-default {border-radius: 20px; color: #7E2E84 !important; border: 0 !important;}

h1 {
font-size: 24px;
font-family: GeometriaMedium, sans-serif;
}

.twocol-l, .twocol-r {
width: 100%!important;
display: flex!important;
width: 100%!important;
}

.twocol-l .text, .twocol-r .text {
width: 100%;
}

.text p:first-child {
line-height: 24px;
margin-bottom: 40px;
margin-top: 20px;
text-align: center;
color: #838B98;
}

.text p:first-child b {
color: #272c3e;
}

form {
display: flex;
margin: 0 auto;
max-width: 747px;
flex-direction: column;
background-color: #F5F7FA;
}

.vote-group {
border: 1px solid #dfe3e8!important;
}

h3 {
text-align: center;
text-transform: uppercase;
margin-bottom: 3rem;
font-size: 16px;
color: #91278d;
}

.inputtext {
border: 1px solid #dfe3e8;
padding: 10px 20px;
width: 100%;
min-width: 100%;
font-size: 16px;
max-width: 100%;
box-sizing: border-box;
font-family: Geometria, sans-serif;
}

.inputtext:active, .inputtext:focus {
outline: none;
border: 1px solid #91278d;
}

.vote-group .answer {
margin-bottom: 30px;
padding: 15px 0 0;
}

.answer label {
margin: 7px 0;
}

.vote-group {
display: none;
padding: 20px 80px;
border: 1px solid #cccccc;
}

.button.btn-next.disabled {
background-color: #dbccdb;
}

.error-txt {
width: 200px;
font-size: 12px;
position: absolute;
top: -55px;
background-color: #91278d;
padding: 10px;
border-radius: 3px;
color: #ffffff;
border: 1px solid #91278d;
display: none;
opacity: 0;
transition: all 0.3s linear;
}

.error-txt:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
position: absolute;
bottom: -10px;
border-color: #91278d transparent transparent transparent;
}

a.button:hover {
text-decoration: none;
}

a.disabled:hover~.error-txt {
display: block;
opacity: 1;
transition: all 0.3s linear;
}

.row-result {
margin-top: 50px;
position: relative;
}

.progressbar, .progressbar1{
counter-reset: step;
padding: 0;
margin: 30px 0;
display: flex;
justify-content: center;
}
.progressbar {
margin:100px 0;
}

.progressbar li, .progressbar1 li {
list-style: none;
display: inline-block;
width: calc(100% /7);
position: relative;
text-align: center;
cursor: pointer;
}

.progressbar li:nth-child(odd) p, .progressbar1 li p {
position: absolute;
bottom: 50px;
background-color: #91278d;
color: #ffffff;
font-size: 9px;
text-transform: uppercase;
padding: 5px 10px;
width: 100%;
line-height: 13px;
border-radius: 3px;
}
.progressbar li:nth-child(even) p {
position: absolute;
top: 30px;
background-color: #91278d;
color: #ffffff;
font-size: 9px;
text-transform: uppercase;
padding: 5px 10px;
width: 100%;
line-height: 13px;
border-radius: 3px;
}

.progressbar li:nth-child(odd) p:before, .progressbar1 li p:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
position: absolute;
bottom: -10px;
left: 33%;
border-color: #91278d transparent transparent transparent;
}

.progressbar li:nth-child(even) p:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width:  0 10px 10px 10px;
position: absolute;
top: -10px;
left: 33%;
border-color: transparent transparent #91278d transparent  ;
}
.progressbar li:before, .progressbar1 li:before {
content: counter(step)!important;
counter-increment: step!important;
width: 30px!important;
height: 30px!important;
line-height: 30px!important;
border: 1px solid #ddd;
border-radius: 100%;
display: block;
text-align: center;
margin: 0 auto 10px auto;
position: relative!important;
z-index: 3;
left: 0!important;
top: 0!important;
color: #91278d;
font-size: 14px;
font-family: 'GeometriaBold';
background-color: #ddd!important;
}

.progressbar li:after, .progressbar1 li:after {
content: "";
position: absolute;
width: 100%;
height: 2px;
background-color: #ddd;
top: 15px;
left: -60%;
z-index: 1;
}

.progressbar li:first-child:after, .progressbar1 li:first-child:after {
content: none;
}

.progressbar li.active,   .progressbar1 li.active {
color: #91278d;
}

.progressbar li.anim span, .progressbar1 li.anim span {
position: absolute;
width: 30px;
height: 30px;
background-color: rgba(145, 39, 141, 0.2);
top: 8px;
margin-left: -15px;
border-radius: 50%;
z-index: 5;
animation: distance11 2000ms infinite ease-in-out;
}

@keyframes distance11 {
0% {
transform: scale(1.1)
}
100% {
transform: scale(1.8)
}
}

.progressbar li.active:before, .progressbar1 li.active:before {
border-color: #a833a8!important;
background-color: #a833a8!important;
color: #ffffff;
}

.progressbar li.active:after, li[data-after="active"]:after, .progressbar1 li.active+li:after {
background-color: #a833a8;
}
forms input[type=submit]:disabled, input[type=submit]:disabled {
background-color: #aeaeae;
}
.forms input[type=submit], input[type=submit] {
line-height:25px;
}
.forms input[type=submit]:disabled:hover~.error-txt, input[type=submit]:disabled:hover~.error-txt {
display: block;
left: 100px;
opacity: 1;
transition: all 0.3s linear;
}
@media (max-width: 768px) {
.vote-group {
padding: 20px 10px;
;
}
}

@media (max-width: 500px) {
.mcblock, .text, .thdate, body {
font-size: 14px!important;
}
.row-result.row-result-final {
display:flex;
flex-direction:column;
}
.forms input[type=submit], input[type=submit]{
max-width: 100%!important;
word-wrap: break-word;
font-size: 13px!important;
padding: 10px 5px!important;
margin: 15px 9px;
line-height:47px;
}
.progressbar li {
width: calc(100% /6);
}
.progressbar li.active span, .progressbar1 li.active span {
width: 20px;
height: 20px;
top: 8px;
margin-left: -10px;
}
.progressbar li:before, .progressbar1 li.active span {
width: 20px!important;
height: 20px!important;
line-height: 20px!important;
font-size: 12px;
}
.progressbar li:nth-child(odd) p, .progressbar li:nth-child(even) p {
width: auto;
left:-20px;

}
}

.maincols.nm a.button {
line-height: 25px;
height: auto;
}
/* End */
/* /local/templates/main_new/components/bitrix/form/zasedanie/bitrix/form.result.new/.default/style.css?17552706877655 */