* {
  box-sizing: border-box; }

.gallery_grid_container {
  container-type: inline-size;
  container-name: gallery_grid_container;
  box-sizing: content-box;
  width: 100%; }

@container gallery_grid_container (max-width: 900px) {
  .gallery_grid_container .gallery_wrap.gallery_grid.masonry {
    --c: 4; } }

.gallery_wrap.gallery_grid {
  display: flex;
  max-width: 992px;
  margin: 0 auto;
  zoom: 1; }
  .gallery_wrap.gallery_grid:after {
    clear: both; }
  .gallery_wrap.gallery_grid:after, .gallery_wrap.gallery_grid:before {
    content: "";
    display: table; }
  .gallery_wrap.gallery_grid.masonry {
    --s: calc((100cqw / var(--c)) - (var(--m ) * 2));
    --m: 3px;
    /* margin */
    --c: 6; }
    .gallery_wrap.gallery_grid.masonry .gallery_container {
      -moz-column-count: var(--c);
           column-count: var(--c); }
      .gallery_wrap.gallery_grid.masonry .gallery_container a {
        width: var(--s);
        margin: var(--m);
        height: auto; }
        .gallery_wrap.gallery_grid.masonry .gallery_container a img {
          width: var(--s);
          height: auto; }
  .gallery_wrap.gallery_grid.hexagon {
    --s: 160px;
    /* size  */
    --m: 2.5px;
    /* margin */
    --f: calc(1.732 * var(--s) + 4 * var(--m) - 1px);
    --r: calc(var(--n) / 6);
    margin-bottom: calc(var(--r) * 21.2px); }
    .gallery_wrap.gallery_grid.hexagon .gallery_container:before {
      content: "";
      width: calc(var(--s) / 2 + var(--m));
      float: left;
      height: 120%;
      shape-outside: repeating-linear-gradient(#0000 0 calc(var(--f) - 3px), #000 0 var(--f)); }
    .gallery_wrap.gallery_grid.hexagon .gallery_container a {
      width: var(--s);
      margin: var(--m);
      height: calc(var(--s) * 1.1547);
      margin-bottom: calc(var(--m) - var(--s) * 0.2885);
      -webkit-clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%);
              clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%); }
      .gallery_wrap.gallery_grid.hexagon .gallery_container a img {
        width: var(--s);
        height: calc(var(--s) * 1.2); }
  .gallery_wrap.gallery_grid.diamond {
    --s: 160px;
    /* size  */
    --m: 2.5px;
    /* margin */
    --f: calc(var(--s) + 3*var(--m));
    --r: calc(var(--n) / 6);
    margin-bottom: calc((var(--r) + 1) * (var(--s) * 0.2)); }
    .gallery_wrap.gallery_grid.diamond .gallery_container:before {
      content: "";
      width: calc(var(--s) / 2 + var(--m));
      float: left;
      height: 120%;
      shape-outside: repeating-linear-gradient(#0000 0 calc(var(--f) - 3px), #000 0 var(--f)); }
    .gallery_wrap.gallery_grid.diamond .gallery_container a {
      width: var(--s);
      margin: var(--m);
      height: var(--s);
      margin-bottom: calc(var(--m) - var(--s)*0.5);
      -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
              clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
      .gallery_wrap.gallery_grid.diamond .gallery_container a img {
        width: var(--s);
        height: calc(var(--s) * 1.2); }
  .gallery_wrap.gallery_grid.squared {
    --s: 160px;
    /* size  */
    --m: 2.5px;
    /* margin */ }
    .gallery_wrap.gallery_grid.squared .gallery_container a {
      width: var(--s);
      margin: var(--m);
      height: var(--s); }
      .gallery_wrap.gallery_grid.squared .gallery_container a img {
        width: var(--s);
        height: var(--s); }
  .gallery_wrap.gallery_grid .gallery_container {
    font-size: 0;
    /*disable white space between inline block element */
    line-height: 1; }
    .gallery_wrap.gallery_grid .gallery_container a {
      display: inline-block;
      font-size: initial;
      background-color: #ccc;
      overflow: hidden; }
      .gallery_wrap.gallery_grid .gallery_container a img {
        -o-object-fit: cover;
           object-fit: cover; }

.gallery_wrap.gallery_carousel {
  --c: 1;
  --cols: calc(100% / var(--c));
  --counter: calc(-1 * var(--i) + 1);
  --max-widht: 1100px;
  --border: 0px;
  --margin: 0px;
  --aspect-ratio: 16 / 9;
  --arrows: 1;
  --height: calc(var(--max-widht) / var(--c) * var(--aspect-ratio) - var(--margin));
  max-width: var(--max-widht);
  display: flex;
  margin: 0 auto;
  width: 100%;
  position: relative; }
  @media (max-width: 767px) {
    .gallery_wrap.gallery_carousel {
      --c: 1;
      --max-widht: 320px;
      --height: var(--max-widht); } }
  .gallery_wrap.gallery_carousel .toggle_navigation,
  .gallery_wrap.gallery_carousel .play,
  .gallery_wrap.gallery_carousel .counter {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 70px;
    padding: 0 10px;
    color: #ddd;
    background-color: rgba(30, 30, 30, 0.6);
    font-size: 15px;
    font-family: 'sans-serif';
    z-index: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); }
  .gallery_wrap.gallery_carousel .toggle_navigation,
  .gallery_wrap.gallery_carousel .play {
    left: auto;
    right: 0;
    color: #ddd;
    cursor: pointer;
    width: 35px;
    height: 35px;
    display: flex; }
  .gallery_wrap.gallery_carousel .counter:before {
    counter-reset: variable var(--counter);
    content: counter(variable);
    margin-right: 5px; }
  .gallery_wrap.gallery_carousel .counter:after {
    counter-reset: variable var(--n);
    content: counter(variable);
    margin-left: 5px; }
  .gallery_wrap.gallery_carousel .toggle_navigation {
    right: 35px; }
    .gallery_wrap.gallery_carousel .toggle_navigation:before {
      content: '';
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9Ijk3MnB4IiBoZWlnaHQ9Ijk3MnB4IiB2aWV3Qm94PSIwIDAgOTcyIDk3MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTcyIDk3MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTkwLDU3NmgwLjVjNDkuNywwLDkwLTQwLjMsOTAtOTBzLTQwLjMtOTAtOTAtOTBIOTBjLTQ5LjcsMC05MCw0MC4zLTkwLDkwUzQwLjMsNTc2LDkwLDU3NnoiLz4NCgk8cGF0aCBkPSJNNjE3LjUsNTc2aDEuMWM0OS43LDAsOTAtNDAuMyw5MC05MHMtNDAuMy05MC05MC05MGgtMS4xYy00OS43LDAtOTAsNDAuMy05MCw5MFM1NjcuOCw1NzYsNjE3LjUsNTc2eiIvPg0KCTxwYXRoIGQ9Ik0zNTQuNSw1NzZjNDkuNywwLDkwLTQwLjMsOTAtOTBzLTQwLjMtOTAtOTAtOTBoLTEuMWMtNDkuNywwLTkwLDQwLjMtOTAsOTBzNDAuMyw5MCw5MCw5MEgzNTQuNXoiLz4NCgk8cGF0aCBkPSJNODgxLjUsNTc2aDAuNWM0OS43LDAsOTAtNDAuMyw5MC05MHMtNDAuMy05MC05MC05MGgtMC41Yy00OS43LDAtOTAsNDAuMy05MCw5MFM4MzEuOCw1NzYsODgxLjUsNTc2eiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=");
      background-size: 16px;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      display: block;
      filter: invert(0.8);
      transition: filter .3s ease; }
  .gallery_wrap.gallery_carousel .sui-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(35px * var(--arrows));
    height: calc(35px * var(--arrows));
    background: rgba(30, 30, 30, 0.6);
    font-size: 20px;
    position: absolute;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    right: auto;
    z-index: var(--arrows);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 5px;
    transition: all .3s ease;
    color: #eee;
    opacity: var(--arrows);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); }
    .gallery_wrap.gallery_carousel .sui-arrow:before {
      content: '';
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gU3ZnIFZlY3RvciBJY29ucyA6IGh0dHA6Ly93d3cub25saW5ld2ViZm9udHMuY29tL2ljb24gLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAwIDEwMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPG1ldGFkYXRhPiBTdmcgVmVjdG9yIEljb25zIDogaHR0cDovL3d3dy5vbmxpbmV3ZWJmb250cy5jb20vaWNvbiA8L21ldGFkYXRhPg0KPGc+PHBhdGggZD0iTTM4MC41LDEwMC41bC0zNTAsMzUwYy0yNy4zLDI3LjMtMjcuMyw3MS42LDAsOTlsMzUwLDM1MGMyNy4zLDI3LjMsNzEuNiwyNy4zLDk5LDBjMjcuMy0yNy4zLDI3LjMtNzEuNiwwLTk5TDI0OSw1NzBoNjcxYzM4LjcsMCw3MC0zMS4zLDcwLTcwYzAtMzguNy0zMS4zLTcwLTcwLTcwSDI0OWwyMzAuNS0yMzAuNWMxMy43LTEzLjcsMjAuNS0zMS42LDIwLjUtNDkuNWMwLTE3LjktNi44LTM1LjgtMjAuNS00OS41QzQ1Mi4xLDczLjIsNDA3LjgsNzMuMiwzODAuNSwxMDAuNXoiLz48L2c+DQo8L3N2Zz4=");
      background-size: 16px;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100%;
      display: block;
      filter: invert(0.8);
      transition: filter .3s ease; }
    .gallery_wrap.gallery_carousel .sui-arrow:hover {
      background: rgba(30, 30, 30, 0.8); }
      .gallery_wrap.gallery_carousel .sui-arrow:hover:before {
        filter: invert(1); }
    .gallery_wrap.gallery_carousel .sui-arrow.disabled {
      opacity: 0.6; }
    .gallery_wrap.gallery_carousel .sui-arrow.sui_arrow_next {
      right: 10px;
      left: auto; }
      .gallery_wrap.gallery_carousel .sui-arrow.sui_arrow_next:before {
        transform: rotate(180deg); }
  .gallery_wrap.gallery_carousel .gallery_container {
    font-size: 0;
    /*disable white space between inline block element */
    line-height: 1;
    width: 100%;
    overflow: hidden; }
    .gallery_wrap.gallery_carousel .gallery_container .gallery_overflow {
      --x: calc(var(--i) * var(--cols));
      width: calc(100% + var(--margin));
      display: flex;
      transform: translate3d(var(--x), 0, 0);
      transition: transform .3s ease;
      will-change: transform; }
      .gallery_wrap.gallery_carousel .gallery_container .gallery_overflow.no_swipe {
        transition: none; }
      .gallery_wrap.gallery_carousel .gallery_container .gallery_overflow.no_animation {
        --x: calc(-1 * (var(--n) - var(--c)) * var(--cols)); }
      .gallery_wrap.gallery_carousel .gallery_container .gallery_overflow .el {
        display: inline-block;
        font-size: initial;
        overflow: hidden;
        width: calc(var(--cols) - var(--margin));
        margin-right: var(--margin);
        margin-bottom: var(--margin);
        flex-shrink: 0; }
        .gallery_wrap.gallery_carousel .gallery_container .gallery_overflow .el figure {
          position: relative;
          margin: 0; }
          .gallery_wrap.gallery_carousel .gallery_container .gallery_overflow .el figure img {
            -o-object-fit: cover;
               object-fit: cover;
            aspect-ratio: var(--aspect-ratio);
            width: 100%;
            height: 100%; }
          .gallery_wrap.gallery_carousel .gallery_container .gallery_overflow .el figure figcaption {
            opacity: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            color: #fff;
            padding: 20px 0;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent);
            transition: opacity .3s ease; }
            .gallery_wrap.gallery_carousel .gallery_container .gallery_overflow .el figure figcaption:before {
              content: '';
              position: absolute;
              display: flex;
              justify-content: center;
              align-items: center;
              top: 50%;
              transform: translateY(-50%);
              width: 35px;
              height: 35px;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 215.35 215.35' style='enable-background:new 0 0 215.35 215.35;fill: %23eee;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M7.5,65.088c4.143,0,7.5-3.358,7.5-7.5V25.61l48.305,48.295c1.465,1.464,3.384,2.196,5.303,2.196 c1.92,0,3.84-0.732,5.304-2.197c2.929-2.929,2.929-7.678-0.001-10.606L25.604,15.002h31.985c4.142,0,7.5-3.358,7.5-7.5 c0-4.142-3.357-7.5-7.5-7.5H7.5c-4.143,0-7.5,3.358-7.5,7.5v50.087C0,61.73,3.357,65.088,7.5,65.088z'/%3E%3Cpath d='M207.85,150.262c-4.143,0-7.5,3.358-7.5,7.5v31.979l-49.792-49.792c-2.93-2.929-7.678-2.929-10.607,0 c-2.929,2.929-2.929,7.678,0,10.606l49.791,49.791h-31.977c-4.143,0-7.5,3.358-7.5,7.5c0,4.142,3.357,7.5,7.5,7.5h50.086 c4.143,0,7.5-3.358,7.5-7.5v-50.084C215.35,153.62,211.992,150.262,207.85,150.262z'/%3E%3Cpath d='M64.792,139.949L15.005,189.74v-31.978c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v50.086c0,4.142,3.357,7.5,7.5,7.5 h50.084c4.142,0,7.5-3.358,7.5-7.5s-3.357-7.5-7.5-7.5H25.611l49.788-49.793c2.929-2.929,2.929-7.678-0.001-10.607 C72.471,137.02,67.722,137.02,64.792,139.949z'/%3E%3Cpath d='M207.85,0.002h-50.086c-4.143,0-7.5,3.358-7.5,7.5c0,4.142,3.357,7.5,7.5,7.5h31.979l-48.298,48.301 c-2.929,2.929-2.929,7.678,0.001,10.607c1.464,1.464,3.384,2.196,5.303,2.196c1.919,0,3.839-0.733,5.304-2.197l48.298-48.301v31.98 c0,4.142,3.357,7.5,7.5,7.5c4.143,0,7.5-3.358,7.5-7.5V7.502C215.35,3.359,211.992,0.002,207.85,0.002z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
              background-color: rgba(30, 30, 30, 0.6);
              background-repeat: no-repeat;
              background-position: center;
              background-size: 20px; }
            .gallery_wrap.gallery_carousel .gallery_container .gallery_overflow .el figure figcaption:hover {
              opacity: 1; }
  .gallery_wrap.gallery_carousel.pager {
    --margin: 10px;
    --border: 4px;
    --aspect-ratio: 16 / 9;
    --c: 4; }
    @media (max-width: 991px) {
      .gallery_wrap.gallery_carousel.pager {
        --margin: 5px;
        --border: 2px;
        --c: 3;
        --aspect-ratio: 1; } }
    .gallery_wrap.gallery_carousel.pager a.pager_item {
      margin-top: var(--margin);
      margin-right: var(--margin);
      margin-bottom: var(--margin);
      color: currentColor;
      transition: filter .3s ease;
      will-change: filter;
      box-sizing: content-box; }
      .gallery_wrap.gallery_carousel.pager a.pager_item img {
        transition: transform .3s ease;
        will-change: transform; }
      .gallery_wrap.gallery_carousel.pager a.pager_item:hover img {
        transform: scale(1.2); }
      .gallery_wrap.gallery_carousel.pager a.pager_item.active {
        position: relative; }
        .gallery_wrap.gallery_carousel.pager a.pager_item.active:before {
          border: var(--border) solid currentColor;
          content: '';
          position: absolute;
          width: calc(100% - 2 * var(--border));
          height: calc(100% - 2 * var(--border));
          z-index: 2;
          left: 0; }
  .gallery_wrap.gallery_carousel.hidden {
    display: none; }

