@import url("https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext");
@import url("https://fonts.googleapis.com/css?family=PT+Serif+Caption:400,400i&subset=cyrillic,cyrillic-ext,latin-ext");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 16px;
  line-height: 1.4;
}

body {
  background: #fff;
  font-family: 'PT Serif Caption', serif;
  color: #000; }

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.container {
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 15px; }

.content {
  flex: 1; }

a {
  text-decoration: none; }

img {
  max-width: 100%; }

.button {
  border-radius: 16px;
  transition: all 0.3s ease 0s;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  padding: 9px 35px;
  background-color: #b8360f; }
  .button:hover {
    color: rgba(255, 255, 255, 0.6); }

.title-wrap {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #000;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 28px; }
  @media only screen and (min-width: 768px) {
    .title-wrap {
      display: flex;
      flex-direction: row;
      justify-content: space-between; } }

.title, .title a {
  font-family: 'Roboto', sans-serif;
  color: #b8360f;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 11px;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    .title {
      text-align: left; } }
  .title__nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: -8px;
    flex-wrap: wrap; }
    @media only screen and (min-width: 768px) {
      .title__nav {
        justify-content: flex-end;
        align-items: center;
        margin-right: -30px; } }
  .title__link {
    transition: all 0.3s ease 0s;
    display: block;
    color: #c7c7c7;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 30px; }
    .title__link:hover {
      color: #000; }

.main-header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 24px 0; }
  @media only screen and (min-width: 1024px) {
    .main-header {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; } }
  .header-slider-wrap {
    margin-top: 20px; max-width: 420px; }
    @media only screen and (min-width: 1024px) {
      .header-slider-wrap {
        margin-top: 0; } }

.logo {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 0; }
  @media only screen and (min-width: 1024px) {
    .logo {
      margin-right: 48px; } }
  .logo__text {
    font-size: 10.28px;
    text-transform: uppercase;
    letter-spacing: 2.45px;
    color: rgba(33, 46, 61, 0.4);
    margin-top: 6px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .logo__text {
        text-align: left;
        font-size: 14px;
      } }

.social-logo {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-top: 12px; }
  @media only screen and (min-width: 768px) {
    .social-logo {
      margin-top: 0;
    }
  }

  @media only screen and (min-width: 1024px) {
    .social-logo {
      margin-left: 16px;
 } }
  .social-logo__link {
    transition: all 0.3s ease 0s;
    border: 1px solid white;
    border-radius: 15px;
    line-height: 0;
    background: white;
  }
    .social-logo__link:not(:first-of-type) {
      margin-left: 8px; }
    .social-logo__link:hover {
      opacity: .6; }

.navigation-wrap {
  background-color: #212e3d; }

.navigation {
  display: flex;
  flex-direction: column;
  padding: 17px 0 34px; }
  @media only screen and (min-width: 768px) {
    .navigation {
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      padding: 0; } }
  @media only screen and (min-width: 1024px) {
    .navigation {
      justify-content: space-between;
      align-items: center; } }
  .navigation__link {
    transition: all 0.3s ease 0s;
    display: block;
    padding: 17px 20px;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 15px;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .navigation__link:first-of-type {
        padding-left: 0; } }
    .navigation__link span {
      transition: all 0.3s ease 0s;
      padding-bottom: 3px;
      border-bottom: 1.5px solid transparent; }
    .navigation__link:hover {
      color: #b8360f; }
      .navigation__link:hover span {
        border-bottom: 1.5px solid #b8360f; }
  .navigation__search {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    border-radius: 15px;
    padding: 0 10px 0 16px;
    background-color: #fff;
    margin: 17px 0 0;
    align-self: center; }
    @media only screen and (min-width: 768px) {
      .navigation__search {
        margin: 0 0 0 16px; } }
  .navigation__input {
    width: 200px;
    height: 28px;
    border-radius: 15px 0 0 15px;
    border: 0px;
    font-family: 'Roboto', sans-serif;
    color: #c7c7c7;
    font-size: 15px;
    outline: 0;
    background-color: transparent; }

    @media only screen and (min-width: 768px) {
      .navigation__input {
        width: 100px;
      }
    }

    @media only screen and (min-width: 1024px) {
      .navigation__input {
        width: 150px;
        height: 28px; } }
  .navigation__button {
    width: 25px;
    height: 25px;
    border-radius: 0 15px 15px 0;
    transition: all 0.3s ease 0s;
    border: 0px;
    outline: 0;
    cursor: pointer;
    background-color: transparent;
    background: url(../img/search.png) no-repeat center;
    opacity: 0.4; }
    .navigation__button:hover {
      opacity: 1; }

.columns-wrap {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 1024px) {
    .columns-wrap {
      display: flex;
      flex-direction: row;
      justify-content: space-between; } }

.left-column {
  flex-grow: 1; }

.main-slider-wrap {
  padding: 43px 0 36px; }

.bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px;
  margin-bottom: 0px; }
  .bx-wrapper .bx-pager {
    bottom: 10px; }
    @media only screen and (min-width: 1024px) {
      .bx-wrapper .bx-pager {
        bottom: 20px; } }
  .bx-wrapper .bx-pager.bx-default-pager .bx-pager-link {
    border-radius: 50%;
    width: 13px;
    height: 13px;
    border: 1.5px solid #fff; }
    .bx-wrapper .bx-pager.bx-default-pager .bx-pager-link:hover {
      background: #fff; }

.latest-articles {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 1024px) {
    .latest-articles {
      padding-bottom: 70px; } }

.latest-article {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }
  @media only screen and (min-width: 768px) {
    .latest-article {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: stretch; } }
  .latest-article:not(:last-of-type) {
    margin-bottom: 50px; }
    @media only screen and (min-width: 768px) {
      .latest-article:not(:last-of-type) {
        margin-bottom: 78px; } }
  .latest-article__img-link {
    flex-shrink: 0;
    margin-bottom: 10px; }
    @media only screen and (min-width: 768px) {
      .latest-article__img-link {
        width: 230px;
        margin-right: 25px;
        margin-bottom: 0; } }
  .latest-article__text-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .latest-article__text-block {
        text-align: left; } }
  .latest-article__title {
    transition: all 0.3s ease 0s;
    font-size: 18px;
    color: #000; }
    .latest-article__title:hover {
      color: #c7c7c7; }
    @media only screen and (min-width: 768px) {
      .latest-article__title {
        font-size: 22px; } }
  .latest-article__text {
    font-size: 15px;
    /* color: #c7c7c7; */
    margin-top: 10px;
    text-align: justify;
  }
  @media only screen and (min-width: 768px) {
    .latest-article__text {
      text-align: left; } }

  .latest-article__journal {
    margin-top: 10px; }
    .latest-article__journal a {
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      font-weight: bold;
      color: #b8360f;
      text-transform: uppercase;
    }

.right-first-block-wrap {
  display: flex;
  flex-direction: column; }
  @media only screen and (min-width: 768px) {
    .right-first-block-wrap {
      display: flex;
      flex-direction: row; } }
  @media only screen and (min-width: 1024px) {
    .right-first-block-wrap {
      display: flex;
      flex-direction: column; } }

.right-column {
  padding: 43px 0;
  margin-left: 0; }
  @media only screen and (min-width: 1024px) {
    .right-column {
      flex-shrink: 0;
      width: 225px;
      padding-bottom: 70px;
      margin-left: 20px; } }

.img-links-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 23px; }
  .img-links-block img {
    display: block; }
  @media only screen and (min-width: 768px) {
    .img-links-block {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: stretch;
      margin: 0 20px 0 0; } }
  @media only screen and (min-width: 1024px) {
    .img-links-block {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin: 0 0 23px 0; } }

.news {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1; }
  .news__block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #000;
    height: 75px;
    padding: 10px 10px 10px 0;
    overflow: hidden; }
    .news__block:not(:last-of-type) {
      margin-bottom: 22px; }
    .news__block:hover .news__text {
      color: rgba(0, 0, 0, 0.5); }
  .news__img {
    width: 50px;
    margin-right: 10px;
    position: relative;
    z-index: -1;
  }
  .news__text {
    transition: all 0.3s ease 0s;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #000; }

.rubric-list {
  padding: 37px 0; }
  .rubric-list .title-wrap {
    margin-bottom: 0; }
  .rubric-list__items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0 -5px; }
    @media only screen and (min-width: 768px) {
      .rubric-list__items {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap; } }
    @media only screen and (min-width: 1024px) {
      .rubric-list__items {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch; } }
  .rubric-list__link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease 0s;
    width: 225px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #000;
    padding: 7.4px 0;
    margin: 0 5px; }
    .rubric-list__link:hover {
      color: #c7c7c7; }
    .rubric-list__link:not(:last-of-type) {
      border-bottom: 1px solid #808080; }
    @media only screen and (min-width: 768px) {
      .rubric-list__link:last-of-type {
        border-bottom: 1px solid #808080; } }
    @media only screen and (min-width: 1024px) {
      .rubric-list__link:last-of-type {
        border-bottom: 1px solid transparent; } }
  .rubric-list__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .rubric-list__item-count {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 13px;
    min-width: 25px;
    min-height: 25px;
    background-color: #b8360f;
    font-size: 10px;
    color: #fff;
    padding: 4px;
    margin-left: 10px; }

.video-block {
  margin-top: 28px; }
  @media only screen and (min-width: 768px) {
    .video-block {
      display: flex;
      flex-direction: row;
      justify-content: space-between; } }
  @media only screen and (min-width: 1024px) {
    .video-block {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: stretch; } }

.video {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }
  .video:not(:last-of-type) {
    margin-bottom: 47px; }
  @media only screen and (min-width: 768px) {
    .video {
      max-width: 50%; }
      .video:not(:last-of-type) {
        margin-bottom: 0; } }
  @media only screen and (min-width: 1024px) {
    .video {
      max-width: initial; }
      .video:not(:last-of-type) {
        margin-bottom: 47px; } }
  .video__text {
    font-size: 16px;
    margin-top: 8px;
    text-align: center; }

    .video__text a {
      transition: all 0.3s ease 0s;
      color: #000; }
    .video__text a:hover {
      color: #c7c7c7;
    }
    @media only screen and (min-width: 1024px) {
      .video__text {
        font-size: 18px;
        text-align: left; } }

.editor-choice {
  padding-bottom: 75px; }
  .editor-choice__articles {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0 -10px; }
    @media only screen and (min-width: 1024px) {
      .editor-choice__articles {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch; } }
  .editor-choice__article {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0 10px; }
    .editor-choice__article:not(:first-of-type) {
      margin-top: 50px; }
    @media only screen and (min-width: 1024px) {
      .editor-choice__article {
        align-items: flex-start;
        flex-basis: 0;
        flex-grow: 1; }
        .editor-choice__article:not(:first-of-type) {
          margin-top: 0; } }
  .editor-choice__text {
    margin-top: 15px;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .editor-choice__text {
        align-self: flex-start;
        text-align: left; } }
  .editor-choice__text-link {
    transition: all 0.3s ease 0s;
    font-size: 18px;
    color: #000; }
    .editor-choice__text-link:hover {
      color: #c7c7c7; }

.main-article-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin-bottom: 56px; }
  @media only screen and (min-width: 1024px) {
    .main-article-wrap {
      overflow: hidden; } }

.main-article {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: absolute; }

  .main-article__rubric-button {
    transition: all 0.3s ease 0s;
    align-self: flex-start;
    font-family: 'Roboto', sans-serif;
    display: block;
    padding: 12px 21px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background-color: #b8360f; }
    .main-article__rubric-button:hover {
      color: rgba(255, 255, 255, 0.6); }

.earlier-articles {
  padding-bottom: 67px; }
  .earlier-articles .title__nav {
    margin-right: -12px; }
  .earlier-articles .title__link {
    padding: 10px 12px; }
  .earlier-articles__block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0 -10px; }
    @media only screen and (min-width: 1024px) {
      .earlier-articles__block {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch; } }
  .earlier-articles__article {
    text-align: center;
    margin: 0 10px; }
    .earlier-articles__article:not(:first-of-type) {
      margin-top: 50px; }
    @media only screen and (min-width: 1024px) {
      .earlier-articles__article {
        flex-basis: 0;
        flex-grow: 1;
        text-align: left; }
        .earlier-articles__article:not(:first-of-type) {
          margin-top: 0; } }
  .earlier-articles__title {
    margin-top: 14px; }
  .earlier-articles__title-link {
    transition: all 0.3s ease 0s;
    font-size: 18px;
    color: #000; }
    .earlier-articles__title-link:hover {
      color: #c7c7c7; }
  .earlier-articles__text {
    font-size: 15px;
    color: #c7c7c7;
    margin-top: 20px; }

.forum-dictionary {
  display: flex;
  flex-direction: column;
  padding-bottom: 67px; }
  @media only screen and (min-width: 1024px) {
    .forum-dictionary {
      display: flex;
      flex-direction: row;
      justify-content: space-between; } }

.forum {
  padding: 27px 16px 18px;
  background-color: #f7f7f7; }
  @media only screen and (min-width: 1024px) {
    .forum {
      flex-basis: 0;
      flex-grow: 2.1; } }
  .forum__items {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap; }
    @media only screen and (min-width: 1024px) {
      .forum__items {
        justify-content: space-between; } }
  .forum__item {
    width: 237px;
    margin: 11px 0 15px 0;
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .forum__item {
        margin-right: 10px;
        text-align: left; } }
  .forum__title-link {
    transition: all 0.3s ease 0s;
    font-size: 15px;
    color: #000; }
    .forum__title-link:hover {
      color: #808080; }
  .forum__date {
    transition: all 0.3s ease 0s;
    font-size: 10px;
    color: #808080; }
  .forum__author {
    transition: all 0.3s ease 0s;
    font-size: 10px;
    color: #808080; }
    .forum__author:hover {
      color: #000; }

.dictionary {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 27px 16px 18px;
  border: 1px solid #d0d0d0;
  margin-top: 50px; }
  @media only screen and (min-width: 1024px) {
    .dictionary {
      flex-basis: 0;
      flex-grow: 1;
      margin-left: 20px;
      margin-top: 0; } }
  .dictionary .title {
    width: 100%; }
  .dictionary__title {
    margin-top: 13px; }
  .dictionary__title-link {
    transition: all 0.3s ease 0s;
    font-size: 15px;
    color: #000; }
    .dictionary__title-link:hover {
      color: #808080; }
  .dictionary__text {
    font-size: 10px;
    color: #808080;
    line-height: 13px;
    margin-top: 3px; }
  .dictionary .button {
    margin-top: 35px; }

.main-footer-wrap {
  background-color: #212e3d; }

.main-footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 52px 0; }
  @media only screen and (min-width: 1024px) {
    .main-footer {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; } }
  .main-footer__text {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.5); }
  .main-footer__links-block {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 30px 0; }
    @media only screen and (min-width: 1024px) {
      .main-footer__links-block {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0; } }
  .main-footer__link {
    transition: all 0.3s ease 0s;
    padding: 25px 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #fff;
    margin: 0 20px; }
    @media only screen and (min-width: 1024px) {
      .main-footer__link {
        padding: 15px 20px; } }
    .main-footer__link span {
      transition: all 0.3s ease 0s;
      padding-bottom: 3px;
      border-bottom: 1.5px solid transparent; }
    .main-footer__link:hover {
      color: #b8360f; }
      .main-footer__link:hover span {
        border-bottom: 1.5px solid #b8360f; }
  .main-footer__mail {
    transition: all 0.3s ease 0s;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.5); }
    .main-footer__mail:hover {
      color: #fff; }

.js-tab-content {
  display: none;
}

.js-visible {
  display: block;
}

.js-selected {
  color: black;
}



.inner .left-column a, .forum-block-container a {
  color: #b8360f;
}
.inner .left-column a:hover, .forum-block-container a:hover {
  color: #808080;
}
.inner .left-column a:active, .forum-block-container a:active {
  color: black;
}

.inner .left-column {
  padding: 20px 0;
  line-height: 24px;
}

.inner h1, .forum-block-container h1 {
  font-size: 24px;
}
.inner h2, .forum-block-container h2 {
  margin: 20px 0;
}
.inner h3, .forum-block-container h3 {
  margin: 20px 0 15px;
}
.inner h4, .forum-block-container h4 {
  margin: 15px 0;
}

table {
  border: 1px solid #808080;
}
table tr td {
  border: 1px solid #808080;
}
table tr td table {
  border: 0;
}
table tr td table tr td {
  border: 0;
}

form table tr td {
  border: 0;
}
form table {
  border: 0;
}

ul.breadcrumb-navigation {
  margin-bottom: 25px;
}

.store_item_info .top_part h4 {
  margin-bottom: 10px;
}
.store_item_info .top_part h4 a:hover {
  color: #b8360f;
}

.inner #tabs ul li a img {
  margin-right: 5px;
}

.store_item_detail_img {
  overflow: hidden;
}

.store_item, .freelancer, .archive_item {
  line-height: 1.25;
}


.header-cart {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  margin-top: 12px;

  display: none;
}

@media only screen and (min-width: 768px) {
  .header-cart {
    margin: 0 0 0 16px;
  }
}

.header-cart a {
  font-size: 20px;
  font-weight: bold;
  color: white;
  transition: .3s;
}

.header-cart a:hover {
  color: #b8360f;
}

.header-cart svg {
  margin-right: 12px;
  vertical-align: middle;
  transition: .3s;
}

.header-cart a:hover svg {
  fill: #b8360f;
}

.header-pic {
  max-width: 420px;
  line-height: 0;
  margin-top: 8px;
  flex-shrink: 0;
}

@media only screen and (min-width: 1024px) {
  .header-pic {
    margin: 0 0 0 24px;
  }
}

.forum-head-title {

}