.clearfix:before, #product-blocks .product-row:before,
#product-blocks .product-row:after
 {
  display: table;
  content: " ";
}

#product-blocks .product-row:after{
  clear: both; }
 

#product-blocks {
  z-index: 20;
  position: relative; }
  #product-blocks .product-row {
    margin: 35px -10px; }
    @media only screen and (max-width: 780px) {
      #product-blocks .product-row {
        margin: 10px -5px; } }
    @media only screen and (max-width: 480px) {
      #product-blocks .product-row {
        margin: 0 -15px; } }
  #product-blocks .block {
    opacity: 0;
    margin-top: -50px;
    width: 33.33333%;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    overflow: hidden;
    /* filter: drop-shadow(-0.5mm 0mm 2mm rgb(5, 4, 0)); */ }
    @media only screen and (max-width: 1024px) {
      #product-blocks .block {
        opacity: 1 !important; } }
    @media only screen and (max-width: 780px) {
      #product-blocks .block {
        margin-top: -35px;
        padding-left: 5px;
        padding-right: 5px;
        opacity: 1 !important; } }
    @media only screen and (max-width: 640px) {
      #product-blocks .block {
        display: block;
        width: 100%;
        margin-top: 20px !important;
        opacity: 1 !important;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100); }
        #product-blocks .block img {
          width: 100%; } }
    @media only screen and (max-width: 480px) {
      #product-blocks .block {
        padding: 0 15px; } }
  #product-blocks a {
    display: block;
    width: 100%;
    position: relative;
    font-size:24px; font-weight:bold;
    color: #ffffff;
    overflow: hidden;
    max-height: 380px; }
    #product-blocks a img {
      max-width: 100%;
      -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -webkit-transition: all 1s ease;
      transition: all 1s ease;
      z-index: -1;
      display: block; }
    #product-blocks a span.block-title {
      line-height: 1.2;
      position: absolute;
      color: white;
      font-size: 20px;
      bottom: 0.5em;
      width: 100%;
      display: block;
      padding-right: 25px;
      padding-left: 15px;
      z-index: 2; }
      @media only screen and (max-width: 780px) {
        #product-blocks a span.block-title {
          padding-right: 30px; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #product-blocks a span.block-title {
          font-size: 0.6em; } 
          #product-blocks a span.block-title {
            bottom: 10px;
          }
        }
      @media only screen and (max-width: 780px) {
        #product-blocks a span.block-title {
          /*bottom: 21px;*/ } }
    #product-blocks a .block-icon {
      z-index: 2;
      width: 36px;
      height: 36px;
      text-align: center;
      line-height: 34px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      border: 2px solid #fff;
      position: absolute;
      bottom: 15px;
      right: 10px;
      -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease;
      display: block;
      border: 1px solid #fff;
      }
      #product-blocks a .block-icon i {
        margin-left: 3px;
        margin-top: -3px;
        font-size: 1.28571em;
        z-index: 1;
        position: relative; }
      #product-blocks a .block-icon::after {
        content: "";
        position: absolute;
        display: block;
        width: 36px;
        height: 36px;
        background: #ed1b2f;
        top: 50%;
        left: 50%;
        z-index: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg) scale(0);
        -o-transform: translateX(-50%) translateY(-50%) rotate(90deg) scale(0);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg) scale(0);
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg) scale(0);
        transform: translateX(-50%) translateY(-50%) rotate(90deg) scale(0); }
      #product-blocks a .block-icon i {
        font-size: 18px;
        position: absolute;
        width: 100%;
        top: 11px;
        left: -2px;
        display: block;
        text-align: center; }
      @media only screen and (max-width: 780px) {
        #product-blocks a .block-icon {
          width: 26px;
          height: 26px;
          bottom: 17px; }
          #product-blocks a .block-icon i {
            top: 6px; } }
      @media only screen and (max-width: 480px) {
        #product-blocks a .block-icon {
          width: 33px;
          height: 33px; }
          #product-blocks a .block-icon i {
            top: 9px; } }
    #product-blocks a:hover span.block-icon {
      border-color: var(--background-second-color);
      background: var(--background-second-color);
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
    #product-blocks a:hover img {
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1); }
    #product-blocks a::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
   
      z-index: 1; }
      @media only screen and (max-width: 780px) {
        #product-blocks a::after {
          bottom: 0; } }
      @media only screen and (min-device-width: 601px) and (max-device-width: 793px) and (orientation: portrait) {
        #product-blocks a::after {
          bottom: 0; } }
      @media only screen and (min-device-width: 433px) and (max-device-width: 962px) and (orientation: landscape) {
        #product-blocks a::after {
          bottom: 0; } }
      @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        #product-blocks a::after {
          bottom: 0; } }
    @media only screen and (max-width: 800px) {
      #product-blocks a {
        font-size: 1.42857em; } }