@charset "UTF-8";
:root {
  --text: #333;
  --text2: #000;
  --body-bg: #f2f2f2;
  --footer-bg: #fff;
  --footer-bg2: #f2f2f2;
  --a-link: #1643fd;
  --a-hover: #ff4500;
  --code: #fdf590;
  --item-hover: #ff4500;
  --tpl-bg: #f2f2f2;
  --tags-bg: #e8e8e8;
  --donation-bg: #444;
  --item-bg: #fff;
  --item-bg2: #fff;
  --item-gr: #f5f5f5;
  --item-border: #d0d0d0;
  --list-details: #eee;
  --article-bg: #fff;
  --bc-bg: #d3d3d3;
  --bc-shadow: #fff;
  --bc-a: #56648f;
  --bc-a-gr: #758abd;
  --bc-a-text: #fff;
  --form-bd: #fff;
  --form-bg: #fff;
  --placeholder: #999;
  --disabled: #999;
  --disabled-bg: #eee;
  --btn-bg: #b8b8b8;
  --btn-gr: #dadada;
  --btn-file-bg: #c2c2c2;
  --btn-file-gr: #e5e5e5;
  --btn-light-bg: #dadada;
  --btn-light-gr: #fff;
  --btn-light-bg-h: #d3d3d3;
  --btn-light-gr-h: #fafafa;
  --btn-blue-bg: #5eb9ff;
  --btn-blue-gr: #afd8ff;
  --btn-blue-bg-h: #70c2ff;
  --btn-blue-gr-h: #c6e4ff;
  --btn-bright-bg: #ffae00;
  --btn-bright-gr: #ffd882;
  --btn-bright-bg-h: #ffba2e;
  --btn-bright-gr-h: #ffdc91;
  --msg-gray: #e8e8e8;
  --msg-gray-bd: #d7d7d7;
  --msg-gray-bdl: #ccc;
  --msg-gray-bf: #f1f1f1;
  --msg-blue: #c7e1ff;
  --msg-blue-bd: #a7d3f8;
  --msg-blue-bdl: #90b2e2;
  --msg-blue-bf: #daeaff;
  --msg-yellow: #ffeea0;
  --msg-yellow-bd: #efde93;
  --msg-yellow-bdl: #ffd71a;
  --msg-yellow-bf: #fff3d1;
  --msg-red: #ffd9ce;
  --msg-red-bd: #efcabf;
  --msg-red-bdl: #e9a18f;
  --msg-red-bf: #ffe8e3;
  --msg-green: #e9ffbf;
  --msg-green-bd: #cde3a5;
  --msg-green-bdl: #b0ca7f;
  --msg-green-bf: #f2ffe0;
  --form-panel: #f3f5ff;
  --form-panel-bd: #8792c0;
  --tbl-th: #e6e6e6;
  --tbl-th-bd: #e6e6e6;
  --tbl-td: #eee;
  --tbl-td-bd: #eee;
  --sponsor: #fff9e1;
  --sponsor-bd: #008bff;
  --pagi: #e7e7e7;
  --pagi-h: #eee;
  --pagi-curr: #fff;
  --nested-0: #fff;
  --nested-1: #e8e8e8;
  --nested-2: #e0e0e0;
  --nested-3: #d3d3d3;
  --nested-4: #c7c7c7;
  --ava: #fff;
  --video: #eee;
  --comm: #fff;
  --bg-fff: #fff;
  --bg-white: #fff;
  --bg-light: #f2f2f2;
  --bg-lightgray: #e8e8e8;
  --txt-green: green;
  --txt-blue: #1e65ff;
  --txt-red: #ff4500;
  --txt-orange: orange;
  --txt-gray: #888888;
  --label-price: #ffed98;
  --label-topic: #759eea;
  --page-break: #cacaca;
  --details: #1643fd;
  --details-bg: #e3e3e3;
  --vn-bg: #f2f2f2;
  --vn-a: #e3e3e3;
  --vn-ad: #777;
  --vn-bl: #ccc;
  --vn-h: #f2f2f2;
  --vn-h-bl: #ff4500;
  --vn-curr: #777;
  --vn-caret: #f6f6f6;
  --pricing-table: #c6dcb3;
  --header: #d3d3d3;
  --top-input: #fafafa;
  --hna: #efefef;
  --hnab: #fafafa;
  --hnah: #ff4500;
  --gallery-a: #d7d7d7; }

.theme-dark {
  --text: #fafafa;
  --text2: #fafafa;
  --body-bg: #4c5b7c;
  --footer-bg: #36425c;
  --footer-bg2: #4c5b7c;
  --a-link: #c6d3f6;
  --a-hover: #fff;
  --code: #5c7200;
  --item-hover: #c6d3f6;
  --tpl-bg: #4c5b7c;
  --tags-bg: #36425c;
  --donation-bg: #36425c;
  --item-bg: #56648f;
  --item-bg2: #546385;
  --item-gr: #3b4965;
  --item-border: #303b59;
  --list-details: #546385;
  --article-bg: #3a4767;
  --bc-bg: #36425c;
  --bc-shadow: #56648f;
  --bc-a: #56648f;
  --bc-a-gr: #758abd;
  --bc-a-text: #fff;
  --form-bd: #5c6a9f;
  --form-bg: #5c6a9f;
  --placeholder: #eee;
  --disabled: #5c6a9f;
  --disabled-bg: #3c4975;
  --btn-bg: #445370;
  --btn-gr: #637496;
  --btn-file-bg: #536588;
  --btn-file-gr: #7185a9;
  --btn-light-bg: #445370;
  --btn-light-gr: #637496;
  --btn-light-bg-h: #536588;
  --btn-light-gr-h: #7185a9;
  --btn-blue-bg: #136fb9;
  --btn-blue-gr: #4593da;
  --btn-blue-bg-h: #1c86da;
  --btn-blue-gr-h: #5db2ff;
  --btn-bright-bg: #007e8f;
  --btn-bright-gr: #01a6b7;
  --btn-bright-bg-h: #0090a1;
  --btn-bright-gr-h: #00c4da;
  --msg-gray: #343434;
  --msg-gray-bd: #343434;
  --msg-gray-bdl: #343434;
  --msg-gray-bf: #343434;
  --msg-blue: #435a7e;
  --msg-blue-bd: #435a7e;
  --msg-blue-bdl: #435a7e;
  --msg-blue-bf: #435a7e;
  --msg-yellow: #654e35;
  --msg-yellow-bd: #654e35;
  --msg-yellow-bdl: #654e35;
  --msg-yellow-bf: #654e35;
  --msg-red: #885648;
  --msg-red-bd: #885648;
  --msg-red-bdl: #885648;
  --msg-red-bf: #885648;
  --msg-green: #325c62;
  --msg-green-bd: #325c62;
  --msg-green-bdl: #325c62;
  --msg-green-bf: #325c62;
  --form-panel: #313b52;
  --form-panel-bd: #232c3d;
  --tbl-th: #4e5c7c;
  --tbl-th-bd: #44516e;
  --tbl-td: #475471;
  --tbl-td-bd: #44516e;
  --sponsor: #394d6c;
  --sponsor-bd: #435a7e;
  --pagi: #36425c;
  --pagi-h: #56648f;
  --pagi-curr: #56648f;
  --nested-0: #67769e;
  --nested-1: #4e5c7c;
  --nested-2: #475471;
  --nested-3: #404d67;
  --nested-4: #344257;
  --ava: #5c6a9f;
  --video: #5c6a9f;
  --comm: #3a4767;
  --bg-fff: #fff;
  --bg-white: #546385;
  --bg-light: #4c5b7c;
  --bg-lightgray: #36425c;
  --txt-green: #8fc50b;
  --txt-blue: #7b99dc;
  --txt-red: #e49479;
  --txt-orange: #e1c94e;
  --txt-gray: #c8c7c7;
  --label-price: #3e4b6b;
  --label-topic: #40619e;
  --page-break: #7180ac;
  --details: #c6d3f6;
  --details-bg: #36425c;
  --vn-bg: #3e4b6b;
  --vn-a: #36425c;
  --vn-ad: #9eacd1;
  --vn-bl: #232c3d;
  --vn-h: #56648f;
  --vn-h-bl: #9eacd1;
  --vn-curr: #9eacd1;
  --vn-caret: #3e4b6b;
  --pricing-table: #3e4b6b;
  --header: #36425c;
  --top-input: #5e6e97;
  --hna: #5e6e97;
  --hnab: #4c5b7c;
  --hnah: #c6d3f6;
  --gallery-a: #c6d3f6; }

:root {
  font: 1.01em Verdana;
  line-height: 1.35;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; }

@media screen and (max-width: 560px) {
  :root {
    font: .9em Verdana; } }
*,
::before,
::after {
  box-sizing: inherit; }

html {
  height: 100%; }

body {
  min-width: 320px;
  width: 100%;
  height: 100%;
  margin: 0;
  color: var(--text);
  background-color: var(--body-bg);
  transition: background-color 0.5s, color 0.5s; }

footer {
  display: table;
  width: 100%;
  box-shadow: 0 50vh 0 50vh var(--footer-bg); }

ul li,
ol li {
  margin-top: .3rem; }

a:link,
a:visited {
  color: var(--a-link); }

a:hover,
a:active {
  color: var(--a-hover); }

picture {
  display: inline-block; }

img {
  max-width: 100%;
  width: auto;
  height: auto; }

main {
  min-width: 0;
  display: block; }

pre {
  white-space: pre-wrap;
  overflow-x: auto; }

pre.line-numbers {
  max-height: 20rem; }

@media (min-width: 39rem) {
  pre.line-numbers {
    max-height: 40rem; } }
.code, code:not(pre code) {
  padding: .2rem .4rem;
  font-family: monospace;
  background: var(--code);
  border-radius: .4rem; }

.body-min-360 {
  min-width: 360px; }

.body-min-420 {
  min-width: 420px; }

.body-min-480 {
  min-width: 480px; }

.body-min-640 {
  min-width: 640px; }

.body-min-768 {
  min-width: 768px; }

.wrapper {
  max-width: 100%;
  margin: 0 auto; }

.container {
  max-width: 1500px;
  margin: 0 auto; }

.max-160 {
  max-width: 160px; }

.max-300 {
  max-width: 300px; }

.max-400 {
  max-width: 400px; }

.max-500 {
  max-width: 500px; }

.max-600 {
  max-width: 600px; }

.max-800 {
  max-width: 800px; }

.max-1000 {
  max-width: 1000px; }

.max-1100 {
  max-width: 1100px; }

.max-1200 {
  max-width: 1200px; }

.max-1300 {
  max-width: 1300px; }

.max-1500 {
  max-width: 1500px; }

.max-1600 {
  max-width: 1600px; }

.max-1700 {
  max-width: 1700px; }

.max-1800 {
  max-width: 1800px; }

.max-1900 {
  max-width: 1900px; }

.max-2000 {
  max-width: 2000px; }

.max {
  max-width: 100%; }

.min-h-250 {
  min-height: 250px; }

.min-h-330 {
  min-height: 330px; }

.min-h-350 {
  min-height: 350px; }

.min-h-450 {
  min-height: 450px; }

.min-h-490 {
  min-height: 490px; }

.min-h-520 {
  min-height: 520px; }

.min-h-560 {
  min-height: 550px; }

.row::after {
  content: " ";
  display: block;
  clear: both; }

.col {
  float: left;
  text-align: center; }

.col--1 {
  width: 8.3333%; }

.col--2 {
  width: 16.6667%; }

.col--3 {
  width: 25%; }

.col--4 {
  width: 33.3333%; }

.col--5 {
  width: 41.6667%; }

.col--6 {
  width: 50%; }

.col--7 {
  width: 58.3333%; }

.col--8 {
  width: 66.6667%; }

.col--9 {
  width: 75%; }

.col--10 {
  width: 83.3333%; }

.col--12 {
  width: 91.6667%; }

.col--12 {
  width: 100%; }

.flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.flex--column {
  flex-direction: column; }

.flex--nowrap {
  flex-wrap: nowrap; }

.flex--jc-end {
  justify-content: flex-end; }

.flex--jc-center {
  justify-content: center; }

.flex--jc-between {
  justify-content: space-between; }

.flex--jc-around {
  justify-content: space-around; }

.flex--ai-start {
  align-items: flex-start; }

.flex--ai-end {
  align-items: flex-end; }

.flex--ai-center {
  align-items: center; }

.flex--ai-baseline {
  align-items: baseline; }

.grid {
  display: -ms-grid;
  display: grid; }

.grid-fields {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 1%; }

.grid-fields * {
  width: 100%; }

@supports (display: grid) {
  .grid--50 {
    grid-template-columns: 50fr 50fr; }

  .grid--33 {
    grid-template-columns: 1fr 1fr 1fr; }

  .grid--25 {
    grid-template-columns: 1fr 1fr 1fr 1fr; }

  .grid--3070 {
    grid-template-columns: 30fr 70fr; }

  .grid--6040 {
    grid-template-columns: 60fr 40fr; } }
.masonry {
  column-count: 2;
  column-gap: .4rem; }

.masonry > div {
  overflow: hidden;
  break-inside: avoid; }

.masonry--gap {
  column-gap: 1rem; }

.masonry--col-2 {
  column-count: 2; }

.masonry--col-3 {
  column-count: 3; }

@media (max-width: 1200px) {
  .masonry--col-3 {
    column-count: 2; } }
@media (max-width: 768px) {
  .masonry--col-2,
  .masonry--col-3 {
    column-count: 1; } }
.tpl-user aside {
  padding: 1rem 1rem 2rem 1rem;
  background: var(--tpl-bg); }

.tpl-user main {
  padding: 2rem 1rem 3rem 1rem; }

@supports (display: grid) {
  @media (min-width: 45rem) {
    .tpl-user {
      grid-template-areas: "aside  main";
      grid-template-columns: 20rem 1fr; }

    .tpl-user main {
      grid-area: main;
      padding: 2rem 2rem 3rem 2rem; }

    .tpl-user aside {
      grid-area: aside; } } }
.item-wrapper {
  width: auto; }

.item {
  position: relative;
  padding: .8rem 1rem;
  margin: 2px 0;
  word-break: break-word;
  border-radius: .4rem;
  background-color: var(--item-bg);
  border-bottom: 1px solid var(--item-border); }

.list-name {
  display: inline-block;
  padding: .3rem .6rem;
  font-size: 1.1rem;
  border-radius: .4rem;
  background-color: #4e5c8c;
  color: #fff; }

.item-delete {
  display: inline-block;
  margin-left: 1rem;
  width: 2rem;
  height: 1.4rem;
  background: url(img/trash.svg) no-repeat center/1rem; }

.item-delete:hover {
  cursor: pointer; }

.external {
  display: inline-block;
  width: 1.4rem;
  height: 1rem;
  background: url(img/external.svg) no-repeat left/1rem; }

.external:hover {
  background: url(img/external-hover.svg) no-repeat left/1rem; }

.theme-dark .external {
  background-image: url(img/dark/external.svg); }
.theme-dark .external:hover {
  background-image: url(img/dark/external-hover.svg); }

.tpl-topic main {
  margin: 0 0 1rem 0; }

.tpl-topic article {
  background: var(--article-bg);
  padding: 1rem;
  border-radius: 0; }

@supports (display: grid) {
  @media (min-width: 45rem) {
    .tpl-topic {
      grid-template-areas: "aside  main";
      grid-template-columns: 18rem 1fr; }

    .tpl-topic main {
      grid-area: main; }

    .tpl-topic aside {
      margin-top: 1rem;
      grid-area: aside; } }
  @media (min-width: 65rem) {
    .tpl-topic article {
      padding: 1rem 4rem;
      margin: 0 4rem;
      border-radius: 1rem; } } }
.tpl-post main {
  margin-bottom: 1rem; }

.tpl-post main > * {
  margin: 0 1rem 0 1rem; }

.tpl-post main > picture:first-child {
  margin: 1rem auto 2rem auto;
  display: block; }

.tpl-post main > picture:first-child img {
  display: block;
  padding: 0;
  margin: 0 auto; }

.tpl-post article {
  margin: 0 0 1.5rem 0;
  padding: 1rem 1rem 2rem 1rem;
  background: var(--article-bg); }

.tpl-post main > img {
  margin: 0; }

.tpl-post .new-articles {
  padding: 0 .3rem .3rem .3rem; }

@supports (display: grid) {
  @media (min-width: 65rem) {
    .tpl-post {
      grid-template-areas: "aside  main" "aside  new-articles";
      grid-template-columns: 18rem 1fr; }

    .tpl-post main {
      grid-area: main; }

    .tpl-post main > * {
      margin: 0 2rem 0 4rem; }

    .tpl-post aside {
      margin-top: 1rem;
      grid-area: aside; }

    .tpl-post .new-articles {
      grid-area: new-articles; }

    .tpl-post article {
      margin: 0 4rem 1.5rem 4rem;
      padding: 1rem 4rem 2rem 4rem;
      border-radius: 1rem; } } }
.post-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem; }

.post-nav {
  margin-top: .5rem;
  text-align: center; }

.page-tag,
.last-updated,
.views,
.comments,
.bookmark,
.donation {
  display: inline-block;
  margin: .2rem 0;
  padding: .5rem .5rem .5rem 1.8rem;
  font-size: .8rem;
  border-radius: .4rem;
  white-space: nowrap; }

.page-tag,
.bookmark,
.donation {
  white-space: pre-wrap;
  font-size: 1rem;
  cursor: pointer; }

.last-updated {
  background: var(--tags-bg) url("img/calendar.svg") no-repeat left 0.4rem center/1.1rem; }

.views {
  background: var(--tags-bg) url("img/eye.svg") no-repeat left 0.4rem center/1.2rem; }

.comments {
  background: var(--tags-bg) url("img/comments.svg") no-repeat left 0.4rem center/1.2rem; }

.page-tag {
  background: var(--tags-bg) url("img/tags.svg") no-repeat left 0.4rem center/1.2rem; }

.bookmark {
  background: var(--tags-bg) url("img/bookmark.svg") no-repeat left center/1.8rem; }

.donation {
  background: var(--tags-bg) url("img/heart.svg") no-repeat left 0.4rem center/1.5rem; }

footer .donation {
  background: var(--donation-bg) url("img/heart.svg") no-repeat left 0.4rem center/1.5rem; }

.theme-dark .last-updated {
  background-image: url("img/dark/calendar.svg"); }
.theme-dark .views {
  background-image: url("img/dark/eye.svg"); }
.theme-dark .comments {
  background-image: url("img/dark/comments.svg"); }
.theme-dark .page-tag {
  background-image: url("img/dark/tags.svg"); }

.post-author {
  display: flex;
  margin-top: 1rem; }

.post-author-name {
  padding-left: 1rem;
  margin-top: 1.5rem; }

#comment-form-header {
  font-family: Calibri;
  font-size: 1.8rem; }

#go-comments {
  margin: 2rem auto 3rem auto; }