.autoplay a.item:after {
  position: absolute;
  top: 0;
  left: 70px;
  content: '';
  display: block;
  width: calc(100% - 140px);
  height: 35px;
  background: rgba(30, 30, 30, 0.6);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  opacity: 0;
  transition: opacity .3s ease;
  transition-delay: .2s; }

.autoplay a.item.active:not(.clone) {
  position: relative; }
  .autoplay a.item.active:not(.clone):before {
    position: absolute;
    top: 15px;
    left: 70px;
    content: '';
    width: 0;
    height: 4px;
    background: #ddd;
    border-radius: 5px;
    z-index: 2;
    -webkit-animation: width-growing 6700ms linear infinite;
            animation: width-growing 6700ms linear infinite;
    -webkit-animation-delay: 300ms;
            animation-delay: 300ms; }
  .autoplay a.item.active:not(.clone):after {
    opacity: 1; }

@-webkit-keyframes width-growing {
  0% {
    width: 0; }
  100% {
    width: calc(100% - 140px); } }

@keyframes width-growing {
  0% {
    width: 0; }
  100% {
    width: calc(100% - 140px); } }

.gallery_wrap.gallery_and_content {
  --cols: calc(100% / var(--c));
  --counter: calc(var(--c) - var(--i));
  --max-widht: 1100px;
  max-width: var(--max-widht);
  min-height: calc(var(--max-widht) / 2.5);
  display: flex;
  margin: 0 auto;
  position: relative;
  width: 100%; }
  @media (max-width: 767px) {
    .gallery_wrap.gallery_and_content {
      flex-wrap: wrap; } }
  .right .gallery_wrap.gallery_and_content {
    flex-direction: row-reverse; }
    .right .gallery_wrap.gallery_and_content .counter {
      left: 50%; }
  .gallery_wrap.gallery_and_content .counter {
    position: absolute;
    left: 0;
    padding: 0 10px;
    top: 0;
    color: #ddd;
    background-color: rgba(30, 30, 30, 0.6);
    font-size: 15px;
    font-family: 'sans-serif';
    z-index: 1; }
    .gallery_wrap.gallery_and_content .counter:before {
      counter-reset: variable var(--counter);
      content: counter(variable);
      margin-right: 5px; }
    .gallery_wrap.gallery_and_content .counter:after {
      counter-reset: variable var(--n);
      content: counter(variable);
      margin-left: 5px; }
  .gallery_wrap.gallery_and_content .sui-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background: rgba(30, 30, 30, 0.6);
    font-size: 20px;
    position: absolute;
    text-decoration: none;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    right: auto;
    z-index: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 5px;
    transition: all .3s ease;
    fill: #eee;
    stroke: #eee;
    stroke-linejoin: round;
    stroke-width: 3; }
    .gallery_wrap.gallery_and_content .sui-arrow:hover {
      color: #fff;
      background: rgba(30, 30, 30, 0.8); }
    .gallery_wrap.gallery_and_content .sui-arrow.disabled {
      opacity: 0.6; }
    .gallery_wrap.gallery_and_content .sui-arrow.sui_arrow_next {
      right: 10px;
      left: auto; }
  .gallery_wrap.gallery_and_content .gallery_container {
    font-size: 0;
    /*disable white space between inline block element */
    line-height: 1;
    flex-shrink: 0;
    width: 50%;
    overflow: hidden;
    position: relative; }
    @media (max-width: 767px) {
      .gallery_wrap.gallery_and_content .gallery_container {
        width: 100%; } }
    .gallery_wrap.gallery_and_content .gallery_container .gallery_overflow {
      display: flex;
      flex-direction: row;
      transform: translate3d(calc(var(--i) * var(--cols)), 0, 0);
      transition: transform .3s ease;
      will-change: transform;
      max-height: calc(var(--max-widht) / 2.5); }
      .gallery_wrap.gallery_and_content .gallery_container .gallery_overflow a {
        display: inline-block;
        font-size: initial;
        overflow: hidden;
        width: var(--cols);
        flex-shrink: 0; }
        .gallery_wrap.gallery_and_content .gallery_container .gallery_overflow a:focus figcaption, .gallery_wrap.gallery_and_content .gallery_container .gallery_overflow a:focus-visible figcaption, .gallery_wrap.gallery_and_content .gallery_container .gallery_overflow a:focus-within figcaption {
          opacity: 1; }
        .gallery_wrap.gallery_and_content .gallery_container .gallery_overflow a figure {
          position: relative;
          margin: 0; }
          .gallery_wrap.gallery_and_content .gallery_container .gallery_overflow a figure img {
            -o-object-fit: cover;
               object-fit: cover;
            width: 100%;
            min-height: calc(var(--max-widht) / 2.5);
            max-height: calc(var(--max-widht) / 2.5); }
          .gallery_wrap.gallery_and_content .gallery_container .gallery_overflow a figure figcaption {
            opacity: 0;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            display: flex;
            justify-content: center;
            align-items: flex-end;
            color: #fff;
            padding: 20px 0;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), transparent);
            transition: opacity .3s ease; }
            .gallery_wrap.gallery_and_content .gallery_container .gallery_overflow a figure figcaption:before {
              content: '';
              position: absolute;
              display: flex;
              justify-content: center;
              align-items: center;
              top: 50%;
              transform: translateY(-50%);
              width: 35px;
              height: 35px;
              background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 215.35 215.35' style='enable-background:new 0 0 215.35 215.35;fill: %23eee;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M7.5,65.088c4.143,0,7.5-3.358,7.5-7.5V25.61l48.305,48.295c1.465,1.464,3.384,2.196,5.303,2.196 c1.92,0,3.84-0.732,5.304-2.197c2.929-2.929,2.929-7.678-0.001-10.606L25.604,15.002h31.985c4.142,0,7.5-3.358,7.5-7.5 c0-4.142-3.357-7.5-7.5-7.5H7.5c-4.143,0-7.5,3.358-7.5,7.5v50.087C0,61.73,3.357,65.088,7.5,65.088z'/%3E%3Cpath d='M207.85,150.262c-4.143,0-7.5,3.358-7.5,7.5v31.979l-49.792-49.792c-2.93-2.929-7.678-2.929-10.607,0 c-2.929,2.929-2.929,7.678,0,10.606l49.791,49.791h-31.977c-4.143,0-7.5,3.358-7.5,7.5c0,4.142,3.357,7.5,7.5,7.5h50.086 c4.143,0,7.5-3.358,7.5-7.5v-50.084C215.35,153.62,211.992,150.262,207.85,150.262z'/%3E%3Cpath d='M64.792,139.949L15.005,189.74v-31.978c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v50.086c0,4.142,3.357,7.5,7.5,7.5 h50.084c4.142,0,7.5-3.358,7.5-7.5s-3.357-7.5-7.5-7.5H25.611l49.788-49.793c2.929-2.929,2.929-7.678-0.001-10.607 C72.471,137.02,67.722,137.02,64.792,139.949z'/%3E%3Cpath d='M207.85,0.002h-50.086c-4.143,0-7.5,3.358-7.5,7.5c0,4.142,3.357,7.5,7.5,7.5h31.979l-48.298,48.301 c-2.929,2.929-2.929,7.678,0.001,10.607c1.464,1.464,3.384,2.196,5.303,2.196c1.919,0,3.839-0.733,5.304-2.197l48.298-48.301v31.98 c0,4.142,3.357,7.5,7.5,7.5c4.143,0,7.5-3.358,7.5-7.5V7.502C215.35,3.359,211.992,0.002,207.85,0.002z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
              background-color: rgba(30, 30, 30, 0.6);
              background-repeat: no-repeat;
              background-position: center;
              background-size: 20px; }
            .gallery_wrap.gallery_and_content .gallery_container .gallery_overflow a figure figcaption:hover {
              opacity: 1; }
  .gallery_wrap.gallery_and_content .sui_content {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 20px;
    background-color: var(--bg);
    color: var(--txt);
    line-height: 150%; }
    .gallery_wrap.gallery_and_content .sui_content h3 {
      line-height: 200%;
      color: var(--txt); }
    .gallery_wrap.gallery_and_content .sui_content .sui_the_content {
      width: 100%; }

.iframe_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ }

/* Then style the iframe to fit in the container div with full height and width */
.sui_iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.video_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 992px;
  margin: 0 auto;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ }

/* Then style the iframe to fit in the container div with full height and width */
.sui_video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.map_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 992px;
  margin: 0 auto;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ }

/* Then style the iframe to fit in the container div with full height and width */
.sui_map {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%; }

/*# sourceMappingURL=shortcode_lib.css.map */