.test-container {max-width: 640px;width: 100%;margin: 0 auto;padding: 10px;box-sizing: border-box}
.top-soc-area {margin-bottom: 6px;align-items: center;display: flex;justify-content: space-between}
#liga_test img.resp {display: block;max-width: 100%;height: auto;margin-bottom: 15px}
#liga_test .social {
    border: 1px solid #F0F0F0;
    background-color: #F0F0F0;
    border-radius: 50%;
    min-height: 30px;
    min-width: 30px;
    cursor: pointer;
    transition: 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center
}

#liga_test .article-time {font-size: .75em;line-height: .875rem;margin: 0;height: 26px;font-family: Roboto}
#liga_test .social.act {
    border: 1px solid #F0F0F0;
    background-color: #F0F0F0;
    border-radius: 15.5px;
    min-height: 30px;
    min-width: 30px;
    padding: 0 11px;
    transition: 0.3s ease
}

#liga_test .social:hover,
#liga_test .social.act:hover {
    border: 1px solid #B7B7B7;
    background-color: transparent
}

#liga_test .social.ms, .social.ms:hover, .social.weather_2, .social.weather_2:hover {
    border: none;
    background: none
}

#liga_test .social.act .quantity {
    height: 20px;
    border-left: 1px solid #B7B7B7;
    font-weight: 500;
    font-size: .75em;
    line-height: .875rem;
    color: #858585;
    padding-left: 8px;
    margin-left: 8px;
    font-family: Roboto;
    display: flex;
    align-items: center
}

#liga_test .social-shares.justify-content-center .social.tw {margin: 0 12px 0 11px}
a {color: #000; text-decoration: none;cursor: pointer}
#liga_test .social.ms {
    font-weight: 500;
    font-size: .75em;
    color: #858585;
    padding-top: 0;
    z-index: 3;
    background-color: transparent;
    left: 1px;
    line-height: 1.1;
    font-family: Roboto
}

