Хроника внеочередных выборов (обновляемая инфографика)

@import 'https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&subset=cyrillic'; hr.empty { display:none;} .article { color: #181818; font-family: 'Noto Serif', Arial, Helvetica, sans-serif; text-align: left; font-size: 16px; line-height:170%; } .article p { margin-bottom: 20px; } .article ul{ margin:15px 0; padding:0; } .article ul li { display: block; position: relative; padding-left:15px; position:relative; } .article ul li:before { content: "▪"; position: absolute; left: 0px; } .article hr { height:1px; color:#ededed; } .article a { color: #e81f14; text-decoration: underline; } .article a:hover { color: #181818; text-decoration: none } .article h2 { font-size: 22px; font-weight: 700; margin-top: 24px } .article .article-text-img { margin-bottom: 20px } .article .article-text-img img { margin-bottom: 10px } .article .article-text-img p { font-size: 14px; margin: 0 } .article .article-text-img .article-img-cred { font-size: 12px } .article .article-text-img .article-img-cred a { color: #888; text-decoration: none } .article .article-text-img .article-img-cred a:hover { color: #181818 } .article .blockquote, .article blockquote { background-color: #fafafa; padding: 30px; border-left: 5px solid #e81f14; margin-left:0; margin-right:0; } .article blockquote p { margin: 0; } .article .article-text-corrector { display: none; margin-bottom: 30px; margin-top: 20px; } .article .article-text-corrector p { font-size: 12px; color: #888 } .article .article-text-corrector p i { color: #e81f14; margin-right: 5px } .article .article-text-share { margin-bottom: 30px } .article .article-text-tags { color: #888; text-transform: uppercase } .article .article-text-tags ul { list-style: none; display: inline-block; font-size: 11px; padding-left: 0; } .article .article-text-tags ul li { display: inline-block; padding-left: .7em; text-indent: -.7em; margin-right:5px; } .article .article-text-tags ul li:before { content: none; position: static; } .article .article-text-tags ul li a { color: #888; text-decoration: none; white-space:nowrap; } .article .article-text-tags ul li a:hover { color: #181818 } .article .article-text-tags ul li a:before { content: "#" } .article iframe { max-width: 100%; } .article >iframe { margin-bottom: 20px; } .article table { margin-bottom: 20px; } .article .article-banner { width: 300px } .article .article-img-cred { margin-top: 0; text-align: left; margin-bottom: 20px } .article .article-img-cred>span { color: #888; display: block; font-size: 12px; } .article .text-card h2 span, .opinion-item .opinion-item-header .opinion-item-title h4 { font-family: roboto, Arial, Helvetica, sans-serif } .opinion-item, .opinion-item .opinion-item-header { display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: horizontal; -webkit-box-direction: normal } .article .text-card { padding: 20px; border: 5px solid #ebebeb; margin-bottom: 30px } .article .article-text .text-card h2 { margin-top: 0 } .article .text-card h2 span { font-size: 18px; font-weight: 700; color: #e81f14 } .article .text-card a { color: #e81f14; text-decoration: underline } .article .text-card a:hover { color: #181818; text-decoration: none } .article .text-card p { margin: 0 } .article .text-card:last-child { margin-bottom: 35px } .article-text .ib_image:first-child {margin-top:0; padding-top:0;} .article .ib_image > p { margin: 0;} .article .ib_image .img_inn { margin-top: 0; color: #888; font-size: 12px; margin-bottom: 0px; } .article .ib_image .img_inn div { margin: 0; padding: 0; } .article .ib_image .img_inn .row { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; } .article .ib_image .img_inn .imgalt { font-size: 14px; margin: 0; color: #181818; margin-top: 5px; } .article .imgcopy {color:#999999; margin-top:5px; font-size:11px;} .usual_tab { border:0; width:100% !important; font-size:12px;} .usual_tab td { width:auto; padding:5px 10px; border:1px solid #ddd; } .ib_image img { /* width: auto; height: auto; max-width: 100%; float: none; */ margin-right: 10px; } .framevideo {width: 100%; padding-bottom: 56.25%; /* 16:9 */ position: relative;} .framevideo iframe { position:absolute; width:100%; height:100%;}

Подтверждение Email

Введите номер телефона