.breadcrumbs {
  max-width: 100%;
  margin: 0 1rem 0 1rem;
  padding: 1rem 0;
  overflow: hidden;
  background: var(--bc-bg);
  border-radius: 0 0 1rem 1rem; }

.breadcrumbs a, .breadcrumbs h1 {
  position: relative;
  padding: 0 10px 0 36px;
  margin: 0;
  display: block;
  float: left;
  text-decoration: none;
  outline: none;
  line-height: 36px;
  font-weight: normal;
  color: var(--text);
  background: var(--bc-bg); }

.breadcrumbs a:first-child {
  padding: 0 20px 0 20px;
  height: 36px;
  background: url(/components/breadcrumbs/img/home.svg) no-repeat center 8px/20px; }

.theme-dark .breadcrumbs a:first-child {
  background-image: url(/components/breadcrumbs/img/home-dark.svg); }

.breadcrumbs h1 {
  display: inline;
  margin: 0;
  padding: 5px 20px 5px 40px;
  line-height: 26px;
  font-size: 1.4rem;
  color: var(--text2); }

.breadcrumbs .index-header {
  padding-left: 1.6rem;
  font-size: 1.2rem; }

.breadcrumbs a:hover {
  background: var(--bc-a);
  color: var(--bc-a-text); }

.breadcrumbs a:hover:first-child {
  background: var(--bc-a) url(/components/breadcrumbs/img/home-hover.svg) no-repeat center top 8px/20px; }

