/* Insipration Swipers */
:root {
	--swiper-navigation-sides-offset: -100px;
}

.lightbox {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.9);
  display: none; justify-content: center; align-items: center;
  z-index: 9999;
}
.lightbox img { max-width: 90vw; max-height: 90vh; }
.lightbox.show { display: flex; cursor: zoom-out; }




.proswip .swiper {
	overflow: inherit;
	z-index: inherit;
}
.proswip .swiper-slide {
	opacity: 0.25;
}
.proswip .swiper-slide.swiper-slide-active {
	  opacity: 1;
  transform: scale(1);
}
.proswip .swiper-button-next:after, .proswip .swiper-button-prev:after {
	text-shadow: 1px 0px 1px #ffffff;
}






.mySwiper2 {
height: calc(100vh + 65px);
width: 100%;
padding-bottom: 65px;
}

.mySwiper2 .swiper-slide {
text-align: center;
font-size: 18px;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
/*background: #f5f5f5;*/
}      

.mySwiper2 .swiper-slide img {
width: auto;
height: 100vh;
/*max-width: 100%;*/
/*max-height: 100%;*/
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
}   

/* Home Swiper Featured */

.mySwiper-featured {
width: 100%;
height: 100%;
}

.mySwiper-featured .swiper-slide {
text-align: center;
font-size: 18px;
        
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: flex-start;
}

.mySwiper-featured .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.mySwiper-featured .swiper-slide img {
display: block;
width: 100%;
height: 85%;
object-fit: cover;
}

.mySwiper-featured .swiper-slide .title {
position: absolute;
top: 88%;
right: 120px;
color: #515151; 
font-weight: 300;
font-size: 24px;
text-align: right;
}

/* Home Swiper Top Banner */

.mySwiper-featured .swiper-button-prev, .mySwiper-featured .swiper-rtl .swiper-button-next {
    right: 80px;
    left: auto;    
}

.mySwiper-featured .swiper-button-next, .mySwiper-featured .swiper-rtl .swiper-button-prev {
    right: 30px;
    left: auto;
}

.mySwiper-featured .swiper-button-next, .mySwiper-featured .swiper-button-prev {
    position: absolute;
    top: 92%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

.mySwiper-featured .swiper-button-next, .mySwiper-featured .swiper-button-prev {
    position: absolute;
    top: 92%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

.mySwiper-top .swiper-button-prev, .mySwiper-top .swiper-rtl .swiper-button-next {
    left: 30px;
    right: auto;    
}

.mySwiper-top .swiper-button-next, .mySwiper-top .swiper-rtl .swiper-button-prev {
    right: 30px;
    left: auto;
}

.mySwiper-top .swiper-button-next, .mySwiper-top .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

.mySwiper-top .swiper-button-next, .mySwiper-top .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

/* ASTYL Perforated Metal Patterns Swiper Thumbs */

      .mySwiper-thumbs-astyl {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
      }

      .mySwiper-thumbs-astyl .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px;
        height: 750px;
      }

      .mySwiper-thumbs-astyl .swiper-slide img {
        display: block;
        width: 100%;
      }

/* Patterns Swiper Thumbs */

      .mySwiper-thumbs {
        width: 100%;
        padding-top: 0px;
        padding-bottom: 0px;
      }

      .mySwiper-thumbs .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px;
        height: 450px;
      }

      .mySwiper-thumbs .swiper-slide img {
        display: block;
        width: 100%;
      }


/* Textures Swiper Thumbs */

      .mySwiper-textures {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
      }

      .mySwiper-textures .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px;
        height: 300px;
      }

      .mySwiper-textures .swiper-slide img {
        display: block;
        width: 100%;
      }