.zlg--component-container:has(> .zlg--side-by-side) {
  background-color: #000000;
}

.zlg--component-container:has(> .zlg--side-by-side.alternate) {
  background-color: #F4F4F1;
}

.zlg--component-container:has(> .zlg--side-by-side.alternate-2),
.zlg--side-by-side.alternate-2 {
  background-color: #ffffff;
}

.zlg--component.zlg--side-by-side.alternate-2 p, .zlg--component.zlg--side-by-side.alternate-2 li, 
.zlg--component.zlg--side-by-side.alternate-2 h2 {
    color: #000000;
}

.zlg--component.zlg--side-by-side.alternate-2 .inner>div>b,
.zlg--component.zlg--side-by-side.alternate-2 b.hr  {
	background-color:#000000;
}


.zlg-container.zlg-gallery-container {
  width: 100%;
}


/* Use these custom variables... */
:root {
  --polka-bg-image: radial-gradient(rgb(0, 0, 0) 10%, transparent 10%);
  --polka-bg-position: 12px 12px;
  --polka-bg-size: 24px 24px;
  --polka-bg-color: rgb(255, 255, 255);
}

/* ...or add this class to an element */
.polka {
  background-image: radial-gradient(rgb(0, 0, 0) 10%, transparent 10%);
  background-position: 12px 12px;
  background-size: 24px 24px;
  background-color: rgb(255, 250, 246);
}

.zlg--project-heading-container+.zlg--component-container.submenu-container .zlg--component.zlg--menu {
  transform: translateY(0) !important;
}

.zlg--project-heading-container+.zlg--component-container.submenu-container a.submenu-next,
.zlg--project-heading-container+.zlg--component-container.submenu-container a.submenu-prev {
  transform: translateY(0) !important;
}

@media only screen and (max-width: 759px) {


  .zlg--component.zlg--main-heading h1,
  .zlg--component.zlg--new-heading>.inner h1,
  .zlg--component.zlg--section-title h1,
  .zlg--component.zlg--new-selected>.inner h2,
  .zlg-text-image-text h3 {
    font-family: "IBM Plex Mono";
    font-weight: 500;
    font-style: italic;
  }

  .zlg--component.zlg--main-heading .inner--desktop h1 {
    font-size: 3.25rem;
  }

  .zlg--component.zlg--new-heading>.inner h1 {
    font-size: 2.75rem;
  }

  .zlg--component.zlg--section-title h1 {
    font-size: 2.5rem;
  }

  .zlg--component.zlg--new-selected>.inner h2 {
    font-size: 2.2rem;
  }

  .zlg-text-image-text h3 {
    font-size: 1.8rem;
  }


  .zlg--component.zlg--menu .slick-slide .menu-item {
    padding: 0 2rem;
    box-sizing: content-box;
    position: relative;
  }

  .zlg--component.zlg--menu .slick-slide .menu-item a {
    display: flex;
    width: 100%;
    height: 100%;
  }

}

.zlg--component.zlg--main-heading h1,
.zlg--component.zlg--new-heading>.inner h1,
.zlg--component.zlg--section-title h1,
.zlg--component.zlg--new-selected>.inner h2,
.overlay-text-img h2,
/* componente tiles en desktop */
.zlg-text-image-text h3 {
  font-family: "IBM Plex Mono";
  font-weight: 300;
  font-style: italic;
}

.zlg--component.zlg--main-heading .inner--desktop h1 {
  font-size: 3.25rem;
}

.zlg--component.zlg--new-heading>.inner h1 {
  font-size: 2.75rem;
}

.zlg--component.zlg--section-title h1 {
  font-size: 2.5rem;
}

.zlg--component.zlg--new-selected>.inner h2 {
  font-size: 2.2rem;
}

.zlg-text-image-text h3 {
  font-size: 1.8rem;
}


@media only screen and (max-width: 950px),
(orientation: portrait) {
  .zlg-portfolio-mobile-info a h2 {
    /* componente tiles en movil */
    font-family: "IBM Plex Mono";
    font-weight: 700;
    font-style: italic;
  }
}

