div#Content .FlipCards {
  font-size: 0;
  margin-left: -20px;
  margin-bottom: -20px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  --column-gap: 40px;
  /*margin-top: -$Metric-Separator-Extended;*/
}
@media only screen and (min-width: 760px) {
  div#Content .FlipCards {
    margin-left: calc(-1 * var(--column-gap));
  }
  div#Content .FlipCards.FlipCards-1 div.Flip-Container, div#Content .FlipCards[columns="1"] div.Flip-Container {
    max-width: 100% !important;
    flex-basis: 100%;
  }
  div#Content .FlipCards.FlipCards-2 div.Flip-Container, div#Content .FlipCards[columns="2"] div.Flip-Container {
    max-width: calc(50% - var(--column-gap)) !important;
    flex-basis: 50%;
    /* &[colspan="2"] {
        width: 100%;
        margin-left: 0;
    }*/
  }
  div#Content .FlipCards.FlipCards-3 div.Flip-Container, div#Content .FlipCards[columns="3"] div.Flip-Container {
    max-width: calc(33.3333333333% - var(--column-gap)) !important;
    flex-basis: 33%;
    /*&[colspan="2"] {
        width: calc(100%/3*2 - var(--column-gap));
    }

    &[colspan="3"] {
        width: 100%;
    }*/
  }
  div#Content .FlipCards.FlipCards-4 div.Flip-Container, div#Content .FlipCards[columns="4"] div.Flip-Container {
    max-width: calc(25% - var(--column-gap)) !important;
    flex-basis: 25%;
    /*&[colspan="2"] {
        width: calc(100%/4*2 - var(--column-gap));
    }

    &[colspan="3"] {
        width: calc(100%/4*3 - var(--column-gap));
    }

    &[colspan="4"] {
        width: 100%;
    }*/
  }
  div#Content .FlipCards div.Flip-Container {
    margin-left: var(--column-gap);
  }
}
@media only screen and (max-width: 759px) {
  div#Content .FlipCards div.Flip-Container {
    width: 100%;
  }
}
div#Content .FlipCards--RoundedBorders div.Flip-Container {
  border-radius: var(--style-card-radius);
}
div#Content .FlipCards--RoundedBorders div.Flip-Container div.Card {
  border-radius: var(--style-card-radius);
  overflow: hidden;
}
div#Content .FlipCards--RoundedBorders div.Flip-Container div.Flipper {
  border-radius: var(--style-card-radius);
}
div#Content .FlipCards--RoundedBorders div.Flip-Container div.Flipper .Front, div#Content .FlipCards--RoundedBorders div.Flip-Container div.Flipper .Back {
  border-radius: var(--style-card-radius);
  overflow: hidden;
}
div#Content .FlipCards--LayoutFreccia {
  padding-top: 55px;
}
div#Content .FlipCards--LayoutFreccia .Flip-Container {
  position: relative;
  overflow: visible !important;
}
div#Content .FlipCards--LayoutFreccia .Flip-Container div.Card {
  border-radius: unset !important;
}
div#Content .FlipCards--LayoutFreccia .Flip-Container div.Commands {
  margin-bottom: 40px !important;
}
div#Content .FlipCards--LayoutFreccia .Flip-Container div.Flipper {
  border-radius: 0 0 var(--style-card-radius) var(--style-card-radius);
}
div#Content .FlipCards--LayoutFreccia .Flip-Container div.Flipper div.Front, div#Content .FlipCards--LayoutFreccia .Flip-Container div.Flipper div.Back {
  border-radius: 0 0 var(--style-card-radius) var(--style-card-radius);
}
div#Content .FlipCards--LayoutFreccia .Flip-Container::after {
  content: "";
  position: absolute;
  top: -39px;
  left: 0;
  height: 40px;
  background-color: white;
  width: 100%;
  clip-path: polygon(0% 0%, 43.25% 0%, 50% 30px, 56.75% 0%, 100% 0%, 100% 100%, 0% 100%);
  border-radius: var(--style-card-radius) var(--style-card-radius) 0 0;
}
div#Content .FlipCards--Shadow div.Flip-Container {
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
div#Content .FlipCards--Carousel div.Flip-Container:has(div.Card) {
  max-width: 20%;
}
div#Content .FlipCards--DiffHeight {
  align-items: flex-start;
}
div#Content .FlipCards--DiffHeight .Flip-Container .Flipper .Front.No__Title {
  padding-top: 69% !important;
}
div#Content .FlipCards--DiffHeight .Flip-Container .Card .Card__Container .Card__Content.Card__Content__NoLink {
  padding-bottom: 12px;
}
@media only screen and (min-width: 760px) {
  div#Content .FlipCards--Separator {
    --column-gap: 40px;
  }
  div#Content .FlipCards--Separator.FlipCards-2 div.Flip-Container:not(:nth-child(2n+1))::before, div#Content .FlipCards--Separator[columns="2"] div.Flip-Container:not(:nth-child(2n+1))::before {
    left: calc(-1 * var(--column-gap) / 2);
    background-color: #ccc;
    position: absolute;
    content: " ";
    height: 100%;
    width: 1px;
    top: 0;
  }
  div#Content .FlipCards--Separator div.Flip-Container {
    overflow: visible;
  }
  div#Content .FlipCards--Separator.FlipCards-3 div.Flip-Container:not(:nth-child(3n+1))::before, div#Content .FlipCards--Separator[columns="3"] div.Flip-Container:not(:nth-child(3n+1))::before {
    left: calc(-1 * var(--column-gap) / 2);
    background-color: #ccc;
    position: absolute;
    content: " ";
    height: 100%;
    width: 1px;
    top: 0;
  }
  div#Content .FlipCards--Separator div.Flip-Container {
    overflow: visible;
  }
  div#Content .FlipCards--Separator.FlipCards-4 div.Flip-Container:not(:nth-child(4n+1))::before, div#Content .FlipCards--Separator[columns="4"] div.Flip-Container:not(:nth-child(4n+1))::before {
    left: calc(-1 * var(--column-gap) / 2);
    background-color: #ccc;
    position: absolute;
    content: " ";
    height: 100%;
    width: 1px;
    top: 0;
  }
  div#Content .FlipCards--Separator div.Flip-Container {
    overflow: visible;
  }
  div#Content .FlipCards--Separator.FlipCards-5 div.Flip-Container:not(:nth-child(5n+1))::before, div#Content .FlipCards--Separator[columns="5"] div.Flip-Container:not(:nth-child(5n+1))::before {
    left: calc(-1 * var(--column-gap) / 2);
    background-color: #ccc;
    position: absolute;
    content: " ";
    height: 100%;
    width: 1px;
    top: 0;
  }
  div#Content .FlipCards--Separator div.Flip-Container {
    overflow: visible;
  }
}
div#Content .FlipCards--AlignCenter {
  justify-content: center;
}
div#Content .FlipCards div.Card {
  height: 100%;
}
div#Content .FlipCards div.Card div.Card__Container {
  height: 100%;
  display: flex;
  flex-flow: column;
}
div#Content .FlipCards div.Card div.Card__Container div.Card__Content {
  flex: 1;
  padding-top: 20px;
  font-size: 12px;
}
div#Content .FlipCards div.Card div.Card__Container div.Card__Info {
  font-size: 12px;
}
div#Content .FlipCards div.Card div.Card__Image {
  overflow: hidden;
  padding-top: 75%;
  position: relative;
  width: 100%;
  height: unset;
}
div#Content .FlipCards div.Card div.Card__Image img,
div#Content .FlipCards div.Card div.Card__Image video {
  transition: transform 500ms linear;
  position: absolute;
  background: black;
  object-fit: cover;
  height: 100%;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
