#logo { position: absolute; top: 18px; left: 20px; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0; font-size: 100% } hr { border: 3px solid #000; } body { } nav.menu { position: fixed; z-index: 999998; height: 50px; background: #403F3E; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25); padding: 0; top: 0; } nav.menu .content { width: auto; overflow: visible !important; position: initial !important; } nav.menu .content { padding: 0; } nav.menu menu { list-style: none; text-align: center; width: 670px; margin: 0 auto; display: block; height: 50px; } nav.menu menu li.dropdown { font: 14px 'intro_condblack_free', Arial, sans-serif; font-weight: 700; line-height: 54px; text-transform: uppercase; padding: 0 10px; text-align: center; display: inline-block; } nav.menu menu li.dropdown.style a img { position: absolute; top: 0; } nav.menu menu li + li { border-left: 0; } nav.menu menu li a { display: block; color: #EEDDC5; border: 0; text-decoration: none; } nav.menu li:hover:not(.single-link) { background: #262626; } nav.menu .dropdown:hover > a, nav.menu .dropdown .submenu a:hover, nav.menu .dropdown .submenu a:hover > div { color: #fc617a !important; } nav.menu menu li:hover .submenu { display: block; } nav.menu menu:hover + #menu-overlay { display: block; } nav.menu .submenu { /*position: absolute;*/ position: fixed; display: none; z-index: 100001; left: 0; top: 50px; width: 100%; min-height: 230px; background: #262626; text-transform: none; } nav.menu .submenu.active { display: block; } nav.menu .submenu .content { padding: 0 100px 50px; width: 100%; } nav.menu .submenu .column { padding: 55px 10% 0 0; display: inline-block; } nav.menu .submenu .column ul li + li { } nav.menu .submenu .anounce { text-align: left; display: inline-block; padding: 34px 0 0; color: #EEDDC5; font: 14px 'ProximaNova-Bold', Arial, sans-serif; font-weight: 700; text-transform: uppercase; } nav.menu .submenu .anounce .anounce-block { width: 180px; display: inline-block; float: left; } nav.menu .submenu .anounce .anounce-block + .anounce-block { margin-left: 15px; } nav.menu .submenu .anounce .anounce-block div { width: 190px; padding-top: 5px; font-family: 'intro_condblack_free', sans-serif; font-size: 12px; color: #d3c6ab; } nav.menu .submenu .anounce .img { width: 180px !important; height: 130px !important; background-size: cover !important;; } nav.menu .submenu .column ul { list-style: none; text-align: left; float: left; text-transform: uppercase; padding: 0 30px; } nav.menu .submenu .column ul:nth-child(2) { border-left: 1px solid #000; border-right: 1px solid #000; } nav.menu .submenu .column li { /*float: left;*/ /*width: 33.333%;*/ line-height: 54px; font: 14px 'intro_condblack_free', Arial, sans-serif; font-weight: 700; margin-bottom: 20px; white-space: pre; overflow: hidden; text-overflow: clip; } nav.menu .submenu .column + .column { /*margin-left: 30px;*/ } @media screen and (min-width: 1210px) { nav.menu .submenu .content { padding: 0 0 50px; } nav.menu .submenu .column { padding: 55px 2% 0 0; } } @media screen and (max-width: 1060px) { #logo, .top-search { display: none !important; } } @media screen and (max-width: 1024px) and (min-width: 800px) { nav.menu .submenu .content { padding: 0 0 50px; } nav.menu .submenu .column { padding: 55px 2% 0 0; } nav.menu menu:before { background: url(/templates/new_ss/images/favicon.png); background-repeat: no-repeat; background-position: -2px 0; } nav.menu menu li.dropdown.style { display: none; } } @media screen and (max-width: 768px) { nav.menu menu li.dropdown { padding: 0 5px; } footer .content { padding: 0 15px !important; } } @media screen and (min-width: 980px) { nav.menu .submenu .content { padding: 0 0 50px; } nav.menu .submenu .column { padding: 55px 2% 0 0; } } .menu, footer { width: 100%; } .content { box-sizing: border-box; position: relative; overflow: hidden; width: 990px; margin: 0 auto; padding: 0 30px; } footer, footer .content { background-color: #403F3E; padding: 0; position: relative; } footer a { text-decoration: none; color: #EEDDC5; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block } footer .content .head { padding: 40px 0 35px; border-bottom: 1px solid #262626; } footer .content .head .links { display: inline; margin-left: 40px; text-transform: uppercase; } footer .content .head .links a { text-decoration: underline; font-size: 14px; font-family: 'intro_condblack_free', sans-serif; color: #e7d7b6; } footer .content .head .links a + a { margin-left: 15px; } footer .content .head .social-likes { display: inline; float: right } footer .content .columns .categories { display: inline-block; float: left; border-right: 1px solid #262626; margin-top: 20px; margin-bottom: 30px; padding: 20px 48px 10px 0; font-size: 14px; } footer .content .columns .info { width: 100%; display: inline-block; padding-left: 20px; padding-top: 38px; } footer .content .columns .info p { padding-bottom: 20px; color: #e7d7b6; font-size: 13px; font-family: 'clear_sansregular', sans-serif; } footer .content .columns .categories .column ul { list-style: none; } footer .content .columns .categories .column { width: 110px; float: left; } footer .content .columns .categories .column + .column { margin-left: 48px; } footer .content .columns .categories .column a { text-decoration: underline; padding-bottom: 10px; } footer .content .columns .categories .column .title { text-decoration: underline; text-transform: uppercase; font-size: 14px; font-family: 'intro_condblack_free', sans-serif; color: #d3c6ab; padding-bottom: 12px; } footer .content .columns .categories .column li { padding-bottom: 5px; font-family: 'clear_sansregular', sans-serif; font-size: 14px; color: #d3c6ab; } main .content { width: 990px; background: white; padding-top: 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); } main { margin-top: 46px; background: url('/templates/new_ss/images/ricepaper2.png'); } main .content aside { float: right; width: 237px; padding-left: 15px; padding-bottom: 30px; margin-top: 30px; } main .content section { width: calc(100% - 252px); float: left; } main .content section .article-list .article-img, main article .article-readmore .article-img, main .content .last-articles .article-img { float: right; display: inline-block; } main .content .last-articles .article-img img { height: auto; } main .content img { cursor: pointer; } main .content section .article-list .article-info, main article .article-readmore .article-info { display: inline-block; width: 372px; padding: 10px 5px 0 0; float: left; } main .content .last-articles .article-info { display: inline-block; width: 363px; padding: 25px 15px 15px 0; float: left; } main .content section .article-list .article-info .article-title a, main article .article-readmore .article-info .article-title a, main .content .last-articles .article-info .article-title a { font-family: 'clear_sansbold', sans-serif; font-size: 24px; color: #000; text-decoration: none; text-transform: uppercase; } main .content section .article-list .article-img, main article .article-readmore .article-img { height: 220px; width: 300px; display: block; overflow: hidden; } .center-img{ position: relative; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; } main article .article-readmore .article-img { height: 200px !important; } main .content .last-articles .article-img { height: 220px !important; width: 550px !important; display: block; overflow: hidden; } main .content section .article-list article, main article .article-readmore .article { clear: both; min-height: 220px; padding-bottom: 15px; } main .content .last-articles article { min-height: 220px; clear: both; padding-bottom: 15px; } main .content .last-articles article .article-title:hover a, main .content .last-articles .article-info .article-title:hover a { color: #fc617a !important; } main .content section .article-list, main article .article-readmore, main .content .last-articles { float: left; padding-top: 20px; margin-bottom: 40px; } main .content section .article-list { width: 678px; } main .content .article-list .article-date, main .content .article-list .article-comments-count, main article .article-readmore .article-date, main article .article-readmore .article-comments-count, main .content .last-articles .article-date, main .content .last-articles .article-comments-count { text-transform: uppercase; } main .content .article-list .article-date, main article .article-readmore .article-date, main .content .last-articles .article-date, main article .article-comments .comment-date { padding-right: 3px; border-right: 1px solid #b6b6b6; } main .content .article-list .article-comments-count, main article .article-readmore .article-comments-count, main .content .last-articles .article-comments-count { padding-left: 7px; } main .breadcrumbs { font-size: 14px; font-family: 'clear_sansregular', sans-serif; width: 775px; margin-top: -5px; } main .breadcrumbs a { color: #fc617a; text-decoration: none; } main .breadcrumbs a:hover { text-decoration: underline; } main .breadcrumbs .arrow { font-size: 14px; font-family: Arial, sans-serif; color: #000; } main .content .scopes a { text-decoration: none; color: #fc617a; font-family: 'clear_sansregular', sans-serif; font-size: 14px; } main .content .scopes span { padding-right: 7px; } main .content .scopes span + span { border-left: 1px solid #999; padding: 0 7px; } main .content .scopes span a.selected { color: #000; } main .content .scopes a:hover { text-decoration: underline; } main .content .scopes { color: #FF9999; margin-right: 250px; } main .content .category-title { font-family: 'clear_sansbold', sans-serif; font-size: 36px; color: #000; padding-bottom: 5px; } main .content .article-list .article-info .hits-block, main .content .article-list .article-info .rating-block { font-family: 'clear_sansitalic', sans-serif; font-size: 12px; color: #4a4a4a; display: inline; } main .content .last-articles .article-info .article-title { line-height: 23px; } main .content .last-articles .article-info .article-intro { } main .content .article-list .article-info .article-intro, main article .article-readmore .article-info .article-intro a, main .content .last-articles .article-info .article-intro { font-family: 'clear_sansregular', sans-serif; font-size: 16px; color: #000; padding: 5px 0; cursor: pointer; text-decoration: none; } main .content .last-articles .article-info .article-rest { margin-top: 7px; } main .content .article-list .article-info .article-rest, main article .article-readmore .article-info .article-rest, main .content .last-articles .article-info .article-rest, main article .article-comments .comments-buttons, #jc .comments-buttons { font-family: 'clear_sansbold', sans-serif; font-size: 12px; color: #b6b6b6; } main .content .last-articles .article-info .article-rest .article-comments-count a, main .content .article-list .article-comments-count a { text-decoration: none; font-family: 'clear_sansbold', sans-serif; font-size: 12px; color: #b6b6b6; } main .content .last-articles .article-info .article-rest .article-comments-count a:hover, main .content .article-list .article-comments-count a:hover { text-decoration: underline; } main article .article-readmore .readmore-title, main article .article-comments #jc > .title, main > .content > section > .drcontainer div.h3, .quiz-body #target #jc > .title { text-transform: uppercase; font-size: 36px; font-family: 'intro_condlight_free', sans-serif; color: #000; margin-bottom: 30px; } main article .article-readmore .article-img, main .content .last-articles .article-img { padding-top: 0; } main article .article-readmore, main .content .last-articles, main article .article-comments, main > .content > section > .drcontainer { border-top: 3px solid black; } main > .content > section > .drcontainer { padding-top: 20px; } main > .content > section > .drcontainer ul { list-style: none; display: inline-block; width: 47%; float: left; } main > .content > section > .drcontainer ul + ul { margin-left: 15px; } main article .article-readmore .article-info .article-title a:hover { color: #fc617a !important; } main .content .article-info .rated-star, main .content .article-info .unrated-star { font-size: 16px; } main .content .article-info .rated-star { color: #FF6178; } main .content .article-info .unrated-star { color: #EAD6B8; } main .content .last-articles .article-category { margin-bottom: 7px; } main .content .last-articles .article-category a { color: #FF6178; text-decoration: none; } main .content .last-articles .article-category:hover a { text-decoration: underline; } main article .article-readmore .article-category, main .content .last-articles .article-category { color: #fc617a; font-size: 14px; font-family: 'intro_condblack_free', sans-serif; } main aside .best-articles .best-article img { object-fit: cover; padding-bottom: 5px; width: 100%; height: auto; } main aside .best-articles .best-article { margin-top: 15px; } main aside .best-articles .best-article + .best-article { margin-top: 15px; } main aside .best-articles, main aside .mostread-articles, main aside .last-comments, main aside .drcontainer, .box { border-top: 3px solid black; padding-top: 5px; } main aside .mostread-articles, main aside .last-comments, main aside .drcontainer, .box { margin-top: 30px; } main aside .best-articles > span, main aside .mostread-articles > span, main aside .last-comments > span, main aside .drcontainer > div.h3, .box h3 { font-size: 26px; text-transform: uppercase; font-family: 'intro_condlight_free', sans-serif; } .box h3 { font-weight: normal; } main aside .drcontainer > div.h3 { font-size: 23px; margin-bottom: 15px; } main aside .drcontainer ul li { background: #E6E6E6 none repeat scroll 0 0; list-style: outside none none; margin-top: 10px; padding: 11px 10px; } main aside .drcontainer ul li a { color: #000; font-size: 12px; font-style: italic; text-decoration: none; font-family: clear_sansregular, sans-serif; } main aside .drcontainer ul li a:hover { color: #fc617a; } main aside .best-articles .best-article a, main aside .mostread-articles .mostread-article a, .box div a, main > .content > section > .drcontainer ul li a { font-size: 14px; font-family: 'clear_sansbold', sans-serif; color: #000; text-decoration: none; text-transform: uppercase; } main aside .best-articles .best-article .best-article-img { height: 120px; display: block; overflow: hidden; } main aside .best-articles .best-article .best-article-img:hover + a { color: #fc617a; } main aside .mostread-articles .mostread-article, .box div { margin-top: 22px; } main aside .mostread-articles .mostread-article + .mostread-article, .box div + div, main > .content > section > .drcontainer ul li + li { margin-top: 18px; } main aside .last-comments .last-comment { background: #E0E0E0; margin-top: 12px; padding: 10px 15px; } main aside .last-comments .last-comment a { text-decoration: none; color: #000; font-size: 14px; font-family: 'clear_sansitalic', sans-serif; } main article .article-rating ul { list-style: none; } main article .article-rating li { display: inline; } main article .article-rating .extravote-container { float: left; margin-top: -2px; } main article .article-introtext, main article .article-fulltext { font-size: 16px; font-family: 'clear_sansregular', sans-serif; color: #000; } .article-fulltext h2{ font-size: 32px; font-family: 'clear_sansregular', sans-serif; color: #000; } .article-fulltext h3{ font-size: 20px; font-family: 'clear_sansregular', sans-serif; color: #000; font-style: italic; } main article .article-introtext blockquote, main article .article-fulltext blockquote { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 1px solid #000; border-radius: 0; border-top: 1px solid #000; color: #000; font-family: clear_sansitalic; font-size: 18px; margin: 35px 0 !important; padding: 32px 41px !important; width: 87%; } main article .article-introtext blockquote p.author, main article .article-fulltext blockquote p.author { display: block; font-family: clear_sansbold; font-size: 16px; font-style: normal; text-transform: uppercase; margin-top: 22px; } main article .article-introtext blockquote p.author span, main article .article-fulltext blockquote p.author span { display: block; font-family: clear_sansitalic; font-size: 13px; text-transform: capitalize; } /* Читать полностью START */ main article.read-more-article .article-readmore-wrapper{ position: relative; padding-bottom: 20px; } main article.read-more-article .article-readmore-button-wrapper{ display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1000; } main article .article-readmore-button.red-button{ display: block; font-size: 14px; margin: 0 auto; } main article.read-more-article .article-readmore-button-wrapper .article-social { display: none; position: relative; top: 25px; } /* Читать полностью END */ main article .article-social { clear: left; padding: 40px 0; } main article .article-social:last-child { padding: 25px 0 30px; } main article .article-author { background: url("/templates/new_ss/images/diagonal.png"); height: 90px; margin: 30px 0 25px; } main article .article-author .img { border-radius: 50%; float: left; height: 70px; margin-left: 24px; margin-right: 15px; margin-top: 10px; width: 70px; background-size: cover !important; } main article .article-author .info { position: relative; top: 10px; } main article .article-author .info span { color: #999; font-family: clear_sansitalic; font-size: 11px; } main article .article-author .info p { color: #000; font: 16px clear_sansbold; text-transform: uppercase; } main article .article-author .info date { color: #000; font: 13px clear_sansitalic; } main .content .red-button { display: inline-block; line-height: 40px; /*padding: 0 0 0 59px;*/ text-align: center; background: #fc617a; border-radius: 4px; text-decoration: none; font-size: 13px; font-family: 'clear_sansbold', sans-serif; color: #ffffff; text-transform: uppercase; cursor: pointer; width: 254px; } main .content .red-button.all-spec { width: 174px; padding: 0 60px; margin-bottom: 30px; } main .content .red-button.more-pub { width: 266px; padding: 0 15px; } main .content .red-button:hover { } main .content .red-button:active { background: #EB4960; } main article .red-button a { color: #ffffff; text-decoration: none; } main article .share-block { font-size: 16px; font-family: 'clear_sansregular', sans-serif; color: #000; display: inline; float: right; } main article .share-block .social-likes { float: right; margin-left: 12px; } main article .share-block span { position: relative; color: #4a4a4a; font-size: 12px; } .best-articles a:hover, .mostread-article a:hover, .last-comments a:hover { color: #fc617a !important; } main article .article-fulltext ul, main article .article-introtext ul { margin-left: 15px; } main article .article-fulltext ol li { margin-left: 20px; font-size: 10px; font-family: "Clear Sans"; color: rgb(0, 0, 0); z-index: 10; position: relative; } main article .article-fulltext ol li p { color: #000; font-family: "clear_sansregular",sans-serif; font-size: 16px; margin-left: 10px; margin-top: -29px; } main article .article-fulltext li .zametka { margin: 9px 0; display: block; } main article .article-fulltext li .zametka + p { display: none; } main article .article-fulltext ol li::before { background: rgb(236, 222, 195) none repeat scroll 0 0; border-radius: 50%; content: ""; height: 17px; left: -17px; width: 17px; z-index: -1; position: relative; top: 5px; display: inline-block; } @media screen and (max-width: 1024px) { main article .article-fulltext ol li::before { /*height: 42px;*/ left: -19px; /*top: 14px;*/ /*width: 42px;*/ /*display: none;*/ } main article .article-fulltext ol li { font-size: 13px; } main article .article-fulltext ol li p { margin-bottom: 10px; } } main article .article-fulltext img { /*padding: 10px 0;*/ max-width: 100%; height: auto !important; } main article .article-fulltext p, main article .article-fulltext h3 { padding: 10px 0; } main .content section .article-list .article-info .article-title a:hover { color: #fc617a !important; } main > .content > section > article { /*padding-bottom: 40px;*/ padding-top: 20px; } main > .content > section > .drcontainer { display: block; margin-top: -72px; margin-bottom: 40px; } main article h1, form#userForm .componentheading { font-size: 36px; font-family: 'clear_sansbold', sans-serif; line-height: 42px; color: #000; padding-bottom: 12px; } main article .article-rating a { text-decoration: none; color: #EAD6B8; font-size: 18px; } main article .article-rating a.rated { color: #FF6178; } main article .article-rating .extravote-count { margin-left: 10px; font-size: 12px; font-family: 'clear_sansitalic', sans-serif; color: #4a4a4a; position: relative; top: 2px; } main article .article-comments { clear: left; padding-top: 23px; } main article .article-readmore, main .content .last-articles { padding-bottom: 5px; } main article .article-comments .comment-author, #jc .comment-author { font-size: 18px; font-family: 'clear_sansbold', sans-serif; color: #000; } main article .article-comments .comment-body, #jc .comment-body { font-size: 16px; font-family: 'clear_sansregular', sans-serif; color: #000; margin-top: 12px; margin-bottom: 10px; } main article .article-comments .comments-buttons a, main article .article-comments .comments-buttons span, #jc .comments-buttons a, #jc .comments-buttons span { text-decoration: none; color: #b6b6b6; text-transform: uppercase; } .comments-buttons span { padding-right: 5px; } .comments-buttons span + a { border-left: 1px solid #b6b6b6; padding-left: 5px; } main article .article-comments .comments-list > div, #jc .comments-list > div { padding-bottom: 10px; } main article .article-comments .comments-list .comment-body blockquote, #jc .comments-list .comment-body blockquote { color: #000; background: white; width: 100%; border: none; text-shadow: none; padding: 0; margin: 0; border-radius: 0; font: normal 16px 'clear_sansregular', sans-serif; } main article .article-comments .comments-list .comment-body blockquote::before, #jc .comments-list .comment-body blockquote::before { background: rgba(0, 0, 0, 0) url("/plugins/editors/jckeditor/typography/blockquotes.png") no-repeat scroll 0 0; content: "" !important; display: inline-block; height: 20px; margin-top: -10px; width: 26px; } main article .article-comments .comments-list .comments-list, #jc .comments-list .comments-list { padding-left: 40px; } main article .article-comments #comments-form .title, #jc #comments-form .title { font-size: 16px; font-family: 'clear_sansbold', sans-serif; color: #000; text-transform: uppercase; } main article .article-comments #comments-form #comments-form-comment, #comments-form #comments-form-comment { resize: none; width: 100%; height: 110px; border-radius: 4px; margin-top: 15px; border: 1px solid #999; } main article .article-comments #comments-form, #comments-form { margin-bottom: 114px; } main article .article-comments #comments-form #comment-block input[type="text"], #comments-form #comment-block input[type="text"] { height: 30px; width: 40%; border-radius: 4px; padding-left: 5px; margin-top: 15px; border: 1px solid #999; } main article .article-comments #comments-form #comment-block .red-button, #comments-form #comment-block .red-button { margin-top: 15px; } main article .article-comments #comments-form #comment-block input[type="text"]::-moz-placeholder, main article .article-comments #comments-form #comment-block input[type="text"]::-webkit-input-placeholder, #comments-form #comment-block input[type="text"]::-moz-placeholder, #comments-form #comment-block input[type="text"]::-webkit-input-placeholder { font-size: 16px; font-family: 'clear_sansitalic', sans-serif; color: #202020; font-style: italic; } main article .article-introtext { padding-top: 30px; overflow: hidden; width: 100%; } main article .article-introtext p:first-child { margin-bottom: 43px; } main article .article-introtext img { max-width: 100%; margin-right: 10px; height: auto !important; } main article .ingred { background: #f1f2ed; display: inline-block; padding: 0 10px 10px 10px; margin: 10px 0; width: 97%; } main article .ingred img { float: right; } main article .zametka { background: #f5f5f5; border-radius: 5px; border: 2px solid #e6e6e6; font-style: italic; font-size: 13px; margin-bottom: 20px; margin-top: 20px; padding: 10px; } footer .content .head a img { position: relative; top: 4px; } main .content .last-articles .module-title { font-size: 48px; color: #000; font-family: 'intro_condlight_free', sans-serif; } main .content .button-outer { text-align: center; clear: both; margin-top: 30px; } main .content .front-articles { } main .content .front-articles .first-article:hover div.title a { color: #fc617a !important; } main .content .front-articles .first-article .info { width: 363px; display: inline-block; padding-right: 15px; max-height: 300px; overflow: hidden; float: left; } main .content .front-articles .first-article .img { float: right; display: inline-block; } main .content .front-articles .first-article .img, main .content .front-articles .first-article .img img { width: 552px !important; height: 300px !important; display: block; overflow: hidden; } main .content .front-articles .first-article { float: left; padding-bottom: 15px; } main .content .front-articles .first-article .title { font-size: 36px; line-height: 42px; font-family: 'Open Sans Condensed', sans-serif; color: #000; text-transform: uppercase; font-weight: bold; } main .content .front-articles .first-article .title a { color: #000; text-decoration: none; } main .content .front-articles .first-article .intro { font-size: 16px; color: #000; font-family: 'clear_sansregular', sans-serif; padding-top: 5px; } main .content .front-articles .rest-articles { width: 552px; display: inline-block; float: left; } main .content .front-articles .rest-articles .title { max-height: 36px; overflow: hidden; } main .content .front-articles .line-articles { display: inline-block; float: left; margin-bottom: 16px; } main .content .front-articles .line-articles .article { cursor: pointer; } main .content .front-articles .line-articles .article:hover div.title a { color: #fc617a; } main .content .front-articles .second-article { width: 363px; display: inline-block; padding-right: 15px; float: left; max-height: 327px; overflow: hidden; margin-bottom: 15px; cursor: pointer; } main .content .front-articles .second-article .img{ display: block; width: 363px; height: 155px; overflow: hidden; } main .content .front-articles .second-article .info { margin-top: 5px; } main .content .front-articles .second-article .title { font-family: 'Open Sans Condensed', sans-serif; font-size: 24px; line-height: 24px; padding: 15px 0; text-transform: uppercase; font-weight: bold; } main .content .front-articles .second-article .title a { color: #000; text-decoration: none; } main .content .front-articles .second-article .intro { font-family: 'clear_sansregular', sans-serif; font-size: 16px; color: #000; } main .content .front-articles .rest-articles .article, main .content .front-articles .line-articles .article { width: 174px; display: inline-block; float:left; } main .content .front-articles .line-articles .article + .article, main .content .front-articles .rest-articles .article + .article { margin-left: 15px; } main .content .front-articles .rest-articles .article.all-articles { background: url("/templates/new_ss/images/diagonal.png"); height: 120px; } main .content .front-articles .rest-articles .article.all-articles .button { padding-top: 39px; text-align: center; } main .content .front-articles .rest-articles .article.all-articles .button a { background: #ff7a8c none repeat scroll 0 0; border-radius: 3px; color: #fff; font-family: clear_sansbold,sans-serif; font-size: 13px; line-height: 40px; padding: 10px 20px; text-decoration: none; text-transform: uppercase; width: 126px; } main .content .front-articles .rest-articles .article.all-articles .button a:hover, main .content .red-button:hover { color: #fff !important; box-shadow: 0 3px 0 0 rgba(173, 49, 79, 0.7); /* #AD314F; */ } main .content .front-articles .rest-articles .article:nth-child(3n + 1) { margin-left: 0 !important; } main .content .front-articles .rest-articles .article { margin-bottom: 15px; cursor: pointer; height: 157px; } main .content .front-articles .rest-articles .article .img, main .content .front-articles .line-articles .article .img { width: 100% !important; height:120px !important; display: block; overflow: hidden; } main .content .front-articles .rest-articles .article .title a, main .content .front-articles .line-articles .article .title a { text-decoration: none; color: #000; font-family: 'intro_condblack_free', sans-serif; font-size: 12px; } main .content .front-articles a:hover, footer .content a:hover, main .content .front-articles .rest-articles .article:hover div.title a{ color: #fc617a !important; } main .content .last-articles { padding-top: 10px; } main .content .openx-special { clear:both; margin: 40px 0 30px; float: left; } main .content .openx-special a { width: 154px; float: left; padding: 10px 10px 22px; text-decoration: none; background-color: #F4F1ED; } main .content .openx-special a + a { margin-left: 15px; } main .content .openx-special .article { cursor: pointer; } main .content .openx-special .article:hover div.title { color: #fc617a !important; } main .content .openx-special .img { text-align: center; } main .content .openx-special img { width: 100% !important; height: 120px !important; margin-bottom: 7px; } main .content .openx-special .title { font-size: 14px; font-family: 'clear_sansbold', sans-serif; padding: 5px 0; text-transform: uppercase; color: #000; } main .content .openx-special .title a { color: #000; text-decoration: none; } main .content .openx-special .intro { font-size: 13px; font-family: 'clear_sansregular', sans-serif; color: #000; } main .content .openx-special .article { width: 100%; } .social-likes__widget { display: inline-block; } .social-likes__widget + .social-likes__widget { margin-left: 6px; } .social-likes__counter { display: none; } .social-likes__button { width: 30px; height: 30px; display: block; cursor: pointer; } .social-likes-vertical { position: absolute; right: 3px; bottom: 3px; } .social-likes-vertical div { display: block; width: 30px; } .social-likes-vertical div + div { margin-left: 0 !important; margin-top: 3px; } footer .social-likes__button_facebook {background: url('/templates/new_ss/images/fb-page-normal.png');} footer .social-likes__button_facebook:hover {background: url('/templates/new_ss/images/fb-page-hover.png');} footer .social-likes__button_twitter {background: url('/templates/new_ss/images/tw-page-normal.png');} footer .social-likes__button_twitter:hover {background: url('/templates/new_ss/images/tw-page-hover.png');} footer .social-likes__button_plusone {background: url('/templates/new_ss/images/google-page-normal.png');} footer .social-likes__button_plusone:hover {background: url('/templates/new_ss/images/google-page-hover.png');} footer .social-likes__button_vkontakte {background: url('/templates/new_ss/images/vk-page-normal.png');} footer .social-likes__button_vkontakte:hover {background: url('/templates/new_ss/images/vk-page-hover.png');} main article .social-likes__button_vkontakte {background: url('/templates/new_ss/images/vk-sharing-normal.png');} main article .social-likes__button_vkontakte:hover {background: url('/templates/new_ss/images/vk-sharing-hover.png');} main article .social-likes__button_facebook {background: url('/templates/new_ss/images/fb-sharing-normal.png');} main article .social-likes__button_facebook:hover {background: url('/templates/new_ss/images/fb-sharing-hover.png');} main article .social-likes__button_twitter {background: url('/templates/new_ss/images/tw-sharing-normal.png');} main article .social-likes__button_twitter:hover {background: url('/templates/new_ss/images/tw-sharing-hover.png');} .captcha-img { position: relative; top: 15px; } .captcha-input { position: relative; bottom: 10px; width: 184px !important; } .captcha-renew { position: relative; top: 5px; font-size: 12px; font-family: 'clear_sansitalic', sans-serif; color: #494949; text-transform: lowercase; text-decoration: underline; cursor: pointer; } .captcha-block { padding-bottom: 15px; } main .content section .article-list .article-img img { margin: 0 !important; } .top-search { right: 25px; top: -35px; cursor: pointer; color: #fff; text-align: right; position: relative; float: right; } .top-search:hover { color: #fc617a; } .top-search form, .top-search .searchform { display: none; position: absolute; right: 209px; top: -7px; } .ya-site-form__submit { display: none !important; } .top-search form input#mod_search_searchword, .top-search .searchform input.ya-site-form__input-text { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: none !important; border-bottom: 1px solid #fff !important; color: #fff !important; width: 180px !important; } .pagination { margin-bottom: 85px; margin-top: 40px; clear: both; } .pagination .pagenav { color: #fc617a; text-decoration: none; font-size: 14px; } .pagination span.pagenav { color: #000; } .pagination .pagenav + .pagenav { margin-left: 10px; } .pagination .pagenav.next, .pagination .pagenav.prev { background: rgb(255, 122, 140) none repeat scroll 0 0; border-radius: 3px; color: #fff; font-family: "clear_sansregular"; font-size: 13px; font-weight: bold; padding: 13px 20px; text-transform: uppercase; margin: 0 30px; } .pagination span.pagenav.prev, .pagination span.pagenav.next { background: #E9E9E9; cursor: default; } .pagination .pagenav > span.arrow { font-family: Arial; font-size: 24px; position: relative; top: 2px; } span.captcha { color: #808080; cursor: pointer; font-size: 12px; font-style: italic; left: -120px; position: relative; text-decoration: underline; top: 18px; } #comments-form-captcha-image { display: inline; } #comments-form-captcha { left: -57px; margin-top: 0; position: relative; top: -26px; display: inline; margin-left: 15px; } #comments-form-buttons { background: rgb(255, 122, 140) none repeat scroll 0 0; border-radius: 3px; line-height: 40px; margin-top: 20px; padding: 10px 29px; width: 108px; color: #fff; font-size: 13px; text-decoration: none; text-transform: uppercase; font-family: clear_sansbold; } #comments-form-buttons a { color: #fff; text-decoration: none; font-size: 13px; font-family: clear_sansbold, sans-serif; text-transform: uppercase; } .grippie { color: #494949; font-family: clear_sansregular; font-size: 13px; position: relative; top: -140px; font-style: italic; text-align: right; } .openx-bottom { bottom: 5px !important; position: fixed; left: 27%; display: none; z-index: 9000; } .openx-right { top: 20%; position: fixed; right: 7%; display: none; z-index: 9000; } #fancybox-thumbs { bottom: 105px !important; } @media screen and (max-width: 1400px) { .openx-right { top: 13%; right: 20px; } .openx-bottom { left: 15%; bottom: 5px; } #fancybox-thumbs ul { display: none !important; } } @media screen and (max-width: 1300px) { .openx-bottom { left: 10px; bottom: 5px; } } @media screen and (max-width: 1024px) { #banners-right { display: none !important; } } .openx-right .right { background-color: #fff; } .openx-bottom .bottom { background-color: #fff; } #fancybox-thumbs ul { display: block; position: relative; margin: 0 auto !important; left: auto !important; text-align: center; } .fancybox-opened { z-index: 99999999; } .imgSocial { position: relative; margin: 0 auto 20px auto; max-width: 100%; } .pagenavi { margin-bottom: 40px; } .pagenavi table.pagenav { } .pagenavi table.pagenav .pagenav_prev { text-align: left; } .pagenavi table.pagenav .pagenav_prev .prev{ display: block; float: left; margin-right: 10px; margin-top: 10px; } .pagenavi table.pagenav .pagenav_next { text-align: right; } .pagenavi table.pagenav .pagenav_next .next { display: block; float: right; margin-left: 10px; margin-top: -29px; } .pagenavi table.pagenav .pagenav_prev a, .pagenavi table.pagenav .pagenav_next a { color: #000; display: block; font-family: clear_sansregular; font-size: 14px; margin-left: 22px; } .pagenavi table.pagenav .pagenav_next a { margin-right: 22px; } div#ya-site-results, form#userForm { margin-right: 252px; } .b-wrapper { display: inline !important; } form#userForm input[type="text"] { height: 30px; width: 40%; border-radius: 4px; padding-left: 5px; margin-top: 15px; border: 1px solid #999; } form#userForm textarea { resize: none; height: 110px; border-radius: 4px; margin-top: 15px; border: 1px solid #999; } #banner-top { overflow: hidden; min-width: 1070px; } .ya-site-suggest-list { max-width: 179px !important; min-width: 100px !important; margin-top: 0 !important; background: #fff !important; } .ya-site-suggest-items { text-align: left; } .text-center { text-align: center; } .text-center + p { margin-top: 10px !important; } #comments-form-message { font-family: clear_sansregular; font-size: 15px; position: relative; top: 269px; } .clear-fix { clear: both; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .yap-main { width: 100%; } /* #22352 Стили для блока перелинковки на статьи быстробота с рефорума */ .reforum-fastbot { clear:both; margin-bottom: 24px; text-align: center; font-family: 'clear_sansregular', sans-serif;} .reforum-fastbot-links { display: inline-block; border: 1px solid #FF6178; border-radius: 3px; padding: 6px 12px; } .reforum-fastbot-links a { color: #b6b6b6; text-decoration: none; font-size: 14px; } .reforum-fastbot-links a:hover {text-decoration: underline; } .reforum-fastbot-links ol { text-align: left; list-style-position: inside; } .reforum-fastbot-links ol li { color: #b6b6b6 } .article-vote { margin-top: 50px; margin-bottom: 60px; border-top: 3px solid #000; padding-top: 28px; font-family: 'clear_sansbold', sans-serif; display: inline-block; width: 100%; text-align: center; } .article-vote .vote-title { font-size: 24px; line-height: 35px; font-family: 'intro_condblack_free', sans-serif; color: #000; padding-bottom: 40px; text-transform: uppercase; } .article-vote ul { list-style: none; margin-left: 15%; } .article-vote ul li { float: left; text-align: center; width: 210px; } .article-vote ul li + li { margin-left: 66px; } .article-vote ul li div.img { width: 205px; height: 180px; background-size: cover; overflow: hidden; border: 2px solid #000; } .article-vote ul li div.img img { object-fit: cover; width: 100%; height: 100%; } .article-vote ul li div.info { margin-top: 12px; text-transform: uppercase; font-size: 15px; min-height: 35px; } .article-vote ul li div.votes-count { text-transform: uppercase; color: #fc617a; } .article-vote ul li:first-child div.votes-count { color: #65D5F2; } .article-vote ul li div.votes-count p { font-size: 25px; } .article-vote ul li div.votes-count span { font-family: 'clear_sansregular'; font-size: 13px; } .article-vote ul li button { margin-top: 13px; display: inline-block; line-height: 40px; padding: 0 40px; background: #fc617a; border-radius: 4px; text-decoration: none; font-size: 15px; font-family: 'clear_sansbold', sans-serif; color: #ffffff; text-transform: uppercase; cursor: pointer; box-shadow: 0 3px 0 0 rgba(173, 49, 79, 0.7); border: none; text-shadow: 0 1px 0px #808080; } .article-vote ul li:first-child button { background: #65D5F2; box-shadow: 0 3px 0 0 rgba(0, 171, 243, 0.7); } .vote-options { height: 230px; width: 440px; border: 3px solid #000; } .vote-options .center.options, .vote-success p { font-family: 'clear_sansbold'; font-size: 25px; margin-top: 46px; text-transform: uppercase; color: #000; text-align: center; } .vote-options .links { margin-top: 25px; margin-bottom: 56px; text-align: center; } .vote-options .links a { width: 80px; height: 80px; display: inline-block; color: rgba(0,0,0,0); } .vote-options .links a { cursor: pointer; } .vote-options .links a + a { margin-left: 15px; } .vote-options .links a.vk { background: url('/templates/new_ss/images/vk_opros.png'); } .vote-options .links a.ok { background: url('/templates/new_ss/images/ok_opros.png'); } .vote-options .links a.fb { background: url('/templates/new_ss/images/fb_opros.png'); } .vote-success { margin-bottom: 40px; display: none; } .vote-success .share p { font-size: 17px; text-transform: none; font-family: clear_sansregular; margin-top: 25px; } .vote-success .share { text-align: center; } .vote-success .share .social-likes .social-likes__button { width: 60px; height: 60px; background-size: contain; } .vote-success .share .social-likes { display: block; height: 60px; margin-top: 16px; margin-bottom: 25px; margin-left: 219px; } .vote-success .share .social-likes .social-likes__widget { float: left; } .vote-success .share .social-likes .social-likes__widget + .social-likes__widget { margin: 0; } .vote-success .share .social-likes__button_vkontakte { background: url('/templates/new_ss/images/vk_opros.png'); } .vote-success .share .social-likes__button_facebook { background: url('/templates/new_ss/images/fb_opros.png'); } .vote-success .share .social-likes__button_twitter { background: url('/templates/new_ss/images/tw_opros.png'); } .vote-success .share .social-likes__button_odnoklassniki { background: url('/templates/new_ss/images/ok_opros.png'); } .vote-success .more a { font-family: clear_sansregular; color: #000; text-decoration: underline; cursor: pointer; } .vote-success .more a + a { margin-left: 20px; } .fancybox-inner { overflow: hidden !important; } /* Стили для подменяеммых символов которых нет в шрифте */ /* + */ i.plus:before { content: "\002B"; } /* - */ i.hyphen:before { content: "\002D"; } /* – */ i.en-dash:before { content: "\2013"; } /* – */ i.em-dash:before { content: "\2014"; } /* " */ i.quot:before { content: "\0022"; } /* " */ i.r-quot:before { content: "\00BB"; } /* " */ i.l-quot:before { content: "\00AB"; } /* : */ i.colon:before { content: "\003A"; } /* ; */ i.semicolon:before { content: "\003B"; } /* ( */ i.l-parenthesis:before { content: "\0028"; } /* ) */ i.r-parenthesis:before { content: "\0029"; } /* = */ i.equal:before { content: "\003D"; } /* общие стили для подменяеммых символов */ i.rpl-symbol:before { font-family: 'clear_sansregular'; font-style: normal !important; } i.rpl-symbol.bold:before { font-family: 'clear_sansbold'; } /* calendar */ .news_listing, .calendar, .holiday-new, .quiz-body, .otvet { width: 678px; margin-top: 20px; font-family: 'clear_sansregular', sans-serif; } .news_listing ul, ul.calendar, .quiz-body ul, ul.quizes { list-style: none; } .news_listing ul.calendar, .news_listing .otvet { width: 100%; } .news_listing .calttl, .news_listing .calendar.by_country { margin-bottom: 10px; } .news_listing .calttl a, .news_listing .calendar.by_country, ul.calendar h1, .news_listing .quiz h2 a, .quiztitle, .quiz h2 { font-family: 'clear_sansbold', sans-serif; font-size: 36px; color: #000; padding-bottom: 5px; text-decoration: none; } .news_listing .calsubttl a, .quiz > p { font-family: 'clear_sansbold', sans-serif; font-size: 24px; color: #000; text-decoration: none; text-transform: uppercase; } .news_listing .calevent .calimg { float: left; margin-right: 10px; margin-top: 10px; } .news_listing .calevent { margin-bottom: 20px; } .news_listing .calevent p.countries, .news_listing .countries { margin: 10px 0; padding-left: 16px; line-height: 15px; background: url("/templates/ss/images/flag.png")no-repeat 0 50%; display: block; text-transform: uppercase; } .news_listing .countries + .clock { margin-top: 20px; } .news_listing div.clock { margin-bottom: 5px; padding-left: 16px; background: url("/templates/ss/images/clock.png") no-repeat 0 50%; } .news_listing div.clock a, .otvet_num, .otvet_content.override .otvet_info { font-family: 'clear_sansitalic', sans-serif; font-size: 12px; color: #4a4a4a; display: inline; text-decoration: none; } .news_listing .link a { font-family: 'clear_sansbold', sans-serif; color: #000; text-decoration: none; } .news_listing .calevent p.countries a, .news_listing .countries a, .news_listing .otvet .otvet_answer, .otvet_ava, .timeago, .otvet_points { font-family: 'clear_sansbold', sans-serif; font-size: 12px; color: #b6b6b6; text-transform: uppercase; } .news_listing .otvet .otvet_answer { float: right; line-height: 0; background: none; margin-top: 10px; } .news_listing .calevent p { font-family: 'clear_sansregular', sans-serif; font-size: 16px; color: #000; cursor: pointer; text-decoration: none; margin-bottom: 10px; margin-top: 5px; } .news_listing .calevent .gear, .gear { display: none; width: 120px; margin-top: 15px; height: 15px; line-height: 15px; position: relative; background: url("/templates/ss/images/add_event.png") no-repeat 0 50%; padding-left: 20px; font-size: 12px; cursor: pointer; } .season-articles { padding: 20px 0; } .season-articles a { color: #b6b6b6; text-decoration: none; font-size: 14px; } .season-articles a:hover { text-decoration: underline; } .news_listing .links_t .link_title h2, .holiday-new, .quiz_more h2 { border-top: 3px solid black; padding: 10px 0 5px 0; font-size: 26px; text-transform: uppercase; font-family: 'intro_condlight_free', sans-serif; } .news_listing .links_t ul li h3 a, .holiday-new .holid-col a, .quizes li a, .quiz-body .quiztitle, .quiz_more .quiz-random a, .otvet-list li a { font-size: 14px; font-family: 'clear_sansbold', sans-serif; color: #000; text-decoration: none; text-transform: uppercase; } .holiday-new .holid-col { width: 47%; float: left; } .holiday-new .holid-col ul { list-style: none; margin-top: 10px; } .holiday-new .holid-col + .holid-col { margin-left: 25px; } .news_listing .links_t ul li + li, .otvet_category { margin-top: 15px; } .quizes li + li { margin-top: 10px; } ul.calendar .calendar_img { float: left; margin-right: 15px; margin-bottom: 15px; } ul.calendar div.intro { margin: 15px 0; } div.datepicker { position: relative; font-family: 'clear_sansbold', sans-serif; font-size: 10px; width: 190px; height: 190px; position: absolute; cursor: default; top: 0; left: 0; display: none; } .datepickerContainer {height: 500px;top: 0px;left: 0px;} .datepickerHidden { display: none;} div.datepicker a {color: #333; text-decoration: none;cursor: default;outline: none;cursor: pointer; text-align: center} .datepickerNotInMonth span{color: #ddd;} div.datepicker th {text-align: center;color: #999;font-weight: normal;} div.datepicker th a {color: #838383;} div.datepicker tbody th {text-align: left;} div.datepicker tbody a {display: block;} .datepickerDays {background:#fff;} .datepickerViewDays {background:#fff;} .datepickerDoW th { text-align: center; } .datepickerDays a {width: 24px;line-height: 23px;height: 23px;margin: 0 0 1px 1px;} .datepickerYears a,.datepickerMonths a{width: 44px;line-height: 36px;height: 36px;text-align: center;} td.datepickerNotInMonth a {color: #666;} tbody.datepickerDays td.datepickerSelected a{background: #e53e30;} tbody.datepickerDays td.datepickerSelected a {color: #fff !important;} tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {background: #adadad;} tbody.datepickerYears td.datepickerSelected a,tbody.datepickerMonths td.datepickerSelected a{background: #e53e30;} div.datepicker a:hover,div.datepicker a:hover {color: #fff;background: #e53e30;} div.datepicker td.datepickerNotInMonth a:hover {color: #999;} div.datepicker tbody th {text-align:left;} .datepickerSpace div {width: 16px;} .datepickerDays .datepickerSaturday a, .datepickerDays .datepickerSunday a {background-color: #f1f1f1;} .datepickerGoNext a,.datepickerGoPrev a,.datepickerMonth span{text-align: center; height: 20px; line-height: 20px;} .datepickerMonth span {display: block; width: 100%;} .datepickerGoNext a {float: right;width: 20px;} .datepickerGoPrev a {float: left;width: 20px;} table.datepickerViewDays tbody.datepickerMonths,table.datepickerViewDays tbody.datepickerYears { display: none;} table.datepickerViewMonths tbody.datepickerDays,table.datepickerViewMonths tbody.datepickerYears,table.datepickerViewMonths tr.datepickerDoW {display: none;} table.datepickerViewYears tbody.datepickerDays,table.datepickerViewYears tbody.datepickerMonths,table.datepickerViewYears tr.datepickerDoW {display: none;} td.datepickerDisabled a,td.datepickerDisabled.datepickerNotInMonth a{color: #333;} td.datepickerDisabled a:hover {color: #333;} td.datepickerSpecial a {background:#700;} td.datepickerSpecial.datepickerSelected a {background: #a00;} .datepickerMonth a:hover span {color:#fff;} .datepickerGoNext a:hover span {color:#fff;} .datepickerGoPrev a:hover span {color:#fff;} div.datepicker tbody .datepickerDoW th { text-align: center;} /* calendar */ /* quiz */ .news_listing .quizes { margin-bottom: 20px; } .quiz-body p { margin: 10px 0; } .quiz-body .quiz_button, .quiz-body > a, .quiz-body .share-block a, .quiz-body .repeat-quiz, .otvet_ask, .otvet_answer{ background: rgb(255, 122, 140) none repeat scroll 0 0; border-radius: 3px; line-height: 40px; margin-top: 20px; padding: 10px 29px; width: 108px; color: #fff; font-size: 13px; text-decoration: none; text-transform: uppercase; font-family: clear_sansbold; } .otvet_ask { padding: 10px 24px; } .quiz-body #target #jc, .otvet_content.override { clear: left; padding-top: 23px; border-top: 3px solid black; } .quiz-body #jc #comments-form p { margin: 0; } .quiz-body p.quiztitle { font-family: 'clear_sansregular', sans-serif; text-transform: none; } .quiz_more { margin-top: 20px; } .quiz ul.quizes { margin-top: 20px; } .otvet_slider { float: left; list-style: none; padding: 0px; margin: 0px; font-family: 'clear_sansregular', sans-serif; text-transform: uppercase; font-size: 14px; } .otvet_slider li { display: block; cursor: pointer; float: left; line-height: 35px; z-index: 2; padding: 0 5px; border-bottom: 2px solid #000; } .otvet_slider li.active { background: rgb(255, 122, 140); } .slider_content { display: none; font-family: 'clear_sansregular', sans-serif; text-transform: none; } /* quiz */ /* otvet */ .otvet-table tr td { padding-top: 15px; } .otvet-table tr td .otvet_text, .otvet .question .otvet_text, .otvet_content.override .question { margin: 10px 0; } .otvet-table tr td .otvet_text a, .otvet_content.override .question, .otvet_content.override .otvet_parent{ font-family: 'clear_sansregular', sans-serif; text-decoration: none; color: #000; } .otvet-table .pages a { color: #fc617a; text-decoration: none; font-size: 14px; } .otvet-table .pages span { color: #000; } .otvet-table .pages a + a, .otvet-table .pages a + span, .otvet-table .pages span + a { margin-left: 10px; } .otvet-list li ul { margin-left: 10px; } .otvet-list li ul li a, .otvet_sort span { font-family: 'clear_sansitalic', sans-serif; font-size: 12px; color: #4a4a4a; display: inline; text-transform: none; } .otvet_sort span { font-size: 15px; cursor: pointer; } .otvet_sort span.active { color: #fc617a; } .otvet-list li ul li + li { margin-top: 10px; } .otvet-btns { float: right; width: 70px; } .otvet-btns input { display: inline-block; width: 16px; height: 16px; background-color: none; border: 0; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em; } .otvet-btns input + input { margin-left: 5px; } .otvet-btns input { background-image: url("/templates/ss/images/otvet-attention.png"); cursor: pointer; } .otvet-btns input.minus1 { background-image: url("/templates/ss/images/otvet-like.png"); } .otvet-btns input.plus1 { background-image: url("/templates/ss/images/otvet-like-like.png"); } .otvet_answer, .otvet_content.override .otvet_ask { border: none; padding: 0; } .otvet .answers { border-top: 2px solid #000; } .otvet .answers thead { display: none; } .otvet .answers .box { margin: 0; border: none; } .otvet .answers .box .otvet-ava { float: left; width: 45px; height: 45px; background: url("/templates/ss/images/otvet-big-avatar.png") no-repeat 0 0; margin-right: 20px; } .otvet .answers .box .otvet_text, .otvet .answers .box .clear { margin: 0; } .otvet .otvet-ttl { font-size: 16px; font-family: 'clear_sansbold', sans-serif; color: #000; text-transform: uppercase; } .otvet_content.override .question { padding: 10px 0; } .otvet_content.override .otvet_ask { padding: 0 10px; width: 140px; } /* otvet */ @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,cyrillic); .overlay { background: rgba(0,0,0,0.5); display: none; position: fixed; width: 100%; height: 100%; z-index: 9999999; } .mail-suggestion { position: fixed; height: 100%; left: -50%; top: 0; z-index: 9999999; } .mail-suggestion .light-background { background: rgb(236,97,123); width: 38%; height: 100%; -webkit-box-shadow: 5px 0 20px rgba(0,0,0,.5); -moz-box-shadow: 5px 0 20px rgba(0,0,0,.5); box-shadow: 5px 0 20px rgba(0,0,0,.5); z-index: 9; position: fixed; } .mail-suggestion .light-background p { color: #fff; font-size: 52px; padding: 0 8%; /*margin-top: 50%;*/ position: relative; top: 36%; font-family: Roboto, Tahoma, san-serif; font-weight: 600; line-height: 66px; } .mail-suggestion .dark-background { background: rgb(219,75,100); width: 50%; height: 100%; position: fixed; /*left: 38%;*/ } .mail-suggestion .round { background: #fff; width: 245px; height: 245px; position: fixed; top: 36%; left: -245px; border-radius: 50%; } .mail-suggestion .round::before { content: ""; background: url(/templates/new_ss/images/arrow_strana.png); width: 25px; height: 78px; position: absolute; top: 95px; left: -2px; } .mail-suggestion .round .subscribtion { width: 200px; position: relative; top: 47%; left: 18%; display: inline-block; } .mail-suggestion .round .subscribtion input { height: 18px; float: left; width: 133px; } .mail-suggestion .round .subscribtion button#submit { position: relative; width: 34px; height: 24px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #dd4b63; border: none; cursor: pointer; margin-left: 3px; } .mail-suggestion .round .subscribtion button#submit::before { content: ""; width: 16px; background: url(/templates/new_ss/images/send_icon.png); height: 14px; position: absolute; left: 9px; top: 5px; } .mail-suggestion .round .subscribtion button:hover { background-color: #fc617a; } .mail-suggestion .round .subscribtion .error { display: none; color: red; font-size: 14px; } @media screen and (max-width: 1400px) { .mail-suggestion .light-background p { font-size: 40px; } } @media screen and (max-width: 1152px) { .mail-suggestion .light-background p { font-size: 30px; } } #burger { display: none; width: 40px; border-radius: 5px; padding: 2px 5px; cursor: pointer; box-sizing: border-box; position: absolute; top: 5px; right: 5px; z-index: 999; } #burger span { display: block; height: 3px; background: #fff; margin: 4px 0; } nav.menu menu { position: relative; } @media screen and (max-width: 1024px) { main .content { width: auto; } main > .content > section > article { margin-right: 0; } #comment-block .captcha { width: auto; } .content { width: auto; } main .content .front-articles .line-articles { overflow: hidden; width: 100%; } main .content .front-articles .line-articles .article { width: 20%; padding: 0 5px; box-sizing: border-box; } main .content .front-articles .line-articles .article + .article { margin-left: 0; } main .content .front-articles .line-articles .article img { width: 100%; } main .content .front-articles .first-article { overflow: hidden; } main .content .front-articles .first-article .info { width: 40%; box-sizing: border-box; } main .content .front-articles .first-article .img { width: 60% !important; padding-left: 5px; box-sizing: border-box; } main .content .front-articles .first-article .img img { width: 100% !important; } main .content .front-articles .second-article { width: 40%; box-sizing: border-box; } main .content .front-articles .rest-articles { width: 60% !important; } main .content .front-articles .rest-articles .article { width: 33.33%; box-sizing: border-box; } main .content .front-articles .rest-articles .article + .article { margin-left: 0; padding: 0 5px; } main .content img { width: 100%; } main .content .front-articles .rest-articles .article:nth-child(3n + 1) { padding: 0 5px; } main .content .front-articles .second-article .img { width: 100%; } main .content .last-articles article { overflow: hidden; } main .content .last-articles .article-info { width: 40%; box-sizing: border-box; } main .content .last-articles .article-img { width: 60% !important; } footer .content .head { padding-left: 15px; padding-right: 15px; } footer .columns { padding-left: 15px; padding-right: 15px; } footer .content .columns .categories { width: 100%; box-sizing: border-box; } footer .content .columns .info { box-sizing: border-box; } main .content section { width: calc(100% - 252px); overflow: hidden; } main .content section .article-list { width: auto; } main .content section .article-list .article-info, main article .article-readmore .article-info { width: 50%; box-sizing: border-box; } main .content section .article-list .article-img, main article .article-readmore .article-img { width: 50%; box-sizing: border-box; } main .content .scopes { margin-right: 0; } } @media screen and (max-width: 860px) { main .content section .article-list .article-info, main article .article-readmore .article-info { width: 100%; } main .content section .article-list .article-img, main article .article-readmore .article-img { width: 100%; padding: 10px 0; } .pagination .pagenav.next, .pagination .pagenav.prev { margin: 0; } .pagination .pagenav.next, .pagination .pagenav.prev { margin: 0; } } @media screen and (max-width: 767px) { nav.menu menu,nav.menu { height: auto; } main .content .front-articles .line-articles .article { width: 50%; margin-bottom: 10px; } main .content .front-articles .line-articles .article .img { height: 200px !important; } main .content .front-articles .first-article .info { width: 100%; float: none; } main .content .front-articles .first-article .img { width: 100% !important; float: none; padding-left: 0; } main .content .front-articles .second-article { width: 100%; } main .content .front-articles .rest-articles { width: 100% !important; } main .content .front-articles .rest-articles .article { width: 50%; } main .content .last-articles .article-info { width: 100%; } main .content .last-articles .article-img { width: 100% !important; } #burger { display: block; } footer .content .head .social-likes { display: none; } .content { padding: 0 10px; } .mail-suggestion .light-background p { font-size: 0; } nav.menu menu { display: none; } nav.menu { min-height: 40px; } footer .content .head .links { margin-left: 0; margin-top: 10px; } nav.menu menu { width: auto; } .pagination span.pagenav.prev, .pagination span.pagenav.next { display: block; margin-bottom: 10px; } .pagination .pagenav.next, .pagination .pagenav.prev { display: block; margin-top: 10px; } nav.menu menu li.dropdown { display: block; } nav.menu .submenu { display: none !important; } } @media screen and (max-width: 640px) { footer .content .columns .categories .column { float: none; } footer .content .columns .categories .column + .column { margin-left: 0; } footer .content .columns .categories { width: 100%; padding: 0; border: none; } footer .content .columns .info { width: 100%; padding: 0; } main .content section { width: 100%; overflow: hidden; } main .content aside { float: none; padding-left: 0; width: 100%; } .news_listing .calttl a, .news_listing .calendar.by_country, ul.calendar h1, .news_listing .quiz h2 a, .quiztitle, .quiz h2 { font-size: 24px; } .news_listing, .calendar, .holiday-new, .quiz-body, .otvet { width: auto; } .news_listing tr, .news_listing td { display: block; width: 100%; } } @media screen and (max-width: 520px) { main .content .front-articles .line-articles .article { width: 100%; padding: 0; } main .content .front-articles .rest-articles .article { width: 100%; padding: 0; } footer .content .head { padding-left: 0; padding-right: 0; } footer .content .head .links { display: block; } footer .content .head { padding: 15px 0 15px; border-bottom: 1px solid #262626; } footer .columns { padding-left: 0; padding-right: 0; } main .content .last-articles .article-info { padding-top: 10px; } main .content .last-articles .module-title { font-size: 30px; } main .content section .article-list .article-info .article-title a, main article .article-readmore .article-info .article-title a, main .content .last-articles .article-info .article-title a { font-size: 18px; } main .content .last-articles .article-img { height: 180px !important; } main .content section .article-list, main article .article-readmore, main .content .last-articles { margin-bottom: 10px; } main .content .button-outer { margin-top: 10px; } main .content .front-articles .rest-articles .article { height: auto; } main .content .front-articles .rest-articles .title { padding-top: 2px; } } .gallery_prev { display: none; width: 100%; position: relative; margin-bottom: 10px; } .gallery_prev p { font-weight: bold; font-size: 15px; color: #000; } .gallery_prev .controls a { position: absolute; top: 55px; margin-top: -18px; content: ""; display: block; width: 14px; height: 36px; background: url(/templates/new_ss/images/next-prev.png) no-repeat; border: none; box-shadow: none; cursor: pointer; } .gallery_prev .controls a.btn-prev { left: 0; background-position: 0 -36px; } .gallery_prev .controls a.btn-prev:hover { background-position: 0 0; } .gallery_prev .controls a.btn-next { right: 15px; background-position: -14px -36px; } .gallery_prev .controls a.btn-next:hover { background-position: -14px 0; } .gallery_prev .images { height: 75px; overflow: hidden; margin-left: 32px; width: 88% } .gallery_prev .images div { height: 75px; position: relative; } .gallery_prev .images div a { width: 75px; height: 75px; float: left; position: relative; overflow: hidden; } .gallery_prev .images div a + a { margin-left: 5px; } .gallery_prev .images div a img { width: 100%; object-fit: cover; height: 100%; } .banner_head { position: absolute; width: 728px; height: 90px; top: 0; left: 270px; } .wrap-my { background:#000; } .wrap-my img:hover { opacity:0.4; -moz-opacity:0.4; filter: alpha(opacity=40) black; -khtml-opacity: 0.4; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .hover-my { opacity:0.4; -moz-opacity:0.4; filter: alpha(opacity=40) black; -khtml-opacity: 0.4; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .zoom { top: 10px; right: 10px; position: absolute; z-index: 10; background-image: url(/templates/new_ss/images/zoom_img.png); background-position: center center; margin-left: -29px; width: 58px; height: 58px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; } .table_col { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 14px; width: 100%; background: white; text-align: left; border-collapse: collapse; color: #3E4347; display: block; } .table_col th:first-child, .table_col td:first-child {color: #F5F6F6;border-left: none;} .table_col th {border-bottom: 2px solid #fec1cb;border-right: 20px solid white;border-left: 20px solid white;padding: 8px 10px;} .table_col td {border-right: 20px solid white;border-left: 20px solid white;padding: 5px 10px;color: #8b8e91;} .table_col a { color: #8b8e91; text-decoration:none; } .table_col a:hover { color: #e53e30; } #separator { border: 1px solid #fec1cb; margin: 5px 0px; } .news_categories {overflow: hidden;margin-bottom: 10px;font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;} .news_categories ul {display: block;list-style: none;} .news_categories li { float: left; height: 36px; margin: 0 20px 20px 0; padding-right: 20px; background-repeat: no-repeat; background-position: 100% 0; } .news_categories li a { display: block; height: 36px; line-height: 35px; padding-left: 10px; color: #000; background-repeat: no-repeat; background-position: 0 0; text-decoration: none; } .news_categories li:hover { background-position: 100% 100%; } .news_categories li:hover a { background-position: 0 100%; } .news_categories li { background-image: url("http://ruki-zhizni.ru/templates/ss/img/section-bg-red-cap.png"); } .news_categories li a { background-image: url("http://ruki-zhizni.ru/templates/ss/img/section-bg-red-fill.png"); } .news_categories li a:hover { color: #e53e30; } .news_categories.small ul li { float: none; height: auto; margin: 0; margin-bottom: 5px; padding: 0; padding-left: 12px; } .news_categories.small ul li a { display: inline; height: auto; line-height: 15px; padding: 0; background: none; } .news_categories.small ul li, body.skin-red .news_categories.small ul li:hover { background: url("http://ruki-zhizni.ru/templates/ss/img/list-bull-red.png") no-repeat 0 4px; } .news_categories.small ul li a:hover { color: #e53e30; } .status { background-color: #ededed; margin-bottom: 20px; box-shadow: 0 3px 5px 0 rgba(50,50,50,.21); border-radius: 10px; padding: 5px; font-family: 'clear_sansregular', sans-serif; } .cat-status { width: 64%; float: right; font-family: 'clear_sansregular', sans-serif; } .cat-status .status img { width: 100% }