/*Slider*/
.mk-portfolio-slider { width: 100%; height: 100%; z-index: 1; overflow: hidden; position: relative; }
.mk-portfolio-slider-img-holder { width: 100%; height:auto; display: block; margin: 0 auto; }
.mk-portfolio-slider-img { position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.mk-portfolio-slider-img img { width: 100%; height: 100%; position: relative; display: block; object-position: center; object-fit: cover; }
.mk-pf-slider-image-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; display: block; }
.mk-portfolio-slider .slider-navigation .swiper-pagination-bullets .swiper-pagination-bullet-active,
.mk-portfolio-slider .slider-navigation .swiper-pagination-bullets .swiper-pagination-bullet:hover { background-color: var(--swm-color-light-1); }
.mk-portfolio-slider .slider-navigation .swiper-pagination-bullets .swiper-pagination-bullet { border-color: var(--swm-color-light-1); }
.mk-portfolio-slider .mk-slider-pn svg polyline { stroke: var(--swm-color-light-1); }

.mk-portfolio-slider .mk-swiper-item .mk-portfolio-slider-wrapper { border:1px solid var(--swm-color-border); padding:120px; height:100%; -webkit-transition: all .6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; }

.mk-portfolio-slider .mk-swiper-item.swiper-slide-duplicate-active .mk-portfolio-slider-wrapper,
.mk-portfolio-slider .mk-swiper-item.swiper-slide-active .mk-portfolio-slider-wrapper { border-top:1px solid var(--swm-color-border); border-bottom:1px solid var(--swm-color-border); border-left:0; border-right:0; padding:80px; }

/* Content */
.mk-portfolio-slider .mk-pf-slider-content { text-align:center; -webkit-transition: all .6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; }

.mk-portfolio-slider .mk-pf-slider-title a {
    font-size: 24px;
    line-height: 1.9em;
    text-transform: uppercase;
    color: var(--swm-color-headings);
}

.mk-portfolio-slider .mk-pf-slider-title a:hover { color: var(--swm-color-headings); }

.mk-portfolio-slider .mk-pf-slider-subtitle {font-size: var(--body-font-size); font-weight: var(--swm-headings-font-weight); font-family: var(--swm-headings-font-family); color: var(--swm-color-text); line-height:1; margin-top:3px; }

.mk-portfolio-slider .mk-swiper-item.swiper-slide-active .mk-pf-slider-title a,
.mk-portfolio-slider .mk-swiper-item.swiper-slide-duplicate-active .mk-pf-slider-title a { font-size:30px; }

/* Arrow */
.mk-portfolio-slider .mk-slider-pn { font-size:25px; color:var(--swm-color-light-1); cursor:pointer; }

.mk-portfolio-slider .mk-slider-prev:before { transform:rotate(180deg); }

/* Navigation */
.mk-portfolio-slider-navigation { display:flex; clear:both; margin-top:40px; position:relative; justify-content:space-between; align-items:center; }

.mk-portfolio-slider .swiper-pagination { position: relative; display: flex; justify-content:center; align-items:center; position: relative; }
.mk-portfolio-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { display: block; text-align: left; bottom:0; }

.mk-portfolio-slider .swiper-pagination-bullets .swiper-pagination-bullet { position:relative; z-index:0; width: 20px; height: 20px; margin: 0 5px; border: 1px solid transparent;  opacity: 1; border-radius: 100%; display:inline-flex; justify-content:center; align-items:center; flex-direction:column; background:transparent; -webkit-transition: all 3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; float:left; }

.mk-portfolio-slider .swiper-pagination-bullet:before { content:''; z-index:1; width:7px; height:7px; border-radius:100%; display:block; position:absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); background-color:var(--swm-color-light-1); -webkit-transition: all 3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; }
.mk-portfolio-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color:var(--swm-color-light-1); }