div#Content .FlipCards div.Card div.Card__Title {
  font-size: 18px;
  font-weight: bold;
  margin: 0 20px;
  text-transform: uppercase;
}
div#Content .FlipCards div.Card div.Card__Description {
  margin: 10px 20px 0;
}
div#Content .FlipCards div.Card div.Card__Info {
  margin: 10px 20px 20px;
}
div#Content .FlipCards div.Card a.Info {
  height: 48px;
  color: white;
  display: block;
  font-size: 16px;
  line-height: 48px;
  margin: 10px 0 0 0;
  text-align: center;
  text-decoration: unset;
  background: var(--color-card-button);
}
div#Content .FlipCards div.Card p {
  margin: 0 !important;
}
div#Content .FlipCards div.Card:hover {
  cursor: pointer;
}
div#Content .FlipCards div.Card:hover div.Card__Image img {
  transform: scale(1.1);
}
div#Content .FlipCards div.Card:hover a.Info {
  background-color: var(--color-card-button-hover);
}
div#Content .FlipCards .Flip-Container {
  margin-left: 20px;
  margin-bottom: 20px;
  perspective: 1000px;
  display: inline-block;
  background-color: white;
  flex-basis: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 550px) {
  div#Content .FlipCards .Flip-Container {
    flex-basis: calc(50% - 40px);
    max-width: calc(50% - 40px);
  }
}
@media only screen and (min-width: 825px) {
  div#Content .FlipCards .Flip-Container {
    flex-basis: calc(33.33% - 40px);
    max-width: calc(33.33% - 40px);
  }
}
@media only screen and (min-width: 1100px) {
  div#Content .FlipCards .Flip-Container {
    flex-basis: calc(25% - 40px);
    max-width: calc(25% - 40px);
  }
}
@media only screen and (min-width: 760px) {
  div#Content .FlipCards .Flip-Container:hover .Flipper, div#Content .FlipCards .Flip-Container.hover .Flipper {
    transform: rotateY(180deg);
  }
}
div#Content .FlipCards .Flip-Container.Flip-Container--Flipper {
  box-shadow: none !important;
  overflow: visible;
}
div#Content .FlipCards .Flip-Container .Flipper {
  width: 100%;
  height: 100%;
  transition: 0.6s;
  position: relative;
  transform-style: preserve-3d;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.1);
}
div#Content .FlipCards .Flip-Container .Flipper .Front, div#Content .FlipCards .Flip-Container .Flipper .Back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  flex-basis: 100%;
  flex-wrap: wrap;
  cursor: default;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
