.mbg-product-card figure {
font-family: 'Raleway', Arial, sans-serif;
position: relative;
overflow: hidden !important;
margin: 0;
width: 100%;
background: #000000;
color: #333;
text-align: left;
}
.mbg-product-card figure * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.mbg-product-card figure img {
max-width: 100%;
vertical-align: top;
display: block;
}
.mbg-product-card figure figcaption {
position: relative;
padding: 20px 25px 50px;
}
.mbg-product-card figure h3 {
position: absolute;
bottom: 100%;
text-transform: uppercase;
padding: 0px 25px;
line-height: 44px;
margin: 0;
left: 0;
font-size: 20px;
font-weight: 400;
background-color: #000000;
color: #ffffff;
}
.mbg-product-card figure h3 span {
font-weight: 800;
}
.mbg-product-card figure h3:before {
position: absolute;
left: 100%;
border-style: solid;
border-width: 44px 0 0 12px;
border-color: transparent transparent transparent #000000;
content: '';
top: 0;
}
.mbg-product-card figure p {
font-size: 12px;
font-weight: 500;
text-align: left;
margin: 0;
line-height: 1.6em;
}
.mbg-product-card figure .price {
position: absolute;
top: 0;
right: 0;
color: #ffffff;
background-color: #000000;
padding: 0 10px;
line-height: 40px;
font-weight: 800;
}
.mbg-product-card figure .price:before {
position: absolute;
right: 100%;
border-style: solid;
border-width: 0 12px 40px 0;
border-color: transparent #2472a4 transparent; 
content: '';
top: 0;
}
.mbg-product-card figure a {
text-decoration: none;
position: absolute;
bottom: 0;
right: 0;
background-color: #000000;
line-height: 40px;
padding: 0 10px;
color: #ffffff;
font-weight: 800;
font-size: 0.9em;
text-transform: uppercase;
}
.mbg-product-card figure a:before {
position: absolute;
right: 100%;
border-style: solid;
border-width: 0 0 40px 12px;
border-color: transparent transparent #000000;
content: '';
top: 0;
}
.mbg-product-card figure.blue {
background-color: #2472a4;
}
.mbg-product-card figure.blue h3,
.mbg-product-card figure.blue a,
.mbg-product-card figure.blue .price {
background-color: #2472a4;
} .mbg-product-card figure.blue h3:before {
border-color: transparent transparent transparent #2472a4;
}
.mbg-product-card figure.blue a:before {
border-color: transparent transparent #2472a4;
}
.mbg-product-card figure.red {
background-color: #ab3326;
}
.mbg-product-card figure.red h3,
.mbg-product-card figure.red a,
.mbg-product-card figure.red .price {
background-color: #ab3326;
}
.mbg-product-card figure.red .price:before {
border-color: transparent #ab3326 transparent;
}
.mbg-product-card figure.red h3:before {
border-color: transparent transparent transparent #ab3326;
}
.mbg-product-card figure.red a:before {
border-color: transparent transparent #ab3326;
}
.mbg-product-card figure.orange {
background-color: #d67118;
}
.mbg-product-card figure.orange h3,
.mbg-product-card figure.orange a,
.mbg-product-card figure.orange .price {
background-color: #d67118;
}
.mbg-product-card figure.orange .price:before {
border-color: transparent #d67118 transparent;
}
.mbg-product-card figure.orange h3:before {
border-color: transparent transparent transparent #d67118;
}
.mbg-product-card figure.orange a:before {
border-color: transparent transparent #d67118;
}
.mbg-product-card figure:hover img,
.mbg-product-card figure.hover img {
-webkit-transform: scale(1.1) !important;
transform: scale(1.1) !important;
}