/**/

.zlg--component.zlg--new-selected .zlg--new-selected--tag {
  font-size: 1.1rem !important;
  background-color: #f4f4f1;
  display: inline-block;
  padding: 0.25em 0.5em;
  color: #000000 !important;
  text-transform: lowercase;

}

@media only screen and (max-width: 950px),
(orientation: portrait) {
  .zlg-portfolio-mobile-info a h2 {
    text-decoration: underline;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 1.5px;
  }

  .zlg--component.zlg--wide-text {
    width: 83.33%;
  }
}

.zlg--component-container:has(.zlg--component.zlg--new-heading) {
  margin-bottom: 0 !important;
}

.container.main-menu+.zlg--not-chroma {
  margin-top: 4.875rem !important;
}


.zlg-text-video-video[class*="mob-ar-"] {
  padding-bottom: 0;
  margin-left: -8.2345vw;
  padding-top: 0;
  margin-top: 0;
}


@media only screen and (max-width: 750px),
(orientation: portrait) {
  .zlg-text-image-text {
    order: 2;
  }
}

.zlg-text-video-video.hide-on-mobile .video-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.zlg--component.zlg--tiles .overlay-text-img>div {
  top: 50%;
  left: 3.5rem;
  width: calc(50% - 7rem);
  transform: translateY(-50%);
  min-width: 28rem;
}


/*93 a 96*/


.zlg--component.zlg--wide-text .inner p {
  font-family: "IBM Plex Mono";
  font-style: italic;
}

.zlg--component.zlg--card h1,
.zlg--component.zlg--side-by-side h2,
.zlg--component .zlg--new-heading h3,
.zlg--component.zlg--2-cols h2,
.zlg--component.zlg--3-cols h2 {
  font-family: "IBM Plex Mono";
  font-weight: 500;
}

.zlg--component.zlg---main-menu ul li a {
  font-weight: 300;
}


.zlg--component.zlg--card--quotation p {
  font-family: "IBM Plex Mono";
  font-style: italic;
  font-weight: 300 !important;
}


.zlg--button,
.zlg--menu a:not(.swiper-next),
.zlg--toc-container .dropdown .options div a {
  font-weight: 300;
}

@media screen and (min-width: 1920px) {

  .zlg--menu a:not(.swiper-next),
  .zlg--toc-container .dropdown .options div a {
    font-size: 1.125rem;
  }
}

.zlg--menu a:visited {
  color: inherit;
}

.zlg--breadcrumbs li {
  font-family: "IBM Plex Mono";
}

.zlg--breadcrumbs li a {
  font-size: 1.25rem;
}

.zlg--component.zlg--card h1 {
  font-weight: 300;
  font-style: italic;
  margin-top: 2.5rem;
}

.zlg-wide-image-text h3 {
  font-family: "IBM Plex Mono";
  font-size: 1.5rem;
  font-style: italic;
}

@media screen and (min-width: 1920px) {

  .zlg--component p,
  .zlg-container p,
  .zlg--new-heading p {
    font-size: 1.2rem;
  }
}

/**
  Project heading
*/

.main-heading-img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  width: 100%;
  transform: translate(-50%, -50%);
  width: 100%;
}

/**
	components.css 498
*/

.quotation-quote {
  height: 5rem;
  width: 100%;
  margin-bottom: 1.75rem;
}

.quotation-quote svg {
  height: 4.25rem;
  display: block;
  width: auto;
  object-fit: contain;
}


.zlg--component.zlg--card--quotation p:first-of-type {
  font-weight: 300 !important;
}