div#Content .FlipCards .Flip-Container .Flipper .Front {
  z-index: 2;
  transform: rotateY(0deg);
}
div#Content .FlipCards .Flip-Container .Flipper .Back {
  position: absolute;
  transform: rotateY(180deg);
}
div#Content .FlipCards .Flip-Container {
  --info-height: 80px;
}
@media only screen and (max-width: 759px) {
  div#Content .FlipCards .Flip-Container {
    --info-height: 48px;
  }
}
div#Content .FlipCards .Flip-Container.Offline div.Flipper::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  content: " ";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
}
div#Content .FlipCards .Flip-Container.Offline div.ActionBar a.Hide i::before {
  content: "\f06e";
}
div#Content .FlipCards .Flip-Container .SettingsPanel {
  position: relative;
  display: inline-block;
}
div#Content .FlipCards .Flip-Container .SettingsPanel .Panel {
  z-index: 40;
  display: none;
  position: absolute;
  background-color: white;
  bottom: 30px;
  border: 1px solid black;
  padding: 20px;
  min-width: 400px;
  text-align: left;
  left: 0;
}
div#Content .FlipCards .Flip-Container .SettingsPanel .Panel img {
  max-width: 142px !important;
  max-height: 106px !important;
}
div#Content .FlipCards .Flip-Container .SettingsPanel .Panel a.Close {
  padding: 10px 10px 10px 0;
  margin-top: 15px;
  display: inline-block;
}
div#Content .FlipCards .Flip-Container .IconeFiltri i {
  font-size: 13px;
  margin-right: 10px;
}
div#Content .FlipCards .Flip-Container .Flipper .Content {
  flex: 1 0 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: calc(100% - var(--info-height));
}
div#Content .FlipCards .Flip-Container .Flipper .Content.No__Link, div#Content .FlipCards .Flip-Container .Flipper .Content.No__Title {
  overflow: unset;
}
div#Content .FlipCards .Flip-Container .Flipper .Info {
  flex-grow: 1;
  flex-wrap: wrap;
  display: flex;
  align-content: center;
  height: var(--info-height);
  padding: 0 15px;
  font-size: 17px;
  overflow: hidden;
  line-height: unset;
  align-items: center;
  text-transform: uppercase;
}
div#Content .FlipCards .Flip-Container .Flipper .Info .TempoAttesa,
div#Content .FlipCards .Flip-Container .Flipper .Info .NonDisponibile {
  font-size: 0.7em;
}
div#Content .FlipCards .Flip-Container .Flipper .Info p {
  margin: 0 !important;
}
div#Content .FlipCards .Flip-Container .Flipper div[data-cms-inline] {
  width: 100%;
}
div#Content .FlipCards .Flip-Container .Flipper .Front {
  padding-top: 69%;
}
div#Content .FlipCards .Flip-Container .Flipper .Front .Content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
div#Content .FlipCards .Flip-Container .Flipper .Front .Content img {
  width: 100% !important;
}
div#Content .FlipCards .Flip-Container .Flipper .Front div.Info {
  color: white;
  background-color: var(--color-flip-card-bar);
}
div#Content .FlipCards .Flip-Container .Flipper .Front a.Info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: unset;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 760px) {
  div#Content .FlipCards .Flip-Container .Flipper .Front a.Info {
    display: none;
  }
}
div#Content .FlipCards .Flip-Container .Flipper .Back .Content {
  padding: 20px;
  font-size: 14px;
  background-color: white;
}
div#Content .FlipCards .Flip-Container .Flipper .Back .Content h3 {
  margin: 0;
  font-size: 18px;
  margin-bottom: 20px;
  color: var(--color-accent);
  text-transform: uppercase;
}
div#Content .FlipCards .Flip-Container .Flipper .Back.No__Link {
  overflow: hidden;
}
div#Content .FlipCards .Flip-Container .Flipper .Back .Info {
  color: white;
  text-decoration: none;
  background-color: var(--color-flip-card-bar);
}
div#Content .FlipCards .Flip-Container .Flipper .Back .Info:hover {
  background-color: var(--color-flip-card-bar-hover);
}

