@font-face {
  font-family: 'Village Type';
  src: url('https://www.village.com.ua/gui/VillageType-Regular-b76dcf523bfbad2214375ef49352ac0ab98f05ae7a7ad5664c147707ab0a3f23.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
  }

@font-face {
  font-family: 'Village Type';
  src: url('https://www.village.com.ua/gui/VillageType-Black-b151dcbcd6c1fd0000634862cf63cd378916a9c983a46ebe618f126778adbee0.woff2') format('woff');
  font-weight: 900;
  font-style: normal;
  font-variant-ligatures: normal;
  }

@font-face {
  font-family: 'VillageTypeScript';
  src: url('https://www.village.com.ua/gui/VillageType-Script-610919d30381aba1e6989701be43f4bde88c457a8554fa34eca6ffa00e24356e.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
  }

@font-face{
  font-family: 'Source Serif 4';
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  font-stretch: normal;
  src: url('https://www.village.com.ua/gui/SourceSerif4-Regular.ttf-6b053e98f0838afe81f3e784727be4583a7c13bb42f198dc5202ecffee0aaee0.woff2') format('woff2');
}

@font-face{
  font-family: 'Source Serif 4';
  font-weight: 400;
  font-display: swap;
  font-style: italic;
  font-stretch: normal;
  src: url('https://www.village.com.ua/gui/SourceSerif4-It.ttf-ca3b17ed1e3e668ffd9e03385cfd46e1b095df783de53710d25d41241496026b.woff2') format('woff2');
}

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 {
  --dorian: #ECF0F4;
  
  --dorinan-50: #7D7F8F;
  
  --dorian-80: #C0C3CB;
  --chesnut-green: #59B78F;
  --purple: #9494F6;
  --warm-red: #FF845D;
  --bakery: #ECD5A3;

  --white: #FAFCFE;
  --gray: #0B0B3226;
  --dark-gray: #0B0B324D;
  --state: #848496;
  
  --state-50: #7C7E91;
  
  --dark-state: #0B0B32BF;
  
  --dark-state-75: #474765;
  --onyx: #0E0E2C;

  --primary: var(--onyx);
  --secondary: var(--chesnut-green);
  --hover: #42A57B;
  --visited: var(--state-50);
}
:root {
  --wide-post-width: 1020px;
  --wide-post-width-without-padding: 940px;
  --thin-post-width-without-padding: 620px;
  --thin-post-width: 680px;
}
body {
  font: 18px/20px 'Village Type', sans-serif;
  font-weight: 400;

  overflow-x: scroll;

  min-width: var(--wide-post-width);

  background: #fff;
  }

a {
  transition: color .1s;

  color: #000;
  }
a:hover {
  text-decoration: none;

  color: var(--hover);
  }



.banner {
  position: relative; z-index: 500;

  clear: both;

  text-align: center;
  }
.banner img,
.banner object,
.banner iframe {
  display: block;
  }



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


.banner-border-wrap:before,
.banner-border-wrap:after {
  position: absolute; right: 0; left: 0;

  content: '';

  border-top: 1px solid var(--dorian);
  z-index: 501;
  }
.banner-border-wrap:before {
  top: 0;
  }
.banner-border-wrap:after {
  bottom: 0;
  }
.banner-border-wrap .banner {
  width: 100%;
}
.banner-border-wrap .banner:before,
.banner-border-wrap .banner:after {
  position: absolute;
  z-index: 501;
  top: 0; bottom: 0;

  content: '';

  border-left: 1px solid var(--dorian);
  }
.banner-border-wrap .banner:before {
  left: 0;
  }
.banner-border-wrap .banner:after {
  right: 0;
  }


.banner-centering-wrap {
  position: relative;


  display: flex;
  align-items: center;
  width: 300px; min-height: 600px;
  margin-bottom: 30px;

  text-align: center;

  background: var(--dorian);
  }
.banner-centering-wrap .banner_sidebar_300_async {
  min-height: 400px;
  }


.page-holder {
  position: relative; z-index: 2;
  }


.row {
  position: relative;

  background: linear-gradient(#fff,#fff) center / var(--wide-post-width) 100% repeat-y;
  }
.row .row-cont {
  position: relative;

  width: 940px;
  margin: 0 auto; padding: 30px 0 0;
  }
.row .row-cont:after {display: table; clear: both;

  content: '';
  }


.row-colored { background: var(--dorian); }


.row-banner-top,
.row-banner-bottom {
  z-index: 1;

  padding-top: 0;

  background: var(--dorian);
  }
.row-banner-top .row-cont.banner-wrap,
.row-banner-bottom .row-cont.banner-wrap {
  padding: 0;
  height: 0;

  text-align: center;
  letter-spacing: 0;
  }
.row-banner-top .row-cont.banner-wrap.banner-wrap-loaded,
.row-banner-bottom .row-cont.banner-wrap.banner-wrap-loaded {
  padding-top: 10px; padding-bottom: 10px;
  height: auto;
  }
.row-banner-top .row-cont .banner {
  display: inline-block;

  margin: 0 -25px;

  vertical-align: top;
  }
.row-banner-top + .post-row .row-cont {
  padding-top: 30px;
  }



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

.content {
  position: relative; z-index: 2;
  }
.sidebar + .content {
  z-index: 2;

  float: left;

  width: var(--thin-post-width-without-padding); min-height: 640px;
  }
.sidebar {
  float: right; position: relative;
  z-index: 3;

  width: 300px;
  }
.main-cont .sidebar {
  min-height: 770px;
  }

.banner_horisontal_990_async {
  position: relative; z-index: 3;
  }


.posts-layout {
  display: grid;

  column-gap: 20px;
  grid-template-columns: repeat(3, 300px);
  }
.posts-layout .posts-group {
  position: relative;
  }
.posts-layout .posts-group-x2 {
  grid-column-end: span 2;
  }
.posts-layout .posts-group-free_space {
  position: absolute; top: 0; left: -20px;
  }
.posts-layout .posts-sidebar {
  overflow: visible;

  height: auto;
  margin-right: 20px;
  margin-bottom: 0;

  grid-row-end: span 2;
  }

.posts-layout .width-ad {
  border: 1px solid #f00;
  }


.branding-layout-2024 .page-holder {
  width: fit-content;
  margin: auto;
  padding: 0 20px;

  background: #fff;
  }
.branding-layout-2024 .footer {
  margin: 0 -20px;
  }


.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; }


.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: 24px/28px "Village Type", sans-serif;
  letter-spacing: 0.02em;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  }


.need-more-minerals {
  clear: both;

  padding: 10px 0 40px;

  text-align: center;
  }
.need-more-minerals span {
  font: 12px 'Village Type', sans-serif;
  font-weight: 900;

  position: relative;

  display: inline-block;

  box-sizing: border-box;
  width: 300px; height: 39px;
  padding-top: 10px;

  cursor: pointer;
  transition: border-color .2s;letter-spacing: .5px;text-transform: uppercase;

  border: 2px solid rgba(0,0,0,.08); border-radius: 20px;
  }
.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;

  animation: more-minerals-loading .6s infinite linear;

  border-radius: 50%;
  background: rgba(0,0,0,.30);
  }
