@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@200;300;400;500;600&display=swap');
body{
	font-family: 'Prompt', sans-serif;
}
header{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	padding-top: 50px;
	padding-left: 50px;
}
header .logo > img{
	height: 120px;
}
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}
#topslide{
	margin-bottom: 0;

}
#topslide .img{
	display: block;
}
#topslide .img > img{
	width: 100%;
}
#topslide .slick-dots{
	position: absolute;
	top: 100%;
	margin-top: 35px;
}
.slick-dots li{
	margin-right: 10px;
	margin-left: 10px;
}
.btnmain{
	background: #000;
	color: #fff;
	display: inline-block;
	padding: 15px 40px;
	font-size: 24px;
	text-align: center;
	min-width: 250px;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.btnmain:hover{
	text-decoration: none;
	background: #333;
	color: #fff;
}
.sec1{
	text-align: center;
	padding: 150px 0;
	padding-bottom: 100px;
	color: #fff;
	background: url('../img/sec1/bg.jpg') center center no-repeat;
	background-size: cover;
}
.sec1 .container{
	position: relative;
}
.sec1 .container h1,
.sec1 .container h2,
.sec1 .container h3{
	margin: 0;
}
.sec1 .container h1{
	font-size: 120px;
	font-weight: 500;
	font-style: italic;
}
.sec1 .container h2{
	font-size: 80px;
	font-weight: 300;
	margin-bottom: 10px;
}
.sec1 .container h3{
	font-size: 40px;
	font-weight: 200;
	margin-bottom: 70px;
}
.sec1 .container p{
	font-size: 20px;
	line-height: 36px;
	font-weight: 300;
}
.sec1 .container .img{
	position: absolute;
	top: 0px;
	right: 0;
}
.sec1 .btnmain{
	margin-top: 50px;
}
.sec2 img,
.sec4 img,
.sec5 img{
	width: 100%;
}
.sec3{
	padding: 100px 0;
}
.sec3 .row{
	padding: 40px 0;
}
.sec3 .row img{
	max-width: 100%;
}
.sec3 .row .desc{
	padding-left: 50px;
}
.sec3 .row strong{
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 10px;
}
.sec3 .row p{
	font-size: 18px;
	font-weight: 300;
}
.sec3 .row .btnmain{
	margin-top: 15px;
}
.sec3 .row.r2 .img{
	float: right;
}
.sec3 .row.r2 .desc{
	float: left;
}
.sec4{
	position: relative;
}
.sec4 .btnmain{
    position: absolute;
    bottom: -30px;
    z-index: 1;
    left: 0;
    right: 0;
    width: 300px;
    margin: auto;
}
.sec5{
	padding: 150px 0;
	padding-bottom: 250px;
}
.sec6{
	text-align: center;
	padding: 150px 0;
	padding-bottom: 100px;
	color: #fff;
	background: url('../img/sec4/bg.jpg') center center no-repeat;
	background-size: cover;
}
.sec6 .container{
	position: relative;
}
.sec6 .container h1,
.sec6 .container h2,
.sec6 .container h3{
	margin: 0;
}
.sec6 .container h1{
	font-size: 120px;
	font-weight: 500;
	font-style: italic;
}
.sec6 .container h2{
	font-size: 80px;
	font-weight: 300;
	margin-bottom: 10px;
}
.sec6 .container h3{
	font-size: 40px;
	font-weight: 200;
	margin-bottom: 70px;
}
.sec6 .container p{
	font-size: 20px;
	line-height: 36px;
	font-weight: 300;
}
.sec6 .container .img{
	position: absolute;
	top: 0px;
	right: 0;
}
.sec6 .btnmain{
	margin-top: 50px;
}
.sec7{
	text-align: center;
	padding: 150px 0;
	padding-bottom: 100px;
	color: #1d1f24;
	background: url('../img/sec2/bg.jpg') center center no-repeat;
	background-size: cover;
}
.sec7 .container{
	position: relative;
}
.sec7 .container h1,
.sec7 .container h2,
.sec7 .container h3{
	margin: 0;
}
.sec7 .container h1{
	font-size: 120px;
	font-weight: 500;
	font-style: italic;
}
.sec7 .container h2{
	font-size: 80px;
	font-weight: 300;
	margin-bottom: 10px;
}
.sec7 .container h3{
	font-size: 40px;
	font-weight: 200;
	margin-bottom: 70px;
}
.sec7 .container p{
	font-size: 20px;
	line-height: 36px;
	font-weight: 300;
}
.sec7 .container .img{
	position: absolute;
	top: 0px;
	right: 0;
}
.sec7 .btnmain{
	margin-top: 50px;
}
footer{
	background: #fff;
	padding: 40px 0;
	color: #6c6e70;
}
footer .container{
	position: relative;
}
footer .desc{
	padding-right: 320px;
	text-align: right;
	font-size: 22px;
	font-weight: 300;
}
footer .desc strong{
	font-weight: 400;
}
footer .desc a.line{
	display: inline-block;
	padding: 0 25px;
	padding-right: 0;
}
footer .qrcode{
	float: right;
	position: relative;
}
footer .qrcode img{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	background: #fff;
}
.slick-dots li button::before{
	font-size: 22px;
	color: #fff;
	opacity: 0.6;
}