.elbk-ptf { position: relative } .elbk-ptf__filter { display: flex; flex-flow: row; justify-content: center; align-items: center } .elbk-ptf__filter-list { display: flex; flex-flow: row wrap; justify-content: center; align-items: center } .elbk-ptf__filter-item { user-select: none; cursor: pointer } .elbk-ptf__list { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; transform: translateZ(0); transition: height 0.5s cubic-bezier(0.33, 0.79, 0.37, 0.97) } .elbk-ptf__item { display: flex; flex-flow: row nowrap; align-items: stretch; position: relative; transform: translateZ(0) } .elbk-ptf__item .elbk-ptf__image-instance { visibility: visible } .elbk-ptf__item .elbk-ptf__content { visibility: visible } .elbk-ptf__item.hidden-status { height: 0; visibility: hidden; } .l-type-grid .elbk-ptf__item.hidden-status { display: none } .elbk-ptf__item.hidden-status .elbk-ptf__inner { opacity: 0; transform: scale(0); } .elbk-ptf__item.visible-status { height: auto; visibility: visible } .elbk-ptf__item.visible-status .elbk-ptf__inner { opacity: 1; transform: scale(1) } .elbk-ptf__inner { flex: 0 1 100%; align-self: stretch; position: relative; transform-origin: 50% 50% } .elbk-ptf__link { display: block } .elbk-ptf__image { position: relative; line-height: 0 } .elbk-ptf__image-instance { width: 100%; min-height: 100px; visibility: hidden } .elbk-ptf__image-loader { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(84, 89, 95, 0.75); z-index: 1 } .elbk-ptf__image-loader span { width: 30px; height: 30px; border-radius: 50%; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; box-shadow: 2px 2px 1px #fff; animation: elbk-ptf-load-spin 690ms infinite linear } .elbk-ptf__content { width: 100%; display: flex; flex-flow: column nowrap; justify-content: center; align-items: stretch; text-align: center; box-sizing: border-box; visibility: hidden } .elbk-ptf__content-inner { display: flex; flex-flow: column wrap; justify-content: center; align-items: center } .elbk-ptf__content-inner:empty { display: none } .elbk-ptf__title { width: 100% } .elbk-ptf__desc { width: 100% } .elbk-ptf__category { width: 100% } .elbk-ptf__cover { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: translateZ(0) } .elbk-ptf__cover .elbk-icon { display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; transform: translateZ(0) } .elbk-ptf__view-more { display: flex; justify-content: center } .elbk-ptf__view-more.hidden-status { display: none } .elbk-ptf__view-more-button { cursor: pointer } .elbk-ptf .grid-sizer { height: 0 } .elbk-ptf.l-type-grid .elbk-ptf__image-instance { -o-object-fit: cover; object-fit: cover } .elbk-ptf.l-type-justify .elbk-ptf__item, .elbk-ptf.l-type-justify .grid-sizer { width: 25% } .elbk-ptf.l-type-justify .elbk-ptf__item.justify-size-1-4, .elbk-ptf.l-type-justify .grid-sizer.justify-size-1-4 { width: 25% } .elbk-ptf.l-type-justify .elbk-ptf__item.justify-size-2-4, .elbk-ptf.l-type-justify .grid-sizer.justify-size-2-4 { width: 25% } .elbk-ptf.l-type-justify .elbk-ptf__item.justify-size-3-4, .elbk-ptf.l-type-justify .grid-sizer.justify-size-3-4 { width: 50% } .elbk-ptf.l-type-justify .elbk-ptf__item.justify-size-4-4, .elbk-ptf.l-type-justify .grid-sizer.justify-size-4-4 { width: 50% } @media (max-width: 767px) { .elbk-ptf.l-type-justify .elbk-ptf__item.justify-size-1-4, .elbk-ptf.l-type-justify .grid-sizer.justify-size-1-4 { width: 100% } .elbk-ptf.l-type-justify .elbk-ptf__item.justify-size-2-4, .elbk-ptf.l-type-justify .grid-sizer.justify-size-2-4 { width: 100% } .elbk-ptf.l-type-justify .elbk-ptf__item.justify-size-3-4, .elbk-ptf.l-type-justify .grid-sizer.justify-size-3-4 { width: 100% } .elbk-ptf.l-type-justify .elbk-ptf__item.justify-size-4-4, .elbk-ptf.l-type-justify .grid-sizer.justify-size-4-4 { width: 100% } } .elbk-ptf.l-type-justify .elbk-ptf__image-instance { -o-object-fit: cover; object-fit: cover; height: 350px } .elbk-ptf.l-type-list .elbk-ptf__item { width: 100% } .elbk-ptf.l-type-list .elbk-ptf__image-instance { -o-object-fit: cover; object-fit: cover } .elbk-ptf.preset-type-1 .elbk-ptf__item .elbk-ptf__content { position: absolute; left: 0; bottom: 0; z-index: 1; opacity: 0; transition: opacity 0.4s ease } .elbk-ptf.preset-type-1 .elbk-ptf__item:hover .elbk-ptf__content { opacity: 1 } .elbk-ptf.preset-type-2 .elbk-ptf__item .elbk-ptf__cover { z-index: 1; opacity: 0; transition: opacity 0.4s ease } .elbk-ptf.preset-type-2 .elbk-ptf__item .elbk-ptf__cover .elbk-icon { transform: scale(0.5); opacity: 0; transition: all 0.3s ease 0.1s } .elbk-ptf.preset-type-2 .elbk-ptf__item:hover .elbk-ptf__cover { opacity: 1 } .elbk-ptf.preset-type-2 .elbk-ptf__item:hover .elbk-ptf__cover .elbk-icon { transform: scale(1); opacity: 1 } .elbk-ptf.preset-type-3 .elbk-ptf__item .elbk-ptf__cover { z-index: 1; opacity: 0; transition: opacity 0.4s ease } .elbk-ptf.preset-type-3 .elbk-ptf__item .elbk-ptf__cover .elbk-icon { transform: scale(0.5); opacity: 0; transition: all 0.3s ease 0.1s } .elbk-ptf.preset-type-3 .elbk-ptf__item:hover .elbk-ptf__cover { opacity: 1 } .elbk-ptf.preset-type-3 .elbk-ptf__item:hover .elbk-ptf__cover .elbk-icon { transform: scale(1); opacity: 1 } .elbk-ptf.preset-type-4 .elbk-ptf__item .elbk-ptf__content { display: flex; flex-flow: row nowrap; align-items: stretch; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; transition: opacity 0.4s ease; pointer-events: none } .elbk-ptf.preset-type-4 .elbk-ptf__item .elbk-ptf__content-inner { width: 100% } .elbk-ptf.preset-type-4 .elbk-ptf__item:hover .elbk-ptf__content { opacity: 1 } .elbk-ptf.preset-type-4 .elbk-ptf__item .trp-edit-mode .elbk-ptf__content { opacity: 1; position: relative } .elbk-ptf.l-type-masonry.layout-desktop-column-1 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-desktop-column-1 .elbk-ptf__item { width: 100% } .elbk-ptf.l-type-masonry.layout-desktop-column-2 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-desktop-column-2 .elbk-ptf__item { width: 50% } .elbk-ptf.l-type-masonry.layout-desktop-column-3 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-desktop-column-3 .elbk-ptf__item { width: 33.3333% } .elbk-ptf.l-type-masonry.layout-desktop-column-4 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-desktop-column-4 .elbk-ptf__item { width: 25% } .elbk-ptf.l-type-masonry.layout-desktop-column-5 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-desktop-column-5 .elbk-ptf__item { width: 20% } .elbk-ptf.l-type-masonry.layout-desktop-column-6 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-desktop-column-6 .elbk-ptf__item { width: 16.6666% } @media (max-width: 1024px) { .elbk-ptf.l-type-masonry.layout-tablet-column-1 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-tablet-column-1 .elbk-ptf__item { width: 100% } .elbk-ptf.l-type-masonry.layout-tablet-column-2 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-tablet-column-2 .elbk-ptf__item { width: 50% } .elbk-ptf.l-type-masonry.layout-tablet-column-3 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-tablet-column-3 .elbk-ptf__item { width: 33.3333% } .elbk-ptf.l-type-masonry.layout-tablet-column-4 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-tablet-column-4 .elbk-ptf__item { width: 25% } .elbk-ptf.l-type-masonry.layout-tablet-column-5 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-tablet-column-5 .elbk-ptf__item { width: 20% } .elbk-ptf.l-type-masonry.layout-tablet-column-6 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-tablet-column-6 .elbk-ptf__item { width: 16.6666% } } @media (max-width: 767px) { .elbk-ptf.l-type-masonry.layout-mobile-column-1 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-mobile-column-1 .elbk-ptf__item { width: 100% } .elbk-ptf.l-type-masonry.layout-mobile-column-2 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-mobile-column-2 .elbk-ptf__item { width: 50% } .elbk-ptf.l-type-masonry.layout-mobile-column-3 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-mobile-column-3 .elbk-ptf__item { width: 33.3333% } .elbk-ptf.l-type-masonry.layout-mobile-column-4 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-mobile-column-4 .elbk-ptf__item { width: 25% } .elbk-ptf.l-type-masonry.layout-mobile-column-5 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-mobile-column-5 .elbk-ptf__item { width: 20% } .elbk-ptf.l-type-masonry.layout-mobile-column-6 .elbk-ptf__item, .elbk-ptf.l-type-grid.layout-mobile-column-6 .elbk-ptf__item { width: 16.6666% } } /*--------*/ .elbk-ptf .elbk-ptf__filter-list { margin: 0 0 30px 0 } .elbk-ptf .elbk-ptf__filter-item { padding: 0 10px; margin: 0 5px; color: #54595f } .elbk-ptf .elbk-ptf__filter-item.active { color: white; background-color: #6ec1e4 } .elbk-ptf .elbk-ptf__filter-item-separator { font-size: 12px; color: #6ec1e4 } .elbk-ptf .elbk-ptf__content-inner { padding: 10px } .elbk-ptf .elbk-ptf__title { font-size: 22px; margin: 0 0 5px 0 } .elbk-ptf .elbk-ptf__category { font-size: 16px; margin: 0 0 5px 0 } .elbk-ptf .elbk-ptf__desc { font-size: 14px; margin: 0 0 5px 0 } .elbk-ptf .elbk-ptf__view-more { margin-top: 30px } .elbk-ptf .elbk-ptf__view-more-button { background-color: #6ec1e4; color: white } .elbk-ptf.preset-type-1 .elbk-ptf__title { color: white } .elbk-ptf.preset-type-1 .elbk-ptf__category { color: white } .elbk-ptf.preset-type-1 .elbk-ptf__desc { color: white } .elbk-ptf.preset-type-1 .elbk-ptf__content-inner { background-color: #54595f } .elbk-ptf.preset-type-2 .elbk-ptf__title { color: #54595f } .elbk-ptf.preset-type-2 .elbk-ptf__category { color: #54595f } .elbk-ptf.preset-type-2 .elbk-ptf__desc { color: #54595f } .elbk-ptf.preset-type-2 .elbk-ptf__cover { background-color: rgba(84, 89, 95, 0.6) } .elbk-ptf.preset-type-2 .elbk-ptf__cover .elbk-icon { font-size: 25px; color: #6ec1e4 } .elbk-ptf.preset-type-3 .elbk-ptf__cover { background-color: rgba(84, 89, 95, 0.6) } .elbk-ptf.preset-type-3 .elbk-ptf__cover .elbk-icon { font-size: 25px; color: #6ec1e4 } .elbk-ptf.preset-type-4 .elbk-ptf__title { color: white } .elbk-ptf.preset-type-4 .elbk-ptf__category { color: white } .elbk-ptf.preset-type-4 .elbk-ptf__desc { color: white } .elbk-ptf.preset-type-4 .elbk-ptf__content-inner { background-color: rgba(84, 89, 95, 0.6) }