.carousel-products.popular {
  width: 1620px;
  margin: 0 auto;
  margin-top: 62px;
  position: relative; }
  @media screen and (max-width: 1799px) and (min-width: 1280px) {
    .carousel-products.popular {
      width: 1240px; } }
  @media screen and (max-width: 1279px) and (min-width: 1023px) {
    .carousel-products.popular {
      width: 1000px; } }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    .carousel-products.popular {
      width: 760px; } }
  @media screen and (max-width: 799px) {
    .carousel-products.popular {
      width: 440px; } }
  @media screen and (min-width: 1024px) {
    .carousel-products.popular {
      display: none !important; } }
  .carousel-products.popular .title {
    color: black;
    font-size: 35px;
    font-family: "NeoSansPro", Arial, Sans-Serif;
    text-transform: uppercase;
    text-transform: none;
    letter-spacing: 1.75px;
    line-height: 35px; }
  .carousel-products.popular .carousel {
    background-color: white;
    height: 544px;
    z-index: 1;
    position: relative;
    margin-top: 60px; }
    .carousel-products.popular .carousel .carousel-wrapper {
      overflow: hidden;
      width: 665px;
      height: 100%;
      margin: 0 auto; }
      @media screen and (max-width: 799px) {
        .carousel-products.popular .carousel .carousel-wrapper {
          width: 322px; } }
      .carousel-products.popular .carousel .carousel-wrapper .carousel-items {
        width: 10000px;
        position: relative;
        height: 100%;
        margin: 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start; }
        .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product {
          min-width: 322px;
          max-width: 322px;
          height: 100%;
          border: 2px solid #ebebeb;
          padding: 20px 17px;
          margin-right: 21px;
          overflow: hidden;
          position: relative;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product:hover:not(.noHover):before {
            width: 200%;
            height: 200%;
            left: -50%;
            top: -50%; }
          .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product:before {
            content: "";
            position: absolute;
            z-index: 0;
            background: #ebebeb;
            height: 414px;
            width: 265px;
            left: 18px;
            top: -70px;
            -webkit-transform: rotate(-78.22deg);
            /* Chrome y Safari */
            -moz-transform: rotate(-78.22deg);
            /* Firefox */
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$number);
            /* Internet Explorer */
            -o-transform: rotate(-78.22deg);
            /* Opera */
            -ms-transform: rotate(-78.22deg);
            transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease; }
          .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image {
            width: 100%;
            height: 270px;
            position: relative;
            display: block;
            overflow: hidden; }
            .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image img {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              margin: auto;
              max-height: 77%;
              max-width: 100%; }
            .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .hit {
              position: absolute;
              top: 0;
              left: 0;
              width: 96px;
              height: 34px;
              line-height: 34px; }
              @media screen and (max-width: 1279px) {
                .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .hit {
                  width: 80px;
                  height: 28px;
                  line-height: 28px; } }
              .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .hit:before, .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .hit:after {
                content: '';
                position: absolute;
                height: 100%;
                z-index: 0;
                top: 0;
                -webkit-transform: skewX(-22deg);
                -moz-transform: skewX(-22deg);
                -ms-transform: skewX(-22deg);
                -o-transform: skewX(-22deg);
                transform: skewX(-22deg); }
              .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .hit:before {
                background: #da291c;
                width: 75px;
                left: 6px; }
                @media screen and (max-width: 1279px) {
                  .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .hit:before {
                    width: 62px; } }
              .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .hit:after {
                background: #ad2221;
                width: 6px;
                right: 6px; }
                @media screen and (max-width: 1279px) {
                  .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .hit:after {
                    width: 4px; } }
              .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .hit span {
                position: relative;
                color: white;
                font-size: 18px;
                font-family: "NeoSansPro Medium", Arial, Sans-Serif;
                text-transform: uppercase;
                text-align: center;
                display: block;
                width: 100%;
                padding-right: 5px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box; }
                @media screen and (max-width: 1279px) {
                  .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .hit span {
                    padding-right: 3px; } }
            .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .new {
              position: absolute;
              top: 0;
              left: 0;
              width: 96px;
              height: 34px;
              line-height: 34px; }
              @media screen and (max-width: 1279px) {
                .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .new {
                  width: 80px;
                  height: 28px;
                  line-height: 28px; } }
              .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .new:before, .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .new:after {
                content: '';
                position: absolute;
                height: 100%;
                z-index: 0;
                top: 0;
                -webkit-transform: skewX(-22deg);
                -moz-transform: skewX(-22deg);
                -ms-transform: skewX(-22deg);
                -o-transform: skewX(-22deg);
                transform: skewX(-22deg); }
              .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .new:before {
                background: #27c100;
                width: 75px;
                left: 6px; }
                @media screen and (max-width: 1279px) {
                  .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .new:before {
                    width: 62px; } }
              .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .new:after {
                background: #1f9a00;
                width: 6px;
                right: 6px; }
                @media screen and (max-width: 1279px) {
                  .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .new:after {
                    width: 4px; } }
              .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .new span {
                position: relative;
                color: white;
                font-size: 18px;
                font-family: "NeoSansPro Medium", Arial, Sans-Serif;
                text-transform: uppercase;
                text-align: center;
                display: block;
                width: 100%;
                padding-right: 5px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box; }
                @media screen and (max-width: 1279px) {
                  .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .image .new span {
                    padding-right: 3px; } }
          .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .name-wrap {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            -moz-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -moz-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            justify-content: flex-start;
            align-items: flex-start;
            overflow: hidden;
            max-height: 75px;
            position: relative;
            white-space: normal; }
            .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .name-wrap a {
              color: black;
              font-size: 20px;
              font-family: "NeoSansPro", Arial, Sans-Serif;
              text-transform: uppercase;
              text-transform: none;
              line-height: 26px;
              text-decoration: none; }
              .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .name-wrap a span {
                color: #ad2221;
                text-transform: uppercase;
                padding-left: 5px; }
          .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .preview-text {
            color: black;
            font-size: 14px;
            font-family: "NeoSansPro", Arial, Sans-Serif;
            text-transform: uppercase;
            text-transform: none;
            height: 80px;
            overflow: hidden;
            line-height: 20px;
            margin-top: 20px;
            position: relative;
            white-space: normal; }
          .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .link {
            position: relative;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            -moz-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -moz-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            align-items: center;
            min-width: 253px;
            max-width: 253px;
            height: 55px;
            text-align: center;
            color: white;
            font-size: 18px;
            font-family: "NeoSansPro", Arial, Sans-Serif;
            text-transform: uppercase;
            text-transform: uppercase;
            letter-spacing: 1.8px;
            transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -webkit-transition: all 0.2s ease;
            background: #da291c;
            text-decoration: none;
            cursor: pointer;
            overflow: hidden;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            position: absolute;
            bottom: 15px;
            left: 50%;
            margin-left: -110px;
            min-width: 210px;
            max-width: 210px;
            height: 47px; }
            .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .link:hover:not(.noHover):before {
              left: -150%; }
            .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .link:before {
              content: "";
              position: absolute;
              background: #ad2221;
              width: 200%;
              height: 100%;
              top: 0;
              left: -205%;
              -webkit-transform: skewX(-22deg);
              -moz-transform: skewX(-22deg);
              -ms-transform: skewX(-22deg);
              -o-transform: skewX(-22deg);
              transform: skewX(-22deg);
              transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -webkit-transition: all 0.3s ease;
              z-index: 0; }
            .carousel-products.popular .carousel .carousel-wrapper .carousel-items .product .link span {
              position: relative;
              z-index: 1; }
    .carousel-products.popular .carousel .buttons {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -30px;
      width: 760px;
      margin-left: -380px;
      height: 0;
      white-space: nowrap; }
      .carousel-products.popular .carousel .buttons .slider-left,
      .carousel-products.popular .carousel .buttons .slider-right {
        width: 70px;
        height: 70px;
        cursor: pointer;
        position: absolute;
        z-index: 6;
        overflow: hidden;
        top: 50%;
        margin-top: -35px;
        transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        background: #da291c; }
        @media screen and (max-width: 1023px) {
          .carousel-products.popular .carousel .buttons .slider-left,
          .carousel-products.popular .carousel .buttons .slider-right {
            width: 60px;
            height: 60px;
            margin-top: -30px; } }
        .carousel-products.popular .carousel .buttons .slider-left:after, .carousel-products.popular .carousel .buttons .slider-left:before,
        .carousel-products.popular .carousel .buttons .slider-right:after,
        .carousel-products.popular .carousel .buttons .slider-right:before {
          content: '';
          position: absolute;
          border: 45px solid transparent;
          transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          -webkit-transition: all 0.2s ease; }
        .carousel-products.popular .carousel .buttons .slider-left:after,
        .carousel-products.popular .carousel .buttons .slider-right:after {
          border-bottom: 100px solid #ad2221;
          top: -110px; }
          @media screen and (max-width: 1023px) {
            .carousel-products.popular .carousel .buttons .slider-left:after,
            .carousel-products.popular .carousel .buttons .slider-right:after {
              top: -115px; } }
        .carousel-products.popular .carousel .buttons .slider-left:before,
        .carousel-products.popular .carousel .buttons .slider-right:before {
          border-top: 100px solid #ad2221;
          top: 35px; }
          @media screen and (max-width: 1023px) {
            .carousel-products.popular .carousel .buttons .slider-left:before,
            .carousel-products.popular .carousel .buttons .slider-right:before {
              top: 30px; } }
        .carousel-products.popular .carousel .buttons .slider-left .icon,
        .carousel-products.popular .carousel .buttons .slider-right .icon {
          z-index: 1;
          width: 100%;
          height: 100%;
          position: relative; }
      .carousel-products.popular .carousel .buttons .slider-left {
        left: 27px; }
        .carousel-products.popular .carousel .buttons .slider-left .icon {
          background: url("../../../../img/carousel-arrow-left-min.png") no-repeat center; }
        .carousel-products.popular .carousel .buttons .slider-left:after, .carousel-products.popular .carousel .buttons .slider-left:before {
          left: 70px; }
          @media screen and (max-width: 1023px) {
            .carousel-products.popular .carousel .buttons .slider-left:after, .carousel-products.popular .carousel .buttons .slider-left:before {
              left: 60px; } }
        .carousel-products.popular .carousel .buttons .slider-left:hover:after, .carousel-products.popular .carousel .buttons .slider-left:hover:before {
          left: 27px; }
          @media screen and (max-width: 1023px) {
            .carousel-products.popular .carousel .buttons .slider-left:hover:after, .carousel-products.popular .carousel .buttons .slider-left:hover:before {
              left: 23px; } }
      .carousel-products.popular .carousel .buttons .slider-right {
        right: 27px; }
        .carousel-products.popular .carousel .buttons .slider-right .icon {
          background: url("../../../../img/carousel-arrow-right-min.png") no-repeat center; }
        .carousel-products.popular .carousel .buttons .slider-right:after, .carousel-products.popular .carousel .buttons .slider-right:before {
          right: 70px; }
          @media screen and (max-width: 1023px) {
            .carousel-products.popular .carousel .buttons .slider-right:after, .carousel-products.popular .carousel .buttons .slider-right:before {
              right: 60px; } }
        .carousel-products.popular .carousel .buttons .slider-right:hover:after, .carousel-products.popular .carousel .buttons .slider-right:hover:before {
          right: 27px; }
          @media screen and (max-width: 1023px) {
            .carousel-products.popular .carousel .buttons .slider-right:hover:after, .carousel-products.popular .carousel .buttons .slider-right:hover:before {
              right: 23px; } }
      @media screen and (max-width: 799px) {
        .carousel-products.popular .carousel .buttons {
          width: 440px;
          margin-left: -220px; } }
      .carousel-products.popular .carousel .buttons .slider-left, .carousel-products.popular .carousel .buttons .slider-right {
        z-index: 3; }
      .carousel-products.popular .carousel .buttons .slider-left {
        left: 0; }
      .carousel-products.popular .carousel .buttons .slider-right {
        right: 0; }

/*# sourceMappingURL=style.css.map */