/* line 3, products-single.scss */
:target {
  scroll-margin-top: 100px; }
  @media screen and (max-width: 800px) {
    /* line 3, products-single.scss */
    :target {
      scroll-margin-top: 90px; } }

/* line 11, products-single.scss */
main {
  background-color: #FFFFFF; }

/* line 15, products-single.scss */
article {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 160px; }
  @media screen and (max-width: 800px) {
    /* line 15, products-single.scss */
    article {
      padding-bottom: 60px; } }

@media screen and (max-width: 800px) {
  /* line 26, products-single.scss */
  .page-title {
    margin-bottom: 0px;
    padding-bottom: 40px; } }
/* line 31, products-single.scss */
.page-title .products-head {
  display: flex;
  flex-direction: column-reverse; }
  /* line 34, products-single.scss */
  .page-title .products-head h1 {
    margin-bottom: 15px; }
    @media screen and (max-width: 800px) {
      /* line 34, products-single.scss */
      .page-title .products-head h1 {
        margin-bottom: 10px; } }
  /* line 40, products-single.scss */
  .page-title .products-head h2 {
    color: #005EAF;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.05em;
    margin: 10px 0 0; }
    @media screen and (max-width: 800px) {
      /* line 40, products-single.scss */
      .page-title .products-head h2 {
        font-size: 18px;
        line-height: 1.6;
        margin: 15px 0 5px; } }
/* line 53, products-single.scss */
.page-title .products-cat {
  margin: 0; }
  /* line 55, products-single.scss */
  .page-title .products-cat li {
    margin: 0; }
    @media screen and (max-width: 800px) {
      /* line 55, products-single.scss */
      .page-title .products-cat li {
        line-height: 1.5; } }

/* line 64, products-single.scss */
.sidebar {
  position: sticky;
  left: 0;
  top: 128px;
  width: 300px;
  height: 100%;
  padding-left: 100px; }
  @media screen and (max-width: 800px) {
    /* line 64, products-single.scss */
    .sidebar {
      display: none; } }

/* line 75, products-single.scss */
.sidemenu {
  width: 100%; }
  /* line 77, products-single.scss */
  .sidemenu.spmenu {
    display: none; }
    @media screen and (max-width: 800px) {
      /* line 77, products-single.scss */
      .sidemenu.spmenu {
        display: block;
        margin-bottom: 40px; } }
  /* line 84, products-single.scss */
  .sidemenu ol {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 84, products-single.scss */
      .sidemenu ol {
        display: flex;
        flex-wrap: wrap;
        gap: 14px 4%; } }
    /* line 93, products-single.scss */
    .sidemenu ol li {
      line-height: 1.375;
      margin: 0 0 20px;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 93, products-single.scss */
        .sidemenu ol li {
          width: 47.5%;
          margin: 0; } }
      /* line 101, products-single.scss */
      .sidemenu ol li:last-child {
        margin-bottom: 0; }
      /* line 104, products-single.scss */
      .sidemenu ol li a {
        position: relative;
        display: block;
        font-weight: 500;
        letter-spacing: 0.05em;
        text-decoration: none;
        padding: 0 25px 0 16px; }
        @media screen and (max-width: 800px) {
          /* line 104, products-single.scss */
          .sidemenu ol li a {
            font-size: 14px;
            line-height: 1.28;
            padding: 0 16px 0 12px; } }
        /* line 116, products-single.scss */
        .sidemenu ol li a::before, .sidemenu ol li a::after {
          position: absolute;
          content: "";
          pointer-events: none; }
        /* line 122, products-single.scss */
        .sidemenu ol li a::before {
          left: 0;
          top: 8px;
          width: 8px;
          height: 8px;
          background-color: #B5B8BC;
          border-radius: 50%; }
          @media screen and (max-width: 800px) {
            /* line 122, products-single.scss */
            .sidemenu ol li a::before {
              top: 5px; } }
        /* line 133, products-single.scss */
        .sidemenu ol li a::after {
          right: 0;
          top: 50%;
          translate: 0 -50%;
          width: 13px;
          height: 14px;
          background-color: #005EAF;
          mask-image: url("../img/arrow_d.svg");
          mask-repeat: no-repeat;
          mask-position: left top;
          mask-size: cover; }
          @media screen and (max-width: 800px) {
            /* line 133, products-single.scss */
            .sidemenu ol li a::after {
              width: 9px;
              height: 10px; } }

/* line 154, products-single.scss */
.products-content {
  width: calc(100% - 320px); }
  @media screen and (max-width: 800px) {
    /* line 154, products-single.scss */
    .products-content {
      width: 100%; } }

/* line 160, products-single.scss */
.products-slider {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 100px; }
  @media screen and (max-width: 800px) {
    /* line 160, products-single.scss */
    .products-slider {
      margin-bottom: 45px; } }
  /* line 168, products-single.scss */
  .products-slider .products-splide {
    width: calc(100% - 96px);
    border: 1px solid #E5E8EB; }
    @media screen and (max-width: 800px) {
      /* line 168, products-single.scss */
      .products-slider .products-splide {
        width: calc(100% - 37px); } }
    /* line 176, products-single.scss */
    .products-slider .products-splide .splide__track .splide__list .splide__slide {
      display: flex;
      justify-content: center;
      align-items: center; }
      /* line 180, products-single.scss */
      .products-slider .products-splide .splide__track .splide__list .splide__slide img {
        width: auto;
        /*height: 470px;*/
        object-fit: cover; }
        @media screen and (max-width: 800px) {
          /* line 180, products-single.scss */
          .products-slider .products-splide .splide__track .splide__list .splide__slide img {
            height: 47.7vw;
            min-height: 179px; } }
  /* line 193, products-single.scss */
  .products-slider .thumbnail-carousel {
    width: 88px; }
    @media screen and (max-width: 800px) {
      /* line 193, products-single.scss */
      .products-slider .thumbnail-carousel {
        width: 33px; } }
    /* line 199, products-single.scss */
    .products-slider .thumbnail-carousel .splide__track .splide__list {
      flex-direction: column;
      gap: 8px 0; }
      @media screen and (max-width: 800px) {
        /* line 199, products-single.scss */
        .products-slider .thumbnail-carousel .splide__track .splide__list {
          gap: 4px 0; } }
      /* line 205, products-single.scss */
      .products-slider .thumbnail-carousel .splide__track .splide__list .splide__slide {
        border: none; }
        /* line 208, products-single.scss */
        .products-slider .thumbnail-carousel .splide__track .splide__list .splide__slide.is-active::before {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          content: "";
          pointer-events: none;
          border: 2px solid #005EAF; }
        /* line 219, products-single.scss */
        .products-slider .thumbnail-carousel .splide__track .splide__list .splide__slide img {
          width: 88px;
          height: 88px;
          object-fit: cover; }
          @media screen and (max-width: 800px) {
            /* line 219, products-single.scss */
            .products-slider .thumbnail-carousel .splide__track .splide__list .splide__slide img {
              width: 8.8vw;
              height: 8.8vw;
              min-width: 33px;
              min-height: 33px; } }

/* line 236, products-single.scss */
.list-content {
  width: 100%;
  background-color: #EDF5FC;
  padding: 40px 50px;
  margin-bottom: 100px; }
  @media screen and (max-width: 800px) {
    /* line 236, products-single.scss */
    .list-content {
      padding: 25px 16px;
      margin-bottom: 60px; } }
  /* line 245, products-single.scss */
  .list-content ul {
    margin: 0;
    padding: 0; }
    /* line 248, products-single.scss */
    .list-content ul li {
      position: relative;
      font-weight: 500;
      margin: 0 0 5px;
      padding: 0 0 0 24px; }
      @media screen and (max-width: 800px) {
        /* line 248, products-single.scss */
        .list-content ul li {
          padding-left: 15px; } }
      /* line 256, products-single.scss */
      .list-content ul li:last-child {
        margin-bottom: 0; }
      /* line 259, products-single.scss */
      .list-content ul li::before {
        position: absolute;
        left: 0;
        top: 8px;
        width: 14px;
        height: 14px;
        content: "";
        background-color: #005EAF; }
        @media screen and (max-width: 800px) {
          /* line 259, products-single.scss */
          .list-content ul li::before {
            top: 10px;
            width: 10px;
            height: 10px; } }

/* line 278, products-single.scss */
.entry-content h3 {
  color: #005EAF;
  font-size: 30px;
  border: none;
  border-left: 16px solid #005EAF;
  margin: 100px 0 25px;
  padding: 0 0 0 14px; }
  @media screen and (max-width: 800px) {
    /* line 278, products-single.scss */
    .entry-content h3 {
      font-size: 22px;
      line-height: 1.45;
      border-left: 8px solid #005EAF;
      margin: 60px 0 25px;
      padding: 0 0 0 10px; } }
  /* line 292, products-single.scss */
  .entry-content h3::before {
    display: none; }

/* line 298, products-single.scss */
.products-bottom {
  padding: 120px 0 0;
  background-color: #E5E8EB; }
  @media screen and (max-width: 800px) {
    /* line 298, products-single.scss */
    .products-bottom {
      padding: 56px 0 0; } }
  /* line 304, products-single.scss */
  .products-bottom h2 {
    font-size: 32px;
    letter-spacing: 0.05em;
    margin-bottom: 45px;
    padding-top: 32px; }
    @media screen and (max-width: 800px) {
      /* line 304, products-single.scss */
      .products-bottom h2 {
        font-size: 22px;
        line-height: 1.45;
        padding-top: 20px;
        margin-bottom: 56px; } }
    /* line 315, products-single.scss */
    .products-bottom h2::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 28px;
      height: 7px;
      background-color: #005EAF;
      content: ""; }
      @media screen and (max-width: 800px) {
        /* line 315, products-single.scss */
        .products-bottom h2::before {
          width: 16px; } }
  /* line 328, products-single.scss */
  .products-bottom .productslist-s {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 0.6%;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 328, products-single.scss */
      .products-bottom .productslist-s {
        gap: 5px 0.8%; } }
    /* line 337, products-single.scss */
    .products-bottom .productslist-s li {
      width: 24.5%;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 337, products-single.scss */
        .products-bottom .productslist-s li {
          width: 49.6%; } }
      /* line 344, products-single.scss */
      .products-bottom .productslist-s li a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        text-decoration: none;
        background-color: #FFFFFF;
        border: 1px solid #E5E8EB;
        padding: 15px 0; }
        @media screen and (min-width: 800px) {
          /* line 356, products-single.scss */
          .products-bottom .productslist-s li a:hover .circle::before {
            scale: 1; }
          /* line 359, products-single.scss */
          .products-bottom .productslist-s li a:hover .circle::after {
            background-color: #FFFFFF; } }
        @media screen and (max-width: 800px) {
          /* line 344, products-single.scss */
          .products-bottom .productslist-s li a {
            padding: 10px 0; } }
        /* line 368, products-single.scss */
        .products-bottom .productslist-s li a .products-img {
          display: block;
          width: 100%;
          height: 180px;
          text-align: center;
          margin-bottom: 20px; }
          @media screen and (max-width: 800px) {
            /* line 368, products-single.scss */
            .products-bottom .productslist-s li a .products-img {
              height: 27.7vw;
              min-height: 104px;
              margin-bottom: 10px; } }
          /* line 379, products-single.scss */
          .products-bottom .productslist-s li a .products-img img {
            width: auto;
            height: 180px;
            object-fit: cover; }
            @media screen and (max-width: 800px) {
              /* line 379, products-single.scss */
              .products-bottom .productslist-s li a .products-img img {
                height: 27.7vw;
                min-height: 104px; } }
        /* line 389, products-single.scss */
        .products-bottom .productslist-s li a .products-title {
          display: block;
          line-height: 1.6;
          padding: 0 60px 0 15px; }
          @media screen and (max-width: 800px) {
            /* line 389, products-single.scss */
            .products-bottom .productslist-s li a .products-title {
              font-size: 11px;
              padding: 0 36px 0 10px; } }
        /* line 398, products-single.scss */
        .products-bottom .productslist-s li a .circle {
          position: absolute;
          right: 15px;
          bottom: 15px;
          width: 38px;
          height: 38px;
          border: 1px solid #0E3E6A;
          border-radius: 50%;
          transition: all 0.3s ease-out; }
          @media screen and (max-width: 800px) {
            /* line 398, products-single.scss */
            .products-bottom .productslist-s li a .circle {
              right: 8px;
              bottom: 8px;
              width: 20px;
              height: 20px; } }
          /* line 413, products-single.scss */
          .products-bottom .productslist-s li a .circle::before, .products-bottom .productslist-s li a .circle::after {
            position: absolute;
            left: 50%;
            top: 50%;
            translate: -50% -50%;
            content: "";
            transition: all 0.3s ease-out;
            pointer-events: none; }
          /* line 423, products-single.scss */
          .products-bottom .productslist-s li a .circle::before {
            width: 100%;
            height: 100%;
            background-color: #0E3E6A;
            scale: 0;
            border-radius: 50%; }
          /* line 430, products-single.scss */
          .products-bottom .productslist-s li a .circle::after {
            width: 15px;
            height: 13px;
            background-color: #0E3E6A;
            mask-image: url("../img/arrow_r.svg");
            mask-repeat: no-repeat;
            mask-position: left top;
            mask-size: cover; }
            @media screen and (max-width: 800px) {
              /* line 430, products-single.scss */
              .products-bottom .productslist-s li a .circle::after {
                width: 8px;
                height: 7px; } }

/* line 454, products-single.scss */
.single-recycling-item .page-title .products-head h2 {
  color: #00AF9B; }
/* line 459, products-single.scss */
.single-recycling-item .page-title .products-cat .products-cat-name {
  color: #00AF9B;
  background-color: #EAFAF8;
  border: 1px solid #00AF9B; }
/* line 470, products-single.scss */
.single-recycling-item .sidemenu ol li a::after {
  background-color: #00AF9B; }
/* line 483, products-single.scss */
.single-recycling-item .products-slider .thumbnail-carousel .splide__track .splide__list .splide__slide.is-active::before {
  border: 2px solid #00AF9B; }
/* line 492, products-single.scss */
.single-recycling-item .list-content {
  background-color: #EAFAF8; }
  /* line 496, products-single.scss */
  .single-recycling-item .list-content ul li::before {
    color: #00AF9B; }
/* line 503, products-single.scss */
.single-recycling-item .entry-content h3 {
  color: #00AF9B;
  border-left: 16px solid #00AF9B; }
  @media screen and (max-width: 800px) {
    /* line 503, products-single.scss */
    .single-recycling-item .entry-content h3 {
      border-left: 8px solid #00AF9B; } }
/* line 510, products-single.scss */
.single-recycling-item .entry-content table {
  margin-bottom: 20px; }
  /* line 513, products-single.scss */
  .single-recycling-item .entry-content table thead th {
    background-color: #00AF9B;
    border: 1px solid #00AF9B; }
/* line 522, products-single.scss */
.single-recycling-item .products-bottom h2::before {
  background-color: #00AF9B; }

/*# sourceMappingURL=products-single.css.map */
