

/* Start:/local/templates/html/components-template/archive/style.css?16680884654772*/
.archive-section .get-subscribe {
  letter-spacing: 0px;
  display: block;
  text-align: center;
  width: 100%;
  padding: 16.5px 0px 16.5px;
  background-color: #af226f;
  border-radius: 4px;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  transition: all 0.3s ease; }
  .archive-section .get-subscribe:hover {
    cursor: pointer;
    background-color: #c93988; }
  @media (max-width: 1023px) {
    .archive-section .get-subscribe {
      padding-left: 8px;
      padding-right: 8px; } }

.archive-section .archive-top-menu {
  margin-top: 24px;
  background-color: #fff;
  width: 100%;
  margin-bottom: 24px;
  border-radius: 4px;
  height: 74px;
  padding: 0px 16px;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1023px) {
    .archive-section .archive-top-menu {
      margin-top: 75px;
      position: relative; } }

.archive-section .archive__tabs {
  padding-top: 26px; }
  @media (max-width: 767px) {
    .archive-section .archive__tabs {
      padding-top: 0px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      height: 100%; } }
  .archive-section .archive__tabs .personal__tabs-item {
    line-height: 23px; }
    .archive-section .archive__tabs .personal__tabs-item:after {
      height: 3px;
      bottom: -28px; }
      @media (max-width: 767px) {
        .archive-section .archive__tabs .personal__tabs-item:after {
          display: none; } }

.archive-section .archive-filter {
  display: flex;
  z-index: 100; }
  @media (max-width: 1023px) {
    .archive-section .archive-filter {
      position: absolute;
      left: 0px;
      top: -16px;
      transform: translateY(-100%);
      z-index: 100;
      width: 100%;
      justify-content: space-between; } }
  .archive-section .archive-filter .form-group-select {
    width: 160px;
    margin-left: 16px;
    align-self: center;
    margin-bottom: 0px; }
    @media (max-width: 1023px) {
      .archive-section .archive-filter .form-group-select {
        margin-left: 0px;
        width: calc(50% - 8px); } }
    .archive-section .archive-filter .form-group-select .jq-selectbox__select-text {
      font-weight: normal;
      font-size: 18px;
      line-height: 27px;
      color: #919191; }
      @media (max-width: 767px) {
        .archive-section .archive-filter .form-group-select .jq-selectbox__select-text {
          font-size: 16px; } }

.archive-content {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .archive-content {
      flex-direction: column; } }

.archive-card-wrap {
  padding: 0px 8px;
  width: 25%; }
  @media (max-width: 1199px) {
    .archive-card-wrap {
      width: 33.33%; } }
  @media (max-width: 1023px) {
    .archive-card-wrap {
      width: 50%; } }
  @media (max-width: 767px) {
    .archive-card-wrap {
      width: 100%;
      margin: auto; } }
  .archive-card-wrap .archive-card {
    background-color: #fff;
    margin-bottom: 16px;
    height: 350px;
    padding: 29px 27px;
    position: relative;
    border-radius: 4px; }
    @media (max-width: 1459px) {
      .archive-card-wrap .archive-card {
        height: 290px; } }
    .archive-card-wrap .archive-card:hover {
      cursor: pointer;
      filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3)); }
      .archive-card-wrap .archive-card:hover .archive-card__img {
        filter: grayscale(0%);
        opacity: 1; }
    .archive-card-wrap .archive-card__img {
      transition: all 0.3s ease;
      filter: grayscale(100%);
      opacity: 0.6;
      height: 292px; }
      @media (max-width: 1199px) {
        .archive-card-wrap .archive-card__img {
          height: 250px; } }
      .archive-card-wrap .archive-card__img img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover; }
    .archive-card-wrap .archive-card__info {
      bottom: 60px;
      position: absolute;
      width: 173px;
      height: 59px;
      background-color: #281f26;
      padding: 18px 0px;
      color: #ffffff;
      font-style: normal;
      font-weight: bold;
      font-size: 18px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 767px) {
        .archive-card-wrap .archive-card__info {
          left: 50%;
          transform: translateX(-50%); } }
      .archive-card-wrap .archive-card__info span.from {
        font-weight: normal; }
      .archive-card-wrap .archive-card__info span.viewed {
        width: 0px;
        transition: width .3s ease;
        display: flex;
        align-items: center;
        justify-content: center; }
        .archive-card-wrap .archive-card__info span.viewed.active {
          width: 30px; }

/* End */