.theme-dark .breadcrumbs a:hover:first-child {
  background-image: url(/components/breadcrumbs/img/home-hover-dark.svg); }

.breadcrumbs a:hover:after {
  background: var(--bc-a); }

.breadcrumbs a:after {
  content: '';
  position: absolute;
  top: 0;
  right: -18px;
  width: 36px;
  height: 36px;
  transform: scale(0.7) rotate(45deg);
  z-index: 1;
  background: var(--bc-bg);
  box-shadow: 2px -2px 0 2px var(--bc-shadow), 3px -3px 0 2px var(--bc-shadow);
  border-radius: 0 5px 0 50px;
  -moz-border-radius: 0 5px 0 50px;
  -webkit-border-radius: 0 5px 0 50px; }

@media screen and (max-width: 50rem) {
  .breadcrumbs {
    padding: 4px 16px 4px 16px; }

  .breadcrumbs a {
    position: relative;
    padding: 0 26px 0 5px;
    display: inline;
    float: none;
    line-height: 26px;
    color: var(--text);
    background: url(/components/breadcrumbs/img/next.svg) no-repeat right top 1px/18px; }

  .breadcrumbs h1 {
    display: block;
    padding: .6rem 0 .6rem 0;
    width: 100%;
    clear: both; }

  .breadcrumbs a:first-child {
    padding: 0 50px 0 0;
    background: url(/components/breadcrumbs/img/home.svg) no-repeat left top/18px; }

  .theme-dark .breadcrumbs a:first-child {
    background-image: url(/components/breadcrumbs/img/home-dark.svg); }

  .breadcrumbs a:hover {
    background: url(/components/breadcrumbs/img/next.svg) no-repeat right top 1px/18px;
    color: var(--item-hover);
    text-decoration: underline; }

  .breadcrumbs a:hover:first-child {
    background: url(/components/breadcrumbs/img/home-hover-responsive.svg) no-repeat left top/18px; }

  .theme-dark .breadcrumbs a:hover:first-child {
    background-image: url(/components/breadcrumbs/img/home-hover-dark.svg); }

  .breadcrumbs a:hover:after {
    background: none; }

  .breadcrumbs a:after {
    position: relative;
    top: 0;
    right: -4px;
    width: auto;
    height: auto;
    transform: none;
    box-shadow: none; }

  .breadcrumbs a:first-child:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 24px;
    left: 30px;
    background: url(/components/breadcrumbs/img/next.svg) no-repeat right top 1px/18px; }

  .breadcrumbs .index-header {
    padding-left: .5rem; } }
