.mk-interactive-links-container { overflow: hidden; display: flex !important; flex-direction: column; }
.mk-interactive-links { display: flex; justify-content: space-between; height: 100%; width: 100%; max-width: 100%; margin: 0 auto; color: var(--swm-color-headings); }

/* IMAGES */
.mk-itrl-images { position: relative; display: flex; align-items: center; height: 100%; margin:0 50px 0 0; width:40%; }
.mk-itrl-images-holder { width: 100%; display: flex; position: relative; height:100%; }
.mk-itrl-image { position: absolute; top: 0; right: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; transition: opacity 0s 1.45s; will-change: transform; }
.mk-interactive-links .mk-itrl-image.active-item { opacity: 1; z-index: 1; transition: opacity .4s cubic-bezier(.215, .61, .355, 1); }
.mk-interactive-links .mk-itrl-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-interactive-links .mk-itrl-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-itrl-items {display:block; width:100%; }
.mk-interactive-links .mk-itrl-items-list { width: 100%; height: 100%; position: relative; bottom: 0; display: flex; align-items: center; }
.mk-interactive-links .mk-itrl-items-list-holder { width: 100%; display: flex; height: 100%; position: relative; flex-direction:column; }
.mk-itrl-item { position: relative; overflow:hidden; display:flex; cursor: pointer; border:1px solid var(--swm-color-border); border-bottom:0; align-items: center;
    height:calc( 100% / var(--mk-interactive-links-number,4));
    width:100%;
}
.mk-itrl-item:last-child { border-bottom:1px solid var(--swm-color-border); }

.mk-itrl-item .mk-itrl-link { position:absolute; display:block; width:100%; height:100%; z-index:2; }

.mk-itrl-titleSubtitle { display: flex; justify-self: center; align-items:center; }
.mk-interactive-links .mk-itrl-item .mk-itrl-title { display: block; position: relative; font-size: 31px; line-height: 40px; text-transform:uppercase; }

.mk-interactive-links .mk-itrl-content { display:flex; position: relative; justify-content:space-between; align-items:center; width:100%; margin:20px 40px;  }

.mk-interactive-links .mk-itrl-item .mk-itrl-icon { width:60px; transition: all .4s cubic-bezier(.215, .61, .355, 1); position:absolute; right:0; }
.mk-interactive-links .mk-itrl-item .mk-itrl-hover-icon { width:60px; left:-100%; display:block; position:absolute; transition: all .4s cubic-bezier(.215, .61, .355, 1);   }

.mk-interactive-links .mk-itrl-item:before { content:''; position:absolute; width:100%; height:100%;  display:block; background:var(--swm-color-light-2); }

.mk-interactive-links .mk-itrl-item .mk-itrl-title,
.mk-interactive-links .mk-itrl-item .mk-itrl-subtitle { color: var(--swm-color-dark-1); }

.mk-interactive-links .mk-itrl-item .mk-itrl-subtitle { margin-right:90px; }

.mk-interactive-links .mk-itrl-item .mk-itrl-text { margin-left:0; }

/* Active */
.mk-interactive-links .mk-itrl-item.active-item:before,
.mk-interactive-links .mk-itrl-item:hover:before { background:var(--swm-color-dark-1); }

.mk-interactive-links .mk-itrl-item.active-item .mk-itrl-text,
.mk-interactive-links .mk-itrl-item:hover .mk-itrl-text { margin-left:var(--mk-interactive-links-text-margin,90px); }

.mk-interactive-links .mk-itrl-item.active-item .mk-itrl-title,
.mk-interactive-links .mk-itrl-item.active-item .mk-itrl-subtitle,
.mk-interactive-links .mk-itrl-item.active-item,
.mk-interactive-links .mk-itrl-item:hover .mk-itrl-title,
.mk-interactive-links .mk-itrl-item:hover .mk-itrl-subtitle,
.mk-interactive-links .mk-itrl-item:hover { color: var(--swm-color-light-1); }

.mk-interactive-links .mk-itrl-item.active-item .mk-itrl-hover-icon,
.mk-interactive-links .mk-itrl-item:hover .mk-itrl-hover-icon { left:0; }

.mk-interactive-links .mk-itrl-item.active-item .mk-itrl-icon,
.mk-interactive-links .mk-itrl-item:hover .mk-itrl-icon { margin-right:-100%;  transition: all 1.4s cubic-bezier(.215, .61, .355, 1); }

@media only screen and (max-width:1024px) {
    .mk-interactive-links .mk-itrl-content { margin:20px; }
    .mk-itrl-images { margin-right:20px; }
    .mk-interactive-links .mk-itrl-item .mk-itrl-title { font-size:24px; }
}

@media only screen and (max-width:767px) {
    .mk-itrl-images { display:none; }
    .mk-itrl-item { height:auto; }
    .mk-interactive-links .mk-itrl-item.active-item .mk-itrl-text,
    .mk-interactive-links .mk-itrl-item:hover .mk-itrl-text { margin-left:0; }
    .mk-interactive-links .mk-itrl-item .mk-itrl-hover-icon { display:none; }
    .mk-interactive-links .mk-itrl-item .mk-itrl-icon { width:50px; }
    .mk-interactive-links .mk-itrl-item .mk-itrl-title { font-size:20px; }
}