@media only screen and (max-width: 750px),
(orientation: portrait) {
  .zlg--component.zlg--tiles {
    padding: 0;
  }

  .portfolio_padding {
    border-bottom: 0px solid transparent;
    border-right: 1px solid #E3E3E3;
    border-top: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-radius: 4px 4px 0 0;
  }

  .zlg--component.zlg--tiles .portfolio-item-margin {
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: calc(100% - 2rem);
    opacity: 1;
    transition: opacity 500ms ease-in-out;
  }

  .zlg--component.zlg--tiles .portfolio-item-margin:before {
    content: '';
    display: block;
    width: 100%;
    height: 1rem;
    background-color: #ffffff;
  }

  .zlg--component.zlg--tiles .zlg-portfolio-mobile-info {
    width: 100%;
    padding: 1rem;
    background-color: #fff;
    border-top: 0px solid transparent;
    border-right: 1px solid #E3E3E3;
    border-bottom: 1px solid #E3E3E3;
    border-left: 1px solid #E3E3E3;
    border-radius: 0 0 4px 4px;
    margin-top: -0.825rem;
  }

}

@media only screen and (orientation: portrait) {
  .zlg--tiles-container {
    padding: 1rem;
  }
}

.quote-separator {
  width: 100%;
  height: 8.75rem;
}

@media only screen and (orientation: portrait) {
  .quote-separator {
    height: 3.65rem;
  }
}


/**
	Project heading -> video full
*/

.zlg--project-heading-video.zlg--project-heading video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  height: auto;
  pointer-events: none;
  background-color: #ffffff;
}

.zlg--project-heading-video .inner {
  opacity: 1;
}

.zlg--project-heading-video.white-over-black .inner {
  filter: invert(1);
}

.zlg--project-heading-video.black-over-white .inner {
  filter: invert(0);
}

.zlg--project-heading-video video.desktop-video {
  display: block;
}

.zlg--project-heading-video video.mobile-video {
  display: none;
}

@media only screen and (max-width: 720px),
(orientation: portrait) {

  .zlg--project-heading-video.zlg--project-heading {
    height: unset !important;
  }

  .zlg--project-heading-video video.mobile-video {
    position: relative;
  }

  .zlg--project-heading-video.ar-1-1 {
    height: unset !important;
  }


  .zlg--project-heading-video.ar-4-5 {
    height: unset !important;
  }


  .zlg--project-heading-video.ar-5-7 {
    height: unset !important;
  }


  .zlg--project-heading-video video.desktop-video {
    display: none;
  }

  .zlg--project-heading-video video.mobile-video {
    display: block;
  }

  .zlg--component.zlg--main-heading .inner--mobile {
    /* position: relative; */
  }


  .zlg--project-heading.zlg--project-heading-video iframe {
    position: relative;
  }

  .main-heading-img {
    display: block;
    position: absolute;
    height: 100%;
    width: auto;
    object-fit: cover;
  }

}


@media only screen and (max-width: 950px),
(orientation: portrait) {
  .zlg--component.zlg--main-heading .inner--desktop {
    display: none !important;
  }
}


/**/

.zlg--component.zlg--new-selected picture {
  width: 100%;
  height: auto;
}

.zlg--component.zlg--new-selected picture.new-selected-desktop {
  display: block;
}

.zlg--component.zlg--new-selected picture.new-selected-mobile {
  display: none;
}


@media only screen and (max-width: 950px),
(orientation: portrait) {
  .zlg--component.zlg--new-selected picture.new-selected-desktop {
    display: none;
  }

  .zlg--component.zlg--new-selected picture.new-selected-mobile {
    display: block;
  }

}


.zlg--component.zlg--new-selected picture img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media only screen and (max-width: 950px),
(orientation: portrait) {
  .zlg--component.zlg--main-heading .inner--desktop {
    display: none !important;
  }
}

.zlg--project-heading-video.zlg--project-heading {
  padding: 0 !important;
  height: 52vw;
  min-height: unset;
}

@media only screen and (max-width: 720px),
(orientation: portrait) {
  .zlg--home-heading.zlg--component.zlg--main-heading .inner--mobile {
    position: absolute;
  }
}

/**/

.zlg--component.zlg--3-cols .cols>div {
  padding-right: 2.5rem;
}

