@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");
@-webkit-keyframes header_item {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, 2rem, 0);
            transform: translate3d(0, 2rem, 0);
    color: #1262fb; }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }
@keyframes header_item {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translate3d(0, 2rem, 0);
            transform: translate3d(0, 2rem, 0);
    color: #1262fb; }
  to {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateZ(0);
            transform: translateZ(0); } }

.bg-main {
  background-image: url("../img/products/main_header.jpg"); }

.product-list {
  padding: 0 2.60756vw;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .product-list.js-scroll .product-list--item:nth-child(1) {
    -webkit-animation: header_item 0.6s ease 0.6s forwards;
            animation: header_item 0.6s ease 0.6s forwards; }
  .product-list.js-scroll .product-list--item:nth-child(2) {
    -webkit-animation: header_item 0.6s ease 0.7s forwards;
            animation: header_item 0.6s ease 0.7s forwards; }
  .product-list.js-scroll .product-list--item:nth-child(3) {
    -webkit-animation: header_item 0.6s ease 0.8s forwards;
            animation: header_item 0.6s ease 0.8s forwards; }
  .product-list.js-scroll .product-list--item:nth-child(4) {
    -webkit-animation: header_item 0.6s ease 0.9s forwards;
            animation: header_item 0.6s ease 0.9s forwards; }
  .product-list.js-scroll .product-list--item:nth-child(5) {
    -webkit-animation: header_item 0.6s ease 1s forwards;
            animation: header_item 0.6s ease 1s forwards; }
  .product-list.js-scroll .product-list--item:nth-child(6) {
    -webkit-animation: header_item 0.6s ease 1.1s forwards;
            animation: header_item 0.6s ease 1.1s forwards; }
  .product-list.js-scroll .product-list--item:nth-child(7) {
    -webkit-animation: header_item 0.6s ease 1.2s forwards;
            animation: header_item 0.6s ease 1.2s forwards; }
  .product-list.js-scroll .product-list--item:nth-child(8) {
    -webkit-animation: header_item 0.6s ease 1.3s forwards;
            animation: header_item 0.6s ease 1.3s forwards; }
  .product-list.js-scroll .product-list--item:nth-child(9) {
    -webkit-animation: header_item 0.6s ease 1.4s forwards;
            animation: header_item 0.6s ease 1.4s forwards; }
  .product-list.js-scroll .product-list--item:nth-child(10) {
    -webkit-animation: header_item 0.6s ease 1.5s forwards;
            animation: header_item 0.6s ease 1.5s forwards; }
  .product-list--item {
    background-color: #444444;
    position: relative;
    height: 54.23729vw;
    margin: 0 0 2.60756vw;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .product-list--item.col-1 {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      height: 32.59452vw; }
      .product-list--item.col-1 .product-list--item__thumb {
        background-size: auto 54.23729vw; }
    .product-list--item.col-2 {
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%; }
    .product-list--item.col-4 {
      -webkit-flex-basis: 46.15385vw;
          -ms-flex-preferred-size: 46.15385vw;
              flex-basis: 46.15385vw; }
    .product-list--item a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      top: 0; }
      .product-list--item a:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0.1) 35%); }
    .product-list--item__thumb {
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      height: 100%;
      width: auto;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      transition: 500ms; }
    .product-list--item__title {
      color: #fff;
      font-size: 3.12907vw;
      line-height: 1.3;
      font-weight: 900;
      padding: 0 2.60756vw 0 0;
      position: absolute;
      z-index: 2;
      left: 2.60756vw;
      bottom: 2.60756vw; }
  @media only screen and (min-width: 768px) {
    .product-list {
      width: 95vw;
      -webkit-justify-content: start;
          -ms-flex-pack: start;
              justify-content: start;
      padding: 0;
      margin: 0 auto; }
      .product-list.series-title {
        margin: 0 auto 30px; }
      .product-list--item {
        height: 416px;
        margin: 0 0.625vw 1.25vw;
        overflow: hidden; }
        .product-list--item.col-1 {
          -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
                  flex-basis: 100%;
          width: 100%;
          height: 250px; }
          .product-list--item.col-1 .product-list--item__thumb {
            background-size: auto 416px; }
        .product-list--item.col-2 {
          -webkit-flex-basis: 46.25vw;
              -ms-flex-preferred-size: 46.25vw;
                  flex-basis: 46.25vw;
          width: 46.25vw; }
        .product-list--item.col-4 {
          -webkit-flex-basis: 22.5vw;
              -ms-flex-preferred-size: 22.5vw;
                  flex-basis: 22.5vw;
          width: 22.5vw; }
        .product-list--item a {
          transition: all .3s; }
          .product-list--item a:after {
            content: "";
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, #000000 0%, #000000 25%, #00ffcc 50%, #00ffcc 75%, #1057b6 100%);
            background-size: 400% 400%;
            background-repeat: no-repeat;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            transition: .5s; }
        .product-list--item:hover a:after {
          background-position: 100% 100%;
          opacity: 0.6;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
        .product-list--item:hover .product-list--item__thumb {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
        .product-list--item:hover .product-list--item__title {
          -webkit-transform: translate(3%, -6%);
                  transform: translate(3%, -6%);
          filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="6" /><feOffset dx="3" dy="5" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
          -webkit-filter: drop-shadow(2px 4px 6px black);
                  filter: drop-shadow(2px 4px 6px black); }
        .product-list--item__title {
          font-size: 18px;
          line-height: 1.3;
          font-weight: 700;
          padding: 0 10px 0 0;
          left: 10px;
          bottom: 8px;
          transition: 500ms; } }
  @media only screen and (min-width: 1601px) {
    .product-list {
      width: 1520px; }
      .product-list--item {
        margin: 0 10px 20px; }
        .product-list--item.col-1 {
          -webkit-flex-basis: 100%;
              -ms-flex-preferred-size: 100%;
                  flex-basis: 100%;
          width: 100%; }
        .product-list--item.col-2 {
          -webkit-flex-basis: 740px;
              -ms-flex-preferred-size: 740px;
                  flex-basis: 740px;
          width: 740px; }
        .product-list--item.col-4 {
          -webkit-flex-basis: 360px;
              -ms-flex-preferred-size: 360px;
                  flex-basis: 360px;
          width: 360px; } }

.about-list {
  padding: 4.56323vw 2.60756vw 0; }
  @media only screen and (min-width: 768px) {
    .about-list {
      width: 93.75vw;
      padding: 3.75vw 0 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 1601px) {
    .about-list {
      width: 1500px;
      padding: 60px 0 0; } }
  .about-list--item:not(:last-child) {
    margin: 0 0 14.34159vw; }
  @media only screen and (min-width: 768px) {
    .about-list--item {
      position: relative;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      .about-list--item:not(:last-child) {
        margin: 0 0 60px; } }
  .about-list--thumb {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: auto 53.45502vw;
    width: 100%;
    height: 53.45502vw;
    margin: 0 0 6.5189vw; }
    @media only screen and (min-width: 768px) {
      .about-list--thumb {
        background-size: auto 348px;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        -webkit-flex-basis: 38.75vw;
            -ms-flex-preferred-size: 38.75vw;
                flex-basis: 38.75vw;
        width: 38.75vw;
        height: 348px;
        margin: 0 2.5vw 0 0; } }
    @media only screen and (min-width: 1601px) {
      .about-list--thumb {
        -webkit-flex-basis: 620px;
            -ms-flex-preferred-size: 620px;
                flex-basis: 620px;
        width: 620px;
        margin: 0 40px 0 0; } }
  @media only screen and (min-width: 768px) {
    .about-list--wrap {
      -webkit-flex-basis: 51.875vw;
          -ms-flex-preferred-size: 51.875vw;
              flex-basis: 51.875vw;
      width: 51.875vw;
      margin: -8px 0 0;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2; } }
  @media only screen and (min-width: 1601px) {
    .about-list--wrap {
      -webkit-flex-basis: 830px;
          -ms-flex-preferred-size: 830px;
              flex-basis: 830px;
      width: 830px; } }
  .about-list--title {
    margin: 0 0 7.82269vw; }
    .about-list--title-text {
      font-size: 4.69361vw;
      line-height: 1.35;
      font-weight: 900; }
    .about-list--title-line {
      width: 100%;
      height: 0.65189vw;
      margin: 1.56454vw 0 0;
      overflow: hidden;
      position: relative; }
      .about-list--title-line:before, .about-list--title-line:after {
        content: "";
        width: 120%;
        height: 30px;
        display: block;
        position: absolute;
        -webkit-transform: skew(110deg, 0);
                transform: skew(110deg, 0); }
      .about-list--title-line:before {
        background: #f07800;
        left: -120%; }
      .about-list--title-line:after {
        background: #000;
        left: 1.25%; }
    @media only screen and (min-width: 768px) {
      .about-list--title {
        margin: 0 0 1.875vw; }
        .about-list--title-text {
          font-size: 26px; }
        .about-list--title-line {
          height: 5px;
          margin: 12px 0 0; }
          .about-list--title-line:before, .about-list--title-line:after {
            width: 120%;
            height: 30px;
            -webkit-transform: skew(100deg, 0);
                    transform: skew(100deg, 0); } }
    @media only screen and (min-width: 1601px) {
      .about-list--title {
        margin: 0 0 30px; } }
  .about-list--text {
    font-size: 3.38983vw;
    line-height: 2.0; }
    @media only screen and (min-width: 768px) {
      .about-list--text {
        font-size: 16px; } }

/*# sourceMappingURL=../maps/products.css.map */