.mk-showcase-wall-container { overflow: hidden; display: flex !important; flex-direction: column; }
.mk-showcase-wall { display: flex; justify-content: space-between; height: 100%; width: 100%; max-width: 100%; margin: 0 auto; }

/* IMAGES */
.mk-scw-images { position: relative; display: flex; align-items: center; height: 100%; width: 100%; max-width: 50%; }
.mk-scw-images-holder { width: 100%; display: flex; position: relative; width: 740px; height: 510px; }
.mk-scw-image { position: absolute; top: 0; right: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; transition: opacity 0s 1.45s; will-change: transform; }
.mk-showcase-wall .mk-scw-image.active-item { opacity: 1; z-index: 1; transition: opacity .4s cubic-bezier(.215, .61, .355, 1); }
.mk-showcase-wall .mk-scw-image img { width: 100%; height: 100%; position: absolute; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -o-object-fit: cover; object-fit: cover;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
     -webkit-transition: -webkit-transform .6s cubic-bezier(1, 0, .25, .995); transition: -webkit-transform .6s cubic-bezier(1, 0, .25, .995); transition: transform .6s cubic-bezier(1, 0, .25, .995); transition: transform .6s cubic-bezier(1, 0, .25, .995), -webkit-transform .6s cubic-bezier(1, 0, .25, .995); }

.mk-showcase-wall .mk-scw-image.active-item img { z-index: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transition-duration: 1s; -webkit-transition-duration: 1s; transition-timing-function: cubic-bezier(.19, 1, .22, 1); -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1); }

/* CONTENT */
.mk-scw-items { display: flex; flex-direction: column; overflow-y: unset; scrollbar-width: none; justify-content: center; }
.mk-showcase-wall .mk-scw-items-list { width: 100%; height: 100%; position: relative; bottom: 0; display: flex; align-items: center; }
.mk-showcase-wall .mk-scw-items-list-holder { display: table; height: auto; position: relative; }
.mk-scw-item { position: relative; display: block; vertical-align: top; min-height: 1px; cursor: pointer; margin: 20px 0; }
.mk-scw-titleSubtitle { display: flex; justify-self: center; align-items:center; }
.mk-showcase-wall .mk-scw-item .mk-scw-title { background-color: transparent; display: inline-flex; position: relative; vertical-align: top; width: auto; text-transform:uppercase; }
.mk-showcase-wall .mk-scw-subtitle { text-transform: uppercase; font-size: calc(var(--body-font-size) - 2px); }
.mk-showcase-wall .mk-scw-item.active-item .mk-scw-title { z-index: 10; }
.mk-showcase-wall .mk-scw-item .mk-scw-title .mk-scw-title-text { display: block; z-index: -2; position: relative;  transition: all 0.3s ease-out; margin:0 19px 0 14px; }

.mk-showcase-wall-title-stroke-stroke .mk-showcase-wall .mk-scw-item .mk-scw-title .mk-scw-title-text { -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--swm-color-headings); }
.mk-showcase-wall .mk-scw-item .mk-scw-title .mk-scw-title-text:before { content: attr(data-title); position: absolute; -webkit-text-fill-color: currentColor; left: 0; top: 0; transition: .7s cubic-bezier(.25, .46, .45, .94);
    -webkit-clip-path: polygon(0 150%, 0 150%, 100% calc(100% + 0.2em), 100% calc(100% + 0.2em));
    clip-path: polygon(0 150%, 0 150%, 100% calc(100% + 0.2em), 100% calc(100% + 0.2em));
}

.mk-showcase-wall .mk-scw-item.active-item .mk-scw-title .mk-scw-title-text:before {
    -webkit-clip-path: polygon(0 0, 150% 0, calc(100% + 0.2em) calc(100% + 0.4em), -50% 100%);
    clip-path: polygon(0 -100%,100% -250%, calc(100% + 0.2em) calc(100% + 0.4em), -150% 100%);
}

.mk-showcase-wall-title-stroke-default .mk-scw-item .mk-scw-title .mk-scw-title-text:before { display:none; }

