/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.product-carousel {
  width: 100%;
  height: 215px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -webkit-linear-gradient(#fff 0%, #ededed 100%);
  background: -o-linear-gradient(#fff 0%, #ededed 100%);
  background: linear-gradient(#fff 0%, #ededed 100%);
  overflow: hidden;
  margin-bottom: 125px; }
  .product-carousel ul {
    height: 215px;
    margin: 0;
    padding: 0; }
  .product-carousel li {
    list-style-type: none;
    width: 108px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin: 0 20px; }
    .product-carousel li figure {
      width: 108px;
      height: 154px;
      display: -ms-flexbox;
      display: flex;
      margin: 0; }
    .product-carousel li a {
      display: -ms-flexbox;
      display: flex; }
      .product-carousel li a img {
        -o-object-fit: contain;
           object-fit: contain; }