.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 {
  pointer-events: none;

  color: transparent;
  }
.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: 0; left: -15px;
  color: var(--dark-gray);
  }
.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-size: 16px
  line-height: 22px;
  color: #a8a7a3;
  }
.no-content h2,
.no-content h3 {
  margin-bottom: 8px; display: inline-block;
  font-size: 23px;
  line-height: 26px; -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 {
  text-transform: uppercase;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.1em;
  font-size: 14px;
  line-height: 16px;
}
.tabs-filters li {
  display: inline-block;
  margin-left: 22px
  }
.tabs-filters li:first-child {
  margin-left: 0;
  }
.tabs-filters a {
  color: var(--onyx);
  }
.tabs-filters .active a {
  color: var(--chesnut-green);
  }

.masonry-layout.masonry-intited .posts-sidebar {
  position: absolute;
  top: 32px;
  right: -20px;

  overflow: visible;

  margin-bottom: 30px;
  }
.masonry-layout .posts-sidebar .sidebar {
  float: none;
  }
.masonry-layout:not(.masonry-intited) {
  margin-right: -20px;
  }
.masonry-layout:not(.masonry-intited) .post-block {
  display: inline-block; vertical-align: top;
  }
.masonry-layout:not(.masonry-intited) .posts-sidebar {
  position: relative;
  }
.masonry-layout:not(.masonry-intited) .lastnews-block {
  overflow: hidden;

  max-height: 600px;
  margin-right: 20px;
  }

.g-sp-badge {
  display: inline-block;
  padding: 3px 6px 2px 6px;
  color: #ffffff;
  }
i.icon {
  display: inline-block;
  width: 16px; height: 16px;
  background: url(https://www.village.com.ua/gui/sprite-d6dce84a0941480158ae8b5fd047399cea62d71074aa68185a7a5d4c7494c78d.png) 0 0 no-repeat;
  }
svg.icon { display: inline; width: auto; height: auto; background: none; }

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

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

.icon-create {
  background: none;
  position: relative;
  width: 14px; height: 14px;
  border-radius: 2px; border: 2px solid #000;
  text-indent: -999em;
  }
.icon-create:before,
.icon-create:after {
  content: ''; position: absolute;
  display: block;
  background: #000;
  }
.icon-create:before {
  top: 2px; left: 6px;
  width: 2px; height: 10px;
  }
.icon-create:after {
  top: 6px; left: 2px;
  width: 10px; height: 2px;
  }
.icon-create:hover {
  border-color: var(--hover);
  }
.icon-create:hover:before,
.icon-create:hover:after {
  background: var(--hover);
  }

.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);
  -webkit-transition: box-shadow; -moz-transition: box-shadow; -ms-transition: box-shadow; -o-transition: box-shadow; transition: box-shadow;
  }
@-webkit-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); }
  }
@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 { -webkit-animation: icon-waves .8s infinite; -moz-animation: icon-waves .8s infinite; -ms-animation: icon-waves .8s infinite; -o-animation: icon-waves .8s infinite; 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;
  }

.icon-search {
  stroke: var(--onyx); fill: transparent;
  }

.icon-search:hover {
  stroke: #59B78F; fill: transparent;
  }

.icon-pin {
  fill: #fff;
  }

.icon-logout {
  fill: transparent;
  stroke: var(--onyx);
  }

.icon-close {
  stroke: var(--onyx);
  }


.dd-able {
  position: relative;
  }

.dd-able .dd-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;

  position: absolute; z-index: 50;top: 100%; left: 0;

  display: none;

  margin-top: 10px; padding: 8px 16px;

  text-align: left;
  letter-spacing: 0;
  text-transform: none;

  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 5px;
  background: #fff;box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
  }
.dd-able .dd-body:before,
.dd-able .dd-body:after {
  position: absolute; z-index: 10;top: -6px; left: 15px;

  width: 0; height: 0;

  content: '';
  }

