/* ::::: //innateblogs.com/mld/bj_subbotin/files/css/fonts.css ::::: */ @font-face { font-family: "fontello"; font-style: normal; font-weight: 400; src: url('../fonts/fontello.eot') format("embedded-opentype"), url('../fonts/fontello.woff') format("woff"), url('../fonts/fontello.ttf') format("truetype"), url('../fonts/fontello.svg') format("svg"); } /* ::::: //s1222.trans-cdn.com/mld/bj_subbotin/files/css/style.css ::::: */ .fotorama__nav::after, .fotorama__nav::before, .fotorama__stage::after, .fotorama__stage::before, .fotorama__wrap--css3 .fotorama__caption, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame { transform: translateZ(0px); } .fotorama__nav::after, .fotorama__nav::before, .fotorama__stage::after, .fotorama__stage::before { content: ""; display: block; position: absolute; text-decoration: none; top: 0px; bottom: 0px; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; background-size: 1px 100%, 5px 100%; } .fotorama__nav::before, .fotorama__stage::before { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0px 50% , rgba(0, 0, 0, 0.4), transparent); background-position: 0px 0px, 0px 0px; left: -10px; } .fotorama__nav.fotorama__shadows--left::before, .fotorama__stage.fotorama__shadows--left::before { left: 0px; } .fotorama__nav::after, .fotorama__stage::after { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50% , rgba(0, 0, 0, 0.4), transparent); background-position: 100% 0px, 100% 0px; right: -10px; } .fotorama__nav.fotorama__shadows--right::after, .fotorama__stage.fotorama__shadows--right::after { right: 0px; } .fotorama--fullscreen .fotorama__nav::after, .fotorama--fullscreen .fotorama__nav::before, .fotorama--fullscreen .fotorama__stage::after, .fotorama--fullscreen .fotorama__stage::before, .fotorama__wrap--fade .fotorama__stage::after, .fotorama__wrap--fade .fotorama__stage::before, .fotorama__wrap--no-shadows .fotorama__nav::after, .fotorama__wrap--no-shadows .fotorama__nav::before, .fotorama__wrap--no-shadows .fotorama__stage::after, .fotorama__wrap--no-shadows .fotorama__stage::before { display: none; } .b-block-news-add__select ul li a, .b-index-news__b a, .b-menu__li a, .b-small-profile, .b-tabs > li a, a, a u, a:hover, a:hover u { text-decoration: none; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, 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, 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; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: outside none none; } blockquote::after, blockquote::before, q::after, q::before { content: none; } body { background-color: rgb(100, 101, 102); font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: rgb(0, 0, 0); padding: 0px; margin: 0px; line-height: 18px; font-size: 14px; min-width: 200px; } em, i { font-style: italic; } b, strong { font-weight: 700; } input, textarea { font-family: "Helvetica Neue",Arial,sans-serif; font-size: 100%; } input[type="search"] { outline: 0px none; } input[type="search"]:-moz-placeholder { color: rgb(255, 255, 255); font-size: 16px; opacity: 0.2; } input[type="search"]::-moz-placeholder { color: rgb(255, 255, 255); font-size: 16px; opacity: 0.2; } a { color: rgb(28, 105, 169); } a u { border-bottom: 1px solid rgba(28, 105, 169, 0.2); } a:hover { color: rgb(241, 82, 70); } a:hover u { border-bottom: 1px solid rgba(241, 82, 70, 0.2); } .stickyfill::after, .stickyfill::before { content: ""; display: table; } .icon-star:hover { color: rgb(63, 203, 255) !important; } .container { margin: 0px auto; max-width: 1260px; overflow: hidden; position: relative; } .up { display: none; background: rgba(0, 0, 0, 0.1) none repeat scroll 0px 0px; color: rgb(255, 255, 255); height: 100%; position: fixed; text-align: center; text-decoration: none; top: 0px; width: 5%; z-index: 20; left: 0px; } .up i { bottom: 15px; display: block; position: absolute; width: 100%; opacity: 0.2; } .up:hover { background: rgba(0, 0, 0, 0.2) none repeat scroll 0px 0px; } .up:hover i { color: rgb(255, 255, 255); opacity: 0.8; } .replaceWithGif::after { content: ""; display: block; position: absolute; bottom: 0px; height: 40px; left: 0px; width: 100%; border-radius: 0px 0px 4px 4px; z-index: 0; background: transparent linear-gradient(to bottom, transparent 0px, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0px 0px; } .replaceWithGif::before { content: "GIF"; display: block; font-weight: 700; left: 10px; } .replaceWithGif i, .replaceWithGif::before { color: rgb(255, 255, 255); font-style: normal; position: absolute; bottom: 5px; font-size: 11px; z-index: 1; } .replaceWithGif.replaced i, .replaceWithGif.replaced::after, .replaceWithGif.replaced::before { display: none; } .replaceWithGif.loading::before { width: 70px; height: 70px; background: rgba(0, 0, 0, 0.5) url('../fonts/preloader-3-dots.svg') no-repeat scroll center center / 40px auto; content: ""; left: 50%; top: 50%; margin-top: -35px; margin-left: -35px; border-radius: 100px; } @media screen and (min-width: 940px) { .up { display: block; left: 17px; border-radius: 4px; width: 60px; bottom: 20px; top: auto; height: 47px; } } @media screen and (min-width: 1260px) { .up, .up i { bottom: auto; } .up { left: 0px; border-radius: 0px; width: 30px; top: 0px; height: 100%; } .up i { top: 15px; } } @media screen and (min-width: 1330px) { .up { width: 60px; } } @media screen and (min-width: 1420px) { .up { width: 100px; } } .tip { position: fixed; top: 0px; right: 0px; width: 320px; display: block; z-index: 7100; } .tip__item { display: none; margin: 20px 20px 0px; min-height: 34px; padding: 15px 46px 15px 20px; background: rgb(255, 255, 255) none repeat scroll 0px 0px; border-radius: 6px; position: relative; border-bottom: 3px solid rgb(244, 219, 9); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); } .tip__item p { padding-left: 42px; font-size: 14px; } .tip__item__close { color: rgb(238, 238, 238); width: 19px; height: 19px; border-radius: 100px; position: absolute; top: 7px; right: 10px; font-size: 18px; } .tip__item__close:hover { color: red; } .b-search { position: relative; z-index: 1; } .b-search i { display: block; width: 30px; height: 28px; font-size: 13px; line-height: 28px; text-align: center; position: absolute; top: 0px; left: 0px; color: rgb(187, 187, 187); pointer-events: none; } .b-search input { box-sizing: border-box; border: 1px solid transparent; padding: 0px 10px 0px 26px; width: 100%; height: 28px; color: rgb(0, 0, 0); font-size: 14px; border-radius: 28px; } .b-search input:focus { border-color: rgb(221, 221, 221); } .b-search input::-moz-placeholder { color: rgb(170, 170, 170) !important; opacity: 1; font-size: 14px; } .b-menu, .b-menu__li a { position: relative; color: rgb(255, 255, 255); display: block; } .b-menu { font-size: 16px; font-weight: 500; } .b-menu__li { display: block; } .b-menu__li a { margin-left: 50px; height: 43px; line-height: 43px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); font-weight: 400; } .b-menu__li a i { font-size: 20px; left: -50px; position: absolute; text-align: center; width: 50px; } .b-head, .b-nav { left: 0px; width: 100%; } .b-menu__li a i.dark { display: none; } .b-menu__write { padding: 20px 15px; display: none; } .b-write-btn { overflow: hidden; display: block; padding-left: 4px; padding-right: 12px; width: 110px; height: 36px; line-height: 36px; font-size: 16px; color: rgb(155, 215, 239); border: 1px solid rgb(155, 215, 239); border-radius: 30px; } .b-write-btn:hover { color: rgb(51, 156, 229); border-color: rgb(51, 156, 229); } .b-head__logo, .b-head__menu { float: left; border-right: 1px solid rgba(255, 255, 255, 0.2); } .b-write-btn i { font-size: 20px; vertical-align: -2px; margin-right: -2px; } .b-content { position: relative; z-index: 2; background: rgb(76, 76, 76) none repeat scroll 0px 0px; } .b-content::after { clear: both; content: ""; display: block; font-size: 0px; height: 0px; overflow: hidden; width: 100%; } .b-content-container::after { content: ""; display: block; clear: both; } .b-head__menu i::after, .b-head__menu i::before { content: ""; position: absolute; } .b-nav { position: absolute; top: -298px; height: auto; background-color: rgb(100, 101, 102); z-index: 100; } .b-head { background-color: rgb(76, 76, 76); color: rgb(255, 255, 255); height: 44px; top: 0px; position: absolute; z-index: 1000; } .b-head__logo { width: 48px; height: 100%; text-align: center; } .b-head__logo .icon-logo { font-size: 20px; height: 44px; line-height: 42px; width: 48px; cursor: default; display: block; } .b-head__logo a.icon-logo { cursor: pointer; color: rgb(255, 255, 255); } .b-head__logo .deco-logo, .b-head__logo .pic-logo { display: none; } .b-head__name { float: left; font-size: 18px; height: 100%; line-height: 45px; text-indent: 15px; } .b-head__menu { width: 44px; height: 100%; cursor: pointer; } .b-head__menu i, .b-head__menu i::after, .b-head__menu i::before { display: block; height: 2px; margin: 21px auto 0px; width: 14px; background: rgb(255, 255, 255) none repeat scroll 0px 0px; } .b-head__menu i::after { margin-top: -5px; } .b-head__menu i::before { margin-top: 5px; } .b-head__actions, .b-userblock { position: absolute; z-index: 1001; right: 0px; top: 0px; width: 48px; height: 44px; border-left: 1px solid rgba(255, 255, 255, 0.2); } .b-head__menu.with-cross i::after { margin-top: 0px; transform: rotate(45deg); } .b-head__menu.with-cross i::before { margin-top: 0px; transform: rotate(-45deg); } .b-head__actions__login { color: rgb(129, 206, 255); display: block; line-height: 44px; } .b-block, .b-block-t2 { background-color: rgb(255, 255, 255); padding: 15px; position: relative; } .b-block .b-block-news-placeholder::before { content: "Переместите подборку прямо сюда. Порядок подборок автоматически сохранится."; color: rgb(204, 204, 204); font-size: 16px; line-height: 26px; font-weight: 700; width: 50%; } .b-block .b-block-news.active li:nth-child(n+5) { display: none; } .b-block .b-block-news__settings__sources li::after { width: 40px; height: 30px; position: absolute; right: 0px; top: 0px; content: ""; background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%) repeat scroll 0px 0px; } .b-block .b-block-news__settings__sources li:hover::after { display: none; } .b-block-news-add__select.open-down ul li:first-child a::after, .b-block-news-add__select.open-up ul li:last-child a::after { border-style: solid; border-width: 10px; content: ""; height: 0px; left: 50%; position: absolute; width: 0px; z-index: 0; margin-left: -7px; display: block; } .b-block-news-add__select.open-up ul li:last-child a::after { bottom: -20px; border-color: rgb(255, 255, 255) transparent transparent; } .b-block-news-add__select.open-up ul li:last-child a:hover::after { border-color: rgb(51, 153, 255) transparent transparent; } .b-block-news-add__select.open-down ul li:first-child a::after { top: -20px; border-color: transparent transparent rgb(255, 255, 255); } .b-block-news-add__select.open-down ul li:first-child a:hover::after { border-color: transparent transparent rgb(51, 153, 255); } .b-index-news__b:first-child, .b-tabs-p { margin-top: 0px; } .b-tabs { width: 100%; white-space: nowrap; overflow-y: hidden; display: block; padding: 0px 15px 15px; margin-left: -15px; border-bottom: 1px solid rgb(238, 238, 238); } .b-tabs > li { display: inline-block; margin-right: -10px; position: relative; } .b-tabs > li:first-child { margin-left: -14px; } .b-tabs > li.active::after, .b-tabs > li.active::before { border-style: solid; border-width: 7px; content: ""; width: 0px; z-index: 0; margin-left: -7px; display: block; position: absolute; left: 50%; height: 0px; } .b-tabs > li a { color: rgb(85, 85, 85); font-size: 12px; padding: 5px 14px; border-radius: 40px; } .b-tabs > li a:hover { background: rgb(238, 238, 238) none repeat scroll 0px 0px; } .b-tabs > li.active::before { border-color: transparent transparent rgb(224, 224, 224); bottom: -16px; } .b-tabs > li.active::after { border-color: transparent transparent rgb(255, 255, 255); bottom: -17px; } .b-tabs__select i ul::after, .b-tabs__select i ul::before { content: ""; left: 50%; margin-left: -10px; position: absolute; display: block; } .b-tabs__select i ul::after { border-color: transparent transparent rgb(255, 255, 255); border-style: solid; border-width: 10px; height: 0px; top: -20px; width: 0px; z-index: 20; } .b-tabs__select i ul::before { background: rgb(204, 204, 204) none repeat scroll 0px 0px; box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.2); height: 20px; top: -6px; transform: rotate(45deg); width: 20px; z-index: 2; } .b-tabs-p > li.active::after, .b-tabs-p > li.active::before, .b-tabs__button { display: none; } .b-tabs-p { padding-top: 0px !important; padding-bottom: 0px !important; background: rgb(255, 255, 255) none repeat scroll 0px 0px !important; } .b-tabs-p > li a.loading, .b-tabs-p > li a:hover { background: transparent none repeat scroll 0px 0px; } .b-tabs-p > li { padding-bottom: 10px; border-bottom: 4px solid transparent; margin: 0px 7px -1px; } .b-tabs-p > li:first-child { margin-left: 0px; } .b-tabs-p > li a { padding-right: 0px; padding-left: 0px; font-size: 14px; } .b-tabs-p > li a b { font-weight: 400; color: rgb(85, 85, 85); } .b-tabs-p > li a i:not([class^="icon-"])::before { content: "+"; } .b-tabs-p > li.active { padding-left: 2px; padding-right: 2px; } .b-tabs-p > li.active a b { font-weight: 700; color: rgb(0, 0, 0); } .b-tabs-p > li.active::after, .b-tabs-p > li.loading::after, .b-tabs-p > li:hover::after { content: ""; width: 100%; position: absolute; top: -14px; height: 4px; background: rgb(222, 170, 85) none repeat scroll 0px 0px; left: 0px; display: block; border: 0px none; margin-left: 0px; padding-left: 1px; border-radius: 0px 0px 4px 4px; } .b-tabs-p > li.title:hover::after, .b-tabs-s > .b-tabs-s__search:hover::after { display: none; } .b-tabs-p > li:hover::after { background: rgb(204, 204, 204) none repeat scroll 0px 0px; } .b-tabs-p > li.loading::after { background: transparent url('../images/preloader-bar-48.gif') repeat-x scroll 0px 0px; } .b-tabs-p-tw > li.active::after { background: rgb(21, 171, 248) none repeat scroll 0px 0px; } .b-tabs-s { padding-top: 15px !important; margin-top: -1px; padding-left: 30px; } .b-tabs-s > .b-tabs-s__search { width: 130px; margin: -5px 10px 0px; padding: 0px; display: none; } .b-articles-info__rating__up:hover { color: rgb(51, 153, 51); } .b-articles-info__rating__down:hover { color: rgb(231, 34, 14); } .b-articles__b_t2 .b-articles__b__video a::before { content: ""; width: 100px; height: 100px; display: block; background: transparent url('../images/video-overlay.png') no-repeat scroll 0px 0px / 100px 100px; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; opacity: 0.8; } .b-articles__b_t2 .b-articles__b__video a:hover::before { opacity: 1; } .b-articles__b_t2 .b-articles__b__actions::after { content: ""; display: table; width: 100%; clear: both; } .b-articles__b_t2 .b-articles__b__share.active::after, .b-articles__b_t2 .b-articles__b__share.active::before { border-style: solid; border-width: 7px; display: block; height: 0px; left: 50%; position: absolute; width: 0px; margin-left: 4px; content: ""; } .b-articles__b_t2 .b-articles__b__share.active::before { border-color: transparent transparent rgb(213, 213, 213); bottom: -14px; z-index: 0; } .b-articles__b_t2 .b-articles__b__share.active::after { background: transparent none repeat scroll 0px 0px; padding-left: 0px; border-radius: 0px; border-color: transparent transparent rgb(255, 255, 255); bottom: -15px; z-index: 10; } .b-articles__b__rating { float: right; overflow: hidden; color: rgb(126, 126, 126); } .b-articles__b__rating a { float: left; width: 22px; text-align: center; color: rgb(156, 156, 156); border: 1px solid transparent; } .b-articles__b__rating .b-articles-info__rating__down, .b-articles__b__rating .b-articles-info__rating__up { border-radius: 3px; } .b-articles__b__rating b { float: left; padding: 0px 10px; margin: 0px -1px; border: 1px solid transparent; position: relative; z-index: 1; } .b-articles__b__rating.positive b { color: rgb(59, 172, 73); } .b-articles__b_t2_1:not(.expanded) .b-articles__b__content { display: block; margin-bottom: 10px; } .b-articles__b_t2_1:not(.expanded) .b-articles__b__content .version-short .b-articles__b__text { display: inline; } .b-articles__b_t2_1:not(.expanded) .b-articles__b__content .version-short .b-articles__b__text p { margin: 0px; display: inline; } .b-articles__b_t2_1.expanded .b-articles__b__content, .b-articles__b_t2_1:not(.expanded) .b-articles__b__full { display: none; } .b-articles__b_t4 .b-articles__b__video a::before { content: ""; width: 100px; height: 100px; display: block; background: transparent url('../images/video-overlay.png') no-repeat scroll 0px 0px / 100px 100px; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; opacity: 0.8; } .b-articles__b_t4 .b-articles__b__video a:hover::before { opacity: 1; } .b-articles__b_t9 .b-articles__b__content a::after { content: ""; width: 150px; height: 150px; background: rgba(0, 0, 0, 0.4) none repeat scroll 0px 0px; font-family: fontello; position: absolute; color: rgb(255, 255, 255); font-size: 90px; line-height: 150px; text-align: center; border-radius: 50%; top: 50%; left: 50%; margin-left: -75px; margin-top: -75px; text-shadow: 1px 1px 0px rgb(0, 0, 0); } .b-articles__b_t9 .b-articles__b__content a:hover::after { background: rgb(30, 57, 246) none repeat scroll 0px 0px; } .b-comment { background: rgb(255, 255, 255) none repeat scroll 0px 0px; margin-left: -15px; padding: 20px 15px; position: relative; width: 100%; } .b-comment__wrapper { position: relative; z-index: 2; margin-left: 50px; } .b-comment__head { min-height: 18px; line-height: 18px; margin-top: -2px; padding-bottom: 0px; position: relative; margin-bottom: 4px; padding-right: 20px; } .b-comment__user { position: relative; text-decoration: none; color: rgb(0, 0, 0); vertical-align: middle; margin-right: 10px; } .b-comment__user span { font-size: 12px; font-weight: 500; } .b-comment__user__pic { display: block; width: 32px; margin-left: -44px; position: absolute; top: 2px; border-radius: 40px; overflow: hidden; } .b-comment__user__pic img { width: 32px; display: block !important; } .b-comment__user__pic::after { border: 1px solid rgba(0, 0, 0, 0.03); border-radius: 4px; content: ""; height: 34px; left: 0px; position: absolute; top: 0px; width: 34px; z-index: 10; } .b-comment .b-comment__head .icon-star { display: none; } .b-comment.inappropriate .b-comment__text::after { display: inline-block; font-size: 12px; position: relative; top: -6px; line-height: 12px; content: "Показать комментарий"; margin-bottom: 10px; color: rgb(236, 66, 66); cursor: pointer; border-bottom: 1px dotted rgba(236, 66, 66, 0.5); } .badge-work-ya::first-letter { color: rgb(240, 31, 21); } .b-comment__datetime { display: inline-block; color: rgb(153, 153, 153); font-weight: 400; font-size: 11px; bottom: -1px; position: relative; vertical-align: bottom; } .b-comment__text { line-height: 20px; padding-right: 15px; overflow-wrap: break-word; } .b-comment__text p { margin: 0px 0px 4px; font-size: 12px; line-height: 1.4; } .b-comment__text p br { display: block; margin-top: 4px; content: ""; } .b-comment__text p .quote::before { content: ""; position: absolute; height: auto; width: 3px; background: rgb(204, 204, 204) none repeat scroll 0px 0px; left: 0px; top: 4px; bottom: 2px; border-radius: 100px; } .b-comment__text .media .video::after { background: rgba(0, 0, 0, 0.4) none repeat scroll 0px 0px; border-radius: 50%; color: rgb(255, 255, 255); content: ""; font: 70px/72px fontello; height: 70px; left: 50%; margin: -35px auto auto -35px; position: absolute; text-align: center; text-shadow: 1px 1px 0px rgb(0, 0, 0); top: 50%; width: 70px; text-indent: 10px; } .b-comment__text .media .video:hover::after { background: rgba(0, 0, 0, 0.6) none repeat scroll 0px 0px; } .b-comment__rating { color: rgb(42, 120, 21); font-size: 12px; font-weight: 400; position: absolute; right: -10px; top: -1px; } .b-comment__rating__count { color: rgb(170, 170, 170); height: 26px; line-height: 26px; text-align: center; width: 42px; cursor: pointer; border-radius: 2px; } .b-comment__rating.positive .b-comment__rating__count { color: rgb(42, 120, 21); } .b-comment_2 .b-comment__user__pic::after { width: 28px; height: 28px; } .b-comment + .b-comment:not(.b-comment_2) { border-top: 1px solid rgb(238, 238, 238); } .b-comment-add__attachments .attachment .a.v::after { background: rgba(0, 0, 0, 0.6) none repeat scroll 0px 0px; border-radius: 50%; color: rgb(255, 255, 255); content: ""; font: 40px/40px fontello; height: 40px; left: 50%; margin: -20px auto auto -20px; position: absolute; text-align: center; top: 50%; width: 40px; text-indent: 5px; } .b-comment-add__attachments .attachment .a.v:hover::after { background: rgb(30, 57, 246) none repeat scroll 0px 0px; } .b-comments-3-comments { margin-top: 0px; background: rgb(255, 255, 255) none repeat scroll 0px 0px; border-top: 3px solid rgb(237, 168, 19); color: rgb(0, 0, 0); padding-bottom: 26px; padding-top: 20px; } .b-comments-3-comments__comments__title { color: rgb(237, 168, 19); } .b-comments-3-comments__people { display: block; text-align: center; width: 100%; margin: 10px auto; position: relative; overflow: hidden; } .b-comments-3-comments__people b { font-weight: 400; display: block; text-align: center; position: relative; z-index: 3; width: 200px; margin: 10px auto 0px; } .b-comments-3-comments__people ul { font-size: 0px; height: 36px; overflow: hidden; } .b-comments-3-comments__people ul li { display: inline-block; margin: 0px 6px; } .b-comments-3-comments__people ul li a { position: relative; } .b-comments-3-comments__people ul li a::after { border-radius: 50%; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2) inset; content: ""; height: 36px; left: 0px; position: absolute; top: -36px; width: 36px; } .b-comments-3-comments__people ul li a img { border-radius: 50%; width: 36px; height: 36px; } .b-comments-3-comments__about { text-align: center; width: 100%; } .b-comments-3-comments__people.animated .b-comments-3-comments__people__wrapper { width: 10000px; } .b-comments-3-comments__people.animated { text-align: left; } .b-comments-3-comments__people.animated ul { display: inline-block; } .b-comments-3-comments__people.animated::after, .b-comments-3-comments__people.animated::before { content: ""; width: 50px; height: 65px; position: absolute; z-index: 2; top: 0px; } .b-comments-3-comments__people.animated::before { left: -1px; background: transparent linear-gradient(to right, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0) 100%) repeat scroll 0px 0px; } .b-comments-3-comments__people.animated::after { right: -1px; background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 100%) repeat scroll 0px 0px; } .b-comments-not-in-club__people ul li a::after { border-radius: 50%; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2) inset; content: ""; height: 36px; left: 0px; position: absolute; top: -36px; width: 36px; } .b-comments-not-in-club__about__login { width: 240px; font-size: 14px; color: rgb(119, 119, 119); } .b-comments-not-in-club__about__login u { border-bottom: 1px dotted rgb(204, 204, 204); } .b-comments-not-in-club__people.animated::after, .b-comments-not-in-club__people.animated::before { content: ""; width: 50px; height: 60px; position: absolute; z-index: 2; top: 0px; } .b-comments-not-in-club__people.animated::before { left: 0px; background: transparent linear-gradient(to right, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0) 100%) repeat scroll 0px 0px; } .b-comments-not-in-club__people.animated::after { right: 0px; background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 100%) repeat scroll 0px 0px; } .b-attach__video__service__coub i::before { width: auto; } .b-side-comment__content::after { content: ""; width: 100%; position: absolute; top: 75px; left: 0px; height: 40px; background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.83) 50%, rgb(255, 255, 255) 100%) repeat scroll 0px 0px; } .b-side-person__name::after { width: 40px; height: 30px; position: absolute; right: 0px; top: 0px; content: ""; background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%) repeat scroll 0px 0px; } .b-side-person__karma b::before { content: "+"; } .b-profile__nav ul li.active::after { content: ""; width: 100%; position: absolute; bottom: 0px; height: 4px; background: rgb(222, 170, 85) none repeat scroll 0px 0px; left: 0px; display: block; margin-left: 0px; padding-left: 1px; border-radius: 4px 4px 0px 0px; } .b-profile__nav .b-profile__nav__favorites.active::after { border-color: transparent transparent rgb(246, 246, 246); } .b-profile-decorated .b-profile__info__bg::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0) none repeat scroll 0px 0px; opacity: 0.6; } .b-pagination ul li.active::after, .b-pagination ul li.active::before { border-style: solid; border-width: 7px; display: block; height: 0px; left: 50%; position: absolute; width: 0px; z-index: 0; margin-left: -7px; content: ""; } .b-pagination ul li.active::before { border-color: rgb(224, 224, 224) transparent transparent; top: -16px; } .b-pagination ul li.active::after { border-color: rgb(255, 255, 255) transparent transparent; top: -17px; } .b-pagination ul li a i::before { width: 3px; } .b-footer { background-color: #fff; position: relative; clear: left; width: 100%; font-size: 0px; padding-top: 15px; padding-bottom: 10px; } .b-footer__about { display: inline-block; font-size: 14px; width: 15px; } .b-footer__navigation { display: inline-block; font-size: 12px; margin-top: 5px; margin-bottom: 10px; } .b-footer__navigation ul { margin-bottom: 8px; } .b-footer__navigation ul:last-child { margin-bottom: 0px; } .b-footer__navigation ul li { display: inline-block; margin-right: 30px; } .b-footer__navigation ul li a { color: rgb(255, 255, 255); text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .b-footer__branches { display: inline-block; vertical-align: top; font-size: 0px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; } .b-footer__branches a { width: 30px; height: 30px; border-radius: 100px; display: inline-block; vertical-align: top; font-size: 14px; color: rgb(255, 255, 255); text-decoration: none; background: rgb(0, 0, 0) none repeat scroll 0px 0px; line-height: 30px; text-align: center; margin: 0px 5px; } .b-footer__branches a b { display: none; } .b-footer__branches a i { line-height: 30px; } .b-footer__branches .tw { background: rgb(0, 172, 238) none repeat scroll 0px 0px; } .b-footer__branches .fb { background: rgb(59, 89, 152) none repeat scroll 0px 0px; } .b-footer__branches .vk { background: rgb(80, 118, 159) none repeat scroll 0px 0px; } .b-footer__branches .gp { background: rgb(221, 76, 57) none repeat scroll 0px 0px; } .b-footer__branches .gp i { font-size: 82%; margin-left: -19%; vertical-align: 1px; } .b-footer__branches .tg { background: rgb(44, 165, 224) none repeat scroll 0px 0px; } .b-footer__branches .tg i { font-size: 84%; text-indent: -4px; } .b-footer__branches .rss { background: rgb(225, 145, 38) none repeat scroll 0px 0px; } .b-footer__search { display: inline-block; font-size: 14px; } .b-footer__mixpanel, .b-footer__rambler { display: inline-block; vertical-align: top; } .b-footer__mixpanel { margin-left: 15px; margin-top: 10px; margin-bottom: 10px; width: 114px; line-height: 0; } .b-club-subscription__pay__types a::before { top: 5px; left: 15px; width: 50px; height: 50px; position: absolute; content: ""; background: transparent url('../images/pay-icons.png') no-repeat scroll 0px 0px / auto 50px; } .b-club-subscription__pay__types a.type-ac::before { background-position: -13px 0px; } .b-club-subscription__pay__types a.type-pc::before { background-position: -159px 0px; } .b-club-subscription__pay__types a.type-mc::before { background-position: -88px 0px; } .b-club-subscription__pay__types a.type-wm::before { background-position: -365px 0px; } .b-club-subscription__pay__types a.type-sb::before { background-position: -296px 0px; } .b-club-subscription__pay__types a.type-ab::before { background-position: -229px 0px; } .b-club-subscription__pay__types a.type-qw::before { background-position: -433px 0px; } .b-pay-history-popup__table__type span::before { content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 18px; background: transparent url('../images/pay-icons.png') no-repeat scroll 0px 0px / auto 19px; margin-right: 0px; } .b-pay-history-popup__table__type span.type-ac::before { background-position: -5px 0px; margin-right: 7px; } .b-pay-history-popup__table__type span.type-pc::before { background-position: -64px 0px; } .b-pay-history-popup__table__type span.type-mc::before { background-position: -38px 0px; } .b-pay-history-popup__table__type span.type-wm::before { background-position: -142px 0px; } .b-pay-history-popup__table__type span.type-sb::before { background-position: -116px 0px; } .b-pay-history-popup__table__type span.type-ab::before { background-position: -91px 0px; } .b-pay-history-popup__table__type span.type-qw::before { background-position: -167px 0px; margin-right: 4px; } @media screen and (min-width: 760px) { body { min-width: 1024px; width: 1024px; } .container { width: 1024px; overflow: visible; } .b-content { background: transparent none repeat scroll 0px 0px; z-index: auto; } .b-content__b1 { z-index: 1001; position: relative; } .b-feed-tabs-w { height: 54px; z-index: 100; } .b-feed-tabs { position: relative; top: 0px; width: 596px; } .b-feed-tabs-w.is_stuck .b-feed-tabs::after { content: ""; display: block; position: absolute; left: 2px; right: 2px; bottom: 0px; height: 10px; border-radius: 50px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); opacity: 1; } .b-w-article-club { margin-top: -20px; } .b-articles__b_t2 .b-articles__b__video a::before { width: 100px; height: 100px; background-size: 100px 100px; margin-top: -50px; margin-left: -50px; } .b-articles__b__rating { margin-right: -14px; padding: 2px; } .b-articles__b__rating a { width: 22px; height: 22px; line-height: 22px; } .b-articles__b__rating b { height: 22px; line-height: 22px; padding: 0px 7px; } .b-articles__b_t4 .b-articles__b__video a::before { width: 200px; height: 200px; background-size: 200px 200px; margin-top: -100px; margin-left: -100px; } .b-articles__b_t4_onmain::after, .b-articles__b_t4_onmain::before { border-color: rgb(128, 200, 233) transparent transparent; border-style: solid; border-width: 7px; bottom: -14px; height: 0px; width: 0px; z-index: 0; display: block; position: absolute; content: ""; } .b-articles__b_t4_onmain::before { left: 0px; } .b-articles__b_t4_onmain::after { right: 0px; } .b-articles_oneline .b-articles__b::after { content: ""; display: block; height: 20px; position: absolute; right: 15%; top: 6px; width: 40px; margin-right: 15px; background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 100%) repeat scroll 0px 0px; } .b-index-news__b a::after { content: ""; position: absolute; width: 40px; height: 20px; right: 70px; top: 0px; background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 75%, rgb(255, 255, 255) 100%) repeat scroll 0px 0px; } .b-tabs-p { margin-top: -15px; } .b-tabs-p > li a { padding-right: 0px; padding-left: 0px; } .b-tabs { padding: 0px 30px 15px; margin-left: -30px; overflow-y: visible; } .b-tabs-s { box-sizing: border-box; margin-top: 0px !important; position: relative; width: 100%; margin-left: 0px !important; border-bottom: 0px none; z-index: 1; padding: 14px 20px 15px 28px !important; } .b-tabs-s > li { padding-bottom: 12px; } .b-tabs-s > .b-tabs-s__search { position: absolute; right: 20px; margin: -5px 0px 0px; display: block; top: 14px; } .b-tabs-s.b-tabs-search li:not(.b-tabs-s__search) { display: none; } .b-nav { background: transparent none repeat scroll 0px 0px; position: absolute; margin-left: 17px; margin-top: 94px; top: 0px; width: auto; } .b-menu__li, .b-menu__li a { position: relative; display: block; } .b-menu { border: 1px solid rgba(255, 255, 255, 0.2); z-index: 1000; border-radius: 4px; width: 58px; } .b-menu__li { border-top: 1px solid rgba(255, 255, 255, 0.12); overflow: hidden; } .b-menu__li:first-child { border-top: medium none; border-radius: 4px 4px 0px 0px; } .b-menu__li a { border: medium none; color: rgb(255, 255, 255); height: 50px; line-height: 50px; margin-left: 0px; text-decoration: none; text-indent: -999em; width: 58px; } .b-menu__li a i, .b-menu__li u { position: absolute; text-align: center; } .b-menu__li a i { display: block; font-size: 20px; height: 50px; left: 0px; text-indent: 0px; top: 2px; width: 58px; } .b-menu__li a i.light { display: none; } .b-menu__li a i.dark { display: block; opacity: 0.7; } .b-menu__write { position: relative; padding: 0px; display: block; } .b-head, .b-head__logo, .b-write-btn { position: absolute; } .b-write-btn { width: 40px; height: 40px; padding: 0px; line-height: 40px; text-align: center; color: rgb(51, 156, 229); top: 15px; font-size: 0px; margin-left: 6px; } .b-write-btn i { display: block; text-indent: 0px; margin-right: 0px; } .b-head { height: auto; top: 0px; width: auto; } .b-head__menu { display: none; } .b-head__logo { left: 17px; top: 20px; float: none; height: 60px; width: 60px; border: medium none; } .b-head__logo .icon-logo { display: none; font-size: 60px; height: 60px; left: -12px; line-height: 59px; position: relative; width: 60px; } .b-head__logo .pic-logo { width: 60px; height: 60px; display: block; background: transparent url('../images/logo-white.png') no-repeat scroll 0px 0px / 60px 60px; border-radius: 6px; } .b-head__name { display: none; } .b-head__actions { display: block; height: 50px; right: auto; left: 17px; position: absolute; top: 428px; width: 60px; border: 0px none !important; border-radius: 0px; } .b-content { margin-top: 0px; } .b-content-wrapper { float: left; width: 100%; } .b-content__b1 { margin: 20px 334px 0px 94px; } .b-content__b1 { background-color: inherit; } .b-block { padding: 30px; border-radius: 6px; margin-top: 15px; } .b-block-article, .b-block:first-child { margin-top: 0px; } .b-block-article-club { border-top-left-radius: 0px; border-top-right-radius: 0px; padding-top: 20px; margin-top: 0px !important; } .b-block-t2 .b-title::after { left: -32px; } .b-footer { height: 65px; padding: 60px 0px; } .b-footer__about { width: 94px; } .b-footer__navigation { width: 240px; vertical-align: top; margin-right: 30px; font-size: 14px; margin-top: 0px; margin-bottom: 0px; } .b-footer__navigation ul, .b-footer__navigation ul:last-child { margin-bottom: 16px; } .b-footer__branches { width: 360px; margin-left: 0px; margin-top: 7px; margin-bottom: 0px; } .b-footer__branches a { width: 40px; height: 40px; font-size: 18px; line-height: 40px; margin: 0px 10px; } .b-footer__branches a i { line-height: 40px; } .b-footer__mixpanel { margin-top: 8px; margin-bottom: 0px; margin-left: 20px; } .b-comments-3-comments__people ul li { margin: 0px 8px; } .b-comment__badge, .b-comment__user { margin-right: 15px; } .b-comment { padding: 20px 30px; margin-left: -30px; border: 0px none; } .b-comment__wrapper { margin-left: 56px; } .b-comment__head { line-height: 18px; margin-top: -2px; padding-bottom: 3px; margin-bottom: 0px; padding-right: 0px; } .b-comment__user span { font-size: 16px; font-weight: 600; } .b-comment__user__pic { width: 42px; margin-left: -56px; top: -3px; border-radius: 4px; } .b-comment__user__pic img { width: 42px; } .b-comment__user__pic::after { height: 40px; width: 40px; } .b-comment .b-comment__head .icon-star { display: block; color: rgb(204, 204, 204); cursor: pointer; font-size: 9px; left: -80px; position: absolute; text-align: center; width: 20px; margin-top: -2px; } .b-comment.choice::after, .b-comment.choice::before { border-color: rgb(231, 221, 105) transparent transparent; border-style: solid; border-width: 7px; bottom: -14px; content: ""; display: block; height: 0px; width: 0px; z-index: 0; position: absolute; } .b-comment.choice::before { left: 0px; } .b-comment.choice::after { right: 0px; } .b-comment__datetime { font-size: 12px; bottom: -1px; } .b-comment__text { line-height: 20px; padding-right: 120px; } .b-comment__text p { margin: 0px 0px 8px; font-size: 14px; line-height: 1.5; } .b-comment__text p br { margin-top: 4px; } .b-comment__text .media .video::after { font: 100px/103px fontello; height: 100px; margin: -50px auto auto -50px; width: 100px; text-indent: 16px; } .b-comment__rating { font-size: 14px; right: 40px; top: 19px; } .b-comment.inappropriate .b-comment__text::after { line-height: 14px; font-size: 14px; top: 0px; } .b-comment__rating__count { height: 26px; line-height: 26px; width: 42px; border-radius: 2px; background-color: rgb(240, 240, 240); } .b-comment__rating.positive .b-comment__rating__count { background-color: rgb(201, 244, 180); } .b-comment_2 .b-comment__user__pic::after { width: 34px; height: 34px; } .b-comment + .b-comment:not(.b-comment_2) { border-top: 0px none; } .b-comment__rating__marks::after, .b-comment__rating__marks::before { content: ""; display: block; margin-top: -10px; position: absolute; top: 24px; } .b-comment__rating__marks::after { border-color: transparent rgb(255, 255, 255) transparent transparent; border-style: solid; border-width: 10px; height: 0px; left: 60px; width: 0px; z-index: 20; } .b-comment__rating__marks::before { background: rgb(204, 204, 204) none repeat scroll 0px 0px; box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.2); height: 20px; left: 74px; transform: rotate(45deg); width: 20px; z-index: 2; } .b-comment__rating__marks.empty::after, .b-comment__rating__marks.empty::before { display: none; } } .b-comment-add__attachments .attachment .a.v::after { background: rgba(0, 0, 0, 0.6) none repeat scroll 0px 0px; border-radius: 50%; color: rgb(255, 255, 255); content: ""; font: 40px/40px fontello; height: 40px; left: 50%; margin: -20px auto auto -20px; position: absolute; text-align: center; top: 50%; width: 40px; text-indent: 5px; } .b-comment-add__attachments .attachment .a.v:hover::after { background: rgb(30, 57, 246) none repeat scroll 0px 0px; } .b-comment-add__actions__attach__select::after, .b-comment-add__actions__attach__select::before { content: ""; margin-top: -10px; position: absolute; top: 50%; display: block; } .b-comment-add__actions__attach__select::after { border-color: transparent rgb(255, 255, 255) transparent transparent; border-style: solid; border-width: 10px; height: 0px; left: -20px; width: 0px; z-index: 20; } .b-comment-add__actions__attach__select::before { background: rgb(204, 204, 204) none repeat scroll 0px 0px; box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.2); height: 20px; left: -6px; transform: rotate(45deg); width: 20px; z-index: 2; } .b-comments-3-comments { max-width: 596px; margin-top: 30px; padding-top: 5px !important; padding-bottom: 30px; } .b-comments-3-comments__comments__title { display: inline-block; margin-top: 15px; } .b-comments-3-comments__comments .b-comment { border-bottom: 1px solid rgb(238, 238, 238); padding-top: 25px; } .b-comments-3-comments__wrapper { font-size: 0px; text-align: center; } .b-comments-3-comments__people { margin: 0px auto; width: 319px; display: inline-block; vertical-align: top; font-size: 14px; padding-top: 25px; } .b-comments-3-comments__people__wrapper { margin-bottom: 10px; } .b-comments-3-comments__people b { text-align: center; margin: 0px; width: 90%; } .b-comments-3-comments__about { display: inline-block; margin: -30px 0px; vertical-align: top; font-size: 14px; padding: 55px 0px 30px; width: 300px; } a[name*="comment"] { display: block; width: 100%; height: 0px; position: absolute; top: 0px; margin-top: -50px; } .b-profile__nav ul li.active::after, .b-profile__nav ul li.active::before { border-style: solid; border-width: 7px; display: block; height: 0px; left: 50%; width: 0px; margin-left: -7px; content: ""; position: absolute; z-index: 0; } .b-profile__nav ul li.active::before { border-color: transparent transparent rgb(213, 213, 213); bottom: -16px; } .b-profile__nav ul li.active::after { background: transparent none repeat scroll 0px 0px; padding-left: 0px; border-radius: 0px; border-color: transparent transparent rgb(255, 255, 255); bottom: -17px; } .b-profile__nav .b-profile__nav__favorites.active::after { border-color: transparent transparent rgb(246, 246, 246); } .b-profile-decorated .b-profile__info__bg::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0) none repeat scroll 0px 0px; opacity: 0.6; } .b-profile__sub__nav ul li.active::after, .b-profile__sub__nav ul li.active::before { border-style: solid; border-width: 7px; content: ""; display: block; height: 0px; left: 50%; width: 0px; margin-left: -7px; position: absolute; } .b-profile__sub__nav ul li.active::before { border-color: transparent transparent rgb(236, 236, 236); bottom: -15px; z-index: 0; } .b-profile__sub__nav ul li.active::after { border-color: transparent transparent rgb(255, 255, 255); bottom: -17px; z-index: 10; } .b-club-subscription__pay__types a::before { top: 15px; left: 25px; } .b-pagination-main .b-pagination ul li a i::before { width: 1em; } body.light { background: rgb(238, 238, 238) none repeat scroll 0px 0px; } body.light .b-head__logo .pic-logo { background-image: url('../images/logo-colored.png'); } body.light .b-menu { border: 1px solid rgba(0, 0, 0, 0.1); } body.light .b-menu__li a { color: rgb(71, 71, 71); } body.light .b-menu__li { border-top: 1px solid rgba(0, 0, 0, 0.05); } body.light .b-menu__li:first-child { border-top: 0px none; } body.light .b-footer__navigation ul li a { color: rgb(71, 71, 71); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body.light input[type="search"]:-moz-placeholder { color: rgb(0, 0, 0); } body.light input[type="search"]::-moz-placeholder { color: rgb(0, 0, 0); } body.light .up { color: rgb(0, 0, 0); } @media screen and (min-width: 1260px) { body { width: 100%; background: rgb(206, 206, 206) none repeat scroll 0% 0%; } html:not(.m-tablet) .b-adv-top-990x90 { background: rgba(0, 0, 0, 0.2) none repeat scroll 0px 0px; } html:not(.m-tablet) .container { max-width: 1260px; width: auto; } html:not(.m-tablet) .b-block { margin-top: 30px; } html:not(.m-tablet) .b-block-article, html:not(.m-tablet) .b-block:first-child { margin-top: 0px; } html:not(.m-tablet) .b-adv-240x200, html:not(.m-tablet) .b-adv-300x500 { margin-bottom: 28px; } html:not(.m-tablet) .b-nav { left: 50%; margin-left: -550px; margin-top: 0px; } html:not(.m-tablet) .b-menu { border: 0px none; margin-top: 130px; width: auto; } html:not(.m-tablet) .b-menu__li { border-top: 0px none; margin-bottom: 8px; overflow: visible; } html:not(.m-tablet) .b-menu__li a::after { content: ""; display: block; width: 0px; height: 0px; border-width: 15px 0px 15px 10px; border-style: solid none solid solid; border-color: transparent; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; position: absolute; left: 100%; top: 0px; } html:not(.m-tablet) .b-menu__li a { width: 105px; height: 30px; line-height: 30px; text-indent: 0px; padding-left: 35px; border-radius: 6px 0px 0px 6px; font-size: 14px; } html:not(.m-tablet) .b-menu__li a i { width: 35px; height: 30px; line-height: 24px; } html:not(.m-tablet) .b-menu__li a i img { vertical-align: middle; } html:not(.m-tablet) .b-menu__li.active a { background: rgb(255, 255, 255) none repeat scroll 0px 0px; } html:not(.m-tablet) .b-menu__li.active a::after { border-left-color: rgb(255, 255, 255); } html:not(.m-tablet) .b-menu__li:hover a { background: rgb(247, 247, 247) none repeat scroll 0px 0px; } html:not(.m-tablet) .b-menu__li:hover a::after { border-left-color: rgb(247, 247, 247); } html:not(.m-tablet) .b-menu__li u { background: rgba(255, 255, 255, 0.2) none repeat scroll 0px 0px; left: auto; opacity: 1; color: rgb(255, 255, 255); border: 0px none; border-radius: 3px; display: inline-block; float: right; width: auto; font-size: 11px; line-height: 16px; padding: 1px 6px; position: relative; right: 8px; top: 6px; } html:not(.m-tablet) .b-menu__li:hover u { background: rgba(255, 255, 255, 0.6) none repeat scroll 0px 0px; color: rgb(0, 0, 0); border: 0px none; } html:not(.m-tablet) .b-menu__write { margin-top: 30px; padding: 0px; } html:not(.m-tablet) .b-write-btn { padding-left: 4px; padding-right: 0px; width: 110px; height: 30px; line-height: 29px; font-size: 14px; margin: 0px; position: static; text-align: left; } html:not(.m-tablet) .b-write-btn i { display: inline-block; margin-right: -2px; } html:not(.m-tablet) .b-promo-btn { position: absolute; width: 120px; display: block; left: 80px; top: 425px; height: 40px; overflow: hidden; border-radius: 4px; } html:not(.m-tablet) .b-head { margin-left: -565px; left: 50%; } html:not(.m-tablet) .b-head__logo { width: 8px; height: 80px; left: 40px; } html:not(.m-tablet) .b-head__logo .icon-logo { display: none; font-size: 121px; height: 121px; left: -24px; line-height: 59px; width: 121px; } html:not(.m-tablet) .b-head__logo .pic-logo { width: 80px; height: 80px; background-size: 80px 80px; border-radius: 5px; } html:not(.m-tablet) .b-head__logo .deco-logo { width: 120px; height: 120px; background-size: 120px 120px; background-image: url('../images/logo-nikita-25.png'); display: block; border-radius: 8px; } html:not(.m-tablet) .b-head__actions { top: 405px; } html:not(.m-tablet) .b-content-wrapper { min-height: 520px; } html:not(.m-tablet) .b-content__b1 { margin-right: 360px; margin-left: 260px; min-width: 640px; } html:not(.m-tablet) .b-content__b2 { float: left; width: 260px; margin-left: -100%; padding-top: 490px; padding-bottom: 60px; } html:not(.m-tablet) .b-content__b3 { float: left; width: 360px; margin-left: -360px; } html:not(.m-tablet) .b-content__b3.sticky { left: 50%; margin-left: 270px; } html:not(.m-tablet) .b-content__b3-w { padding-left: 30px; padding-right: 30px; } html:not(.m-tablet) body.m-content-wide .b-content__b1 { margin: 0px 30px 0px 260px; border-radius: 10px; } html:not(.m-tablet) .b-block-comments, html:not(.m-tablet) .b-comments-not-in-club { max-width: 580px; } html:not(.m-tablet) .b-block-interesting, html:not(.m-tablet) .b-block-relapio { max-width: 640px; } html:not(.m-tablet) .b-comments-3-comments { max-width: 580px; } html:not(.m-tablet) .b-user { position: absolute; width: 260px; left: 50%; margin-left: -550px; top: 0px; } html:not(.m-tablet) .b-userblock { width: 180px; margin: 0px auto; height: auto; position: absolute; top: 470px; left: -80px; } html:not(.m-tablet) .b-userblock__userpic { margin-left: -60px; } html:not(.m-tablet) .b-userblock__wrapper { margin-left: -60px; overflow: hidden; background: transparent none repeat scroll 0px 0px; border-radius: 0px; } html:not(.m-tablet) .b-userblock__name { color: rgb(255, 255, 255); display: block; font-size: 18px; line-height: 24px; text-align: center; padding: 35px 20px 5px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6); } html:not(.m-tablet) .b-userblock__name a { color: rgb(255, 255, 255); } html:not(.m-tablet) .b-userblock__switch { display: block; position: absolute; right: 40px; color: rgb(0, 0, 0); top: -10px; font-size: 16px; } html:not(.m-tablet) .b-userblock__switch .icon-sun { color: rgb(255, 255, 255); } html:not(.m-tablet) .b-userblock__switch .icon-moon-1 { color: rgb(0, 0, 0); display: none; } html:not(.m-tablet) .b-userblock__exit { width: 100%; position: relative; top: 0px; opacity: 1; text-align: center; font-size: 11px; padding-bottom: 15px; display: block; } html:not(.m-tablet) .b-userblock__exit a { opacity: 0.4; color: rgb(255, 255, 255); } html:not(.m-tablet) .b-userblock__exit a u { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } html:not(.m-tablet) .b-userblock__exit a:hover { opacity: 0.6; } html:not(.m-tablet) .b-userblock__events { display: block; } html:not(.m-tablet) .b-user-event__close:hover::after { opacity: 1; } html:not(.m-tablet) .b-user-event { font-size: 12px; color: rgba(255, 255, 255, 0.6); line-height: 16px; padding: 15px 25px 15px 0px; position: relative; border-top: 1px solid rgba(255, 255, 255, 0.1); background-clip: padding-box; } html:not(.m-tablet) .b-user-event:hover { color: rgba(255, 255, 255, 0.8); } html:not(.m-tablet) .b-user-event:last-child { border-radius: 0px 0px 6px 6px; } html:not(.m-tablet) .b-user-event a { color: rgba(255, 255, 255, 0.6); text-decoration: none; } html:not(.m-tablet) .b-user-event__close { display: block; position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; text-align: center; cursor: pointer; } html:not(.m-tablet) .b-user-event__close::after { content: "×"; display: block; font-size: 17px; height: 30px; line-height: 30px; position: absolute; right: 0px; top: 0px; width: 30px; opacity: 0.4; } html:not(.m-tablet) .b-user-event__name { display: block; font-weight: 700; padding-bottom: 2px; padding-left: 0px; position: relative; } html:not(.m-tablet) .b-user-event__name img { height: 18px; left: -32px; position: absolute; top: -1px; width: 18px; border-radius: 50%; } html:not(.m-tablet) .b-user-event__text { display: block; font-size: 11px; line-height: 1.4; } html:not(.m-tablet) .b-feed-tabs { width: 640px; } html:not(.m-tablet) .b-feed-tabs-w.is_stuck .b-feed-tabs::after { left: 0px; right: 0px; } html:not(.m-tablet) .b-small-profile { display: block; left: 50%; margin-left: -27px; margin-top: -28px; position: absolute; text-decoration: none; } html:not(.m-tablet) .b-small-profile__userpic { height: 54px; width: 54px; border: 0px none; } .b-footer__about { width: 260px; } .b-comment__rating { right: 10px; } .b-comment__text { padding-right: 90px; } .b-comments-3-comments__people { width: 319px; } html:not(.m-tablet) body.light .b-menu { border: 0px none; } html:not(.m-tablet) body.light .b-head__actions__login { opacity: 0.4; } html:not(.m-tablet) body.light .b-head__actions__login:hover { opacity: 1; } html:not(.m-tablet) body.light .b-menu__li u { background: rgba(0, 0, 0, 0.1) none repeat scroll 0px 0px; color: rgb(71, 71, 71); } html:not(.m-tablet) body.light .b-menu__li:hover u { background: rgba(0, 0, 0, 0.6) none repeat scroll 0px 0px; color: rgb(255, 255, 255); } html:not(.m-tablet) body.light .b-userblock__switch .icon-sun { display: none; } html:not(.m-tablet) body.light .b-userblock__switch .icon-moon-1 { display: block; } html:not(.m-tablet) body.light .b-userblock__name a { text-shadow: none; color: rgb(71, 71, 71); } html:not(.m-tablet) body.light .b-userblock__exit a { color: rgb(0, 0, 0); } html:not(.m-tablet) body.light .b-userblock__exit a u { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } html:not(.m-tablet) body.light .b-user-event { border-top: 1px solid rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.6); } html:not(.m-tablet) body.light .b-user-event a { color: rgba(0, 0, 0, 0.6); } html:not(.m-tablet) body.light .b-user-event:hover a { color: rgba(0, 0, 0, 0.8); } } .b-article__infoline { color: rgb(136, 136, 136); font-size: 12px; margin-bottom: 12px; position: relative; } .b-article__infoline a, .b-article__infoline span { color: rgb(136, 136, 136); margin-right: 8px; } .b-article__infoline span b, .b-article__infoline__author, .b-article__infoline__date { font-weight: 400; } .b-article__infoline__author img { width: 20px; height: 20px; vertical-align: middle; position: relative; margin-right: 8px; top: -2px; border-radius: 50%; } .b-article__infoline__actions { color: rgb(136, 136, 136); margin-top: 4px; } .b-article__infoline__actions span { color: rgb(136, 136, 136); } .b-article { position: relative; font-size: 12px; overflow-wrap: break-word; } .b-article__title { position: relative; margin-bottom: 15px; } .b-article__title h1 { font-size: 180%; line-height: 1.2; font-weight: 700; } .b-article-club .b-article__title { margin-top: 15px; } .b-article-club .b-article__title h1 { display: inline; margin-right: 8px; } .b-article-club { line-height: 25px; margin-top: -2px; } .b-article__title .icon-star { display: none; } .b-article article { font-size: 100%; line-height: 1.5; } .b-article article p { margin: 12px 0px; font-size: 125%; } .b-article article img { max-width: 100%; display: block; border-radius: 4px; } .b-article article .wrapper-wide, .b-article article iframe.instagram-media { width: 100%; } .b-article article a, .b-article__description a { color: rgb(28, 105, 169); text-decoration: none; border-bottom: 1px solid rgba(28, 105, 169, 0.4); } .b-article article a:hover, .b-article__description a:hover { color: rgb(241, 82, 70); text-decoration: none; border-bottom: 1px solid rgba(241, 82, 70, 0.4); } .b-article article .wrapper-image { margin: 20px 0px; } .b-article article .wrapper-image a { border: 0px none; } .b-article article .wrapper-wide img { border-radius: 0px; } .b-article article .img_labeled img, .b-article article .wrapper-label img { padding-bottom: 0px; } .b-article article .img_labeled span, .b-article article .wrapper-label span, .b-article article .wrapper-label strong { margin-top: 5px; display: block; font-weight: 400; color: rgb(127, 127, 127); font-size: 12px; font-style: italic; } .b-article article :not(.wrapper-video) > iframe[src*="youtube.com"] { min-height: 150px; max-height: 200px; } .b-article article :not(.wrapper-video) > iframe[src*="vine.co"] { max-height: 290px; } .b-article article :not(.wrapper-video) > iframe[src*="coub.com"] { max-height: 290px !important; } .b-article article q::after, .b-article article q::before { content: ""; } .b-article article q span::before { content: "—"; margin-right: 7px; } .b-article article q.person span::before { content: ""; margin: 0px; } .b-article article blockquote.q-1::before { content: "«"; font-size: 48px; left: 10px; position: absolute; top: -4px; opacity: 0.2; } .b-article article blockquote.q-2::before { content: "«"; font-size: 48px; left: 0px; position: absolute; top: -6px; opacity: 0.2; font-style: normal; } .b-article article .fotorama .fotorama__arr--next::before { content: ""; position: relative; top: 2px; } .b-article article .fotorama .fotorama__arr--prev::before { content: ""; position: relative; top: 2px; } .b-article__link a span::after { content: ""; right: 0px; top: 0px; height: 40px; width: 40px; position: absolute; background: transparent linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%) repeat scroll 0px 0px; } .b-article__actions { display: none; margin-bottom: -10px; margin-top: 15px; position: relative; } .b-article__actions .b-articles__b__rating { float: none; margin-bottom: -10px; } .b-article__misprint { color: rgb(173, 173, 173); font-size: 12px; margin-bottom: -5px; margin-top: 20px; } @media screen and (min-width: 760px) { .b-article, .b-article__infoline { font-size: 14px; } .b-article__infoline a, .b-article__infoline span { margin-right: 10px; } .b-article__infoline span i { margin-right: 6px; } .b-article__infoline__actions { position: absolute; right: 0px; top: 0px; margin-top: 0px; } .b-article__infoline__actions span { margin: 0px 0px 0px 10px !important; } .b-article__title .icon-star { display: block; color: rgb(204, 204, 204); cursor: pointer; font-size: 9px; left: -24px; position: absolute; text-align: center; top: 11px; width: 20px; margin: 0px; } .b-article__title h1 { font-size: 28px; } .b-article__title h1 span { background: rgb(255, 216, 0) none repeat scroll 0% 0%; padding: 3px 8px; border-radius: 10px; } .b-article-club .b-article__title { margin-top: 20px; } .b-article-club .b-article__infoline { margin-top: -5px; margin-bottom: -15px; } .b-article-club .b-article__actions { margin-left: -30px; width: 100%; padding: 5px 30px 0px; } .b-article__shares { margin-right: 100px; margin-bottom: -8px; margin-top: 2px; line-height: 20px; } .b-article__actions .b-articles__b__rating { float: right; margin-bottom: 0px; } .b-article article { font-size: 16px; line-height: 1.5; } .b-article article p { margin: 14px 0px; font-size: 100%; } .b-article article img { max-width: 100%; display: block; border-radius: 4px; } .b-article article :not(.wrapper-video) > iframe[src*="youtube.com"] { min-height: 320px; max-height: 480px; } .b-article article :not(.wrapper-video) > iframe[src*="vine.co"] { max-height: 600px; } .b-article article :not(.wrapper-video) > iframe[src*="coub.com"] { width: 596px; max-height: 336px !important; } .b-article article .wrapper-image { margin: 25px 0px; } .b-article article .wrapper-wide { width: 596px; margin-left: -30px; margin-top: 0px; margin-bottom: 0px; } .b-article article .img_labeled span, .b-article article .wrapper-label span, .b-article article .wrapper-label strong { font-size: 14px; } .b-article article q::after, .b-article article q::before { content: ""; } .b-article article q span::before { content: "—"; margin-right: 7px; } .b-article article blockquote.q-1::before { font-size: 96px; left: 20px; top: -19px; } .b-article article blockquote.q-2::before { font-size: 96px; top: -42px; } .b-article article .fotorama .fotorama__arr--next::before { content: ""; position: relative; top: 2px; } .b-article article .fotorama .fotorama__arr--prev::before { content: ""; position: relative; top: 2px; } .b-article article .vine-group-1 a::after { display: block; content: ""; width: 50px; height: 50px; position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; background: transparent url('../images/video-play-overlay.png') no-repeat scroll 0px 0px / 50px auto; } } @media screen and (min-width: 1260px) { .b-article article .wrapper-wide { width: 640px; } } [class*=" icon-"]::before, [class^="icon-"]::before { font-family: fontello; font-style: normal; font-weight: 400; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; } .icon-coub::before { content: ""; } .icon-logo::before { content: ""; } .icon-heart::before { content: ""; } .icon-heart-empty::before { content: ""; } .icon-star-empty::before { content: ""; } .icon-star-half::before { content: ""; } .icon-star-half-alt::before { content: ""; } .icon-star::before { content: ""; } .icon-ok::before { content: ""; } .icon-ok-circled::before { content: ""; } .icon-ok-circled2::before { content: ""; } .icon-ok-squared::before { content: ""; } .icon-cancel::before { content: ""; } .icon-cancel-circled::before { content: ""; } .icon-cancel-circled2::before { content: ""; } .icon-plus::before { content: ""; } .icon-plus-circled::before { content: ""; } .icon-plus-squared::before { content: ""; } .icon-plus-squared-alt::before { content: ""; } .icon-minus::before { content: ""; } .icon-minus-circled::before { content: ""; } .icon-minus-squared::before { content: ""; } .icon-minus-squared-alt::before { content: ""; } .icon-home::before { content: ""; } .icon-info::before { content: ""; } .icon-info-circled::before { content: ""; } .icon-help-circled::before { content: ""; } .icon-help::before { content: ""; } .icon-bookmark::before { content: ""; } .icon-bookmark-empty::before { content: ""; } .icon-thumbs-up::before { content: ""; } .icon-thumbs-down::before { content: ""; } .icon-thumbs-up-alt::before { content: ""; } .icon-thumbs-down-alt::before { content: ""; } .icon-retweet::before { content: ""; } .icon-pencil::before { content: ""; } .icon-pencil-squared::before { content: ""; } .icon-cog::before { content: ""; } .icon-menu::before { content: ""; } .icon-rss-squared::before { content: ""; } .icon-down-open::before { content: ""; } .icon-left-open::before { content: ""; } .icon-right-open::before { content: ""; } .icon-up-open::before { content: ""; } .icon-angle-left::before { content: ""; } .icon-angle-right::before { content: ""; } .icon-angle-up::before { content: ""; } .icon-angle-down::before { content: ""; } .icon-down-big::before { content: ""; } .icon-left-big::before { content: ""; } .icon-right-big::before { content: ""; } .icon-up-big::before { content: ""; } .icon-globe::before { content: ""; } .icon-fb::before { content: ""; } .icon-facebook::before { content: ""; } .icon-apple::before { content: ""; } .icon-android::before { content: ""; } .icon-google::before { content: ""; } .icon-gplus::before { content: ""; } .icon-gplus-squared::before { content: ""; } .icon-vk::before { content: ""; } .icon-tw::before { content: ""; } .icon-twitter-squared::before { content: ""; } .icon-youtube::before { content: ""; } .icon-youtube-squared::before { content: ""; } .icon-vimeo-squared::before { content: ""; } .icon-vine::before { content: ""; } .icon-tumblr-squared::before { content: ""; } .icon-tumblr::before { content: ""; } .icon-shield::before { content: ""; } .icon-bug::before { content: ""; } .icon-rocket::before { content: ""; } .icon-lightbulb::before { content: ""; } .icon-cog-alt::before { content: ""; } .icon-phone::before { content: ""; } .icon-rss::before { content: ""; } .icon-volume-up::before { content: ""; } .icon-volume-off::before { content: ""; } .icon-volume-down::before { content: ""; } .icon-attention-alt::before { content: ""; } .icon-attention::before { content: ""; } .icon-attention-circled::before { content: ""; } .icon-location::before { content: ""; } .icon-direction::before { content: ""; } .icon-compass::before { content: ""; } .icon-angle-circled-left::before { content: ""; } .icon-angle-circled-right::before { content: ""; } .icon-angle-circled-up::before { content: ""; } .icon-angle-circled-down::before { content: ""; } .icon-angle-double-left::before { content: ""; } .icon-angle-double-right::before { content: ""; } .icon-angle-double-up::before { content: ""; } .icon-angle-double-down::before { content: ""; } .icon-down::before { content: ""; } .icon-left::before { content: ""; } .icon-right::before { content: ""; } .icon-up::before { content: ""; } .icon-right-hand::before { content: ""; } .icon-left-hand::before { content: ""; } .icon-up-hand::before { content: ""; } .icon-down-hand::before { content: ""; } .icon-left-circled::before { content: ""; } .icon-right-circled::before { content: ""; } .icon-up-circled::before { content: ""; } .icon-down-circled::before { content: ""; } .icon-cw::before { content: ""; } .icon-ccw::before { content: ""; } .icon-arrows-cw::before { content: ""; } .icon-level-up::before { content: ""; } .icon-level-down::before { content: ""; } .icon-shuffle::before { content: ""; } .icon-exchange::before { content: ""; } .icon-history::before { content: ""; } .icon-sun::before { content: ""; } .icon-cloud::before { content: ""; } .icon-flash::before { content: ""; } .icon-moon::before { content: ""; } .icon-umbrella::before { content: ""; } .icon-flight::before { content: ""; } .icon-fighter-jet::before { content: ""; } .icon-paper-plane::before { content: ""; } .icon-paper-plane-empty::before { content: ""; } .icon-space-shuttle::before { content: ""; } .icon-leaf::before { content: ""; } .icon-laptop::before { content: ""; } .icon-tablet::before { content: ""; } .icon-mobile::before { content: ""; } .icon-inbox::before { content: ""; } .icon-pied-piper-squared::before { content: ""; } .icon-pied-piper-alt::before { content: ""; } .icon-pinterest-circled::before { content: ""; } .icon-pinterest-squared::before { content: ""; } .icon-qq::before { content: ""; } .icon-reddit::before { content: ""; } .icon-reddit-squared::before { content: ""; } .icon-renren::before { content: ""; } .icon-skype::before { content: ""; } .icon-slack::before { content: ""; } .icon-soundclowd::before { content: ""; } .icon-spotify::before { content: ""; } .icon-stackexchange::before { content: ""; } .icon-stackoverflow::before { content: ""; } .icon-steam::before { content: ""; } .icon-steam-squared::before { content: ""; } .icon-stumbleupon::before { content: ""; } .icon-stumbleupon-circled::before { content: ""; } .icon-tencent-weibo::before { content: ""; } .icon-trello::before { content: ""; } .icon-hacker-news::before { content: ""; } .icon-html5::before { content: ""; } .icon-instagramm::before { content: ""; } .icon-joomla::before { content: ""; } .icon-jsfiddle::before { content: ""; } .icon-linkedin-squared::before { content: ""; } .icon-linux::before { content: ""; } .icon-linkedin::before { content: ""; } .icon-maxcdn::before { content: ""; } .icon-openid::before { content: ""; } .icon-pagelines::before { content: ""; } .icon-git-squared::before { content: ""; } .icon-git::before { content: ""; } .icon-github::before { content: ""; } .icon-github-squared::before { content: ""; } .icon-github-circled::before { content: ""; } .icon-gittip::before { content: ""; } .icon-flickr::before { content: ""; } .icon-foursquare::before { content: ""; } .icon-behance::before { content: ""; } .icon-behance-squared::before { content: ""; } .icon-bitbucket::before { content: ""; } .icon-bitbucket-squared::before { content: ""; } .icon-codeopen::before { content: ""; } .icon-css3::before { content: ""; } .icon-delicious::before { content: ""; } .icon-deviantart::before { content: ""; } .icon-digg::before { content: ""; } .icon-dribbble::before { content: ""; } .icon-dropbox::before { content: ""; } .icon-drupal::before { content: ""; } .icon-bomb::before { content: ""; } .icon-adn::before { content: ""; } .icon-circle-empty::before { content: ""; } .icon-circle-thin::before { content: ""; } .icon-circle-notch::before { content: ""; } .icon-dot-circled::before { content: ""; } .icon-circle::before { content: ""; } .icon-check-empty::before { content: ""; } .icon-magnet::before { content: ""; } .icon-coffee::before { content: ""; } .icon-spinner::before { content: ""; } .icon-food::before { content: ""; } .icon-beer::before { content: ""; } .icon-recycle::before { content: ""; } .icon-tree::before { content: ""; } .icon-hammer::before { content: ""; } .icon-euro::before { content: ""; } .icon-pound::before { content: ""; } .icon-dollar::before { content: ""; } .icon-rupee::before { content: ""; } .icon-yen::before { content: ""; } .icon-rouble::before { content: ""; } .icon-try::before { content: ""; } .icon-won::before { content: ""; } .icon-bitcoin::before { content: ""; } .icon-sort::before { content: ""; } .icon-ticket::before { content: ""; } .icon-credit-card::before { content: ""; } .icon-floppy::before { content: ""; } .icon-megaphone::before { content: ""; } .icon-hdd::before { content: ""; } .icon-key::before { content: ""; } .icon-fork::before { content: ""; } .icon-block::before { content: ""; } .icon-resize-full::before { content: ""; } .icon-resize-full-alt::before { content: ""; } .icon-resize-small::before { content: ""; } .icon-folder::before { content: ""; } .icon-folder-open::before { content: ""; } .icon-folder-empty::before { content: ""; } .icon-folder-open-empty::before { content: ""; } .icon-trash::before { content: ""; } .icon-doc::before { content: ""; } .icon-docs::before { content: ""; } .icon-doc-text::before { content: ""; } .icon-doc-inv::before { content: ""; } .icon-doc-text-inv::before { content: ""; } .icon-file-pdf::before { content: ""; } .icon-file-word::before { content: ""; } .icon-file-excel::before { content: ""; } .icon-file-powerpoint::before { content: ""; } .icon-file-image::before { content: ""; } .icon-file-archive::before { content: ""; } .icon-file-audio::before { content: ""; } .icon-file-video::before { content: ""; } .icon-file-code::before { content: ""; } .icon-edit::before { content: ""; } .icon-share-squared::before { content: ""; } .icon-export::before { content: ""; } .icon-export-alt::before { content: ""; } .icon-share::before { content: ""; } .icon-link::before { content: ""; } .icon-unlink::before { content: ""; } .icon-link-ext::before { content: ""; } .icon-link-ext-alt::before { content: ""; } .icon-attach::before { content: ""; } .icon-lock::before { content: ""; } .icon-lock-open::before { content: ""; } .icon-lock-open-alt::before { content: ""; } .icon-pin::before { content: ""; } .icon-eye::before { content: ""; } .icon-eye-off::before { content: ""; } .icon-tag::before { content: ""; } .icon-tags::before { content: ""; } .icon-camera::before { content: ""; } .icon-camera-alt::before { content: ""; } .icon-user::before { content: ""; } .icon-users::before { content: ""; } .icon-male::before { content: ""; } .icon-female::before { content: ""; } .icon-child::before { content: ""; } .icon-video::before { content: ""; } .icon-videocam::before { content: ""; } .icon-picture::before { content: ""; } .icon-glass::before { content: ""; } .icon-music::before { content: ""; } .icon-search::before { content: ""; } .icon-mail::before { content: ""; } .icon-mail-alt::before { content: ""; } .icon-mail-squared::before { content: ""; } .icon-login::before { content: ""; } .icon-logout::before { content: ""; } .icon-mic::before { content: ""; } .icon-mute::before { content: ""; } .icon-wrench::before { content: ""; } .icon-sliders::before { content: ""; } .icon-basket::before { content: ""; } .icon-calendar::before { content: ""; } .icon-calendar-empty::before { content: ""; } .icon-resize-vertical::before { content: ""; } .icon-resize-horizontal::before { content: ""; } .icon-move::before { content: ""; } .icon-spin6::before { content: ""; } .icon-spin5::before { content: ""; } .icon-spin4::before { content: ""; } .icon-spin3::before { content: ""; } .icon-spin2::before { content: ""; } .icon-spin1::before { content: ""; } .icon-coub-logo::before { content: ""; } .icon-qrcode::before { content: ""; } .icon-odnoklassniki::before { content: ""; } .icon-whatsapp::before { content: ""; } .icon-nav-news::before { content: ""; } .icon-nav-articles::before { content: ""; } .icon-nav-offtop::before { content: ""; } .icon-nav-video::before { content: ""; } .icon-gp::before { content: ""; } .icon-nav-line-news::before { content: ""; } .icon-nav-line-offtop::before { content: ""; } .icon-nav-line-tweets::before { content: ""; } .icon-nav-line-video::before { content: ""; } .icon-nav-line-articles::before { content: ""; } .icon-nav-line-login::before { content: ""; } .icon-note::before { content: ""; } .icon-note-beamed::before { content: ""; } .icon-music-1::before { content: ""; } .icon-search-1::before { content: ""; } .icon-flashlight::before { content: ""; } .icon-mail-1::before { content: ""; } .icon-heart-1::before { content: ""; } .icon-heart-empty-1::before { content: ""; } .icon-star-1::before { content: ""; } .icon-star-empty-1::before { content: ""; } .icon-user-1::before { content: ""; } .icon-users-1::before { content: ""; } .icon-user-add::before { content: ""; } .icon-video-1::before { content: ""; } .icon-picture-1::before { content: ""; } .icon-camera-1::before { content: ""; } .icon-layout::before { content: ""; } .icon-menu-1::before { content: ""; } .icon-check-1::before { content: ""; } .icon-cancel-1::before { content: ""; } .icon-cancel-circled-1::before { content: ""; } .icon-cancel-squared::before { content: ""; } .icon-plus-1::before { content: ""; } .icon-plus-circled-1::before { content: ""; } .icon-plus-squared-1::before { content: ""; } .icon-minus-1::before { content: ""; } .icon-minus-circled-1::before { content: ""; } .icon-minus-squared-1::before { content: ""; } .icon-help-1::before { content: ""; } .icon-help-circled-1::before { content: ""; } .icon-info-1::before { content: ""; } .icon-info-circled-1::before { content: ""; } .icon-back::before { content: ""; } .icon-home-1::before { content: ""; } .icon-link-1::before { content: ""; } .icon-attach-1::before { content: ""; } .icon-lock-1::before { content: ""; } .icon-lock-open-1::before { content: ""; } .icon-eye-1::before { content: ""; } .icon-tag-1::before { content: ""; } .icon-bookmark-1::before { content: ""; } .icon-bookmarks::before { content: ""; } .icon-flag-1::before { content: ""; } .icon-thumbs-up-1::before { content: ""; } .icon-thumbs-down-1::before { content: ""; } .icon-download-1::before { content: ""; } .icon-upload-1::before { content: ""; } .icon-upload-cloud-1::before { content: ""; } .icon-reply-1::before { content: ""; } .icon-reply-all-1::before { content: ""; } .icon-forward-1::before { content: ""; } .icon-quote::before { content: ""; } .icon-code-1::before { content: ""; } .icon-export-1::before { content: ""; } .icon-pencil-1::before { content: ""; } .icon-feather::before { content: ""; } .icon-print-1::before { content: ""; } .icon-retweet-1::before { content: ""; } .icon-keyboard-1::before { content: ""; } .icon-comment-1::before { content: ""; } .icon-chat-1::before { content: ""; } .icon-bell-1::before { content: ""; } .icon-attention-1::before { content: ""; } .icon-alert::before { content: ""; } .icon-vcard::before { content: ""; } .icon-address::before { content: ""; } .icon-location-1::before { content: ""; } .icon-map::before { content: ""; } .icon-direction-1::before { content: ""; } .icon-compass-1::before { content: ""; } .icon-cup::before { content: ""; } .icon-trash-1::before { content: ""; } .icon-doc-1::before { content: ""; } .icon-docs-1::before { content: ""; } .icon-doc-landscape::before { content: ""; } .icon-doc-text-1::before { content: ""; } .icon-doc-text-inv-1::before { content: ""; } .icon-newspaper::before { content: ""; } .icon-book-open::before { content: ""; } .icon-book-1::before { content: ""; } .icon-folder-1::before { content: ""; } .icon-archive::before { content: ""; } .icon-box-1::before { content: ""; } .icon-rss-1::before { content: ""; } .icon-phone-1::before { content: ""; } .icon-cog-1::before { content: ""; } .icon-tools::before { content: ""; } .icon-share-1::before { content: ""; } .icon-shareable::before { content: ""; } .icon-basket-1::before { content: ""; } .icon-bag::before { content: ""; } .icon-calendar-1::before { content: ""; } .icon-login-1::before { content: ""; } .icon-logout-1::before { content: ""; } .icon-mic-1::before { content: ""; } .icon-mute-1::before { content: ""; } .icon-sound::before { content: ""; } .icon-volume::before { content: ""; } .icon-clock-1::before { content: ""; } .icon-hourglass::before { content: ""; } .icon-lamp::before { content: ""; } .icon-light-down::before { content: ""; } .icon-light-up::before { content: ""; } .icon-adjust::before { content: ""; } .icon-block-1::before { content: ""; } .icon-resize-full-1::before { content: ""; } .icon-resize-small-1::before { content: ""; } .icon-popup::before { content: ""; } .icon-publish::before { content: ""; } .icon-window::before { content: ""; } .icon-arrow-combo::before { content: ""; } .icon-down-circled-1::before { content: ""; } .icon-left-circled-1::before { content: ""; } .icon-right-circled-1::before { content: ""; } .icon-up-circled-1::before { content: ""; } .icon-down-open-1::before { content: ""; } .icon-left-open-1::before { content: ""; } .icon-right-open-1::before { content: ""; } .icon-up-open-1::before { content: ""; } .icon-down-open-mini::before { content: ""; } .icon-left-open-mini::before { content: ""; } .icon-right-open-mini::before { content: ""; } .icon-up-open-mini::before { content: ""; } .icon-down-open-big::before { content: ""; } .icon-left-open-big::before { content: ""; } .icon-right-open-big::before { content: ""; } .icon-up-open-big::before { content: ""; } .icon-down-1::before { content: ""; } .icon-left-1::before { content: ""; } .icon-right-1::before { content: ""; } .icon-up-1::before { content: ""; } .icon-down-dir-1::before { content: ""; } .icon-left-dir-1::before { content: ""; } .icon-right-dir-1::before { content: ""; } .icon-up-dir-1::before { content: ""; } .icon-down-bold::before { content: ""; } .icon-left-bold::before { content: ""; } .icon-right-bold::before { content: ""; } .icon-up-bold::before { content: ""; } .icon-down-thin::before { content: ""; } .icon-left-thin::before { content: ""; } .icon-right-thin::before { content: ""; } .icon-up-thin::before { content: ""; } .icon-ccw-1::before { content: ""; } .icon-cw-1::before { content: ""; } .icon-arrows-ccw::before { content: ""; } .icon-level-down-1::before { content: ""; } .icon-level-up-1::before { content: ""; } .icon-shuffle-1::before { content: ""; } .icon-loop::before { content: ""; } .icon-switch::before { content: ""; } .icon-play-1::before { content: ""; } .icon-stop-1::before { content: ""; } .icon-pause-1::before { content: ""; } .icon-record::before { content: ""; } .icon-to-end-1::before { content: ""; } .icon-to-start-1::before { content: ""; } .icon-fast-forward::before { content: ""; } .icon-fast-backward::before { content: ""; } .icon-progress-0::before { content: ""; } .icon-progress-1::before { content: ""; } .icon-progress-2::before { content: ""; } .icon-progress-3::before { content: ""; } .icon-target-1::before { content: ""; } .icon-palette::before { content: ""; } .icon-list-1::before { content: ""; } .icon-list-add::before { content: ""; } .icon-signal-1::before { content: ""; } .icon-trophy::before { content: ""; } .icon-battery::before { content: ""; } .icon-back-in-time::before { content: ""; } .icon-monitor::before { content: ""; } .icon-mobile-1::before { content: ""; } .icon-network::before { content: ""; } .icon-cd::before { content: ""; } .icon-inbox-1::before { content: ""; } .icon-install::before { content: ""; } .icon-globe-1::before { content: ""; } .icon-cloud-1::before { content: ""; } .icon-cloud-thunder::before { content: ""; } .icon-flash-1::before { content: ""; } .icon-moon-1::before { content: ""; } .icon-flight-1::before { content: ""; } .icon-paper-plane-1::before { content: ""; } .icon-leaf-1::before { content: ""; } .icon-lifebuoy-1::before { content: ""; } .icon-mouse::before { content: ""; } .icon-briefcase-1::before { content: ""; } .icon-suitcase-1::before { content: ""; } .icon-dot::before { content: ""; } .icon-dot-2::before { content: ""; } .icon-dot-3::before { content: ""; } .icon-brush::before { content: ""; } .icon-magnet-1::before { content: ""; } .icon-infinity::before { content: ""; } .icon-erase::before { content: ""; } .icon-chart-pie::before { content: ""; } .icon-chart-line::before { content: ""; } .icon-chart-bar-1::before { content: ""; } .icon-chart-area::before { content: ""; } .icon-tape::before { content: ""; } .icon-graduation-cap-1::before { content: ""; } .icon-language-1::before { content: ""; } .icon-ticket-1::before { content: ""; } .icon-water::before { content: ""; } .icon-droplet::before { content: ""; } .icon-air::before { content: ""; } .icon-credit-card-1::before { content: ""; } .icon-floppy-1::before { content: ""; } .icon-clipboard::before { content: ""; } .icon-megaphone-1::before { content: ""; } .icon-database-1::before { content: ""; } .icon-drive::before { content: ""; } .icon-bucket::before { content: ""; } .icon-thermometer::before { content: ""; } .icon-key-1::before { content: ""; } .icon-flow-cascade::before { content: ""; } .icon-flow-branch::before { content: ""; } .icon-flow-tree::before { content: ""; } .icon-flow-line::before { content: ""; } .icon-flow-parallel::before { content: ""; } .icon-rocket-1::before { content: ""; } .icon-gauge-1::before { content: ""; } .icon-traffic-cone::before { content: ""; } .icon-cc::before { content: ""; } .icon-cc-by::before { content: ""; } .icon-cc-nc::before { content: ""; } .icon-cc-nc-eu::before { content: ""; } .icon-cc-nc-jp::before { content: ""; } .icon-cc-sa::before { content: ""; } .icon-cc-nd::before { content: ""; } .icon-cc-pd::before { content: ""; } .icon-cc-zero::before { content: ""; } .icon-cc-share::before { content: ""; } .icon-cc-remix::before { content: ""; } .icon-github-1::before { content: ""; } .icon-github-circled-1::before { content: ""; } .icon-flickr-1::before { content: ""; } .icon-flickr-circled::before { content: ""; } .icon-vimeo::before { content: ""; } .icon-vimeo-circled::before { content: ""; } .icon-tw-1::before { content: ""; } .icon-twitter-circled::before { content: ""; } .icon-facebook-1::before { content: ""; } .icon-facebook-circled::before { content: ""; } .icon-facebook-squared-1::before { content: ""; } .icon-gplus-1::before { content: ""; } .icon-gplus-circled::before { content: ""; } .icon-pinterest::before { content: ""; } .icon-pinterest-circled-1::before { content: ""; } .icon-tumblr-1::before { content: ""; } .icon-tumblr-circled::before { content: ""; } .icon-linkedin-1::before { content: ""; } .icon-linkedin-circled::before { content: ""; } .icon-dribbble-1::before { content: ""; } .icon-dribbble-circled::before { content: ""; } .icon-stumbleupon-1::before { content: ""; } .icon-stumbleupon-circled-1::before { content: ""; } .icon-lastfm::before { content: ""; } .icon-lastfm-circled::before { content: ""; } .icon-rdio::before { content: ""; } .icon-rdio-circled::before { content: ""; } .icon-spotify-1::before { content: ""; } .icon-spotify-circled::before { content: ""; } .icon-qq-1::before { content: ""; } .icon-instagram::before { content: ""; } .icon-dropbox-1::before { content: ""; } .icon-evernote::before { content: ""; } .icon-flattr::before { content: ""; } .icon-skype-1::before { content: ""; } .icon-skype-circled::before { content: ""; } .icon-renren-1::before { content: ""; } .icon-sina-weibo::before { content: ""; } .icon-paypal::before { content: ""; } .icon-picasa::before { content: ""; } .icon-soundcloud::before { content: ""; } .icon-mixi::before { content: ""; } .icon-behance-1::before { content: ""; } .icon-google-circles::before { content: ""; } .icon-vk-1::before { content: ""; } .icon-smashing::before { content: ""; } .icon-sweden::before { content: ""; } .icon-db-shape::before { content: ""; } .icon-logo-db::before { content: ""; } .likely { vertical-align: middle; opacity: 0; font-size: 0px; } .likely, .likely__widget { display: inline-block; margin: 0px; padding: 0px; text-indent: 0px !important; list-style: outside none none !important; font-weight: 400; font-family: "Helvetica Neue",Arial,sans-serif; } .likely__widget { font-size: 1rem; cursor: pointer; } .likely_visible { opacity: 1; } .likely > * { display: inline-block; visibility: hidden; } .likely_visible > * { visibility: inherit; } .likely__widget_twitter { background: rgb(49, 173, 244) none repeat scroll 0px 0px; } .likely__widget_twitter.active, .likely__widget_twitter:hover { background: rgb(41, 147, 207) none repeat scroll 0px 0px; } .likely__widget_facebook { background: rgb(48, 69, 145) none repeat scroll 0px 0px; } .likely__widget_facebook.active, .likely__widget_facebook:hover { background: rgb(40, 58, 123) none repeat scroll 0px 0px; } .likely__widget_vkontakte { background: rgb(82, 115, 151) none repeat scroll 0px 0px; } .likely__widget_vkontakte.active, .likely__widget_vkontakte:hover { background: rgb(69, 97, 128) none repeat scroll 0px 0px; } .likely__widget_gplus { background: rgb(217, 68, 53) none repeat scroll 0px 0px; } .likely__widget_gplus.active, .likely__widget_gplus:hover { background: rgb(184, 57, 45) none repeat scroll 0px 0px; } .likely__widget_odnoklassniki { background: rgb(242, 129, 46) none repeat scroll 0px 0px; } .likely__widget_odnoklassniki.active, .likely__widget_odnoklassniki:hover { background: rgb(205, 109, 39) none repeat scroll 0px 0px; } .likely__widget_pocket { background: rgb(220, 61, 80) none repeat scroll 0px 0px; } .likely__widget_pocket.active, .likely__widget_pocket:hover { background: rgb(187, 51, 68) none repeat scroll 0px 0px; } .likely__widget_telegram { background: rgb(44, 165, 224) none repeat scroll 0px 0px; } .likely__widget_telegram.active, .likely__widget_telegram:hover { background: rgb(37, 140, 190) none repeat scroll 0px 0px; } .likely__widget_whatsapp { background: rgb(15, 157, 88) none repeat scroll 0px 0px; } .likely__widget_whatsapp.active, .likely__widget_whatsapp:hover { background: rgb(12, 133, 74) none repeat scroll 0px 0px; } .likely__widget_viber { background: rgb(123, 81, 157) none repeat scroll 0px 0px; } .likely__widget_viber.active, .likely__widget_viber:hover { background: rgb(104, 68, 133) none repeat scroll 0px 0px; } .likely__widget_more { background: rgb(206, 129, 4) none repeat scroll 0px 0px; } .likely__widget_more.active, .likely__widget_more:hover { background: rgb(175, 109, 3) none repeat scroll 0px 0px; } .likely:not(.likely_custom) { text-align: left; line-height: 42px; position: fixed; bottom: 15px; right: 15px; z-index: 1000; } .likely:not(.likely_custom) .likely__widget { display: block; text-align: center; position: relative; white-space: nowrap; border-radius: 42px; height: 42px; font-size: 12px; color: rgb(255, 255, 255); cursor: pointer; overflow: hidden; margin-bottom: 12px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); visibility: hidden; opacity: 0; transform: translateY(6px); transition-duration: 0.14s; transition-timing-function: ease; transition-property: background, transform, opacity, visibility; -moz-user-select: none; } .likely:not(.likely_custom) .likely__widget:last-child { margin-bottom: 0px; } .likely:not(.likely_custom) .likely__widget_pocket { display: none; } .likely:not(.likely_custom) .likely__widget_more { visibility: visible; opacity: 1; transform: translateY(0px); } .likely:not(.likely_custom) .likely__icon { display: inline-block; width: 42px; height: 42px; } .likely:not(.likely_custom) .likely__button:empty, .likely:not(.likely_custom) .likely__counter_empty { display: none; } .likely:not(.likely_custom) .likely__icon_vkontakte svg { vertical-align: -7px; } .likely:not(.likely_custom) .likely__icon_gplus svg { width: 18px; height: 18px; vertical-align: -5px; } .likely:not(.likely_custom) .likely__icon_telegram svg { margin-left: -3px; } .likely:not(.likely_custom) .likely__icon_viber svg { margin-left: -1px; margin-top: 2px; } .likely:not(.likely_custom) .likely__icon_more svg { margin-left: -3px; } .likely:not(.likely_custom) .likely__button, .likely:not(.likely_custom) .likely__counter { text-decoration: none; text-rendering: optimizelegibility; display: none; margin: 0px; outline: 0px none; } .likely:not(.likely_custom) .likely__button { position: relative; cursor: pointer; padding-right: 6px; } .likely:not(.likely_custom) .likely__counter { position: relative; font-weight: 400; font-size: 11px; opacity: 0.5; padding-right: 6px; } .likely:not(.likely_custom) .likely__button, .likely:not(.likely_custom) .likely__counter, .likely:not(.likely_custom) .likely__icon, .likely:not(.likely_custom) .likely__widget { vertical-align: top; } .likely:not(.likely_custom) svg { vertical-align: -6px; width: 20px; height: 20px; fill: rgb(255, 255, 255); } .likely_expanded:not(.likely_custom) .likely__widget { visibility: visible; opacity: 1; transform: translateY(0px); } .likely_some:not(.likely_custom) { line-height: 32px; left: 15px; bottom: 3px; display: flex; flex-wrap: wrap-reverse; } .likely_some:not(.likely_custom) .likely__widget { display: inline-block; width: 21.5%; margin-right: 3.5%; height: 32px; border-radius: 5px; visibility: hidden; opacity: 0; transform: translateY(6px); } .likely_some:not(.likely_custom) .likely__widget_facebook, .likely_some:not(.likely_custom) .likely__widget_twitter, .likely_some:not(.likely_custom) .likely__widget_vkontakte { visibility: visible; opacity: 1; transform: translateY(0px); } .likely_some:not(.likely_custom) .likely__widget:nth-of-type(3) { margin-right: 25%; } .likely_some:not(.likely_custom) .likely__widget_more { position: absolute; bottom: 12px; right: 0px; visibility: visible; opacity: 1; transform: translateY(0px); background: rgb(134, 134, 134) none repeat scroll 0px 0px; } .likely_some:not(.likely_custom) .likely__widget_more .likely__icon { } .likely_some:not(.likely_custom) .likely__widget_more .likely__icon::after { content: url("data:image/svg+xml; utf8,"); display: inline-block; height: 16px; vertical-align: -4px; } .likely_feed:not(.likely_custom), .likely_feed:not(.likely_custom) .likely__widget_more, .likely_secondary, .likely_some.likely_secondary:not(.likely_custom), .likely_some:not(.likely_custom) .likely__icon_more svg { display: none; } .likely_some:not(.likely_custom) .likely__widget_more.active .likely__icon { transform: rotate(45deg); } .likely_some:not(.likely_custom) .likely__icon { width: 32px; height: 32px; } .likely_some:not(.likely_custom) .likely__icon_vkontakte svg { vertical-align: -4px; } .likely_some:not(.likely_custom) .likely__icon_gplus svg { width: 14px; height: 14px; vertical-align: -3px; } .likely_some:not(.likely_custom) svg { width: 16px; height: 16px; vertical-align: -4px; } .likely_some.likely_expanded:not(.likely_custom) .likely__widget { visibility: visible; opacity: 1; transform: translateY(0px); } .likely_some:not(.likely_custom) .likely__widget_more.active, .likely_some:not(.likely_custom) .likely__widget_more:hover { background: rgb(113, 113, 113) none repeat scroll 0px 0px; } @media all and (min-width: 760px) { .likely:not(.likely_custom) { line-height: 20px; position: relative; bottom: 0px; right: 0px; z-index: auto; } .likely:not(.likely_custom) .likely__widget { display: inline-block; height: 20px; border-radius: 3px; margin-top: 2px; margin-bottom: 2px; margin-right: 4px; box-shadow: none; visibility: visible; opacity: 1; transform: translateY(0px); transition-property: background; } .likely:not(.likely_custom) .likely__widget:last-child { margin-bottom: 2px; margin-right: 0px; } .likely:not(.likely_custom) .likely__widget_pocket { display: inline-block; } .likely:not(.likely_custom) .likely__widget_more, .likely:not(.likely_custom) .likely__widget_telegram, .likely:not(.likely_custom) .likely__widget_viber, .likely:not(.likely_custom) .likely__widget_whatsapp { display: none; } .likely:not(.likely_custom) .likely__icon_vkontakte svg { vertical-align: -2px; } .likely:not(.likely_custom) .likely__icon_gplus svg, .likely:not(.likely_custom) .likely__icon_telegram svg, .likely:not(.likely_custom) .likely__icon_viber svg, .likely:not(.likely_custom) svg { width: 12px; height: 12px; vertical-align: -2px; } .likely:not(.likely_custom) .likely__icon { width: 22px; height: 20px; } .likely:not(.likely_custom) .likely__button, .likely:not(.likely_custom) .likely__counter, .likely_ready:not(.likely_custom) .likely__counter { display: inline-block; } .likely_ready:not(.likely_custom) .likely__counter_empty { display: none; } .likely_some:not(.likely_custom) { left: 0px; } .likely_some:not(.likely_custom) .likely__widget { width: auto; } .likely_some:not(.likely_custom) .likely__widget:nth-of-type(3) { margin-right: 4px; } .likely_some:not(.likely_custom) .likely__widget_more { position: relative; bottom: 0px; } .likely_feed:not(.likely_custom), .likely_secondary, .likely_some.likely_secondary:not(.likely_custom) { display: inline-block; } } .relap-tjournal_ru__preloader-spinner, .relap-tjournal_ru__preloader-spinner::before, .relap-tjournal_ru__preloader-spinner::after { position: absolute; top: 50%; left: 50%; margin-top: -1.5em; margin-left: -0.75em; font-size: 9px; background: rgb(176, 182, 187) none repeat scroll 0px 0px; width: 1em; height: 4em; } .relap-tjournal_ru__preloader-spinner::before, .relap-tjournal_ru__preloader-spinner::after { position: absolute; top: 0px; left: -1.5em; content: ""; margin-top: 0px; margin-left: 0px; animation-delay: -0.16s; } .relap-tjournal_ru__preloader-spinner::after { left: 1.5em; animation-delay: 0.16s; } .relap-tjournal_ru_img-size-1 .relap-tjournal_ru__item-thumbnail-video::before { margin-top: -7.5px; margin-left: -7.5px; width: 15px; height: 15px; } .relap-tjournal_ru_img-size-2 .relap-tjournal_ru__item-thumbnail-video::before { margin-top: -15px; margin-left: -15px; width: 30px; height: 30px; } .relap-tjournal_ru_img-size-3 .relap-tjournal_ru__item-thumbnail-video::before { margin-top: -20px; margin-left: -20px; width: 40px; height: 40px; } .relap-tjournal_ru_img-size-4 .relap-tjournal_ru__item-thumbnail-video::before { margin-top: -25px; margin-left: -25px; width: 50px; height: 50px; } .relap-tjournal_ru_img-size-5 .relap-tjournal_ru__item-thumbnail-video::before { margin-top: -30px; margin-left: -30px; width: 60px; height: 60px; } .relap-tjournal_ru_img-size-6 .relap-tjournal_ru__item-thumbnail-video::before { margin-top: -35px; margin-left: -35px; width: 70px; height: 70px; } .relap-tjournal_ru__item-thumbnail-video::before { content: ""; position: absolute; top: 50%; left: 50%; z-index: 10; background: transparent url('../fonts/ic_video.svg') no-repeat scroll 0px 0px; opacity: 0.5; } .relap-tjournal_ru__item-thumbnail-video:hover::before { opacity: 1; } .relap-tjournal_ru__item-link:hover .relap-tjournal_ru__item-thumbnail-video::before { opacity: 1; } .relap-tjournal_ru__popup-centered::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .relap-tjournal_ru__item-iframe-video-wrapper::before { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; content: ""; z-index: 100; } .relap-tjournal_ru__item-link::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } [class^="relap-tjournal_ru__icon-"]::before, [class*=" relap-tjournal_ru__icon-"]::before { font-family: "relap__icon"; font-style: normal; font-weight: 400; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; } .relap-tjournal_ru__icon-visibility-toggle::before { content: ""; } .relap-tjournal_ru__visibility-toggle-btn[data-collapsed] .relap-tjournal_ru__icon-visibility-toggle::before { content: ""; } .likely .likely__widget[data-ok="large"] { display: none; } @media screen and (min-width: 760px) { .container { animation-duration: 0.8s; animation-timing-function: ease-in-out; } .m-ok .b-head__logo .pic-logo::before { content: ""; display: block; width: 100%; height: 10px; background: rgb(242, 114, 12) none repeat scroll 0px 0px; position: absolute; top: 0px; left: 0px; border-radius: 5px 5px 0px 0px; } .m-ok .b-head__logo .pic-logo::after { content: ""; display: block; width: 26px; height: 26px; background: transparent url('../fonts/logo_ok.svg') no-repeat scroll 50% 50% / 26px auto; position: absolute; top: 20px; right: -14px; } .m-ok .b-tabs-p > li.active::after, .m-ok .b-tabs-p > li.loading::after, .m-ok .b-tabs-p > li:hover::after { background: rgb(242, 114, 12) none repeat scroll 0px 0px; } .m-ok .b-articles__b__text__expand:not(:hover) { color: rgb(242, 114, 12); } .m-ok .b-articles__b__text__expand:not(:hover) u { border-bottom-color: rgba(242, 114, 12, 0.3); } .m-ok .b-articles__b_t2 .b-articles__b__text__readmore:not(:hover) { color: rgb(242, 114, 12); background: rgb(255, 242, 232) none repeat scroll 0px 0px; } .m-ok .b-small-profile::after { content: ""; display: block; width: 100%; height: 100%; padding: 3px; background: rgb(242, 114, 12) none repeat scroll 0px 0px; position: absolute; top: -3px; left: -3px; border-radius: 50%; } } @media screen and (min-width: 1260px) { .m-ok .b-head__logo .pic-logo::after { width: 32px; height: 32px; background-size: 32px auto; top: 26px; right: -16px; } } @media screen and (min-width: 1260px) and (max-height: 830px) { } .img-wrap{ display: flex; align-items: center; justify-content: center; width: 100%; padding: 40px 0; } .img-wrap img{ width: 100%; } .b-comment__text img { max-width: 100%; }