a:focus,
  a:hover,
  .review-billet.card24:hover .title,
  .app-billet.card33:hover .title {
      color: var(--primary-color);
  }

  .sitemap_page .tabs_container .tabs-nav button,
  .editors-choice_section .btn:hover,
  .btn-section:hover,
  .footer_142699 .menu-list li a:hover,
  .blog-billet.card14:focus .concise-info .text-part .title,
  .blog-billet.card14:hover .concise-info .text-part .title,
  .blog-billet.card15 .concise-info .text-part .title:hover,
  .app-billet.card8.vertical .top-part .concise-info .title:hover,
  .site-block__title .text,
  .articles-block .site-block__title .block-subtitle,
  .our-advantages-section .new-container .text-block .title,
  .blog-billet .author-block,
  .blog-billet.card18.small:hover .title,
  .blog-billet.card1:hover .title,
  .app-billet.card2.vertical:hover .title,
  .app-billet .descr-block .app-name:hover,
  .title-container:hover .title-section,
  .hot-item-info-name:hover,
  .top-app .swiper-app-text:hover,
  .hot-item-info-name:hover,
  .homepage-catecon-tl-radius:hover a,
  .similar-item-info:hover,
  a.coverlink {
      color: var(--primary-color) !important;
  }

  .page-numbers:hover,
  .sitemap_page .tabs_container .tabs-nav button:hover,
  .sitemap_page .tabs_container .tabs-nav button.active {
      color: #fff !important;
  }

  a:hover,
  .footer_142699 .menu-list li a:hover,
  .btn-section:focus,
  .btn-section:hover,
  .footer_142699 .logo-site:hover,
  .header_142699 .custom-logo-link:hover {
      background: transparent !important;
  }

  .page-numbers.current {
      border: 1px solid var(--primary-color) !important;
      background: var(--primary-color) !important;
  }

  .page-numbers:hover,
  .page-numbers:focus,
  .row-info-h5 .tag,
  .app-billet.card8 .bottom-part .availability,
  .simple-btn.default-btn,
  #myModal .close,
  #modal-ask-accept .close,
  #modal-accept-download .close,
  .blog-billet.card28:focus .btn,
  .blog-billet.card28:hover .btn {
      background: var(--primary-color) !important;
      color: #fff;
  }

  .list-action li.active,
  .read-more-btn,
  .product_section .progress-bar-block .progressbar span,
  .read-more-btn,
  .sitemap_page .tabs_container .tabs-nav button.active,
  .sitemap_page .tabs_container .tabs-nav button:focus,
  .sitemap_page .tabs_container .tabs-nav button:hover,
  .list-action li:hover,
  .latest-posts_product-section,
  .blog-billet.card33 .category span,
  .product_section .product-plus li:after,
  .title-section.with-decor:after,
  .popular-reviewed_section,
  .access-btn,
  .recommended .blog-carousel .owl-nav button,
  .recommended .blog-carousel .owl-nav button,
  .welcome_section .form-search .sbmt-btn,
  .review-billet.card21 .btn {
      background: var(--primary-color) !important;
  }

  .list-action li.active,
  .list-action li:hover {
      border-top: 4px solid var(--primary-color) !important;
  }

  .list-action li:hover a {
      color: #fff !important;
      background: transparent !important;
  }

  .read-more-btn:hover,
  .simple-btn.default-btn:hover,
  .blog-billet.card28 .btn,
  .review-billet.card20 .category-list>li span {
      color: var(--primary-color);
      background: #fff !important;
      border: 1px solid var(--primary-color);
  }

  .review-billet.card24:hover {
      color: var(--primary-color);
      background: #fff !important;
  }

  .sitemap_page .tabs_container .tabs-nav button {
      border: 2px solid var(--primary-color) !important;
  }

  .ready-app-icon img {
      width: 100%;
  }

  .footer_142699 .copyright {
      text-align: left !important;
  }

  .icon-container svg {
      fill: var(--primary-color);
  }

  .icon-container {
      border: 1px solid var(--primary-color);
  }

  .header_142699 .nav-list>li>a:hover {
      border-bottom-color: var(--primary-color) !important;
  }

  /*old css*/

  .preloader {
      position: fixed !important;
      top: 0% !important;
      left: 0% !important;
      margin: 0px !important;
      width: 100vw !important;
      height: 100vh !important;
      background: #fff;
      z-index: 1000;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .preloader .site-logo {
      margin-bottom: 25px;
  }

  .sidebar-load-bar--small {
      height: 4px;
  }

  .sidebar-load-bar {
      position: relative;
      max-width: 800px;
      width: 90vw;
      height: 20px;
      background-color: #263238;
      /* background-color: var(--primary-color); */
      border-radius: 20px;
  }

  .sidebar-bar:nth-child(1) {
      background-color: var(--primary-color);
      border-radius: 20px;
      -webkit-animation: sidebar-loading 4s linear infinite;
      animation: sidebar-loading 4s linear infinite;
  }

  .sidebar-bar {
      content: "";
      display: inline;
      position: absolute;
      width: 0;
      height: 100%;
      left: 50%;
      text-align: center;
      border-radius: 4px;
  }

  .preloader .site-logo img {
      max-width: 200px;
  }

  #preloader-tooltip-block {
      font-weight: 500;
      font-size: 24px;
      line-height: 55px;
      color: var(--primary-color);
  }

  @keyframes sidebar-loading {
      0% {
          left: 50%;
          width: 0;
          z-index: 100;
      }
      33.3333% {
          left: 0;
          width: 100%;
          z-index: 10;
      }
      100% {
          left: 0;
          width: 100%;
      }
  }

  /*end css loading*/

  #preloader {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 10000;
      background: #ffffff;
      transition: opacity 0.5s ease-out;
  }

  /* .preloader{
    width: 100px!important;
    height: 100px!important;
} */

  /* .loader {
    width: 35px;
    aspect-ratio: 1;
    --_g: no-repeat radial-gradient(farthest-side, #291C70 94%,#291C70);
    --_g2: no-repeat radial-gradient(farthest-side, var(--primary-color) 94%,  var(--primary-color));
    --_g3: no-repeat radial-gradient(farthest-side, #A2C8FF 94%,#A2C8FF);
    --_g4: no-repeat radial-gradient(farthest-side, #D1D4EB 94%,#D1D4EB);
    background:
      var(--_g) 0    0,
      var(--_g2) 100% 0,
      var(--_g3) 100% 100%,
      var(--_g4) 0    100%;
    background-size: 40% 40%;
    animation: l38 .5s infinite; 
} */

  .preloader {
      position: absolute;
      top: 50%;
      left: 50%;
      /* width: 80px;
  height: 60px; */
      margin: -30px 0 0 -40px;
  }

  .loader {
      width: 35px;
      aspect-ratio: 1;
      --_g: no-repeat radial-gradient(farthest-side, #291C70 94%, #291C70);
      --_g2: no-repeat radial-gradient(farthest-side, var(--primary-color) 94%, var(--primary-color));
      --_g3: no-repeat radial-gradient(farthest-side, #A2C8FF 94%, #A2C8FF);
      --_g4: no-repeat radial-gradient(farthest-side, #D1D4EB 94%, #D1D4EB);
      background: var(--_g) 0 0, var(--_g2) 100% 0, var(--_g3) 100% 100%, var(--_g4) 0 100%;
      background-size: 40% 40%;
      animation: l38 .5s infinite;
  }

  @keyframes l38 {
      100% {
          background-position: 100% 0, 100% 100%, 0 100%, 0 0
      }
  }

  .back-to-top {
      /* background:  #5d44eb; */
      background: var(--primary-color);
      border: 6px solid #85d9f0;
      border-radius: 50%;
      position: fixed;
      color: #C89B46;
      display: none;
      z-index: 100;
      width: 48px;
      height: 48px;
      right: 30px;
      bottom: 30px;
      transition: all .3s ease-in-out 0s;
  }

  .back-to-top:focus,
  .back-to-top:hover {
      border: #C89B46;
  }

  .back-to-top img {
      margin-top: 2px;
  }

  body.home .bg-wrapper {
      background-image: linear-gradient(0deg, #fff, var(--background-home-page-color) 50%);
  }

  body.home header {
      background: transparent;
      box-shadow: none;
  }

  .header_142699 .nav-list>li>a {
      font-weight: 500;
  }

  .header_142699 .nav-list>li>a:hover {
      color: #000;
  }

  .main-top {
      position: relative;
      padding: 25px 0 82px;
  }

  .main-top .main-title {
      width: 100%;
      max-width: 496px;
      margin-right: 42px;
  }

  .main-top .main-title h1 {
      font-family: Montserrat, sans-serif;
      font-size: 48px;
      font-weight: 600;
      line-height: 1.21;
      color: #181a1b;
      margin: 0 0 40px;
  }

  .main-top .main-title .form-search {
      position: relative;
      width: 100%;
  }

  .main-top .main-title .form-search form {
      width: 100%;
  }

  .main-top .main-title .form-search form .input-group {
      width: 100%;
      display: flex;
      max-width: 414px;
  }

  .main-top .main-title .form-search form .input-group .form-control {
      border: none;
      width: 100%;
      max-width: 358px;
      height: 50px;
      padding: 14px 16px;
      border-radius: 5px;
      box-shadow: 0 2px 4px 0 rgba(79, 92, 151, .03), 0 1px 50px 0 rgba(34, 45, 56, .06);
      background-color: #fff;
  }

  .main-top .main-title .form-search form .input-group .input-group-btn {
      width: 100%;
      max-width: 50px;
      height: 50px;
      margin-left: 6px;
  }

  .main-top img {
      width: 100%;
      max-width: 588px;
      height: 100%;
      object-fit: cover;
  }

  .main-top .big-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .recommended .big-container {
      padding-bottom: 80px;
  }

  .recommended h2 {
      font-family: Montserrat, sans-serif;
      font-size: 32px;
      font-weight: 700;
      line-height: 1.25;
      color: #181a1b;
      margin: 0 0 30px;
  }

  .recommended .blog-carousel .owl-nav {
      position: absolute;
      top: -68px;
      right: 0;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      right: 50px;
  }

  .recommended .blog-carousel .owl-nav button {
      display: block;
      justify-content: center;
      align-items: flex-start;
      width: 36px;
      height: 36px;
      padding-top: 4px !important;
      border-radius: 5px !important;
      /*     background-color: #00c6ee !important; */
      margin-right: -15px;
      transition: .5s;
  }

  .recommended .blog-carousel .owl-nav button:hover {
      background-color: var(--primary-color);
  }

  .recommended .blog-carousel .owl-nav button span {
      color: #fff;
      font-size: 25px;
      line-height: 1;
  }

  .app-billet.card2.horizontal {
      flex-direction: row;
      padding: 16px 20px;
  }

  .app-billet.card2 {
      display: flex;
      height: 100%;
      width: 100%;
      background: #fff;
      border: none;
      border-radius: 5px;
      box-shadow: 0 2px 4px 0 rgba(79, 92, 151, .03), 0 1px 50px 0 rgba(34, 45, 56, .1);
      cursor: pointer;
      transition: all .4s cubic-bezier(.2, .57, .36, .8);
  }

  .app-billet.card2.horizontal .logo-container {
      min-width: 90px;
      width: 90px;
      height: 90px;
  }

  .app-billet.card2 .logo-container {
      display: flex;
      align-items: flex-start;
  }

  .app-billet.card2 .logo-container img {
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

  .app-billet.card2.horizontal .concise-info {
      width: calc(100% - 90px);
      padding-left: 16px;
  }

  .app-billet.card2 .concise-info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
  }

  .app-billet.card2.horizontal .concise-info .title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }

  .app-billet.card2 .concise-info .title {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.22;
      color: #181a1b;
  }

  .app-billet.card2 .concise-info .title:hover {
      color: var(--primary-color);
  }

  .app-billet.card2.horizontal .concise-info .category {
      margin-top: 4px;
  }

  .app-billet.card2 .concise-info .category {
      line-height: 1.43;
      font-size: 14px;
      color: #8e919a;
  }

  .blog-carousel .owl-stage-outer {
      background: #fff;
  }

  .blog-carousel .owl-dots {
      margin-top: 8px;
  }

  .latest-review-block {
      width: 100%;
  }

  .latest-review-block {
      width: 100%;
  }

  .latest-review-block h2 {
      font-family: Montserrat, sans-serif;
      font-size: 32px;
      font-weight: 700;
      line-height: 1.25;
      color: #181a1b;
      margin: 0 0 30px;
  }

  .app-list.three-app {
      width: calc(100% + 34px);
      margin: -17px;
  }

  .app-list {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      list-style: none;
  }

  .app-list.three-app li {
      padding: 17px;
      width: 25%;
  }

  .app-billet.card2.vertical {
      flex-direction: column;
      align-items: center;
      padding: 24px 30px;
  }

  .app-billet.card2 {
      display: flex;
      height: 100%;
      width: 100%;
      background: #fff;
      border: none;
      border-radius: 5px;
      box-shadow: 0 2px 4px 0 rgba(79, 92, 151, .03), 0 1px 50px 0 rgba(34, 45, 56, .1);
      cursor: pointer;
      transition: all .4s cubic-bezier(.2, .57, .36, .8);
  }

  .app-billet.card2.vertical .logo-container {
      height: 136px;
      width: 136px;
      align-items: flex-start;
      margin: 0 auto;
      display: flex;
  }

  .app-billet.card2 .logo-container img {
      height: 100%;
      width: 100%;
      object-fit: cover;
  }

  .app-billet.card2.vertical .concise-info {
      width: 100%;
      margin: 20px 0 0;
      align-items: center;
      display: flex;
      flex-direction: column;
  }

  .app-billet.card2.vertical .concise-info .title {
      display: inline-block;
      max-width: 100%;
      margin-bottom: 4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.22;
      color: #181a1b;
  }

  .app-billet.card2 .concise-info .category {
      line-height: 1.43;
      font-size: 14px;
      color: #8e919a;
  }

  .app-billet.card2.horizontal .concise-info .rating,
  .latest-review-block .rating {
      margin-top: 6px;
  }

  .latest-blog {
      width: 100%;
      margin-bottom: 80px;
  }

  .latest-blog h2 {
      font-family: Montserrat, sans-serif;
      font-size: 32px;
      font-weight: 700;
      line-height: 1.25;
      color: #181a1b;
      margin: 0 0 30px;
  }

  .latest-blog .latest-blog-content {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .latest-blog .latest-blog-content .big-blog {
      width: calc(100% - 386px);
  }

  .blog-billet.card14 {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      width: 100%;
      height: 404px;
      padding: 24px;
      border-radius: 5px;
      cursor: pointer;
      overflow: hidden;
  }

  .blog-billet {
      border-radius: 5px;
      box-shadow: 0 3px 50px 0 rgba(46, 44, 81, .1), 0 0 3px 0 rgba(47, 56, 85, .05);
      background-color: #fff;
      padding: 20px 20px 23px;
      display: flex;
      flex-direction: column;
  }

  .blog-billet.card14:after,
  .blog-billet.card14:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      border-radius: 5px;
      transition: all .4s cubic-bezier(.2, .57, .36, .8);
  }

  .blog-billet.card14 .poster-container {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      border-radius: 5px;
      display: flex;
  }

  .blog-billet.card14 .concise-info {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end;
      z-index: 3;
      background: transparent !important;
  }

  .blog-billet.card14 .category {
      display: inline-flex;
      align-items: center;
      height: 28px;
      margin-bottom: 12px;
      padding: 0 10px;
      border-radius: 4px;
      background: hsla(0, 0%, 100%, .36);
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase;
      color: hsla(0, 0%, 100%, .9);
      z-index: 3;
  }

  .blog-billet.card14 .concise-info .text-part {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      margin: 0 0 8px;
  }

  .blog-billet.card14 .concise-info .text-part .title {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 3;
      font-weight: 700;
      color: #fff;
      line-height: 1.33;
      font-size: 18px;
  }

  .blog-billet.card14 .concise-info .bottom-part {
      display: flex;
      max-width: calc(100% - 45px);
      width: 100%;
  }

  .blog-billet.card14 .concise-info .bottom-part .details-list {
      display: flex;
      align-items: center;
      width: 100%;
  }

  .blog-billet.card14 .concise-info .bottom-part .details-list li:first-of-type {
      max-width: calc(100% - 94px);
  }

  .blog-billet.card14 .concise-info .bottom-part .details-list li {
      display: flex;
      align-items: center;
      white-space: nowrap;
  }

  .blog-billet.card14 .concise-info .bottom-part .details-list li:before {
      position: relative;
      top: 1px;
      content: "";
      width: 4px;
      height: 4px;
      margin: 0 4px;
      border-radius: 50%;
      background: #8e919a;
  }

  .blog-billet.card14 .concise-info .bottom-part .details-list .date {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      /* max-width: 94px; */
      max-width: 100%;
      line-height: 1.43;
      font-size: 14px;
      color: #8e919a;
  }

  .latest-blog .latest-blog-content {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .latest-blog .latest-blog-content .sidebar-blog {
      width: 100%;
      max-width: 346px;
      margin-left: 40px;
  }

  .blog-list.sidebar-blog-card {
      width: calc(100% + 28px);
      margin: -14px;
  }

  .blog-list {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      list-style: none;
  }

  .blog-list.sidebar-blog-card li {
      /* padding: 14px; */
      width: 100%;
      padding: 0px 8px 8px 8px;
  }

  .blog-billet.card13 {
      display: flex;
      flex-direction: row;
      width: 100%;
      height: 100%;
      padding: 0;
      background: none;
      border: none;
      border-radius: 5px;
      box-shadow: none;
      cursor: pointer;
      transition: all .4s cubic-bezier(.2, .57, .36, .8);
  }

  .blog-billet.card13 .poster-container {
      position: relative;
      display: flex;
      min-width: 94px;
      width: 94px;
      height: 94px;
      cursor: pointer;
  }

  .blog-billet.card13 .poster-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 5px;
  }

  .blog-billet.card13 .concise-info {
      width: calc(100% - 104px);
      padding: 5px 0px 0px 15px;
      overflow: hidden;
  }

  .blog-billet.card13 .concise-info .text-part {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
  }

  .blog-billet.card14 .poster-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 5px;
  }

  .blog-billet.card13 .concise-info .text-part .title {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -webkit-line-clamp: 2;
      margin-bottom: 4px;
      line-height: 1.33;
      font-size: 18px;
      font-weight: 700;
      color: #181a1b;
  }

  .blog-billet.card13 .concise-info .bottom-part .details-list {
      display: flex;
      align-items: center;
      width: 100%;
      white-space: nowrap;
  }

  .blog-billet.card13 .concise-info .bottom-part .details-list .date {
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.27;
      font-size: 14px;
      color: #8e919a;
      margin-bottom: 7px;
  }

  .li-sidebar-blog-card {
      padding: 14px !important;
  }

  .blog-billet.card33:hover .title {
      color: #5d44eb !important;
  }

  .blog-billet.card14:after {
      background: linear-gradient(180deg, rgba(14, 15, 22, .4), rgba(14, 16, 22, .92));
      opacity: 0.4;
      z-index: 2;
  }

  .btn-section,
  .header_142699 .nav-list>li>a:hover {
      background: var(--primary-color);
  }

  .blog-billet.card34 .count-container,
  .review-billet.card24 .btn,
  .anchor_section .anchor-list>li a.active,
  .app-btn.with-icon .icon-container,
  .header_142699 .nav-list>li>a:hover,
  .footer_142699 .menu-list li a:hover,
  .breadcrumbs .breadcrumbs-new .trail-items .trail-item a:hover,
  a:hover,
  .blog-billet.card34:focus .title,
  .blog-billet.card34:hover .title,
  .blog-billet.card33:focus .title,
  .blog-billet.card33:hover .title {
      color: var(--primary-color) !important;
      background: transparent !important;
  }

  .btn-section:focus,
  .btn-section:hover {
      border: 1px solid var(--primary-color);
  }

  .top-info_product.with-btn .btn-section:hover,
  .btn-section:hover,
  .editors-choice_section .btn:hover {
      background: #fff !important;
  }

  .header_142699 .nav-list>li>a:hover {
      background: transparent !important;
  }

  @media only screen and (max-width: 1023px) {
      .main-top {
          padding: 80px 0 110px;
      }
      .main-top .main-title {
          width: 100%;
          max-width: 637px;
          margin: 0 0 0px;
      }
      .main-top .big-container {
          flex-direction: column;
          padding: 0 20px;
      }
      .main-top .main-title h1 {
          text-align: center;
      }
      .main-top img.entered {
          display: none;
      }
      .latest-blog .latest-blog-content {
          flex-direction: column;
      }
      .latest-blog .latest-blog-content .big-blog {
          width: 100%;
          margin-bottom: 30px;
      }
      .latest-blog .latest-blog-content .sidebar-blog {
          width: 100%;
          max-width: 100%;
          margin-left: 0;
      }
      .blog-list.sidebar-blog-card {
          width: calc(100% + 32px);
          margin: -14px -16px;
      }
      .blog-list.sidebar-blog-card li {
          padding: 14px 16px;
          width: 50%;
      }
      .app-list.three-app {
          width: calc(100% + 28px);
          margin: -14px;
      }
      .app-list.three-app li {
          padding: 14px;
          width: 33.333%;
      }
  }

  @media only screen and (max-width: 767px) {
      .main-top {
          padding: 70px 0;
      }
      .app-billet.card2.vertical {
          padding: 16px 16px 20px;
      }
      .app-billet.card2.vertical .logo-container {
          height: 96px;
          width: 96px;
      }
      .recommended .blog-carousel {
          padding-bottom: 60px;
          display: flex;
          flex-wrap: wrap;
          width: calc(100% + 20px);
          margin: -10px;
      }
      .recommended .blog-carousel .item {
          /* width: 100%; */
          width: calc(100% - 20px);
          padding: 10px;
      }
      .app-billet.card2.horizontal {
          padding: 12px;
      }
      .app-list.three-app li {
          padding: 4px;
          width: 50%;
      }
      .blog-list.sidebar-blog-card li {
          padding: 12px;
          width: 100%;
      }
      .blog-billet.card13 .concise-info .bottom-part .details-list .date {
          margin-bottom: 3px;
      }
      .main-top .main-title h1 {
          font-size: 40px;
          text-align: center;
      }
      .blog-carousel .owl-item {
          width: 100vw !important;
      }
      .recommended .blog-carousel {
          padding-bottom: 0px;
      }
  }