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("/i/2016/min/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;
position: relative;
}
.wrap {
background-color: #fff;
}
.w1300 {
width: 1300px;
margin: 0 auto;
position: relative;
}
b,
strong {
font-weight: 700;
}
.breadcrumbs {
margin: 0 auto;
font-family: Verdana, Arial;
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 {
padding-left: 7px;
width: 640px;
}
.column--right {
float: right;
width: 305px;
margin-left: 10px;
margin-right: 10px;
}
.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;
}
.row .cat_buttons {
width: 100%;
}
.cat_buttons, .tags-list {
margin-bottom: 15px;
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;
margin-bottom: 15px;
}
.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,
.material--author__info a span.user {
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;
-webkit-margin-before: 0 !important;
-webkit-margin-after: 0 !important;
}
.material--meta {
display: table;
margin: 7px auto 5px;
color: #6c6c6c;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.material--meta .rrec_view {
position: relative;
padding-left: 17px;
display: none;
}
.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 p {
padding: 15px 0 14px;
}
.material_content .inner_article-ad {
padding: 15px 0;
overflow: hidden;
}
.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: 0px;
}
.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(/i/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;
display: flex;
flex-flow: row nowrap;
justify-content: space-around;
}
.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;
}
.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;
margin-bottom: -40px;
}
.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;
text-decoration: none;
}
.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;
}
.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: 10px;
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-top: 0px !important;
padding: 15px 0;
margin-bottom: 10px !important;
clear: both;
}
.material-slider-block .bx-wrapper {
margin: 0 auto;
}
.material-slider-block .bx-wrapper .bx-viewport {
height: auto !important;
}
.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 {
width: 536px;
vertical-align: top;
text-align: center;
}
.material-slide img{
position: relative;
width: auto;
}
.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: 980px;
}
.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;
}
.wrap .w970 .cf > .no-pop{
padding-left: 5px;
}
.row {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
padding-top: 40px;
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;
height: fit-content;
}
.column-2 {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
width: 660px;
margin-left: 0;
}
.column-2 .column {
float: left;
}
.column-3 {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
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;
}
.widget--block.widget--popular .title {
margin-bottom: 13px;
}
.w970 .column--left .widget--block{
max-width: 630px;
}
.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: 'Open Sans', sans-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 {
line-height: 24px;
}
.vote--results {
display: none;

}
.vote--results .result-line {
line-height: 24px;
}
.vote--results .result-line .vote--result-variant {
margin-top: 0 !important;
}
.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;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
color: white;
text-align: center;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;
}
.vote_status{
display: flex !important;
flex-flow: row-reverse;
justify-content: space-between;
align-items: center;
font-family: 'Open Sans', sans-serif;
margin-bottom: 10px;
padding: 0px 10px !important;
}
.vote_status span{
position: relative !important;
cursor: pointer;
color: rgb(206, 201, 201);
font-size: 14px;
}
.vote_status span:hover{
color: white;
}
.vote_status h3{
font-size: 14px !important;
text-align: center !important;
padding: 5px 0px !important;
}
.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: flex;
align-items: center;
padding: 6px 10px;
box-sizing: border-box;
box-shadow: 0px 4px 10px 0px #CCCCCC;
margin-bottom: 6px;
border-bottom: 4px solid transparent;
transition: border-bottom 0.3s ease 0s;
}
.popular__item:hover {
border-bottom: 4px solid #E8CD8F;
}
.popular__item figure {
width: 70px;
height: 70px;
float: left;
margin-right: 10px;
}
.popular__item figure img {
display: block;
width: 100%;
border-radius: 50%;
}
.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 {
font-size: 14px;
line-height: 20px;
color: #000;
text-align: justify;
width: calc(100% - 80px);
padding: 0px;
margin: 0px;
font-family: Verdana, sans-serif;
font-weight: bold;
font-size: 12px;
box-sizing: border-box;
line-height: 150%;
overflow: hidden;
position: relative;
}
@supports (-webkit-line-clamp: 3) {
.popular__item p {
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}
}
@supports not (-webkit-line-clamp: 3) {
.popular__item p {
height: 58px;
}
.popular__item p:after {
width: 80px;
height: 20px;
content: '';
position: absolute;
bottom: 0px;
right: 0px;
display: block;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);   
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); 
}
}
.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("/i/2016/min/star-red.png") !important;
}
.jo-stars-vote.voted .jo-star:hover:after {
background: url("/i/2016/min/star-grey.png") !important;
}
.jo-stars-vote.voted .jo-star:hover ~ span:after {
background: url("/i/2016/min/star-grey.png") !important;
z-index: 2;
}
.jo-stars-vote.voted .jo-star:hover ~ span.active:after {
background: url("/i/2016/min/star-red.png") !important;
}
.jo-stars-vote:hover .jo-star:before,
.jo-stars-vote:hover .jo-star:after {
background: url("/i/2016/min/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("/i/2016/min/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("/i/2016/min/star-grey.png");
}
.jo-star:hover:after {
background: url("/i/2016/min/star-red.png") !important;
z-index: 2;
}
.jo-star:hover ~ span:after {
background: url("/i/2016/min/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;
}
.form__title {
margin-left: 10px;
}
.form-login{
display: flex;
flex-flow: row wrap;
}
.form-field{
display: flex;
flex-flow: column;
margin: 10px 20px 10px 0;
}
.form__label{
font-size: 13px;
line-height: 26px;
}
.form__input{
border: 1px solid rgb(200, 205, 214);
border-radius: 5px;
padding-left: 10px;
height: 30px;
background: rgb(232, 240, 254);
}
.form__input:hover, .form__input:focus, .form__input--checkbox:hover, .form__input--checkbox:focus{
box-shadow: 0 0 3px #c89e4b;
}
.form__button{
background-color: #3e8abd;
padding: 5px 15px;
cursor: pointer;
border-radius: 10px;
color: #fff;
text-transform: uppercase;
border: 0;
min-height: 35px;
}
.form__button--login{
margin-top: 25px;
}
.form__button--register{
margin-left: 65px;
}
.form__button:hover, .form__button:focus{
font-weight: 400;
box-shadow: 0 0 5px #0d63b3;
}
.form__input--checkbox{
float: left;
margin-top: 8px;
}
.register {
font-family: Tahoma, Arial, sans-serif !important;
}
.register__description{
font-size: 16px;
margin-bottom: 20px;
font-style: italic;
}
.social__title {
text-align: center;
}
#login-form {
padding: 12px;
font-family: Tahoma, Arial, sans-serif;
background-color: #fff;
color: #000;
}
.content #login-form .unit,
#overlay .unit {
float: left;
}
#login-form h3 {
font-size: 24px;
color: #aa304b;
}
#login-form .line {
padding: 10px;
}
#edit-form input[type=submit] {
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 .login label {
float: left;
line-height: 26px;
}
#login-form #form-passw {
width: 180px;
}
#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;
}
#overlay {
color: #efefef;
display: none;
height: 370px;
top: 90px !important;
}
div.contentWrap {
padding: 35px;
}
div.contentWrap #login-form {
border: 5px solid #aa304b;
border-radius: 5px;
}
.apple_overlay .close {
background-image: url(/i/close.png);
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
height: 35px;
width: 35px;
z-index: 2;
}
#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%);
}
.с_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;
}
.c_wtf_soc__item:hover{
opacity: 0.9;
}
.с_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: 730px;
margin: 0 auto;
clear: both;
}
.material .allColumn .p {
width: 730px;
}
.material .allColumn .p p img {
height: auto !important; 
}
.allColumn .subscribe--form {
width: 662px;
margin: 0 auto 70px;
}
.allColumn .like--bar{
margin: 20px 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: space-between;
}
.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("/i/2016/min/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;
}