/* Start:/local/templates/html/components-template/personal-tab-item/style.css?1640012714755*/
.personal__tabs-item {
  font-weight: normal;
  font-size: 16px;
  margin-right: 32px;
  color: grey;
  font-weight: 700;
  border-bottom: 2px solid transparent;
  position: relative; }
  .personal__tabs-item:last-child {
    margin-right: 0px; }
  .personal__tabs-item:after {
    content: "";
    position: absolute;
    width: 0%;
    bottom: -14px;
    left: 0;
    height: 3px;
    border-radius: 2px;
    background-color: #5dbbc5;
    transition: all 0.3s ease; }
  .personal__tabs-item:hover {
    cursor: pointer; }
    @media (max-width: 767px) {
      .personal__tabs-item:hover {
        color: #000; } }
  .personal__tabs-item.active {
    pointer-events: none;
    color: #000; }
    .personal__tabs-item.active:after {
      width: 100%; }

/* End */


/* Start:/local/templates/html/components-template/category/style.css?16614963912259*/
.category .tag-list {
  padding-bottom: 15px;
  overflow: auto;
  margin-right: -15px; }

@media (max-width: 767px) {
  .category__menu {
    width: 100%;
    max-width: 375px;
    position: absolute;
    top: 5px;
    background: #F4FAFB;
    border-radius: 2px;
    padding: 7px 14px;
    z-index: 100; }
    .category__menu.active .nav--side {
      max-height: 1000px; }
    .category__menu.active .category__menu-title:after {
      transform: rotate(-45deg) scale(-1, -1); } }

.category__menu-title {
  display: none;
  font-style: normal;
  font-size: 15px;
  line-height: 130%;
  color: #000000;
  padding-right: 40px;
  font-weight: 600;
  position: relative; }
  @media (max-width: 767px) {
    .category__menu-title {
      display: block; } }
  .category__menu-title:after {
    position: absolute;
    content: '';
    right: 0px;
    top: calc(50% - 6px);
    width: 8px;
    height: 8px;
    border-left: 2px solid #AF226F;
    border-bottom: 2px solid #AF226F;
    box-sizing: initial;
    transform: rotate(-45deg);
    transition: all .3s; }

@media (max-width: 1023px) {
  .category .nav--side .nav-list .nav-item .nav-link {
    font-size: 15px; } }

@media (max-width: 767px) {
  .category .nav--side {
    display: block;
    max-height: 0px;
    overflow: hidden;
    transition: all .3s ease; }
    .category .nav--side .nav-list {
      margin-top: 15px; }
      .category .nav--side .nav-list .nav-item .nav-link {
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 130%;
        color: #000000;
        padding-right: 40px; } }

@media (max-width: 767px) {
  .category .download-wrap {
    position: static; } }

.category .download-latest {
  margin-top: 36px;
  position: relative;
  margin: 0px;
  margin-bottom: 16px; }

.category .side-banner {
  margin-top: 16px;
  margin-bottom: 16px; }

.category .solutions {
  margin-top: 78px; }
  @media (max-width: 767px) {
    .category .solutions {
      margin-top: 40px; } }

.category__side {
  display: flex;
  flex-direction: column; }
  @media (max-width: 767px) {
    .category__side {
      margin-top: 16px; } }

@media (max-width: 767px) {
  .category .relative-wrap {
    position: relative;
    padding-top: 60px; } }

/* End */


/* Start:/local/templates/html/components-template/side-subscribe/style.css?17527527431815*/
.side-subscribe {
  display: block;
  width: 100%;
  height: auto;
  /*min-height: 135px;*/
  background: linear-gradient(95.75deg, rgba(93, 187, 197, 0.9) -5.91%, rgba(75, 135, 145, 0.9) 76.42%), url("/local//templates//html/images/banner-bg.jpg");
  margin-bottom: 16px;
  padding: 28px 16px;
  border-radius: 4px;
  transition: opacity .4s ease; }
  @media (min-width: 1024px) {
    .side-subscribe:hover {
      cursor: pointer;
      opacity: 0.7; } }
  .side-subscribe__header {
    display: block;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    padding-bottom: 5px; }
    .side-subscribe__text {
      display: block;
      font-weight: bold;
      font-size: 16px;
      line-height: 130%;
      text-transform: uppercase;
      color: #FFFFFF;
    }
    @media (max-width: 1023px) {
      .side-subscribe__header {
        font-size: 13px; }
      .side-subscribe__text {
        font-size: 13px;
      }
    }
    @media (max-width: 767px) {
      .side-subscribe__header {
        font-size: 15px;
      }
      .side-subscribe__text {
        font-size: 15px;
      }
    }
    .side-subscribe__header:after {
      display: block;
      position: absolute;
      content: '';
      height: 2px;
      left: 0;
      right: 35px;
      background-color: #fff;
      bottom: 0; }
    .side-subscribe__text {

    }
  .side-subscribe__body {
    margin-top: 20px;
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 130%;
    color: #FFFFFF; }
    @media (max-width: 1023px) {
      .side-subscribe__body {
        font-size: 10px; } }
    @media (max-width: 767px) {
      .side-subscribe__body {
        font-size: 12px; } }

/* End */


/* Start:/local/templates/html/components-template/banner-link/style.css?1640012714863*/
.banner-search-system {
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 16px; }
  @media (max-width: 1199px) {
    .banner-search-system {
      margin: auto; } }

.banner-link {
  display: block;
  padding: 8px 15px 8px 15px;
  background-color: #fff;
  background-color: #af226f;
  margin-left: auto;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  line-height: 130%;
  transition: all 0.3s ease; }
  @media (max-width: 1023px) {
    .banner-link {
      font-size: 16px; } }
  .banner-link:hover {
    background-color: #cc468f;
    color: #fff; }
  @media (max-width: 767px) {
    .banner-link {
      margin-left: 0;
      margin: auto; } }

.target-system {
  display: block;
  padding: 16px 0px; }

.banners-target {
  padding: 16px 16px;
  background-color: #fff; }

/* End */


/* Start:/local/templates/html/components-template/side-social/style.css?1637853126578*/
.side-social {
  margin-top: 36px;
  margin-bottom: 16px; }
  .side-social .social {
    justify-content: flex-start; }
  .side-social .social__item:not(:last-child) {
    margin-right: 9px; }
  .side-social__title {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    color: #AF226F;
    margin-bottom: 16px; }
    @media (max-width: 1199px) {
      .side-social__title {
        font-size: 16px;
        margin-bottom: 8px; } }
  @media (max-width: 767px) {
    .side-social {
      display: none; } }

/* End */
/* /local/templates/html/components-template/archive/style.css?16680884654772 */
/* /local/templates/html/components-template/personal-tab-item/style.css?1640012714755 */
/* /local/templates/html/components-template/category/style.css?16614963912259 */
/* /local/templates/html/components-template/side-subscribe/style.css?17527527431815 */
/* /local/templates/html/components-template/banner-link/style.css?1640012714863 */
/* /local/templates/html/components-template/side-social/style.css?1637853126578 */
