html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { line-height: 1; } body { line-height: 1; } i, em{ font-style: italic; } table { border-collapse: collapse; border-spacing: 0; } ul, ol { list-style: none; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, blockquote:before, q:after, blockquote:after { content: ""; content: none; } img { max-width: 100%; height: auto; border: none; } a { text-decoration: none; color: #0D239E; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :focus { outline: none; } .cf:before, .cf:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .cf:after { clear: both; } .search-submit, .recipes-slider-block .bx-prev:before, .recipes-slider-block .bx-next:before, .popular-slider-block .bx-prev:before, .popular-slider-block .bx-next:before, .material-slider-block .bx-prev:before, .material-slider-block .bx-next:before, .goroskop-slider-block .bx-prev:before, .goroskop-slider-block .bx-next:before, .garderob-slider-block .bx-prev:before, .garderob-slider-block .bx-next:before, .garderob-slider-block .total-likes .number:before, .widget--garderob .bx-prev:before, .widget--garderob .bx-next:before, .widget--garderob .total-likes .number:before, .tests-slider-block .bx-prev:before, .tests-slider-block .bx-next:before, .likes-buttons .like:before, .likes-buttons .dislike:before, .radio label:before, .radio input:checked + label:before, .heart, .eaye:before, .rrec_view:before, .garderob__block .total-likes .number:before, .dossier-pagination__nav--prev:before, .dossier-pagination__nav--next:before { background: url("/assets/sprite.png") 0 0 no-repeat; } .before, .material--meta .rrec_view:before, .material--meta .eaye:before, .section-title:before, .dossier-row__item-figure:before, .cat-pagination__nav--prev:after, .cat-pagination__nav--next:after, .dossier-pagination__nav--prev:before, .dossier-pagination__nav--next:before, .dossier-pagination__nav--prev:after, .dossier-pagination__nav--next:after, .main-menu li.current:before, .categories-menu a:before, .recipes-slider-block .bx-viewport:before, .recipes-slide:before, .recipes-slider-block .bx-prev:before, .popular-slider-block .bx-viewport:before, .popular-slide:before, .popular-slider-block .bx-prev:before, .goroskop-slider-block .bx-prev:before, .tests-slider-block .bx-prev:before, .material-slider-block .bx-prev:before, .garderob-slider-block .bx-prev:before, .widget--garderob .bx-prev:before, .recipes-slider-block .bx-next:before, .popular-slider-block .bx-next:before, .goroskop-slider-block .bx-next:before, .tests-slider-block .bx-next:before, .material-slider-block .bx-next:before, .garderob-slider-block .bx-next:before, .widget--garderob .bx-next:before, .recipes-slider-block .bx-prev:after, .popular-slider-block .bx-prev:after, .goroskop-slider-block .bx-prev:after, .tests-slider-block .bx-prev:after, .material-slider-block .bx-prev:after, .garderob-slider-block .bx-prev:after, .widget--garderob .bx-prev:after, .recipes-slider-block .bx-next:after, .popular-slider-block .bx-next:after, .goroskop-slider-block .bx-next:after, .tests-slider-block .bx-next:after, .material-slider-block .bx-next:after, .garderob-slider-block .bx-next:after, .widget--garderob .bx-next:after, .garderob-slider-block .likes-buttons > *:before, .garderob-slider-block .total-likes .number:before, .widget--garderob .total-likes .number:before, .tests-slider-block .bx-viewport:before, .tests-slide:before, .site-map .lines:before, .site-map .lines:after, .row-item figure:before, .widget .rrec_view:before, .radio label:before, .widget--vote .container .img--radio label:before, .popular__item .eaye:before, .garderob__block .total-likes .number:before, .garderob__block .likes-buttons > *:before, .widget--insta .hashtag:before, .widget--insta .download--more:before, .widget--insta .download--more:after, .jo-star:before, .jo-star:after, .test .download--more:before, .test .download--more:after, .test--list__item--img:before { content: ' '; display: block; position: absolute; } .cam, .dossier-socials .socials__item .icon, .cat-pagination__nav--prev:before, .cat-pagination__nav--next:before, .dossier-pagination__nav--prev:before, .dossier-pagination__nav--next:before, .test--list__item .test--go { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } h1, h2, h3, h4, h5, h6 { font-weight: bold; display: block; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } h1 { font-size: 2em; -webkit-margin-before: 0.67em; -webkit-margin-after: 0.67em; font-weight: normal; } h2 { font-size: 1.5em; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; } h3 { font-size: 1.17em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; } h4 { -webkit-margin-before: 1.33em; -webkit-margin-after: 1.33em; } h5 { font-size: 0.83em; -webkit-margin-before: 1.67em; -webkit-margin-after: 1.67em; } h6 { font-size: 0.67em; -webkit-margin-before: 2.33em; -webkit-margin-after: 2.33em; } .ham { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .vam { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-justify-content: center; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -ms-flex-pack: center; -o-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; } .overflow-hidden { overflow: hidden; -ms-scroll-limit: 0 0 0 0; } .border-bottom { border-bottom: solid 1px #000; } .section { background: none; z-index: 1; } p { font-family: Georgia, "Times New Roman", Times, serif; } .main-header { background-color: #fff; } .w970 { width: 980px; margin: 0 auto; padding: 0 5px; position: relative } .wrap { background-color: #fff; } .w1300 { width: 1300px; margin: 0 auto; position: relative; } b, strong { font-weight: 700; } .breadcrumbs { display: table; margin: 0 auto; padding-top: 17px; font-family: Verdana, Ar; font-size: 10px; line-height: 24px; } .breadcrumbs a, .breadcrumbs span { display: inline-block; margin-left: 3px; color: #686868; } .column--left, .column--right { float: left; } .column--left { width: 640px; } .column--right { float: right; width: 310px; margin-left: 20px; } .column--right__dossier { margin-top: 30px; } .column--right > * { margin-bottom: 20px; } .column--right .section-title:before { display: none; } .column--right .section-title span { font-size: 24px; line-height: 29px; padding: 0; } .column--right .popular { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .column--right .popular:hover { color: #c89e4b; } .column--right .popular img { width: 50px; height: 50px; float: left; margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .cat_buttons, .tags-list { margin-bottom: 15px; height: 23px; margin-left: 20px; } .cat_buttons a, .tags-list__item { display: inline-block; vertical-align: top; margin-right: 10px; float: left; padding: 0 6px; border: solid 1px; border-color: transparent; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 23px; color: #000; text-decoration: underline; } .cat_buttons a.active, .cat_buttons a:hover, .tags-list__item:hover { -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; border-color: #000; text-decoration: none; } .material .material--author__info p { margin: 0; } .material--description { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 14px !important; line-height: 25px !important; text-align: justify; } .material--tags { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #4f7e9c; line-height: 24px; } .material--tags a { margin-left: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #4f7e9c; line-height: 24px; } .material--tags a:hover { text-decoration: underline; } .material--figure { position: relative; margin-bottom: 15px; } .material--figure img { width: 100%; } .material--figure.main-image--figure img { min-height: 490px; } .material--figure .socials { position: absolute; bottom: 0; left: 0; height: 40px; width: 100%; background: rgba(81, 79, 79, 0.8); } .material--author { margin-top: 26px; } .material--author__avatar { float: left; width: 54px; height: 54px; margin-right: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .material--author__avatar img { width: 100%; height: 100%; } .material--author__info { margin-top: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .material--author__info span { display: block; } .material--author__info a { display: inline-block; margin-top: 7px; color: #000; font-weight: bold; } .material--title { padding: 0 155px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 31px; line-height: 37px; text-align: center; } .material--meta { display: table; margin: 7px auto 30px; color: #6c6c6c; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; } .material--meta .rrec_view { position: relative; padding-left: 17px; } .material--meta .rrec_view:before { width: 13px; height: 10px; background-position: -155px -20px; top: 50%; left: 0; margin-top: -5px; } .material--meta .eaye { position: relative; height: 13px; padding-left: 15px; } .material--meta .eaye:before { left: 0; top: 50%; margin-top: -3px; background-position: -141px -9px; width: 13px; height: 7px; } .material--meta > * { display: inline-block; margin: 0 7px; float: left; } .material .read-else { margin-bottom: 27px; padding: 4px 0 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border-top: solid 1px #000; border-bottom: solid 1px #000; line-height: 24px; } .material .read-else .similar-title { display: block; margin: 0; font-size: 14px; } .material .read-else a { font-size: 14px; color: #b32c4a; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .material .read-else a:hover { color: #C35A71; } .material p, .material .p { font-size: 16px; line-height: 24px; text-align: justify; } .material_content p { padding: 15px 0 14px; } .material_content .inner_article-ad { padding: 15px 0; } .section-title { position: relative; display: block; text-align: center; } .section-title.also span { font-size: 32px; } .section-title:before { height: 1px; width: 100%; background: #000; left: 0; bottom: 7px; z-index: -1; } .section-title span { padding: 0 15px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 42px; text-transform: uppercase; background: #fff; z-index: 1; } .section-title > a > span, .title > a { color: #000; } .section-title span.year { font-size: 34px; padding: 0; padding-right: 15px; } .want-more-news { display: block; width: 300px; position: relative; margin: 0 auto; margin-top: 21px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-size: 24px; text-transform: uppercase; text-align: center; cursor: pointer; } .want-more-news span { color: #333; border-bottom: dashed 1px; border-color: #333; -webkit-transition: color 0.3s, border-color 0.3s; -moz-transition: color 0.3s, border-color 0.3s; transition: color 0.3s, border-color 0.3s; } .want-more-news:hover span { color: #c89e4b; border-color: #c89e4b; } .reklama { width: 100%; } .reklama-container.fixed { position: relative; z-index: 0; } .reklama.fixed { position: fixed; top: 0; left: 0; } .reklama-content { width: 100%; padding: 30px 0 60px; background: #343434; text-align: center; } .reklama-content a { display: inline-block; } .reklama-content a img { display: block; } .reklama-line { width: 100%; color: #a5a5a5; line-height: 30px; background: #eee; text-align: center; } .reklama-line + .wrap p:nth-child(1) { margin-top: 18px; } .like--bar { margin: 50px 0; } .like_bar.bar1 { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; position: relative; padding: 15px 80px 15px 0; } .like_bar.bar1 > * { display: inline-block; vertical-align: top; } .like_bar.bar1 .jo-stars-vote { position: absolute; right: 20px; } .like_bar.bar1 .jo-stars-vote .jo-star { vertical-align: middle; } .comments { margin-top: 26px; margin-bottom: 30px; } .comments .other--comments { margin-top: 30px; } .comments .other--comments .title { text-decoration: underline; } .comments .other--comments .title span { color: #c89e4b; text-decoration: none; } .comments .other--comments--block { width: 620px; margin: 0 auto; } .comments .other--comments .comment { position: relative; padding-top: 38px; padding-bottom: 10px; border-bottom: solid 1px #000; } .comments .other--comments .comment .admin-btn.delete { display: block; position: absolute; right: -20px; width: 16px; height: 16px; background: transparent url(/assets/delete_icon.gif) no-repeat; border: 0px; cursor: pointer; } .comments .other--comments .comment .comment { padding-left: 60px; border-top: solid 1px #000; border-bottom: none; } .comments .other--comments .comment .comment.level_gt_5 { padding-left: 24px; } .comments .other--comments .comment .comment.level_gt_8 { padding-left: 0px; } .comments .other--comments .comment__head { position: relative; margin-bottom: 7px; font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; } .comments .other--comments .comment__head a { color: #c89e4b; } .comments .other--comments .comment__head a:hover { text-decoration: underline; } .comments .other--comments .comment__head__avatar { display: inline-block; position: absolute; width: 52px; height: 52px; top: -4px; left: -60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .comments .other--comments .comment__head__avatar img { display: block; width: 100%; } .comments .other--comments .comment__head span { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .comments .other--comments .comment__body { margin-bottom: 4px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; } .comments .other--comments .comment__body p { line-height: 24px; } .comments .other--comments .comment__body .citata { margin-bottom: 3px; padding: 5px 10px 3px 12px; border: 1px solid #808080; border-radius: 5px; } .comments .other--comments .comment__body .citata .usernick { color: #808080; font-size: 12px; font-weight: bold; line-height: 21px; } .comments .other--comments .comment__body .citata p { color: #808080; font-size: 12px; line-height: 21px; } #comment_form_cit_box { color: #808080; margin-bottom: 10px; padding: 5px 10px 3px 12px; border: 1px solid #808080; border-radius: 5px; } #comment_form_cit_box .citata p { color: #808080; font-size: 12px; line-height: 21px; } .comments .other--comments .comment--reply { display: inline-block; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; font-size: 10px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; color: #000; } .comments .other--comments .comment--reply:hover { color: #c89e4b; } .comments .title { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 21px; } .comments .comment--form { width: 620px; margin: 45px auto 0; } .comments .comment--form input, .comments .comment--form textarea { width: 100%; border: solid 1px #c89e4b; color: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; } .comments .comment--form .comment--form__email { display: none; } .comments .comment--form input { line-height: 40px; } .comments .comment--form textarea { height: 115px; resize: none; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; } .comments .comment--form--author { position: relative; } .comments .comment--form--author__avatar { display: block; position: absolute; width: 52px; height: 52px; top: -4px; left: -69px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .comments .comment--form--author__avatar img { display: block; width: 100%; } .comments .comment--form--author input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .comments .comment--form--subscribe { float: left; position: relative; } .comments .comment--form--subscribe input { position: absolute; width: 19px; height: 19px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0; margin: 0; } .comments .comment--form--subscribe label { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 30px; padding-left: 27px; } .comments .comment--form--submit { float: right; width: 173px; height: 30px; } .comments .comment--form--submit:hover .comment--form--submit__button { opacity: 0.8; } .comments .comment--form--submit input { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: none; line-height: 30px; } .comments .comment--form--submit__button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; background: #efcd8d; color: #000; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; line-height: 30px; cursor: pointer; } .comments .message.error li { margin: 3px 0; } .dossier-socials .socials__item { display: inline-block; position: relative; width: 28px; height: 28px; margin-left: 8px; border: solid 1px #fff; background: transparent; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top: 6px; } .dossier-socials .socials__item:first-child { margin-left: 15px; } .dossier-socials .socials__item:hover { background: #fff; } .dossier-socials .socials__item:hover svg path { fill: #514f4f; } .dossier-socials .socials__item .icon { display: block; position: absolute; width: 16px; height: 16px; } .dossier-socials .socials__item svg { display: block; width: 16px; height: 16px; } .dossier-socials .socials__item svg path { fill: #fff; -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; transition: fill 0.3s; } .dossier-search__form { display: block; position: relative; width: 508px; margin: 15px auto 10px; } .dossier-search__form input { width: 100%; border: none; border-bottom: solid 1px #808080; font-family: Georgia, "Times New Roman", Times, serif; color: #808080; line-height: 26px; font-size: 15px; } .dossier-search__form input::-webkit-input-placeholder { color: #808080; } .dossier-search__form button { right: 0; } .current-search-results { position: absolute; width: 100%; background: #fff; border: 1px solid #808080; border-top: none; z-index: 2; } .current-search-results li a { display: inline-block; width: 100%; padding: 5px 10px; color: #808080; } .current-search-results li a:hover { color: #000; } .current-search-results li a:active { text-decoration: underline; } .dossier__header { margin-bottom: 10px; border-bottom: solid 1px #000; color: #c89e4b; font-size: 31px; font-family: Georgia, "Times New Roman", Times, serif; } .dossier__header a { color: inherit; } .dossier-row { margin-left: -20px; margin-bottom: 10px; } .dossier-row__item { display: inline-block; vertical-align: top; width: 200px; margin-left: 20px; margin-bottom: 15px; text-align: center; font-size: 12px; color: #000; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 400; } .dossier-row__item:hover figure:before { background: rgba(200, 158, 75, 0.5); } .dossier-row__item:hover .dossier-row__item-name { text-decoration: underline; } .dossier-row__item-figure { position: relative; width: 200px; } .dossier-row__item-figure:before { left: 0; top: 0; width: 100%; height: 100%; background: none; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; } .dossier-row__item-name { display: inline-block; margin-top: 6px; line-height: 18px; } .cat-pagination, .dossier-pagination { display: inline-block; } .cat-pagination__container { margin-top: 30px; text-align: center; } .dossier-pagination__container { margin-bottom: 55px; text-align: center; } .cat-pagination__item, .dossier-pagination__item { display: inline-block; position: relative; vertical-align: top; margin: 0 7px; text-align: center; color: #c89e4b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid; border-color: #c79d4b; background-clip: padding-box; background-color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; -moz-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; } .dossier-pagination__item { width: 42px; height: 42px; line-height: 42px; font-size: 22px; cursor: pointer; } .cat-pagination__item { width: 29px; height: 29px; line-height: 28px; font-size: 16px; letter-spacing: -0.08px; } .cat-pagination__item.current-page, .dossier-pagination__item.current-page { background-color: #eccd8e; border-color: #eccd8e; color: #000; } .cat-pagination__item:hover, .dossier-pagination__item:hover { background-color: #eccd8e; border-color: #eccd8e; color: #000; } .cat-pagination__hellip { display: inline-block; position: relative; top: -4px; } .cat-pagination__nav--prev, .cat-pagination__nav--next, .dossier-pagination__nav--prev, .dossier-pagination__nav--next { border: none; background-color: #fff; } .dossier-pagination__nav--prev:before, .dossier-pagination__nav--next:before { width: 10px; height: 16px; } .cat-pagination__nav--prev:after, .cat-pagination__nav--next:after, .dossier-pagination__nav--prev:after, .dossier-pagination__nav--next:after { left: 0; top: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #c79d4b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s; } .dossier-pagination__nav--prev:after, .dossier-pagination__nav--next:after { width: 42px; height: 42px; } .cat-pagination__nav--prev:after, .cat-pagination__nav--next:after { width: 29px; height: 29px; } .cat-pagination__nav--prev:hover, .cat-pagination__nav--next:hover, .dossier-pagination__nav--prev:hover, .dossier-pagination__nav--next:hover { background-color: #fff; } .cat-pagination__nav--prev:hover:after, .cat-pagination__nav--next:hover:after, .dossier-pagination__nav--prev:hover:after, .dossier-pagination__nav--next:hover:after { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .cat-pagination__nav--prev, .dossier-pagination__nav--prev { float: left; } .cat-pagination__nav--prev:before, .cat-pagination__nav--next:before { display: block; position: absolute; } .cat-pagination__nav--prev:before { content: '<'; } .cat-pagination__nav--next:before { content: '>'; } .cat-pagination__item.cat-pagination__nav--prev:hover, .cat-pagination__item.cat-pagination__nav--next:hover { color: #c89e4b; } .dossier-pagination__nav--prev:before { background-position: -32px -9px; } .cat-pagination__nav--next, .dossier-pagination__nav--next { float: right; } .dossier-pagination__nav--next:before { background-position: -44px -9px; } .main-header .logo__name span { display: inline-block; text-indent: -9999px; } .main-header .logo { position: relative; display: inline-block; margin: 14px 0; } .main-header .logo img { display: block; } .main-header .top-part { height: 60px; padding: 0 5px; } .main-header .top-part > * { display: inline-block; vertical-align: top; margin-top: 12px; } .main-header .top-part__left { float: left; } .main-header .top-part__right { float: right; position: relative; } .main-header .forum { display: inline-block; position: relative; float: left; width: 131px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 34px; color: #c89e4b; text-align: center; border: solid 1px; border-color: #c89e4b; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition: background 0.3s, color 0.3s, border-color 0.3s; -moz-transition: background 0.3s, color 0.3s, border-color 0.3s; transition: background 0.3s, color 0.3s, border-color 0.3s; } .main-header .forum:hover { color: #333; background: #eccd8e; border-color: #eccd8e; } .main-header .socials { float: right; } .main-header .socials__item { display: inline-block; vertical-align: top; position: relative; width: 34px; height: 34px; margin-left: 8px; border: solid 1px #333; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; } .main-header .socials__item.viber svg .st0{display:none;} .main-header .socials__item.viber svg .st1{fill:none;} .main-header .socials__item.viber svg .st2{fill:#383938;} .main-header .socials__item.viber svg .st3{fill:#FFFFFF;} .main-header .socials__item.viber:hover svg .st2{fill:#ffffff;} .main-header .socials__item.viber:hover svg .st3{fill:#383938;} .main-header .socials__item:hover { background: #333; } .main-header .socials__item:hover svg path { fill: #fff; } .main-header .socials__item .icon { display: block; position: relative; width: 20px; height: 20px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .main-header .socials__item svg { display: block; width: 20px; height: 20px; } .main-header .socials__item.viber svg { display: block; width: 30px; height: 30px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .main-header .socials__item svg path { fill: #333; -webkit-transition: fill 0.3s; -moz-transition: fill 0.3s; transition: fill 0.3s; } .search { position: relative; float: right; margin-left: 10px; } .search input::-webkit-input-placeholder { color: transparent; } .search input::-moz-placeholder { color: transparent; } .search input:-moz-placeholder { color: transparent; } .search input:-ms-input-placeholder { color: transparent; } .search input:focus::-webkit-input-placeholder { color: #333; } .search input:focus::-moz-placeholder { color: #333; } .search input:focus:-moz-placeholder { color: #333; } .search input:focus:-ms-input-placeholder { color: #333; } .search-input { width: 129px; height: 34px; padding-left: 17px; padding-right: 31px; border: solid 1px; border-color: #333; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: #333; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .search-input:focus { width: 279px; border-color: #c89e4b; } .search-submit { position: absolute; background-position: -9px -9px; width: 21px; height: 21px; right: 10px; border: none; cursor: pointer; } .enter { display: inline-block; float: left; margin-top: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-size: 10px; color: #333; text-transform: uppercase; text-decoration: underline; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .enter:hover { color: #c89e4b; } .menu { display: table; width: 100%; text-align: center; border-bottom: solid 1px #7d7d7d; } .tab-content { display: none; position: relative; } .tab-content .container { display: table; width: 500px; margin: 0 auto; padding-top: 20px; padding-bottom: 27px; text-align: center; } .tab-content .container ul { display: table-cell; width: 250px; } .tab-content__close { position: absolute; display: inline-block; width: 25px; height: 25px; top: 10px; right: 5px; line-height: 25px; text-decoration: none; font-size: 50px; } .tab-content.active { display: block; } .main-menu li { display: inline-block; display: table-cell; position: relative; vertical-align: top; padding: 0 6px; } .main-menu li.current:before { background: #4b4b4b; height: 3px; width: 100%; bottom: -1.5px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .main-menu li:nth-child(1) { padding-left: 0; text-align: left; } .main-menu li:nth-last-child(1) { padding-right: 0; text-align: right; } .main-menu li a { padding: 0 5px; display: inline-block; text-transform: uppercase; text-decoration: none; line-height: 27px; font-size: 14px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; } .main-menu li:hover > ol { top:27px; } .main-menu ol { display: block; min-width: 250px; padding: 10px; position: absolute; background: #fff; border: solid 1px grey; border-top-width: 0; z-index:9999; top: -999px; } .main-menu ol li { display: block; text-align: left; padding: 0; } .main-menu ol li:nth-last-child(1) { text-align: left; } .main-menu li:nth-last-child(1) ol { right: 0; } .main-menu ol li a { -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s; } .main-menu ol li a:hover { color:#c89e4b; } .main-menu__subcontainer { font-size: 16px; } .main-menu__subcontainer a { color: #333; line-height: 28px; font-family: Georgia, "Times New Roman", Times, serif; } .main-menu__subcontainer a:hover { color: #c89e4b; text-decoration: underline; } .main-menu__subcontainer .tab-content__close { text-decoration: none; } .main-menu__subcontainer .tab-content__close:hover { text-decoration: none; } .categories-menu { margin-top: 5px; padding-bottom: 4px; } .categories-menu.w1300 li a { width: 215px; } .categories-menu.large li { margin-left: 5px; } .categories-menu.large li a { width: 430px; } .categories-menu li { display: inline-block; vertical-align: top; margin-left: 2px; float: left; } .categories-menu li:nth-child(1) { margin-left: 0; } .categories-menu a { display: block; position: relative; width: 160px; height: 78px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #fff; text-transform: uppercase; text-decoration: none; overflow: hidden; } .categories-menu a:hover { text-decoration: underline; } .categories-menu a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .categories-menu a:before { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } .categories-menu a span { display: block; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .categories-menu a img { display: block; width: 100%; position: absolute; left: 0; top: 0; z-index: 0; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s; } .main-footer { z-index: 1; background: none; } .main-footer .w1300 .main-footer__container { padding-left: 185px; } .main-footer .footer-menu { width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; list-style: none; } .main-footer .footer-menu li { display: inline-block; float: left; margin-right: 14px; margin-bottom: 8px; } .main-footer .footer-menu a { color: #fff; } .main-footer .footer-menu a:hover { text-decoration: underline; } .main-footer__container { display: table; width: 100%; padding: 16px 0 45px 17px; background: #333; } .main-footer__container > * { display: inline-block; vertical-align: top; } .main-footer__container .rules { width: 365px; margin-left: 20px; margin-right: 50px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; } .main-footer .copy { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; line-height: 40px; text-transform: uppercase; text-align: center; } .recipes-slider-block, .popular-slider-block { margin-top: 30px; margin-top: 21px; position: relative; padding-bottom: 35px; padding-bottom: 28px; margin-bottom: 40px; } .recipes-slider-block .bx-viewport:before, .popular-slider-block .bx-viewport:before { width: 1px; height: 100%; background: #fff; left: 0; top: 0; z-index: 2; } .recipes-slider-block .bx-wrapper, .popular-slider-block .bx-wrapper { margin: 0 auto; } .recipes-slide, .popular-slide { display: inline-block; vertical-align: top; text-align: center; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; } .recipes-slide__figure, .popular-slide__figure { position: relative; margin: 0 auto; width: 183px; height: 183px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .recipes-slide__mask, .popular-slide__mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background 0.1s; -moz-transition: background 0.1s; -webkit-transition: background 0.1s; -moz-transition: background 0.1s; transition: background 0.1s; } .recipes-slide:hover .recipes-slide__mask, .popular-slide:hover .popular-slide__mask { background: rgba(200, 158, 75, 0.5); } .recipes-slide:hover p, .popular-slide:hover p { text-decoration: underline; } .recipes-slide p, .popular-slide p { max-width: 300px; padding: 15px 20px 0; color: #000; line-height: 22px; font-size: 17px; } .recipes-slide:before, .popular-slide:before { width: 1px; height: 150px; left: 0; top: 20px; background: #000; } .recipes-slide img, .popular-slide img { position: absolute; height: 100%; max-width: none; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .recipes-slider-block .bx-prev, .popular-slider-block .bx-prev, .goroskop-slider-block .bx-prev, .tests-slider-block .bx-prev, .material-slider-block .bx-prev, .garderob-slider-block .bx-prev, .widget--garderob .bx-prev, .recipes-slider-block .bx-next, .popular-slider-block .bx-next, .goroskop-slider-block .bx-next, .tests-slider-block .bx-next, .material-slider-block .bx-next, .garderob-slider-block .bx-next, .widget--garderob .bx-next { position: absolute; top: 67px; width: 42px; height: 42px; text-indent: -9999px; z-index: 1; } .recipes-slider-block .bx-prev:hover:after, .popular-slider-block .bx-prev:hover:after, .goroskop-slider-block .bx-prev:hover:after, .tests-slider-block .bx-prev:hover:after, .material-slider-block .bx-prev:hover:after, .garderob-slider-block .bx-prev:hover:after, .widget--garderob .bx-prev:hover:after, .recipes-slider-block .bx-next:hover:after, .popular-slider-block .bx-next:hover:after, .goroskop-slider-block .bx-next:hover:after, .tests-slider-block .bx-next:hover:after, .material-slider-block .bx-next:hover:after, .garderob-slider-block .bx-next:hover:after, .widget--garderob .bx-next:hover:after { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .recipes-slider-block .bx-prev:after, .popular-slider-block .bx-prev:after, .goroskop-slider-block .bx-prev:after, .tests-slider-block .bx-prev:after, .material-slider-block .bx-prev:after, .garderob-slider-block .bx-prev:after, .widget--garderob .bx-prev:after, .recipes-slider-block .bx-next:after, .popular-slider-block .bx-next:after, .goroskop-slider-block .bx-next:after, .tests-slider-block .bx-next:after, .material-slider-block .bx-next:after, .garderob-slider-block .bx-next:after, .widget--garderob .bx-next:after { width: 42px; height: 42px; top: 0; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 1px #c89e4b; -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .recipes-slider-block .bx-prev:before, .popular-slider-block .bx-prev:before, .goroskop-slider-block .bx-prev:before, .tests-slider-block .bx-prev:before, .material-slider-block .bx-prev:before, .garderob-slider-block .bx-prev:before, .widget--garderob .bx-prev:before, .recipes-slider-block .bx-next:before, .popular-slider-block .bx-next:before, .goroskop-slider-block .bx-next:before, .tests-slider-block .bx-next:before, .material-slider-block .bx-next:before, .garderob-slider-block .bx-next:before, .widget--garderob .bx-next:before { width: 10px; height: 16px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .recipes-slider-block .bx-prev, .popular-slider-block .bx-prev, .goroskop-slider-block .bx-prev, .tests-slider-block .bx-prev, .material-slider-block .bx-prev, .garderob-slider-block .bx-prev, .widget--garderob .bx-prev { left: 0; } .recipes-slider-block .bx-prev:before, .popular-slider-block .bx-prev:before, .goroskop-slider-block .bx-prev:before, .tests-slider-block .bx-prev:before, .material-slider-block .bx-prev:before, .garderob-slider-block .bx-prev:before, .widget--garderob .bx-prev:before { background-position: -32px -9px; } .recipes-slider-block .bx-next, .popular-slider-block .bx-next, .goroskop-slider-block .bx-next, .tests-slider-block .bx-next, .material-slider-block .bx-next, .garderob-slider-block .bx-next, .widget--garderob .bx-next { right: 0; } .recipes-slider-block .bx-next:before, .popular-slider-block .bx-next:before, .goroskop-slider-block .bx-next:before, .tests-slider-block .bx-next:before, .material-slider-block .bx-next:before, .garderob-slider-block .bx-next:before, .widget--garderob .bx-next:before { background-position: -44px -9px; } .goroskop-slider-block { margin-top: 24px; position: relative; padding-bottom: 35px; } .goroskop-slider-block .bx-prev, .goroskop-slider-block .bx-next { top: 35px; } .goroskop-slide { display: inline-block; vertical-align: top; text-align: center; } .goroskop-slide a figure { display: block; position: relative; width: 114px; height: 97px; margin: 0 auto; } .goroskop-slide a figure img { position: absolute; left: 0; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .goroskop-slide a figure img + img { opacity: 0; } .goroskop-slide a:hover img { opacity: 0; } .goroskop-slide a:hover img + img { opacity: 1; } .goroskop-slide a:hover p { color: #c89e4b; } .goroskop-slide p { color: #000; text-transform: uppercase; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .goroskop-slide .goroskop-slide__name { margin-top: 8px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; } .goroskop-slide .goroskop-slide__date { margin-top: 3px; font-size: 21px; font-family: Georgia, "Times New Roman", Times, serif; } .garderob-slider-block { position: relative; float: left; width: 640px; text-align: center; margin-bottom: 60px; margin-left: 20px; padding-top: 18px; padding-bottom: 11px; border: solid 1px #c89e4b; } .garderob-slider-block .title { margin-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; text-transform: uppercase; } .garderob-slider-block .likes-buttons { display: table; width: 280px; margin: 0 auto; } .garderob-slider-block .likes-buttons > * { position: relative; display: inline-block; vertical-align: top; width: 136px; padding-left: 7px; line-height: 35px; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: solid 1px; border-color: #7c7c7c; color: #7c7c7c; -webkit-transition: border-color 0.1s, color 0.1s; -moz-transition: border-color 0.1s, color 0.1s; transition: border-color 0.1s, color 0.1s; } .garderob-slider-block .likes-buttons > *:before { width: 13px; height: 18px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .garderob-slider-block .likes-buttons > *:hover { color: #c89e4b; border-color: #c89e4b; cursor: pointer; } .garderob-slider-block .likes-buttons .dislike { float: left; } .garderob-slider-block .likes-buttons .dislike:before, .garderob-slider-block .likes-buttons.voted .dislike:hover:before { left: 11px; background-position: -88px -8px; } .garderob-slider-block .likes-buttons .dislike:hover:before { background-position: -88px -27px; } .garderob-slider-block .likes-buttons .like { float: right; } .garderob-slider-block .likes-buttons .like:before, .garderob-slider-block .likes-buttons.voted .like:hover:before { left: 23px; background-position: -102px -9px; } .garderob-slider-block .likes-buttons .like:hover:before { background-position: -102px -28px; } .garderob-slider-block .total-likes, .widget--garderob .total-likes { margin-bottom: 5px; line-height: 28px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; } .garderob-slider-block .total-likes > *, .widget--garderob .total-likes > * { display: inline-block; vertical-align: top; } .garderob-slider-block .total-likes .number, .widget--garderob .total-likes .number { position: relative; display: inline-block; width: 31px; margin-right: 5px; color: #fff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } .garderob-slider-block .total-likes .number:before, .widget--garderob .total-likes .number:before { background-position: -56px -9px; width: 31px; height: 27px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; overflow: hidden; } .garderob-slider-block .bx-prev, .garderob-slider-block .bx-next, .widget--garderob .bx-prev, .widget--garderob .bx-next { position: absolute; top: 50%; width: 42px; height: 42px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-indent: -9999px; z-index: 1; } .garderob-slider-block .bx-prev:before, .garderob-slider-block .bx-next:before, .widget--garderob .bx-prev:before, .widget--garderob .bx-next:before { width: 10px; height: 16px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .garderob-slider-block .bx-prev { left: 45px; } .widget--garderob .bx-prev { left: 14px; top: 70px; background: #fff; } .garderob-slider-block .bx-prev:before, .widget--garderob .bx-prev:before { background-position: -32px -9px; } .garderob-slider-block .bx-next { right: 45px; } .widget--garderob .bx-next { right: 14px; top: 70px; background: #fff; } .garderob-slider-block .bx-next:before, .widget--garderob .bx-next:before { background-position: -44px -9px; } .garderob-slide-right { list-style-type: none; } .garderob-slide img { height: 332px; margin-bottom: 10px; } .garderob-slider-block .likes-buttons.voted > *:hover { cursor: default; border-color: #7c7c7c; color: #7c7c7c; } .voted .inlineBlock { opacity: 0.3; } .tests-slider-block { margin-top: 30px; position: relative; padding-bottom: 35px; } .tests-slider-block .bx-viewport:before { width: 1px; height: 100%; background: #fff; left: 0; top: 0; z-index: 2; } .tests-slider-block .bx-wrapper { margin: 0 auto; } .tests-slide { display: inline-block; vertical-align: top; text-align: center; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; } .tests-slide__figure { width: 183px; height: 183px; margin: 0 auto; position: relative; border-radius: 50%; overflow: hidden; } .tests-slide__figure:hover .tests-slide__mask { background: rgba(200, 158, 75, 0.5); } .tests-slide__figure:hover p { text-decoration: underline; } .tests-slide p { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); line-height: 29px; color: #fff; text-transform: uppercase; } .tests-slide__mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: rgba(0, 0, 0, 0.5); -webkit-transition: background 0.1s; -moz-transition: background 0.1s; transition: background 0.1s; } .tests-slide:before { width: 1px; height: 150px; left: 0; top: 20px; background: #000; } .tests-slide img { display: block; width: auto; position: absolute; height: 100%; max-width: none; left: 50%; margin: 0 auto; transform: translateX(-50%); } .material-slider-block { position: relative; margin-bottom: 29px; padding-bottom: 18px; clear: both; } .material-slider-block .bx-wrapper { margin: 0 auto; } .material-slider-block .bx-pager { margin-top: 12px; color: #c89e4b; text-align: center; } .material-slider-block .bx-pager-item { display: inline-block; margin: 0 10px; } .material-slider-block .bx-prev, .material-slider-block .bx-next { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .material-slider-block .slider-txt { position: relative; bottom: -6px; text-align: center; } .material-slider-block .slider-txt span { position: absolute; bottom: 0; } .material-slide { height: 568px; width: 536px; vertical-align: top; text-align: center; } .material-slide img{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);; -moz-transform: translateY(-50%); } .material-slide p { color: #000; text-transform: uppercase; } .material-slide .material-slide__name { margin-top: 8px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; } .material-slide .material-slide__date { margin-top: 3px; font-size: 21px; font-family: Georgia, "Times New Roman", Times, serif; } .site-map__wrap { background: none; padding-top: 0px; z-index: 1; } .site-map { padding-bottom: 27px; border-top: none; clear: both; padding-top: 55px; } .site-map:before { content: ''; display: block; position: absolute; height: 1px; background: #000; } .site-map.w970:before { width: 970px; } .site-map.w1300:before { width: 1300px; } .site-map .lines { position: relative; width: 11px; height: 1px; background: #000; display: block; top: 50%; left: 25px; -webkit-transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .site-map .lines:before, .site-map .lines:after { width: 11px; height: 1px; background: #000; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .site-map .lines:before { top: -4px; } .site-map .lines:after { top: 4px; } .site-map__trigger { display: block; width: 174px; height: 32px; margin: -17px auto 0; padding-left: 5px; line-height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-transform: uppercase; text-align: center; border: solid 1px #000; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background: #fff; z-index: 1; position: relative; } .site-map__trigger.active .lines { background: none; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .site-map__trigger.active .lines:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .site-map__trigger.active .lines:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .site-map__container { display: none; overflow: hidden; } .site-map__navigation { width: 700px; margin: 17px auto 0; text-align: center; } .site-map__navigation > * { width: 150px; margin: 0 10px 15px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; color: #333; line-height: 20px; text-transform: uppercase; } .site-map__navigation-item { display: inline-block; vertical-align: top; } .site-map__navigation-item > * { font-weight: normal; text-transform: none; } .site-map__navigation-item ul a { color: #333; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .site-map__navigation-item ul a:hover { color: #c89e4b; } .site-map__navigation-item__title { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 14px; color: #333; line-height: 20px; text-transform: uppercase; } .site-map__navigation-item__title:hover { color: #c89e4b; } .row { margin-left: -20px; padding-top: 20px; width: calc(100% + 20px); display: table; font-size: 0 !important; } .row-item { position: relative; margin-bottom: 37px; margin-bottom: 23px; margin-bottom: 30px; } .row-item figure { position: relative; display: block; } .huge-1 figure{ height: 490px; } .row-item figure:before { width: 100%; height: 100%; top: 0; left: 0; background: transparent; -webkit-transition: background 0.1s; -moz-transition: background 0.1s; transition: background 0.1s; } .row-item figure img { display: block; height: 100%; } .row-item:hover .row-item__title { text-decoration: underline; } .row-item:hover figure:before { background: rgba(200, 158, 75, 0.5); } .row-item__category { display: inline-block; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #b32c4a; text-transform: uppercase; } .row-item__title { font-family: Georgia, "Times New Roman", Times, serif; color: #000; line-height: 20px; word-wrap: break-word; } .small-1 .row-item__title { font-size: 15px; line-height: 16px; text-align: left; } .big-1 .row-item__title, .huge-1 .row-item__title { font-size: 19px; text-align: center; } .column { display: inline-block; vertical-align: top; width: 310px; margin-left: 20px; } .column-2 { width: 660px; margin-left: 0; } .column-2 .column { float: left; } .column-3 { float: left; width: 990px; } .column-3 .column-3-row { margin-left: 20px; width: 970px; } .small-1 { text-align: left; } .small-1 figure { width: 132px; height: 100px; overflow: hidden; float: left; } .small-1 figure img { display: block; width: auto; height: 100%; } .small-1 .row-item__category { padding-left: 142px; line-height: 15px; display: block; } .small-1 .row-item__title { margin-top: 3px; padding-left: 142px; } .big-1, .huge-1 { text-align: center; } .big-1 .row-item__category, .huge-1 .row-item__category { margin-top: 6px; } .widget--block { position: relative; max-width: 430px; text-align: center; } .widget--block .title { margin-top: 15px; margin-bottom: 20px; font-size: 31px; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; } .w970 .column--left .widget--block{ max-width: 630px; } .widget--vote { height: auto; min-height: 490px; margin-bottom: 31px; border: solid 1px #c89e4b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .material .section .column--left .widget--vote { max-width: 630px; } .widget--garderob { min-height: 503px; border: solid 1px #c89e4b; } .widget--garderob .title { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; } .widget--garderob.widget--block .title { margin-bottom: 15px; } .widget--goroskop .title { margin-bottom: 0; } .widget--goroskop .title + .title { margin-top: 2px; margin-bottom: 20px; } .widget .recomended li { margin-bottom: 20px; } .widget .recomended .more { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; text-transform: uppercase; text-decoration: underline; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .widget .recomended .more:hover { color: #c89e4b; } .widget .rrec_date, .widget .recomended a, .widget .rrec_view { display: block; text-align: center; } .widget .rrec_date { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; } .widget .recomended a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; color: #000; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .widget .recomended a:hover { color: #c89e4b; } .widget .rrec_view { display: inline-block; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #c89e4b; padding-left: 18px; position: relative; } .widget .rrec_view:before { top: 50%; margin-top: -5px; left: 0; background-position: -155px -9px; width: 13px; height: 10px; } .vote--container { position: relative; height: auto; } .vote--container__wrapper { position: relative; padding-top: 20px; padding-bottom: 20px; } .vote--container__wrapper.mb35 .radio, .vote--container__wrapper.mb35 .result-line { margin-bottom: 35px; } .vote--submin { border: solid 1px #f00; } .vote__block { position: relative; } .vote__block .description { position: relative; height: 110px; margin: 0 30px; font-size: 19px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 29px; text-align: center; } .vote__block .description .vote_name { margin-top: 0 !important; position: relative; text-align: center; padding: 0 10px; font-size: 19px; } .vote__block .description span { display: inline-block; } .vote__block .description.border-bottom { border-bottom: solid 1px #c89e4b; } .vote--variants { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; transition: transform 0.6s; -webkit-transform: perspective(800px) rotateY(0deg); -moz-transform: perspective(800px) rotateY(0deg); -ms-transform: perspective(800px) rotateY(0deg); -o-transform: perspective(800px) rotateY(0deg); transform: perspective(800px) rotateY(0deg); } .vote--variants .radio { height: 24px; line-height: 24px; } .vote--variants .radio:nth-last-child(1) { margin-bottom: 0; } .vote--results { top: 50%; width: 100%; position: absolute; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: transform 0.6s; -moz-transition: transform 0.6s; transition: transform 0.6s; -webkit-transform: perspective(800px) rotateY(180deg) translateY(-50%); -moz-transform: perspective(800px) rotateY(180deg) translateY(-50%); -ms-transform: perspective(800px) rotateY(180deg) translateY(-50%); -o-transform: perspective(800px) rotateY(180deg) translateY(-50%); transform: perspective(800px) rotateY(180deg) translateY(-50%); } .vote--results .result-line { height: 24px; line-height: 24px; } .vote--results .result-line .vote--result-variant { margin-top: 0 !important; } .vote--results .result-line:nth-last-child(1) { margin-bottom: 0; } .rotate .vote--variants { -webkit-transform: perspective(800px) rotateY(-180deg); -moz-transform: perspective(800px) rotateY(-180deg); -ms-transform: perspective(800px) rotateY(-180deg); -o-transform: perspective(800px) rotateY(-180deg); transform: perspective(800px) rotateY(-180deg); } .rotate .vote--results { -webkit-transform: perspective(800px) rotateY(0deg) translateY(-50%); -moz-transform: perspective(800px) rotateY(0deg) translateY(-50%); -ms-transform: perspective(800px) rotateY(0deg) translateY(-50%); -o-transform: perspective(800px) rotateY(0deg) translateY(-50%); transform: perspective(800px) rotateY(0deg) translateY(-50%); } .result-line { position: relative; margin-bottom: 47px; } .result-line .vote--result-variant { display: inline-block; position: relative; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; margin-bottom: 0; } .result-line .vote--result-variant .vote--counter { position: absolute; right: -6px; top: 50%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #c89e4b; -webkit-transform: translate(100%, -50%); -moz-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); transform: translate(100%, -50%); } .result-line .vote--results__line--block { position: absolute; width: 248px; height: 8px; bottom: -10px; margin: 0 30px; background: #c8c8c8; } .result-line .vote--results__number { position: absolute; top: 0; height: 100%; background: #e1bb74; } .radio { margin-bottom: 47px; } .radio input { display: none; opacity: 0; } .radio input:checked + label { color: #c89e4b; } .radio input:checked + label:before { background-position: -129px -9px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 11px; height: 11px; } .radio label { position: relative; padding-left: 17px; cursor: pointer; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .radio label:hover { color: #c89e4b; } .radio label:before { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 11px; height: 11px; background-position: -117px -9px; } .widget--vote .title { margin-top: 18px; margin-bottom: 0; } .widget--vote .container { position: relative; width: 265px; width: 262px; height: 265px; height: 208px; margin: 0 auto 0; overflow: hidden; } .widget--vote .container .part { position: absolute; display: inline-block; overflow: hidden; width: 183px; width: 131px; height: 100%; top: 0; z-index: 1; } .widget--vote .container .part--left { left: -50px; left: 0; border-right: solid 1px #fff; } .widget--vote .container .part--left .heart { bottom: calc(100% + 13px); left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .widget--vote .container .part--left label span { bottom: 72px; left: 0; } .widget--vote .container .part--left .img--radio label { right: 0; } .widget--vote .container .part--right { right: -50px; right: 0; border-left: solid 1px #fff; } .widget--vote .container .part--right .heart { bottom: calc(100% + 13px); left: 50%; -webkit-transform: translateX(-50%) skew(0deg) !important; -moz-transform: translateX(-50%) skew(0deg) !important; -ms-transform: translateX(-50%) skew(0deg) !important; -o-transform: translateX(-50%) skew(0deg) !important; transform: translateX(-50%) skew(0deg) !important; } .widget--vote .container .part--right .bg { margin-left: -50%; } .widget--vote .container .part--right label span { bottom: 72px; right: 0; } .widget--vote .container .part--right .img--radio label { left: 0; } .widget--vote .container .part .bg { display: block; background-size: cover; height: 100%; top: 0px; } .widget--vote .container .heart { position: absolute; background-position: -56px -38px; width: 31px; height: 27px; padding: 0 !important; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .widget--vote .container .img--radio { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .widget--vote .container .img--radio label { position: absolute; display: block; width: 131px; height: 100%; top: 0; cursor: pointer; } .widget--vote .container .img--radio label span { position: absolute; display: block; padding: 0 20px; z-index: 1; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; color: transparent; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .widget--vote .container .img--radio label:before { width: 100%; height: 100%; left: 0; top: 0; background: none; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; z-index: 0; } .widget--vote .container .img--radio label:hover span { color: #fff; color: #e5c483; } .widget--vote .container .img--radio label:hover .heart { opacity: 1; } .widget--vote .container .img--radio label:hover:before { background: rgba(0, 0, 0, 0.5); } .widget--vote .container .img--radio input { position: absolute; left: -1000px; } .diets__item { display: block; width: 50%; float: left; margin-bottom: 25px; } .diets__item a { display: block; position: relative; padding-top: 85px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; line-height: 18px; } .diets__item .icon { position: absolute; display: block; width: 80px; height: 80px; margin: 0 auto; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border: solid 1px #c89e4b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .diets__item .icon img { position: relative; display: block; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popular--more { display: inline-block; position: relative; padding: 0 25px 0 20px; line-height: 35px; border: solid 1px #666; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666; text-transform: uppercase; opacity: 1; -webkit-transition: color 0.3s, background 0.3s; -moz-transition: color 0.3s, background 0.3s; transition: color 0.3s, background 0.3s; } .popular--more:before { display: block; position: absolute; content: '>'; right: 0; color: #666; margin-right: 12px; -webkit-transition: color 0.3s, margin-right 0.3s; -moz-transition: color 0.3s, margin-right 0.3s; transition: color 0.3s, margin-right 0.3s; } .popular--more:hover { background: #666; color: #fff; } .popular--more:hover:before { color: #fff; margin-right: 8px; } .popular__item { display: block; margin-bottom: 22px; min-height: 78px; } .popular__item:nth-last-child(2) { margin-bottom: 34px; } .popular__item:hover p { text-decoration: underline; } .popular__item figure { width: 80px; height: 80px; float: left; margin-right: 10px; } .popular__item figure img { display: block; width: 100%; } .popular__item .eaye { display: inline-block; position: relative; float: left; padding-left: 18px; color: #c89e4b; } .popular__item .eaye:before { top: 4px; left: 0; background-position: -141px -17px; width: 13px; height: 7px; } .popular__item p { padding-top: 18px; font-size: 14px; line-height: 20px; color: #000; } .goroskop__item { display: block; width: 33%; float: left; margin-bottom: 32px; } .goroskop__item a:hover .icon img { opacity: 0; } .goroskop__item a:hover .icon img + img { opacity: 1; } .goroskop__item a:hover span { color: #c89e4b; } .goroskop__item .icon { position: relative; width: 71px; height: 60px; margin: 0 auto; } .goroskop__item .icon img { position: absolute; left: 0; top: 0; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .goroskop__item .icon img + img { opacity: 0; } .goroskop__item span { text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .garderob__block figure { display: block; width: 230px; height: 248px; margin: 40px auto; } .garderob__block figure img { display: block; margin: 0 auto; max-height: 100%; } .garderob__block .name { display: inline-block; margin: 0 5px; min-height: 28px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .garderob__block .total-likes { margin-bottom: 16px; padding-top: 5px; } .garderob__block .total-likes .number { position: relative; display: inline-block; width: 31px; margin-right: 5px; color: #fff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } .garderob__block .total-likes .number:before { background-position: -56px -9px; width: 31px; height: 27px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; overflow: hidden; } .garderob__block .likes-buttons { display: table; width: 280px; margin: 0 auto 10px; } .garderob__block .likes-buttons > * { position: relative; display: inline-block; vertical-align: top; width: 136px; padding-left: 7px; line-height: 35px; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #666; color: #fff; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .garderob__block .likes-buttons > *:hover { opacity: 0.8; } .garderob__block .likes-buttons > *:before { width: 13px; height: 18px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .garderob__block .likes-buttons .dislike { float: left; } .garderob__block .likes-buttons .dislike:before { left: 11px; background-position: -88px -46px; } .garderob__block .likes-buttons .like { float: right; } .garderob__block .likes-buttons .like:before { left: 23px; background-position: -102px -47px; } .widget--insta .container { margin-top: 15px; margin-bottom: 15px; margin-left: -20px; } .material .widget--insta .img--container { margin-left: 0px; } .material .widget--insta .download--more a { background: #eccd8e; } .widget--test { width: 100%; border: solid 1px #c89e4b; padding: 15px; } .widget--test .container { padding-top: 30px; background: #fef7e9; background: #fdf7e9; } .widget--test .radio input[type=radio]:checked + label:before { background-position: -129px -9px; width: 11px; height: 11px; } .widget--test .quiz { padding: 0px 104px; } .widget--test .quiz.bot_test { margin-top: 38px; } .widget--test .quiz_question { font-family: Georgia; font-size: 26px; text-align: center; } .widget--test .quiz_answer { display: block; margin-bottom: 0; border-bottom: 1px solid #c89e4b; padding: 15px 0 18px; } .widget--test .quiz_answer:first-child { border-top: 1px solid #c89e4b; } .widget--test .quiz_answer.radio input:checked + label:before { top: 7px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .widget--test .quiz_answer label { display: inline-block; font-size: 19px; line-height: 25px; text-align: center; } .widget--test .quiz_answer label:before { top: 7px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .widget--test .your_result { display: block; font-family: Georgia; font-size: 26px; text-transform: uppercase; } .widget--test .quiz_photo_wr { margin: 30px auto; width: 242px; max-height: 168px; } .widget--test .quiz_photo_wr img { display: block; margin: 0 auto; max-height: 168px; max-width: 242px; } .widget--test .rz { margin-bottom: 0; padding: 0 25px; } .widget--test .numberQuest { margin-bottom: 12px; font-family: Georgia; font-style: italic; font-size: 17px; } .widget--test .numberQuest span { font-size: 12px; font-style: normal; font-family: Verdana; font-weight: 700; } .widget--test .button--test { display: inline-block; position: relative; margin: 46px 0; padding: 0 24px; background: #fc9; background: #eccd8e; line-height: 32px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; } .widget--test .button--test:hover { background: rgba(255, 204, 153, 0.75); } .widget--test .button--test.test-do_it_again { margin: 30px 0; } .jo-stars-vote { display: inline-block; direction: rtl; } .jo-stars-vote.voted .jo-star.active:after, .jo-stars-vote.voted .jo-star.active:hover:after { background: url("/assets/star-red.png") !important; } .jo-stars-vote.voted .jo-star:hover:after { background: url("/assets/star-grey.png") !important; } .jo-stars-vote.voted .jo-star:hover ~ span:after { background: url("/assets/star-grey.png") !important; z-index: 2; } .jo-stars-vote.voted .jo-star:hover ~ span.active:after { background: url("/assets/star-red.png") !important; } .jo-stars-vote:hover .jo-star:before, .jo-stars-vote:hover .jo-star:after { background: url("/assets/star-grey.png"); } .jo-star { position: relative; display: inline-block; vertical-align: top; width: 13px; height: 12px; overflow: hidden; margin-right: 3px; } .jo-star.active:after { background: url("/assets/star-red.png"); z-index: 2; } .jo-star:before, .jo-star:after { width: 13px; height: 12px; left: 0; top: 0; z-index: 1; } .jo-star:before { background: url("/assets/star-grey.png"); } .jo-star:hover:after { background: url("/assets/star-red.png") !important; z-index: 2; } .jo-star:hover ~ span:after { background: url("/assets/star-red.png") !important; z-index: 2; } .subscribe--form { width: 100%; margin-bottom: 70px; } .subscribe--form span { display: inline-block; margin-bottom: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #4b4b4b; text-transform: uppercase; } .subscribe--form form { position: relative; } .subscribe--form input { width: 100%; height: 46px; padding-left: 12px; border: solid 1px #c89e4b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .subscribe--form button { width: 143px; height: 40px; position: absolute; top: 3px; right: 3px; border: none; background: #4b4b4b; color: #fff; text-transform: uppercase; cursor: pointer; } .test .column--left { margin-bottom: 40px; } .test .download--more { margin-top: 35px; position: relative; border-top: dashed 1px; text-align: center; } .test .download--more:before, .test .download--more:after { width: 12px; height: 12px; background: #fff; border: solid 1px #c89e4b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: -8px; } .test .download--more:before { left: 0; } .test .download--more:after { right: 0; } .test .download--more a { display: inline-block; position: relative; top: -16px; background: #fc9; background: #eccd8e; line-height: 32px; width: 149px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; } .test--list__item { margin-bottom: 20px; padding-top: 20px; border-top: solid 1px #000; } .test--list__item:hover .test--go { opacity: 1; } .test--list__item:hover .title { text-decoration: underline; } .test--list__item:hover .test--list__item--img:before { opacity: 1; } .test--list__item.first { border-top: none; } .test--list__item .test--go { position: absolute; text-transform: uppercase; font-family: Verdana; font-size: 15px; display: inline-block; width: 194px; line-height: 44px; text-align: center; border: solid 1px #fff; color: #fff; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .test--list__item--img { position: relative; float: left; display: block; width: 310px; height: 238px; margin-right: 20px; } .test--list__item--img:before { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .test--list__item--img:hover:before { opacity: 1; } .test--list__item--img:hover .test--go { opacity: 1; } .test--list__item .meta { display: inline-block; font-size: 12px; margin-bottom: 7px; } .test--list__item .title { display: block; margin-bottom: 6px; font-size: 21px; line-height: 23px; color: #000; } .test--list__item .title:hover { text-decoration: underline; } .test--list__item p { font-size: 14px; line-height: 21px; } #login-form { padding: 12px; font-family: Tahoma, Arial, sans-serif; width: 617px; background-color: #fff; color: #000; } .content #login-form .unit, #overlay .unit { float: left; } #login-form h3 { font-size: 18px; color: #aa304b; } #login-form .line { padding: 10px; } #login-form .unit { padding: 0 0 12px 0; } #login-form input[type=password], #login-form input[type=text] { border: 1px solid #ccc; padding: 3px; margin-right: 12px; height: 18px; } #login-form input[type=submit], #edit-form input[type=submit], .validate-form input[type=button] { margin: 0 auto; display: block; width: auto; background-color: #3e8abd; padding: 5px 15px; cursor: pointer; border-radius: 10px; color: #fff; text-transform: uppercase; border: 0; } #login-form label { display: block; margin-right: 5px; font-family: Tahoma, Arial, sans-serif; } #login-form p.desc { margin-bottom: 7px; font-family: Tahoma, Arial, sans-serif; } #login-form input[type=submit] { margin-left: 0px; } #login-form .login label { float: left; line-height: 26px; } #login-form .login .unit { width: 260px; } #login-form .login .lastUnit { width: 30px; } #login-form #form-passw { width: 150px; } #login-form #form-email { width: 180px; } #login-form #reg-passw, #login-form #reg-login, #login-form #reg-email { width: 270px; } #login-form div.register { border-right: 1px solid #dcafb9; } #login-form .social { padding-left: 12px; } #login-form .social a { padding: 0px 5px; } #login-form .social .line { margin: 5px auto; width: 185px; } #login-form .social h3 { margin-left: 50px; } #overlay { color: #efefef; display: none; height: 370px; } div.contentWrap { width: 640px; padding: 35px; height: 370px; } div.contentWrap #login-form { border: 5px solid #aa304b; border-radius: 5px; } .apple_overlay .close { background-image: url(/assets/close.png); position: absolute; right: 10px; top: 15px; cursor: pointer; height: 35px; width: 35px; } #exposeMask { width: 100% !important; height: 100% !important; position: fixed !important; } .apple_overlay { z-index: 99999 !important; } .с_overlay { font-size: 13px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .lastUnit { display: table-cell; float: none; width: auto; } .с_overlay #login-form { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .size1of2 { width: 50%; } .c_wtf_bottom { display: table; width: 100%; font-size: 0 !important; } .c_wtf_bottom > * { display: inline-block; width: 50%; vertical-align: top; font-size: 13px; } .c_wtf_soc { display: table; width: 100%; font-size: 0 !important; } .c_wtf_soc__item { display: inline-block; vertical-align: top; width: 33%; font-size: 13px; } .с_overlay #login-form .social h3 { text-align: center; margin: 0; } div.contentWrap { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .с_overlay h3 { font-weight: 700; } .c_wtf_btn { display: block; } .big-1 figure { width: 310px; height: 238px; overflow: hidden; } .banner300x250 { text-align: center; } .banner300x250 > div, .banner300x250 noindex > div, #__place__300x250__banner__ > div { margin: 0 auto; } #__place__before-right-informers__banner__ { margin-bottom: 20px; } #MarketGidComposite566409 { // HOCHU-94 (remove other style) max-width: 615px !important; max-height: 175px !important; overflow: hidden !important; } .column--left .hochu-vote.with-img.choose-img-block{ position: relative; width: 630px; } .hochu-vote.with-img.choose-img-block table{ border-collapse: collapse; border-spacing: 0; max-width: 620px !important; border: solid 1px #c89e4b; height: 500px; } .material .allColumn{ width: 970px; margin: 0 auto; } .material .allColumn .p { width: 780px; margin: 0 auto; } .material .allColumn .p p img { height: auto !important; } .allColumn .subscribe--form { width: 662px; margin: 0 auto 70px; } .allColumn .like--bar{ margin: 50px auto; width: 662px; text-align: center; } .allColumn .like--bar .like_bar.bar1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; -o-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: center; } .hochu-vote table tbody tr td > img{ width: 131px; height: 208px; position: relative; top: 50px; left: 60%; background-color: black; cursor: pointer; } .hochu-vote table tbody tr td[data-side="right"] img{ border: 1px solid red; width: 131px; height: 208px; position: relative; top: 50px; left: 10px; background-color: black; cursor: pointer; } td img.none{ display: none; } .which-one{ position: absolute; display: block; top: 10px; left: 50%; transform: translateX(-50%); font-size: 19px; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: solid 1px #c89e4b; padding-bottom: 20px; width: 520px; text-align: center; } span.which-one:before { content: 'ГОЛОСОВАНИЕ'; display: block; width: 100%; height: 100%; text-align: center; font-size: 31px; margin-bottom: 20px; margin-top: 18px; font-family: Georgia, "Times New Roman", Times, serif; } .hochu-vote table tbody tr td > img:hover:before { content: ''; position: absolute; display: block; top: 50px; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; background: url("/assets/sprite.png")-56px -38px no-repeat; background-position: -56px-38px; width: 31px; height: 27px; padding: 0!important; } .column--left .ress{ position: relative; width: 620px; padding-left: 33%; min-height: 150px; top: -335px; left: -10px; display: none; } .ress .ichose-name{ display: inline-block; margin-top: 35px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; } .ress .ichose-pb{ position: absolute; width: 248px; height: 8px; background: #c8c8c8; } .ress .ichose-pb .ichose-fill{ width: 21%; position: absolute; top: 0; height: 100%; background: #e1bb74; } .ress .ichose-voted{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; color: #c89e4b; } .cycles_title{ display: inline-block; color: #000; text-decoration: underline; vertical-align: top; font-family: Verdana, "Times New Roman", Times, sans-serif; font-size: 12px; line-height: 18px; font-weight: bold; margin-right: 20px; } .cycles_list{ display: inline-block; width: 450px; color: #000; text-decoration: underline; vertical-align: top; font-family: Verdana, "Times New Roman", Times, sans-serif; font-size: 12px; } .cycles_list a{ color: #000; transition: transform 0.3s; } .cycles_list li{ position: relative; margin-bottom: 6px; line-height: 18px; } .cycles_list li:hover a{ color: #c89e4b; } .cycles_list li:before{ content: '\2022'; position: absolute; display: block; top: 0; left: -12px; } p.afterTitle:after { content: attr(data-title); display: block; font-family: Verdana, "Times New Roman", Times, sans-serif; font-size: 12px; } .material_content ul { margin-left: 20px; padding: 11px 0 5px; } .material_content ul li { position: relative; font-size: 15px; padding: 4px 0 10px 21px; } .material_content ul li:before { content: ''; position: absolute; left: 0; top: 12px; width: 8px; height: 8px; border-radius: 50%; background-color: #c89e4b; } .material_content ol { counter-reset: my-counter; list-style: none; } .material_content ol li { position: relative; font-size: 15px; padding: 4px 0 10px 45px; } .material_content ol li:before { content: counter(my-counter); counter-increment: my-counter; position: absolute; left: 5px; top: 3px; font-family: "Times New Roman"; font-weight: bold; font-size: 30px; color: #c89e4b; } ul.cycles_list { list-style: none; } .link_article_tooltip__content { position: absolute; border: 1px solid rgb(118, 118, 118); border-radius: 2px; z-index: 3; font-size: 15px; font-weight: normal; background-color: rgb(255, 255, 255); } .link_article_tooltip__content .row-item__title { margin-top: 0; padding-top: 3px; padding-right: 3px; } .category_description { margin: 30px 0 0; font-size: 16px; line-height: 20px; text-align: justify; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .category_description p { padding: 0 0 7px; } .block_AnchorMenu { width: 270px; padding: 5px; margin: 15px 0px 0 10px; float: right; background-color: #F4F4F4; } .allColumn .block_AnchorMenu { margin-right: 100px; } .block_AnchorMenu h4 { padding: 0 0 8px; margin: 0; color: #000; font-size: 17px; } .block_AnchorMenu h4:after { content: ''; display: block; width: 130px; margin-top: 4px; margin-left: calc((100% - 130px) / 2); border-bottom: 1px solid #BF954C; } .block_AnchorMenu .block_anchorMenu-anchor_list { padding: 0; margin-left: 20px; list-style: square; text-align: left; } .block_AnchorMenu .block_anchorMenu-anchor_list .block_anchorMenu-anchor_list-item { padding: 0; font-size: inherit; margin-bottom: 5px; line-height: 21px; } .block_AnchorMenu .block_anchorMenu-anchor_list .block_anchorMenu-anchor_list-item:before { display: none; } .block_AnchorMenu .block_anchorMenu-anchor_list .block_anchorMenu-anchor_list-item a { display: block; font-size: 16px; font-weight: bold; color: #000; line-height: normal; } .block_AnchorMenu .block_anchorMenu-anchor_list .block_anchorMenu-anchor_list-item a:hover { text-decoration: underline; } .vote--variants { padding: 0px 30px; } .radio label:before { top: 12px; } .vote--variants .radio { text-align: left; margin-bottom: 30px; } .radio label { display: block; } .result-line .vote--result-variant { display: block; } .rotate .vote--results { padding: 0px 30px; } .vote--results .result-line { height: auto; text-align: left; } .result-line .vote--results__line--block { margin: 0px; bottom: -15px; } .result-line .vote--result-variant .vote--counter { left: 260px; bottom: -22px; top: auto; right: auto; -ms-transform: none; -o-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; } .vote__block .description.border-bottom { margin-bottom: 15px; } .relap-default-wrapper { margin: 0 auto; width: 990px !important; } .relap-default-wrapper .relap-default__top-container[data-relap-max-column-quantity="3"]{ max-width: 990px !important; } .relap-default__top-container.relap-default-column-quantity-3 .relap-default__item, .relap-default__top-container.relap-default-column-quantity-3 .relap-default__fake-item{ margin-right:20px !important; } .relap-default__items-container { position: relative; margin-left: 0px !important; margin-right: 0px !important; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: left !important; font-size: 0; } .relap-default__item, .relap-default__fake-item { display: inline-block; max-width: 310px !important; height: 100% !important; } .relap-default__item-link{ position: relative !important; } .relap-default__item-link:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 236px; background: transparent; transition: background 0.1s ease 0s; } .relap-default__item-link:hover:before{ background: rgba(200, 158, 75, 0.5)!important; } .relap-default__item-inner { padding: 0 !important; position: relative !important; } .relap-default__full-item-link .relap-default__item-inner:hover{ background: none !important; } .relap-default__full-item-link .relap-default__item-inner:hover .js-relap__item-title-text{ background: none !important; text-decoration: underline !important; } .relap-default__full-item-link .relap-default__item-inner:hover relap-default__item-thumbnail{ background: rgba(200, 158, 75, 0.5)!important; } .relap-default__item-thumbnail img{ border-radius: 0 !important; } .js-relap__item-title.relap-default__item-title{ margin-top: 5px; font-size: 19px; line-height: 24px; display: block; margin-bottom: 20px !important; } .js-relap__item-title-text{ text-align: center !important; font-family: Georgia, "Times New Roman", Times, sans-serif !important; } img.mcimg{ border-radius: 50% !important; } #MarketGid4582 .mgline{ margin-bottom: 17px !important; } #MarketGid4582 img.mcimg{ margin-right: 10px !important; } div.mctitle > a{ font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 13px !important; color: #000 !important; transition: color .3s ease 0s !important; } .mgline:hover{ color: #c89e4b !important; } .smi_title_1848{ color: #000 !important; } .smi_div_img_1848 img{ border-radius: 50% !important; } .smi_div_img_1848{ margin-right: 3px !important; } .smi_tr_1848_0 .smi_td_1848, .smi_tr_1848_1 .smi_td_1848, .smi_tr_1848_2 .smi_td_1848, .smi_tr_1848_3 .smi_td_1848, .smi_tr_1848_4 .smi_td_1848{ border: none !important; padding: 0 0 17px 0 !important; } .snLink7177 img{ border-radius: 50% !important; } .snLink7177 { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 13px !important; color: #000 !important; transition: color .3s ease 0s !important; } td.snBgColor27177{ padding: 0px !important; } .snBgColor27177 table{ margin-bottom: 18px !important; } .snBgColor27177 table tr td:nth-child(2){ padding-left: 10px !important; } .snBgColor27177 td{ vertical-align: top !important; } .small-caps.gray_informer{ display: none; } .informer_news_block .img{ width: 50px; height: 50px; border-radius: 50%; margin-right: 10px; } .column--right .informer_news_block p{ margin-bottom: 20px; display: block; text-align: left; } .informer_news_block p, .informer_news_block a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000; } .informer_news_block a{ display: flex; line-height: 13px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .informer_news_block a:hover{ color:#c89e4b; } .news-block-magick center{ display: none; } .join_informer_2462{ padding: 0 !important; } .join_informer_2462 tr{ margin-bottom: 14px !important; display: block !important; } .join_informer_2462 .join_img{ width: 50px !important; height: 50px !important; border-radius: 50% !important; margin: 0 !important; display: inline-block !important; } .join_informer_2462 td{ display: inline-block; width: 50px !important; height: 50px !important; margin-right: 11px !important; padding: 0 !important; } .join_informer_2462 td:nth-child(2){ vertical-align: top !important; vertical-align: top !important; display: inline-block !important; width: 225px !important; } .join_informer_2462 a.join_link { font-size: 13px; margin-bottom: 10px; color: #000000; text-decoration: none; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif !important; -webkit-transition: color 0.3s; -moz-transition: color 0.3s ; transition: color 0.3s !important; } .join_informer_2462 a:hover{ color:#c89e4b !important; text-decoration: none !important; } #__place__article-before-subscribe__banner__ { margin-bottom: 25px; }