.service__card__provider
  +top-horizontal-rule(1, 2px)

.service__card__image
  &:hover
    .service__card__mask
      opacity: 1
  +space(height, 8)
  +space(margin-bottom, 0.5)
  position: relative
  img
    width: 100%
    +space(height, 8)

.service__card__image--large
  &:hover
    .service__card__mask
      opacity: 1
  +space(height, 14)
  position: relative

.service__card__image--large-no-space
  position: relative

.service__card__image__price
  position: absolute
  +space(top, 0.5)
  +space(right, 0.5)
  background-color: $orange
  border-radius: $border-radius
  +space(padding-top, 0.25)
  +space(padding-bottom, 0.25)
  +space(padding-left, 0.5)
  +space(padding-right, 0.5)
  color: $white

.service__card__image__tag
  @extend .service__card__image__price
  background-color: $yellow

.service__card__mask
  opacity: 0
  background-color: rgba($black, 0.7)
  position: absolute
  width: 100%
  height: 100%
  color: $white
  -webkit-transition: opacity 0.11s ease-out
  -moz-transition: opacity 0.11s ease-out
  -o-transition: opacity 0.11s ease-out
  transition: opacity 0.11s ease-out

.service__card__mask__content
  bottom: 0px
  position: absolute
  +space(margin-bottom)
  +space(margin-left)

.service__card__title
  +space(min-height, 2)

.service__card__provider__info
  display: inline-block
  float: left

.service__card__provider__image
  +space(min-height, 2)
  +space(margin-right, 0.5)
  float: left

.service__card__provider__name
  font-weight: bold
  display: block

.service__card__provider__country
  color: $gray

.service__card__content
  +space(height, 8)
  overflow: hidden
  background: $gray-lightest2
  +space(padding-top, 2)

.service__card__content__title
  +space(margin-top, 0.5)
  display: block
  text-align: center

.service__card__content__svg
  width: 100px
  +space(height, 3)
  display: block
  margin: 0 auto

.service__card__container--custom-job
  display: block
  +space(min-height, 8)
  +space(margin-bottom, 0.5)

.service__card__text__name
  +space(max-height, 2)
  overflow: hidden

.service__card__text
  +space(height, 3)
  overflow: hidden
  +space(margin-bottom, 0.5)

.service__card__text--no-category
  +space(height, 2)
  overflow: hidden
  +space(margin-bottom, 0.5)

.service__card__text--no-category-no-space
  overflow: hidden
  +space(margin-bottom, 0.5)

.service__card--4
  &:nth-child(4n)
    margin-right: 0
    clear: right
  &:nth-child(4n+1)
    clear: left