/* Основные классы для страницы */
html, body { font-family: 'Open Sans', sans-serif; background: url('/web/20190912100257im_/http://vybor.ua/img/back_t.jpg') left top no-repeat, url('/web/20190912100257im_/http://vybor.ua/img/back_d.jpg') right bottom no-repeat; font-size: 13px; color: #000; min-width: 370px; }
dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, input, textarea, select, button, a { margin: 0; padding: 0; outline: none; }
img { border: 0; vertical-align: top; } a { color: #c00; } a:hover { text-decoration: none; }

/* Дополнительные классы */
.reset { margin: 0; padding: 0; list-style: none; }
.pageWrapper { width: 100%; max-width: 1260px; padding: 0 10px; box-sizing: border-box; margin: 0 auto; min-width: 370px; }
label.error { display: block; padding-top: 3px; font-size: 11px; color: #c00; margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }

/* Сообщения сервера */
.messages-true { background: #1ab394; margin-bottom: 20px; color: #fff; font-size: 13px; padding: 14px 20px; }
.messages-false { background: #df3d3d; margin-bottom: 20px; color: #fff; font-size: 13px; padding: 14px 20px; }

/* Сообщения подсказки */
.tooltip { position: relative; }
.tooltip:before { content: attr(data-tooltip); box-sizing: border-box; display: block; background: rgba(0,0,0,0.7); color: #fff; padding: 0; text-align: center; position: absolute; left: 50%; top: -90px; margin-left: -175px; width: 350px; height: 45px; line-height: 45px; visibility: hidden; opacity: 0; transition:.25s ease-in-out; }
.tooltip:after { content: ''; display: block; position: absolute; top: 0; left:50%; margin-left: -8px; height: 0; width: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(0,0,0,.7); transition: .25s ease-in-out; opacity: 0; visibility: hidden; }
.tooltip:hover:before { opacity: 1; top: -50px; visibility: visible; }
.tooltip:hover:after { opacity: 1; top: -5px; visibility: visible; }

/* Оформление кнопок и ссылок */
.button { display: inline-block; height: 44px; line-height: 44px; font-weight: 600; text-decoration: none; padding: 0 20px; border: none; cursor: pointer; }
.button.buttonRed { background: #c00; color: #fff; }
.button.buttonBlack { background: #69626e; color: #fff; }
.button.buttonLink { background: #f9f9f9; color: #333; }
.button.buttonLink:hover { background: #f1f1f1; }

/* Оформление шапки */
.pageHeader { position: relative; padding: 30px 0 0 0; }
.pageHeader .headerLeft { float: left; width: 246px; }
.pageHeader .headerLeft .headerLogotype { position: relative; direction: ltr; }
.pageHeader .headerLeft .headerLogotype .headerLogo { display: block; width: 246px; height: 111px; background: url('/web/20190912100257im_/http://vybor.ua/img/logo.png') no-repeat; background-size: 100%; }
.pageHeader .headerRight { margin-left: 296px; position: relative; }
.pageHeader .headerRight .headerTopper { padding-top: 15px; }
.pageHeader .headerRight .headerTopper .headerSocials { float: right; font-size: 24px; position: relative; top: -6px; }
.pageHeader .headerRight .headerTopper .headerSocials a { float: left; margin-left: 8px; text-decoration: none; color: #000; opacity: 0.6; transition: all .2s; }
.pageHeader .headerRight .headerTopper .headerSocials a:hover { opacity: 1; }
.pageHeader .headerRight .headerTopper .headerButtons { float: right; margin-right: 30px; }
.pageHeader .headerRight .headerTopper .headerButtons ul li { float: left; height: 24px; line-height: 24px; border-right: 1px solid #ddd; font-size: 11px; font-weight: 600; text-transform: uppercase; }
.pageHeader .headerRight .headerTopper .headerButtons ul li:last-child { border-right: none; }
.pageHeader .headerRight .headerTopper .headerButtons ul li a { text-decoration: none; color: #000; display: block; padding: 0 23px; transition: all .2s; }
.pageHeader .headerRight .headerTopper .headerButtons ul li a:hover { color: #c00; }
.pageHeader .headerRight .headerTopper .headerButtons ul li a.username { color: #c00; }
.pageHeader .headerRight .headerContent { position: relative; padding-top: 20px; width: 100%; display: inline-block; }
.pageHeader .headerRight .headerContent .headerSearch { float: left; position: relative; width: 330px; height: 44px; overflow: hidden; }
.pageHeader .headerRight .headerContent .headerYoutube { float: left; margin-left: 50px; padding-top: 2px; }
.pageHeader .headerRight .headerContent .headerYoutube a { font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #000; }
.pageHeader .headerRight .headerContent .headerYoutube a i { font-weight: normal; font-size: 32px; color: #c00; margin-right: 5px; vertical-align: middle; display: inline-block; position: relative; top: -2px; }
.pageHeader .headerMenu { height: 56px; background: #4b4ec9 url('/web/20190912100257im_/http://vybor.ua/img/menu.png') right center no-repeat; margin-top: 35px; box-shadow: 4px 5px 5px 0 rgba(0,0,0,0.1); }
.pageHeader .headerMenu ul li { float: left; height: 56px; line-height: 56px; font-size: 15px; font-weight: 700; text-transform: uppercase; transition: all .2s; position: relative; }
.pageHeader .headerMenu ul li:hover > ul { display: block; }
.pageHeader .headerMenu ul li ul { display: none; position: absolute; left: 0; top: 56px; width: 280px; background: #4b4ec9; z-index: 800; }
.pageHeader .headerMenu ul li ul li { height: auto; width: 100%; font-size: 14px; line-height: normal; border-bottom: 1px solid rgba(255,255,255,0.1); }
.pageHeader .headerMenu ul li ul li a { padding: 12px 15px; }
.pageHeader .headerMenu ul li:hover { background: rgba(255,255,255,0.1); }
.pageHeader .headerMenu ul li a { display: block; padding: 0 20px; color: #fff; text-decoration: none; }
.pageHeader .headerBurger { position: absolute; width: 32px; height: 32px; font-size: 32px; line-height: 32px; top: 32px; right: 20px; color: #000; cursor: pointer; display: none; }
.pageHeader .headerLinks { background: rgba(255,255,255,0.3); height: 44px; display: none; }
.pageHeader .headerLinks a { float: left; width: 50%; height: 44px; text-align: center; color: #fff; line-height: 44px; text-decoration: none; border-right: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; }
.pageHeader .headerLinks a:last-child { border-right: none; }

/* Оформление разметки */
.pageContent { position: relative; margin-top: 20px; width: 100%; display: inline-block; }
.pageContent .contentLeft { float: left; width: 270px; }
.pageContent .contentRight { float: right; width: 270px; }
.pageContent .contentCenter { margin: 0 290px; }
.pageContent .contentCenter.wide { margin: 0 290px 0 0; }

/* Оформление универсального блока */
.contentBlock { position: relative; margin-bottom: 20px; overflow: hidden; }
.contentBlock.videoBlock { margin-bottom: 0; }
.contentBlock:last-child { margin-bottom: 0; }
.contentBlock .blockHeader { height: 44px; line-height: 44px; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 0 20px; color: #fff; }
.contentBlock .blockHeader a { color: #fff; text-decoration: none; }
.contentBlock .blockHeader.black { background: #69626e url('/web/20190912100257im_/http://vybor.ua/img/black_t.png') right center no-repeat; }
.contentBlock .blockHeader.gray { background: #ddd url('/web/20190912100257im_/http://vybor.ua/img/gray_t.png') right center no-repeat; color: #333; }
.contentBlock .blockHeader.gray a { color: #333; text-decoration: none; }
.contentBlock .blockHeader.red { background: #cc0000 url('/web/20190912100257im_/http://vybor.ua/img/red_t.png') right center no-repeat; }
.contentBlock .blockPresent { position: relative; }

.articleSlider { width: 100%; height: 244px; overflow: hidden; }
.articleSlider .articleItem { width: 100%; height: 244px; overflow: hidden; position: relative; }
.articleSlider .articleItem a { text-decoration: none; color: #fff; }
.articleSlider .articleItem .articleImage { width: 100%; height: 168px; background-size: cover !important; }
.articleSlider .articleItem .articleContent { position: absolute; height: 76px; bottom: 0; left: 0; background: rgba(0,0,0,0.7); padding: 10px 20px; box-sizing: border-box; width: 100%; }
.articleSlider .articleItem .articleContent .articleContent--title { display: block; padding-bottom: 10px; }
.articleSlider .articleItem .articleContent .articleContent--date { font-size: 12px; opacity: 0.6; }
.articleButtons { position: absolute; top: 15px; right: 0; z-index: 100; }
.articleButtons .articleButton { float: right; width: 28px; height: 28px; background: #c00; text-align: center; line-height: 28px; color: #fff; text-decoration: none; font-size: 10px; font-weight: 400; }
.articleButtons .articleButton:hover { background: #990000; }
.articleButtons .articleButton.prev { transform: rotate(90deg); }
.articleButtons .articleButton.next { transform: rotate(-90deg); }
.articleButtons .articleButton.next i { position: relative; left: 1px; }

/* Оформление новостной ленты */
.newsLine { position: relative; }
.newsLine.topicsLine a { padding: 10px; }
.newsLine a { padding: 15px 20px; border-bottom: 1px solid #ddd; text-decoration: none; display: block; color: #333; transition: all .2s; font-size: 14px; }
.newsLine a:hover { background: rgba(0,0,0,0.02); }
.newsLine a.bold { font-weight: 700; }
.newsLine a.red { font-weight: 700; color: #c00; }
.newsLine a:last-child { border-bottom: none; }
.newsLine a time { font-size: 12px; display: block; color: #999; padding-bottom: 2px; font-weight: 400; }
.contentNews { margin-bottom: 20px; }
.contentNews:empty { margin-bottom: 0; }

/* Оформление живой ленты */
.liveLine { position: relative; }
.liveLine .liveElement { padding: 15px 0; border-bottom: 1px solid #ddd; text-decoration: none; display: block; color: #333; transition: all .2s; }
.liveLine .liveElement:hover .livePresent .liveTitle { color: #000; }
.liveLine .liveElement .livePhoto { float: left; width: 50px; }
.liveLine .liveElement .livePhoto img { max-width: 100%; }
.liveLine .liveElement .livePresent { margin-left: 64px; }
.liveLine .liveElement .livePresent .liveTitle { display: block; font-weight: 600; color: #c00; padding-bottom: 2px; transition: all .2s; }
.liveLine .liveElement .livePresent .liveInformation { display: block; font-weight: 400; color: #666; font-size: 11px; padding-bottom: 5px; }
.liveLine .liveElement .livePresent .liveDescription { font-size: 12px; color: #000; }

/* Оформление авторов с блоке */
.authorsLine { position: relative; }
.authorsLine .authorsElement { padding: 15px 20px 12px 20px; box-sizing: border-box; display: inline-block; width: 100%; text-decoration: none; background: #f7f7f8; border-bottom: 1px solid rgba(0,0,0,0.1); }
.authorsLine .authorsElement:last-child { border-bottom: none; }
.authorsLine .authorsElement.orange { background: #fefbed; }
.authorsLine .authorsElement.green { background: #f0f5f4; }
.authorsLine .authorsElement .authorsPhoto { width: 60px; height: 60px; float: left; }
.authorsLine .authorsElement .authorsPresent { margin-left: 74px; }
.authorsLine .authorsElement .authorsPresent .authorsName { display: block; font-weight: 600; color: #c00; padding-bottom: 5px; }
.authorsLine .authorsElement .authorsPresent .authorsDescription { display: block; font-size: 13px; color: #333; padding-bottom: 7px; }

/* Оформление главной темы */
.mainTheme { position: relative; padding: 15px 0 20px 0; border-bottom: 3px solid #e5e5e5; overflow: hidden; }
.mainTheme.authorTheme { min-height: 250px; }
.authorsSlides { max-height: 310px; overflow: hidden; }
.mainTheme .mainTheme--media { float: left; width: 320px; max-height: 240px; overflow: hidden; }
.mainTheme .mainTheme--media img { width: 100%; }
.mainTheme .mainTheme--media iframe { width: 100%; }
.mainTheme .mainTheme--present { margin-left: 340px; }
.mainTheme .mainTheme--present h1 { font-size: 20px; font-weight: 700; line-height: 24px; padding-bottom: 15px; margin-bottom: 13px; border-bottom: 1px solid #ddd; }
.mainTheme .mainTheme--present h2 { font-size: 16px; font-weight: 700; line-height: 21px; padding-bottom: 15px; margin-bottom: 13px; border-bottom: 1px solid #ddd; }
.mainTheme .mainTheme--present h2 a { text-decoration: none; color: #000; }
.mainTheme .mainTheme--present h1 a { text-decoration: none; color: #000; }
.mainTheme .mainTheme--present .information { color: #000; line-height: 20px; padding-bottom: 15px; margin-bottom: 13px; border-bottom: 1px solid #ddd; }
.mainTheme .mainTheme--present .information a { text-decoration: none; }
.mainTheme .mainTheme--present .description { color: #333; margin-bottom: 15px; display: block; }
.mainTheme.video .mainTheme--media { width: 370px; height: 278px; }
.mainTheme.video .mainTheme--present { margin-left: 390px; }

/* Оформление пагинации */
.pagePaginator { direction: ltr; margin-top: 20px; }
.pagePaginator ul li { float: left; font-size: 13px; background: #f1f1f1; margin-right: 5px; }
.pagePaginator ul li:hover { background: #ddd; }
.pagePaginator ul li a { display: block; padding: 8px 14px; color: #333; text-decoration: none; }
.pagePaginator ul li a:hover { text-decoration: none; color: #333; }
.pagePaginator ul li.current { background: #4b4ec9; }
.pagePaginator ul li.current a { color: #fff; }

/* Оформление маленьких тем/видео */
.smallTheme { position: relative; margin-top: 10px; clear: both; }
.smallTheme.topicsList a { width: 20%; text-align: center; }
.smallTheme.topicsList span { min-height: 29px; }
.smallTheme.authorsList span { min-height: 29px; }
.smallTheme.authorsList a { width: 16.6666%; text-align: center; }
.smallTheme.playerTheme { display: inline-block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #ddd; }
.smallTheme.playerTheme a { width: 16.6666%; }
.smallTheme a { float: left; width: 25%; padding: 10px; box-sizing: border-box; color: #333; text-decoration: none; position: relative; }
.smallTheme a.inside { width: 20%; }
.smallTheme a.best { background: #fbeeee; }
.smallTheme a.good { background: #e9f1e0; }
.smallTheme a img { width: 100%; }
.smallTheme a .smallTheme--image { width: 100%; height: 105px; overflow: hidden; }
.smallTheme a .smallTheme--image.inside { width: 100%; height: 155px; overflow: hidden; }
.smallTheme a span { display: block; padding-top: 5px; font-size: 12px; min-height: 58px; box-sizing: border-box; line-height: normal; }
.smallTheme .themePlay { position: absolute; top: 52px; right: -26px; font-size: 24px; width: 34px; height: 34px; text-align: center; line-height: 34px; border-radius: 100%; background: rgba(255,255,255,0.4); color: #000; transition: all .2s; }
.smallTheme .themePlay.inside { top: 102px; }
.smallTheme a:hover .themePlay { color: #c00; }
.smallTheme a .authorsImage { width: 100%; height: 130px; background-size: cover !important; display: block; }

/* Оформление счетчиков новостей */
.eventCounters { position: relative; width: 100%; display: inline-block; font-size: 11px; }
.eventCounters .counterDate { float: left; margin-right: 15px; color: #c00; }
.eventCounters .counterNumber { float: left; margin-right: 10px; color: #333; }
.eventCounters .counterNumber i { color: #b2b2b2; margin-right: 2px; }
.eventCounters a { text-decoration: none; }

/* Оформление документов */
.documentControls { position: relative; padding-bottom: 5px; width: 100%; display: inline-block; }
.documentControls .documentControls--prev { float: left; padding: 0 20px; height: 36px; line-height: 36px; text-decoration: none; color: #333; background: #f1f1f1; }
.documentControls .documentControls--next { float: right; padding: 0 20px; height: 36px; line-height: 36px; text-decoration: none; color: #333; background: #f1f1f1; }

/* Оформление новостей */
.newsList { position: relative; margin-top: 15px; }
.newsList .newsList--period { border-bottom: 3px solid #edeced; overflow: hidden; margin-bottom: 15px; }
.newsList .newsList--period time { float: left; height: 28px; line-height: 30px; width: 120px; font-size: 10px; color: #333; text-transform: uppercase; text-align: center; background: #edeced; font-weight: 600; }
.newsList .newsList--element { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; overflow: hidden; }
.newsList .newsList--element h3 { font-size: 16px; font-weight: 600; color: #333; }
.newsList .newsList--element h3 a { text-decoration: none; color: #333; transition: all .2s; }
.newsList .newsList--element h3 a:hover { color: #c00; }
.newsList .newsList--element p { color: #333; }
.newsList .newsList--poster { float: left; width: 160px; height: 102px; overflow: hidden; margin-right: 15px; }
.newsList .newsList--poster img { width: 100%; }
.newsList .newsList--present { overflow: auto; }

/* Оформление автора */
.authorContainer { padding: 20px; background: #f9f9f9; overflow: hidden; }
.authorContainer .authorContainer--photo { float: right; width: 200px; overflow: hidden; }
.authorContainer .authorContainer--photo img { width: 100%; }
.authorContainer .authorContainer--present { margin-right: 220px; }
.authorContainer .authorContainer--present h1 { font-size: 20px; font-weight: 600; padding-bottom: 3px; }
.authorContainer .authorContainer--present .authorContainer--about { font-weight: 600; color: #c00; }
.authorContainer .authorContainer--present p { color: #333; }
.authorContainer .authorContainer--present .authorContainer--information { position: relative; }
.authorContainer .authorContainer--present .authorContainer--information i { color: #333; margin-right: 4px; }
.authorContainer .authorContainer--present .authorContainer--information .informationElement { display: inline-block; margin-right: 20px; }
.authorContainer .authorContainer--present .authorContainer--information .informationElement b { font-weight: 400; color: #c00; }
.authorContainer .authorContainer--buttons { margin-top: 10px; }
.authorContainer .authorContainer--buttons .button { width: 100%; margin-bottom: 6px; box-sizing: border-box; padding: 0 20px; display: inline-block; }
.authorContainer .authorContainer--buttons .button.auto {  height: auto; line-height: normal; padding: 10px 20px; }
.authorContainer .authorContainer--buttons .button i { font-weight: normal; margin-right: 7px; }
.authorContainer .authorContainer--buttons .button:last-child { margin-bottom: 0; }

/* Оформление рекомендаций авторов */
.authorSmall { position: relative; width: 100%; display: inline-block; padding-top: 15px; }
.authorSmall .authorSmall--element { float: left; width: 33.3333%; padding: 0 10px; box-sizing: border-box; }
.authorSmall .authorSmall--element .authorSmall--image { float: left; width: 70px; }
.authorSmall .authorSmall--element .authorSmall--present { margin-left: 85px; }
.authorSmall .authorSmall--element .authorSmall--present .authorSmall--author { color: #c00; }
.authorSmall .authorSmall--element .authorSmall--present .authorSmall--author a { color: #c00; text-decoration: none; }
.authorSmall .authorSmall--element .authorSmall--present .authorSmall--title { color: #000; text-decoration: none; font-weight: 600; padding: 5px 0 7px 0; }
.authorSmall .authorSmall--element .authorSmall--present .authorSmall--title a { color: #000; text-decoration: none; }

/* Оформление последних новостей */
.lastNews { position: relative; margin-top: 15px; }
.lastNews .lastNews--element { float: left; width: 50%; border-bottom: 1px solid #ddd; padding-right: 20px; box-sizing: border-box; overflow: hidden; padding-bottom: 15px; margin-bottom: 15px; }
.lastNews .lastNews--element a { text-decoration: none; }
.lastNews .lastNews--element .lastNews--image { float: left; width: 140px; height: 105px; overflow: hidden; position: relative; }
.lastNews .lastNews--element .lastNews--image img { width: 100%; }
.lastNews .lastNews--element .lastNews--present { margin-left: 155px; min-height: 114px; }
.lastNews.authorsNews .lastNews--element .lastNews--present {  min-height: 140px; }
.lastNews.authorsNews .lastNews--element .lastNews--image { height: 140px; }
.lastNews .lastNews--element .lastNews--present .lastNews--author { color: #333; padding-bottom: 7px; }
.lastNews .lastNews--element .lastNews--present .lastNews--title { font-size: 14px; font-weight: 600; padding-bottom: 7px; }
.lastNews .lastNews--element .lastNews--present .lastNews--title a { color: #000; }
.lastNews .lastNews--element .lastNews--present .lastNews--description { padding-bottom: 7px; color: #333; }
.lastNews .lastNews--element .lastNews--present .lastNews--topics { position: relative; }
.lastNews .lastNews--element .lastNews--present .lastNews--topics a { display: block; font-size: 12px; padding-bottom: 5px; }
.lastNews .lastNews--element .lastNews--present .lastNews--topics a i { color: #333; margin-right: 3px; }
.lastNews .lastNews--element .lastNews--present .lastNews--topics a b { color: #333; font-weight: 400; }
.lastNews .lastNews--element .lastNews--present .lastNews--buttons { padding-top: 10px; }
.lastNews .lastNews--element .lastNews--present .lastNews--buttons a { margin-right: 20px; }
.lastNews .lastNews--element.video .videoLabel { display: block; }
.videoLabel { position: absolute; bottom: 0; right: 0; width: 32px; height: 32px; background: rgba(255,0,0,0.8); color: #fff; text-align: center; line-height: 32px; z-index: 100; display: none; }
.lastNews .themePlay { position: absolute; bottom: -18px; right: -36px; font-size: 24px; width: 34px; height: 34px; text-align: center; line-height: 34px; border-radius: 100%; background: rgba(255,255,255,0.4); color: #000; transition: all .2s; }
.lastNews .lastNews--element .lastNews--image:hover .themePlay { color: #c00; }

/* Оформление полной новости */
.postContainer { position: relative; padding-top: 15px; }
.postContainer .postContainer--header { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd; overflow: hidden; }
.postContainer .postContainer--header .postContainer--titles { position: relative; margin-right: 290px; padding-top: 7px; }
.postContainer .postContainer--header .postContainer--titles h1 { font-size: 22px; font-weight: 600; }
.postContainer .postContainer--header .postContainer--titles .postContainer--category { padding-top: 10px; }
.postContainer .postContainer--header .postContainer--titles .postContainer--category .postContainer--links { float: left; }
.postContainer .postContainer--header .postContainer--titles .postContainer--category .postContainer--links a { text-decoration: none; display: inline-block; margin-right: 20px; }
.postContainer .postContainer--header .postContainer--titles .postContainer--category .postContainer--links a b { color: #333; font-weight: 400; }
.postContainer .postContainer--header .postContainer--titles .postContainer--category .eventCounters { float: left; width: auto; font-size: 13px; padding-left: 32px; }
.postContainer .postContainer--header .postContainer--titles .postContainer--category .eventCounters::after { content: '—'; position: absolute; left: 0; top: 0; color: #ddd; }
.postContainer .postContainer--header .postContainer--about { float: right; width: 270px; height: 73px; border-bottom: 3px solid #ddd; background: #f1f1f1; box-sizing: border-box; padding: 10px; }
.postContainer .postContainer--header .postContainer--about .postContainer--image { float: left; width: 50px; height: 50px; overflow: hidden; }
.postContainer .postContainer--header .postContainer--about .postContainer--image img { width: 100%; }
.postContainer .postContainer--header .postContainer--about .postContainer--present { margin-left: 65px; font-size: 11px; }
.postContainer .postContainer--header .postContainer--about .postContainer--present .postContainer--author { font-weight: 600; padding: 5px 0 4px 0; font-size: 13px; }
.postContainer .postContainer--header .postContainer--about .postContainer--present .postContainer--author a { text-decoration: none; }
.postContainer .postContainer--header .postContainer--about .postContainer--present .postContainer--posts { font-size: 13px; color: #333; }
.postContainer .postContainer--header .postContainer--about .postContainer--present .postContainer--posts i { margin-right: 4px; }
.postContainer .postContainer--content { line-height: 22px; font-size: 14px; }
.postContainer .postContainer--cms { line-height: 20px; }
.postContainer .postContainer--content .postContainer-image { padding: 5px; box-sizing: border-box; border: 1px solid #ddd; margin: 0 20px 10px 0; float: left; }
.postContainer .postContainer--content img { max-width: 100%; height: auto !important; }
.postContainer .postContainer--information { padding-top: 15px; margin-top: 15px; border-top: 1px solid #ddd; margin-bottom: 15px; width: 100%; display: inline-block; }
.postContainer .postContainer--information .postContainer--block { display: inline-block; color: #333; }
.postContainer .postContainer--information .postContainer--socials { float: right; color: #333; }
.postContainer .postContainer--player { background: #000; }
.postContainer .postContainer--player iframe { width: 100% !important; }
.postContainer .postContainer--tags { position: relative; padding-left: 90px; padding-top: 15px; border-top: 1px solid #eee; }
.postContainer .postContainer--tags:empty { border-color: transparent; padding-top: 0; }
.postContainer .postContainer--tags:empty::before { opacity: 0; }
.postContainer .postContainer--tags::before { content: 'Теги по теме:'; position: absolute; top: 15px; left: 0; }
.postContainer .postContainer--tags .tagElement { display: inline-block; margin-right: 10px; text-decoration: none; position: relative; }
.postContainer .postContainer--tags .tagElement:last-child::after { display: none; }
.postContainer .postContainer--tags .tagElement::after { content: ','; position: absolute; bottom: 0; right: -4px; }

/* Оформление футера (подвала) */
.pageFooter { clear: both; position: relative; margin-top: 30px; }
.pageFooter .footerMenu { height: 56px; background: #f0eff0; }
.pageFooter .footerMenu ul li { float: left; height: 56px; line-height: 56px; font-size: 15px; font-weight: 700; text-transform: uppercase; transition: all .2s; }
.pageFooter .footerMenu ul li:hover { background: rgba(0,0,0,0.1); }
.pageFooter .footerMenu ul li a { display: block; padding: 0 20px; color: #333; text-decoration: none; }
.pageFooter .footerContent { padding: 30px 0 60px 0; overflow: hidden; }
.pageFooter .footerContent .footerCounters { float: left; }
.pageFooter .footerContent .footerCopyrights { float: right; text-align: right; color: #333; }

/* Оформление всплывающего окна */
.pageWindow { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 800; display: none; }
.pageWindow .windowContainer { position: absolute; top: 50%; left: 50%; margin: -203px 0 0 -175px; width: 350px; height: 406px; background: #fff url('/web/20190912100257im_/http://vybor.ua/img/popup.jpg') top left no-repeat; box-shadow: 0 2px 50px rgba(0,0,0,0.2); }
.pageWindow .windowContainer.feedback { height: 466px; margin: -233px 0 0 -175px; }
.pageWindow .windowContainer .windowHeader { position: relative; padding: 30px; }
.pageWindow .windowContainer .windowHeader .windowHeader--title { font-weight: 600; font-size: 15px; }
.pageWindow .windowContainer .windowHeader .windowClose { font-size: 24px; position: absolute; top: 15px; right: 15px; color: #000; cursor: pointer; transition: all .2s; }
.pageWindow .windowContainer .windowHeader .windowClose:hover { color: #c00; }
.pageWindow .windowContainer .windowForm { position: relative; padding: 0 30px; }
.pageWindow .windowContainer .windowForm label { width: 100%; display: inline-block; margin-bottom: 15px; }
.pageWindow .windowContainer .windowForm label span { display: block; padding-bottom: 7px; color: #333; }
.pageWindow .windowContainer .windowForm label input { width: 100%; height: 44px; border: 1px solid #ddd; box-sizing: border-box; line-height: 42px; padding: 0 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.pageWindow .windowContainer .windowForm label textarea { width: 100%; height: 94px; border: 1px solid #ddd; box-sizing: border-box; line-height: normal; padding: 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.pageWindow .windowContainer .windowForm .windowLink { float: right; height: 44px; line-height: 44px; }
.pageWindow .windowContainer .windowForm .windowSocials { text-align: center; padding-top: 20px; }
.pageWindow .windowContainer .windowForm .windowSocials .socialsTitle { display: block; padding-bottom: 10px; }
.pageWindow .windowContainer .windowForm .windowSocials a { font-size: 24px; color: #000; text-decoration: none; margin: 0 3px; transition: all .2s; }
.pageWindow .windowContainer .windowForm .windowSocials a:hover { color: #c00; }

/* Оформление основных форм */
.contentForms { position: relative; padding-top: 15px; }
.contentForms label { width: 100%; display: inline-block; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px dotted #ddd; position: relative; }
.contentForms .alert { color: #c00; padding-left: 5px; }
.contentForms .formName { float: left; width: 240px; line-height: 44px; }
.contentForms .formArea { margin-left: 240px; }
.contentForms .formInput { width: 100%; height: 44px; border: 1px solid #ddd; box-sizing: border-box; line-height: 42px; padding: 0 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.contentForms .formSelect { width: 30%; height: 44px; border: 1px solid #ddd; box-sizing: border-box; line-height: 42px; padding: 0 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.contentForms .formText { width: 100%; height: 94px; border: 1px solid #ddd; box-sizing: border-box; line-height: normal; padding: 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.contentForms label small { display: block; padding-top: 3px; }
.contentForms .formLabel { width: 100%; display: inline-block; text-align: center; margin-bottom: 15px; padding-top: 5px; padding-bottom: 15px; border-bottom: 1px dotted #ddd; position: relative; }
.contentForms .formLabel button { margin-bottom: 5px;  }
.contentForms .formSocial { text-align: center; }
.contentForms .formSocial .socialsTitle { display: block; padding-bottom: 10px; color: #333; }
.contentForms .formSocial a { font-size: 32px; color: #000; text-decoration: none; margin: 0 3px; transition: all .2s; }
.contentForms .formSocial a:hover { color: #c00; }

/* Оформление добавления комментария */
.commentAdd { position: relative; padding: 15px; border: 2px dotted #ddd; clear: both; }
.commentAdd label { display: inline-block; width: 100%; position: relative; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; }
.commentAdd .commentName { float: left; width: 100px; height: 44px; line-height: 44px; }
.commentAdd .commentArea { margin-left: 100px; }
.commentAdd .commentNumber { margin-left: 100px; padding-top: 5px; }
.commentAdd .commentArea input { width: 100%; height: 44px; border: 1px solid #ddd; box-sizing: border-box; line-height: 42px; padding: 0 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.commentAdd .commentArea textarea { width: 100%; height: 94px; border: 1px solid #ddd; box-sizing: border-box; line-height: normal; padding: 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }

/* Оформление кабинета */
.cabinetList { padding-top: 15px; position: relative; width: 100%; display: inline-block; }
.cabinetList ul li { float: left; box-sizing: border-box; width: 50%; border: 2px dotted transparent; transition: all .2s; }
.cabinetList ul li:hover { border-color: #ddd; }
.cabinetList ul li .cabinetList--image { float: left; width: 64px; height: 64px; }
.cabinetList ul li .cabinetList--image img { width: 100%; }
.cabinetList ul li .cabinetList--Present { margin-left: 84px; }
.cabinetList ul li .cabinetList--Present h3 { font-size: 14px; padding-top: 8px; font-weight: 600; color: #000; padding-bottom: 10px; }
.cabinetList ul li .cabinetList--Present span { color: #333; display: block; padding-bottom: 2px; }
.cabinetList ul li a { display: block; padding: 20px; text-decoration: none; height: 64px; }

.cabinetForm { position: relative; }
.cabinetForm label { width: 100%; display: inline-block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; }
.cabinetForm label span.title { display: block; padding-bottom: 7px; }
.cabinetForm label em { color: #c00; padding-left: 5px; }
.cabinetForm label .formInput { width: 100%; height: 44px; border: 1px solid #ddd; box-sizing: border-box; line-height: 42px; padding: 0 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.cabinetForm label .formSelect { width: 100%; height: 44px; border: 1px solid #ddd; box-sizing: border-box; line-height: 42px; padding: 0 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.cabinetForm label .formText { width: 100%; height: 94px; border: 1px solid #ddd; box-sizing: border-box; line-height: normal; padding: 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }

/* Оформление меню кабинета */
.cabinetMenu { padding-top: 15px; }
.cabinetMenu ul li { float: left; box-sizing: border-box; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd; }
.cabinetMenu ul li:hover .cabinetMenu--Present h3 { color: #c00; }
.cabinetMenu ul li .cabinetMenu--image { float: left; width: 32px; height: 32px; }
.cabinetMenu ul li .cabinetMenu--image img { width: 100%; }
.cabinetMenu ul li .cabinetMenu--Present { margin-left: 52px; }
.cabinetMenu ul li .cabinetMenu--Present h3 { font-size: 13px; font-weight: 600; color: #000; padding-bottom: 5px; transition: all .2s; }
.cabinetMenu ul li .cabinetMenu--Present span { color: #333; display: block; }
.cabinetMenu ul li a { display: block; text-decoration: none;  }

/* Оформление профиля */
.profileBlock { position: relative; padding-top: 15px; }
.profileBlock .profileEmail { padding: 15px; background: #f9f9f9; display: inline-block; width: 100%; box-sizing: border-box; margin-bottom: 20px; }
.profileBlock .profileEmail .profileTitle { line-height: normal; }
.profileBlock .profileLabel { display: inline-block; width: 100%; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd; }
.profileBlock .profileTitle { float: left; width: 140px; line-height: 44px; }
.profileBlock .profileArea { margin-left: 160px; }
.profileBlock .profileButton { margin-top: 10px; float: left; width: 100%; }
.profileBlock .formInput { width: 100%; height: 44px; border: 1px solid #ddd; box-sizing: border-box; line-height: 42px; padding: 0 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.profileBlock .formSelect { width: 30%; height: 44px; border: 1px solid #ddd; box-sizing: border-box; line-height: 42px; padding: 0 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.profileBlock .formText { width: 100%; height: 94px; border: 1px solid #ddd; box-sizing: border-box; line-height: normal; padding: 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.profileBlock .profile_img_small { float: left; padding: 10px; border: 1px solid #ddd; margin-right: 20px; }
.profileBlock .profile_img_full { float: left; padding: 10px; border: 1px solid #ddd; margin-right: 20px; }
.profileBlock .alert { color: #c00; padding-left: 5px; }

/* Оформление рейтинга тем */
.ratingBlock { padding-top: 15px; }
.ratingButtons { margin-bottom: 15px; }
.ratingButtons .ratingButtons--button { float: left; width: 50%; padding: 0 10px; box-sizing: border-box; }
.ratingButtons .ratingButtons--button div { text-align: center; padding-top: 5px; }
.ratingButtons .ratingButtons--button .rating-like-btn { height: 36px; line-height: 36px; width: 100%; display: block; text-align: center; background: #15a756; color: #fff; font-weight: 600; text-decoration: none; }
.ratingButtons .ratingButtons--button .rating-dislike-btn { height: 36px; line-height: 36px; width: 100%; display: block; text-align: center; background: #c00; color: #fff; font-weight: 600; text-decoration: none; }
.ratingForm { position: relative; clear: both; padding: 0 10px; }
.ratingForm .ratingLabel { width: 100%; display: inline-block; height: 44px; line-height: 44px; border-bottom: 1px solid #f1f1f1; }
.ratingForm .ratingLabel .ratingLabel--title { float: left; width: 110px; }
.ratingForm .ratingLabel .ratingLabel--stars { margin-left: 120px; overflow: hidden; padding-top: 14px; }
.ratingForm .star-rating { float:left; width:18px; height:15px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden; position:relative; }
.ratingForm .star-rating, .star-rating a { background:url('/web/20190912100257im_/http://vybor.ua/img/stars3.png') no-repeat 0 0px; }
.ratingForm .star-rating a { display:block; width:18px; height:100%; background-position:0 0px; border:0;}
.ratingForm .star-rating-on a { background-position:0 -15px!important; }
.ratingForm .star-rating-hover a { background-position:0 -31px; }
.ratingForm .star-rating-readonly a { cursor:default !important; }
.ratingForm .star-rating { background:transparent!important; overflow:hidden!important; }
.ratingCount { padding: 0 10px 0 10px; }
.ratingCount .ratingCount--label { width: 100%; display: inline-block; height: 44px; border-bottom: 1px solid #f1f1f1; }
.ratingCount .ratingCount--label .ratingCount--title { float: left; width: 110px; line-height: 44px; }
.ratingCount .ratingCount--label .ratingCount--info { margin-left: 120px; line-height: 44px; height: 44px; }

/* Оформление предложить тему */
.yourTheme { padding-top: 15px; }
.yourTheme .buttonTheme { width: 100%; padding: 0; text-align: center; }
.yourTheme .yourBlock { margin-top: 15px; background: #f9f9f9; padding: 15px; display: none; }
.yourTheme .yourBlock label { width: 100%; display: inline-block; margin-bottom: 10px; }
.yourTheme .yourBlock label span { display: block; padding-bottom: 7px; color: #333; }
.yourTheme .yourBlock label input { width: 100%; height: 44px; border: 1px solid #ddd; box-sizing: border-box; line-height: 42px; padding: 0 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.yourTheme .yourBlock label textarea { width: 100%; height: 94px; border: 1px solid #ddd; box-sizing: border-box; line-height: normal; padding: 15px; box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.04); }
.yourTheme .yourBlock label button { width: 100%; text-align: center; padding: 0; }

/* Оформление правого блока помощи */
.helpBlock { padding-top: 15px; }
.helpBlock ol { margin-top: 0; padding-top: 0; }
.helpBlock ol li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ddd; }

/* Оформление движения на главной */
.dvizhenieRight { float: left; padding: 10px; border: 1px solid #ddd; width: 200px; box-sizing: border-box; }
.dvizhenieLeft { margin-left: 220px; }

/* Оформление категорий */
.pageCategories { position: relative; }
.pageCategories a { display: block; padding: 10px 20px; background: #f9f9f9; margin-bottom: 1px; color: #333; text-decoration: none; transition: all .2s; font-size: 14px; }
.pageCategories a:hover { background: #f1f1f1; }
.pageCategories a.current { background: #c00; color: #fff; }
.pageCategories a.active { background: #c00; color: #fff; }

/* Оформление поиска от Google */
.cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; border: none !important; margin-top: -3px; }
form.gsc-search-box { margin-bottom: 0 !important; }
table.gsc-search-box { margin-bottom: 0 !important; }
.gsc-input { height: 42px !important; box-sizing: border-box !important; }
.gsc-input-box { height: 42px !important; }
.gsc-input-box-focus { box-shadow: none !important; }
.gsib_a { padding: 0 10px !important; }
.gsst_a { padding-top: 7px !important; }
.cse input.gsc-search-button, input.gsc-search-button { border: none !important; }
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { border-color: transparent !important; background: #4b4ec9 !important; }
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 { padding: 16px !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; outline: none !important; }
.gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0 !important; }
input.gsc-search-button { margin-left: 0 !important; }

/* Переоформление конфигруации старых комментариев */
.comment { float: left; width: 100%; padding: 10px 0; }
.telocom { padding-bottom: 10px; }
.comhead { float: left; position:relative; height: 14px; width: 100%; padding: 10px 0; }
.name { float:left; }
.name a { font-size: 13px; color: #c00; font-weight: 600; }
.name span { font-size: 13px; color: #666; }
.repost { float: right; }
.repost a { color:#0181ce; }
.comcont { float: left; width: 100%; font-size: 13px; overflow: hidden; color: #333; line-height: 18px; }
.ceparator { border-bottom: 1px solid #ccc; width: 100%; height: 1px; float: left; padding-top: 7px; }
#comments-block { color: #000; padding-right: 20px; height: 36px; line-height: 36px; font-size: 13px; }
.comsend { background: #4b4ec9; color: #fff; border:none; padding: 0 20px; height: 36px; line-height: 36px; cursor: pointer; margin-bottom: 15px; }
.comup { color:red !important; }
.comblock { border-bottom: 1px solid #ddd; padding: 5px 0 15px 0; font-size: 13px; }
.comreg { color: #000; padding: 0 10px 10px 0; font-size: 16px; }
.comreg a { color: #cc0000; }
.commentIcon { background: url('/web/20190912100257im_/http://vybor.ua/img/user_comment.png') left center no-repeat; height: 24px; line-height: 24px; padding-left: 34px; display: inline-block; }

/* Оформление карты */
.solid-map { margin: 30px 0 0 110px; width: 100%; height:499px; position:relative; }
.solid-map-images { position:absolute; top:0; left:0; }
.solid-map-images img { position:absolute; top: 0; left: 0; }
.solid-map area { cursor:pointer !important; }
.officeTable { width: 100%; border-spacing: 0; border-collapse: collapse; }
.officeTable tr:nth-child(odd) { background: #f1f1f1; }
.officeTable tr td { padding: 7px 15px; border: 1px solid #ddd; }
.mapK { position: absolute; top: 90px; left: 319px; z-index: 800; }

/* Оформление табов */
.video-tabs { float:left; width:100%; position:relative; border-bottom:1px solid #ddd; margin-top:15px; }
.video-tabs ul { margin:0; padding:0; list-style:none; }
.video-tabs ul li { float: left; display: block; margin: 0 2px 0 0; background: #f1f1f1; font-size: 12px; }
.video-tabs ul li a { display: block; padding:10px 12px; color: #666; text-decoration:none; }
.video-tabs ul li.active { background: #ffd9d9; }

/* Оформление вопросов к автору */
.quest-answer { float: left; width:100%; position: relative; }
.quest-ans { float:left; width:100%; position:relative; padding: 10px 0; border-bottom:1px dotted #ccc; font-size: 13px; }
.quest-ans-name { float: left; overflow: hidden; width: 130px; background: #f1f1f1; padding: 10px; margin-right: 10px; text-align:center; }
.quest-ans-name p { font-size: 11px; color: #c00222; padding: 0; margin-bottom: 0; margin-top: 3px; }
.quest-ans-post { overflow: auto; padding-left: 10px; }
.quest-quest { padding-bottom: 10px; }
.quest-otvet { padding-top: 5px; }

/* Оформление алфавита авторов */
.litera_authors { font-size:20px; color:#666; }
.litname { float:left; padding-right:5px; display:block; color:#000; cursor:pointer; }
.namelit { height:16px; float:left; padding-left:10px; position:relative; top:1px; }
.littd { padding:10px 0px; border-bottom:1px dotted #ccc; }


/* Адаптивная версия сайта */
@media screen and (max-width: 1140px){
    .pageContent .contentRight { display: none; }
    .pageContent .contentCenter { margin: 0 0 0 290px; }
    .pageContent .contentCenter.wide { margin: 0; }
}
@media screen and (max-width: 970px){
    .mainTheme .mainTheme--media { width: 220px; height: 166px; }
    .mainTheme .mainTheme--present { margin-left: 240px; }
    .pageHeader { padding: 10px; }
    .pageHeader .headerBurger { display: block; }
    .pageHeader .headerLeft { width: auto; }
    .pageHeader .headerLeft .headerLogotype .headerLogo { width: 160px; height: 72px; }
    .pageHeader .headerRight { display: none; }
    .pageFooter .footerMenu { display: none; }
    .pageFooter { border-top: 3px solid #ddd; text-align: center; }
    .pageFooter .footerContent .footerCopyrights { text-align: center; float: none; }
    .pageHeader .headerMenu { display: none; position: absolute; top: 66px; left: 0; width: 100%; height: auto; z-index: 700; background: #4b4ec9; min-width: 370px; }
    .pageHeader .headerMenu ul li { width: 100%; font-size: 13px; border-bottom: 1px solid rgba(255,255,255,0.1); height: 44px; line-height: 44px; }
    .pageHeader .headerMenu ul li:last-child { border-bottom: none; }
    .pageHeader .headerMenu ul li:hover > ul { display: none; }
    .pageHeader .headerLinks { display: block;  }
    .postContainer .postContainer--header .postContainer--titles .postContainer--category .postContainer--links a { margin-right: 0; display: block; }
    .postContainer .postContainer--header .postContainer--titles .postContainer--category .eventCounters { float: none; width: 100%; padding-left: 0; padding-top: 10px; }
    .postContainer .postContainer--header .postContainer--titles .postContainer--category .eventCounters::after { display: none; }
    .smallTheme a.inside { width: 33.3333%; }
}
@media screen and (max-width: 800px){
    .pageContent .contentLeft { display: none; }
    .pageContent .contentCenter { margin: 0; }
    .lastNews .lastNews--element { width: 100%; padding-right: 0; }
    .smallTheme.topicsList a { width: 33.3333%; }
    .smallTheme.authorsList a { width: 33.3333%; }
    .smallTheme.playerTheme a { width: 33.3333%; }
}
@media screen and (max-width: 700px){
    .cabinetList ul li { width: 100%; }
    .authorSmall { padding-top: 10px; }
    .authorSmall .authorSmall--element { width: 100%; padding: 10px 0; }
}
@media screen and (max-width: 620px){
    .mainTheme.video .mainTheme--media { width: 100%; height: auto; margin-bottom: 15px; }
    .mainTheme.video .mainTheme--media object { width: 100%; height: auto; min-height: 278px; }
    .mainTheme.video .mainTheme--media iframe { width: 100%; height: auto; min-height: 278px; }
    .mainTheme.video .mainTheme--present { margin-left: 0; }
    .comhead { height: 40px; }
    .repost { float: left; padding-top: 10px; width: 100%; }
    .smallTheme a.inside { width: 50%; }
    .smallTheme.videoList a:last-child { display: none; }
}
@media screen and (max-width: 560px){
    .authorsSlides { max-height: 100%; }
    .dvizhenieRight { float: left; padding: 10px; border: 1px solid #ddd; width: 100%; box-sizing: border-box; }
    .dvizhenieLeft { margin-left: 0; padding-top: 20px;clear: both; }
    .mainTheme .mainTheme--media { width: 100%; height: auto; margin-bottom: 15px; }
    .mainTheme .mainTheme--present { margin-left: 0;  }
    .smallTheme a { width: 50%; }
    .smallTheme.topicsList a { width: 50%; }
    .smallTheme.authorsList a { width: 50%; }
    .smallTheme.playerTheme a { width: 50%; }
    .smallTheme a .smallTheme--image.inside { width: 100%; height: 105px; overflow: hidden; }
    .pageWindow { position: absolute; min-width: 370px; }
    .pageWindow .windowContainer { top: 0; margin: 0; left: 0; width: 100%; min-width: 370px; }
    .authorContainer .authorContainer--photo { width: 100%; margin-bottom: 20px; }
    .authorContainer .authorContainer--present { margin-right: 0; }
    .lastNews .lastNews--element .lastNews--image { width: 100px; }
    .lastNews .lastNews--element .lastNews--present { margin-left: 115px; }
    .postContainer .postContainer--header .postContainer--about { width: 100%; }
    .postContainer .postContainer--header .postContainer--titles { margin-right: 0; padding-top: 17px; clear: both; }
    .contentForms label .formName { width: 100%; line-height: normal; padding-bottom: 7px; }
    .contentForms label .formArea { margin-left: 0; }
    .pageFooter .footerContent .footerCounters { text-align: center; width: 100%; }
    .pageFooter .footerContent .footerCopyrights { width: 100%; clear: both; }
    .smallTheme.topicsList span { min-height: 58px; }
    .lastNews .themePlay { bottom: 15px; }

}
/*
     FILE ARCHIVED ON 10:02:57 Sep 12, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:58:46 May 16, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 162.995
  exclusion.robots: 0.081
  exclusion.robots.policy: 0.073
  cdx.remote: 0.051
  esindex: 0.007
  LoadShardBlock: 113.384 (3)
  PetaboxLoader3.datanode: 140.214 (4)
  CDXLines.iter: 16.216 (3)
  load_resource: 70.536
  PetaboxLoader3.resolve: 34.1
*/