body { margin: 0; }
.object-fit { width: 100%; height: 100%; object-fit: cover; }	


/* plugin overrides */
.swiper-container {
  width: 100%;
  /*height: 100vh;*/
}

.swiper-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.swiper-slide {
	backface-visibility: hidden;
	overflow: hidden;			
}


/* my stuff */
.multi-px-slider {
	
	position: relative;
	overflow: hidden;
	display: flex;
	transition: opacity .6s ease;
}

.multi-px-slider.loading {
	visibility: hidden;
	opacity: 0;
}

.mps-slide {
	position: relative;
	width: 100%;
	height: 100%;
	
}

.mps-img {
	height: 100%;
	overflow: hidden;
}

/* Large slider */
.lg-slider {
	width: 100%;
}

/* Small slider */
.sm-slider {
	width: 0%;
}

/* Arrows */
.mps-arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	transform: translateY(-50%);
   
}

.mps-prev {
	left: 1.5em;
}

.mps-next {
	right: 1.5em;
}

/* curtain */
.curtain {			
	position: absolute;
	top: 0;
	left: 60%;
	z-index: 2;
	width: 0%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
}

.is-animating .curtain {
	animation: curtain 3.75s ease-in-out;
}

@keyframes curtain {
	0% {
		left: 100%;
		width: 0%;
	}
	46% {				
		left: 0%;
		width: 100%;
	}
	53% {
		left: 0%;	
		width: 0%;			
	}
	100% {				
		left: 60%;
		width: 0%;
	}
}

.pattern-2 {/*
	background: url(../images/pattern-2.png) repeat-x;
	width: 330%;
	height: 80px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	opacity: 1;	*/	
}
.swiper-slide .content {
  position: absolute;
  top: 28%;
  left: 0;
  width: 100%;
  padding-left: 5%;
  color: #fff;
  text-align:center;
}
.swiper-slide .content .title {
  font-size: 66px;
  margin-bottom: 20px;
}
.swiper-slide .content .title-1 {
  font-size: 40px;
  margin-bottom: 5px;
}
.swiper-slide .content .title-2 {
  font-size: 26px;
  margin-bottom: 10px;
}
.swiper-slide .content .title-3{font-size:16px !important;color:#fff !important;}

.swiper-slide .content .caption {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  transform: translateX(50px);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.7s ease;
}
.swiper-slide .content .caption.show {
  transform: translateX(0);
  opacity: 1;
}
@media (max-width:575px) {
                           .swiper-slide .content .title  {font-size:19px !important;}
                           .swiper-slide .content .title-1{font-size:18px !important;}
                           .swiper-slide .content .title-2{font-size:16px !important;}
                           .swiper-slide .content .title-3{font-size:16px !important;color:#fff !important;}
						 }
@media (min-width:576px) and (max-width:767px){
                           .swiper-slide .content .title  {font-size:30px !important;}
                           .swiper-slide .content .title-1{font-size:28px !important;}
                           .swiper-slide .content .title-2{font-size:16px !important;}
                           .swiper-slide .content .title-3{font-size:16px !important;color:#fff !important;}
						 }
@media (min-width:768px) and (max-width:991px){
                           .swiper-slide .content .title  {font-size:34px !important;}
                           .swiper-slide .content .title-1{font-size:32px !important;}
                           .swiper-slide .content .title-2{font-size:16px !important;}
                           .swiper-slide .content .title-3{font-size:16px !important;color:#fff !important;}
						 }