body.CMS div#Content .FlipCards .Flip-Container {
  perspective: none;
  margin-top: 15px;
  position: relative;
  overflow: unset;
}
body.CMS div#Content .FlipCards .Flip-Container:not(.Hidden) div.Commands a.Show {
  display: none;
}
body.CMS div#Content .FlipCards .Flip-Container.Hidden::before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
}
body.CMS div#Content .FlipCards .Flip-Container.Hidden div.Commands a.Hide {
  display: none;
}
body.CMS div#Content .FlipCards .Flip-Container .Commands {
  position: absolute;
  font-size: 12px;
  bottom: 100%;
  right: 0;
  margin-bottom: 5px;
  color: var(--cms-color-regular);
}
body.CMS div#Content .FlipCards .Flip-Container .Commands a {
  text-align: right;
  color: inherit;
}
body.CMS div#Content .FlipCards .Flip-Container .Commands a:hover {
  color: var(--cms-color-dark);
}
body.CMS div#Content .FlipCards .Flip-Container:hover .Flipper, body.CMS div#Content .FlipCards .Flip-Container.hover .Flipper {
  transform: none;
}
body.CMS div#Content .FlipCards .Flip-Container .Flipper .Front, body.CMS div#Content .FlipCards .Flip-Container .Flipper .Back {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  transform: rotateY(0deg);
  position: static;
  display: block;
  height: auto;
}
body.CMS div#Content .FlipCards .Flip-Container .Flipper .Back:before {
  content: "";
  display: block;
  height: 1px;
  margin: 10px 0;
  background-color: #999;
}
body.CMS div#Content .FlipCards .Flip-Container .Flipper .Back:after {
  content: "";
  display: block;
  height: 1px;
  margin: 10px 0;
  background-color: #999;
}
body.CMS div#Content .FlipCards .Flip-Container .Flipper .Back .Info {
  height: unset;
  display: block;
  padding: 0.5em;
}
body.CMS div#Content .FlipCards .Flip-Container .Flipper .Back .Content {
  height: 199.5px;
}
body.CMS div#Content .FlipCards .Flip-Container .Filter {
  padding: 10px;
  font-size: 14px !important;
  color: white;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: var(--color-accent);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.CMS div#Content .FlipCards .Flip-Container .Filter div.Group::after {
  clear: both;
  content: "";
  display: block;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Progetti/Lux/Lux/Content/Theme/FlipCardGallery.scss%22,%22file:///C:/Progetti/Lux/Lux/Content/Theme/_Library.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAOA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AACA;;AAEA;EAVJ;IAWQ;;EAKI;IACI;IACA;;EAMJ;IACI;IACA;AACA;AAAA;AAAA;AAAA;;EASJ;IACI;IACA;AACA;AAAA;AAAA;;AAAA;AAAA;AAAA;;EAYJ;IACI;IACA;AACA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;EAcR;IACI;;;AAIR;EACI;IACI;;;AAKJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;AAMhB;EACI;;AAEA;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIJ;EACI;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMR;EACI;;AAKJ;EACI;;AAIR;EACI;;AAII;EACI;;AAIR;EACI;;AAKJ;EADJ;IAEQ;;EAMY;IACI;IACA,kBC7KV;ID8KU;IACA;IACA;IACA;IACA;;EAKZ;IACI;;EAbI;IACI;IACA,kBC7KV;ID8KU;IACA;IACA;IACA;IACA;;EAKZ;IACI;;EAbI;IACI;IACA,kBC7KV;ID8KU;IACA;IACA;IACA;IACA;;EAKZ;IACI;;EAbI;IACI;IACA,kBC7KV;ID8KU;IACA;IACA;IACA;IACA;;EAKZ;IACI;;;AAMhB;EACI;;AAIJ;EACI;;AAEA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGI;EACI;;AAIR;EACI;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;IACA;;;AAGJ;EAdJ;IAeQ;IACA;;;AAGJ;EAnBJ;IAoBQ;IACA;;;AAGJ;EACI;IACI;;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAKZ;EACI;;AAIA;EALJ;IAMQ;;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAKZ;EACI;EACA;;AAMA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;;AAIR;EACI;;AAGJ;EACI;;AAGA;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAXJ;IAYQ;;;AAMR;EASI;EACA;EACA;;AAVA;EACI;EACA;EACA;EACA,OAnfR;EAofQ;;AAQR;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAUhB;EACI;EACA;EACA;EACA;;AAIQ;EACI;;AAMR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;AAKZ;EACI;;AAIA;EACI;EACA;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA,kBChlBX;;ADmlBO;EACI;EACA;EACA;EACA;EACA,kBCxlBX;;AD2lBO;EACI;EACA;EACA;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBApnBA;EAqnBA;EACA;EACA;;AAEA;EACI;EACA;EACA%22%7D */