.dd-able .dd-body:before {
  top: -7px;

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


.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 {
  right: -1px;
  left: auto;
  }
.dd-able.dd-left .dd-body:before,
.dd-able.dd-left .dd-body:after {
  left: calc(100% - 27px);
  }


.dd-able.dd-suggest {
  display: inline-block;
  }
.dd-able.dd-suggest .dd-title {
  font: 12px/14px 'Village Type', sans-serif;

  position: relative;

  display: block;

  width: 100%;margin: 0;
  padding: 0;

  cursor: pointer;

  border: 1px solid #ddd; background: #fff;
  }
.dd-able.dd-suggest .dd-title .dd-action {
  position: absolute; top: 12px; right: 8px;

  width: 0; height: 0;border-top: 4px solid #000;border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  }
.dd-able.dd-suggest .suggest-title {
  font-weight: normal;

  display: block;
  overflow: hidden;margin: 5px 22px 5px 10px;
  padding: 1px 10px 2px 0;

  white-space: nowrap; text-overflow: ellipsis; color: #808080;
  border-right: 1px solid #ddd;-o-text-overflow: ellipsis;
  }
.dd-able.dd-suggest .suggest-title.suggest-selected {
  font-weight: normal; color: #262626;
  }
.dd-able.dd-suggest .suggest-title.suggest-checked {
  padding-right: 11px;

  color: #262626;
  border-right: none;
  }
.dd-able.dd-suggest .dd-title .suggest-title.suggest-checked .dd-action {
  position: absolute; top: 8px; right: 9px;

  width: 12px; height: 12px;

  transition: background-color .2s;
  transform: rotate(45deg);

  border-radius: 50%;
  background: rgba(0,0,0,.3);
  background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff);
  background-repeat: no-repeat;
  background-position: 5px 2px, 2px 5px;
  background-size: 2px 8px, 8px 2px;
  }
.dd-able.dd-suggest .dd-title .suggest-title.suggest-checked .dd-action:hover {
  background-color: rgba(0,0,0,.6);
  }

.dd-able.dd-suggest.dd-opened .suggest-title {
  font-weight: bold; color: #262626;
  }

.dd-able.dd-suggest .dd-body {
  left: 0;

  min-width: 100%; margin-top: -1px;
  padding: 4px 0 2px;
  }

.dd-able.dd-suggest.dd-right .dd-body {
  right: -2px; left: auto;
  }


.dd-suggest .b-form-item {
  position: relative;

  margin: 0 9px 7px!important; padding: 0!important;
  }
.dd-suggest .b-form-item input {
  position: relative; z-index: 5;

  background: none;
  }
.dd-suggest .b-form-label {
  font-size: 12px;

  position: absolute; z-index: 10;top: 7px; left: 4px; color: #b3b3b3;
  }
.dd-suggest .field-text {
  padding: 5px 25px 5px 5px!important;

  border-color: #ddd;
  }
.dd-suggest .filter-select {
  width: 246px;
  }

.filter-select .ui-menu {
  position: static !important;

  width: 100% !important;
  }


.suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all {
  padding-left: 25px!important;
  }
.dd-suggest-list.ui-autocomplete {
  font: 12px/1 'Village Type', sans-serif;

  overflow: auto;

  max-height: 260px;
  }

.dd-suggest-list.ui-autocomplete .ui-menu-item .ui-menu-item {
  display: block;
  }
.dd-suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all {
  display: block;

  padding: 7px 10px;

  cursor: pointer;
  text-decoration: none;
  }

.dd-suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all.ui-state-hover,
.dd-suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all.ui-state-hover span {
  color: #e62024;
  background: #f5f5f5;
  }

.dd-suggest-list.ui-autocomplete .ui-autocomplete-category {
  font-weight: bold; margin: 7px 0;
  padding: 0 10px; white-space: nowrap; color: #808080;
  }
.dd-suggest-list.ui-autocomplete.categorized .ui-menu-item .ui-corner-all {
  padding-left: 24px;
  }

.dd-suggest-list.ui-autocomplete .ui-not-found {
  font: 12px/24px 'Village Type', sans-serif;

  overflow: hidden;

  padding: 0 10px;white-space: nowrap; text-overflow: ellipsis; color: #808080; -o-text-overflow: ellipsis;
  }
.dd-suggest-list.ui-autocomplete .ui-not-found .suggest-add-new {
  line-height: 10px;

  margin-bottom: 5px;
  }
.dd-suggest-list.ui-autocomplete .ui-not-found .suggest-add-new .err-text {font-size: 10px;

  margin-top: 3px;

  color: #c22c2c;
  }


.dd-suggest-list.ui-autocomplete .ui-menu-item {
  position: relative;
  }
.dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-text {
  display: block;
  overflow: hidden;

  white-space: nowrap;text-overflow: ellipsis;
  }
.dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-count {
  position: absolute; top: 10px; right: 11px;

  padding-left: 10px;

  background: inherit;
  }
.dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-secondary {font-size: 10px;

  display: block;

  color: #808080;
  }

.dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-counter .suggest-text {
  display: inline-block;

  max-width: 91%;

  vertical-align: top;
  }
.dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-counter .counter {
  font-size: 9px;

  padding-left: 5px;vertical-align: baseline;color: #808080;
  }
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://www.village.com.ua/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://www.village.com.ua/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://www.village.com.ua/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;
  }
.row-header {
  background: none;
  }
.row-header:not(:has(.header-colored)) {
  background: #fff;
  }

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

  padding: 17px 0;

  text-align: center;
  }
.row-header:has(.header-fixed) {
  padding-top: 64px;
  }
.row-header .header-fixed {
  position: fixed;
  z-index: 3; top: 0;right: 0; left: 0;

  padding-right: 40px;
  padding-left: 40px;

  background: #fff !important;
  z-index: 100;
  }
.row-header .notice-bar {
  position: relative;
  bottom: -17px;

  width: 100%;
  }
.row-header .notice-bar .notice {
  position: relative;
  }
.row-header .logo {
  position: absolute;
  top: 0;

  width: 100%;
  height: 40px;
  }

.row-header .nav-link {
  font: 14px/32px 'Village Type', sans-serif;
  font-weight: 900;

  display: none;

  letter-spacing: .1em;
  text-transform: uppercase;

  -webkit-font-smoothing: antialiased;
  }
.row-header .nav-link.active a {
  color: var(--hover);
  }


.row-header .toggle-navigation {
  position: absolute; z-index: 999; top: 10px; right: 0; display: block;
  overflow: hidden;

  width: 20px; height: 20px;

  cursor: pointer;
  }
.row-header .toggle-navigation svg {
  width: 100%; height: 100%;
  }
.row-header .toggle-navigation .line {
  transition: transform .3s ease-in-out, fill .2s ease-in-out, opacity .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);
  }
.row-header .controls {
  line-height: 32px;

  position: absolute;
  top: 6px;
  left: 0;

  display: flex; height: 24px;

  vertical-align: middle;

  gap: 0 16px;
  }
.user-settings .nav-list li {
  padding: 0 0 8px;

  border: 0;
  }
.row-header .site-search-overlay,
.row-header .user-settings {
  display: none;
  align-items: center;

  gap: 0 16px;
  }
.row-header .user-settings .full-name {
  font-size: 12px;
  font-weight: 900;
  line-height: 20px;

  margin-bottom: 8px;

  white-space: nowrap;
  letter-spacing: .1em;
  text-transform: uppercase;

  -webkit-font-smoothing: antialiased;
  }
.row-header .user-settings .dd-title {
  height: 24px;
  }
.row-header .user-settings img {
  border-radius: 50%;
  }

.row-header .site-search-open .toggle-search {
  position: relative;

  width: 12px;
  height: 12px;
  margin-right: 30px;

  cursor: pointer;
  transition: opacity .2s;

  opacity: .2;
  }
.row-header .site-search-open .toggle-search:hover {
  opacity: 1 !important;
  }
.row-header .site-search-open .toggle-search:before,
.row-header .site-search-open .toggle-search:after {
  position: absolute;
  top: -2px; right: 9px;

  width: 2px; height: 15px;

  content: '';
  transition: opacity .2s;
  -webkit-transform: rotate(45deg);      -ms-transform: rotate(45deg);          transform: rotate(45deg);

  opacity: 1 !important;
  background: var(--onyx);
  }
.row-header .site-search-open .toggle-search:after {
  -webkit-transform: rotate(-45deg);      -ms-transform: rotate(-45deg);          transform: rotate(-45deg);
  }


.row-header .site-search-overlay {
  position: fixed; z-index: 1000; right: 0; left: 0;

  display: none;
  overflow-y: scroll;

  -webkit-animation: fade-appear .3s forwards;          animation: fade-appear .3s forwards;

  background: white;
  }
.row-header .site-search-has-content {
  bottom: 0;
  }
.row-header .site-search-empty .site-search-overlay {
  bottom: 0;
  background: var(--dorian);
  }
.row-header .site-search-overlay .result-items {
  display: block;

  margin: 40px auto 0;
  }

.row-header .header-colored:has(.site-search-open) {
  background: none !important;
  }
