.card { position: relative; display: flex; flex-direction: column; margin: 0; background-color: #FFF; border: 0 solid transparent; border-radius: 0; background-clip: border-box; min-width: 0; word-wrap: break-word; overflow: hidden; }

.card > a { text-decoration: none; }

.card > hr { margin-right: 0; margin-left: 0; }

.card > .list-group { border-top: inherit; border-bottom: inherit; }

.card > .list-group:first-child { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; }

.card.grid-wrapper { display: grid !important; grid-gap: 0; }

.card.grid-wrapper .card-img-background { height: 100%; padding-bottom: 0; }

.card .card-info { border-top: 1px solid #777; padding-top: 1.5rem; display: flex; }

.card .card-info.top { border-top: none; border-bottom: 1px solid #777; padding-bottom: 0.5rem; padding-top: 0; margin-bottom: 1rem; margin-top: -0.25rem; }

.card .card-info span { font-size: 0.75rem; color: #777; text-transform: uppercase; }

.card .card-info span:nth-of-type(2) { margin-left: auto; }

.card .card-content { margin-bottom: 1.5rem; }

.card.grid-3 .tag-wrapper span { display: none; }

.card.grid-3 .tag-wrapper span:nth-of-type(1), .card.grid-3 .tag-wrapper span:nth-of-type(2) { display: inline-block; }

.card.grid-4 .tag-wrapper span { display: none; }

.card.grid-4 .tag-wrapper span:nth-of-type(1), .card.grid-4 .tag-wrapper span:nth-of-type(2), .card.grid-4 .tag-wrapper span:nth-of-type(3) { display: inline-block; }

.card .tag-wrapper { position: absolute; bottom: 0.5rem; right: 0.5rem; }

.card .tag-wrapper span { border-radius: 50rem; margin-left: 3px; text-transform: uppercase; letter-spacing: .08em; color: #000; background-color: #FFF; padding: 0.35rem 0.7rem 0.3rem; font-size: 12px; }

.card-body { flex: 1 1 auto; padding: 0.675rem 0; }

.card-title { margin-bottom: 0.5rem; color: #000 !important; font-size: 1rem; font-weight: bold; }

.card-text { margin-bottom: 1rem; color: #000; font-size: 0.875rem; }

.card-text h2 { margin-bottom: 0.5rem; }

.card-text h3 { font-size: 1.25rem; font-weight: bold; margin-bottom: 0.5rem; }

.card-text strong { font-size: 1rem; margin-bottom: 0.5rem; }

.card-subtitle { margin-top: -0.25rem; margin-bottom: 0; }

.card-text :last-child { margin-bottom: 0; }

.card-link:hover { text-decoration: none; }

.card-link + .card-link { margin-left: 1rem; }

.img-wrapper { position: relative; }

.card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(0.25rem - 1px); }

.card-img, .card-img-top, .card-img-bottom { width: 100%; }

.card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); }

.card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); }

.card-img-background { position: relative; padding-bottom: 66.67%; background-repeat: no-repeat !important; }

.card-img-background.cover { background-size: cover !important; background-position: center center; }

.card-img-background.contain { background-size: contain !important; background-position: top center; }

.card-img-background.ratio-4-3 { padding-bottom: 75%; }

.card-img-background.ratio-1-1 { padding-bottom: 100%; }

.card-label { position: absolute; bottom: -1px; left: 0; color: #777; background-color: #FFF; padding: 0.5rem 2rem; border-top-right-radius: 0; }

.card-label .fe { margin-right: 0.25rem; }

.card-group > .card { margin-bottom: 0.75rem; }

.owl-nav .owl-prev, .owl-nav .owl-next { background-color: #F4F4F4 !important; color: #777 !important; }

@media (max-width: 575px) { .card.grid-wrapper .card-img-background { padding-bottom: 56.25%; }
  .card-body { padding: 1rem 0 0; } }

@media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; }
  .card-group > .card { flex: 1 0 0%; margin-bottom: 0; }
  .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; }
  .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; }
  .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; }
  .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; }
  .card-group > .card + .card { margin-left: 0; border-left: 0; } }
