@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");
@media only screen and (max-width: 767px) {
  .common--title {
    padding: 14.34159vw 2.60756vw 12.38592vw; } }

.links-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; }
  .links-list--item {
    background-color: #444444;
    position: relative;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    height: 54.23729vw;
    margin: 0 0 2.60756vw; }
    .links-list--item a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      top: 0; }
      .links-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%); }
    .links-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; }
    .links-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) {
    .links-list {
      width: 95vw;
      -webkit-justify-content: start;
          -ms-flex-pack: start;
              justify-content: start;
      padding: 0;
      margin: 0 auto; }
      .links-list.other-title {
        padding: 0 0 7.8125vw; }
      .links-list--item {
        -webkit-flex-basis: 46.25vw;
            -ms-flex-preferred-size: 46.25vw;
                flex-basis: 46.25vw;
        width: 46.25vw;
        height: 416px;
        margin: 0 0.625vw 1.25vw;
        overflow: hidden; }
        .links-list--item a {
          transition: all .3s; }
          .links-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; }
        .links-list--item:hover a:after {
          background-position: 100% 100%;
          opacity: 0.6;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
        .links-list--item:hover .product-list--item__thumb {
          -webkit-transform: scale(1.05);
                  transform: scale(1.05); }
        .links-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); }
        .links-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) {
    .links-list {
      width: 1520px; }
      .links-list--item {
        -webkit-flex-basis: 740px;
            -ms-flex-preferred-size: 740px;
                flex-basis: 740px;
        width: 740px;
        margin: 0 10px 20px; } }

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