.row-header .site-search-open + .row-cont {
  visibility: hidden;
  }
.row-header .site-search-open + .row-cont .header-fixed {
  background: none;
  }
.row-header .site-search-open .b-search-from {
  padding: 16px 0;

  border-bottom: 1px solid var(--onyx);
  background: #FFF;
  }
.row-header .site-search-open .b-search-from .query {
  line-height: 32px;

  height: 32px;
  }



.row-header .site-search.site-search-open .site-search-overlay {
  display: block;
  }
.header-colored {
  background-image: none;
  }
.header-colored .nav-link.active a,
.header-colored a:hover {
  color: var(--onyx);
  }

.side-nav {
  position: absolute; z-index: 10; top: 46px; left: -20px;

  display: none;

  width: 100%;
  padding: 0 20px 30px;

  text-align: left;

  background: #fff;
  }
.side-nav:before {
  position: absolute; top: 0; right: 0; left: 0;

  content: '';opacity: .75;
  border-top: 1px solid var(--dark-state);
  }
.side-nav .row-cont {
  display: flex;

  padding-top: 0;
  }
.side-nav .user-settings {
  height: 24px;
  }
.side-nav .side-nav-links {
  font: 16px/24px 'Village Type', sans-serif;

  display: grid;

  width: 600px;
  padding-top: 0;

  grid-template-columns: repeat(2, 1fr);
  gap: 0 20px;
  }

.side-nav .side-nav-links li {
  padding: 14px 0;

  border-bottom: 1px solid var(--dorian);
  }
.side-nav .side-nav-links a {
  color: var(--onyx);
  }
.side-nav .side-nav-links a:hover {
  color: var(--hover);
  }
.side-nav .user-settings {
  position: relative;

  display: block;

  max-width: 300px;
  height: 24px;
  margin-left: 20px;
  }
.side-nav .user-settings li:first-child {
  padding-bottom: 6px;
  }
.side-nav .user-settings .dd-title {
  display: flex;

  height: 24px;

  cursor: pointer;

  gap: 0 16px;
  }
.side-nav .user-settings .user {
  display: flex;
  align-items: center;

  gap: 0 16px;
  }
.side-nav .user-settings .user {
  margin-left: 0;
  }
.side-nav .user-settings .logout {
  position: absolute; top: 14px; right: 0;
  }
.side-nav .user-settings .icon-logout:hover {
  stroke: var(--hover);
  }
.nav-opened .side-nav {
  display: block;
  }


@media only screen and (min-width: 1100px) {
  body:not(.branding-layout-2024) .row-header .header-fixed {
    padding-right: 0;
    padding-left: 0;
  }
  body:not(.branding-layout-2024) .row-header .row-cont {
    width: auto;
    height: 30px;
    padding: 0;
    }
  body:not(.branding-layout-2024) .row-header nav {
    display: flex;
    justify-content: space-between;

    padding: 0 20px;
    }
  body:not(.branding-layout-2024) .row-header .nav-link {
    display: block;
    }
  body:not(.branding-layout-2024) .row-header .logo,
  body:not(.branding-layout-2024) .row-header .controls {
    position: relative; top: 0; right: auto; left: auto;
    }
  body:not(.branding-layout-2024) .row-header .logo {
    top: -4px;

    width: auto;
    }
  body:not(.branding-layout-2024) .row-header .controls {
    top: 3px;
    }
  body:not(.branding-layout-2024) .row-header .toggle-navigation {
    display: none;
    }
  body:not(.branding-layout-2024) .row-header .user-settings {
    display: flex;
    }

  body:not(.branding-layout-2024) .row-header .site-search-overlay .b-search-from {
    padding-right: 30px;
    padding-left: 30px;
    }

  body:not(.branding-layout-2024)  .row-header .site-search-open .toggle-search {
    margin-right: 0;
    }
  }
.j-dynamic-logo {
  display: inline-block;
  overflow: hidden;

  height: 32px;
  }
.j-dynamic-logo svg {
  display: block;
  fill: #000;
  }
.j-dynamic-logo-list {
  position: relative;


  }
.footer {
  font-size: 14px;
  line-height: 20px;

  background: var(--onyx);
  }
.footer svg {
  transition: opacity .3s;
  }
.footer svg,
.footer p {
  opacity: .3;
  color: var(--white);

  fill: var(--white);
  }
.footer a {
  transition: color .3s;

  color: #b3b5be;
  
  }
.footer a:hover {
  color: #fff;
  }
.footer a:hover svg {
  opacity: 1;

  fill: #fff;
  }
.footer p {
  margin-bottom: 30px;
  }

.footer .logo {
  position: relative; left: -20px;

  margin-bottom: 30px;
  }
.footer .logo + p {
  max-width: 200px;
  }

.footer .footer-social ul {
  display: flex;
  }
.footer .footer-social ul li {
  margin-right: 24px;
  }
.footer .row-cont {
  padding-top: 52px;
  }
.footer .row-cont,
.footer .lists {
  display: flex;
  justify-content: space-between;
  }
.footer .column-wide {
  display: flex;

  min-width: 140px;
  }
.footer .column-x1 {
  width: 33%;
  margin-right: 20px;
  }
.footer .column-wide {
  flex: 1;
  }

.footer .nav {
  font-size: 18px;
  line-height: 30px;
  }
.footer .nav-main {
  font-size: 14px;
  font-weight: 900;

  letter-spacing: .1em;
  text-transform: uppercase;
  }

.footer .nav-pages {
  font: 16px/30px 'Source Serif 4', serif;
  }

.footer .footer-cookie a {
  text-decoration: underline;

  color: var(--white);
  }
.share-buttons-bar {
  display: flex;
}

.share-button {
  position: relative;
  font: 16px/16px 'Village Type', sans-serif;
  font-weight: 900;

  height: 48px;
  padding: 0 16px;

  display: flex;
  align-items: center;

  color: var(--white);
  border-radius: 4px;

  -webkit-font-smoothing: antialiased;
  }
.share-button:hover {
  cursor: pointer;

  color: var(--white);
  }
.share-button:hover:before {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;

  content: '';

  opacity: .1;
  background: var(--white);
  }

.share-button .icon {
  margin-right: 8px;

  vertical-align: -5px;

  fill: var(--white);
  }

.share-button.button-fb {
  margin-right: 8px;

  background: #1877f2;
  }
.share-button.button-fb .icon {
  vertical-align: -7px;
  }
.share-button.button-tw {
  background: var(--onyx);
  }


.post-item {
  position: relative; margin-bottom: 30px;
  }


.post-item-text {
  margin-bottom: 24px;
  }
.post-item-text .post-link {
  display: block;

  color: #293139;
  }
.post-item-text .post-link:visited {
  color: var(--visited);
  }