.mk-showcase-wall .mk-scw-item .mk-scw-title .mk-scw-title-text,
.mk-showcase-wall .mk-scw-item .mk-scw-title .mk-scw-title-text a { color: var(--swm-color-headings); font-size: 55px; line-height: 60px; }
.mk-showcase-wall .mk-scw-subtitle { color: var(--swm-color-headings);; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mk-showcase-wall .mk-scw-counter { color: var(--swm-color-headings);; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: calc(var(--body-font-size) - 2px); }
.mk-showcase-wall .mk-scw-item.active-item .mk-scw-counter,
.mk-showcase-wall .mk-scw-item.active-item .mk-scw-subtitle { color: var(--swm-color-headings); }

.mk-showcase-wall .mk-scw-content .mk-scw-counter,
.mk-showcase-wall .mk-scw-content .mk-scw-subtitle { opacity:0; visibility:hidden; }

.mk-showcase-wall .mk-scw-item.active-item .mk-scw-content .mk-scw-counter,
.mk-showcase-wall .mk-scw-item.active-item .mk-scw-content .mk-scw-subtitle,
.mk-showcase-wall .mk-scw-content:hover .mk-scw-counter,
.mk-showcase-wall .mk-scw-content:hover .mk-scw-subtitle { opacity:1; visibility:visible; }

.mk-showcase-wall .mk-scw-item .mk-scw-subtitle { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); transition: all 0.3s ease; }

.mk-showcase-wall .mk-scw-item .mk-scw-counter { -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); transition: all 0.3s ease; position: relative; }

.mk-showcase-wall .mk-scw-item.active-item .mk-scw-subtitle,
.mk-showcase-wall .mk-scw-item.active-item .mk-scw-counter { -webkit-clip-path: inset(0); clip-path: inset(0); }

.mk-showcase-wall .mk-scw-content { display:inline-block; position: relative; }

.mk-showcase-wall .mk-scw-content:after,
.mk-showcase-wall .mk-scw-content:before {content:''; position:absolute; top:50%; right: calc(100% + 1em); width:100vw; height:1px; background-color: currentColor; transform-origin: right; transform: scaleX(0); transition: transform .4s ease-out; z-index: -1; }

.mk-showcase-wall .mk-scw-content:after { left: calc(100% + 1em); right:auto; transform-origin: left; }

.mk-showcase-wall .mk-scw-item.active-item .mk-scw-content:after,
.mk-showcase-wall .mk-scw-item.active-item .mk-scw-content:before { transform: scaleX(1); transition: transform .6s ease-in; }

@media only screen and (max-width:1024px) {
    .mk-showcase-wall { flex-direction: column; height: auto; }
    .mk-showcase-wall .mk-scw-items { width: 100%; height: 64%; position: relative; }
    .mk-showcase-wall .mk-scw-items-list { width: 100%; height: auto; padding-top:30px; padding-left:30px; }
    .mk-showcase-wall .mk-scw-items-list-holder { height: 100%; }
    .mk-showcase-wall .mk-scw-items-list article { height: auto; }
    .mk-showcase-wall .mk-scw-images { position: relative; width: 100%; bottom: 0; z-index: 1; max-width: 100%; }
    .mk-showcase-wall .mk-scw-item .mk-scw-title .mk-scw-title-text,
    .mk-showcase-wall .mk-scw-item .mk-scw-title .mk-scw-title-text a { font-size:40px; line-height:40px; }
}

.mk-showcase-wall .mk-scw-item.active-item .mk-scw-title .mk-scw-title-text,
.mk-showcase-wall .mk-scw-item.active-item .mk-scw-title .mk-scw-title-text a { color:var(--swm-color-accent); }

.mk-showcase-wall-title-stroke-stroke .mk-showcase-wall .mk-scw-item.active-item .mk-scw-title .mk-scw-title-text,
.mk-showcase-wall-title-stroke-stroke .mk-showcase-wall .mk-scw-item.active-item .mk-scw-title .mk-scw-title-text a { -webkit-text-stroke-color:var(--swm-color-accent); }

.mk-showcase-wall .mk-scw-item.active-item .mk-scw-title .mk-scw-title-text,
.mk-showcase-wall .mk-scw-item.active-item .mk-scw-title .mk-scw-title-text a { color:var(--swm-color-accent); }