.column--left ul,
.material_content ul {
margin-left: 20px;
padding: 11px 0 5px;
}
.column--left ul li,
.material_content ul li {
position: relative;
font-size: 15px;
padding: 4px 0 5px 25px;
}
.column--left ul li:before,
.material_content ul li:before {
content: '';
left: 0;
top: 12px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #c89e4b;
display: inline-block;
margin-right: 10px;
position: absolute;
}
.column--left ol,
.material_content ol {
counter-reset: my-counter;
list-style: none;
margin-left: 10px;
}
.column--left ol li,
.material_content ol li {
position: relative;
font-size: 15px;
padding: 4px 0 5px 0px;
}
.column--left ol li:before,
.material_content ol li:before {
counter-increment: my-counter;
content: counter(my-counter) ". ";
font-family: "Times New Roman";
font-weight: bold;
font-size: 25px;
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;
}
.specialfordoccierindb{padding-bottom:30px}
.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: 0px;
}
.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;
}
#__place__article-middle-longread2__banner__ {
width: 300px;
height: 250px;
overflow: hidden;
float: left;
margin-right: 30px;
margin-bottom: 15px;
}
.allColumn .block_AnchorMenu {
margin-right: 0px;
margin-bottom: 15px;
}
#__inc_banner__dfp_dfp_under_breadcrumbs {
padding-bottom: 20px;
}
.wikileft .contentnews.allnews {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 15px;
}
.wikileft .shad.left {
margin-right: 15px;
}
.wiki__text {
width: 100%;
}
.wiki__text a {
color: #B32C4A;
}
.wiki__news {
margin-bottom: 15px;
}
.wiki__item {
padding: 5px 0px;
}
.wiki__item + .wiki__item {
border-top: 1px solid #DDDDDD;
}
.wiki__news a {
color: #000000;
font-size: 16px;
}
.wikileft .top1.darkred {
margin-top: 0px;
font-size: 30px;
color: #B32C4A;
margin-bottom: 15px;
}
.wikileft .right {
text-align: right;
font-size: 20px
}
.leftcol.wikileft {
float: left;
width: calc(100% - 330px);
}
.right_popular ul {
margin-bottom: 15px;
}
.right_popular .shad.left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.right_popular a {
color: #000000;
text-decoration: none;
}
.right_popular .text {
font-size: 14px;
line-height: 20px;
color: #000;
}
.viewcom a {
padding-left:15px;
background:url(/i/sprites/v-sprite.png) 0px -36px no-repeat;
text-decoration:none;
font-size: 14px;
color:#000000;
}
.categories-menu.w1300 li a {
color: #FFFFFF;
text-decoration: none;
}
.site-map__navigation-item ul a {
color: #333333;
text-decoration: none;
}
a.site-map__navigation-item__title,
a.site-map__navigation-item__title:visited,
a.site-map__navigation-item__title:link {
text-decoration: none;
color: #333333;
}
a.site-map__trigger,
a.site-map__trigger:visited,
a.site-map__trigger:link {
text-decoration: none;
color: #333333;
}
.right_popular .rp_ttl {
margin-top: 15px;
margin-bottom: 20px;
font-size: 31px;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
display: block;
text-align: center;
color: #000000;
font-weight: normal;
}
.right_popular a.more-popular {
font-size: 14px;
}
.section-title.also{margin-top:20px;}
.wikileft {
width: calc(100% - 310px);
float: left;
}
.wikiright {
width: 310px;
float: right;
}
.top1{font-size:1.6em;font-weight:normal;margin-bottom:10px;}
.none{text-decoration:none;}
.rel{margin-bottom:10px;}
.content-gallery{padding-bottom:10px;width:630px; margin: 15px auto; display: inline-block; text-align: center;}
.content-gallery .col3{width:209px;}
.album{width:209px;height:168px;background:url(http://hochu.ua/i/bg_album.png) #fff no-repeat;padding-top:11px;padding-left:7px;}
.album .border{border:1px solid #ccc;}
.album-text{margin-top:-5px;margin-left:7px;font-size:110%;}
.viewcom .view{display:none;padding-left:15px;background:url(http://hochu.ua/i/sprites/v-sprite.png) 2px -37px no-repeat;text-decoration:none;font-size:0.81em;color:#0d63b3;}
.viewcom .comment{padding-left:15px;background:url(http://hochu.ua/i/sprites/v-sprite.png) 2px 3px no-repeat;font-size:0.81em;text-decoration:none;color:#0d63b3;}
.clear{clear:both;}
.content-gallery .col3 {
width: 209px;
}
.col3.left {
display: block;
float: left;
}
.top3{font-size:1.4em;font-weight:normal;margin-bottom:10px;}
.ssmall-caps{font-size:1.08em;font-weight:normal;color:#353535;font-variant:small-caps;}
.none{text-decoration:none;}
.darkgray{color:#656565;}
.rel{margin-bottom:10px;}
.theme-gallery-container{margin-left:-12px;margin-top:30px;}
.theme-gallery{margin-top:15px;padding-bottom:10px;}
.theme-gallery .col3{width:201px;padding-left:4px;}
.pic-theme-tab{background-color:white;}
.pic-theme-tab .tab-left{background:url(http://hochu.ua/i/bg-theme-tab-left.png) no-repeat;width:7px;height:45px;float:left;}
.pic-theme-tab .tab-center{background-color:#7fcbf9;padding-top:5px;padding-left:2px;min-width:53px;max-width:160px;height:40px;color:white;float:left;}
.pic-theme-tab .tab-right{background:url(http://hochu.ua/i/bg-theme-tab-right.png) no-repeat;width:18px;height:45px;float:left;}
.pic-theme-link,.box-shad .pic-theme-link{text-decoration:none;position:relative;display:block;position:static;}
.pic-theme-img,.box-shad .pic-theme-img{border:1px solid #ccc;margin-top:-18px;margin-left:7px;margin-bottom:12px;position:static;}
.date1{color:#666;font-size:1.1em;}
.theme-short{padding-right:15px;}
.box-shad{background:#ffffff;border:1px solid #ffffff;-webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-box-shadow:0px 0px 5px #999999;-moz-box-shadow:0px 0px 5px #999999;-khtml-box-shadow:0px 0px 5px #999999;box-shadow:0px 0px 5px #999999;behavior:url(http://hochu.ua/css/PIE.htc);z-index:2;padding:10px;margin-bottom:9px;position:relative;}
.no-top-left-radius{-webkit-border-radius:0 7px 7px 7px;-khtml-border-radius:0 7px 7px 7px;-moz-border-radius:0 7px 7px 7px;border-radius:0 7px 7px 7px;behavior:url(http://hochu.ua/css/PIE.htc);}
.box-shad *{position:relative;z-index:2;}
.tableft-white{text-align:center;height:29px;min-width:167px;margin-left:-4px;position:relative;z-index:3;}
.tableft-white > .lft{float:left;background:url(http://hochu.ua/i/bg_tab_white_left.png) no-repeat;background-color:white;width:30px;height:29px;}
.tableft-white > .cntr{float:left;background:url(http://hochu.ua/i/bg_tab_white_center.png) repeat-x;height:29px;}
.tableft-white > .cntr > .text{position:relative;top:12px;}
.tableft-white > .rght{float:left;background:url(http://hochu.ua/i/bg_tab_white_right.png) no-repeat;width:30px;height:29px;}
.clear{clear:both;}
#simple_pager{margin:15px 0;float:left;width:500px;}
#simple_pager  .pager{margin:17px auto 10px auto;}
#simple_pager .pager span{border:1px solid #dedede;width:25px;height:25px;display:block;float:left;text-align:center;line-height:25px;margin-right:5px;}
#simple_pager .pager span.active{background-color:#909090;color:#fff;position:static;}
span.user{color:#40668c;}
.columns-cont {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
}
.columns-cont .col3.left {
float: none;
margin: 10px 0px;
width: 16.6666%;
}
.gal-index {
text-align: center;
}
.forward,.backward{cursor:pointer;display:block;font-size:1px;text-indent:-9999em;}
.forward{position:absolute;top:67px;right:5px;width:10px;height:16px;cursor:pointer;background:url(/i/sprites/h-sprite.png) -412px -16px no-repeat;}
.forward:hover,.forward:focus{background-position:-422px -16px;}
.forward:active{background-position:-433px -16px;}
.backward{position:absolute;top:67px;left:5px;width:10px;height:16px;cursor:pointer;background:url(/i/sprites/h-sprite.png) -412px 0 no-repeat;}
.backward:hover{background-position:-422px 0;}
.backward:active{background-position:-432px 0;}
.photo-box .backward{position:absolute; top: calc(50% - 23px); left:-23px;width:46px;height:46px;cursor:pointer;background:transparent url(/i/horizontal-big.png) no-repeat 0 0;}
.photo-box .backward:hover,.photo-box .backward:focus{background-position:-46px 0;}
.photo-box .backward:active{background-position:-92px -46;}
.photo-box .forward{position:absolute; top: calc(50% - 23px); right:-23px;width:46px;height:46px;cursor:pointer;background:transparent url(/i/horizontal-big.png) no-repeat 0 100%;}
.photo-box .forward:hover,.photo-box .forward:focus{background-position:-46px 100%;}
.skin-photo{background-color:#A7A5B0;display:block;float:none;width:620px;min-height:100px;max-height:1024px;overflow:hidden;//margin-top:15px;}
.skin-photo img{max-width:100%;}
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden;}
div.rating-cancel,div.rating-cancel a{background:url(/js/stars/delete.gif) no-repeat 0 -16px;}
div.star-rating,div.star-rating a{background:url(/js/stars/star.png) no-repeat 0 0px;}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0;}
div.star-rating-on a{background-position:0 -16px!important;}
div.star-rating-readonly a{cursor:default!important;}
div.star-rating{background:transparent!important;overflow:hidden!important;}
.get_mess{background:#f5f5f5;padding:10px;position:relative;z-index:300;}
.get_mess.form{padding:10px;position:static!important;}
#comments .comments-list ul{display:block;}
#comments .get_mess.form label{width:120px;margin-right:10px;}
#comments .get_mess.form label span{width:120px;}
#comments .get_mess.form label.auto_label,#comments .get_mess.form label.auto_label span{width:auto;line-height:25px;}
#comments .get_mess.form .fancy{width:525px;}
#comments .get_mess.form textarea.fancy{height:auto;border-radius:5px;margin-bottom:10px;}
#comments .com_ttl h3{font-weight:bold;font-size:21px!important;text-transform:uppercase;margin:10px 0px;}
.comentator_avatr{float:left; margin-right: 15px;}
#author,#email{height:30px;line-height:30px;border-radius:5px;}
#comment_form input{margin-bottom:10px;}
#comment_form .left{margin:9px 0px 0px 63px;}
#comment_form .left .ch{margin:4px 0px 5px 0px;}
#comment-submit{display:block;width:145px;height:35px;line-height:35px;text-align:center;color:#FFF;font-weight:bold;font-size:12px;text-transform:uppercase;background-color:#000000;border-radius:5px;text-decoration:none; float: right;}
.gal-item .top3{font-size: 30px; font-weight:normal;margin-bottom:10px;}
.gal-item .gallery-descr{margin:0 0 15px 0;}
.gal-item .gray1{color:#9d9d9d;}
.gal-item .data{color:#656565;margin-bottom:5px;position:relative;z-index:1; text-align: center;}
.gal-item .rel{margin-bottom:10px;}
.gal-item .date{color:#666;font-size:1em;}
.gal-item .photo-box{width:620px;background-color:white;-webkit-box-shadow:0px 0px 4px #999;-moz-box-shadow:0px 0px 4px #999;box-shadow:0px 0px 4px #999; position: relative; margin: 0 auto;}
.gal-item .viewcom .view{display:none;padding-left:15px;background:url(/i/sprites/v-sprite.png) 2px -37px no-repeat;text-decoration:none;font-size:0.81em;color:#0d63b3;}
.gal-item .viewcom .comment{padding-left:15px;background:url(/i/sprites/v-sprite.png) 2px 3px no-repeat;font-size:0.81em;text-decoration:none;color:#0d63b3;}
.gal-item .clear{clear:both;}
.gal-item .hidden{display:none;}
.gal-item .line{ display: flex; }
.gal-item .form input,.form textarea{font-size:1em;padding:4px 2px;border:1px solid #dedede;width:30em;margin:2px 0 20px 10px;}
.gal-item .form .fancy{width:380px; font-size: 16px;}
.gal-item .form .fancy{background-color:white;border:1px solid #dadada;display:block;overflow:hidden;white-space:nowrap;height:26px;line-height:20px;padding:0 0 0 8px;color:#444;text-decoration:none;left:10px;box-shadow:inset 0px 0px 13px rgba(0, 0, 0, 0.09);
font-size: 16px;
font-family: Arial,sans-serif;
}
.gal-item .form input.fancy:placeholder,
.gal-item .form textarea.fancy:placeholder {
font-size: 16px;
font-family: Arial,sans-serif;
}
.gal-item .form textarea{height:10em;}
.gal-item .form label{text-align:right;color:#A2243F;float:left;font-size:18px;line-height:24px;margin-right:5px;max-width:160px;}
.gal-item .form label span{color:#000;display:block;font:normal 0.6em Tahoma, Arial, sans-serif;text-align:right;width:16em;}
.gal-item .ch input[type=checkbox]{opacity:0;filter:alpha(opacity=0);}
.gal-item .ch{display:block;height:16px;width:18px;background:url(/i/ch.png) no-repeat 0px bottom;margin:5px 15px 5px 0px;float:left;}
.gal-item #comments{margin:1em auto; width: 620px;}
.gal-item .comments-list{width:100%;overflow:hidden;margin:1em 0;}
.gal-item #pager{text-align:center;overflow:hidden;}
.gal-item span.user{color:#40668c;}
.gal-item .fb_reset{background:none;border:0;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal;}
.gal-item .fb_reset>div{overflow:hidden;}
.gal-item .rating-stars {
text-align: center;
}
.error404{margin-top:60px;}
.error404 p,.error404 li{font-weight:normal;}
.error404 p{line-height:1.2em;}
.error404 li{list-style-type:disc;margin-left:2em;}
.error404 ul{margin-bottom:1em;}
.error404 h1{font-size:2.5em;padding-bottom:0.5em;border-bottom:1px solid #ccc;margin-bottom:0.5em;}
.ba-slider img {
height: 100%;
object-fit: cover;
}
.ba-slider .handle:after {
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
font-size: 18px;
line-height: 32px;
}
.ba-slider .handle.ba-draggable:after {
width: 32px;
height: 32px;
margin: -16px 0 0 -16px;
font-size: 18px;
line-height: 32px;
}
.content-figure {
margin: 0px;
padding: 0px;
}
.content-figure img {
width: 100%;
}
.content-figure__copy {
text-align: right;
font-style: italic;
font-weight: normal;
background: #EFEFEF;
padding: 2px 10px;
margin-top: -6px;
color: #999999;
}
.material--copyright {
text-align: right;
font-style: italic;
font-weight: normal;
background: #EFEFEF;
padding: 5px 10px;
margin-top: -3px;
color: #999999;
}
.fb_iframe_widget_fluid_desktop.fb-comments iframe {
width: 100% !important;
}
.main-header .logo__name .logo-2,.main-header .logo__name .logo-3 {
margin-bottom: -20px;
}
.column--left__dossier {
width: calc(100% - 330px);
margin-top: 30px;
}
.dossier-row {
margin-left: 0px;
margin-bottom: 10px;
display: flex;
flex-flow: row wrap;
margin: -8px;
}
.dossier-row__item {
display: block;
margin-bottom: 15px;
text-align: center;
font-size: 12px;
color: #000;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
width: calc(25% - 16px);
margin: 8px;
}
.dossier-row__item-figure {
width: 100%;
}
.dossier-row.cf:before,.dossier-row.cf:after {
display: none;
}
.widget--vote {
border: none;
min-height: none;
}
.vote__block .description {
border-bottom: none;
text-align: left;
margin: 0px;
height: auto;
}
.vote__block .description.border-bottom {
border-bottom: none;
text-align: left;
font-size: 24px;
color: #b53248;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
.vote--variants {
padding: 0px;
}
.radio input[name="to-vote"] + label {
font-size: 18px;
font-family: 'Open Sans', sans-serif;
padding-left: 40px;
}
.radio input[name="to-vote"] + label:before {
width: 15px;
height: 15px;
background: #F5F5F5;
border: 2px solid #ACACAC;
border-radius: 50%;
}
.radio input[name="to-vote"] + label:hover {
color: #000000;
}
.vote--submit {
display: none;
}
.rotate .vote--results {
padding: 0px;
}
.vote--results .result-line {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.vote--results .result-line .vote--result-variant {
width: 200px;
margin-right: 20px;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
}
.result-line .vote--results__line--block {
width: calc(100% - 260px);
height: 25px;
position: relative;
background: #F5F5F5;
border: 1px solid #DCDCDC;
}
.result-line .vote--results__number {
background: rgb(155, 152, 152);
}
.vote--counter {
width: 60px;
padding-left: 20px;
display: block;
text-align: left;
color: #8c8e90;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight: 600;
}
.widget--vote {
min-height: 0px;
margin-bottom: 0px;
}
.main-header .logo__name {
margin-bottom: -50px;
}
.amalker-bg {
background: url(/i/rekldesktop.jpg) no-repeat center center / auto auto;
padding: 20px;
}
.amalker-slider__nice {
font-family: 'IBM Plex Serif', serif;
font-size: 24px;
color: #b53248;
font-style: italic;
font-weight: bold;
margin-bottom: 20px;
}
.amalker-desc, .amalker-desc p {
font-family: Roboto, sans-serif;
font-size: 14px;
color: #252b33;
}
.amalker-desc {
max-width: 52%;
}
.amalker-desc p {
margin: 0px 0px;
padding: 5px 0px;
}
.projects {
overflow: hidden;
}
.projects__inner {
display: flex;
flex-flow: row wrap;
margin: -10px;
}
.projects__link {
position: relative;
width: calc(33.33333% - 20px);
margin: 10px;
height: 120px;
overflow: hidden;
}
.projects__link:before {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
content: '';
}
.projects__title {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
font-size: 20px;
font-family: Roboto, sans-serif;
font-weight: bold;
width: 100%;
padding: 10px;
}
.projects__img {
object-fit: cover;
object-position: center;
}
.red-bar {
display: flex;
background: #B53248;
max-width: 230px;
width: 100%;
margin: 40px auto;
align-items: center;
border-radius: 10px;
font-weight: bold;
padding: 5px 10px 5px 5px;
}
.red-bar__text {
color: #FFFFFF;
font-family: Roboto, sans-serif;
font-size: 18px;
text-align: center;
}
.team-hdr {
text-transform: uppercase;
font-size: 16px;
margin: 20px 0px;
}
.our-team__title_partners {
font-size: 18px;
}
.amalker-slider-big__img {
height: 50px;
}
div[itemscope] {
padding-left: 5px;
}
.main-wrapper{
display: flex;
flex-flow: row nowrap;
}
.tags-container{
width: 1300px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.tags__title{
text-align: center;
}
.tags__label{
font-weight: 600;
margin: 0 25px 15px;
}
.authors-container{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom: 1px solid grey;
width: 100%;
padding: 0 55px 10px;
}
.author{
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
width: 80%;
}
.author__avatar{
float: left;
width: 54px;
height: 54px;
margin-right: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
}
.author__info--name{
font-weight: 600;
font-size: 15px;
color: #333333;
text-shadow: 0px 0px 1px #575656;
margin: 0;
}
.author__info--role{
font-size: 11px;
color: grey;
}
.author__socials{
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
width: 20%;
}
.author__socials .socials__link{
display: block;
height: 25px;
width: 25px;
margin-left: 25px;
transition: transform .1s ease-in-out;
}
.author__socials .socials__link:hover,
.author__socials .socials__link:focus{
transform: scale(1.1);
}
.author__socials .socials__link--fb{
background: url("/i/2016/socials/icon_facebook.svg") center no-repeat;
}
.author__socials .socials__link--insta{
background: url("/i/2016/socials/icon_instagram.svg") center no-repeat;
}
.author__about, .author__about > p{
font-family: Verdana, Arial;
font-size: 14px;
line-height: 1.2;
color: #333333;
text-align: justify;
width: 100%;
margin: 15px 0;
}
.visually-hidden {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
}
.form__response{
display: inline-block;
margin-top: 20px;
padding: 0 20px 0 0;
}

@font-face {
font-family: 'SFUIText-Regular';
src: url('/public/css/fonts/SFUIText-Regular.ttf');
}
.page-container{
overflow-x: hidden;
}
.page__section{
display: flex;
flex-flow: row wrap;
justify-content: center;
position: relative;
font-family: 'SFUIText-Regular', sans-serif;
width: 100%;
}
.page__section>img{
max-width: none;
}
.section__title{
font-family: 'SFUIText-Regular', sans-serif;
text-transform: uppercase;
text-align: left;
font-weight: normal;
font-size: 29px;
line-height: 1.2;
letter-spacing: -0.07px;
text-shadow: 0 0 1px black;
width: 100%;
}
.page__section p{
font-family: 'SFUIText-Regular', sans-serif;
font-size: 18px;
line-height: 1.2;
letter-spacing: -0.07px;
margin: 14px 0;
}
.section__description{
position: absolute;
}
.section--about{
margin-top: 30px;
}
.section--about .section__description{
top: 300px;
left: 52%;
width: 470px;
}
.section--features{
margin-top: -130px;
margin-bottom: -35px;
}
.section--features .section__title{
text-align: center;
}
.features{
display: flex;
flex-flow: row nowrap;
justify-content: center;
width: 100%;
max-width: 1200px;
}
.features__item{
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin: 0 25px;
}
.feature .feature__icon{
height: 120px;
width: 120px;
margin: 10px;
transition: all 0.2s ease-in-out;
}
.feature:nth-child(1) .feature__icon{
background: url('/i/page-reklama/design.svg') 0 0 no-repeat;
}
.feature:nth-child(2) .feature__icon{
background: url('/i/page-reklama/visitors.svg') 0 0 no-repeat;
}
.feature:nth-child(3) .feature__icon{
background: url('/i/page-reklama/star.svg') 0 0 no-repeat;
}
.feature:nth-child(4) .feature__icon{
background: url('/i/page-reklama/creativity.svg') 0 0 no-repeat;
}
p.feature__title{
text-align: center;
font-size: 22px;
}
.feature:hover .feature__icon{
transform: scale(1.05);
}
.section--audience .section__description{
top: 134px;
left: 21%;
width: 530px;
}
.section--audience .section__title{
margin-bottom: 38px;
}
.audience{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width: 100%;
margin-top: 35px;
}
.audience__item{
display: flex;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 50%;
margin: 10px 0;
}
p.audience__count {
font-size: 36px;
color: rgb(97,177,219);
margin: 15px 0 0;
}
.audience__item p{
margin: 5px 0;
}
.section--traffic{
width: 100%;
max-width: 1275px;
margin: 50px auto 0;
}
.traffic{
display: flex;
flex-flow: column nowrap;
justify-content: center;
width: 80%;
padding-top: 70px;
}
.traffic__section{
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-end;
position: relative;
width: 100%;
}
.section--mobile{
margin-bottom: 140px;
}
.section--desktop{
margin-bottom: 72px;
}
.section__label{
position: relative;
font-size: 24px;
padding-left: 110px;
}
.section__count{
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: flex-end;
width: 67%;
}
.section__count li{
text-align: center;
width: 25%;
}
.count--mobile li:nth-child(1){
font-size: 32px;
opacity: 0.7;
}
.count--mobile li:nth-child(2){
font-size: 36px;
opacity: 0.8;
}
.count--mobile li:nth-child(3){
font-size: 40px;
opacity: 0.9;
}
.count--mobile li:nth-child(4){
font-size: 44px;
}
.count--desktop li:nth-child(1){
font-size: 32px;
opacity: 0.7;
}
.count--desktop li:nth-child(2){
font-size: 31px;
opacity: 0.6;
}
.count--desktop li:nth-child(3){
font-size: 30px;
opacity: 0.5;
}
.count--desktop li:nth-child(4){
font-size: 29px;
opacity: 0.4;
}
.section__label::before{
content: '';
display: block;
position: absolute;
top: -47px;
left: -53px;
width: 125px;
height: 125px;
}
.label--mobile::before{
background: url('/i/page-reklama/mobile.svg') no-repeat;
}
.label--desktop::before{
background: url('/i/page-reklama/desktop.svg') no-repeat;
}
.traffic__section.section--mobile:after {
content: '';
display: block;
position: absolute;
width: 105%;
height: 4px;
top: 122px;
background: rgb(97,177,219);
}
.section--periods{
justify-content: flex-end;
margin-bottom: 0;
}
.section--periods .section__count{
justify-content: space-between;
color: rgb(97,177,219);
}
.section--periods .section__count li{
font-size: 20px !important;
opacity: 1;
}
.section--benefits {
margin-top: 182px;
}
.section--benefits .section__description{
margin-top: -27px;
margin-left: 20px;
}
ul.audience__list {
list-style: none;
padding-left: 15px;
}
ul.audience__list li {
position: relative;
font-size: 24px;
line-height: 1.47;
padding-left: 37px;
margin-bottom: 15px;
}
ul.audience__list li::before {
content: '';
display: block;
border-radius: 50%;
background: rgb(249, 189, 202);
position: absolute;
left: 0px;
top: 0px;
width: 15px;
height: 15px;
margin-top: 9px;
}
.section--formats h1.section__title {
font-size: 35px;
margin: 55px 0;
}
.section--formats>img{
position: absolute;
z-index: -1;
}
.section--formats .section__description{
position: relative;
width: 100%;
max-width: 1275px;
margin: 0 auto;
}
.formats__type{
display: flex;
flex-flow: row nowrap;
margin-top: 30px;
}
.section--formats h2.section__title{
position: relative;
text-transform: none;
margin-top: 0;
margin-bottom: 30px;
}
.section--formats h2.section__title::after{
content: '';
display: block;
position: absolute;
width: 45%;
height: 4px;
bottom: -10px;
background: rgb(97,177,219);
}
.type__description p {
max-width: 500px;
}
.type--branding .type__image{
margin-top: -169px;
margin-left: 55px;
}
.type--catfish{
margin-top: 39px;
margin-bottom: 120px;
}
.type--catfish h2.section__title::after{
width: 70%;
}
.type--catfish .type__image img{
max-width: none;
}
.type--catfish .type__image:nth-child(2){
margin-left: -104px;
}
.type--catfish .type__image:nth-child(3){
margin-top: 137px;
}
.type--catfish .type__description{
padding-left: 30px;
margin-top: 80px;
}
.articles-wrapper{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin: 40px auto 0;
}
.articles-wrapper h2.section__title::after{
width: 65%;
}
.article{
display: flex;
flex-flow: column;
width: 30%;
margin-bottom: 45px;
}
.article__box{
color: black;
background: white;
-webkit-box-shadow: -5px 3px 28px -13px rgba(52,52,52,1);
-moz-box-shadow: -5px 3px 28px -13px rgba(52,52,52,1);
box-shadow: -5px 3px 28px -13px rgba(52,52,52,1);
width: 100%;
min-height: 399px;
transition: transform 0.2s ease-in-out;
}
a:hover .article__box,
a:focus .article__box{
transform: scale(1.05);
}
.box__img{
padding: 20px;
width: 100%;
}
.box__img img{
max-width: 100%;
}
.box__title{
text-align: left;
font-size: 17px;
line-height: 1.2;
letter-spacing: 0.5px;
text-shadow: 0 0 1px #656161;
padding: 0px 20px 25px;
width: 100%;
}
.articles--specprojects{
margin-top: 133px;
}
.articles--specprojects h2.section__title{
text-transform: uppercase;
}
h3.section__subtitle{
font-family: 'SFUIText-Regular', sans-serif;
text-align: left;
font-weight: normal;
font-size: 29px;
line-height: 1.2;
letter-spacing: -0.07px;
text-shadow: 0 0 1px black;
width: 100%;
text-transform: none;
margin-top: 0;
margin-bottom: 30px;
}
.articles--specprojects .article:nth-child(3),
.articles--specprojects .article:nth-child(4){
margin-top: 100px;
}
.section--clients{
position: relative;
width: 100%;
max-width: 1275px;
margin: 40px auto 0;
}
.section--clients h2.section__title{
width: auto;
position: relative;
}
.section--clients h2.section__title::after{
content: '';
position: absolute;
display: block;
width: 400px;
height: 200px;
background: url(/i/page-reklama/background_clients.png) 0 0 / 100% no-repeat;
top: -30px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.clients-wrapper{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 35px;
}
.client{
display: flex;
flex-flow: column;
width: 30%;
padding: 20px 0 0;
}
.client img {
max-width: 100%;
object-fit: none;
transition: all 0.2s ease-in-out;
}
.client:hover img{
transform: scale(1.05);
}
.section--contacts{
background: rgb(253,247,247);
width: 100%;
margin: 100px auto 0;
padding-top: 20px;
}
.section--contacts h2.section__title{
text-align: center;
position: relative;
z-index: 1;
}
.section--contacts h2.section__title::after{
content: '';
position: absolute;
display: block;
width: 279px;
height: 200px;
background: url(/i/page-reklama/background_contacts.png) 0 0 / 100% no-repeat;
top: -30px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.section--contacts p{
font-size: 22px;
text-align: center;
line-height: 2.0em;
z-index: 2;
}
.contacts__email{
color: black;
text-shadow: 0 0 1px #656161;
}
.relap-default-wrapper {
margin: 0 auto 0 15px !important;
width: 980px !important;
}
.relap-default-wrapper .relap-default__top-container[data-relap-max-column-quantity="3"]{
max-width: 980px !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;
padding-left: 20px;
}
.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;
}