@media only screen and (max-width: 720px),
(orientation: portrait) {
  .zlg--component.zlg--3-cols .cols>div {
    padding-right: 0rem !important;
  }
}

.zlg--component.zlg--card p,
.zlg--component.zlg--card h1 {
  padding-right: 2.5rem;
}

/**/

.zlg--component.zlg--wide-text.without-line .inner::before {
  background-color: transparent;
}

.zlg--new-text.without-line {
  border-top-color: transparent;
}


/**/
.logged-in.admin-bar .zlg--separator .inner.p-v-0:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-1:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-2:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-3:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-4:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-5:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-6:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-7:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-8:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-9:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-10:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-11:after,
.logged-in.admin-bar .zlg--separator .inner.p-v-12:after {
  color: #dddddd;
  font-size: 0.85rem;
}

/*
2025-01-03 --- Padding for cards component
*/
.zlg--component.zlg--card {
  padding-bottom: 2.5rem;
  padding-block-end: 2.5rem;
}

/*
2025-01-16
*/

@media only screen and (max-width: 750px),
(orientation: portrait) {
  .zlg-portfolio-mobile-info a h2 {
    text-decoration-thickness: 0.75px;
    font-weight: 300;
  }
}

@media only screen and (min-width: 960px),
(orientation: landscape) {
  .zlg--component.zlg--tiles.tiles-contained-2 .img-container-for-overlay {
    padding-top: 32%;
  }
}

.zlg--component-container.zlg--toc-container {
  font-family: "IBM Plex Mono";
  font-size: 1rem;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  color: #000000;
  background-color: #ffffff;
}

.zlg--toc-container .dropdown .options div {
  background-color: transparent;
}

.zlg--toc-container .dropdown .options div:hover {
  filter: none;
  background-color: #F5F5F5;
  color: unset;
}

.zlg--toc-container .dropdown .options div a {
  font-family: "IBM Plex Mono";
  font-size: 1rem;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  color: #000000;
  text-decoration: underline;
  text-decoration-color: #BBBBBB;
  text-underline-offset: 0.5rem;
}


.zlg--component-container.zlg--toc-container.sticky {
  background-color: #F5F5F5 !important;
}

.zlg--component-container.zlg--toc-container.sticky .options {}

.zlg--component-container.zlg--toc-container.sticky .dropdown .options div {
  background: transparent !important;
}

.zlg--component-container.zlg--toc-container.sticky .dropdown .options div:hover {
  filter: unset;
  color: #000000 !important;
}

.zlg--component-container.zlg--toc-container.sticky .options div a {
  font-family: "IBM Plex Mono" !important;
  font-size: 1rem !important;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  color: #000000 !important;
  text-decoration: underline;
  text-decoration-color: #BBBBBB !important;
  text-underline-offset: 0.5rem;
}

.zlg--component-container.zlg--toc-container.sticky .options div a:hover,
.zlg--component-container.zlg--toc-container.sticky .options div a:active,
.zlg--component-container.zlg--toc-container.sticky .options div a:focus {
  color: #000000 !important;
  text-decoration-color: #BBBBBB !important;
}

@media only screen and (max-width: 750px),
(orientation: portrait) {

  .zlg--toc-container .dropdown.active .options {
    padding-bottom: 0;
  }

  .zlg--toc-container .dropdown .options {
    background-color: #F5F5F5;
  }

  .zlg--toc-container .dropdown .options div {
    padding: 0.5em 0;
    position: relative;
  }

  .zlg--toc-container .dropdown .options div::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: -10vw;
    width: 150vw;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.125);
  }

  .zlg--toc-container .dropdown .options div:last-of-type::after {
    display: none;
  }

  .zlg--toc-container .dropdown input {
    background: transparent;
    color: #000;
  }

  .zlg--component-container.zlg--toc-container.sticky .options div a {
    text-decoration: none !important;
    font-size: 1.333333rem !important;
  }

  .zlg--toc-container .dropdown .options div:last-of-type {
    margin-bottom: 0;
  }

  .zlg--toc-container .dropdown input {
    padding-left: 0.5rem;
  }

  .zlg--toc-container .dropdown.active {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

}

