/**pagestyle**/
#main {display:block; overflow:hidden; position:relative;}
.scroll  {left:initial !important; right:6.5%; transform: none !important; opacity:0.9;}
.scroll::after {display:none !important;}

.scroll2 {position:absolute;  color:#fff; right:3.5%; bottom:12%; z-index:80; transform:rotate(90deg);}
.scroll2 .txt { text-transform:uppercase; font-size:0.84rem; font-weight:bold;}
.scroll2 .line:after {height:1px; width:250%; background:#fff; position:absolute; left:0; bottom:-10%; z-index:85; opacity:0.5; content:'';}
.scroll2 .line:before {height:1px; width:33%; background:#fff; position:absolute; left:0; bottom:-10%; z-index:90; opacity:1; content:''; animation: scroll2ani 1.5s infinite linear;}

@keyframes scroll2ani {
	0% {left:0;}
	100% {left:180%;}
}

.mainsli.swiper-container {	width: 100%;	height: 100%; position:relative;	  }
.mainsli .swiper-slide {text-align: center;	background: #fff;
	/* 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;
	overflow:hidden;
	width:100% !important; height:100vh;
}
  .mainsli .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

  .mainsli .swiper-slide-active img {
  	animation: bgslide 20s infinite;
  }
  @keyframes bgslide {
	0% {transform:scale(1.35);}
	25% {transform:scale(1);}
	100% {transform:scale(1.35);}
  }

@media (min-width:1920px) {
	.mainsli .swiper-slide video {width:100vw !important; height:auto;}
}
.mainsli .swiper-slide .txt {position:absolute; z-index:15; transform:translate(0,-50%); top:53%; left:15%;  text-align:left; }
.mainsli .swiper-slide .txt h1 { color:#fff; font-size:4rem; line-height:1.3; font-weight:800; letter-spacing:-0.025em; margin-bottom:10%;}
.mainsli .swiper-slide-active .txt h1 {animation: fadeInLeft 1.5s; }

.mainsli .swiper-button-next, .swiper-button-prev {width:initial;}
.mainsli .swiper-button-next {right: 116px;}
.mainsli .swiper-button-prev {left:116px;}
.mainsli .swiper-button-next:after, .mainsli .swiper-button-prev:after {font-family: 'Poppins' !important; padding:0 0 15px 0; font-size:16px !important; text-transform:uppercase !important; color:rgba(255,255,255,0.8) !important; transition:all .5s !important; }
.mainsli .swiper-button-next:before, .mainsli .swiper-button-prev:before {content:''; position:absolute; width:80px; height:1px;  background:rgba(255,255,255,0.8); bottom:5px; transition:all .5s;}
.mainsli .swiper-button-next:before {right:0;}
.mainsli .swiper-button-prev:before {left:0;}
.mainsli .swiper-button-next:hover:after, .mainsli .swiper-button-prev:hover:after {color:#fff; transition:all .5s;}
.mainsli .swiper-button-next:hover:before, .swiper-button-prev:hover:before {background:rgba(255,255,255,1); transition:all .5s; width:120px;}
.mainsli .swiper-slide:before {content:''; position:absolute; z-index:9; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35); }

@media (max-width:1100px) {
	.mainsli .swiper-slide .txt {left:10%; width:80%; }
	.mainsli .swiper-slide .txt h1 {font-size:2.2rem; line-height:1.4; word-break:keep-all;}
	.swiper-button-next, .swiper-button-prev {top:initial; bottom:15%;}
	.scroll {left:50% !important; transform: translate(-50%, 0) !important;}
	.scroll2 {right:-3.5%;}
	.br-scroll-me {top:initial; bottom:-30px; left:40px;}

	.mainsli .swiper-button-next, .mainsli .swiper-button-prev {bottom:15%; top:initial;}
	.mainsli .swiper-button-prev {left:10%;}
	.mainsli .swiper-button-next {right:10%;}
	.mainsli .discover_btn {margin-left:18%;}
}