.post-item-text .post-link:hover {
  color: #42a57b;
  }

.post-item-text .post-meta {
  line-height: 18px;
  color: var(--dark-gray);
  }
.post-item-text .post-title {
  font: 16px/22px "Source Serif 4", serif;
  font-weight: 400;

  margin-bottom: 0;
  }
.post-item-text.post-item-text-accent .post-title {
  font: 18px/22px 'Village Type', sans-serif;
  font-weight: 900;

  -webkit-font-smoothing: antialiased;
  }
.post-item-text .post-meta .post-label:before {
  position: relative; top: -3px;

  content: ' . ';
  }




.post-item {
  position: relative; margin-bottom: 30px;
  }

.post-block {
  position: relative;

  overflow: hidden;

  width: 300px;
  margin: 0 20px 30px 0;
  }
.post-block .post-link {
  display: block;

  height: 100%;

  color: var(--primary);
  }
.post-block .post-link:hover {
  color: var(--hover);
  }
.post-block .post-link:visited {
  color: var(--visited);
  }
.post-block .post-title {
  position: relative;

  margin-bottom: 0;

  -webkit-font-smoothing: antialiased;
  }
.post-block .post-preview {
  position: relative;

  overflow: hidden;

  width: 300px; height: 192px;

  text-align: center;

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

  content: '';
  -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -ms-transition: opacity .1s; -o-transition: opacity .1s; transition: opacity .1s;

  opacity: 0;
  background: rgba(0,0,0,.20);
  }
.post-block .post-meta {
  color: var(--state);
  }
.post-block-featured .post-meta .meta-category:has(.g-sp-badge) {
  top: 206px;
  }
.post-block .post-meta .meta-category a {
  transition: color .3s;
  }
.post-block .post-meta .meta-category a:hover {
  text-decoration: none;

  opacity: .7;
  color: var(--primary);
  }

.post-block .post-meta .item-meta a:hover {
  text-decoration: none;
  }
.post-block .meta-counters {
  position: relative; z-index: 3;

  opacity: 0;
  }
.post-block:hover .post-preview:after {
  opacity: 1;
  }
.post-block .post-meta .item-meta .g-sp-badge {
  padding-left: 5px;
  }


.post-block-text {
  width: 300px;
  min-height: auto;
  }
.post-block-text .post-link:hover {
  color: #42a57b;
  }
.post-block-text .post-meta {
  line-height: 22px;
  }
.post-block-text .post-meta .post-label:before {
  position: relative; top: -3px;

  content: ' . ';
  }
.post-block-text .post-title {
  font: 16px/22px 'Source Serif 4', sans-serif;
  font-weight: 400;
  }
.post-block-text-accent .post-title {
  font: 18px/22px 'Village Type', sans-serif;
  font-weight: 900;
  }


.post-block-featured {
  position: relative;
  

  margin-bottom: 26px;
  }
.post-block-featured .post-block-pin {
  position: absolute;
  top: 10px; right: 0;
  }
.post-block-featured .post-block-pin .icon-pin {
  fill: #fff;
  }
.post-block-featured .post-preview {
  position: absolute; top: 0; left: 0;

  overflow: hidden;

  height: 192px;
  }
.post-block-featured .post-preview img {
  object-fit: cover;
  }
.post-block-featured .post-meta .meta-category {
  position: absolute; top: 210px; left: 0;
  }
.post-block-featured .post-meta .meta-category a:hover {
  opacity: 1;
  color: var(--hover);
  }
.post-block-featured .post-title {
  font: 22px/24px 'Village Type', sans-serif;
  font-weight: 900;
  min-height: 48px;
  }
.post-block-featured .post-title em {
  font-family: 'VillageTypeScript', sans-serif;
  font-weight: 950;
  }
.post-block-featured .post-data {
  position: relative;

  overflow: hidden;

  max-height: 167px;
  padding-top: 228px;
  }
.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-featured-h400 {
  height: 400px;
  }
.post-block-featured-h400 .post-preview {
  height: 400px;
  }
.post-block-featured-h400 .post-preview:after {
  opacity: .8;
  }
.post-block-featured-h400 .post-preview:hover:after {
  opacity: 1;
  }
.post-block-featured-h400 .post-data {
  position: absolute;
  z-index: 3;
  bottom: 14px;

  padding: 0 16px 0;
  }

.post-block-featured-h400 .post-data,
.post-block-featured-h400 .post-data a:visited,
.post-block-featured-h400 .post-data a:hover,
.post-block-featured-h400 .meta-category {
  color: var(--primary);
  }
.post-block-featured-h400:not(.image-featured-transparent) .post-data,
.post-block-featured-h400:not(.image-featured-transparent) .post-data a:visited,
.post-block-featured-h400:not(.image-featured-transparent) .post-data a:hover,
.post-block-featured-h400:not(.image-featured-transparent) .meta-category {
  color: #fff;
  }
.post-block-featured-h400 .post-data .post-title {
  overflow: hidden;
  min-height: auto;
  }
.post-block-featured-h400 .post-data .post-preamble {
  overflow: hidden;

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

  height: 11px;
  padding: 0 0 6px;
  }
.post-block-featured-h400 .post-meta .meta-category a:hover {
  opacity: .7;
  color: var(--onyx);
  }

.post-block-featured.post-block-colored .post-data,
.post-block-featured.post-block-colored .post-data a:hover,
.post-block-featured.post-block-colored .meta-category {
  color: var(--onyx);
  }


.post-block-superfeatured {
  width: 620px;
  height: 600px;

  background: var(--dorian);
  }

.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: 24px; bottom: 24px; left: 24px;

  max-height: inherit;

  -webkit-transition: bottom .1s ease .1s;     -moz-transition: bottom .1s ease .1s;      -ms-transition: bottom .1s ease .1s;       -o-transition: bottom .1s ease .1s;          transition: bottom .1s ease .1s;
  text-align: left;
  }
.post-block-superfeatured .post-title {
  font: 900 36px/40px 'Village Type', sans-serif;

  margin: 6px 30px 10px 0;-webkit-font-smoothing: antialiased;
  }
.post-block-superfeatured .post-title em {
  font: 950 36px/40px 'VillageTypeScript', sans-serif; letter-spacing: .02em; -webkit-font-smoothing: antialiased;
  }
.post-block-superfeatured .post-data,
.post-block-superfeatured .post-data a,
.post-block-superfeatured .post-meta a {
  color: #fff;
  }
