@font-face {
  font-family: 'PT Serif';
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  src: url('https://bg.ru/gui/PTSerif-Regular-9a01401b31b8058c19555468d1d2b848a3bf476314d66304dd7c36c1d2c90075.woff2') format('woff2');
}

@font-face {
  font-family: 'PT Serif';
  font-weight: 400;
  font-style: italic;
  src: url('https://bg.ru/gui/PTSerif-Italic-0fee19441f1a6a793050be04b5dd5900893f1802518e96b39052ff020670a58b.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto Slab';
  font-weight: 400;
  font-style: normal;
  src: url('https://bg.ru/gui/RobotoSlab-Regular-4533febd458361f8c520a482e59cd66b0ba06e8143c51e4a99dde871b18e16a3.woff2') format('woff2');
}


@font-face {
  font-family: 'Adelle';
  font-display: swap;
  src: url('https://bg.ru/gui/adelle-regular-28aded8f54c5c101afe6b1938b1ac4cb601a76ed80b1f51211edf1555ee0d3e8.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'Adelle 500 fallback';
  font-weight: 500;
  font-style: normal;
  size-adjust: 103%;
  src: local('Georgia');
}


@font-face {
  font-family: 'Adelle';
  font-display: swap;
  src: url('https://bg.ru/gui/adelle-semibold-e5ee4dfa2531e199b3c1e0409f0c22f8993116d350d954a77bb7ec2f3eab2481.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  }


@font-face {
  font-family: 'Proxima Nova';
  font-display: swap;
  src: url('https://bg.ru/gui/proximanova-regular-30e7b6e75da6ecb1d04711abe25faa4855c0362bdcdb93312553f0a6500c5c73.woff2') format('woff2');

  font-weight: normal;
  font-style: normal;
  }


@font-face {
  font-family: 'Proxima Nova';
  src: url('https://bg.ru/gui/proximanova-bold-5aeb94f9b0765b8433032c14217bb98d67be9d63d1e5160cfc38cc4fe4776c76.woff2') format('woff2');
  font-display: swap;
  font-weight: bold;
  font-style: normal;
  }

@font-face {
  font-family: 'Proxima bold fallback';
  font-weight: bold;
  font-style: normal;
  size-adjust: 98%;
  src: local('Arial Bold');
}

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, font, 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, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  }
body {
  line-height: 1;
  color:#000;
  overflow-x: hidden;
  }
header, nav, article, footer, section {
  display:block;
  }

h1, h2, h3, h4, h5, h6, p { margin:0 0 20px 0; }
a {
  color:#000;
  text-decoration:none;
  outline:none;
  }
a:hover {
  text-decoration:underline;
  }
a.under {
  text-decoration:underline;
  }
ol, ul {
  list-style: none;
  }
img {
  border:0;
  -ms-interpolation-mode: nearest-neighbor | bicubic;
  }
blockquote, q {
  quotes: none;
  }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
  }

:focus {
  outline: 0;
  }

ins {
  text-decoration: none;
  }
del {
  text-decoration: line-through;
  }

table {
  border-collapse: collapse;
  border-spacing: 0;
  }
table td {
  vertical-align:top;
  text-align:left;
  }
:root {
  --wide-post-width: 1020px;
  --wide-post-width-without-padding: 940px;
  --thin-post-width-without-padding: 620px;
  --thin-post-width: 680px;
}
:root {
  --font-color: #000;
  --secondary-color: #FC6540;
  --hover: var(--secondary-color);
}
:root {
  --primary: #000;
  --hover: #FC6540;
  --visited: #8D8D8D;
}
body {
  min-width: 1020px;
  font: 14px/20px "Proxima Nova", sans-serif;
  background: #E4E4E4;
  }

a { color: var(--font-color); transition: color .1s; }
a:hover { color:  var(--secondary-color); text-decoration: none; }
a:hover svg { fill:  var(--secondary-color); }


.banner {
  position: relative; z-index: 500;
  clear: both;
  margin-bottom: 20px;
  text-align: center;
  }
.banner img,
.banner object,
.banner iframe {
  display: block;
  }

.b-indoor-banner img {
  max-width: 100%;
  }



.page-content > iframe,
.page-content > img { display: block; }


.banner-centering-wrap {
  position: relative;
  width: 300px;
  margin-bottom: 30px;
  text-align: center;
  background: #F2F2F2;
  }
.banner-centering-wrap:after {
  content: '';
  display: inline-block;
  height: 440px;
  vertical-align: middle;
  }
.banner-centering-wrap > div {
  display: inline-block;
  margin-bottom: 0 !important;
  vertical-align: middle;
  }
.banner-centering-wrap .banner_sidebar_300_async {
  min-height: 400px;
  }


.banner-centering-wrap .banner-ad-link {
  position: absolute; bottom: -1.6em; left: 0; right: 0;
  display: block;
  min-height: 0; height: auto;
  font-size: 12px; line-height: 1; color: rgba(0,0,0,.3); text-align: center; text-decoration: none; letter-spacing: 0; word-spacing: 0;
  transition: color .3s;
  }
.banner-centering-wrap .banner-ad-link:hover { color: rgba(0,0,0,.6); }


.page-holder { position: relative; z-index: 2; }
.page-content { padding-top: 10px; }


.row {
  position: relative;
  background: linear-gradient(#FFF,#FFF) center / 1020px 100% repeat-y;
  }
.row .row-cont {
  position: relative;
  margin: auto; padding: 30px 40px 0;
  width: 940px;
  }


.row-colored { background-image: linear-gradient(#F8F8F8,#F8F8F8); }


.row-banner-top {
  z-index: 1;
  margin-top: -10px; padding-top: 0;
  background-image: linear-gradient(#F4F4F4,#F4F4F4);
  }
.row-banner-top .row-cont {
  padding-top: 10px; padding-bottom: 10px;
  text-align: center;
  }
.row-banner-top .row-cont .banner {
  display: inline-block;
  margin: 0 -25px;
  vertical-align: top;
  }
.row-banner-top .row-cont .banner {
  min-height: 100px;
  }


.main-row .row-cont:not(:has(.posts-layout)),
.post-cover-row .row-cont {
  display: flex;
  gap: 20px;
  padding-top: 0;
  }
.main-row .row-cont {
  padding-top: 0;
  }
.main-row .row-cont:has(.posts-layout) {
  display: block;
  }


.row.post-body .row-cont { padding-top: 0; }

.sidebar .banner-centering-wrap .banner:not(.banner-loaded) {
  min-height: 500px;
  }

.banner_horisontal_990_async {
  position: relative; z-index: 3;
  margin: 0 -15px;
  }


.posts-layout {
  position: relative; z-index: 2;
  margin-right: -20px;
  }
.posts-layout .post-block {
  display: inline-block; position: relative; z-index: 1;
  vertical-align: top; word-spacing: 0;
  }
.posts-layout .posts-sidebar {
  overflow: visible;
  float: right; clear: right; position: relative; z-index: 1000;
  margin-bottom: 0;
  height: auto;
  }
.posts-layout-with-news { padding-left: 320px; }
.posts-layout-chock { min-height: 760px; }
.posts-layout-fixed .post-block:not(.posts-sidebar) { height: 400px; }


.branding-layout {
  position: relative;
  }
.branding-layout .page-holder {
  position: relative; z-index: 20;
  width: 1020px;
  margin: auto;
  box-shadow: 0 0 0 1px rgba(0,0,0,.15);
  }
.branding-layout .row-banner-top {
  background: transparent;
  box-shadow: none;
  }
.branding-layout .row-banner-top .row-cont { padding-top: 0; }


.hr { height: 1px; background: #E5E5E5; }


.g-clearfix:after { content: ''; display: table; clear: both; }

.g-hidden { display: none !important; }

.g-clear { clear: both; }


.block-justifier {
  margin-right: -20px;
  letter-spacing: -0.3em; word-spacing: -0.3em;
  }
.just-bl {
  position:relative;
  display: inline-block;
  margin-right: 20px;
  text-align: left; letter-spacing: 0; word-spacing: 0; vertical-align: top;
  box-sizing: border-box;
  }
.just-bl.block-justifier { margin-right: 0; }
.just-bl-x1 { width: 140px; }
.just-bl-x1.block-justifier { width: 160px; }
.just-bl-x2 { width: 300px; }
.just-bl-x2.block-justifier { width: 320px; }
.just-bl-x3 { width: 460px; }
.just-bl-x3.block-justifier { width: 480px; }
.just-bl-x4 { width: 620px; }
.just-bl-x4.block-justifier { width: 640px; }
.just-bl-x5 { width: 780px; }
.just-bl-x5.block-justifier { width: 800px; }
.just-bl-x6 { width: 940px; }



.layout-justified {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.layout-justified__block {
  box-sizing: border-box;
  flex-shrink: 0;
  text-align: left;
}

.layout-justified__block--x1 { width: 140px; }
.layout-justified__block--x2 { width: 300px; }
.layout-justified__block--x3 { width: 460px; }
.layout-justified__block--x4 { width: 620px; }
.layout-justified__block--x5 { width: 780px; }
.layout-justified__block--x6 { width: 940px; }
.layout-justified__block--full {
  flex-shrink: 1;
  width: 100%;
}
.layout-justified__block--grow {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0;
}


.g-mb-0 { margin-bottom:0 !important; }
.g-mt-0 { margin-top:0 !important; }
.g-pb-0 { padding-bottom: 0!important; }
.g-pt-0 { padding-top: 0!important; }
.g-mb-10 { margin-bottom:10px !important; }
.g-mt-10 { margin-top:10px !important; }
.g-pt-10 { padding-top:10px !important; }
.g-pb-10 { padding-bottom:10px !important; }
.g-mb-15 { margin-bottom:15px !important; }
.g-mt-15 { margin-top:15px !important; }
.g-pt-15 { padding-top:15px !important; }
.g-pb-15 { padding-bottom:15px !important; }
.g-mb-20 { margin-bottom:20px !important; }
.g-mt-20 { margin-top:20px !important; }
.g-pt-20 { padding-top:20px !important; }
.g-pb-20 { padding-bottom:20px !important; }
.g-mb-25 { margin-bottom:25px !important; }
.g-mt-25 { margin-top:25px !important; }
.g-mb-30 { margin-bottom:30px !important; }
.g-mt-30 { margin-top:30px !important; }
.g-pt-30 { padding-top:30px !important; }
.g-pb-30 { padding-bottom:30px !important; }
.g-mb-40 { margin-bottom:40px !important; }
.g-mt-40 { margin-top:40px !important; }
.g-pt-40 { padding-top:40px !important; }
.g-pb-40 { padding-bottom:40px !important; }

.g-fl { float: left; }
.g-fr { float: right; }

.g-title {
  font: 22px/28px "Adelle", serif;
  }


.labeled-block {
  margin: 30px 0 20px; padding: 30px 0;
  border-top: 1px solid #e5e5e5;
  }
.labeled-block .block-label {
  display: inline-block;
  width: 140px;
  margin-right: 20px;
  letter-spacing: 0; word-spacing: 0; vertical-align: top;
  }
.labeled-block .block-title {
  margin-bottom: 0;
  font: bold 15px/20px "Proxima Nova", sans-serif; text-transform: uppercase; letter-spacing: 1px;
  }
.labeled-block .block-content {
  display: inline-block; position: relative;
  width: 460px;
  letter-spacing: 0; word-spacing: 0; vertical-align: top;
  }
.labeled-block .block-content.block-justifier {
  width: 504px;
  margin-right: -28px;
  letter-spacing: inherit; word-spacing: inherit;
  }


.need-more-minerals {
  padding: 10px 0 40px;
  text-align: center;
  clear: both;
  }
.need-more-minerals span {
  position: relative;
  display: inline-block;
  width: 300px; height: 39px;
  padding-top: 10px;
  font: bold 12px "Proxima Nova", sans-serif; text-transform: uppercase; letter-spacing: .5px;
  border: 2px solid rgba(0,0,0,.08); border-radius: 20px;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color .2s;
  }
.need-more-minerals span:hover { border-color: #000; }


.need-more-minerals .loader {
  position: absolute; top: 11px; right: 0; left: 0;
  visibility: hidden;
  }
.need-more-minerals .loader i {
  display: inline-block;
  width: 8px; height: 8px;
  margin: 0 2px 0 3px;
  background: rgba(0,0,0,.30);
  border-radius: 50%;
  animation: more-minerals-loading .6s infinite linear;
  }
.need-more-minerals .loader i:nth-child(2) { animation-delay: .2s; }
.need-more-minerals .loader i:nth-child(3) { animation-delay: .4s; }
.need-more-minerals .loading { color: transparent; pointer-events: none; }
.need-more-minerals .loading .loader { visibility: visible; }


@keyframes more-minerals-loading {
  0% { opacity: 1; }
  33% { opacity: 0; }
  }


.dotted-list .list-item {
  position: relative;
  }
.dotted-list .list-item:before {
  content: ''; opacity: 0.25; display: block; position: absolute; top: -1px; left: 0;
  width: 100%; height: 1px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAQAAACx6dw%2FAAAADUlEQVQIHWNg%2BM8ABAAFAgEAqurm3gAAAABJRU5ErkJggg%3D%3D) bottom left repeat-x;
  }

.dotted-list-marker li {
  position: relative;
  }
.dotted-list-marker li:after {
  content: ''; display: inline-block; position: absolute; top: 11px; left: -13px;
  margin-top: -3px;
  width: 3px; height: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAAAAABzQ%2BpjAAAAE0lEQVQIHWN8%2BU6I8dp%2FJkYgDQAknAWtHj4FpwAAAABJRU5ErkJggg%3D%3D);
  }
.dotted-list-marker li:first-child:after {
  display: none;
  }


img.missing_image { width: 100px; height: 100px; background: rgba(0,0,0,.08); }
.no-content {
  font: 16px/22px "PT Serif", serif;
  color: #a8a7a3;
  }
.no-content h2,
.no-content h3 {
  margin-bottom: 8px; display: inline-block;
  font: 23px/26px "Adelle", serif; -webkit-font-smoothing: antialiased;
  }



.loading-dots .dot {
  position: relative;
  display: inline-block;
  width: 6px; height: 6px;
  margin: 0 3px;
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.1; background: #000; border-radius: 50%;
  animation: flash 1500ms infinite;
  }
.loading-dots .dot:nth-child(2) {
  animation-delay: 500ms;
  }
.loading-dots .dot:nth-child(3) {
  animation-delay: 1000ms;
  }

@keyframes flash {
  0%  { opacity: 0.3; }
  50% { opacity: 0.2; }
  100% { opacity: 0.1; }
  }


.tabs-filters li {
  display: inline-block;
  margin-left: 22px
  }
.tabs-filters li:first-child {
  margin-left: 0;
  }
.tabs-filters a {
  color: #a3a3a3;
  }
.tabs-filters .active a {
  color: #000;
  }

.mobile_ads_marker:not(:empty):before,
.ads-marker .b-indoor-banner:before {
  content: 'Реклама';
  display: inline-block;

  width: 100%;
  margin: 5px 0;

  text-transform: uppercase; color: #9f9f9f; font: 14px/20px "Proxima Nova", sans-serif;
}
.wide .post-body .mobile_ads_marker:before,
.wide .post-row .mobile_ads_marker:before {
  text-align: center;
}
.icon {
  display: inline-block;
  width: 16px; height: 16px;
  background: url(https://bg.ru/gui/sprite-d6dce84a0941480158ae8b5fd047399cea62d71074aa68185a7a5d4c7494c78d.png) 0 0 no-repeat;
  }
svg.icon { display: inline; width: auto; height: auto; background: none; }

.icon-edit { width: 14px; background-position: 0 -265px; }
.icon-lock { width: 8px; height: 11px; background-position: -15px -265px; }
.icon-updated { width: 8px; height: 10px; background-position: -25px -265px; }

.icon-favorite { background-position: 0 -280px; }
.icon-favorite:hover,
.icon-favorite.active { background-position: -20px -280px; }

.icon-create {
  position: relative;
  width: 16px; height: 16px;
  border-radius: 50%; border: 2px solid #000;
  text-indent: -999em;
  }
.icon-create:before,
.icon-create:after {
  content: ''; position: absolute;
  display: block;
  background: #000;
  }
.icon-create:before {
  top: 3px; left: 7px;
  width: 2px; height: 10px;
  }
.icon-create:after {
  top: 7px; left: 3px;
  width: 10px; height: 2px;
  }
.icon-create:hover {
  border-color: #fc6540;
  }
.icon-create:hover:before,
.icon-create:hover:after {
  background: #fc6540;
  }

.icon-waves {
  position: relative;
  }
.icon-waves:before {
  content: '';
  display: inline-block;
  position: absolute; top: 0; left: 0;
  width: 20px; height: 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 0 2px rgba(0,0,0,.09), 0 0 0 5px rgba(255,255,255,.22);
  transition: box-shadow;
  }

@keyframes icon-waves {
  from { box-shadow: 0 0 0 2px rgba(0,0,0,.09), 0 0 0 5px rgba(255,255,255,.22); }
  to { box-shadow: 0 0 0 2px rgba(0,0,0,.09), 0 0 0 15px rgba(255,255,255,0); }
  }
.icon-waves:hover:before { animation: icon-waves .8s infinite; }

.icon-waves .icon {
  position: absolute;
  top: 4px; left: 4px;
  margin-left: 0;
  }
.icon-waves .icon-edit {
  top: 4px; left: 4px;
  }


.dd-able {
  position: relative;
  }

.dd-able .dd-body {
  display: none;
  position: absolute; top: 100%; left: 0px;z-index: 50;
  margin-top: 10px; padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 5px;
  text-align: left; font: 13px/18px "Arial", sans-serif; text-transform: none; letter-spacing: 0;
  }
.dd-able .dd-body:before,
.dd-able .dd-body:after {
  content: ''; position: absolute; top: -6px; left: 15px; z-index: 10;
  width: 0; height: 0;
  }

.dd-able .dd-body:before {
  top: -7px;
  margin-left: -1px;
  border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #d2d2d2;
  }
.dd-able .dd-body:after {
  border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff;
  }


.site-header .dd-able .dd-body ol,
.site-header .dd-able .dd-body ul {
  padding: 10px 0;
  border-top: 1px solid #cdcdcd;
  }
.site-header .dd-able .dd-body ol:first-child,
.site-header .dd-able .dd-body ul:first-child {
  padding-top: 0;
  border: 0;
  }
.dd-able .dd-body .dd-list .list-item.current a,
.dd-able .dd-body .dd-list .list-item.current span { color: #c89534; }



.dd-able.dd-opened {
  z-index: 9999;
  }
.dd-able.dd-opened .dd-title {
  position: relative; z-index: 200;
  }

.dd-able.dd-opened .dd-body {
  display: block;
  }


.dd-able.dd-left .dd-body {
  left: auto; right: -1px;
  }
.dd-able.dd-left .dd-body:before,
.dd-able.dd-left .dd-body:after {
  left: calc(100% - 27px);
  }
body.popupMode { overflow: hidden; margin-right: 15px; }
.popupMode .site-header .l-row,
.popupMode .user-panel .l-row { left: -7px; }

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color:rgba(0, 0, 0, .75);
  top: 0;
  left: 0;
  z-index:100000;
  overflow-y: scroll;
  overflow-x: auto;
  display: none;
  }

.p {
  position: relative;
  margin: 230px auto 0;
  border-radius: 5px;
  background: #fff;
  }
.p .close {
  z-index: 1; position: absolute; top: 17px; right: 17px;
  opacity: 0.3;
  cursor: pointer;
  background: url(https://bg.ru/gui/sprite-d6dce84a0941480158ae8b5fd047399cea62d71074aa68185a7a5d4c7494c78d.png) no-repeat -60px -280px;
  width: 14px; height: 15px;
  }
.p .close:hover {
  opacity: 0.8;
  }

.p .p-content {
  padding: 0;
  }
.p .p-content .title {
  padding: 0 20px 10px 0; margin-bottom:10px;
  font: bold 14px/1 "Arial",sans-serif;
  color: #262626;
  white-space: nowrap;
  text-align:left;
  border-bottom:1px solid #4d4d4d;
  }
.p .content {
  padding: 0 20px;
  }

.p .button-group {
  padding: 10px 0 20px;
  }
.p .popup-title {
  padding: 15px 20px; border: 0;
  background: #eee;  border-radius: 5px 5px 0 0;
  font: 15px/20px "Proxima Nova", sans-serif;
  }
.p .p-content.p-loading {
  background: url("https://bg.ru/gui/ajax-loader-53b592a3684f93d6087829ab78b30c1668807e989cf348cbb5376e3bcbc3b87c.gif") no-repeat center 50px;
  color: #999999;
  font-size: 12px;
  padding: 100px 0 20px;
  text-align: center;
  }


.p .b-form_new-message {
  padding: 0 20px 20px;
  }


.create-content-popup {
  width: 620px;
  }
.create-content-popup .close {
  top: 30px; right: 40px;
  width: 19px; height: 18px;
  background-position: -60px -300px;
  }
.create-content-popup .popup-title {
  margin-bottom: 0; padding: 30px 40px;
  font: normal 35px/40px "Adelle", serif;
  background: none;
  }
.create-content-popup .content-options {
  padding: 0 40px 30px;
  }
.create-content-popup .content-options:after {
  content: ''; clear: both; display: table;
  }
.create-content-popup .content-type {
  position: relative;
  float: left;
  width: 105px; height: 83px;
  color: #c0c0c0; text-decoration: none!important;
  }
.create-content-popup .content-type:hover {
  color: #399c72;
  }
.create-content-popup .content-type h4 {
  position: absolute; top: 0; left: 0;
  width: 100%;
  padding-top: 67px;
  font: bold 15px/20px "Proxima Nova", sans-serif; text-transform: uppercase; text-align: center;
  }
.create-content-popup .content-type i {
  position: relative; display: block;
  margin: 0 auto;
  background: #c0c0c0 url(https://bg.ru/gui/create-content-icon-4990ed5776b7c95d58b0f7609e06622d161af9c7181423aac218c079b201ed27.png);
  }
.create-content-popup .content-type:hover i {
  background-color: #399c72;
  }
.create-content-popup a.content-type:active i {
  margin-top: 3px;
  }


.create-content-popup .create-post i {
  width: 48px; height: 52px;
  top: 5px;
  background-position: 0 0;
  }
.create-content-popup .create-thread i {
  width: 50px; height: 52px;
  top: 5px;
  background-position: -193px -2px;
  }


.back-to-mobile {
  display: block;
  height: 140px;
  font-weight: bold; font-size: 41px; line-height: 140px; color: #FFF !important; text-decoration: none; text-align: center;
  background: #333;
  }
.back-to-mobile:before {
  content: '';
  display: inline-block;
  width: 45px; height: 92px;
  margin-right: 0.8em;
  vertical-align: -.8em;
  background: url(<%= asset_path('switch-to-mobile.svg') %>) 0 0 no-repeat; background-size: contain;
  }


.back-to-tablet {
  display: block;
  height: 107px;
  font-weight: bold; font-size: 24px; line-height: 107px; color: #FFF !important; text-decoration: none; text-align: center;
  background: #333;
  }
.back-to-tablet:before {
  content: '';
  display: inline-block;
  width: 38px; height: 56px;
  margin-right: 0.8em;
  vertical-align: -.8em;
  background: url(<%= asset_path('switch-to-tablet.svg') %>) 0 0 no-repeat; background-size: contain;
  }
.social-links {
  --font-color: #4D4D4F;

  display: flex;
  gap: 10px;
}

.social-links a {
  display: flex;
  align-items: center;
  line-height: 0;
}


.row.header .row-cont { padding-top: 22px; padding-bottom: 42px; }


.row.header .logo {
  display: flex;
  padding: 4px 0 23px;
  position: relative;
  width: 310px; height: 47px;
  margin: 0 auto;
  }

.row.header .logo svg {
  position: relative; z-index: 2;
  width: 100%; height: 100%;
  }
.row.header a.village {
  width: 100%;
  height: 100%;
}
.header .logo .line:before {
  content: ''; display: block;
  position: absolute; bottom: 0; left: -315px; z-index: 1;
  width: 940px; height: 2px;
  background: #EBEBEB;
  }
.row.header .logo__plus-container {
  position: absolute;
  top: -1px;
  right: -16px;
  z-index: 10000;
  width: 31px; height: 32px;
  color: #FE3B1F;
  }
.row.header .logo__plus-container svg {
  width: 100%; height: 100%;
  display: block;
  }
.row.header .logo__plus:hover svg {
  fill: #FE3B1F;
  }


.row.header .logo .logo__name {
  position: absolute;
  top: 0;
  left: 104%;
  font-size: 12px;
  line-height: 26px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 0 0 15px;
  border-left: 1px solid #fe6638;
}
body:not(.start) .row.header .logo:hover .village { opacity: 0.65; }
body:not(.start) .row.header .logo:hover .line { opacity: 0.99; }


.row.header .dd-able {
  font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: .5px;
  }
.row.header .dd-able:not(.dd-opened) { z-index: 10; }
.row.header .dd-able .dd-title {
  position: relative; z-index: 5;
  background: none;
  transition: color .2s;
  }
.row.header .dd-able .dd-title:hover { color: #FC6540; }
.row.header .dd-able.dd-opened .dd-title { color: #4C4C4C; }
.row.header .dd-able.dd-opened .dd-title:after {
  border-top-color: #999;
  transform: scaleY(-1);
  }
.row.header .dd-able .dd-body {
  padding: 12px 15px 9px;
  font: inherit; text-transform: inherit; letter-spacing: inherit;
  }
.row.header .dd-able .dd-body li:not(:last-child) { margin-bottom: 6px; }


.row.header .local-services {
  position: absolute; top: 60px; left: 40px;
  }
.row.header .local-services > * {
  display: inline-block;
  margin-right: 16px!important;
  }
.row.header .local-services .city {
  font-weight: bold;
  }



.row.header .widget-weather { top: 1px; }


.user-settings {
  position: absolute; top: 60px; right: 40px;
  }
.user-settings > * {
  display: inline-block;
  margin-left: 16px!important;
  vertical-align: middle !important;
  }
.user-settings .icon-create,
.user-settings .widget-quotations {
  top: -7px;
  }
.user-settings.user-unlogined .widget-quotations {
  top: -1px;
  margin-right: 0;
  }


.row.header .dd-able.user { margin-left: 0!important; top: -3px; }
.row.header .dd-able.user:before {
  display: none;
  }
.row.header .dd-able.user .dd-title {
  position: relative; z-index: 3;
  padding-left: 20px;
  font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: .5px;
  cursor: pointer;
  }
.row.header .dd-able.user .dd-title:after {
  content: '';
  display: inline-block; position: absolute; top: 14px; left: 0;
  margin-left: 4px;
  vertical-align: 2px;
  border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;
  }
.row.header .dd-able.user .dd-title .userpic {
  border-radius: 50%;
  }

.row.header .dd-able.user .dd-body { margin-right: -5px; }
.row.header .dd-able.user .dd-body .full-name {
  margin: 0 -5px 8px; padding: 0 5px 6px;
  white-space: nowrap;
  border-bottom: 1px solid #E5E5E5;
  }


.row.header .button-group .button { margin: 0 0 0 5px; }
.row.header .button-group .button:first-child { margin-left: 0; }
.row.header .button-group .button-hollow { height: 24px; line-height: 26px; }


.row.header .controls { position: relative; }

.row.header .links {
  display: flex;
  gap: 27px;
  align-items: center;
  justify-content: center;

  padding-top: 20px;
  font: bold 16px "Proxima Nova", "Proxima bold fallback", sans-serif; text-align: center; letter-spacing: .5px; text-transform: uppercase; -webkit-font-smoothing: antialiased;
  height: 20px;

  }
.row.header .links li:first-child { margin-left: 0; }
.row.header .links .active a { color: #FC6540; }
.row.header .social-links {
  transform: translateY(-0.4px);
}


.row.header .site-search {
  position: absolute; top: 7px; left: 0px;
  width: 100%;
  }

.row.header .site-search .toggle-search {
  position: absolute; top: -1px; right: -10px; z-index: 2001;
  width: 36px; height: 36px;
  cursor: pointer;
  }
.row.header .site-search .toggle-search .icon_search {
  width: 16px; height: 15px;
  position: absolute; top: 12px; right: 10px;

  fill: #000;
  transition: fill .2s;
  }
.row.header .site-search .toggle-search:hover .icon_search {
  fill: #FC6540;
  }

.row.header .site-search-open .toggle-search {
  position: fixed; top: 29px !important; right: 29px !important;
  opacity: 0.2;

  transition: opacity .2s;
  }
.row.header .site-search-open .toggle-search:hover { opacity: 1 !important; }
.row.header .site-search-open .toggle-search .icon_search { display: none; }
.row.header .site-search-open .toggle-search:before,
.row.header .site-search-open .toggle-search:after {
  content: '';
  position: absolute;
  top: -2px; right: 9px;
  width: 2px; height: 25px;

  background: #FFF;

  opacity: 1 !important;
  transition: opacity .2s;
  transform: rotate(45deg);
  }
.row.header .site-search-open .toggle-search:after {
  transform: rotate(-45deg);
  }


.row.header .site-search .site-search-overlay {
  display: none;
  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000;
  background: rgba(0,0,0,.9);
  animation: fade-appear .3s forwards;
  }

.row.header .site-search-open .b-search-from {
  padding: 30px;
  position: absolute; top: 50%; left: 50%;
  margin: -52px 0 0 -380px;
  }
.row.header .site-search-open .b-search-from .submit {
  top: 35px; left: 30px;

  fill: #fff;
  }
.row.header .site-search-open .b-search-from .query {
  color: #fff;
  border-color: #fff;
  }


.row.header .site-search.site-search-open .site-search-overlay { display: block; }

.row.header .g-title {
  margin: 4px 0 0;
  }
.row.header .servicies {
  position: absolute; right: 0; bottom: 0;
  }
.row.header .sidebar {
  float: none !important; position: absolute; right: 30px; bottom: 0;
  text-align: right;
  }
.row.header .sidebar li {
  display: inline; margin-left: 25px;
  }

.header-offset {
  padding-bottom: 30px;
  background: #F3F2EF;
  }


.row.header .toggle-navigation {
  position: absolute; top: 16px; left: 0; z-index: 999; display: block;
  width: 20px; height: 20px;
  overflow: hidden;
  cursor: pointer;
  }
.row.header .toggle-navigation svg {
  width: 100%; height: 100%;
  }
.row.header .toggle-navigation .line {
  border: 1px solid red;
  transition: transform 0.3s ease-in-out, fill 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.row.header .toggle-navigation .line1 {
  transform-origin: 0 3px;
}

.row.header .toggle-navigation .line2 {
  transform-origin: 0 6px;
}
.row.header .toggle-navigation .line3 {
  transform-origin: 24px 7px;
}
.nav-opened .row.header .toggle-navigation .line1 {
  transform: rotate(45deg);
}

.nav-opened .row.header .toggle-navigation .line2 {
  opacity: 0;
}

.nav-opened .row.header .toggle-navigation .line3 {
  transform: rotate(-45deg) translateY(-14px);
}

.side-nav {
  display: none; position: absolute; left: 0; z-index: 10;
  padding-top: 10px;
  width: 100%;
  background:#fff; box-shadow: 0 20px 20px 0 rgba(0,0,0,0.2);
  }
.side-nav .title {
  margin-bottom: 10px;
  font: bold 13px/1 "Proxima Nova", sans-serif; text-transform: uppercase;
  }
.side-nav .side-nav-links {
  display: grid; grid-template-columns: repeat(2, 1fr);
  width: 300px;
  padding-top: 16px;
  font: 12px/1 "Proxima Nova", sans-serif; text-transform: uppercase;
  }
.side-nav .side-nav-links li {
  margin: 0 13px 13px 0;
  }
.side-nav .side-nav-links a {
  color: #9b9b9b;
  }
.side-nav .side-nav-links a:hover {
  color: #f34910;
  }

.nav-opened .side-nav {
  display: block;
  }
.row-footer {
  margin-bottom: 30px;
  background-image: linear-gradient(#1F2124,#1F2124);
  }
.row-footer .row-cont { color: #636466; -webkit-font-smoothing: antialiased; }

.branding-layout .row-footer { margin-bottom: 0; }

.row-footer .footer-wrap {
  position: relative;
  width: 940px;
  margin: auto;
  }
.row-footer .site-lifetime {
  white-space: nowrap;
}

.row-footer .footer-logo {
  position: absolute; top: 0; left: 1px;
  width: 91px; height: 34px;
  background: url(https://bg.ru/gui/franchise/logo-5d9a5d161ea6d310ec377c1e6131d84b120d1a7f8cbfd3b926dd9d3c4880ea77.png) 0 0 no-repeat; background-size: 91px auto;
  opacity: .35;
  transition: opacity .2s;
  }
.row-footer .footer-logo:hover { opacity: .45; }


.row-footer .age-warning {
  position: absolute; top: 1px; left: 106px;
  width: 28px; height: 28px;
  padding: 5px 0 0 1px;
  font-weight: bold; font-style: normal; font-size: 12px; color: #FFF; text-align: center;
  background: #F2360C;
  border-radius: 50%;
  box-sizing: border-box;
  }


.row-footer .copyright { padding: 0 196px 2px; letter-spacing: -.3px; }
.row-footer .copyright p { margin-bottom: 16px; }
.row-footer .copyright a { color: #FFF; }
.row-footer .copyright a:hover { color: #FC6540; }
.row-footer .copyright .weather-service a { color: #636466; text-decoration: none; }
.row-footer .copyright .weather-service a:hover { color: #FC6540; }

.row-footer .cookie:before {
  content: ''; display: block;
  margin-bottom: 20px;
  position: relative; width: 100%;
  border-top: 1px solid #2F2F33;
  }
.row-footer .cookie {
  padding-bottom: 10px;
  }
.row-footer .cookie a {
  color: #fff;
  }


.row-footer .footer-social {
  overflow: hidden;
  position: absolute; top: 0; right: 0;
  width: 165px;
  text-align: right;
  }
.row-footer .footer-social li {
  display: inline-block;
  margin: 0 0 5px 5px;
  }
.row-footer .footer-social li a {
  position: relative; overflow: hidden;
  display: block;
  width: 24px; height: 24px;
  color: #57595B; text-indent: 100%; white-space: nowrap;
  border: 2px solid; border-radius: 50%;
  }
.row-footer .footer-social li a:before,
.row-footer .footer-social li a:after {
  content: '';
  position: absolute; top: 6px; left: 6px;
  width: 12px; height: 12px;
  background: url(https://bg.ru/gui/sprite-d6dce84a0941480158ae8b5fd047399cea62d71074aa68185a7a5d4c7494c78d.png) no-repeat;
  transition: opacity .2s;
  }
.row-footer .footer-social li a:after,
.row-footer .footer-social li a:hover:before { opacity: 0; }
.row-footer .footer-social li a:hover:after { opacity: 1; }


.row-footer .footer-social .social-vk:hover { color: #4F80B5; }
.row-footer .footer-social .social-vk:before { background-position: -125px -311px; }
.row-footer .footer-social .social-vk:after { background-position: -125px -333px; }

.row-footer .footer-social .social-tw:hover { color: #1AACEA; }
.row-footer .footer-social .social-tw:before { background-position: -145px -311px; }
.row-footer .footer-social .social-tw:after { background-position: -145px -333px; }

.row-footer .footer-social .social-gp:hover { color: #DA442C; }
.row-footer .footer-social .social-gp:before { width: 13px; background-position: -166px -311px; }
.row-footer .footer-social .social-gp:after { width: 13px; background-position: -166px -333px; }

.row-footer .footer-social .social-tg:hover { color: #179cde; }
.row-footer .footer-social .social-tg:before { background-position: -210px -310px; }
.row-footer .footer-social .social-tg:after { background-position: -210px -333px; }


.row-footer .footer-social .social-fb:hover { color: #5276D1; }
.row-footer .footer-social .social-fb:before,
.row-footer .footer-social .social-insta:before,
.row-footer .footer-social .social-insta:after
.row-footer .footer-social .social-fb:after { display: none; }
.row-footer .footer-social .social-fb,
.row-footer .footer-social .social-insta {
  border-radius: 20px;
  width: auto;
  text-indent: 0;
  padding: 0 20px;
  line-height: 24px;
}


.row-footer .footer-social .social-insta:hover { color: #f64f50; }

.row-footer .footer-social .social-rss:hover { color: #FFF; }
.row-footer .footer-social .social-rss:before { background-position: -188px -311px; }
.row-footer .footer-social .social-rss:after { background-position: -188px -333px; }


.row-footer .subnav {
  position: relative;
  padding: 18px 0 17px;
  font-weight: bold; font-size: 11px; text-transform: uppercase; letter-spacing: .5px;
  border: 1px #313235; border-style: solid none;
  }
.row-footer .subnav li {
  display: inline-block;
  margin-right: 13px;
  }
.row-footer .subnav a { color: #FFF; }
.row-footer .subnav a:hover { color: #FC6540; }


.row-footer .counters {
  position: absolute; top: 0; right: 0;
  font-size: 11px; color: #FFF;
  }
.row-footer .counters > * {
  display: inline-block;
  margin-left: 7px;
  vertical-align: middle;
  }
.row-footer .counters a { color: #FFF !important; }
.row-footer .counters:after {
  content: '';
  display: inline-block;
  height: 57px;
  vertical-align: middle;
  }


.post-item {
  position: relative;

  display: flex; margin-bottom: 30px;
  }


.post-item .post-preview {
  position: relative; border-radius: 3px; background: rgba(0,0,0,.05);
  }
.post-item .post-preview img {
  display: block; border-radius: 3px;
  }


.post-item .item-meta {
  font-size: 11px;
  font-weight: normal;

  margin-bottom: 0;letter-spacing: 1px; text-transform: uppercase; color: #969696;
  }
.post-item .meta-category {
  font-weight: bold;
  }


.post-item .post-meta a:hover {
  text-decoration: none!important;
  }
.post-item .meta-comments-counter {
  z-index: 999!important;
  }

.post-item .post-meta {
  overflow: hidden;
  }


.post-item .post-link {
  display: block;
  }
.post-item.small .post-link:visited .post-title,
.post-item.featured .post-link:visited .post-title {
  color: #8d8d8d;
  }


.post-item .post-link:hover .post-preview:after,
.post-item .post-link:hover .post-preview .meta-wrap {
  opacity: 1;
  }

.post-item.small .post-link:hover .post-title,
.post-item.featured .post-link:hover .post-title,
.post-item .post-link:hover .meta-category {
  color: #ff4e00;
  }


.post-item .meta-wrap {
  position: absolute; z-index: 200; top: 8px; left: 8px;

  opacity: 0;
  }
.post-item .meta-wrap .post-meta {
  font: bold 11px/22px 'Proxima Nova', sans-serif; -webkit-font-smoothing: antialiased;
  }
.post-item .meta-wrap .item-meta {
  font-weight: bold;

  display: block; height: 18px; margin-left: 1px; color: #fff!important;
  }
.post-item .meta-wrap .meta-views-counter > a:before,
.post-item .meta-wrap .meta-views-counter > span:before {
  margin-right: 3px;
  }


.post-item-small {
  width: 300px;
  }

.post-item-small .post-link {
  display: flex;
  gap: 20px;
  }
.post-item-small .post-preview {
  width: 150px; height: 101px;
  }

.post-item-small .post-meta {
  line-height: 14px;
  }
.post-item-small .meta-wrap .post-meta {
  margin-left: 0;
  }
.post-item-small .item-meta {
  font: bold 11px/17px 'Proxima Nova', sans-serif; -webkit-font-smoothing: antialiased;
  }

.post-item-small .meta-category {
  position: relative; top: 0;

  max-width: 200px;
  }

.post-item-small .post-title {
  font: normal 16px/20px 'PT Serif', serif;

  position: relative;

  overflow: hidden;

  max-height: 82px;
  margin: 0;
  }


.post-item.post-item-news .post-link {
  display: block;
  }
.post-item.post-item-news .post-link:visited {
  color: #8d8d8d;
  }
.post-item.post-item-news .post-link:hover {
  color: #fc6540;
  }
.post-item.post-item-news .post-when {
  
  font: bold 12px 'Proxima Nova', sans-serif;

  display: none;letter-spacing: 1px; text-transform: uppercase;
  }
.post-item.post-item-news .post-date:not(:empty):after {
  content: ', ';
  }

.post-item.post-item-news .post-title {
  font: 15px/20px 'PT Serif', serif;

  margin-bottom: 0;
  }
.post-item.post-item-news .post-microformat {
  font: bold 12px 'Proxima Nova', sans-serif; letter-spacing: 1px; text-transform: uppercase;
  }

.post-item .item-meta span:first-child.g-sp-badge {
  display: inline-block;

  padding: 3px 6px 0 6px;

  color: #fff;
  }
.post-block,
.lastnews-block {
  position: relative;

  overflow: hidden;

  width: 300px; min-height: 355px;
  margin: 0 20px 20px 0;
  }
.post-block .post-link {
  display: inline-block;
  }
.post-block .post-link:visited {
  color: #8d8d8d;
  }
.post-block .post-link:hover {
  color: #fc6540;
  }
.post-block .post-title {
  font: 18px/24px 'Adelle', serif;

  position: relative;

  margin-bottom: 2px;
  }
.post-block .post-preview {
  position: relative;

  overflow: hidden;

  width: 300px; height: 200px;

  text-align: center;

  background: #f1f1f1;
  }
.post-block .post-preview:after {
  position: absolute; z-index: 2;top: 0; right: 0; bottom: 0; left: 0;

  content: '';
  transition: opacity .1s;

  opacity: 0;
  background: rgba(0,0,0,.20);
  }
.post-block .meta-category {
  font-weight: bold; line-height: 11px;

  margin: 0;
  }
.post-block .post-meta .meta-category a:hover {
  text-decoration: none;

  opacity: .7;
  color: #000;
  }
.post-block .post-preamble {
  line-height: 18px;

  position: relative;

  margin-bottom: 0;

  opacity: .6;-webkit-font-smoothing: antialiased;
  }
.post-block .post-meta {
  font: bold 12px/20px 'Proxima Nova', sans-serif; -webkit-font-smoothing: antialiased;
  }
.post-block .post-meta .item-meta a:hover {
  text-decoration: none;
  }
.post-block .post-data {
  max-height: 170px;
  }
.post-block .meta-counters {
  position: relative; z-index: 3;

  opacity: 0;
  }
.post-block .meta-counters .post-meta .item-meta {
  margin-left: 10px;
  }
.post-block .meta-counters .post-meta .item-meta span {
  text-decoration: none;

  color: #fff;
  }
.post-block:hover .post-link {
  color: #fc6540;
  }
.post-block a .post-preamble,
.post-block a:hover .post-preamble {
  color: #000;
  }
.post-block:hover .post-preview:after {
  opacity: 1;
  }

.post-block .post-meta .item-meta .g-sp-badge {
  padding: 3px 6px 2px 6px;
  padding-left: 5px;

  color: #fff;
  }


.post-block-post {
  min-height: auto;
  }
.post-block-post .post-preview img {
  overflow: hidden;

  width: 100%; height: 100%;

  object-fit: contain;
  }


.post-block-featured .post-preview {
  position: absolute; top: 0; left: 0;
  }
.post-block-featured .post-link:hover .post-preamble {
  color: #000;
  }
.post-block-featured .post-meta .meta-category {
  position: absolute; top: 214px; left: 0;
  }
.post-block-featured .post-meta .meta-category a:hover {
  opacity: 1;
  color: #fc6540;
  }
.post-block-featured .post-data {
  position: relative;

  overflow: hidden;

  max-height: 167px;
  padding-top: 233px;
  }
.post-block-featured .post-data .post-title {
  margin-bottom: 5px;
  }
.post-block-featured:not(.post-block-featured-h400) .meta-counters {
  position: absolute; top: 170px; left: 15px;
  }
.post-block-featured:not(.post-block-featured-h400) .post-data:after,
.post-block-post .post-data:after {
  position: absolute; top: 372px; right: 0; left: 0;

  height: 28px;

  content: '';
  pointer-events: none;

  border-bottom: 10px solid #fff;
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  }
.post-block-featured .meta-counters {
  transition: transform .15s, opacity .1s;
  transform: translateY(12px);
  }
.post-block-featured:hover .meta-counters {
  transform: translateY(0);

  opacity: 1;
  }


.post-block-featured-h400 {
  height: 400px;
  }
.post-block-featured-h400 .post-preview {
  height: 400px;

  text-align: center;
  }
.post-block-featured-h400 .post-data {
  max-height: 150px;
  padding: 232px 25px 0;

  text-align: center;
  }
.post-block-featured-h400 .post-data .post-title {
  overflow: hidden;

  max-height: 96px;
  margin-bottom: 3px;
  }
.post-block-featured-h400 .post-data .post-preamble {
  overflow: hidden;

  max-height: 90px;
  }
.post-block-featured-h400 .post-meta .meta-category {
  z-index: 20;
  right: 0; bottom: 0;

  height: 11px;

  text-align: center;
  }
.post-block-featured-h400 .post-meta .meta-category a:hover {
  opacity: .7;
  color: #000;
  }
.post-block-featured-h400 .meta-counters {
  position: absolute; top: 168px; right: 0; left: 0;

  text-align: center;
  }
.post-block-featured-h400 .meta-counters .post-meta {
  display: inline-block;

  height: 20px;
  padding: 2px 13px 0;vertical-align: top;

  color: #fff;
  border-radius: 11px;
  background: rgba(0,0,0,.4);
  }
.post-block-featured-h400 .post-link:visited {
  color: #8d8d8d;
  }
.post-block-featured-h400:hover .post-link {
  color: #010101;
  }


.post-block-superfeatured {
  overflow: hidden;

  height: 400px;
  }
.post-block-superfeature-content .post-block-superfeatured {
  display: none;
  }
.post-block-superfeatured .post-link:first-child {
  position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0;
  }
.post-block-superfeatured .post-data {
  position: absolute; z-index: 2; right: 30px; bottom: 24px; left: 30px;

  max-height: inherit;

  transition: bottom .1s ease .1s;
  text-align: left;
  }
.post-block-superfeatured .post-title {
  font: 500 32px/36px 'Adelle', serif;

  margin: 6px 30px 10px 0;-webkit-font-smoothing: antialiased;
  }
.post-block-superfeatured.post-block-ffffff .post-data,
.post-block-superfeatured.post-block-ffffff .post-data a {
  color: #fff;
  }
.post-block-superfeatured .post-image {
  position: absolute; top: 0; left: 0;
  }
.post-block-superfeatured .post-image:after {
  position: absolute; z-index: 1;top: 0; right: 0; bottom: 0; left: 0; display: block;content: '';
  transition: opacity .1s;

  opacity: 0;
  background: rgba(0,0,0,.2);
  }
.post-block-superfeatured .post-image img {
  position: relative; bottom: 0;

  transition: bottom .1s ease .1s;
  }
.post-block-superfeatured .post-meta {
  font: bold 12px/1 'Proxima Nova', sans-serif; letter-spacing: 1px; text-transform: uppercase; -webkit-font-smoothing: antialiased;
  }
.post-block-superfeatured .category .meta-category {
  position: relative; z-index: 3;
  }
.post-block-superfeatured .category .meta-category a:hover {
  color: .8;
  color: #fff;
  }
.post-block-superfeatured .posted {
  opacity: .45;
  }
.post-block-superfeatured .post-data-link {
  position: absolute; z-index: 2; top: 20px; right: 0; bottom: 0; left: 0;
  }
.post-block-superfeatured:hover .post-image:after {
  opacity: 1;
  }
.topic-block .row-cont {
  border-top: 4px solid #FE6638;
  padding-bottom: 20px;
  }
.topic-block .lastnews-block {
  position: relative; display: inline-block;
  }

.topic-block .g-title {
  display: inline-block;
  margin-right: 30px;
  font: 500 38px/1 "Adelle", serif;
  }
.topic-block .flows {
  display: inline-block;
  font: 14px/20px "Proxima Nova", sans-serif;
  }
.topic-block .flows h3 {
  margin-bottom: 0;
  color: #ababab; font: 11px/20px "Proxima Nova", sans-serif; text-transform: uppercase; letter-spacing: 1px;
  }
.topic-block .flows li {
  margin-right: 13px;
  display: inline-block;
  }

.topic-block .g-title a:hover,
.topic-block .flows a:hover { color: rgba(0,0,0,.6); }

.topic-block-city .lastnews-block .block-title:before { background-position: -60px -630px; }
.topic-block-children .lastnews-block .block-title:before { background-position: -60px -645px; }
.topic-block-service-shopping .lastnews-block .block-title:before { background-position: -60px -660px; }
.topic-block-food .lastnews-block .block-title:before { background-position: -60px -675px; }
.topic-block-weekend .lastnews-block .block-title:before { background-position: -60px -690px; }
.topic-block-business .lastnews-block .block-title:before { background-position: -60px -705px; }

.topic-block-city .row-cont { border: 0; }
.topic-block-children .row-cont { border-color: #76c1c1; }
.topic-block-service-shopping .row-cont { border-color: #ef5faf; }
.topic-block-food .row-cont { border-color: #a4b023; }
.topic-block-weekend .row-cont { border-color: #5454b5; }
.topic-block-business .row-cont { border-color: #f3ca62; }


.live-badge.live-badge-full {
  position: absolute; top: 20px; right: 0; z-index: 90;
  height: 11px;
  padding: 5px 9px 4px 23px;
  font: bold normal 11px/11px "Proxima Nova", serif; color: #FFF; text-transform: uppercase; letter-spacing: .5px;
  background: #21B950;
  border-radius: 10px;
  border-top-right-radius: 0; border-bottom-right-radius: 0;
  }
.live-badge.live-badge-full i {
  position: absolute; top: 6px; left: 8px;
  width: 8px; height: 8px;
  background: #FFF;
  animation: live-badge-on-air .7s alternate infinite ease-in;
  border-radius: 50%;
  }


.live-badge.live-badge-lite {
  display: inline-block;
  width: 8px; height: 8px;
  margin-right: 7px;
  background: #21B950;
  animation: live-badge-on-air .7s alternate infinite ease-in;
  border-radius: 50%;
  }

@keyframes live-badge-on-air {
  0% { opacity: .2; }
  100% { opacity: 1; }
  }


.post-meta {
  display: flex;
  gap: 0.5em;
  align-items: baseline;
  font: 11px/20px "Proxima Nova", sans-serif;
  }
.post-meta .item-meta {
  position: relative; z-index: 1;
  }

.post-meta .item-meta a { color: inherit; }
.post-meta .item-meta a:hover { text-decoration: underline; }
.post-meta .item-meta a:hover:before { color: inherit!important; }


.post-meta .meta-category { text-transform: uppercase; letter-spacing: 1px; }


.post-meta .meta-views-counter,
.post-meta .meta-comments-counter { position: relative; height: 20px; overflow: hidden; }
.post-meta .meta-views-counter .icon {
  width: 14px; height: 10px;
  margin: 0 4px 0 0;
  fill: currentcolor;
  vertical-align: -1px;
  }
.post-meta .meta-comments-counter .icon {
  width: 11px; height: 11px;
  margin: 0 4px 0 0;
  fill: currentcolor;
  vertical-align: -3px;
  }


.post-meta .meta-posted-time { position: relative; height: 20px; overflow: hidden; }
.post-meta .meta-posted-time .icon {
  width: 12px; height: 12px;
  margin: 0 4px 0 0;
  fill: currentcolor;
  vertical-align: -2px;
  }
.widget {
  position: relative; z-index: 2;

  padding-bottom: 40px;
  }


.widget > .title {
  position: relative;

  height: 18px;
  padding: 8px 0 10px;
  }
.widget > .title a:hover {
  text-decoration: none;
  }


.sidebar-block {
  position: absolute;
  z-index: 1;

  width: 300px;

  background: white;
  }



.widget-attached-materials {
  clear: both;

  margin-bottom: 30px; padding-bottom: 0;
  }
.widget-attached-materials .labeled-block {
  margin-bottom: 0; padding: 0;

  border: none;
  }

.widget-attached-materials .post-item.post-item-small {
  width: auto;
  }
.widget-attached-materials .post-item.post-item-small .meta-category {
  max-width: none;
  }
.widget-attached-materials .post-item.post-item-small .post-preview,
.widget-attached-materials .post-item.post-item-small .post-preview img {
  width: 150px; height: 101px;
  object-fit: contain;
  }
.widget-attached-materials .post-item.post-item-small .post-title {
  font: 18px/24px 'Adelle', serif;max-height: 72px;
  margin-top: 10px;
  }

.widget-related-posts {
  padding-bottom: 0;
  }
.widget-related-posts .layout-justified__block {
  overflow: hidden;
  }
.widget-related-posts .pic {
  position: relative;
  }


.notice-bar { height: 50px!important; }
.notice-bar .notice {
  position: fixed; top: 0; right: 0; left: 0; z-index: 1000;
  font-size: 15px; line-height: 1.2; color: #FFF; -webkit-font-smoothing: antialiased;
  background: #28282A;
  }
.notice-bar .notice-wrap {
  position: relative;
  width: 940px;
  margin: auto; padding: 16px 0;
  text-align: center;
  }
.notice-bar .close {
  position: absolute; top: 17px; right: 20px; z-index: 1;
  width: 15px; height: 15px;
  opacity: 0.3;
  cursor: pointer;
  transition: opacity .2s;
  }
.notice-bar .close:before,
.notice-bar .close:after {
  content: '';
  position: absolute; top: 6px; left: -3px;
  width: 20px; height: 2px;
  background: #FFF;
  }
.notice-bar .close:before { transform: rotate(45deg); }
.notice-bar .close:after { transform: rotate(-45deg); }
.notice-bar .close:hover { opacity: 0.8; }
.notice-bar p {
  width: 550px;
  margin: 0;
  }
.notice-bar a { color: #FFF; text-decoration: underline; }
.paginator,
.pagination {
  position: relative;
  margin: 30px 0 0; padding: 15px 50px 17px;
  text-align: center;
  overflow: hidden;
  }
.paginator-top .paginator {
  margin-top: 0;
  }
.paginator-bottom .paginator {
  border-top: 2px solid #EBEBEB;
  }


.paginator .pages-arrow,
.pagination .page-arrow {
  position: absolute; top: 9px;
  display: inline-block;
  height: 58px;
  padding-top: 22px;
  font: bold 12px/22px "Proxima Nova", sans-serif; color: #000; text-transform: uppercase; -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  }
.paginator .pages-arrow:hover,
.pagination .page-arrow:hover { color: #FC6540; }

.paginator .pages-arrow .icon,
.pagination .page-arrow .icon {
  position: absolute; top: 19px; bottom: 0; z-index: 10;
  width: 10px; height: 16px;
  border: 5px solid #fff;
  fill: currentcolor;
  }

.paginator .prev,
.pagination .page-prev { left: -5px; padding-left: 18px; }
.paginator .prev .icon,
.pagination .page-prev .icon { left: 0; }

.paginator .next,
.pagination .page-next { right: -5px; padding-right: 18px; }
.paginator .next .icon,
.pagination .page-next .icon { right: 0; }


.paginator .pages-list,
.pagination .pages { padding: 14px 0;}
.paginator .pages-list li,
.pagination .pages li {
  display: inline-block;
  font-weight: bold; font-size: 16px; line-height: 20px;
  }
.paginator .pages-list a,
.paginator .pages-list span,
.pagination .pages a,
.pagination .pages span {
  display: block;
  min-width: 26px; height: 25px;
  padding: 3px 8px 2px;
  text-decoration: none;
  border-radius: 14px;
  box-sizing: border-box;
  transition: color .1s;
  }
.paginator .pages-list .active,
.pagination .pages .active {
  display: inline-block;
  }
.paginator .pages-list .active,
.paginator .pages-list .active a,
.pagination .pages .active { color: #FC6540; }
.pagination .pages .active { padding: 3px 8px 2px; }

.mobile .paginator {
  margin: 25px 18px 0; padding: 15px 18px;
  }
.mobile .paginator .pages-list {
  width: auto;
  }
@media only screen and (max-width: 1220px) {

.site-wrap { padding-left: 0!important; }
.main-nav { left: -200px!important; }


.nav-opened .site-wrap { padding-left: 200px!important; }
.nav-opened .main-nav { left: 0!important; }

}


.button {
  position: relative; z-index: 1;
  display: inline-block;
  width: auto; height: 28px;
  margin: 0; padding: 0 16px;
  font: bold 12px/30px "Proxima Nova",sans-serif; color: #000; vertical-align: top; text-transform: uppercase; -webkit-font-smoothing: antialiased;
  background: #E8E6DF;
  border: none; border-radius: 20px;
  outline: none;
  overflow: visible;
  cursor: pointer;
  transition: background .1s, color .1s;
  }
.button::-moz-focus-inner { padding: 0; margin: 0; border: 0; }
.button::-moz-focus-inner span { padding: 0; margin: 0; border: 0; }



.button .text {
  position: relative;
  display: inline-block;
  }


.button.button-hovered, .button:hover { text-decoration: none; background: #DAD8CF; }


.button.button-loading .text { color: transparent!important; text-shadow: none!important; }
.button.button-loading .text:before { visibility: hidden; }
.button.button-loading .text:after {
  content: '';
  position: absolute; top: 11px; left: 11px; right: 11px; z-index:5;
  height:4px;
  }
.button.button-loading:hover .text {
  color: transparent !important;
  }


.button-icon .text:before {
  content: '';
  display: inline-block;
  width: 16px; height: 16px;
  margin: -2px 5px 0 0;
  vertical-align: -4px;
  }


.button-disabled { background: #E8E6DF!important; cursor: default!important; }
.button-disabled .text, .button-hovered.button-disabled .text, .button-disabled:hover .text, .button-pressed.button-disabled .text, .button-disabled:active .text { color: rgba(0,0,0,.5)!important; }


.button-accent { background: #399C72; color: #FFF !important; }
.button-accent.button-hovered, .button-accent:hover { background: #308D65; }


.button-hollow.button-hollow-green,
.button-hollow.button-hollow-orange,
.button-hollow.button-hollow-gray {
  height: 29px;
  line-height: 31px;
  background: transparent;
  border: 2px solid;
  transition: border-color .2s;
  }
.button-hollow.button-hollow-green { border-color: rgba(57,156,114, 0.6); color: #399C72; }
.button-hollow.button-hollow-green:hover { border-color: rgba(57,156,114,1); }
.button-hollow.button-hollow-orange { border-color: rgba(252,101,64,0.35); color: #FC6540; }
.button-hollow.button-hollow-orange:hover { border-color: rgba(252,101,64,1); }
.button-hollow.button-hollow-gray { border-color: rgba(0,0,0,0.15); color: #000; }
.button-hollow.button-hollow-gray:hover { border-color: rgba(0,0,0,1); }


.button-lsquare:before { width: 1px; background: #d4d4d4!important; }
.button-rsquare:after { display: none; }
.button-msquare:before { width: 1px; background: #d4d4d4!important; }
.button-msquare:after { display: none; }


.button-lnk:before, .button-lnk:after { display: none; }
.button-lnk .text { padding: 0; background: none!important; }
.button-lnk.button-loading .text, .button-lnk.button-loading:hover .text { color: inherit!important; }
.button-lnk.button-loading .text:before { visibility: visible; }
.button-lnk .text:after { display: none; }


.button .flash {
  position: absolute; left:0; top:0; right: 0; bottom: 0;
  }


.button-group {
  line-height: 28px;
  }
.button-group .button {
  margin-right: 10px;
  }
.button-icon .text:before { background-image: url(https://bg.ru/gui/sprite-button-icons-a7e420d8538cc5e2ff92e28e24f975f632d753d8625e46ef4b1c657d763e9730.png); }


.button-accent.button-loading .text:after { background: url(https://bg.ru/gui/button-loader-6693683b0e5755bd95b1d65cc34420049c1c4b00bd6c844f4b8b794c946dcd13.gif) no-repeat 0 0; }


.button-icon-mail .text:before        { background-position: -210px 0; }
.button-icon-settings .text:before    { background-position: -230px 0; }
.button-icon-remove .text:before      { background-position: -80px 0; width: 11px; }
.button-icon-view .text:before        { background-position: -48px 0; width: 13px; }



.b-form {}
  .b-form-item {
    margin-bottom:10px;
  }
    .b-form-item .b-form-label {
      font:normal 11px/14px "Arial",sans-serif;
    }
    .b-form-item .b-form-field {
      margin-top:5px;
      position: relative;
    }
    .b-form-item .descr {}

  .b-form-actions {
    padding-bottom:10px;
  }
  .b-form-actions.center {
    text-align:center;
  }
.b-form-item .err-text {
  color: #ff0000;
  font-size: 10px;
  }
.b-form-field .field-type {
  overflow: hidden;
  }
.b-form-field .field-text,
.b-form-field .field-text_area {
  border:1px solid #d1d1d1;
  padding:5px;
  background:#fff;
  }
.b-form-field .field-text input,
.b-form-field .field-text textarea,
.b-form-field .field-text_area textarea {
  background:#fff;
  border:0;
  width:100%;
  margin:0;
  padding:0;
  float: left;
  height:14px;
  line-height:14px;
  font-size:12px;
  }
.b-form-field .field-text textarea,
.b-form-field .field-text_area textarea {
  height:15em;
  overflow:auto;
  font-family:"Arial",sans-serif;
  }
.b-form-field .field-checkbox input {
  margin:0;
  padding:0;
  float: left;
  height:14px;
  width:14px;
  }
.b-form-item .b-form-field-left {
  float: left;
  margin:0 5px 0 0;
  }
.b-item-field-right .b-form-field {
  float: right;
  margin:0;
  }
.b-form-item-title .field-text input,
.entry-title .field-text input {
  height: 25px;
  line-height: 25px;
  font-size: 22px;
  }
.b-form-field .err-text {}

.b-form-item.file_field_custom_button .field-file_field {
  display: none;
}





.b-form.b-form-login {
  width: 520px; height: 120px;
  padding-top: 5px;
  zoom: 1;
  }
.b-form.b-form-login:after {
  content: ''; display: table; clear: both;
  }
.b-form.b-form-login .login-inputs {
  position: relative;
  zoom: 1;
  }
.b-form.b-form-login .login-inputs:after {
  content: ''; display: table; clear: both;
  }
.b-form.b-form-login .b-form-item {
  float: left;
  position: relative;
  width: 205px;
  margin: 0 15px 5px 0;
  overflow: hidden;
  }
.b-form.b-form-login .b-form-label {
  margin-bottom: 4px;
  font: bold 12px/16px "Arial",sans-serif;
  }
.b-form.b-form-login .descr {
  position: absolute;
  font-size:11px;
  top:15px;
  left:0;
  }
.b-form.b-form-login .b-form-field {
  margin-top:0;
  }
.b-form.b-form-login .b-form-error .field-text {
  border-color: #e8a4a5;
  }
.b-form.b-form-login .field-text input,
.b-form.b-form-pass .field-text input {
  height: 18px;
  font-size: 14px; line-height: 18px;
  }
.b-form.b-form-login .button {
  position: absolute; top: 22px; right: 0; left: auto;
  }
.b-form.b-form-login .b-form-item-remember .b-form-field {
  float: left;
  margin: 1px 0.4em 0 0;
  }
.b-form.b-form-login .b-form-item-remember .b-form-label {
  font: 11px "Arial", sans-serif;
  }
.b-form.b-form-login .forgot-password {
  font: 11px "Arial", sans-serif; color: #174675; text-decoration: underline;
  }
.b-form.b-form-pass {
  width:450px;
  }
.b-form.b-form-pass .b-form-label {
  font:normal 14px/16px "Arial",sans-serif;
  }
.b-login-social .b-bubble-title {
  margin-bottom: 19px;
  }

.b-login-social .login-social-instruction {
  display: inline-block; vertical-align: top;
  width: 255px;
  margin-left: 5px;
  font: 11px/13px "Arial", sans-serif; color: #808080;
  }



.b-form-item-editor {
  margin-bottom:20px;
  line-height:12px;
  position: relative;
  }
.b-form-item-editor .b-form-field {

  }
.b-form-item-editor .descr {
  position: absolute;
  width:320px;
  right:-350px;
  font:normal 11px/14px "Arial", sans-serif;
  color:#808080;
  top:17px;
  }

.b-item-field-descr_offset .descr {
  top: -5px;
  }

.l-block-x1 .b-form-item-editor .descr {
  right:-655px;
  }
.b-form-item-title .field-text input {
  height: 25px;
  line-height: 25px;
  font-size: 22px;
  }
.b-form-item-editor .field-img .cover {
  border:1px solid #ddd;

  background-color:#fff;
  color:#808080;
  font:normal 11px/14px "Arial", sans-serif;
  }
.b-form-item-editor .field-img .cover .step1 {
  width:60%;
  margin:0 auto;
  padding:100px 0;
  text-align:center;
  }
.b-form-item-editor .field-img img {
  display: block;
  margin:0 auto;
  }
.b-form-item-editor .field-img .badge {
  overflow: hidden;
  width:140px;
  height:140px;
  background: url(https://bg.ru/gui/sprite-old-a35fdc71d3adda54d20d05e58984f089c862e7be85464c4e152a428f7a578523.png) no-repeat 0 -270px;
  }

.b-form-item-editor.b-form-main-img .err-text {
  position: absolute;
  right:0;
  top:-16px;
  font:normal 11px/14px "Arial", sans-serif;
  color:#ff0000;
  }



.b-form_account .b-form-label {
  width: 130px;
  float: left;
  color:#262626;
  margin-top:6px;
  }
.b-form_account .b-form-field {
  overflow: hidden;
  }


.b-form_account .button {
  margin-left:130px;
  }


.b-form-notification {
  padding:20px 0 40px;
  color:#808080;
  font:11px/13px "Arial",sans-serif;
  }
.b-form .b-form-item-settings {
  position:relative;
  line-height:20px;
  margin:0;
  }
.b-form .b-form-item-settings .b-form-label {
  color:#262626;
  }
.b-form .b-form-item-settings .b-form-field {
  position:absolute;
  right:0;
  top:0;
  margin:0;
  }

.b-form .b-form-lid .b-form-field .field-text textarea,
.b-form .b-form-lid .b-form-field .field-text_area textarea {
  height: 4em;
  }



.b-new-editor .city-selector {
  margin: 30px 0;
  }
.b-new-editor .city-selector .b-form-label {
  font-weight: bold;
  }
.b-new-editor .city-selector > .b-form-label {
  display: block;
  }
.b-new-editor .city-selector .b-form-item {
  position: relative;
  display: inline-block;
  margin: 0 20px 0 0; padding: 0 0 0 22px;
  }
.b-new-editor .city-selector .b-form-item .b-form-label {
  font-weight: normal!important;
  }
.b-new-editor .city-selector .b-form-item .b-form-field {
  position: absolute; top: -6px; left: 0;
  }


.b-form-item.check-box-inline {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: left;

  gap: 10px;
  }
.b-form-item.check-box-inline label {
  margin-bottom: 0;
  }
.b-form-item.check-box-inline .b-form-field {
  margin-top: 0;
 }


.g-title + .descr {
  margin-top: -20px;
  margin-bottom: 20px;
}

.b-form-item .descr a {
  border-bottom: 1px dotted;
  font-weight: bold;
}
.b-form-item .descr a:hover {
  color: var(--hover);
}
.p-feeds h1 {
  font: 22px/24px "Adelle", serif; -webkit-font-smoothing: antialiased;
}
.p-feeds ul {
  margin: 30px 0;
  }
.p-feeds li {
  margin-bottom: 10px;
  font: 17px/24px "Proxima Nova", sans-serif;
  }
.p-feeds li a {
  position: relative;
  }
.p-feeds li a:before {
  content: ''; display: inline-block;
  margin-right: 10px;
  width: 20px; height: 20px;
  background: #f90; vertical-align: -5px;
  border-radius: 3px;
  }
.p-feeds li a:after {
  content: ''; display: block; position: absolute; top: 5px; left: 3px;
  width: 13px; height: 12px;
  background: url(https://bg.ru/gui/sprite-d6dce84a0941480158ae8b5fd047399cea62d71074aa68185a7a5d4c7494c78d.png) -190px -333px;
  }
.p-feeds .big-button {
  position: relative;
  padding: 8px 16px 8px 8px;
  background: #f90; color: #fff;
  font: bold 14px/24px "Proxima Nova", sans-serif; -webkit-font-smoothing: antialiased; text-transform: uppercase;
  border-radius: 3px;
  }
.p-feeds .big-button:before {
  content: ''; display: inline-block;
  margin-right: 10px;
  width: 16px; height: 16px;
  vertical-align: -2px;
  background: url(https://bg.ru/gui/sprite-d6dce84a0941480158ae8b5fd047399cea62d71074aa68185a7a5d4c7494c78d.png) -190px -285px;
  }
.lastnews-block {
  position: absolute; top: 0; bottom: 0; left: 0;
  width: 300px; min-height: 400px;
  padding: 24px 25px;
  box-sizing: border-box;
  overflow: hidden;
  }
.lastnews-block:before {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;
  border: 1px solid #E5E5E5;
  pointer-events: none;
  }
.lastnews-block:after {
  content: '';
  position: absolute; right: 0; bottom: 0; left: 0;
  height: 28px;
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  border-bottom: 10px solid #FFF;
  pointer-events: none;
  }


.lastnews-block .block-title {
  position: relative; z-index: 2;
  margin-bottom: 17px;
  font: bold 16px "Proxima Nova", sans-serif; text-transform: uppercase; letter-spacing: .5px;
  }
.lastnews-block .block-title:before {
  content: '';
  position: absolute; top: 3px; left: -25px;
  width: 16px; height: 12px;
  background: url("https://bg.ru/gui/sprite-d6dce84a0941480158ae8b5fd047399cea62d71074aa68185a7a5d4c7494c78d.png") -60px -615px;
  }


.lastnews-block .post-item.post-item-promo { margin-bottom: 22px !important; }
.lastnews-block .post-item.post-item-promo .live-badge {
  right: -25px;
  }
.lastnews-block .post-item.post-item-promo .post-preview {
  margin: -24px -25px 29px;
  background: none;
  }
.lastnews-block .post-item.post-item-promo .post-preview img { max-width: 300px; border-radius: 0; }
.lastnews-block .post-item.post-item-promo .post-preview:after { display: none; }
.lastnews-block .post-item.post-item-promo .post-meta { position: absolute; top: 210px; }
.lastnews-block .post-item.post-item-promo .post-title {
  margin: 0 0 3px;
  font: 18px/24px "Adelle", sans-serif;
  }
.lastnews-block .post-item.post-item-promo .post-meta a { color: #000; }
.lastnews-block .post-item.post-item-promo .post-meta a:hover { color: #FC6540; }


.lastnews-block .post-item {
  margin: 0 0 13px !important; padding-bottom: 14px;
  border-bottom: 1px solid #F0F0F0;
  }
.topic-block .lastnews-block .post-item .post-when { display: none; }


.topic-block .lastnews-block {
  height: 400px !important;
  }
.topic-block .lastnews-block .post-item {
  margin-bottom: 14px; padding-bottom: 0;
  border: none;
  }
.user-header { z-index: 3; }
.user-header .user-badge {
  position: relative;
  min-height: 147px;
  white-space: nowrap;
  }
.user-header .user-badge:after {
  content: '';
  display: inline-block;
  height: 147px;
  vertical-align: bottom;
  }
.user-header .row-cont {
  padding-top: 20px;
  }
.user-header p {
  margin-bottom: 0;
  }
.user-header .g-title {
  max-height: 80px;
  padding-top: 38px; margin: -38px 140px 0 0;
  font: normal 35px/40px "Adelle", serif;
  overflow: hidden;
  }
.user-header .info {
  display: inline-block;
  width: 760px;
  margin-left: 210px; padding-bottom: 20px;
  font: 16px/36px "Adelle", serif; vertical-align: bottom; white-space: normal;
  }
.user-header .user-badge-social-free .info {
  bottom: 35px;
  }
.user-header .userpic {
  overflow: hidden; position: absolute; top: 0; left: 0; z-index: 2;
  margin-right: 30px;
  height: 170px;
  border: 5px solid #fff; border-radius: 50%;
  }
.user-header .userpic img {
  display: block;
  }
.user-header .action {
  position: absolute; top: 7px; right: 10px;
  }
.user-header .editor-badge span {
  font: 13px/20px 'Proxima Nova', sans-serif;position: absolute; top: -38px; left: -4.5em;
  display: none;

  padding: 4px 10px; white-space: nowrap; opacity: .75;
  color: #fff; border-radius: 5px;
  background: #308d65;
  }
.user-header .editor-badge span:before {
  position: absolute; bottom: -6px; left: 50%;display: block;

  width: 0; height: 0;
  margin-left: -3px;

  content: ''; border-top: 6px solid #308d65; border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  }
.user-header .editor-badge:hover {
  cursor: pointer;

  background-color: #308d65;
  }
.user-header .editor-badge:hover span {
  display: block;
  }


.user-header .accounts {
  overflow: hidden;
  height: 36px;
  }
.user-header .accounts li {
  display: inline-block;
  color: #a8a7a3; font: 15px/20px "Proxima Nova", sans-serif;
  }
.user-header .accounts a span {
  display: none;
  }
.user-header .accounts .icon {
  display: inline-block; position: relative;
  margin-right: 5px;
  width: 32px; height: 32px;
  border: 2px solid #48a37c; border-radius: 50%; background: #fff;
  vertical-align: -13px;
  }
.user-header .accounts .icon:after {
  content: ''; position: absolute; top: 8px; left: 8px;
  width: 16px; height: 16px;
  background: url(https://bg.ru/gui/sprite-d6dce84a0941480158ae8b5fd047399cea62d71074aa68185a7a5d4c7494c78d.png) -110px -265px no-repeat;
  }
.user-header .accounts .icon-site:hover {background-color: #48a37c; }
.user-header .accounts .icon-site:hover:after { background-position: -110px -285px; }

.user-header .accounts .icon-facebook { border-color: #426ac1; }
.user-header .accounts .icon-facebook:after { background-position: -130px -265px; }
.user-header .accounts .icon-facebook:hover { background-color: #426ac1; }
.user-header .accounts .icon-facebook:hover:after { background-position: -130px -285px; }

.user-header .accounts .icon-vkontakte {border-color: #3987c4; }
.user-header .accounts .icon-vkontakte:after { background-position: -150px -265px; }
.user-header .accounts .icon-vkontakte:hover { background-color: #3987c4; }
.user-header .accounts .icon-vkontakte:hover:after { background-position: -150px -285px; }

.user-header .accounts .icon-twitter { border-color: #05aded; }
.user-header .accounts .icon-twitter:after { background-position: -170px -265px; }
.user-header .accounts .icon-twitter:hover { background-color: #05aded; }
.user-header .accounts .icon-twitter:hover:after { background-position: -170px -285px; }

.user-header .accounts .icon-skype { margin: 0 0 0 2px;background-color: transparent; border: 0; vertical-align: -12px; }
.user-header .accounts .icon-skype:after { background-position: -190px -265px; }

.user-header-menu .row-cont {
  padding-top: 0;
  border-top: 2px solid #FFF;
  }
.user-header-menu:before,
.user-header-menu:after { top: -2px; }
.user-header-menu .menu {
  position: relative; z-index: 1;
  padding: 0 0 10px 210px;
  }
.user-header-menu .menu li {
  display: inline-block; position: relative;
  margin-left: 25px;
  font-size: 15px; line-height: 50px;
  }
.user-header-menu .menu li:after {
  top: 26px; left: -13px;
  }
.user-header-menu .menu li:first-child {
  margin-left: 0;
  }
.user-header-menu .menu a {
  color: #a3a3a3;
  }
.user-header-menu .menu a:hover {
  color: #808080; text-decoration: none;
  }
.user-header-menu .menu .active a {
  color: #000;
  }

.user-header-menu + .row .row-cont { padding-top: 30px; }

.profile {
  min-height: 640px;
  }
.profile h2 {
  margin-bottom: 20px;
  font: 23px/26px "Adelle", serif;
  }
.profile .community-list li:first-child:before {
  display: none;
  }

.profile-comments .comments-block {
  margin-bottom: 40px;
  }
.profile-comments .comments-block .button-accent {
  background: #fff; border: 1px solid rgba(252,101,64, 0.6); color: #fc6540 !important;
  font: 14px/28px "Proxima Nova", sans-serif; text-transform: none;
  }
.profile-comments .comments-block .button-accent:hover {
  border-color: rgba(252,101,64, 1);
  }

.profile-comments .conversation-entry {
  margin-bottom: 20px; padding: 0 40px 24px 120px; position: relative;
  border-bottom: 1px dotted rgba(0,0,0,0.3);
  }
.profile-comments .conversation-entry .entry-source,
.profile-comments .conversation-entry .entry-date {
  word-spacing: 0; letter-spacing: 0;
  }
.profile-comments .conversation-entry .entry-source a {
  color: #fc6540; opacity: 0.7;
  font: 14px/20px "Proxima Nova", sans-serif;
  }
.profile-comments .conversation-entry .entry-source a:hover {
  opacity: 1; text-decoration: none;
  }
.profile-comments .conversation-entry .entry-source a:hover .title {
  text-decoration: underline;
  }
.profile-comments .conversation-entry .entry-source a .type {
  color: #a1a1a1; text-transform: lowercase;
  }
.profile-comments .conversation-entry .post-meta li {
  display: inline-block;
  }

.profile-comments .g-line {
  display: none;
  }
.profile-comments .conversation-entry .entry-body {
   padding-bottom: 0;
  }
.profile-comments .conversation-entry .entry-date {
  position: absolute; top: 6px; left: 0;
  width: 110px;
  color: #a1a1a1; font: bold 11px/16px "Proxima Nova", sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased;
  }
.profile-comments .conversation-entry .entry-body > p {
  margin-bottom: 8px;
  }
.profile-comments .conversation-entry .entry-hype {
  position: absolute; top: 0; right: 0;
  width: auto;
  }
.profile-comments .conversation-entry .entry-hype i {
  display: none;
  }
.profile-comments .conversation-entry .entry-hype .entry-rating-action,
.profile-comments .conversation-entry .entry-hype .meta-actions {
  display: none !important;
  }
.profile-comments .conversation-entry.sublevel .entry-body {
  margin-left: 0;
  }

.profile .tabs-filters {
  margin-bottom: 30px;
  }
.user-header .editor-badge {
  position: relative;

  display: inline-block;

  width: 31px; height: 31px;
  margin-left: 10px; vertical-align: -6px;
  background: #399c72  url(https://bg.ru/gui/sprite-d6dce84a0941480158ae8b5fd047399cea62d71074aa68185a7a5d4c7494c78d.png) 0 -80px;
  }
.tags-header {
  position: relative;

  padding: 20px 0;
  }
.tags-header-with-posts {
  min-height: 232px;
  margin: 0 auto;
  }

@media only screen and (min-width: 1020px) {
  .tags-header {
    width: 1020px;
    margin: 0 auto;
    }
  }

.tags-header .header {
  position: relative; z-index: 1;

  text-align: center;
  }
.tags-header .title {
  position: relative; z-index: 1;

  padding: 60px 40px 40px;
  }
.tags-header .subtitle {
  font: 20px/25px 'PT Serif', serif;

  color: rgba(255,255,255,.5); -webkit-font-smoothing: antialiased;
  }
.tags-header .tag-name {
  font: 40px/40px 'Adelle', serif;

  color: #fff; -webkit-font-smoothing: antialiased;
  }
.tags-header .tags-similar {
  font: 12px/27px 'Arial', sans-serif;

  position: relative; z-index: 2;

  margin: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  }
.tags-header .tags-similar li:first-letter {
  text-transform: uppercase;
  }
.tags-header .tags-similar a {
  font-weight: bold;

  padding: 6px 10px;

  transition: background-color .1s, border-color .1s, color .1s; color: #aeadad;
  border: 1px solid rgba(255,255,255,.25); border-radius: 14px;
  background: rgba(0,0,0,.4); background-clip: padding-box; -webkit-font-smoothing: antialiased;
  }
.tags-header .tags-similar a:hover {
  text-decoration: none;

  color: #fff;
  border: 1px solid rgba(255,255,255,.5);
  background: rgba(0,0,0,.5);
  }
.tags-header .posts {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;

  display: flex;
  overflow: hidden;
  }
.tags-header .posts:before {
  position: absolute;
  z-index: 1; top: 0; left: 0;

  width: 100%; height: 100%;

  content: '';

  opacity: .5;
  background: #000;
  }
.tags-header .post {
  position: relative;

  display: flex;
  flex: 1;
  }
.tags-header .post img {
  display: block;

  width: auto;
  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
  }

.tags .tags-header .row-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  }
.tags .tags-header .g-title {
  flex: 1;

  margin-bottom: 0;
  padding-bottom: 0;
  }
.post-row .row-cont {
  display: flex;
  padding-top: 0;
  gap: 20px;
}

.post-cover-old,
.post-cover {
  position: relative;
  width: var(--thin-post-width-without-padding);
  margin-bottom: 30px;
  }
.post-cover-news .share-buttons-bar {
  position: relative; bottom: 0;
  margin-bottom: 10px;
  }

.post .cover-wrap .meta-actions {
  position: relative;
  }
.post .cover-wrap .icon-edit {
  position: absolute; top: 4px; left: 4px;
  margin-left: 6px;
  }
.post .cover-wrap .edit-post {
  content: '';
  display: inline-block;
  width: 20px; height: 20px;
  margin-left: 6px; padding: 0;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 0 2px rgba(0,0,0,.09), 0 0 0 5px rgba(255,255,255,.22);
  transition: box-shadow;
  }
@keyframes edit-waves {
  from { box-shadow: 0 0 0 2px rgba(0,0,0,.09), 0 0 0 5px rgba(255,255,255,.22); }
  to { box-shadow: 0 0 0 2px rgba(0,0,0,.09), 0 0 0 15px rgba(255,255,255,0); }
  }
.post .meta-actions:hover .edit-post { animation: edit-waves .8s infinite; }




.post-tags {
  clear: both;
  margin-top: 40px; padding-bottom: 30px;
  }
.post-tags a {
  display: inline-block;
  margin: 0 10px 10px 0; padding: 1px 10px 2px;
  font-size: 13px;
  border: 1px solid #D9D9D9; border-radius: 14px;
  }
.post-tags a:hover { color: #FC6540; text-decoration: none; }
.post-tags a:first-letter { text-transform: uppercase; }

.post-tag-list .tags {
  margin-left: 70px;
  position: relative;
  top: -3px;
  }
.post-tag-list .title {
  float: left;
  width: 70px;
  position: relative;
  font: bold 11px/22px "Proxima Nova", sans-serif; text-transform: uppercase; letter-spacing: 1px; -webkit-font-smoothing: antialiased;
  }
.post-tags-short .tags {
  margin-left: 0;
  }

.post-additions .row-cont {
  padding-bottom: 30px;
  }

.post-bottom .bottom-async-banner {
  width: 100%;
  }
.post-bottom:not(:has(.b-indoor-banner)) .bottom-async-banner {
  margin-left: -25px;
  }
.post-bottom:not(:has(.b-indoor-banner)) .bottom-async-banner img {
  max-width: unset;
  }


body:not(.wide) .row-cont.async-banner {
  width: 620px;
  padding: 0;
  margin: 0 20px 0 40px;
  }
.bottom-async-banner {
  z-index: 5;
  width: var(--thin-post-width-without-padding)
  margin: 0 auto 30px;
  }

.bottom-async-banner-wide {
  z-index: 5;
  width: var(--wide-post-width-without-padding)
  margin: 0 auto 30px;
  }


body:not(.wide) .post,
body:not(.wide) .article-text {
  width: var(--thin-post-width-without-padding);
  }
body:not(.wide).editor-version-3-0 .article-text {
  width: var(--thin-post-width);
  }
body:not([data-post-layout$="wide"]):not([data-post-layout="6col_17002"]):not([data-post-layout="12col_17001"]) .post-body .post,

body[data-post-layout*="col"]:not([data-post-layout="6col_17002"]):not([data-post-layout="12col_17001"]) .post-body .post {
  width: var(--wide-post-width);
  margin: auto;
  }
.post-cover-row .row-cont {
  width: var(--wide-post-width-without-padding);
  margin: auto;
  }

body.wide .post-row .row-cont {
  display: block;
  width: auto;
  padding-left: 0;
  padding-right: 0;
}
body.wide .pseudosidebar {
  grid-column: content-end;
}

body.wide:not(.editor-version-4-0) .article-text:not(:has(.stk-post)),
body.wide:not(.editor-version-4-0) .article-text .stk-post {
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: 1fr [content-start] var(--wide-post-width-without-padding) 1fr;
  padding-right: 40px;
  padding-left: 40px;
}


body.wide .article-text > *:not(.stk-post) {
  grid-column: content-start;
  }
body.wide .article-text .left-fullscreen_ear.right-fullscreen_ear {
  grid-column-start: 1;
  grid-column-end: -1;
  justify-content: center;
  }


body.wide .article-text .left-fullscreen_ear.right-fullscreen_ear {
  grid-column-start: 1;
  grid-column-end: -1;
  justify-content: center;
  }

[data-post-layout="6col_17002"] .page-content,
[data-post-layout="12col_17001"] .page-content,
[data-post-layout="6col_17002"] .entry-comments-wrap .row-cont,
[data-post-layout="12col_17001"] .entry-comments-wrap .row-cont,
[data-post-layout="6col_17002"] .entry-comments-wrap .row-cont:before,
[data-post-layout="12col_17001"] .entry-comments-wrap .row-cont:before,
[data-post-layout="6col_17002"] .entry-comments-wrap .row-cont:after,
[data-post-layout="12col_17001"] .entry-comments-wrap .row-cont:after { background: #fff; }


body.wide.promoted {
  background: 0 0;
}
body.wide.promoted .post-body .post {
  width: 100% !important;
}
body.wide.promoted .post-cover-row .row-cont {
  padding-top: 0;
}
.pages .icon-waves {
  position: absolute;
  top: 5px; right: 45px;
  }

.page .article-wrap {
  margin-left: -40px;
}
@media only screen and (min-width: 1340px) {
  .responsive .row { background-size: 1340px 100%; }
  .responsive .row .row-cont { width: 1260px; }

  
  .responsive .header .line:before { left: -475px; width: 1260px; }


  .responsive .header .widget-quotations .title { display: inline; }

  .responsive .header .site-search .toggle-search { top: 2px; }

  .responsive .header .links { padding-top: 19px; }

  .responsive .need-more-minerals span { width: 460px; }

  .responsive .post-block,
  .responsive .lastnews-block {
    margin-bottom: 20px;
    }
  .responsive .posts-sidebar {
    margin-bottom: 0;
    }
  .responsive .banner,
  .responsive .banner-centering-wrap {
    margin-bottom: 20px;
    }
  .responsive .post-block-superfeature-content,
  .responsive .post-block-superfeatured { width: 620px; }
  .responsive .post-block-superfeature-content .post-block-superfeatured { display: block; }
  .responsive .post-block-superfeature-content .post-block-featured { display: none; }

  .responsive .row-banner-top .banner { padding-left: 150px; padding-right: 150px; }

  .responsive .widget-community .community-widget-header { margin-right: 40px; }
  .responsive .widgets-bottom .widget-community .just-bl:nth-last-child(-n+4) { display: inline-block; }

  .responsive .widgets-bottom .just-bl-x4.block-justifier { width: 960px; }
  .responsive .topic-block .g-title {
    width: 300px;
    margin-right: 20px;
    }
  }
.row.search-header .row-cont {
  padding-top: 0; padding-bottom: 0;
  }
.row.search-header .g-title {
  margin-top: 30px;
  padding-bottom: 30px;
  }

.search-header .g-title:first-letter {
  text-transform: uppercase;
  }
.search .post-item-small {
  width: auto;
  }
.search .post-item-small .post-title {
  font: 18px/24px 'Adelle', sans-serif;

  max-height: 96px;
  margin: 5px 0;
  }
.p-news .g-title {
  line-height: 37px;

  position: relative; left: -10px; display: block;

  margin: 40px 0; padding-left: 10px;

  background: #f3f2ef;
  }
.p-news .g-title:first-child {
  margin-top: 0;
  }
.p-news .just-bl-x4 {
  margin: 0 0 40px;
  }

.p-news .post-item {
  padding-top: 20px;
  margin-bottom: 10px;
}
.p-news .post-item .post-meta,
.p-news .post-item .b-status-badge {
  position: absolute;
  top: 0;
  }

.p-news .post-item-first .meta-time {
  display: none;
  font: bold 14px/12px "Proxima Nova", sans-serif; color: #000;
  }
.p-news .post-item-first a:hover .meta-time {
  color: #FC6540;
  }
.p-news .post-item-first .meta-category {
  font: bold 13px/12px "Proxima Nova", sans-serif; color: #969696;
  }
.p-news .post-item-first .post-title {
  margin-bottom: 0;
  font: 28px/33px "Adelle", serif;
  }


.p-news .post-item .post-meta .item-meta {
  vertical-align: baseline;
  }
.p-news .post-item-microformat .post-preview {
  position: relative;
  top: -20px;

  width: 100px;
  height: 100px;
  }
.p-news .post-item-microformat .post-preview img {
  display: block;

  width: 100px;
  height: 100px;

  object-fit: cover;
  }

.p-news .news-post {
  margin-bottom: 40px;
  }
.p-news .news-post a {
  font: 15px/20px 'PT Serif', sans-serif;

  padding-left: 0;
  }
.p-news .news-post .datetime {
  font: bold 14px/20px 'Proxima Nova', sans-serif;

  position: relative; top: 0;

  margin-bottom: 3px;color: #000;
  }
.p-news .news-post a:hover .datetime {
  color: #fc6540;
  }
.p-news .news-post .datetime h4 {
  display: none;
  }
.editors-panel {
  position: fixed;
  right: 10px;
  bottom: 10px;
  background-color: transparent;
  z-index: 100;
}
.editors-panel li {
  padding-top: 5px;
  position: relative;
}
.editors-panel li.list-title {
  font: 9px/1 "Helvetica, Arial",sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00dd00;
}


.editors-panel .userpic {
  display: inline-block;
  width: 38px; height: 38px;
  vertical-align: top;
  background-color: #DBDBDB;
  border-radius: 50%;
  box-sizing: border-box;
  }

.editors-panel .userpic {
  text-indent: -999em;
  background-origin: border-box; background-size: contain;
  border: 1px solid rgba(0,0,0,.08);
  }

.editors-panel .userpic.userpic-small  { width: 30px; height: 30px; }


.editors-panel .tooltip {
  position: absolute; bottom: -11px; right: 100%;
  display: none;
  margin: 0 0 10px;
  z-index: 100;
  animation: appear-top .2s forwards;
  }

.editors-panel .tooltip .tooltip-wrap {
  position: relative; left: -10px;
  display: block;
  padding: 9px 13px 8px;
  font-weight: normal; font-size: 13px; text-indent: 0; text-transform: none; letter-spacing: 0; word-spacing: 0; text-align: center; white-space: nowrap; -webkit-font-smoothing: antialiased; -moz-oxs-text-smoothing: grayscale;
  background: #FFF; background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15); border-radius: 4px;
  box-sizing: border-box;
  }

.editors-panel *:not(.tooltip-on-click):hover > .tooltip,
.editors-panel .tooltip-on-click.clicked > .tooltip { display: block; }
.widget-related-posts .pic .promoted_badge {
  position: absolute;
  top: 14px;
  width: 19px;
  height: 22px;
  z-index: 1;
}

.widget-related-posts .pic .promoted_badge:after {
  content: "";
  position: absolute;
  border: 11px solid transparent;
  right: -17px;
  border-color: inherit;
  border-right: 6px solid transparent;
  z-index: 1;
}

.widget-related-posts .pic span.promoted_name {
  font: bold 12px/20px "Proxima Nova", sans-serif;
  color: white;
  font-weight: bold;
  line-height: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: absolute;
  left: 11px;
  top: 20px;
  z-index: 2;
}
.b-status-badge {

  margin-bottom: 6px;

  font: bold 10px/14px "Proxima Nova", sans-serif; text-transform: uppercase; letter-spacing: 1px;
  text-transform: uppercase;
}

.b-status-badge-updated-at .b-status-badge-badge {
  display: inline-block;
  padding: 1px 6px 0;

  border: 1px solid #E96F47;
  border-radius: 8px;
  color: #E96F47;
}

.b-status-badge-time {
  margin-left: 6px;
  opacity: 0.28;
}
.b-search-from {
  position: relative;
}
.b-search-from .field {
  position: relative;
}
.b-search-from .query {
  display: block;
  width: 700px;
  padding: 0 0 5px 37px;
  font: 25px "Proxima Nova", sans-serif; color: #000; -webkit-font-smoothing: antialiased;
  background: none;
  border: 2px #000; border-style: none none solid;
  }
.b-search-from .submit {
  position: absolute; top: 5px; left: 0;
  width: 20px; height: 20px;

  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  fill: #000;
  }
.b-search-from .submit svg {
  width: 20px; height: 20px;
  }
.b-search-from .submit  {
  fill: #000;
  }

.b-search-from .your-search {
  margin-bottom: 0;

  color: #9b9b9b; text-transform: uppercase; font-size: 10px;
}
.flow-header {
  padding: 4px 0 50px;

  text-align: center;
  }
.flow-header .row-cont {
  padding-top: 0;
  }
.flow-header .title {
  font: 14px/34px 'Proxima nova', sans-serif;
  font-weight: 700;

  display: inline-block;

  margin-bottom: 0;
  padding: 0 14px;

  letter-spacing: .05px;
  text-transform: uppercase;

  border: 1px solid #000;
  border-radius: 30px;
  }

.flow-header .description {
  font: 16px/22px 'Proxima nova', sans-serif;

  max-width: 690px;
  margin: 20px auto 0;
  }

.flow-header a {
  text-decoration: underline;
  }
.posts-layout + .ticker {
  margin-top: 10px;
  margin-bottom: 30px;
  }

.ticker {
  display: flex;
  overflow: hidden;

  box-sizing: border-box;
  margin: 0 -40px;
  padding: 8px 0;

  white-space: nowrap;

  color: #fff;
  background: #000;
  }

.ticker-line {
  font: 20px/24px 'Proxima Nova', sans-serif;
  font-weight: normal;

  flex-shrink: 0;

  min-width: 100%;
  margin-left: .4em;

  animation: marqueeLine 30s linear infinite;
  animation-duration: 30s;
  letter-spacing: 1px;
  }

@media only screen and (max-width: 768px) {
  .ticker-line {
    font-size: 15px;
    line-height: 15px;

    animation-duration: 10s;
    }
  }

.ticker-link {
  display: block;

  vertical-align: middle;
  text-decoration: none;
  text-transform: uppercase;

  color: #fff;
  }

@keyframes marqueeLine {
  0% {
    transform: translateX(100%);
    }
  100% {
    transform: translateX(-100vw);
    }
  }
.j-original_image-container {
  position: relative;
  }

.j-original_image {
  position: absolute;
  top: 20px;
  left: 20px;

  display: none;
  align-items: center;
  justify-content: center;

  width: 25px;
  height: 25px;

  text-decoration: none !important;

  border-radius: 50%;
  background: 20px;
  background: #fff;
  }

.j-original_image:hover {
  animation: edit-waves .8s infinite;
  }

.j-original_image-container:hover .j-original_image {
  display: flex;
  }