.zlg--side-by-side h2,
.zlg--2-cols h2,
.zlg--3-cols h2 {
  font-weight: 300 !important;
  font-style: italic !important;
}


.zlg-text-image-text h3 {
  font-size: 1.5rem !important;
}

.zlg-wide-image-text h3 {
  font-weight: 300 !important;
}

.zlg--new-text h2 {
  font-size: 2rem !important;
}

.zlg--grid-element .grid-image-caption {}

.zlg--grid-element .grid-image-caption b {
  background-color: #c4c4c4;
  margin-top: 2rem;
  width: 100%;
  height: 1px;
  display: block;
  margin-bottom: 2rem;
}

.zlg--grid-element .grid-image-caption h2 {
  color: #1a1a1a;
  font-family: "IBM Plex Mono";
  font-size: 1.5rem;
  font-weight: 300 !important;
  font-style: italic !important;
  margin-bottom: 1.875rem;
}

.zlg--grid-element .grid-image-caption p {
  font-size: 1.3333333333333333rem !important;
  color: #1a1a1a;
  margin-bottom: 1em;
}

.container.main-menu+.zlg--not-chroma+.zlg--not-chroma-mobile {
  margin-top: calc(5rem - 1px);
}

.zlg--new-selected-video-desktop,
.zlg--new-selected-video-vimeo {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.zlg--new-selected-video-desktop video,
.zlg--new-selected-video-vimeo iframe,
.zlg--new-selected-video-mobile video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.zlg--new-selected-video-mobile {
  display: none;
}

@media only screen and (max-width: 960px),
(orientation: portrait) {
  .zlg--new-selected-video-mobile {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
  }

  .zlg--new-selected-video.ar-4-5 .zlg--new-selected-video-mobile {
    padding-bottom: 125%;
  }

  .zlg--new-selected-video.ar-1-1 .zlg--new-selected-video-mobile {
    padding-bottom: 100%;

  }

  .zlg--new-selected-video.ar-5-7 .zlg--new-selected-video-mobile {
    padding-bottom: 140%;
  }

  .zlg--new-selected-video-desktop,
  .zlg--new-selected-video-vimeo {
    display: none;
  }
}

p br {
  content: "";
}

p br:after {
  content: " ";
}


/**/

.zlg--component p.specs {
  font-family: "IBM Plex Mono";
  font-size: 1.25rem !important;
  font-style: italic;
  font-weight: 300;
  text-align: left;
  color: #000000;
  margin-left: 2rem;
}

.specifications {
  display: flex;
  flex-direction: row;
  flex: 0 0 auto;
  gap: 1rem;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin-left: 13.25rem !important;
  margin-top: 1.5rem !important;
  margin-bottom: 0 !important;
}

.specifications li {
  font-family: "IBM Plex Mono";
  font-size: 1rem !important;
  font-style: normal;
  font-weight: 300;
  text-align: left;
  line-height: 1;
  color: #000000;
  background-color: #f4f4f1;
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.25rem;
  width: fit-content;
  margin-bottom: unset !important;
}

.specifications li:before {
  content: none !important;
}

.zlg--component .specs-mobile {
  p.specs {
    margin-left: 0;
  }

  .specifications {
    margin-left: 0rem !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .specifications li {}

}

.zlg--project-heading-video.white-over-black .specifications li {
  border: 1px solid #00000033;
}

/**/

.zlg--component.zlg--not-chroma.grid-image {
  .zlg--not-chroma-cell .inner-card {
    opacity: 1 !important;

    img {
      display: block;
      height: calc(100% + 1px);
      width: auto;
      object-fit: contain;
      position: absolute;
      bottom: 0;
      right: 0;
    }
  }

  .zlg--not-chroma-cell:hover {
    background-color: #ffffff !important;
  }


  .outer-card {
    align-items: start;
    padding: 0.75rem 1rem;
  }

  .outer-card h1 {
    color: #ffffff;
    font-weight: 500;
  }

  .outer-card p {
    color: #ffffff;
    line-height: 1.5;
    font-family: 'IBM Plex Sans', sans-serif;
    font-style: normal;
    font-size: 1.1rem;
    font-weight: 300 !important;
  }
}


.zlg--component.zlg--not-chroma-mobile.grid-image.grid-image-mobile .zlg--not-chroma-cell:hover,
.zlg--component.zlg--not-chroma-mobile.grid-image.grid-image-mobile .zlg--not-chroma-cell:active,
.zlg--component.zlg--not-chroma-mobile.grid-image.grid-image-mobile .zlg--not-chroma-cell:target {
  background-color: #ffffff !important;
}

.zlg--component.zlg--not-chroma-mobile.grid-image.grid-image-mobile .zlg--not-chroma-cell .inner-card {
  opacity: 1 !important;
}

.zlg--component.zlg--not-chroma-mobile.grid-image.grid-image-mobile .zlg--not-chroma-cell .inner-card img {
  width: auto;
  height: 100%;
  display: block;
  object-fit: contain;
}


/**/
.zlg--not-chroma-cell .outer-card {
  &>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: #000000;
    padding-block: 1.5rem;
    padding-inline: 2.5rem;
    gap: 0.75rem;
		
  }
}

.zlg--component.zlg--not-chroma.grid-image {
  & .outer-card h1 {
    color: #ffffff;
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 300;
    font-size: 1.65rem;
    line-height: 1.5;
    margin-bottom: 0;
		text-align:center;
  }
}

.zlg--component.zlg--not-chroma.grid-image {
  & .outer-card p {
    color: #ffffff;
    line-height: 1.5;
    font-family: 'IBM Plex Sans', sans-serif;
    font-style: normal;
    font-weight: 300 !important;
    margin-bottom: 0;
		align-self: stretch;
  }
}


.zlg--component.zlg--not-chroma.grid-image {
  .outer-card:has(p)  h1 {
		align-self: stretch;
		text-align: left;
	}
}


/**/

.w-100, .zlg--large-text-inner.w-100 span, .zlg--component.zlg--wide-text .inner.w-100 p {
	font-weight: 100 !important;
}

.w-200, .zlg--large-text-inner.w-200 span, .zlg--component.zlg--wide-text .inner.w-200 p {
	font-weight: 200 !important;	
}

.w-300, .zlg--large-text-inner.w-300 span, .zlg--component.zlg--wide-text .inner.w-300 p {
	font-weight: 300 !important;
}

.w-400, .zlg--large-text-inner.w-400 span, .zlg--component.zlg--wide-text .inner.w-400 p {
	font-weight: 400 !important;
}

.w-500, .zlg--large-text-inner.w-500 span, .zlg--component.zlg--wide-text .inner.w-500 p {
	font-weight: 500 !important;
}

.w-600, .zlg--large-text-inner.w-600 span, .zlg--component.zlg--wide-text .inner.w-600 p {
	font-weight: 600 !important;
}

.w-700, .zlg--large-text-inner.w-700 span, .zlg--component.zlg--wide-text .inner.w-700 p {
	font-weight: 700 !important;
}

.zlg-container.zlg-wide-image.zlg--full-width-image {
	width: 100vw;
	max-width: unset;
}



.zlg-container.zlg-video.zlg--full-width-video {
	width: 100vw !important;
	max-width: unset;
}  



@media only screen and (max-width: 768px), (orientation: portrait) {

	
	  .mob-ar-1-1:not([class*="video"]) {
	      width: 100vw;
	      height: 100vw;
	  }
	
		.mob-ar-4-5:not([class*="video"]) {
			width: 100vw;
			height: auto;
			aspect-ratio: 4/5;
		}
	
		.mob-ar-5-7:not([class*="video"]) {
			width: 100vw;
			height: auto;
			aspect-ratio: 5/7;
		}
	
	}
}