.have_ajax_paging .post-item .is-divider {
display: block;
transition-property: all;
transition-duration: 0.8s;
transition-timing-function: ease-in-out;
background-color: rgba(255, 255, 255, 0.2);
height: 1px;
}
.have_ajax_paging .post-item:hover .is-divider {
width: 100%;
max-width: 100%;
margin: 10px auto 30px;
transition-property: all;
transition-duration: 0.8s;
transition-timing-function: ease-in-out;
}
.have_ajax_paging .post-item i {
color: #fff;
font-size: 20px;
display: none;
}
.have_ajax_paging .post-item:hover i {
display: block;
} .amlab_text2side .text-box-content .text-inner {
display: flex;
justify-content: space-around;
}
.amlab_text2side .amlab_textleft, .amlab_text2side .amlab_textright {
width: 50%;
}
.amlab_text2side .amlab_textright {
text-align: right;
}
.amlab_slider_card .amlab_text2side .amlab_textright a {
color: white;
padding: .416667rem .833333rem;
background-color: #222222;
border-radius: 50px;
}
.amlab_text2side .amlab_textright a:hover {
color: white !important;
}
.amlab_text2side .amlab_textleft h5 {
font-weight: 100;
font-size: 16px;
}
.amlab_cardslide {
background-color: transparent;
border-radius: 10px;
}
.amlab_cardslide:hover {
background-color: white;
}
.amlab_slider_card .amlab_cardslide .text-box {
visibility: hidden;
}
.amlab_card.active .amlab_cardslide .text-box {
visibility: visible;
}
.amlab_cardslide .banner-bg {
border-radius: 10px;
background-color: transparent !important;
}
.amlab_slider_card .amlab_cardslide .banner-bg img {
padding: 10px;
border-radius: 20px;
}
.amlab_card {
flex-basis: 10%;
max-width: 60%;
transition: .3s linear;
}
.amlab_card.active {
flex-basis: 60%;
transition: .3s linear;
}
.amlab_card .white.button.is-outline {
font-size: 16px;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-header {
padding: 10px 15px;
background: white;
border: 1px solid #ddd;
cursor: pointer;
min-width: 150px;
position: relative;
border-radius: 50px;
transition: border-radius 0.2s ease;
}
.dropdown-header:after {
content: '';
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: translateY(-50%) rotate(45deg);
opacity: .5;
}
.dropdown-header:hover {
background-color: #ddd;
}
.dropdown-header:hover::after {
opacity: 1;
}
.dropdown.active .dropdown-header {
border-radius: 20px 20px 0 0;
border-bottom: none;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 150px;
z-index: 1000;
border: 1px solid #ddd;
border-top: none; border-radius: 0 0 20px 20px;
}
.dropdown.active .dropdown-content {
display: block;
}
.dropdown-item {
width: 100%;
padding: 10px 15px;
text-align: left;
border: none;
background: none;
cursor: pointer;
white-space: nowrap;
text-transform: math-auto;
font-weight: normal;
margin: 0;
opacity: .6;
}
.dropdown-item:hover {
opacity: .4;
}
.dropdown-item.active {
opacity: 1;
}
.more-filter-wrapper {
position: relative;
}
.effect-filter {
position: absolute;
left: 0;
top: 0;
width: calc(100% - 40px);
}
.more-filter-btn {
position: relative;
z-index: 2;
padding: 10px 15px;
background: white;
border: 1px solid #ddd;
cursor: pointer;
border-radius: 50px;
line-height: 1.6;
text-transform: math-auto;
font-weight: normal;
}
.more-filter-btn.active {
min-height: unset;
padding: 5px 10px !important;
}
.more-filter-btn.active {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
min-width: unset;
padding: 0;
margin: 0;
}
.portfolio-filter-container {
margin-bottom: 30px;
}
.portfolio-filter-container button, .portfolio-filter-container .dropdown-header {
color: black;
}
.portfolio-filter-container {
display: flex;
justify-content: space-between;
}
.portfolio-filter-container .filter-left {
display: flex;
gap: 20px;
position: relative;
width: 80%;
}
.portfolio-filter-container .filter-right {
width: 20%;
}
.filter-right .view-mode button {
margin: 0;
padding: 0 10px;
} .active-filters-panel {
margin-top: 20px;
background: #f5f5f5;
border-radius: 8px;
padding: 15px 20px;
}
.panel-header {
display: flex;
align-items: center;
gap: 20px;
}
.reset-all-btn {
display: flex;
align-items: center;
gap: 5px;
background: none;
border: none;
color: #000;
cursor: pointer;
padding: 5px 10px;
font-size: 14px;
min-width: 100px;
margin: 0;
border: 1px solid #ddd;
border-radius: 50px;
justify-content: center;
}
.active-filters-list {
display: flex;
flex-wrap: wrap;
gap: 10px;
flex: 1;
}
.active-filter-tag {
display: inline-flex;
align-items: center;
gap: 5px;
background: white;
padding: 5px 12px;
border-radius: 4px;
font-size: 14px;
color: black;
}
.filter-type {
font-weight: 500;
}
.remove-tag {
cursor: pointer;
padding: 2px 6px;
}
.panel-right {
display: flex;
align-items: center;
gap: 20px;
}
.projects-count {
color: #000;
font-weight: 500;
}
.share-btn {
display: flex;
align-items: center;
gap: 5px;
background: white;
border: 1px solid #ddd;
padding: 5px 15px;
border-radius: 4px;
cursor: pointer;
color: black;
}
.share-btn:hover {
background: #f0f0f0;
} .portfolio-grid-container {
margin-top: 30px;
} .portfolio-items.grid-view {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 30px;
}
.grid-view .portfolio-item .list-view-content {
display: none;
}
.grid-view .portfolio-image {
position: relative;
aspect-ratio: 16/9;
overflow: hidden;
border-radius: 8px;
}
.grid-view .portfolio-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.grid-view .portfolio-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
padding: 20px;
color: white;
opacity: 0;
transition: opacity 0.3s ease;
}
.grid-view .portfolio-item:hover .portfolio-overlay {
opacity: 1;
}
.grid-view .portfolio-item:hover .portfolio-image img {
transform: scale(1.05);
}
.grid-view .portfolio-title {
margin: 0 0 10px 0;
font-size: 18px;
color: white;
}
.grid-view .portfolio-meta {
font-size: 14px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.grid-view .portfolio-meta span {
background: rgba(255,255,255,0.2);
padding: 3px 8px;
border-radius: 4px;
} .portfolio-items.list-view {
display: table;
width: 100%;
border-collapse: collapse;
}
.list-view .portfolio-item {
display: table-row;
}
.list-view .portfolio-item .grid-view-content {
display: none;
}
.list-view .list-view-content {
display: table-row;
}
.list-view .list-view-content > div {
display: table-cell;
padding: 15px;
border-bottom: 1px solid #eee;
vertical-align: middle;
}
.list-view .list-item-title {
width: 30%;
}
.list-view .list-item-title a {
color: inherit;
text-decoration: none;
}
.list-view .list-item-year {
width: 10%;
}
.list-view .list-item-environment,
.list-view .list-item-effects,
.list-view .list-item-region {
width: 20%;
} .list-view:before {
content: '';
display: table-row;
}
.list-view:before > * {
display: table-cell;
padding: 10px 15px;
font-weight: bold;
background: #f5f5f5;
border-bottom: 2px solid #ddd;
} .list-view .portfolio-item:hover {
background-color: #f9f9f9;
}
.list-view .list-item-title a:hover {
color: #000;
text-decoration: underline;
}
.projects {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr
}
.projects__list {
grid-column-gap: 0rem;
grid-row-gap: 1.38889rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid
}
.projects__list.table-view {
display: block
}
.projects__list.table-view.container {
padding-left: 2.77778rem;
padding-right: 2.77778rem
}
.projects__list.container {
padding-left: 2.08333rem;
padding-right: 2.08333rem
}
.projects__item {
border-radius: 1.38889rem;
width: 100%;
height: 100%;
padding: .694444rem;
transition: background-color .2s;
position: relative
}
.projects__item.table-view {
grid-column-gap: 1.11111rem;
grid-row-gap: 0px;
border-bottom: .0694445rem solid #ccc;
color: #8c8c8c;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 5.55556rem 11.1111rem 11.1111rem 8.33333rem;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 2.01389rem;
padding-bottom: 2.01389rem;
display: grid
}
.projects__cover {
z-index: 2;
opacity: 1;
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .3s cubic-bezier(.25,.46,.45,.94);
display: block;
position: relative
}
.projects__cover.scaled {
transform: scale(1.2)
}
.projects__title {
margin-top: 1.11111rem;
transition: color .2s
}
.projects__title.table-view {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.66667rem
}
.works__table-head.table-view {
grid-column-gap: 1.11111rem;
grid-row-gap: 0px;
border-bottom: .0694445rem solid #8c8c8c;
color: #8c8c8c;
grid-template-rows: auto;
grid-template-columns: 1fr 5.55556rem 11.1111rem 11.1111rem 8.33333rem;
grid-auto-columns: 1fr;
margin-top: .694444rem;
padding-top: .694444rem;
padding-bottom: .625rem;
display: grid
}
.toggle-view__button {
width: 2.77778rem;
height: 2.77778rem
}
.projects__year {
display: none
}
.projects__year.table-view,.projects__effects.table-view {
display: block;
background-color: unset;
border-radius: unset;
margin-bottom: unset;
padding: unset;
} .projects__region.table-view {
padding-right: 1.66667rem;
display: block
}
.projects__budget {
display: none
}
.projects__budget.table-view {
display: block
}
.works__sort-link {
align-items: center;
display: flex
}
.works__sort-link.works__sort-link--title {
color: var(--black)
}
.works__sort-link.visually-hidden {
pointer-events: none
}
.works__sort-icon {
width: 1.66667rem;
height: 1.66667rem;
transition: transform .2s
}
.works__navigation {
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 2.77778rem;
display: flex;
position: relative
}
.projects__link {
position: relative
}
.projects__cover-wrapper {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
border-radius: .694444rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 30.5556rem;
height: 22.3611rem;
position: relative;
overflow: hidden
}
.projects__cover-wrapper.table-view {
display: none
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.projects__cover-back {
opacity: 0;
border-radius: .694444rem;
width: 100%;
height: 100%;
transition: opacity .2s;
position: absolute;
inset: 0%
}
.projects__item-wrapper {
width: 100%;
position: relative;
}
.works__empty {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 8.33333rem;
padding-bottom: 5.55556rem;
display: flex
}
.filter-right .view-mode button {
opacity: .5;
}
.filter-right .view-mode button.active {
opacity: 1;
}
.projects__environment, .projects__effects, .projects__region {
background-color: black;
color: whitesmoke;
border-radius: 1.38889rem;
margin-bottom: .416667rem;
padding: .416667rem .833333rem
}
.projects__environment.text--caption.table-view {
color: var(--grey);
letter-spacing: -.02em;
background-color: #0000;
margin-bottom: 0;
padding: 0;
font-size: 1.11111rem;
line-height: 1.33333rem;
position: relative;
top: auto;
right: auto
}
.projects__description {
color: grey;
transition: color .2s
}
.projects__description.table-view {
display: none
}
.amlab_cate_pos {
z-index: 15;
flex-direction: column;
align-items: flex-end;
display: flex;
position: absolute;
top: 3%;
right: 5%;
} .projects__environments-list.table-view, .projects__effects-list.table-view, .projects__region-list.table-view {
align-items: flex-start;
position: relative;
top: auto;
right: auto;
display: flex;
flex-direction: column;
}
.projects__environments-list.projects__environments-list--static {
position: relative;
top: 0;
right: 0
}
.projects__effects-list.table-view {
display: block
}
.works__categories {
grid-column-gap: .833333rem;
grid-row-gap: 0px;
flex: none;
grid-template-rows: auto;
grid-template-columns: max-content max-content max-content max-content;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
display: grid;
position: absolute;
inset: auto 0% 0%
}
.projects {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr
}
.projects__list {
grid-column-gap: 0rem;
grid-row-gap: 1.38889rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
margin-bottom: 60px;
}
.projects__list.table-view {
display: block
}
.projects__list.table-view.container {
padding-left: 2.77778rem;
padding-right: 2.77778rem
}
.projects__list.container {
padding-left: 2.08333rem;
padding-right: 2.08333rem
}
.projects__item {
border-radius: 1.38889rem;
width: 100%;
height: 100%;
padding: .694444rem;
transition: background-color .2s;
position: relative
}
.projects__environment.table-view {
background-color: unset;
}
.projects__effects.table-view {
color: whitesmoke;
}
.projects__item.table-view {
grid-column-gap: 1.11111rem;
grid-row-gap: 0px;
border-bottom: .0694445rem solid #ccc;
color: #8c8c8c;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 5.55556rem 11.1111rem 11.1111rem 8.33333rem;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 2.01389rem;
padding-bottom: 2.01389rem;
display: grid
}
.projects__cover {
z-index: 2;
opacity: 1;
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .3s cubic-bezier(.25,.46,.45,.94);
display: block;
position: relative
}
.projects__cover.scaled {
transform: scale(1.2)
}
.projects__title {
margin-top: 1.11111rem;
transition: color .2s
}
.projects__title.table-view {
margin-top: 0;
margin-bottom: 0;
padding-left: 1.66667rem
}
.projects__description {
color: var(--grey);
transition: color .2s
}
.projects__description.table-view {
display: none
}
.hidden {
display: none
}
.search__tags-list {
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit,minmax(0,max-content));
grid-template-areas: ".";
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: flex-start;
align-items: flex-start;
margin-top: -.833333rem;
margin-left: -.555556rem;
display: flex
}
.search__tags-item {
flex: none;
margin-top: .833333rem;
margin-left: .555556rem
}
.works__filters-wrapper {
width: 100%;
margin-bottom: 0
}
.toggle-view {
z-index: 5;
cursor: pointer;
justify-content: space-between;
width: 6.94444rem;
margin-left: auto;
display: flex;
position: relative
}
.works__table-head {
padding-right: 1.66667rem;
display: none
}
.works__table-head.table-view {
grid-column-gap: 1.11111rem;
grid-row-gap: 0px;
border-bottom: .0694445rem solid #8c8c8c;
color: #8c8c8c;
grid-template-rows: auto;
grid-template-columns: 1fr 5.55556rem 11.1111rem 11.1111rem 8.33333rem;
grid-auto-columns: 1fr;
margin-top: .694444rem;
padding-top: .694444rem;
padding-bottom: .625rem;
display: grid
}
.toggle-view__button {
width: 2.77778rem;
height: 2.77778rem
}
.projects__year {
display: none
}
.projects__year.table-view,.projects__effects.table-view {
display: block
}
.projects__region.table-view {
color: #8c8c8c;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0px;
font-size: 1.11111rem;
line-height: 1.33333rem;
position: relative;
top: auto;
right: auto;
padding: 0px;
display: block
}
.projects__budget {
display: none
}
.projects__budget.table-view {
display: block
}
.works__sort-link {
align-items: center;
display: flex
}
.works__sort-link.works__sort-link--title {
color: var(--black)
}
.works__sort-link.visually-hidden {
pointer-events: none
}
.works__sort-icon {
width: 1.66667rem;
height: 1.66667rem;
transition: transform .2s
}
.works__navigation {
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 2.77778rem;
display: flex;
position: relative
}
.filters.expanded {
opacity: 1;
transition: opacity .3s;
overflow: visible
}
.filters__navigation {
background-color: #fff;
border-radius: .694444rem;
align-items: center;
width: 100%;
margin-bottom: 2.08333rem;
padding: 1.66667rem 2.77778rem;
display: none
}
.filters__navigation.opened {
display: flex
}
.filters__wrapper {
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex
}
.filters__tag {
color: var(--grey);
cursor: pointer;
justify-content: flex-start;
align-items: center;
margin-top: 1.38889rem;
margin-left: 1.38889rem;
transition: color .2s;
display: flex
}
.filters__count {
flex: none;
align-items: flex-start;
margin-left: auto;
margin-right: 1.38889rem;
display: flex
}
.filters__share {
align-items: center;
display: flex
}
.filters__share.button {
flex: none
}
.filters__button {
justify-content: space-between;
align-items: center;
height: 3.05556rem;
display: flex
}
.filters__button.button {
cursor: pointer;
padding-right: 1.52778rem;
display: flex
}
.filters__button.button.w--open {
border-bottom-style: none;
border-radius: 1.52778rem 1.52778rem 0 0;
margin-top: -.555556rem;
padding-top: 1.66667rem;
transition: border-color .2s,color .2s,background-color .2s
}
.filters__share-icon {
width: 1.11111rem;
height: 1.11111rem;
margin-left: .555556rem
}
.filters__tags {
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-top: -1.38889rem;
margin-left: -1.38889rem;
margin-right: 1.66667rem;
display: flex
}
.filters__tag-text {
margin-right: .555556rem
}
.filters__tag-remove {
justify-content: flex-start;
align-items: flex-start;
width: .972222rem;
height: .972222rem;
display: flex
}
.filters__items-wrapper {
padding-bottom: 1.38889rem
}
.filters__items-wrapper.filters__items-wrapper--effects {
max-height: 24.3056rem
}
.filters__items {
grid-column-gap: 0px;
grid-row-gap: .833333rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid
}
.filters__items.filters__items--dates {
grid-column-gap: 2.5rem;
grid-row-gap: .833333rem;
grid-template-columns: 4.86111rem 4.86111rem;
padding-top: .208333rem
}
.filters__items.filters__items--region {
grid-auto-rows: auto
}
.filters__items.filters__items--budget {
grid-row-gap: .833333rem
}
.filters__item-wrapper {
cursor: pointer;
align-items: center
}
.checkbox-input {
margin-top: 0;
margin-left: 0;
display: none
}
.filters__item-text {
margin-bottom: 0
}
.filters__item {
color: var(--grey);
cursor: pointer;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex
}
.filters__item-img {
border-radius: .277778rem;
width: 3.125rem;
height: 3.125rem;
display: block
}
.filters__dropdown-icon {
width: 1.11111rem;
height: 1.11111rem;
transition: transform .2s
}
.filters__dropdown {
height: 3.05556rem;
margin-left: 0;
margin-right: 1.38889rem
}
.filters__dropdown-list {
z-index: 1000;
background-color: var(--white-smoke)
}
.filters__dropdown-list.w--open {
border-style: none solid solid;
border-width: .138889rem;
border-color: var(--light-grey);
background-color: var(--white-smoke);
border-radius: 0 0 1.52778rem 1.52778rem;
padding-top: 1.11111rem;
padding-left: 1.52778rem;
padding-right: 1.52778rem
}
.filters__effects-list {
grid-column-gap: 0px;
grid-row-gap: .694444rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
padding-top: 1.38889rem;
padding-bottom: 1.38889rem;
display: grid
}
.filters__item-icon {
width: 1.66667rem;
height: 1.66667rem
}
.button-filters__text--close {
display: none
}
.button-filters__icon {
width: 1.11111rem;
height: 1.11111rem;
margin-left: .555556rem;
display: none
}
.hero__content {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 20.2778rem;
display: flex;
position: relative
}
.filters__item-img-wrapper {
margin-right: .555556rem;
position: relative
}
.filters__item-img-checked {
opacity: 0;
border-radius: .277778rem;
justify-content: center;
align-items: center;
width: 3.125rem;
height: 3.125rem;
transition: opacity .2s;
display: flex;
position: absolute
}
.filters__checked-icon {
width: 1.66667rem;
height: 1.66667rem
}
.filters__item-icon-wrapper {
margin-right: .833333rem;
padding-top: .555556rem;
padding-bottom: .555556rem;
position: relative
}
.filters__item-icon-checked {
opacity: 0;
position: absolute
}
.filters__item-icon-checked.filters__item-icon-checked--index {
top: .381944rem;
left: -.277778rem
}
.filters__item-index-wrapper {
margin-left: .555556rem;
padding-top: .451389rem;
padding-bottom: 1.14583rem;
font-weight: 400;
position: relative
}
.filters__item-empty-wrapper {
min-height: 2.43056rem;
margin-left: .277778rem;
padding-top: .381944rem
}
.filters__share-message {
display: none
}
.div-block {
-webkit-text-fill-color: transparent;
background-color: #8f468e;
-webkit-background-clip: text;
background-clip: text;
width: 50%;
height: 50%;
position: absolute;
inset: 0% auto auto 0%
}
.projects__link {
position: relative
}
.projects__cover-wrapper {
z-index: 10;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
border-radius: .694444rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 30.5556rem;
height: 22.3611rem;
position: relative;
overflow: hidden
}
.projects__cover-wrapper.table-view {
display: none
}
.projects__cover-back {
opacity: 0;
border-radius: .694444rem;
width: 100%;
height: 100%;
transition: opacity .2s;
position: absolute;
inset: 0%
}
.projects__item-wrapper {
width: 100%
}
.works__eyes {
grid-column-gap: 1.11111rem;
justify-content: flex-start;
align-items: flex-start;
margin-top: .833333rem;
margin-left: 1.11111rem;
display: flex
}
.eye-circle {
border-radius: 50%;
flex: none;
width: 1.11111rem;
height: 1.11111rem;
position: relative;
overflow: clip
}
.eye-fill {
width: 1.11111rem;
height: 1.11111rem;
position: absolute;
inset: -100% 0% auto
}
.works__links {
grid-row-gap: .833333rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 5.41667rem;
display: flex
}
.main-form__policy {
text-align: center;
margin-top: 2.77778rem
}
.main-form__link {
text-decoration: underline
}
.main-form__link:hover {
text-decoration: none
}
.load-more-btn {
text-align: center;
width: 30.5556rem;
margin-left: 0;
margin-right: 0;
padding: .833333rem;
border: 1px solid lightgray;
color: whitesmoke !important;
border-radius: 50px;
}
.projects__environment.text--caption.table-view {
color: #EAEAEA;
letter-spacing: -0.02em;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0px;
font-size: 1.11111rem;
line-height: 1.33333rem;
position: relative;
top: auto;
right: auto;
padding: 0px;
}
.projects__effects-list.w-dyn-items.table-view p {
color: #8c8c8c;
letter-spacing: -0.02em;
background-color: rgba(0, 0, 0, 0);
margin-bottom: 0px;
font-size: 1.11111rem;
line-height: 1.33333rem;
position: relative;
top: auto;
right: auto;
padding: 0px;
}
.works__sort-text {
margin-bottom: 5px;
}
.share-btn {
margin: 0;
border-radius: 50px;
}
.load-more-container {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
bottom: -10%;
}
@media screen and (max-width: 479px) {
.search {
display:none
}
.projects__item {
padding: 0
}
.footer__logo {
min-width: 33.8667rem
}
.filters__wrapper {
padding-bottom: 25rem
}
.hero__case-content {
margin-top: 0
}
.service-item__info {
flex-flow: row
}
.service-item__button.button {
flex: none
}
.project-content img {
margin-bottom: 0
}
}
#w-node-_2300711c-0fea-a94a-0dea-9b60201f5ed3-c33fc617,#w-node-e776a54b-34b4-2c5f-a7d0-e6fd5bdd0ced-c33fc617,#w-node-d6ed3db4-3db9-4afa-44ca-d6afc6310722-c33fc617,#w-node-_8d8e1524-7470-626e-810d-59494093904c-c33fc617,#w-node-de42d4e4-ff52-dac8-2691-07a93c3b9c12-c33fc617,#w-node-_5e704dda-160a-d48f-36a7-2a1e36b00e12-c33fc617,#w-node-_9f67ca8f-940a-9ec3-ff9a-125d11f04bf0-c33fc617,#w-node-e3491315-752f-7f12-f875-8b509bff7245-c33fc63e,#w-node-_853925a2-ea52-df42-88f8-20d8fe3e1d83-c33fc63e,#w-node-b456be06-65b1-7714-95f7-82f22dce190b-c33fc63e,#w-node-b456be06-65b1-7714-95f7-82f22dce190d-c33fc63e,#w-node-b456be06-65b1-7714-95f7-82f22dce1915-c33fc63e,#w-node-b456be06-65b1-7714-95f7-82f22dce1919-c33fc63e,#w-node-b456be06-65b1-7714-95f7-82f22dce191a-c33fc63e,#w-node-_22821394-b593-9d84-51ee-bcf3c04fcaab-c33fc658,#w-node-_22821394-b593-9d84-51ee-bcf3c04fcaad-c33fc658,#w-node-_22821394-b593-9d84-51ee-bcf3c04fcab5-c33fc658,#w-node-_22821394-b593-9d84-51ee-bcf3c04fcab9-c33fc658,#w-node-_22821394-b593-9d84-51ee-bcf3c04fcaba-c33fc658,#w-node-_784dce58-7243-6789-0980-5015c9bee515-c33fc662,#w-node-_784dce58-7243-6789-0980-5015c9bee517-c33fc662,#w-node-_784dce58-7243-6789-0980-5015c9bee51f-c33fc662,#w-node-_784dce58-7243-6789-0980-5015c9bee523-c33fc662,#w-node-_784dce58-7243-6789-0980-5015c9bee524-c33fc662,#w-node-dac79808-174c-c49c-f119-657a674e1735-c33fc66e,#w-node-_0a6935a8-b07e-717c-72c0-8db151b7e832-c33fc66e,#w-node-_0a6935a8-b07e-717c-72c0-8db151b7e835-c33fc66e,#w-node-_538f9601-3d7f-9c04-9e30-5ff78676a25c-c33fc66e,#w-node-dac79808-174c-c49c-f119-657a674e1797-c33fc66e,#w-node-dac79808-174c-c49c-f119-657a674e1799-c33fc66e,#w-node-a5cc36de-ee06-7f4e-4aad-7bc0db793c45-c33fc66e,#w-node-_875d851a-9c7f-ad3e-bb3d-ee216aaa822c-c33fc66e,#w-node-b137a5ff-6e69-8eae-2395-ad337872cd3f-c33fc66e,#w-node-c6a7d18d-2968-be69-e4ee-e7e52f876b4e-c33fc676,#w-node-c6a7d18d-2968-be69-e4ee-e7e52f876b50-c33fc676,#w-node-c6a7d18d-2968-be69-e4ee-e7e52f876b58-c33fc676,#w-node-c6a7d18d-2968-be69-e4ee-e7e52f876b5c-c33fc676,#w-node-c6a7d18d-2968-be69-e4ee-e7e52f876b5d-c33fc676,#w-node-_2300711c-0fea-a94a-0dea-9b60201f5ed3-c5a237bc,#w-node-e776a54b-34b4-2c5f-a7d0-e6fd5bdd0ced-c5a237bc,#w-node-d6ed3db4-3db9-4afa-44ca-d6afc6310722-c5a237bc,#w-node-_8d8e1524-7470-626e-810d-59494093904c-c5a237bc,#w-node-de42d4e4-ff52-dac8-2691-07a93c3b9c12-c5a237bc,#w-node-_5e704dda-160a-d48f-36a7-2a1e36b00e12-c5a237bc,#w-node-_9f67ca8f-940a-9ec3-ff9a-125d11f04bf0-c5a237bc,#w-node-_2300711c-0fea-a94a-0dea-9b60201f5ed3-1c0e43cd,#w-node-e776a54b-34b4-2c5f-a7d0-e6fd5bdd0ced-1c0e43cd,#w-node-d6ed3db4-3db9-4afa-44ca-d6afc6310722-1c0e43cd,#w-node-_8d8e1524-7470-626e-810d-59494093904c-1c0e43cd,#w-node-de42d4e4-ff52-dac8-2691-07a93c3b9c12-1c0e43cd,#w-node-_5e704dda-160a-d48f-36a7-2a1e36b00e12-1c0e43cd,#w-node-_9f67ca8f-940a-9ec3-ff9a-125d11f04bf0-1c0e43cd,#w-node-_4acefadb-898d-9f6c-72db-a78813ae5ce3-275b05c6,#w-node-_4acefadb-898d-9f6c-72db-a78813ae5ce5-275b05c6,#w-node-_4acefadb-898d-9f6c-72db-a78813ae5ced-275b05c6,#w-node-_4acefadb-898d-9f6c-72db-a78813ae5cf1-275b05c6,#w-node-_4acefadb-898d-9f6c-72db-a78813ae5cf2-275b05c6,#w-node-e3491315-752f-7f12-f875-8b509bff7245-b80a526b,#w-node-_853925a2-ea52-df42-88f8-20d8fe3e1d83-b80a526b,#w-node-_8c605b3e-0ae3-7488-2efc-91189ed9599e-b80a526b,#w-node-_8c605b3e-0ae3-7488-2efc-91189ed959a0-b80a526b,#w-node-_8c605b3e-0ae3-7488-2efc-91189ed959a8-b80a526b,#w-node-_8c605b3e-0ae3-7488-2efc-91189ed959ac-b80a526b,#w-node-_8c605b3e-0ae3-7488-2efc-91189ed959ad-b80a526b,#w-node-_2300711c-0fea-a94a-0dea-9b60201f5ed3-5d9db0c3,#w-node-e776a54b-34b4-2c5f-a7d0-e6fd5bdd0ced-5d9db0c3,#w-node-d6ed3db4-3db9-4afa-44ca-d6afc6310722-5d9db0c3,#w-node-_8d8e1524-7470-626e-810d-59494093904c-5d9db0c3,#w-node-de42d4e4-ff52-dac8-2691-07a93c3b9c12-5d9db0c3,#w-node-_46a62252-7f15-6474-ddca-51b8eb938c2e-5d9db0c3,#w-node-_46a62252-7f15-6474-ddca-51b8eb938c36-5d9db0c3,#w-node-_2300711c-0fea-a94a-0dea-9b60201f5ed3-fe81dd29,#w-node-e776a54b-34b4-2c5f-a7d0-e6fd5bdd0ced-fe81dd29,#w-node-d6ed3db4-3db9-4afa-44ca-d6afc6310722-fe81dd29,#w-node-_8d8e1524-7470-626e-810d-59494093904c-fe81dd29,#w-node-de42d4e4-ff52-dac8-2691-07a93c3b9c12-fe81dd29,#w-node-c8d49636-349c-a97b-3f09-4936a6053f40-fe81dd29,#w-node-c8d49636-349c-a97b-3f09-4936a6053f48-fe81dd29,#w-node-c11a26b1-48dc-13f2-2c61-c6d8aaef09ef-d109a9d1,#w-node-c11a26b1-48dc-13f2-2c61-c6d8aaef09f1-d109a9d1,#w-node-c11a26b1-48dc-13f2-2c61-c6d8aaef09f9-d109a9d1,#w-node-c11a26b1-48dc-13f2-2c61-c6d8aaef09fd-d109a9d1,#w-node-c11a26b1-48dc-13f2-2c61-c6d8aaef09fe-d109a9d1,#w-node-ff64062b-c174-5bda-7757-af0099325d21-88ceb6c8,#w-node-ff64062b-c174-5bda-7757-af0099325d23-88ceb6c8,#w-node-ff64062b-c174-5bda-7757-af0099325d2b-88ceb6c8,#w-node-ff64062b-c174-5bda-7757-af0099325d2f-88ceb6c8,#w-node-ff64062b-c174-5bda-7757-af0099325d30-88ceb6c8,#w-node-_2300711c-0fea-a94a-0dea-9b60201f5ed3-52b42618,#w-node-e776a54b-34b4-2c5f-a7d0-e6fd5bdd0ced-52b42618,#w-node-d6ed3db4-3db9-4afa-44ca-d6afc6310722-52b42618,#w-node-_8d8e1524-7470-626e-810d-59494093904c-52b42618,#w-node-de42d4e4-ff52-dac8-2691-07a93c3b9c12-52b42618,#w-node-_9f67ca8f-940a-9ec3-ff9a-125d11f04bf0-52b42618 {
grid-area: span 1/span 1/span 1/span 1
}
@font-face {
font-family: 'Sila Sveta Tech';
src: url(https://cdn.prod.website-files.com/635f8cb56c0ae09ab16fad88/635fa28261099e5d11386bb8_Sila_Sveta-Tech_web.woff2) format('woff2'), url(https://cdn.prod.website-files.com/635f8cb56c0ae09ab16fad88/636d053f2b7079a7292cdf97_Sila_Sveta-Tech_web.eot) format('embedded-opentype'), url(https://cdn.prod.website-files.com/635f8cb56c0ae09ab16fad88/635fa2a5c8f1b20c0ab7c00f_Sila_Sveta-Tech_web.woff) format('woff'), url(https://cdn.prod.website-files.com/635f8cb56c0ae09ab16fad88/636d045cb861216e0f0b78bc_Sila_Sveta-Tech_web.ttf) format('truetype'), url(https://cdn.prod.website-files.com/635f8cb56c0ae09ab16fad88/636d062d260c6a65b247a546_SilaSveta_Tech.otf) format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Sila sveta Lux';
src: url(https://cdn.prod.website-files.com/635f8cb56c0ae09ab16fad88/635fa2b9c58a2556a19c3712_Sila_Sveta-Lux_web.woff2) format('woff2'), url(https://cdn.prod.website-files.com/635f8cb56c0ae09ab16fad88/636d05252a2ccf1397fc8eda_Sila_Sveta-Lux_web.eot) format('embedded-opentype'), url(https://cdn.prod.website-files.com/635f8cb56c0ae09ab16fad88/635fa2cec4e29d6b4cc95274_Sila_Sveta-Lux_web.woff) format('woff'), url(https://cdn.prod.website-files.com/635f8cb56c0ae09ab16fad88/636d041c3bfe230907672777_Sila_Sveta-Lux_web.ttf) format('truetype'), url(https://cdn.prod.website-files.com/635f8cb56c0ae09ab16fad88/636d061e51e53a04aad58edd_SilaSveta_Lux.otf) format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@media screen and (max-width: 767px) { .portfolio-filter-container {
flex-direction: column;
gap: 20px;
}
.portfolio-filter-container .filter-left {
width: 100%;
flex-wrap: wrap;
}
.portfolio-filter-container .filter-right {
width: 100%;
} .dropdown-header {
width: 100%;
min-width: unset;
}
.dropdown-content {
width: 100%;
min-width: unset;
} .projects__item.table-view {
grid-template-columns: 1fr;
padding: 15px 0;
gap: 10px;
}
.works__table-head.table-view {
display: none; } .projects__title.table-view,
.projects__year.table-view,
.projects__environments-list.table-view,
.projects__effects-list.table-view,
.projects__region.table-view {
padding: 0;
margin: 5px 0;
} .active-filters-panel .panel-header {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.panel-right {
width: 100%;
justify-content: space-between;
} .projects__cover-wrapper.table-view {
width: 60px;
height: 40px;
display: block;
}
.projects__cover.table-view {
width: 60px;
height: 40px;
object-fit: cover;
} .projects__title,
.projects__year,
.projects__environment,
.projects__effects,
.projects__region {
font-size: 14px;
line-height: 1.4;
} .more-filter-btn {
width: 100%;
margin-top: 10px;
}
.effect-filter {
position: static;
width: 100%;
}
}
@media screen and (max-width: 479px) { .portfolio-filter-container {
margin-bottom: 70px;
}
.filter-left {
gap: 10px;
}
.dropdown-header, .more-filter-btn {
padding: 0;
font-size: 14px;
text-align: center;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
}
.active-filter-tag {
padding: 0px 8px;
font-size: 12px;
height: 30px;
}
.projects__environment {
padding: 10px 30px;
} .filter-right .view-mode {
display: flex;
justify-content: center;
}
.filter-right .view-mode button img {
width: 30px;
height: 30px;
}
.filter-box {
width: 45%;
height: 30px;
}
.dropdown.effect-filter {
display: inline-block !important;
}
.filter-right, .more-filter-btn {display: none;}
.filter-box.more-filter-wrapper {
margin-top: 30px;
}
.projects__list {
grid-column-gap: 0rem;
grid-row-gap: 1.38889rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
margin-bottom: 60px;
}
.amlab_cardslide .button.is-outline {
border: none;
font-size: 18px;
text-align: left;
padding-left: 0;
}
.amlab_cardslide .button.is-outline::before {
content: url(//auraeventvn.com/wp-content/uploads/2025/03/svgviewer-png-output-8.png);
position: absolute;
right: 0;
}
.dropdown-item {
padding-bottom: 0;
}
.portfolio-filter-container .filter-left {
width: 100%; }
}
@media only screen and (max-width: 48em) { .amlab_text2side .amlab_textright p {
margin: 0;
}
}