[type="text"],
[type="search"],
[type="tel"],
[type="url"],
[type="email"],
[type="date"],
[type="time"],
[type="number"],
[type="password"] {
  padding: .8rem;
  margin: .2rem 0;
  border-radius: .4rem;
  border: 0.01rem solid var(--form-bd);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
  font: 1rem Verdana;
  color: var(--text2);
  background-color: var(--form-bg); }

.input--mid {
  font-size: 1.2rem; }

.input--big {
  font-size: 1.4rem; }

:focus {
  outline: none 0 !important; }

::placeholder {
  color: var(--placeholder); }

:disabled {
  color: var(--disabled);
  background-color: var(--disabled-bg); }

label {
  display: inline-block; }

.btn-file-upload input {
  display: none; }

.btn,
.btn-file-upload label {
  display: inline-block;
  padding: .8rem 1.3rem;
  margin: .2rem 0;
  border-radius: .4rem;
  font: 1rem Verdana;
  border: 0.01rem solid var(--btn-bg);
  background: var(--btn-bg) linear-gradient(180deg, var(--btn-gr), var(--btn-bg));
  color: var(--text2);
  text-decoration: none;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36); }

.btn:hover,
.btn-file-upload label:hover {
  border: 0.01rem solid var(--btn-file-bg);
  background: var(--btn-file-bg) linear-gradient(180deg, var(--btn-file-gr), var(--btn-file-bg)); }

a.btn {
  color: var(--text2); }

.btn--tiny, a.btn--tiny {
  font-size: .8rem;
  padding: .3rem .4rem; }

.btn--small, a.btn--small {
  font-size: .8rem;
  padding: .5rem .6rem; }

.btn--mid, a.btn--mid {
  font-size: 1.2rem; }

.btn--big, a.btn--big {
  font-size: 1.4rem; }

.btn--color-light {
  border: 0.01rem solid var(--btn-light-bg);
  background: var(--btn-light-bg) linear-gradient(180deg, var(--btn-light-gr), var(--btn-light-bg)); }

.btn--color-light:hover {
  border: 0.01rem solid var(--btn-light-bg-h);
  background: var(--btn-light-bg-h) linear-gradient(180deg, var(--btn-light-gr-h), var(--btn-light-bg-h)); }

.btn--color-blue {
  border: 0.01rem solid var(--btn-blue-bg);
  background: var(--btn-blue-bg) linear-gradient(180deg, var(--btn-blue-gr), var(--btn-blue-bg)); }

.btn--color-blue:hover {
  border: 0.01rem solid var(--btn-blue-bg-h);
  background: var(--btn-blue-bg-h) linear-gradient(180deg, var(--btn-blue-gr-h), var(--btn-blue-bg-h)); }

.btn--color-bright {
  border: 0.01rem solid var(--btn-bright-bg);
  background: var(--btn-bright-bg) linear-gradient(180deg, var(--btn-bright-gr), var(--btn-bright-bg)); }

.btn--color-bright:hover {
  border: 0.01rem solid var(--btn-bright-bg-h);
  background: var(--btn-bright-bg-h) linear-gradient(180deg, var(--btn-bright-gr-h), var(--btn-bright-bg-h)); }

.btn--search {
  width: 60px;
  background: url(img/search.svg) no-repeat center/32px, var(--btn-bright-bg) linear-gradient(180deg, var(--btn-bright-gr), var(--btn-bright-bg)); }

.btn--search:hover {
  background: url(img/search.svg) no-repeat center/32px, var(--btn-bright-bg-h) linear-gradient(180deg, var(--btn-bright-gr-h), var(--btn-bright-bg-h)); }

.btn--refresh {
  width: 60px;
  background: url(img/refresh.svg) no-repeat center/32px, var(--btn-bright-bg) linear-gradient(180deg, var(--btn-bright-gr), var(--btn-bright-bg)); }

.btn--refresh:hover {
  background: url(img/refresh.svg) no-repeat center/32px, var(--btn-bright-bg-h) linear-gradient(180deg, var(--btn-bright-gr-h), var(--btn-bright-bg-h)); }

.btn--add-to-list {
  width: 60px;
  background: url(img/add-to-list.svg) no-repeat center/32px, var(--btn-bright-bg) linear-gradient(180deg, var(--btn-bright-gr), var(--btn-bright-bg)); }

.btn--add-to-list:hover {
  background: url(img/add-to-list.svg) no-repeat center/32px, var(--btn-bright-bg-h) linear-gradient(180deg, var(--btn-bright-gr-h), var(--btn-bright-bg-h)); }

.theme-dark .btn--search,
.theme-dark .btn--search:hover {
  background-image: url(img/dark/search.svg); }
.theme-dark .btn--refresh,
.theme-dark .btn--refresh:hover {
  background-image: url(img/dark/refresh.svg); }
.theme-dark .btn--add-to-list,
.theme-dark .btn--add-to-list:hover {
  background-image: url(img/dark/add-to-list.svg); }

textarea, select {
  padding: .8rem;
  margin: .2rem 0;
  background: var(--form-bg);
  border-radius: .4rem;
  border: 0.01rem solid var(--form-bd);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
  font: 1rem Verdana;
  color: var(--text2); }

select {
  padding-right: 2rem;
  background: var(--form-bg) url(img/selector.png) no-repeat right 0.1rem top 0.9rem/1.5rem;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none !important; }

.theme-dark select {
  background-image: url(img/dark/selector.png); }

select::-ms-expand {
  display: none; }

datalist select {
  z-index: 10;
  top: -0.7rem; }

[type="checkbox"],
[type="radio"] {
  display: none; }

