.thumbnails .container {
  position: relative; }

.top-label {
  width: 260px;
  height: 126px;
  background: url(https://ecutools.eu/assets/b865d5f0/img/sprite.svg) 0 0 no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font: 20px/40px 'GothamProBold', sans-serif;
  color: #fff;
  border: 1px solid transparent;
  position: absolute;
  top: -35px;
  left: -105px;
  padding: 8px 0 0 51px;
  z-index: 199; }

.thumbnail {
  width: 100%;
  max-width: 225px;
  margin: 0px auto;
  padding: 0px 4px; }
  .thumbnail__img {
    text-align: center; }
    .thumbnail__img img {
      height: 165px !important;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
  .thumbnail__desc {
    display: none; }
  .thumbnail__content {
    margin: 9px;
    margin-top: 25px;
    color: #000;
    border-top: 2px solid #B2B5B7;
    -webkit-transition: border .3s ease;
    transition: border .3s ease; }
    .thumbnail__content h3,
    .thumbnail__content h3 > a {
      font: 18px/21px 'GothamProBold', sans-serif;
      color: #656C6F;
      -webkit-transition: color .3s ease;
      transition: color .3s ease; }
      .thumbnail__content h3:hover,
      .thumbnail__content h3 > a:hover {
        text-decoration: none; }
      @media (max-width: 767px) {
        .thumbnail__content h3,
        .thumbnail__content h3 > a {
          font-size: 12px; } }
    .thumbnail__content p {
      font: 12px/18px 'gothamPro', sans-serif;
      color: #656C6F;
      -webkit-transition: color .3s ease;
      transition: color .3s ease; }
    .thumbnail__content .thumbnail__name{
      font: 14px/14px 'GothamPro', sans-serif;}
  .thumbnail__buy {
    color: #656C6F;
    font: 12px/12px 'GothamProBold', sans-serif;
    -webkit-transition: color .3s ease;
    transition: color .3s ease; }
    .thumbnail__buy .fa {
      font-size: 17px; }
    .thumbnail__buy:hover {
      color: #E20932;
      text-decoration: none; }
      .thumbnail__buy:hover > span {
        color: #E20932;
        text-decoration: underline; }
  .thumbnail__price {
    font-size: 24px;
    color: #E20932; }
    @media (max-width: 767px) {
      .thumbnail__price {
        font-size: 17px; } }
  .thumbnail__label {
    font: 12px/24px 'GothamProBold', sans-serif;
    position: absolute;
    top: -10px;
    color: #E20932;
    z-index: 99; }
    .thumbnail__label:before {
      content: '';
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      top: -1px; }
  .thumbnail__label:before {
    margin: 0px 9px;
    width: 24px;
    height: 24px;
    background: url(https://ecutools.eu/assets/b865d5f0/img/sprite.svg) 37.80919% 56.64063% no-repeat; }
  .thumbnail:before {
    content: ' ';
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 99;}
  .thumbnail:hover .thumbnail__img {}
    .thumbnail:hover .thumbnail__img img {
      -webkit-transform: scale(1.07);
      transform: scale(1.07); }
  .thumbnail:hover .thumbnail__content {
    border-color: transparent; }
    .thumbnail:hover .thumbnail__content h3,
    .thumbnail:hover .thumbnail__content h3 a,
    .thumbnail:hover .thumbnail__content p {
      color: black; }
  .thumbnail:hover:before {
    top: -20px;
    right: -6px;
    bottom: 0px;
    left: -6px;
    opacity: 1;
    border: 2px solid #E20932;}