.poll-item article, .poll-item article + p {
    max-width: 450px;
    margin: 20px auto;
    display: none;
}

.poll-item .loaded article, .poll-item .loaded article {
    display: block
}

.poll-item header {
    padding: 20px 11px;
    border-bottom: solid 1px rgba(255, 255, 255, .3);
}

.poll-item p.error {
    padding: 0 20px;
    color: #880000
}

.poll-item h2 {
    margin: 0;
    padding: 0;
}

.poll-item h2, .poll-item li, .poll-item footer {
    font-family: Arial, Helvetica, sans-serif;
}

.poll-item h2 {
    font-size: 22px;
}

.poll-item li, .poll-item span {
    font-size: 18px;
    color: #fff;
    list-style: none;
}

.poll-item .answers {
    padding: 12px;
    margin: 0;
}

.poll-item .answers li {
    width: 100%;
    margin-bottom: 13px;
}

.poll-item .answers .vote-preview {
    display: flex;

}

.poll-item footer {

    display: flex;
    justify-content: space-between;
    padding: 12px 12px 16px;
    border-top: solid 1px rgba(255, 255, 255, .3);
}

.poll-item footer span {
    font-size: 14px;
}

.poll-item footer span:nth-child(2) {
    text-align: right;
}

.poll-item .radio {
    width: 20px;
    height: 20px;
    border: solid 2px #fff;
    background: transparent;
    cursor: pointer;
    position: relative;
    border-radius: 100%;
    margin-right: 7px;
}

.poll-item .radio.checked:after {
    content: '';
    width: 18px;
    height: 18px;
    left: 1px;
    top: 1px;
    position: absolute;
    background: rgba(255, 255, 255, .8);
    border-radius: 100%;
}

.poll-item .procent-bar {
    height: 25px;
    position: relative;
    background: rgba(0, 0, 0, .2);
    width: calc(100% - 70px);
}

.poll-item .procent-bar div {
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .8)
}

.poll-item .results {
    display: flex;
    margin: 7px 0 0;
}

.poll-item .percent {
    font-size: 20px;
    width: 60px;
}

.poll-item .percent:after {
    content: '%';
}