/*****CSS START HERE******/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
	background: #FFFFFF;
}
h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}
button:focus {
	outline:none;
}
ul, ol, li {
	margin:0;
	padding:0;
	list-style-type:none;
}
a {
	text-decoration:none;
}
img {
	max-width:100%;
}
input:focus {
	outline:none;
}
header, footer, section {
	width:100%;
	float:left;
}
.auto-container {
	width:1210px;
	margin:0 auto;
}
header {
	padding: 45px 50px;
	position: absolute;
	top: 0;
	z-index: 1;
	text-align: center;
}
.header-inner, .footer-inner {
	width:100%;
	float:left;
}
.header-left {
	width: 282px;
	float: left;
}
.header-left img {
	float:left;
}
.header-center {
	width: auto;
	display: inline-block;
	padding: 5px 0 0;
}
.header-center li {
	float: left;
	margin: 0 17.5px;
}
.header-center li a {
	font-size: 12px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: 400;
	float: left;
}
.header-center li a:hover {
	color: #793889;
}
.header-right {
	float: right;
}
.header-right li {
	float: left;
}
.header-right li a {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 700;
	line-height: 16px;
	background: #743684;
	background: -moz-linear-gradient(top, #743684 0%, #602c6d 50%, #492053 100%);
	background: -webkit-linear-gradient(top, #743684 0%, #602c6d 50%, #492053 100%);
	background: linear-gradient(to bottom, #743684 0%, #602c6d 50%, #492053 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#743684', endColorstr='#492053', GradientType=0 );
	padding: 17px 20.3px;
	text-align: center;
	float: left;
}
.header-right li a:hover {
	background: -moz-linear-gradient(top, #492053 0%, #602c6d 50%, #743684 100%);
	background: -webkit-linear-gradient(top, #492053 0%, #602c6d 50%, #743684 100%);
	background: linear-gradient(to bottom, #492053 0%, #602c6d 50%, #743684 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#743684', endColorstr='#492053', GradientType=0 );
}
.banner-outer {
	padding: 150px 0 265px;
	background: url(../images/banner-bg.png) no-repeat top left;
	background-size: cover;
}
.banner-inner {
	width:100%;
	float:left;
	position:relative;
}
.banner-left {
	width: 48%;
	float: left;
	text-align: left;
	padding: 180px 0 0;
	margin: 0 0 0 -100px;
}
.banner-left h1 {
	font-size: 118px;
	line-height: 118px;
	color: #793889;
}
.banner-left span {
	font-size: 26px;
	line-height: 36px;
	color: #FFFFFF;
	padding: 0 0 56px;
	display:inherit;
}
.banner-left p {
	font-size: 19px;
	line-height: 40px;
	font-weight:300;
	color: #FFFFFF;
}
.banner-right {
	width: 62%;
	float: right;
	text-align: left;
	position: absolute;
	right: 0;
	top: 0;
}
.banner-right img {
	position: relative;
	z-index: 1;
}
.banner-right h2 {
	font-size: 212px;
	line-height: 152px;
	color: #793889;
	transform: rotate(-90deg);
	top: 220px;
	position: absolute;
	right: -280px;
	z-index: 0;
}
.wage-outer {
	margin: -40px 0 0;
	background: url(../images/earn-bg2.png) no-repeat center;
	background-size: cover;
	text-align: center;
	position: relative;
	z-index: 1;
	padding: 0 0 100px;
}
.wage-innr {
	width:1310px;
	display:inline-block;
	padding: 0 0 150px;
}
.wage-inner {
	width: 100%;
	display: inline-block;
	background: url(../images/wage-cut.png) no-repeat center;
	background-size: 100%;
	padding: 129px 131px 100px;
	text-align: center;
	margin-top: -100px;
}
.wage-inner li {
	width: 256px;
	float: left;
	margin: 0 140px 0 0;
}
.wage-inner li:last-child {
	margin-right: 0;
}
.wage-inner li img {
	display:block;
	margin:auto;
}
.wage-inner li h2 {
	font-size: 30px;
	line-height: 30px;
	color: #FFFFFF;
	padding: 45px 0 18px;
}
.wage-inner li p {
	font-size: 21px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: 300;
}
.earn-outer {
	background: url(../images/earn-bg2.png) no-repeat center;
	background-size: cover;
	text-align: center;
	position: relative;
	z-index: 1;
	padding: 100px 0 0;
	margin-bottom: 0px;
}
.earn-inner {
	width: 100%;
	float:left;
}
.earn-inner h3 {
	font-size: 60px;
	line-height: 60px;
	color: #FFFFFF;
	font-weight: 400;
	text-transform:uppercase;
	padding: 0 0 50px;
	position:relative;
}
.earn-inner h3:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	left:0;
	bottom: 0;
	background: #ee3067;
	right: 0;
	margin:auto;
}
.earn-inner h3 span {
	font-weight: 700;
	color: #7a3989;
}
.earn-inner p {
	font-size: 20px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: 300;
	padding:40px 0 0;
}
.earn-games {
	width: 64.3%;
	display: inline-block;
	padding: 178px 0 0;
}
.earn-games .earn-games-left {
	width: 374px;
	float: left;
	margin: 0 30px 0 0;
}
.earn-games .earn-games-left:last-child {
	margin-right: 0;
}
.earn-games .earn-games-left img {
	width: 100%;
	float: left;
}
.earn-games .earn-games-left span {
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	font-weight: 700;
	padding: 18px 0 0;
	width: 100%;
	float: left;
}
.how-inner {
	width: 100%;
	float: left;
	padding: 270px 0 0;
}
.how-inner h3 {
	font-size: 60px;
	line-height: 60px;
	color: #FFFFFF;
	font-weight: 400;
	text-transform:uppercase;
	padding: 0 0 50px;
	position:relative;
}
.how-inner h3:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	left:0;
	bottom: 0;
	background: #ee3067;
	right: 0;
	margin:auto;
}
.how-inner h3 span {
	font-weight: 700;
	color: #7a3989;
}
.how-inner p {
	font-size: 20px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: 300;
	padding:40px 0 0;
}
.how-inner ul {
	width: 100%;
	float: left;
	padding: 95px 0 0;
}
.how-inner li {
	width: 256px;
	float: left;
	margin: 0 62px 0 0;
}
.how-inner li:last-child {
	margin-right: 0;
}
.how-inner li img {
	display:block;
	margin:auto;
}
.how-inner li h4 {
	font-size: 26px;
	line-height: 36px;
	color: #FFFFFF;
	padding:35px 0 15px;
}
.how-inner li small {
	font-size: 18px;
	line-height: 28px;
	color: #FFFFFF;
	font-weight: 300;
}
.how-icon {
	height: 48px;
}
.how-inner li:nth-child(2) .how-icon {
padding:10px 0 0;
}
.ways-outer {
	background: url(../images/ways-bg.png) no-repeat center #000;
	background-size: cover;
	text-align: center;
	position: relative;
	z-index: 1;
	padding: 184px 0;
}
.ways-inner {
	width: 100%;
	float:left;
}
.ways-inner h3 {
	font-size: 60px;
	line-height: 60px;
	color: #FFFFFF;
	font-weight: 400;
	text-transform:uppercase;
	padding: 0 0 50px;
	position:relative;
}
.ways-inner h3:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	left:0;
	bottom: 0;
	background: #ee3067;
	right: 0;
	margin:auto;
}
.ways-inner h3 span {
	font-weight: 700;
	color: #7a3989;
}
.ways-inner p {
	font-size: 20px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: 300;
	padding:40px 0 135px;
}
.ways-innr {
	width: 100%;
	float:left;
}
.ways-left {
	width: 40%;
	float: left;
}
.ways-left li {
	width: 100%;
	float: left;
	padding: 30px 30px 20px 20px;
	text-align: left;
}
.ways-left li:last-child {
	margin-right: 0;
}
.ways-left li img {
	display:block;
	margin:auto;
}
.ways-left li h4 {
	font-size: 26px;
	line-height: 26px;
	color: #FFFFFF;
	padding: 0 0 15px;
	float: left;
	width: 75%;
}
.ways-left li small {
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: 300;
	float: left;
	width: 73%;
}
.ways-left li .way-icon {
	float: left;
	padding: 0 30px 0 0;
}
.ways-right {
	width: 51.3%;
	float: right;
}
.ways-right img {
	float: left;
	width: 100%;
}
.automated-outer {
	background: url(../images/automated-bg.png) no-repeat center #000;
	background-size: cover;
	text-align: center;
	position: relative;
	z-index: 1;
	padding: 184px 0;
}
.automated-inner {
	width: 100%;
	float:left;
}
.automated-inner h3 {
	font-size: 60px;
	line-height:76px;
	color: #FFFFFF;
	font-weight: 400;
	text-transform:uppercase;
	padding: 0 0 58px;
}
.automated-inner h3 span {
	font-weight: 700;
	color: #7a3989;
}
.automated-inner p {
	font-size: 20px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: 300;
}
.automated-innr {
	width: 100%;
	float:left;
	padding:158px 0 100px;
}
.automated-left {
	width: 40%;
	float: left;
	text-align:left;
	padding:145px 0 0;
}
.automated-left h4 {
	font-size: 40px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight:400;
	text-transform:uppercase;
	padding: 0 0 45px;
	position:relative;
}
.automated-left h4:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	left:0;
	bottom: 0;
	background: #ee3067;
}
.automated-left small {
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	font-weight: 300;
	padding:40px 0 0;
	width: 100%;
	float: left;
}
.automated-right {
	width: 51.3%;
	float: right;
	margin: 0 -30px 0 0;
}
.automated-right img {
	float: left;
	width: 100%;
}
.automated-innr.automated-innrs {
	padding: 0;
}
.automated-innrs .automated-right {
	float: left;
	margin: 0 0 0 -95px;
}
.automated-innrs .automated-left {
	float: left;
	padding: 84px 0 0 100px;
	width: 50%;
}
.faq-inner {
	display: inline-block;
	width: 94.3%;
	padding: 182px 0 0;
}
.faq-inner h4 {
	font-size: 40px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight:400;
	text-transform:uppercase;
	padding: 0 0 88px;
	position:relative;
}
.faq-inner h4 span {
	font-weight: 700;
	color: #7a3989;
}
.faq-inner h4:before {
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	left: 110px;
	top: 20px;
	background: #ee3067;
}
.faq-inner h4:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	right:110px;
	top: 20px;
	background: #ee3067;
}
.faq-left {
	width: 45%;
	float: left;
	text-align: left;
	margin: 0 80px 0 0;
}
.faq-left strong {
	font-size: 18px;
	line-height: 20px;
	color: #ee3067;
	padding:0 0 35px;
	width: 100%;
	float: left;
}
.faq-left small {
	font-size: 18px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: 300;
	width: 100%;
	float: left;
}
.faq-left:last-child {
	margin-right:0;
}
footer {
	background: url(../images/footer-bg.png) no-repeat center;
	background-size: cover;
	text-align: center;
	position: relative;
	z-index: 1;
	padding: 184px 0 230px;
	margin-top: -130px;
}
.talking-inner {
	width: 100%;
	float:left;
}
.talking-inner h5 {
	font-size: 60px;
	line-height: 76px;
	color: #FFFFFF;
	font-weight: 400;
	text-transform:uppercase;
	padding: 0 0 40px;
}
.talking-inner h5 span {
	font-weight: 700;
	color: #7a3989;
}
.talking-inner p {
	font-size: 20px;
	line-height: 40px;
	color: #FFFFFF;
	font-weight: 300;
	padding:0 0 65px;
}
.talking-inner a {
	font-size: 19px;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 20px;
	background: #743684;
	background: -moz-linear-gradient(top, #743684 0%, #602c6d 50%, #492053 100%);
	background: -webkit-linear-gradient(top, #743684 0%, #602c6d 50%, #492053 100%);
	background: linear-gradient(to bottom, #743684 0%, #602c6d 50%, #492053 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#743684', endColorstr='#492053', GradientType=0 );
	padding: 26px 70.4px;
	text-align: center;
	display: inline-block;
}
.talking-inner a:hover {
	background: -moz-linear-gradient(top, #492053 0%, #602c6d 50%, #743684 100%);
	background: -webkit-linear-gradient(top, #492053 0%, #602c6d 50%, #743684 100%);
	background: linear-gradient(to bottom, #492053 0%, #602c6d 50%, #743684 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#743684', endColorstr='#492053', GradientType=0 );
}
.copyright-outer {
	padding: 30px 50px;
	background: #000000cc;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	float: left;
}
.footer-left {
	width: 280px;
	float: left;
}
.footer-left img {
	width:100%;
	float: left;
}
.footer-right {
	width: auto;
	float: right;
	padding: 15px 0 0;
}
.footer-right li {
	float: left;
	margin: 0 0 0 35px;
}
.footer-right li a {
	float: left;
	font-size: 18px;
	line-height: 20px;
	color: #FFFFFF;
}
.footer-right li a:hover {
	color: #793889;
}

/*****CSS END HERE******/