.post-block-superfeatured .post-image {
  position: absolute; top: 0; right: 0; bottom: 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: '';
  -webkit-transition: opacity .1s; -moz-transition: opacity .1s; -ms-transition: opacity .1s; -o-transition: opacity .1s; transition: opacity .1s;

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

    -webkit-transition: bottom .1s ease .1s;       -moz-transition: bottom .1s ease .1s;        -ms-transition: bottom .1s ease .1s;         -o-transition: bottom .1s ease .1s;            transition: bottom .1s ease .1s;

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

.post-block-superfeatured .post-block-pin {
  position: absolute;
  z-index: 2;
  top: 10px; right: 0;
  }
.post-block-superfeatured .post-block-pin .icon-pin {
  fill: #fff;
  }

.post-block-superfeatured .category {
  position: absolute;
  top: 24px; left: 24px;
  }
.post-block-superfeatured .category .meta-category {
  position: relative; z-index: 3;
  color: #fff;
  }
.post-block-superfeatured .category .meta-category a:hover {
  color: .8;
  color: #fff;
  }
.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;
  }

.post-block-superfeatured-thin {
  width: 300px;
  height: 400px;
  }
.post-block-superfeatured-thin .post-data {
  bottom: 20px;
  }
.post-block-superfeatured .post-image {
  background-position: center;
  }
.post-block-superfeatured-thin .post-title {
  font: 900 22px/24px 'Village Type', sans-serif;

  margin-bottom: 0;
  }
.post-block-superfeatured-thin .category {
  position: relative; top: 0; left: 0;
  }

.post-block-featured.post-block-colored .post-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  }
.post-block-featured.post-block-colored .post-image:after,
.post-block-featured.post-block-colored .post-preview:after {
  display: none;
  }
.post-block-featured.post-block-colored .post-data,
.post-block-featured.post-block-colored .post-data a,
.post-block-featured.post-block-colored .post-meta a {
  color: var(--onyx);
  }


.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 {
  font: 12px/12px 'Village Type', sans-serif;
  font-weight: 900;

  letter-spacing: .1em;
  text-transform: uppercase;-webkit-font-smoothing: antialiased;
  }
.post-meta .item-meta {
  position: relative; z-index: 1;

  display: inline-block;

  margin-left: 15px;

  vertical-align: top;
  }
.post-meta .item-meta:first-child {
  margin-left: 0!important;
  }

.post-meta .item-meta a:first-child,
.post-meta .item-meta span:first-child {
  padding-left: 1px;
  }

.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;
  }

.post-meta .meta-views-counter .icon,
.post-meta .meta-comments-counter .icon {
  margin-right: 4px;

  vertical-align: -2px;
  }

.post-meta .item-author-title:after {
  position: relative; top: -3px;

  content: ' . ';
  }
.post-meta .item-author-title + .item-author {
  margin-left: .3em;
  }

.post-meta .item-author a {
  font-size: 16px;
  font-weight: 400;

  display: inline-block;

  height: 14px;

  transition: border-color .2s;
  letter-spacing: 0;
  text-transform: none;

  border-bottom: 1px solid var(--dark-gray);
  }
.post-meta .item-author a:hover {
  text-decoration: none;
  }
.post-meta .post-meta .item-meta a {
  text-decoration: none;
  }
.post-meta .post-meta .item-meta a:hover {
  text-decoration: none;

  color: var(--onyx);
  border-color: var(--onyx);
  }
.post-meta .post-meta .item-meta a:hover svg {
  fill: var(--onyx);
  }
.widget-iframe {
  display: block;
  }

.widget {
  position: relative; z-index: 2;
  padding-bottom: 40px;
  zoom: 1;
  }
.widget:after {
  content: ''; display: table; clear: both;
  }

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


.sidebar-block {
  background: white;
  position: absolute;
  z-index: 1;
  width: 100%;
  }


.widget-post_bottom {
  width: 980px;
  margin-bottom: -30px;
  }



.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 {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: space-between;

  height: 56px;
  margin: 30px 0 0;

  text-align: center;
  }
.paginator-top .paginator {
  margin-top: 0;
  }
.paginator-bottom .paginator {
  border-top: 1px solid #0b0b3226;
  }

.load-button {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}


.paginator .pages-arrow {
  font: 14px/16px 'Village Type', sans-serif;
  font-weight: 900;

  display: inline-block;

  box-sizing: border-box;
  height: 24px;

  letter-spacing: .1em; text-transform: uppercase; color: #000; -webkit-font-smoothing: antialiased;
  }
.paginator .pages-arrow:hover {
  color: var(--hover);
  }

.paginator .pages-arrow .icon {
  z-index: 10;

  width: 10px; height: 16px;

  border: 5px solid #fff;

  fill: currentcolor;
  }


.paginator .pages-list {
  flex: 1;
  }
.paginator .pages-list li {
  font-size: 14px;
  font-weight: 900; line-height: 16px;

  display: inline-block; letter-spacing: .1em;
  }
.paginator .pages-list a,
.paginator .pages-list span {
  display: block;

  box-sizing: border-box;
  min-width: 26px;
  padding: 20px 8px;

  transition: color .1s;
  text-decoration: none;

  border-radius: 14px;
  }
.paginator .pages-list .active,
.paginator .pages-list .active a {
  color: var(--hover);
  }

.mobile .paginator {
  margin: 25px 18px 0;
  }
.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://www.village.com.ua/gui/sprite-button-icons-a7e420d8538cc5e2ff92e28e24f975f632d753d8625e46ef4b1c657d763e9730.png); }


.button-accent.button-loading .text:after { background: url(https://www.village.com.ua/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; }

.button {
  font: 12px/30px 'Village Type', sans-serif;
  font-weight: 900;
  }

.button-gray {
  background: var(--state);
  color: #fff;
  border: 1px solid var(--grey);
  }
.button-accent {
  background: var(--secondary);
  color: #fff;
  }
.button-big {
  font-size: 16px;
  line-height: 40px;

  width: 100%;
  height: 40px;
  padding: 0;

  text-align: center;
  text-transform: none;

  border-radius: 4px;
  }

.button-big-inline {
  display: inline-block;
  width: auto;
  padding-right: 16px;
  padding-left: 16px;
  }

.button-round {
  position: relative;

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

  width: 36px;
  height: 36px;
  padding: 0;

  cursor: pointer;

  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 4px 0 #8b90a433;
  }
.button-round:before {
  position: absolute;
  z-index: 1;top: 0; left: 0;

  display: block;

  width: 36px;
  height: 36px;

  content: '';

  border-radius: 50%;
  background: #fff;
  }
.button-round:hover:before {
  top: -2px; left: -2px;

  width: 40px;
  height: 40px;

  box-shadow: 0 0 4px 0 #8b90a433;
  }
.button-round .icon {
  position: relative;
  z-index: 2;
  }


.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://www.village.com.ua/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;
  }
.hype-panel {
  display: flex;
  align-items: center;

  padding: 12px 0;

  color: var(--dark-gray);
  border-top: 1px solid var(--dorian);
  }
.hype-panel svg {
  fill: var(--dark-gray);
}
.hype-panel .post-meta {
  flex: 1;
  }
.hype-panel .share-buttons-bar {
  align-self: end;
  }
.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://www.village.com.ua/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://www.village.com.ua/gui/sprite-d6dce84a0941480158ae8b5fd047399cea62d71074aa68185a7a5d4c7494c78d.png) -190px -285px;
  }
