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

.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);}
  }

.mainsli .swiper-slide .txt {position:absolute; z-index:15; transform:translate(0,-50%); top:50%; left:22%;  text-align:left; }
.mainsli .swiper-slide .txt h1 { color:#fff; font-size:4.2rem; line-height:1.3; font-weight:700; letter-spacing:-0.05em;}
.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, .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, .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, .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.2); }

@media (max-width:1100px) {
	.scroll {left:50% !important; transform:translate(-50%, 0) !important;}
	.mainsli .swiper-slide .txt {left:5%; width:90%; text-align:center;}
	.mainsli .swiper-slide .txt h1 {font-size:2.5rem; line-height:1.4; word-break:keep-all;}
	.mainsli .swiper-slide .txt h1 br {display:none;}
	.swiper-button-next, .swiper-button-prev {top:initial; bottom:15%;}
	.br-scroll-me {top:initial; bottom:-30px; left:40px;}
}