.mk-portfolio-slider .swiper-pagination-bullet.swiper-pagination-bullet-active:before { width:5px; height:5px; }

.mk-portfolio-slider .mk-ps-dots-navigation { display:flex; justify-content:center; align-items:center; }

/* ----------- */

.mk-portfolio-slider .mk-pf-slider-content { padding-top:22px; }

.mk-portfolio-slider .mk-swiper-item.swiper-slide-active .mk-pf-slider-content,
.mk-portfolio-slider .mk-swiper-item.swiper-slide-duplicate-active .mk-pf-slider-content { padding-top:26px; }

.mk-portfolio-slider-navigation { margin-top:40px; }
.mk-portfolio-slider .mk-swiper-item .mk-portfolio-slider-wrapper { padding:120px; }

.mk-portfolio-slider .mk-swiper-item.swiper-slide-duplicate-active .mk-portfolio-slider-wrapper,
.mk-portfolio-slider .mk-swiper-item.swiper-slide-active .mk-portfolio-slider-wrapper { padding:80px; }

.mk-portfolio-slider .mk-swiper-item { height:auto; }

/*Style 2*/
.mk-pf-slider-st2 .mk-portfolio-slider-holder { position:relative; display:block; }
.mk-pf-slider-st2 .mk-portfolio-slider-wrapper,
.mk-pf-slider-st2 .mk-portfolio-slider .mk-swiper-item .mk-portfolio-slider-wrapper,
.mk-pf-slider-st2 .mk-swiper-item.swiper-slide-duplicate-active .mk-portfolio-slider-wrapper,
.mk-pf-slider-st2 .mk-swiper-item.swiper-slide-active .mk-portfolio-slider-wrapper { border:0; }

.mk-pf-slider-st2 .mk-pf-slider-title a { font-size:30px; }
.mk-pf-slider-st2 .mk-pf-slider-content { padding-top:26px; }

.mk-pf-slider-st2 .mk-portfolio-slider-holder .mk-slider-pn { position:absolute; display:flex; align-items:center; bottom:20px; z-index:2; font-size:25px; cursor:pointer;  }
.mk-pf-slider-st2 .mk-portfolio-slider-holder .mk-slider-next { right:0; }
.mk-pf-slider-st2 .mk-portfolio-slider-holder .mk-slider-prev { left:0; transform:rotate(180deg); }

@media only screen and (max-width:1024px) {
    .mk-portfolio-slider .mk-slider-pn { font-size:20px; }

    .mk-portfolio-slider .mk-pf-slider-title a,
    .mk-portfolio-slider .mk-swiper-item.swiper-slide-active .mk-pf-slider-title a,
    .mk-portfolio-slider .mk-swiper-item.swiper-slide-duplicate-active .mk-pf-slider-title a { font-size:20px; }

    .mk-portfolio-slider .mk-swiper-item .mk-portfolio-slider-wrapper { padding:70px; }

    .mk-portfolio-slider .mk-swiper-item.swiper-slide-duplicate-active .mk-portfolio-slider-wrapper,
    .mk-portfolio-slider .mk-swiper-item.swiper-slide-active .mk-portfolio-slider-wrapper { padding:40px; }

    .mk-portfolio-slider-navigation { justify-content: space-evenly; }

}

@media only screen and (max-width:767px) {
    .mk-portfolio-slider .mk-swiper-item.swiper-slide-duplicate-active .mk-portfolio-slider-wrapper,
    .mk-portfolio-slider .mk-swiper-item.swiper-slide-active .mk-portfolio-slider-wrapper { border-left:1px solid; border-right:1px solid; }

    .mk-pf-slider-st2 .mk-portfolio-slider .mk-swiper-item.swiper-slide-duplicate-active .mk-portfolio-slider-wrapper,
    .mk-pf-slider-st2 .mk-portfolio-slider .mk-swiper-item.swiper-slide-active .mk-portfolio-slider-wrapper { border:0; }

}