.lastnews-block {
  position: relative;

  overflow: hidden;

  box-sizing: border-box;
  width: 300px;
  margin-bottom: 30px;
  padding: 20px;
  }

.lastnews-block:before {
  position: absolute; z-index: 1;top: 0; right: 0; bottom: 0; left: 0;

  content: '';
  pointer-events: none;

  border: 1px solid var(--dorian);
  }
.p-users .row.main-row .row-cont,
.p-users-header .row-cont {
  padding: 40px 0;
  }
.p-users-header .row-cont {
  position: static;

  text-align: center;
  }

.p-users-header .button-round {
  position: absolute; top: 16px; right: 16px;
  }
.p-users-header .userpic {
  display: inline-block;
  overflow: hidden;

  margin-bottom: 16px;

  border: 4px solid var(--white);
  border-radius: 50%;
  }
.p-users-header .userpic img {
  display: block;

  width: 180px;
  height: 180px;

  object-fit: cover;
  }
.p-users-header .info .g-title {
  font-size: 36px;
  line-height: 40px;

  margin-bottom: 16px;
  }
.p-users-header .editor-badge {
  margin-left: 8px;

  fill: var(--chesnut-green);
  }

.p-users-header .info p {
  font-size: 20px;

  margin-bottom: 0;
  }

.p-users-tabs-filters .row-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding-top: 40px;
  }
.p-users-tabs-filters .g-title {
  flex: 1;

  margin-bottom: 0;
  }

.p-users-tabs-filters .sidebar {
  width: auto;
  }
.p-tags .row.main-row .row-cont {
  padding: 40px 0;
  }

.tags-header-covers {
  text-align: center;
  position: relative;
  }
.tags-header-with-posts {
  position: relative;

  min-height: 232px;
  }
.tags-header .g-title {
  margin-bottom: 0; padding-bottom: 20px;
  }
.tags-header .header {
  position: relative; z-index: 1;

  display: inline-block;

  max-width: 900px;
  padding: 46px 0 64px;
  }
.tags-header .subtitle {
  font-size: 12px;
  font-weight: 900;
  line-height: 18px;

  position: relative; z-index: 1;

  margin: 0;

  letter-spacing: .1em;
  text-transform: uppercase;

  color: var(--white);

  -webkit-font-smoothing: antialiased;
  }

.tags-header .tag-name {
  font-family: 'Village Type', sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 40px;

  position: relative;
  z-index: 1;

  display: inline-block;
  overflow: hidden;

  max-width: 880px;
  margin: 0; padding: 4px 0;

  text-align: center;

  color: #fff;

  -webkit-font-smoothing: antialiased;
  }
.tags-header form input {
  width: 100%;

  border: 0;
  background: none;
  }
.tags-header .search .field {
  position: relative;
  }
.tags-header .search .field-border {
  position: absolute; top: 0; right: 0;left: 0;

  height: 100%;

  opacity: 0;
  border: 1px solid #747474;
  }
.tags-header .title-hover .search input {
  position: relative; z-index: 1;
  }
.tags-header .search {
  position: relative;

  width: 100%;
  margin: 0 auto;
  }
.tags-header .search h2 {
  display: none;

  opacity: 0;
  }
.tags-header-small .tag-name,
.tags-header-small form input {
  font-size: 34px;
  }
.tags-header-small form input {
  top: 0;

  height: 50px;
  margin: 0 auto 0;
  }
.tags-header-super-small .tag-name,
.tags-header-super-small form input {
  font-size: 18px;
  }
.tags-header .tags-similar {
  font-size: 16px;
  line-height: 16px;

  position: relative; z-index: 2;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  margin-top: 20px;

  text-align: center;

  gap: 8px;
  }
.tags-header .tags-similar li {
  display: block;

  height: 40px;
  }
.tags-header .tags-similar li:first-letter {
  text-transform: uppercase;
  }
.tags-header .tags-similar a {
  font-size: 16px;
  line-height: 16px;

  display: inline-block;

  padding: 12px 16px;

  color: var(--white);
  border-radius: 4px;
  background: var(--dark-gray);
  }

.tags-header .tags-similar .current a {
  color: #fff;
  border: 1px solid #555;
  -webkit-border-radius: 2px;     -moz-border-radius: 2px;          border-radius: 2px;
  }
.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;

  overflow: hidden;

  width: 25%;
  height: 100%;
  }
.tags-header .post img {
  display: block;

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

  object-fit: cover;
  object-position: center;
  }
.tags-header .ms-selections {
  display: none;
  }
.tags-header .ui-autocomplete {
  font: 15px/17px 'FuturaNewBoldRegular', sans-serif;

  margin: 0;text-transform: uppercase; -webkit-font-smoothing: antialiased;
  }

.tags-header .dd-suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all {
  padding: 10px;
  }
.tags-header .dd-suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all.ui-state-hover,
.tags-header .dd-suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all.ui-state-hover span {
  background-color: #e8e8e8;
  }
.tags-header .dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-text {
  color: #808080;
  }
.tags-header .dd-suggest-list.ui-autocomplete .ui-menu-item .ui-state-hover .suggest-text {
  color: #262626;
  }
.tags-header .ms-selected-item {
  display: none;
  }

.tags .post-block {
  min-height: inherit;
  }


.p-tags .tags-header .row-cont {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding-top: 40px;
  }
.p-tags .tags-header .g-title {
  flex: 1;

  margin-bottom: 0;
  padding-bottom: 0;
  }
body:not(.wide) .post,
body.wide .post-cover-row .post {
  display: flex;

  gap: 0 20px;
  }
.post .post-cover-old,
.post .post-cover {
  position: relative;

  width: var(--thin-post-width-without-padding);
  }
body:not(.wide) .post .article-wrap {
  width: var(--thin-post-width-without-padding);
}


.post .article-text {
  padding-top: 40px;
  }


.row.post-cover-row .content {
  min-height: 0;
  }
body:not([data-post-layout$='wide']):not(.fullscreen) .post-body .post,
body[data-post-layout*='col']:not(.fullscreen) .post-body .post {
  width: var(--wide-post-width-without-padding);
  margin: auto;
  }
body:not(.wide) .row.post-body .article-text {
  width: var(--thin-post-width);
  }
body.fullscreen .post-row .row-cont {
  width: auto;
}