#liga_test .photo-by {
    font-size: .875em;
    line-height: .875rem;
    margin: 19px 0 10px;
    max-width: 437px
}
#liga_test .social-shares {
    height: 30px;
    margin: -6px 2px 6px 0;
    display: flex;
    justify-content: center
}
.center-area .partner-logo.last-conclusion {margin: 4px 10px 0}
.center-area > div {margin: 0 10px}
.partner-logo.last-conclusion {min-height: 50px;justify-content: center;min-width: 120px;}
.partner-logo.last-conclusion .partner-logo-text {font-size: 34px;line-height: 23px;padding-top: 4px;font-weight: 500}
#liga_test .partner-logo {min-height: 27px;background: #FFF;border-radius: 3px;margin: 4px auto 0 !important;padding: 10px 9px;display: flex;justify-content: space-between;width: min-content;min-width: fit-content;max-width: 222px;border: 1px solid #CECECE;box-sizing: border-box;border-radius: 3px}
.partner-logo-logo {display: flex;justify-content: center;align-items: center}
.partner-logo-logo img {max-height: 20px;max-width: 59px;width: auto;padding: 0 9px 0 0}
.partner-logo-text {font-size: .75em;line-height: 1.3rem;color: #000;border-left: 1px solid #CECECE;padding-left: 10px;font-family: Roboto}
#liga_test h1 {font-weight: normal;font-size: 2.125em;line-height: 2.5rem;margin: 17px auto 21px;text-align: center;font-family: Roboto}
#liga_test .source {font-size: 0.75em;line-height: 1rem;color: #858585;margin: 4px 0 0;border-bottom: 1px solid #CECECE;padding-bottom: 9px;font-family: Roboto}
.test-container .article-descr {font-weight: 500;font-size: 19px;line-height: 27px;color: #000;font-family: Roboto;margin-top: 15px}
#liga_test .test-container a.link-to-test {border: none !important;display: block;width: 100%;max-width: 250px;min-height: 41px;background-color: #EC001E;border-radius: 3px;padding-top: 9px;box-sizing: border-box;margin: 24px auto 0;text-align: center;color: #fff;font-size: 17px;line-height: 21px;font-family: Roboto}
#liga_test .test-container a.link-to-test:hover {color: #fff !important;background-color: #CA0023}
.center-area {display: flex;justify-content: center}
.center-area .link-to-test {margin: 24px 5px 0}
#liga_test .test-container .link-to-test.prev {background-color: #F6F6F6;color: #4A4A4A}
#liga_test .test-container .link-to-test.prev:hover {color: #4A4A4A !important;background-color: #EBEBEB}
#liga_test .test-container .link-to-test.mw-234 {max-width: 234px}
#liga_test .test-container .link-to-test.mw-177 {max-width: 190px}
#liga_test .test-container .link-to-test.mw-290 {max-width: 290px}
#liga_test .test-container a.link-to-test.mw-177.prev[disabled] {cursor: auto;background-color: #f6f6f6;color: #CECECE}
#liga_test .test-container a.link-to-test.mw-177.prev[disabled]:hover {color: #CECECE !important;}
.partner-logo.test-num .partner-logo-text {border-left: none;padding-left: 0}
#liga_test h3.test-q-name {padding: 0;font-weight: 500;font-size: 19px;line-height: 27px;text-align: center;font-family: Roboto;margin: 11px 0 23px}
.radio-circle {min-width: 20px;height: 20px;display: inline-block;border: 2px solid rgba(1,1,1,0.45);border-radius: 50%;box-sizing: border-box}
.question {display: flex;align-items: start;border-top: 1px solid #CECECE;padding: 9px 12px;justify-content: space-between}
.questions .question:first-child {border-top: none}
.questions .question:last-child {border-bottom: 1px solid #CECECE;}
#liga_test .questions .empty.question:hover {background-color: #F6F6F6;cursor: pointer}
#liga_test .questions .empty.question:hover .radio-circle {background-color: #F6F6F6;border: 2px solid rgba(1,1,1,0.65)}

.q-text {font-family: Roboto;font-weight: normal;font-size: 17px;line-height: 21px;margin-left: 10px;max-width: 526px;;width: 100%;}

.selected.question span.radio-circle, .right.question span.radio-circle {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 5C7.2 5 5 7.2 5 10C5 12.8 7.2 15 10 15C12.8 15 15 12.8 15 10C15 7.2 12.8 5 10 5ZM10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C14.4 2 18 5.6 18 10C18 14.4 14.4 18 10 18Z' fill='%23228B22'/%3E%3C/svg%3E%0A");border: none}
.wrong.question span.radio-circle {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 5C7.2 5 5 7.2 5 10C5 12.8 7.2 15 10 15C12.8 15 15 12.8 15 10C15 7.2 12.8 5 10 5ZM10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2C14.4 2 18 5.6 18 10C18 14.4 14.4 18 10 18Z' fill='%23EC001E'/%3E%3C/svg%3E%0A");border: none}
.persent:empty {display: none}
.persent {width: 100%;max-width: 89px;font-size: 17px;line-height: 26px;color: #858585;font-family: Roboto;text-align: right}
.questions .question.right {background-color: #F6F6F6;border-top: 2px solid #228B22;border-bottom: none}
.questions .question.wouldRight {background-color: #fff}
.questions .question.wrong + .question, .questions .question.right + .question {border-top: none}
.questions .question.wrong {background-color: #F6F6F6;border-top: 2px solid #EC001E;border-bottom: none}
.question.right .persent, .question.right .q-text, .question.wouldRight .persent, .question.wouldRight .q-text {color: #228B22}

.question.wouldRight span.radio-circle {border-color: #228B22}
.question .q-text div {color: #000;font-size: 14px;line-height: 16px;margin-top: 7px;}
.question.wrong {color: #EC001E}
.question.wrong .persent, .question.wrong .q-text {color: #EC001E}
.question.disabled .radio-circle, .question.disabled .q-text {border-color: #EEEEEE;color: #858585}

.article-descr.next-text {font-size: 17px;line-height: 26px;font-weight: 400;}
.last-conclusion-title {font-size: 12px;line-height: 14px;text-align: center;font-family: Roboto}
@media (max-width: 766px){
    #liga_test .test-container a.link-to-test.mw-177 {margin: 24px 5px 0}
}
@media (max-width: 435px){
    #liga_test .test-container a.link-to-test.mw-177 {padding-bottom: 9px;align-items: center;display: inline-flex;justify-content: center;}
}
.test_page {display: none;}