/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./sources/css/components/col-cards--v7.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.mobile .v7 .col-card__buttons {
  display: none; }

.mobile .v7 .col-card__mobile {
  display: block !important; }

body:not(.mobile) .v7 .col-card__item {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.v7 {
  overflow: hidden; }
  .v7 .col-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (hover: hover) {
      .v7 .col-card:hover.has-hover .col-card__img {
        opacity: 0; }
      .v7 .col-card:hover.has-hover .col-card__img-hover {
        opacity: 1; } }

@media (hover: hover) and (min-width: 768px) {
  .v7 .col-card:hover .col-card__item {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); } }
    @media (hover: hover) {
      .v7 .col-card:hover .col-card__product {
        opacity: 0;
        visibility: hidden;
        height: 0; }
      .v7 .col-card:hover .col-card__buttons {
        height: auto;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
        transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
        position: relative; } }
    .v7 .col-card__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: hidden;
      height: 100%;
      width: 100%;
      text-align: center;
      -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: -webkit-transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .v7 .col-card__header {
      position: relative;
      overflow: hidden;
      max-width: 70%;
      margin-left: auto;
      margin-right: auto; }
      .v7 .col-card__header .stretch-img {
        z-index: 2; }
      .v7 .col-card__header .block-tag {
        position: absolute;
        top: var(--spacers-xxxs);
        left: var(--spacers-xxxs);
        z-index: 10;
        height: auto;
        width: auto; }
    .v7 .col-card__img {
      -webkit-transition: opacity 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: opacity 0.35s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .v7 .col-card__img-hover {
      opacity: 0;
      -webkit-transition: opacity 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: opacity 0.35s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .v7 .col-card__cnt {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding: var(--spacers-sm) 0 0; }
    .v7 .col-card__buttons {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
      position: absolute; }
      @media (max-width: 767.98px) {
        .v7 .col-card__buttons {
          display: none; } }