body.fullscreen .article-text:not(:has(.stk-post)),
body.fullscreen .article-text .stk-post {

  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: 1fr [content-start] minmax(0, var(--wide-post-width-without-padding, 100%)) 1fr;
  padding-right: 40px;
  padding-left: 40px;
}

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

.post-tags .tags {
  display: flex;
  flex-wrap: wrap;

  padding: 48px 0;

  gap: 8px;
  line-height: 16px;
  font-size: 16px;
  }
.post-tags a {
  padding: 11px;

  color: #adaebd;
  border: 1px solid #e8eaf0;
  border-radius: 4px;
  }
.post-tags a:hover {
  color: var(--onyx);
  border-color: var(--onyx);
  }


.widget-attached-materials {
  padding-bottom: 0;
  }
.widget-attached-materials .g-title {
  font-size: 36px;
  line-height: 36px;

  padding: 6px 0 4px;

  text-align: left;
  }
.widget-attached-materials .block-content {
  display: flex;
  justify-content: left;
  gap: 20px;
  }
.widget-attached-materials .post-block {
  margin: 0 0 36px;
  }
.widget-attached-materials .post-preview img {
  object-fit: cover;
  object-position: top center;
  }
.widget-attached-materials .post-preview .image-meta-,
.widget-attached-materials .post-preview .image-meta-200,
.widget-attached-materials .post-preview .image-meta-0 {
  object-fit: scale-down;
  object-position: center;
  }
.widget-attached-materials .post-title {
  font-size: 24px;
  line-height: 28px;
  }
.p-pages .icon-waves {
  position: absolute;
  top: 5px; right: 45px;
  }
.row.main-row .row-cont {
  margin: 0 auto;
  padding-top: 32px;
  }

@media only screen and (min-width: 1340px) {
  .responsive .row {
    background-size: 100% 100%;
    }
  .responsive .row:not(.row-header) .row-cont,
  .responsive.branding-layout-2024 .page-holder {
    width: 1260px;
    }

  .responsive .posts-layout {
    grid-template-columns: repeat(4, 300px);
    }
  .responsive .posts-sidebar {
    grid-row-end: span 2;
    }

  .responsive .need-more-minerals span {
    width: 460px;
    }
  .responsive .row-banner-top .banner {
    padding-right: 150px;
    padding-left: 150px;
    }

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

.search-header .g-title:first-letter {
  text-transform: uppercase;
  }

.search .filter {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  }
.search .filter li {
  margin-bottom: -1px; padding: 3px 0;
  border-bottom: 1px solid #e3e3e3;
  }
.search .filter a {
  font: 11px/14px "Arial", sans-serif;
  }
.search .filter .count {
  font-style: italic;
  }
.search .filter .active a {
  font-weight: bold
  }

.search .post-item-small {
  width: auto;
  }
.search .post-item-small .post-preview {
  margin-right: 20px;
  }
.search .post-item-small .post-preview,
.search .post-item-small .post-preview img {
  width: 140px; height: 140px;
  }
.search .post-item-small .post-title {
  max-height: 96px;
  margin: 5px 0;
  font: 18px/24px "Adelle", sans-serif;
  }
.p-news .g-title {
  position: relative; display: inline-block;

  width: 100%;
  margin: 20px 0;
  text-transform: capitalize;
  }
.p-news .g-title:first-child {
  margin-top: 0;
  }
.p-news .just-bl-x4 {
  margin: 0 0 40px;
  }

.p-news .post-item {
  margin-bottom: 40px;
  }
.p-news .post-item .post-meta .item-meta {
  vertical-align: baseline;
  }
.p-news .post-item-microformat {
  margin-bottom: 0;
  }
.p-news .post-item-microformat .meta-time {
  line-height: 18px;

  transition: color .2s;

  color: var(--dark-gray);
  }
.p-news .post-item-microformat a:hover .meta-time {
  color: var(--hover);
  }
.p-news .post-item-microformat .post-title {
  font: 36px/40px 'Village Type', sans-serif;
  font-weight: 900;

  margin-bottom: 0;

  letter-spacing: .02em;
  }

.p-news .paginator {
  margin-bottom: 40px;
}
.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;

  display: flex;
  align-items: center;
  justify-content: space-between;
  }
.b-search-from .field {
  position: relative;
  }
.b-search-from .query {
  font-size: 24px;
  line-height: 24px;

  display: block;
  flex: 1;

  width: 100%;
  padding: 0;

  text-align: center;

  color: var(--onyx);
  border: 0;
  background: none;

  -webkit-font-smoothing: antialiased;
  }
.b-search-from .query::placeholder {
  color: var(--dark-gray);
  }
.widget-social {
  padding: 15px 20px 36px;

  text-align: center;
  word-spacing: 0;

  background: var(--dorian);
  }

.widget-social-title {
  font: 900 14px/32px 'Village Type', sans-serif;

  letter-spacing: .1em;
  }

.widget-social a svg {
  opacity: .3;
  }
.widget-social a:hover svg {
  opacity: 1;

  fill: #59b78f;
  }

.widget-social li {
  display: inline-block;

  margin-left: 48px;
  }
.widget-social li:first-child {
  margin: 0;
  }
.p-posts .banner-centering-wrap {
  margin-bottom: 20px;
  }
.p-search .row.main-row .row-cont {
  padding-top: 40px;
  }
.p-search .post-block {
  width: 100%;
  margin-bottom: 20px!important;
  }
.p-search .post-block .post-link {
  display: flex;

  gap: 20px;
  }
.p-search .post-block .post-preview {
  position: relative;

  width: 220px;
  height: auto;
  background: none !important;
  align-items: start;
  }
.p-search .post-block .post-preview img {
  width: 100%;
  height: auto;
  object-fit: contain;
  }

.p-search .post-block .post-title {
  padding-bottom: 16px;
  }
.p-search .post-block .post-meta {
  color: var(--dark-gray);
  }
.p-search .post-block .post-data {
  flex: 1;

  padding-top: 20px;
  }
.p-search .post-block .post-meta .meta-category {
  position: absolute !important;
  top: 0!important;
  left: 240px!important;
  }
.p-error-page {
  background: var(--dorian);
  text-align: left;
  }
.p-error-page .message {
  padding: 10vh 0;
  margin: 0 auto;
  max-width: 620px;
  }
.p-error-page .g-title {
  font: 900 48px/52px 'Village Type', sans-serif;
  }
.p-error-page .button {
  width: auto;
  padding-left: 18px;
  padding-right: 18px;
}

.mobile.p-error-page {
  min-width: auto;
}
.mobile.p-error-page .row .row-cont,
.p-error-page .message {
  width: auto;
  padding-right: 10px;
  padding-left: 10px;
}