[type="checkbox"] + label,
[type="radio"] + label {
  position: relative;
  padding-left: 2rem;
  margin: .8rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

[type="checkbox"] + label:before,
[type="radio"] + label:before {
  position: absolute;
  content: '';
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.15rem solid var(--text);
  left: 0;
  top: 0;
  opacity: .6; }

[type="checkbox"] + label:before {
  border-radius: .35rem;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s; }

[type="radio"] + label:before {
  border-radius: 50%; }

[type="checkbox"]:checked + label:before {
  width: .8rem;
  top: -.3rem;
  left: .3rem;
  border: .25rem solid #34af00;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

[type="radio"]:checked + label:before {
  border: 0;
  background: #34af00;
  border-radius: 50%;
  opacity: 1; }

[type="radio"].field-error + label {
  color: #ff5218; }

[type="checkbox"].field-error + label:before,
[type="radio"].field-error + label:before {
  border: .25rem solid #ff5218; }

[type="checkbox"].field-error:checked + label:before {
  border: .25rem solid #34af00;
  border-top-color: transparent;
  border-left-color: transparent; }

[type="radio"].field-error:checked + label:before {
  border: 0;
  background: #ff5218; }

[type="checkbox"]:disabled + label,
[type="radio"]:disabled + label {
  color: #999; }

[type="checkbox"]:disabled + label:before,
[type="radio"]:disabled + label:before {
  border: .15rem solid #999; }

[type="checkbox"]:checked:disabled + label:before {
  border: .15rem solid #999;
  border-top-color: transparent;
  border-left-color: transparent; }

[type="radio"]:checked:disabled + label:before {
  border: 0;
  background: #999; }

[type="range"] {
  margin: .8rem;
  vertical-align: middle;
  border: none; }

.range {
  -webkit-appearance: none;
  height: 1rem;
  border-radius: .6rem;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s; }

.range:hover {
  opacity: 1; }

.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #34af00;
  cursor: pointer;
  border: none; }

.range::-moz-range-thumb {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #34af00;
  cursor: pointer;
  border: none; }

.range-count {
  display: inline-block;
  font-size: .9rem; }

.field-wrapper {
  display: inline-block; }

.field-max {
  width: 100%; }

.field-max-60 {
  width: calc(100% - 60px); }

.field-max-100 {
  width: calc(100% - 100px); }

.field-max-130 {
  width: calc(100% - 130px); }

.label-disabled {
  color: #999; }

.label-error {
  color: #ff5218; }

.field-error {
  background: var(--msg-red); }

.field-correct {
  background: var(--msg-green); }

.field-required {
  padding: 0 .3rem;
  font-weight: bold;
  color: #ff5218; }

.field-joint {
  border-right: none;
  border-radius: .4rem 0 0 .4rem; }

.btn--joint {
  border-radius: 0 .4rem .4rem 0; }

.captcha-code {
  height: 48px;
  padding: 0 .7rem;
  vertical-align: middle; }

.form-panel {
  background: var(--form-panel);
  border-bottom: 0.1rem solid var(--form-panel-bd); }

.table {
  width: 100%;
  overflow-x: auto; }

.table table {
  width: auto;
  table-layout: auto; }

.table th {
  padding: .3rem;
  text-align: left;
  vertical-align: top;
  background: var(--tbl-th);
  border-bottom: 1px solid var(--tbl-th-bd);
  color: var(--text2); }

.table td {
  padding: .3rem;
  text-align: left;
  background: var(--tbl-td);
  border-bottom: 1px solid var(--tbl-td-bd); }

.message {
  position: relative;
  padding: 1rem 1rem 1.5rem 4.5rem;
  border-radius: .4rem;
  text-align: left;
  word-wrap: break-word; }

.message::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.5rem;
  height: 100%;
  border-radius: .4rem 0 0 .4rem; }

.message ul {
  margin: 0;
  padding-left: 2rem; }

.message--list ul {
  padding-left: 1rem; }

.message li {
  margin: 0; }

.message--note {
  background: var(--msg-gray);
  border: 1px solid var(--msg-gray-bd); }

.message--note::before {
  background: var(--msg-gray-bf) url(img/message-note.svg) no-repeat center/2.5rem; }

.message--info {
  background: var(--msg-blue);
  border: 1px solid var(--msg-blue-bd); }

.message--info::before {
  background: var(--msg-blue-bf) url(img/message-info.svg) no-repeat center/2.5rem; }

.message--warning {
  background: var(--msg-yellow);
  border: 1px solid var(--msg-yellow-bd); }

.message--warning::before {
  background: var(--msg-yellow-bf) url(img/message-warning.svg) no-repeat center/2.5rem; }

.message--error,
.message--unsafe {
  background: var(--msg-red);
  border: 1px solid var(--msg-red-bd); }

.message--error::before,
.message--unsafe::before {
  background: var(--msg-red-bf) url(img/message-error.svg) no-repeat center/2.5rem; }

.message--success {
  background: var(--msg-green);
  border: 1px solid var(--msg-green-bd); }

.message--success::before {
  background: var(--msg-green-bf) url(img/message-success.svg) no-repeat center/2.5rem; }

.note,
blockquote {
  margin: 0;
  padding: 1rem;
  background: var(--msg-gray);
  border-left: 4px solid var(--msg-gray-bdl);
  border-radius: .4rem;
  font-style: italic; }

blockquote + blockquote {
  margin-top: 1rem; }

.note--info,
.blockquote--info {
  background: var(--msg-blue);
  border-left: 4px solid var(--msg-blue-bdl); }

.note--warning,
.blockquote--warning {
  background: var(--msg-yellow);
  border-left: 4px solid var(--msg-yellow-bdl); }

.note--urgent,
.blockquote--urgent {
  background: var(--msg-red);
  border-left: 4px solid var(--msg-red-bdl); }

.note--success,
.blockquote--success {
  background: var(--msg-green);
  border-left: 4px solid var(--msg-green-bdl); }

.note {
  font-style: normal; }

.sponsor {
  position: relative;
  margin: 1.6rem 0 0 0;
  padding: 1rem;
  background: var(--sponsor);
  border: 4px solid var(--sponsor-bd); }

.sponsor-label {
  position: absolute;
  top: -1rem;
  left: .75rem;
  padding: .3rem;
  font-size: .8rem;
  background: var(--sponsor-bd);
  color: #fff; }

.pagination,
.pagination-ajax {
  padding: 1rem;
  text-align: center; }

.pagination a,
.pagination-ajax span[data-page] {
  display: inline-block;
  padding: 1rem;
  margin: 1px;
  border-radius: .4rem;
  color: var(--text);
  background: var(--pagi);
  text-decoration: none; }

.pagination a:hover,
.pagination-ajax span[data-page]:hover {
  background: var(--pagi-h);
  color: var(--item-hover);
  cursor: pointer; }

span.pagination-current {
  padding: 1rem;
  border-radius: .4rem;
  background: var(--pagi-curr);
  font-weight: bold; }

.list {
  list-style: none; }

.list--dash {
  list-style: '— ' outside; }

.list--rarr {
  list-style: '→ ' outside; }

.group-items {
  display: block;
  width: 100%; }

.group-items .group-item:first-child {
  margin-top: .8rem;
  border-radius: .8rem .8rem 0 0; }

.group-items .group-item:last-child {
  margin-bottom: .8rem;
  border-radius: 0 0 .8rem .8rem; }

.group-item {
  padding: .6rem 1.4rem; }

.group-item + .group-item {
  margin-top: .1rem; }

.handle {
  display: inline-block;
  width: 1.3rem;
  height: 1rem;
  background: url(img/move.svg) no-repeat bottom left/0.9rem; }

.handle:hover {
  cursor: grab; }

.nested-0 {
  background: var(--nested-0); }

.nested-1 {
  background: var(--nested-1); }

.nested-2 {
  background: var(--nested-2); }

.nested-3 {
  background: var(--nested-3); }

.nested-4 {
  background: var(--nested-4); }

.avatar {
  width: 200px;
  height: 200px;
  border-radius: 100px;
  background-size: 200px; }

.avatar--small {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-size: 100px; }

.avatar--mini {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-size: 50px; }

.avatar--m {
  background: url(img/avatar-male.svg) no-repeat center top; }

.avatar--f {
  background: url(img/avatar-female.svg) no-repeat center top; }

#avatarEditor {
  display: none; }

.avatarPreview {
  overflow: hidden;
  width: 200px;
  height: 200px;
  border-radius: 100px;
  margin: 1rem auto;
  background: var(--ava); }

.video {
  display: inline-block;
  padding: .8rem;
  margin: 0 0 1rem 0;
  background: var(--video); }

video {
  width: 100%;
  height: auto; }

.iframe-responsive {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; }

.iframe-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.item-comment {
  position: relative;
  padding: .8rem 1rem;
  margin: 6px 3px;
  word-break: break-word;
  border-radius: .6rem;
  background-color: var(--comm); }

.reply-arrow {
  position: absolute;
  top: .1rem;
  left: -1.7rem;
  padding: 1rem;
  background: url(img/reply-arrow.svg) no-repeat top/1rem; }

.theme-dark .reply-arrow {
  background-image: url(img/dark/reply-arrow.svg); }

.reply-lvl-0 {
  padding-right: 2rem; }

.reply-lvl-1 {
  padding-right: 1rem; }

.reply-lvl-2 {
  padding-right: 0; }

.reply-lvl-0 > div {
  margin-left: 0; }

.reply-lvl-1 > div {
  margin-left: 1rem; }

.reply-lvl-2 > div {
  margin-left: 2rem; }

@media screen and (min-width: 40rem) {
  .reply-arrow {
    left: -2.1rem;
    background-size: 1.5rem; }

  .reply-lvl-0 {
    padding-right: 6rem; }

  .reply-lvl-1 {
    padding-right: 3rem; }

  .reply-lvl-2 {
    padding-right: 0; }

  .reply-lvl-0 > div {
    margin-left: 0; }

  .reply-lvl-1 > div {
    margin-left: 3rem; }

  .reply-lvl-2 > div {
    margin-left: 6rem; } }
.cf::before,
.cf::after {
  display: table;
  content: " "; }

.cf::after {
  clear: both; }

.right {
  float: right; }

.text-large {
  font-size: 1.2rem; }

.text-small {
  font-size: 0.8rem; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.italic {
  font-style: italic; }

.bold {
  font-weight: bold; }

.underline {
  text-decoration: underline; }

.line-through {
  text-decoration: line-through; }

.dashed {
  text-decoration-style: dashed; }

.cursor-pointer {
  cursor: pointer; }

.display-none {
  display: none; }

.inline-block {
  display: inline-block; }

.block {
  display: block; }

.p-05 {
  padding: .5rem; }

.p {
  padding: 1rem; }

.p-2 {
  padding: 2rem; }

.p-3 {
  padding: 3rem; }

.p-top-05 {
  padding-top: .5rem; }

.p-top {
  padding-top: 1rem; }

.p-top-2 {
  padding-top: 2rem; }

.p-top-3 {
  padding-top: 3rem; }

.p-btm-05 {
  padding-bottom: .5rem; }

.p-btm {
  padding-bottom: 1rem; }

.p-btm-2 {
  padding-bottom: 2rem; }

.p-btm-3 {
  padding-bottom: 3rem; }

.p-lt-05 {
  padding-left: .5rem; }

.p-lt {
  padding-left: 1rem; }

.p-lt-2 {
  padding-left: 2rem; }

.p-lt-3 {
  padding-left: 3rem; }

.p-rt-05 {
  padding-right: .5rem; }

.p-rt {
  padding-right: 1rem; }

.p-rt-2 {
  padding-right: 2rem; }

.p-rt-3 {
  padding-right: 3rem; }

.p-lr {
  padding-left: 1rem;
  padding-right: 1rem; }

.top-gap * + * {
  margin-top: 1rem; }

.top-clear {
  margin-top: 0; }

.m-lt-auto {
  margin-left: auto; }

.m-center {
  margin: 0 auto; }

.m-05 {
  margin: .5rem; }

.m {
  margin: 1rem; }

.m-2 {
  margin: 2rem; }

.m-3 {
  margin: 3rem; }

.m-top-05 {
  margin-top: .5rem; }

.m-top {
  margin-top: 1rem; }

.m-top-2 {
  margin-top: 2rem; }

.m-top-3 {
  margin-top: 3rem; }

.m-btm-05 {
  margin-bottom: .5rem; }

.m-btm {
  margin-bottom: 1rem; }

.m-btm-2 {
  margin-bottom: 2rem; }

.m-btm-3 {
  margin-bottom: 3rem; }

.m-lt-05 {
  margin-left: .5rem; }

.m-lt {
  margin-left: 1rem; }

.m-lt-2 {
  margin-left: 2rem; }

.m-lt-3 {
  margin-left: 3rem; }

.m-rt-05 {
  margin-right: .5rem; }

.m-rt {
  margin-right: 1rem; }

.m-rt-2 {
  margin-right: 2rem; }

.m-rt-3 {
  margin-right: 3rem; }

.radius {
  border-radius: 1rem; }

.radius-2 {
  border-radius: 2rem; }

.radius-top {
  border-radius: 1rem 1rem 0 0; }

.radius-btm {
  border-radius: 0 0 1rem 1rem; }

.bg-fff {
  background-color: var(--bg-fff); }

.bg-white {
  background-color: var(--bg-white); }

.bg-light {
  background-color: var(--bg-light); }

.bg-lightgray {
  background-color: var(--bg-lightgray); }

.txt-green {
  color: var(--txt-green); }

.txt-blue {
  color: var(--txt-blue); }

.txt-red {
  color: var(--txt-red); }

.txt-orange {
  color: var(--txt-orange); }

.txt-gray {
  color: var(--txt-gray); }

.fs-1-7 {
  font-size: 1.7rem; }

a.login-link {
  padding: .5rem .7rem;
  text-decoration: none;
  background: url(img/login.svg) no-repeat center/1.8rem; }

#share-buttons {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  white-space: nowrap;
  height: 3.5rem;
  cursor: grab;
  user-select: none; }

#share-buttons::-webkit-scrollbar {
  display: none; }

#share-buttons.grabbing {
  cursor: grabbing; }

.share-set {
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: .5rem; }

.share-set--hidden {
  visibility: hidden; }

.share-btn {
  display: flex;
  line-height: 1rem;
  color: #fff;
  cursor: pointer;
  border-radius: .4rem; }

.share-btn:hover {
  transition: transform 0.3s ease;
  opacity: .8; }

.share-set i {
  width: 3rem;
  height: 3rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.8rem; }

.share-set span {
  display: inline-block;
  padding: 1rem 1rem 1rem 0;
  white-space: nowrap; }

.share--whatsapp {
  background-color: #09d431; }

.share--whatsapp i {
  background-image: url(img/social/whatsapp.svg); }

.share--telegram {
  background-color: #0088cc; }

.share--telegram i {
  background-image: url(img/social/telegram.svg); }

.share--viber {
  background-color: #7d3daf; }

.share--viber i {
  background-image: url(img/social/viber.svg); }

.share--fb {
  background-color: #4267b2; }

.share--fb i {
  background-image: url(img/social/fb.svg); }

.share--vk {
  background-color: #4c6c91; }

.share--vk i {
  background-image: url(img/social/vk.svg); }

.share--ok {
  background-color: #f7931e; }

.share--ok i {
  background-image: url(img/social/ok.svg); }

.share--in {
  background-color: #0084b1; }

.share--in i {
  background-image: url(img/social/in.svg); }

.share--x {
  background-color: #000000; }

.share--x i {
  background-image: url(img/social/x.svg); }

.share--reddit {
  background-color: #ff4400; }

.share--reddit i {
  background-image: url(img/social/reddit.svg); }

.share--yc {
  background-color: #f26523; }

.share--yc i {
  background-image: url(img/social/ycombinator.svg); }

.share--skype {
  background-color: #15ace5; }

.share--skype i {
  background-image: url(img/social/skype.svg); }

.share--pocket {
  background-color: #e84352; }

.share--pocket i {
  background-image: url(img/social/pocket.svg); }

.share--email {
  background-color: #36425c; }

.share--email i {
  background-image: url(img/social/email.svg); }

.share--copy {
  background-color: #36425c; }

.share--copy i {
  background-image: url(img/social/copy.svg); }

.share--copied {
  background-color: #546385; }

.share--copied i {
  background-image: url(img/social/copied.svg); }

.slider-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  cursor: grab; }

.slider {
  display: flex;
  transition: transform 0.3s ease; }

.slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 1rem;
  user-select: none; }

.slide:last-child {
  padding-right: 1rem; }

.no-login {
  color: #999; }

.main-description {
  padding: 0 1rem 2rem 1rem;
  font-size: 1.15rem;
  color: var(--text); }

.main-header,
.sub-header {
  margin: 0;
  text-transform: uppercase;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1;
  font-family: Calibri; }

.main-header {
  color: #fff;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.96);
  font-family: "Baloo Custom"; }

.sub-header {
  font-size: 1.7rem;
  line-height: 1.1;
  text-transform: unset; }

@media (min-width: 45rem) {
  .main-header {
    font-size: 2.7rem; } }
@media (min-width: 75rem) {
  .main-header {
    font-size: 3.1rem; } }
.tpl-articles {
  padding: .3rem; }

.gallery {
  column-count: 4;
  column-gap: 1.4rem; }

.gallery-item {
  position: relative;
  margin-bottom: 1.4rem;
  border-radius: .4rem;
  overflow: hidden;
  break-inside: avoid;
  background: #fff;
  cursor: pointer;
  transition: transform 0.2s;
  font-size: 1.1rem; }

.gallery-item:hover {
  transform: scale(1.05);
  z-index: 2; }

.gallery-item picture,
.gallery-item img {
  width: 100%;
  height: auto;
  display: block; }

.gallery-item picture {
  padding: 0; }

.gallery-item .price {
  position: absolute;
  margin: 0;
  top: .5rem;
  right: .5rem;
  padding: .3rem 1rem .1rem 2.4rem;
  background: var(--label-price) url(/tpl/theme/img/coins.svg) no-repeat left 0.4rem top 0.4rem/1.3rem;
  font-size: 1.3rem;
  font-family: Calibri;
  border-radius: .5rem; }

.gallery a {
  position: absolute;
  display: block;
  width: 100%;
  padding: 1rem;
  bottom: 0;
  text-decoration: none;
  text-decoration-thickness: .01rem;
  word-break: break-word;
  word-wrap: break-word;
  z-index: 1; }

.gallery > div a {
  color: #fff; }

.gallery > div a:hover {
  color: #000;
  background: var(--gallery-a);
  opacity: .7; }

@media (max-width: 1200px) {
  .gallery {
    column-count: 3; } }
@media (max-width: 768px) {
  .gallery {
    column-count: 2;
    column-gap: .6rem; }

  .gallery-item {
    margin-bottom: .6rem;
    font-size: 1rem; }

  .gallery a {
    padding: .8rem; } }
.img-gallery img {
  cursor: zoom-in; }

a.source-link {
  color: #98C3D1; }

.article-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15.5rem, 1fr));
  grid-auto-flow: dense;
  grid-gap: .6rem; }

.article-list > div {
  display: grid;
  grid-template-areas: "name" "img";
  grid-template-columns: 1fr;
  align-content: space-between;
  position: relative;
  font-size: 1.3rem;
  color: var(--text2);
  border-radius: .4rem;
  cursor: pointer;
  background: var(--item-bg2) linear-gradient(45deg, var(--item-gr), var(--item-bg2));
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.11); }

.article-list > div > * {
  display: block; }

.article-list > div > a {
  grid-area: name; }

.article-list > div > img {
  grid-area: img; }

.article-list a {
  padding: .5rem 1rem 1rem 1rem;
  color: var(--text);
  text-decoration: underline;
  text-decoration-thickness: .01rem;
  word-break: break-word;
  word-wrap: break-word; }

.article-list > div:hover a {
  color: var(--item-hover); }

.article-list picture {
  padding: 0; }

.article-list img {
  display: block;
  border-radius: 0 0 .4rem .4rem; }

.article-list .pin {
  position: absolute;
  top: -1rem;
  right: -.2rem;
  width: 2.5rem;
  height: 2.5rem;
  background: url(/tpl/theme/img/pin.svg) no-repeat center/1.8rem; }

.topic {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .2rem .6rem;
  white-space: nowrap;
  font-size: .8rem;
  color: var(--text);
  background: var(--label-topic);
  border-radius: 0 0 0 .4rem; }

.article-list .item-delete {
  position: absolute;
  right: 0; }

@media screen and (max-width: 33.5rem) {
  .article-list {
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    grid-gap: .6rem; }

  .article-list > div {
    font-size: 1.1rem; }

  .article-list a {
    padding: .5rem; }

  .article-list picture {
    padding: 0; }

  .article-list img {
    border-radius: 0 0 .4rem .4rem; } }
.btn--ajax-feed {
  width: 100%;
  margin-top: .3rem;
  text-align: center; }

.page-break {
  display: flex;
  width: 90%;
  margin: 1.5rem auto;
  align-items: center;
  font-weight: bold;
  color: var(--page-break); }

.page-break::before,
.page-break::after {
  content: "";
  flex: 1;
  height: 4px;
  border-bottom: 4px dotted var(--page-break); }

.page-break span {
  padding: 0 1rem;
  line-height: 1; }

.preloader {
  width: 100%;
  padding: 3rem 0;
  background: url(img/preloader.svg) no-repeat center; }

.up-btn {
  display: none;
  position: fixed;
  bottom: 3.5rem;
  right: .6rem;
  padding: 1rem;
  z-index: 200;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: url(img/up-btn.svg) no-repeat center/2rem;
  text-decoration: none;
  cursor: pointer; }

.up-btn:hover {
  background: url(img/up-btn-hover.svg) no-repeat center/2rem; }

.details-nav summary {
  margin: 0;
  padding: .5rem 0 .5rem 1rem;
  line-height: 1.1;
  font-size: 1.5rem;
  font-family: Calibri;
  cursor: pointer;
  background: var(--details-bg); }

@media screen and (max-width: 45rem) {
  .details-nav .vertical-nav {
    display: none; }

  .details-nav summary span {
    color: var(--details);
    text-decoration: underline;
    text-decoration-style: dashed; } }
@media screen and (max-width: 65rem) {
  .details-nav--blog .vertical-nav {
    display: none; }

  aside {
    margin: 1rem; }

  .details-nav summary {
    border-radius: 1rem; }

  .details-nav--blog summary span {
    color: var(--details);
    text-decoration: underline;
    text-decoration-style: dashed; } }
.vertical-nav {
  background: var(--vn-bg); }

.vertical-nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0; }

.vertical-nav ul li {
  margin: 0; }

.vertical-nav ul ul {
  padding-left: 1.3rem; }

.vertical-nav a {
  display: block;
  padding: .4rem 3rem .4rem .4rem;
  margin-top: 1px;
  background: var(--vn-a);
  border-left: 5px solid var(--vn-a);
  text-decoration: none;
  color: var(--text); }

.vertical-nav a[disabled] {
  color: var(--vn-ad); }

.vertical-nav ul ul a {
  border-left: 5px solid var(--vn-bl); }

.vertical-nav .current,
.vertical-nav a:hover {
  background: var(--vn-h);
  border-left: 5px solid var(--vn-h-bl); }

.vertical-nav a[disabled]:hover {
  background: var(--vn-a);
  border-left: 5px solid var(--vn-a); }

.vertical-nav .current {
  color: var(--vn-curr); }

.vertical-nav a:hover + .caret--up {
  background: var(--vn-a) url(img/caret-up.svg) no-repeat center/1.6rem; }

.vertical-nav a:hover + .caret--down {
  background: var(--vn-a) url(img/caret-down.svg) no-repeat center/1.6rem; }

.theme-dark .vertical-nav a:hover + .caret--up {
  background-image: url(img/dark/caret-up.svg); }
.theme-dark .vertical-nav a:hover + .caret--down {
  background-image: url(img/dark/caret-down.svg); }

.vertical-nav .sub-menu {
  position: relative; }

.vertical-nav .caret {
  position: absolute;
  top: .3rem;
  right: .3rem;
  width: 2.6rem;
  padding: .8rem;
  border-radius: .4rem;
  z-index: 10;
  cursor: pointer; }

.vertical-nav .caret--up {
  background: var(--vn-caret) url(img/caret-up.svg) no-repeat center/1.6rem; }

.vertical-nav .caret--down {
  background: var(--vn-caret) url(img/caret-down.svg) no-repeat center/1.6rem; }

.theme-dark .vertical-nav .caret--up {
  background-image: url(img/dark/caret-up.svg); }
.theme-dark .vertical-nav .caret--down {
  background-image: url(img/dark/caret-down.svg); }

.vertical-nav .caret--down + ul {
  display: none; }

.pricing-table {
  margin: 1rem auto;
  font-size: 1.3rem;
  font-family: Calibri;
  text-align: left; }

.pricing-table td:first-child {
  padding: .2rem .5rem .1rem 0; }

.pricing-table tr td:last-child {
  display: inline-block;
  margin-top: .15rem;
  padding: .2rem .6rem .1rem 2.3rem;
  background: var(--pricing-table) url(img/coins.svg) no-repeat left 0.5rem top 0.3rem/1.2rem;
  border-radius: 1rem;
  font-size: 1.1rem;
  white-space: nowrap; }

#tooltip {
  position: absolute;
  border-radius: .4rem;
  padding: .2rem .3rem;
  opacity: 0.9;
  display: none;
  background: #666;
  color: #fff;
  font-size: .8rem;
  z-index: 700001212112; }

.a-img {
  padding: .3rem 1rem;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
  line-height: 1.5; }

.a-img--edit {
  background-image: url("img/edit.svg"); }

.a-img--copy {
  background-image: url("img/copy.svg"); }

.a-img--copy:hover {
  background-image: url("img/copy-hover.svg"); }

.a-img--copied {
  background-image: url("img/copy-success.svg"); }

.theme-dark .a-img--copy {
  background-image: url("img/dark/copy.svg"); }
.theme-dark .a-img--copy:hover {
  background-image: url("img/dark/copy-hover.svg"); }
.theme-dark .a-img--copied {
  background-image: url("img/dark/copy-success.svg"); }

.audio-player {
  width: 100%;
  outline: none;
  border-radius: .4rem; }

header {
  background: var(--header); }

header .container {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 2.5em 0; }

.person-foto {
  min-width: 250px;
  width: 250px;
  height: 250px;
  margin-left: 1rem;
  border-radius: 125px;
  -webkit-border-radius: 125px;
  -moz-border-radius: 125px;
  cursor: pointer; }

.person-info {
  margin-left: 3rem;
  font-family: Calibri; }

.person-name {
  display: block;
  margin: 0 0 1rem 0;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 1;
  font-family: Calibri; }

.person-info > div:last-child {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }

.person-info .social {
  margin-right: 2rem; }

.job-title {
  font-size: 140%; }

.theme-toggle {
  padding: 1rem 1.8rem;
  margin-left: 1rem;
  background: url(img/switch-dark.svg) no-repeat center/3.6rem;
  cursor: pointer; }

.theme-dark .theme-toggle {
  background-image: url(img/switch-light.svg); }

.header nav {
  margin-left: auto;
  max-width: 600px; }

.header nav a {
  display: inline-block;
  padding: 1rem;
  margin: 0 .2rem .6rem 0;
  border-radius: 1rem;
  background: var(--hna);
  font-size: 1.5rem;
  text-decoration: none;
  color: var(--text2); }

.header nav a.about {
  background: var(--hnab); }

.header nav a:hover {
  color: var(--hnah); }

@media screen and (max-width: 1080px) {
  header .container {
    justify-content: center;
    flex-wrap: wrap;
    padding: 1.5em 0; }

  .person-foto {
    min-width: 140px;
    width: 140px;
    height: 140px;
    margin-left: 0;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px; }

  .header nav {
    text-align: center;
    margin: 2rem auto 0 auto;
    padding: 0 1rem; }

  .header nav a {
    padding: .7rem;
    margin: 0 .05rem .4rem 0;
    border-radius: 1.3rem;
    font-size: 1.3rem; } }
@media screen and (max-width: 800px) {
  .person-info .social {
    margin: 0 1rem 1rem 1rem; }

  .person-info {
    margin-left: 0; }

  .person-info > div:first-child {
    text-align: center;
    margin: 0 1rem; }

  .person-info > div:last-child {
    justify-content: center; } }
footer {
  color: #fff;
  background-color: var(--footer-bg); }

.footer-info {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 2rem;
  margin: 0 1rem 6rem 1rem;
  background: var(--footer-bg2);
  border-radius: 0 0 1rem 1rem;
  color: var(--text); }

.banners img {
  height: 44px; }

.social img {
  width: 4.3rem;
  margin-top: .1rem;
  border-radius: 1rem; }

.payment img {
  width: 2.3rem;
  margin: .1rem .1rem 0 .1rem; }

a.contacts {
  display: inline-block;
  height: 44px;
  margin: .3rem 0;
  padding: 0 0 0 2.7rem;
  font-size: 1rem;
  text-align: left;
  text-decoration: none;
  color: var(--text); }

.contacts span {
  font-size: .8rem; }

.contacts:hover {
  cursor: pointer; }

.contacts--telegram {
  background: url(img/social/telegram.svg) no-repeat center left/2rem; }

.contacts--whatsapp {
  background: url(img/social/whatsapp.svg) no-repeat center left/2rem; }

.contacts--email {
  background: url(img/social/email.svg) no-repeat center left/2rem; }

@media screen and (min-width: 50rem) {
  .footer-info {
    padding: 2rem 4rem 3rem 4rem; } }
@font-face {
  font-family: 'Calibri';
  src: url("fonts/Calibri/Calibri-Bold.eot");
  src: local("Calibri Bold"), local("Calibri-Bold"), url("fonts/Calibri/Calibri-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Calibri/Calibri-Bold.woff2") format("woff2"), url("fonts/Calibri/Calibri-Bold.woff") format("woff"), url("fonts/Calibri/Calibri-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Baloo Custom';
  src: url("fonts/BalooCustom/BalooCustom.eot");
  src: url("fonts/BalooCustom/BalooCustom.eot?#iefix") format("embedded-opentype"), url("fonts/BalooCustom/BalooCustom.woff") format("woff"), url("fonts/BalooCustom/BalooCustom.ttf") format("truetype"), url("fonts/BalooCustom/BalooCustom.svg#BalooCustom") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

/*# sourceMappingURL=modules.css.map */