/* ::::: http://top100.rambler.ru/static/jinja/1.0.8/css/compiled.css ::::: */

.svg, body, html { height: 100%; }
.logo, body { position: relative; }
.logo__rambler, .logo__top100 { text-indent: -999px; overflow: hidden; }
.button, .link_catalogue-site-link:focus, .searchline__input:focus { outline: 0px none; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup blockquote, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; }
html { font-size: 62.5%; }
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: Helvetica Neue,HelveticaNeue,Helvetica,Arial,Lucida Grande,sans-serif; font-size: 14px; line-height: 1em; color: rgb(85, 85, 85); }
.button, .layout { font-family: Roboto,Helvetica Neue,HelveticaNeue,Helvetica,Arial,Lucida Grande,sans-serif; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote::after, blockquote::before, q::after, q::before { content: none; }
.svg { fill: currentcolor; width: 100%; }
.body { background-color: rgb(238, 242, 244); }
.topline { height: 38px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 0px; }
.logo { height: 10px; padding: 8px 0px 5px 121px; }
.logo__rambler { position: absolute; display: block; top: 0px; left: 0px; width: 103px; height: 25px; background: transparent url('undefined') no-repeat scroll 0% 0% / contain ; }
.logo__rambler_w-separate { padding-right: 18px; }
.logo__rambler_w-separate::after { position: absolute; display: inline-block; content: ""; top: 1px; right: 2px; width: 13px; height: 25px; background: transparent url('undefined') no-repeat scroll 0% 0% / contain ; }
.logo__top100 { position: relative; display: block; width: 63px; height: 12px; background: transparent url('undefined') no-repeat scroll 0% 0%; }
.header__addcounter, .header__search, .icon { display: inline-block; }
.icon, .icon__favicon-img { width: 100%; }
.icon { height: 100%; }
.header { position: relative; height: 80px; z-index: 1; background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(232, 232, 232); }
.header_catalog { margin-bottom: 22px; width: 100%; min-width: 1240px; }
.header__logo { position: absolute; top: 29px; height: 24px; margin-left: 40px; }
.header__logo_catalog { position: static; top: initial; left: initial; width: 190px; display: inline-block; margin-left: 0px; }
.header__wrapper { width: 1240px; margin: 0px auto; height: 100%; position: relative; padding: 18px 20px 0px; box-sizing: border-box; }
.header__addcounter { position: absolute; right: 20px; vertical-align: top; }
@media screen and (max-width: 1255px) {
	.header__addcounter { position: relative; left: 12px; }
}
.searchline { font-size: 0px; position: relative; }
.searchline__input { width: 595px; height: 45px; border: 1px solid rgb(49, 94, 251); font-size: 19px; box-sizing: border-box; padding: 5px 15px; position: relative; border-radius: 0px; }
.searchline__input:active { z-index: 2; }
.searchline__button { display: inline-block; position: relative; vertical-align: top; }
.searchline__cleaner { position: absolute; height: 16px; width: 16px; left: 570px; top: 14px; display: none; cursor: pointer; }
.searchline_small::before { content: ""; background-image: url('undefined'); width: 16px; top: 9px; height: 14px; position: absolute; z-index: 3; left: 7px; }
.projects-table::after, .projects-table::before { content: ""; display: block; height: 60px; width: 40px; background-color: rgb(237, 240, 243); top: 0px; position: absolute; }
.projects-table::before { left: -40px; }
.projects-table::after { right: -40px; }
.billboard, .footer { min-width: 1240px; }
.projects-table_catalogue-teaser::after, .projects-table_catalogue-teaser::before { display: none; color: red; }
.projects-table_catalogue::after, .projects-table_catalogue::before { display: none; color: red; }
.projects-table_catalogue .projects-table__row:nth-child(2n+1) { background-color: rgb(244, 249, 253); }
.projects-table_catalogue .projects-table__row_selected, .projects-table_catalogue .projects-table__row_selected:nth-child(2n+1) { background-color: rgb(255, 247, 210); }
.button { position: relative; display: inline-block; height: 28px; padding: 5px 12px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(203, 203, 203); line-height: 16px; font-size: 13px; color: rgb(38, 38, 38); transition: border-color 0.1s linear 0s, background-color 0.1s linear 0s; cursor: pointer; white-space: nowrap; }
.button_big, .button_middle { height: auto; line-height: normal; }
.button, .button:hover, .button:visited { text-decoration: none; }
.button:focus::after { content: " "; position: absolute; z-index: -1; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 1px solid rgb(100, 157, 255); }
.button_plus::before, .button_type6, .link__favicon, .link_column-filter, .link_dark, .tile, .tile__icon, .tile__special-logo { position: relative; }
.button:active:focus::after, .button:hover:focus::after { display: none; }
.button_wide { width: 100%; padding: 5px 12px; text-align: center; }
.button_type1 { background-color: rgb(49, 94, 251); border: 1px solid rgb(49, 94, 251); color: rgb(255, 255, 255); margin: 0px; }
.button_type1:hover { background-color: rgb(35, 74, 228); border: 1px solid rgb(35, 74, 228); }
.button_type1:active, .button_type1:active:hover { background-color: rgb(16, 57, 214); border: 1px solid rgb(16, 57, 214); }
.button_middle, .button_type5 { padding: 10px 28px; font-size: 12px; letter-spacing: 1px; }
.button_middle { height: initial; line-height: initial; }
.button_type5 { height: initial; line-height: initial; color: rgb(68, 68, 68); border: 1px solid transparent; background-color: rgb(255, 255, 255); }
.button_searchline, .button_type6 { height: 45px; font-size: 12px; vertical-align: top; font-weight: 500; }
.button_type5:hover { background-color: rgb(238, 238, 238); border: 1px solid rgb(238, 238, 238); }
.button_type5:active, .button_type5:active:hover { background-color: rgb(210, 210, 210); border: 1px solid rgb(210, 210, 210); }
.button_type6 { border-radius: 0px; display: inline-block; cursor: pointer; border: 2px solid rgb(110, 186, 44); line-height: 43px; background-color: rgb(255, 255, 255); padding: 0px 27px; color: rgb(38, 38, 38); }
.button_load-more:focus::after, .button_searchline:focus::after, .button_type6:active:focus::after, .button_type6:hover:focus::after { display: none; }
.button_type6:hover { border: 2px solid rgb(152, 211, 103); }
.button_type6:active, .button_type6:active:hover { background-color: rgb(255, 255, 255); border: 2px solid rgb(117, 173, 74); }
.button_searchline { border: 1px solid transparent; background-color: rgb(49, 94, 251); padding: 16px 27px 14px; color: rgb(255, 255, 255); letter-spacing: 0.8px; line-height: 12px; }
.button_searchline:active { z-index: 2; }
.button_load-more { border-color: rgb(221, 234, 243) transparent transparent; border-top: 1px solid rgb(221, 234, 243); height: 50px; line-height: 50px; padding: initial; color: rgb(159, 169, 174); background-color: rgb(255, 255, 255); }
.button_load-more:active, .button_load-more:active:hover, .button_load-more:hover { color: rgb(49, 94, 251); border-color: rgb(221, 234, 243) transparent transparent; border-top: 1px solid rgb(221, 234, 243); background-color: rgb(255, 255, 255); }
.button_go-to-rating { font-size: 20px; height: 60px; color: rgb(38, 38, 38); border: 0px none; width: 100%; text-align: center; display: block; padding-top: 20px; }
.button_go-to-rating:active, .button_go-to-rating:active:hover, .button_go-to-rating:hover { color: rgb(49, 94, 251); background-color: rgb(255, 255, 255); }
.button_go-to-rating:active:focus::after, .button_go-to-rating:focus::after, .button_go-to-rating:hover:focus::after { display: none; }
.button_plus::before, .layout__left, .layout__right, .link__favicon, .link_column-filter { display: inline-block; }
.button_uppercase { text-transform: uppercase; }
.button_plus::before { content: "+"; font-size: 20px; vertical-align: top; margin-right: 10px; top: -1px; }
.layout { width: 1240px; padding: 0px 20px; margin: 0px auto; }
.layout__left { width: 900px; box-sizing: border-box; vertical-align: top; padding-right: 14px; }
.layout__right { width: 295px; box-sizing: border-box; vertical-align: top; }
.layout__ban { margin-bottom: 25px; }
.link { text-decoration: none; }
.link:hover, .link:visited:hover { color: rgb(49, 94, 251); }
.link:visited { color: rgb(38, 38, 38); }
.link_site-url { font-weight: 500; color: rgb(153, 161, 172); }
.link_site-url:visited { color: rgb(153, 161, 172); }
.link_site-url:hover { color: rgb(49, 94, 251); }
.link_catalogue-site-link { color: rgb(38, 38, 38); }
.link_catalogue-site-link:hover { color: rgb(49, 94, 251); }
.link__favicon { top: 2px; margin-right: 5px; width: 16px; height: 16px; color: rgb(169, 186, 205); }
.tiles__left, .tiles__right { width: 50%; vertical-align: top; box-sizing: border-box; }
.link_tiles { color: rgb(82, 85, 89); }
.link_tiles:hover, .link_tiles:visited:hover { color: rgb(49, 94, 251); }
.link_tiles:visited { color: rgb(82, 85, 89); }
.link_dark, .tile, .tile__title-link, .tiles__left, .tiles__right { display: inline-block; }
.tiles { font-size: 0px; }
.tiles__left { padding-right: 7px; }
.tiles__right { padding-left: 8px; }
.tiles__tile { margin-bottom: 15px; text-align: initial; background-color: rgb(255, 255, 255); }
.tile { height: 150px; width: 100%; padding: 26px; box-sizing: border-box; vertical-align: top; text-align: initial; overflow: hidden; }
.tile:nth-child(2n) { margin-right: -2px; }
.catalogue-filters__counter-wrapper, .dropdown-filter__title::after { transform: translateY(-50%); }
.tile__title { font-size: 20px; margin-bottom: 9px; }
.tile__title-link { vertical-align: top; text-decoration: none; color: rgb(38, 38, 38); line-height: 28px; height: 28px; white-space: nowrap; text-overflow: ellipsis; width: 380px; overflow: hidden; }
.tile__title-link:visited { color: rgb(38, 38, 38); }
.tile__title-link:hover { color: rgb(49, 94, 251); }
.tile__topic { font-size: 15px; line-height: 25px; }
.tile__topic:not(:last-child)::after { content: " • "; color: rgb(113, 125, 131); display: inline; margin: 0px 1px; }
.tile__icon, .tile__region-switcher { display: inline-block; }
.tile__icon { height: 28px; width: 28px; top: -2px; vertical-align: middle; margin-right: 10px; }
.tile_long, .tile_long .tile__title-link { width: auto; }
.tile_long { height: 62px; padding: 19px 30px; display: block; }
.tile_long .tile__title { color: rgb(38, 38, 38); font-size: 20px; max-width: 250px; text-overflow: ellipsis; float: left; white-space: nowrap; position: relative; top: -3px; width: auto; }
.tile_long .tile__topics { float: right; }
.banners__item { margin-bottom: 20px; }
.catalogue-filters__filter_clear::after { display: none; }
.dropdown-filter__content::after { display: inline-block; width: 100%; content: ""; height: 0px; visibility: hidden; overflow: hidden; }
.dropdown-filter__item_active .filter-item::before { background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(222, 233, 242)); }
.dropdown-filter__title:hover::after { border-color: rgb(255, 255, 255) transparent transparent; }
.dropdown-filter__title::before { display: block; content: attr(text); font-weight: 700; height: 1px; color: transparent; overflow: hidden; visibility: hidden; margin-bottom: -1px; padding-right: 18px; }
.category-filter__title::after, .dropdown-filter__title::after { content: ""; position: relative; background-repeat: no-repeat; }
.dropdown-filter__title::after { display: inline-block; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0px; border-color: rgba(255, 255, 255, 0.7) transparent transparent; top: 1px; transform: translateY(-50%); right: -5px; vertical-align: middle; }
.dropdown-filter_opened .dropdown-filter__title::after { border-top-color: rgb(255, 255, 255); }
.dropdown-filter_cancel .dropdown-filter__title::after, .dropdown-filter_period .dropdown-filter__content::after, .dropdown-filter_period .dropdown-filter__item::after { display: none; }
.dropdown-filter_category .dropdown-filter__title::after, .dropdown-filter_category .dropdown-filter__title:hover::after { border-color: rgb(38, 38, 38) transparent transparent; }
.category-filter__title::after { display: inline-block; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0px; border-color: rgb(74, 74, 74) transparent transparent; top: 8px; right: -6px; vertical-align: top; }
.column-filter__accept, .column-filter__cancel { display: inline-block; }
.column-filter__cancel { margin-right: 10px; }
.column-filter__summary-item:not(:first-child)::before { content: "/"; margin: 0px 5px; }
.column-filter__children::after, .column-filter__summary::before, .column-filter__title::after, .filter-item::before { content: ""; }
.column-filter__children { position: absolute; left: 220px; top: 0px; padding: 20px 10px 0px; height: 325px; display: none; align-content: flex-start; -moz-box-orient: vertical; -moz-box-direction: normal; flex-flow: column wrap; }
.column-filter__children::after { display: block; position: absolute; height: 1000px; top: -100px; left: 0px; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.column-filter__children_root { display: flex; position: static; }
.column-filter__children_root::after { display: none; }
.column-filter__summary { font-size: 14px; font-weight: 500; position: relative; padding: 20px 21px 13px; min-height: 40px; line-height: 28px; height: 65px; box-sizing: border-box; }
.column-filter__summary::before { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; width: 160%; position: absolute; top: 0px; left: -25%; }
.column-filter__summary-content { display: inline-block; font-weight: 500; width: 410px; vertical-align: top; }
.column-filter__summary-filter { display: none; }
.column-filter__summary-title { display: inline-block; color: rgb(132, 132, 132); vertical-align: top; margin-right: 5px; }
.column-filter__summary-clear, .column-filter__title, .column-filter__title::after { display: inline-block; vertical-align: middle; }
.column-filter__summary-buttons { display: inline-block; position: absolute; right: 15px; top: 15px; }
.column-filter__summary-clear { color: rgb(123, 123, 123); cursor: pointer; position: relative; width: 10px; height: 10px; left: 8px; top: -3px; }
.column-filter__summary-clear:hover { color: rgb(0, 0, 0); }
.column-filter__content { width: 886px; overflow: hidden; }
.column-filter__filter-items { position: relative; overflow: hidden; }
.column-filter__title::after { background-repeat: no-repeat; width: 0px; height: 0px; border-style: solid; border-width: 4px 4px 0px; border-color: rgb(255, 255, 255) transparent transparent; position: relative; top: -1px; right: -6px; }
.column-filter__item { font-size: 14px; cursor: default; width: 195px; line-height: 17px; margin-bottom: 8px; display: block; box-sizing: border-box; }
.column-filter__item_active > .filter-item::before { background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(222, 233, 242)); }
.region-chart-tile__head { border-bottom: medium none; padding: 21px 25px; height: 54px; box-sizing: border-box; position: relative; }
.region-chart-tile__content { font-size: 15px; display: none; border-top: 1px solid rgb(221, 234, 243); position: relative; height: 426px; box-sizing: border-box; }
.region-chart-tile__content_current { display: block; }
.region-chart-tile__loadmore { position: absolute; bottom: 0px; left: 0px; right: 0px; }
.region-chart-tile__links { padding: 15px 25px 8px; }
.region-chart-tile__link { margin-bottom: 5px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.1; }
.region-chart-tile__link_sublink { margin-bottom: 10px; font-size: 13px; }
.region-chart-tile__tabs { display: inline-block; }
.region-chart-tile__tab { font-size: 16px; display: inline-block; margin-right: 22px; color: rgb(135, 145, 150); cursor: pointer; }
.region-chart-tile__tab_active { color: rgb(49, 94, 251); border-bottom: 2px solid rgb(49, 94, 251); padding-bottom: 17px; }
.region-chart-tile__tab_active:hover { color: rgb(49, 94, 251); }
.region-chart-tile__tab:hover { color: rgb(78, 81, 85); }
.region-chart-tile__region-switcher { font-size: 14px; color: rgb(159, 169, 174); display: inline-block; position: absolute; right: 23px; top: 19px; cursor: pointer; max-width: 180px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 4px; }
.region-chart-tile__favicon, .region-chart-tile__region-icon { margin-right: 5px; top: 2px; display: inline-block; position: relative; }
.region-chart-tile__region-switcher:hover { color: rgb(49, 94, 251); }
.region-chart-tile__region-icon { width: 13px; height: 13px; }
.filter-item { width: 100%; display: block; box-sizing: border-box; position: relative; text-decoration: none; color: rgb(85, 85, 85); overflow: hidden; padding: 3px 10px; }
.filter-item::before { z-index: 1; display: inline-block; position: absolute; right: 0px; top: 0px; height: 100%; width: 37px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255)); }
.filter-item:hover { background-color: rgb(49, 94, 251); color: rgb(255, 255, 255); }
.filter-item:hover::before { background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(49, 94, 251)); }
.filter-item:hover .filter-item__subinfo { color: rgb(255, 255, 255); }
.filter-item__title { margin-right: 5px; }
.filter-item__subinfo { color: rgb(181, 181, 181); font-size: 11px; }
.visitors-summary { margin-bottom: 22px; }
.visitors-summary__item { font-size: 13px; color: rgb(111, 122, 128); display: inline-block; }
.visitors-summary__item::after { content: " • "; display: inline; margin-right: 10px; margin-left: 10px; }
.loading::before, .popup__closer::after, .tooltip::before { content: ""; }
.popup, .visitors-summary__item:last-child::after { display: none; }
.visitors-summary__marked { font-weight: 500; }
.popup { z-index: 5; position: relative; }
.popup__overlay { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgb(0, 0, 0); opacity: 0.5; }
.popup__window { position: fixed; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; background-color: rgb(255, 255, 255); border: 1px solid rgb(232, 232, 232); z-index: 2; }
.tooltip, .tooltip::before { left: 50%; position: absolute; }
.popup__closer, .popup__closer::after { position: absolute; width: 22px; height: 22px; }
.footer__age, .footer__copyright { cursor: default; }
.popup_regions-for-chart .popup__window { width: 886px; }
.popup__closer::after { display: block; right: 0px; top: 0px; background: transparent url('undefined') no-repeat scroll 50% 50%; }
.tooltip::before { display: block; height: 0px; width: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgb(55, 64, 78); top: -5px; transform: translate(-50%); }
.loading { position: fixed; display: none; left: 50%; top: 50%; width: 26px; height: 6px; margin: 0px; z-index: 202; transition: margin-left 0.6s ease-out 0s; }
.loading::before { position: fixed; display: block; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%; }
.loading__dot { display: block; height: 6px; width: 6px; border-radius: 50%; background-color: rgb(25, 107, 250); float: left; transition: transform 0.6s ease-out 0s, -webkit-transform 0.6s ease-out 0s; transform: translate3d(0px, 0px, 0px); animation: 0.6s ease-out 0s normal forwards infinite running a; }
.loading__dot:nth-child(1) { animation-delay: 0s; }
.loading__dot:nth-child(2) { margin: 0px 4px; animation-delay: 0.08s; }
.loading__dot:nth-child(3) { animation-delay: 0.16s; }
.page-wrap { min-height: 100%; margin-bottom: -76px; }
.page-wrap::after { content: ""; display: block; height: 76px; }
.footer { position: relative; width: 100%; height: 76px; padding: 25px 50px; line-height: 24px; box-sizing: border-box; font-size: 11px; color: rgb(101, 101, 101); border-top: 1px solid rgb(229, 229, 229); background-color: rgb(255, 255, 255); white-space: nowrap; }
.footer__link, .footer__link:visited { text-decoration: none; color: rgb(101, 101, 101); }
.footer__link:hover { text-decoration: underline; color: rgb(101, 101, 101); }
.footer__element { display: inline-block; margin: 0px 20px 0px 0px; }
.footer__age { padding: 0px 11px; border: 1px solid rgb(223, 228, 236); margin-right: 0px; position: absolute; right: 50px; }
.we-have-news__closer::after, .we-have-news__closer::before { position: absolute; display: block; content: ""; background: rgb(191, 191, 191) none repeat scroll 0% 0%; }
.we-have-news__closer::before { top: 11px; left: -4px; width: 31px; height: 1px; transform: rotate(45deg); }
.we-have-news__closer::after { top: -4px; left: 11px; width: 1px; height: 31px; transform: rotate(45deg); }