body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	cursor: pointer;
}

body, html {
	/*
	height: auto;
	overflow-y: hidden;
	*/
}

@media (min-width: 0px) {

	body {
		background: #111114 url("../img/m-bg@2x.jpg") no-repeat scroll center top / 800px;
	}

	.m-hide {
		display: none;
	}

	.m-show {
		display: block;
	}

	.lp-container {
		color: #fff;
		width: 100%;
		height: auto;
	}

	.row {
		margin: 0 auto;
		width: 320px;
	}

	.lp-container .header {
		position: relative;
		width: 100%;
		min-height: 800px;
	}

	.lp-container .header .logo {
		position: absolute;
		top: 16px;
		left: 11px;
		background: url("../img/logo@2x.png") no-repeat scroll center center / 242px;
		width: 242px;
		height: 32px;
	}

	.lp-container .header .slogan {
		position: absolute;
		top: 58px;
		left: 11px;
	}

	.lp-container .header .swiper-container {
		width: 300px;
		height: 88px;
	}

	.lp-container .header .slide1 {
		background: url("../img/m-1st-slide@2x.png") no-repeat scroll center top / 300px;
		width: 300px;
		height: 88px;
	}

	.lp-container .header .slide2 {
		background: url("../img/m-2nd-slide@2x.png") no-repeat scroll 22px top / 277px;
		width: 300px;
		height: 88px;
	}

	.lp-container .header .cta-button {
		position: absolute;
		top: 504px;
		left: 0;
		background: url("../img/cta@2x.png") no-repeat scroll center center / 196px auto;
		width: 320px;
		height: 65px;
	}

	.lp-container .header .cta-button:hover {
		background: url("../img/cta-hover@2x.png") no-repeat scroll center center / 196px auto;
	}

	.lp-container .header .steps {
		position: absolute;
		top: 600px;
		left: 0;
	}

	.lp-container .header .steps .step1 {
		background: url("../img/step-1@2x.png") no-repeat scroll left top / 179px auto;
		width: 179px;
		height: 27px;
		position: absolute;
		left: 18px;
		top: 0;
	}

	.lp-container .header .steps .step2 {
		background: url("../img/step-2@2x.png") no-repeat scroll left top / 124px auto;
		width: 124px;
		height: 27px;
		position: absolute;
		left: 9px;
		top: 44px;
	}

	.lp-container .header .steps .step3 {
		background: url("../img/step-3@2x.png") no-repeat scroll left top / 308px auto;
		width: 308px;
		height: 27px;
		position: absolute;
		left: 9px;
		top: 89px;
	}

	.lp-container .header .steps .step4 {
		background: url("../img/step-4@2x.png") no-repeat scroll left top / 245px auto;
		width: 245px;
		height: 27px;
		position: absolute;
		left: 10px;
		top: 136px;
	}

	.lp-container-footer {
		color: #fff;
		width: 100%;
		height: auto;
		overflow-x: hidden;
	}

	.lp-container-footer .footer {
		width: 100%;
		position: relative;
	}

	.lp-container-footer .payments {
		background: url("../img/m-payments@2x.png") no-repeat scroll center center / 300px auto;
		width: 300px;
		height: 21px;
		margin: 0 auto 20px;
	}

	.lp-container-footer .license {
		background: rgba(0, 0, 0, 0) url("../img/m-low@2x.png") no-repeat scroll center top / 300px auto;
		height: 37px;
		width: 100%;
	}

	.lp-container-footer .copyright {
		color: #5e6165;
		font-size: 11px;
		text-align: center;
		margin: 0 0 0 0;
	}

}

@media (min-width: 568px) {

	body {
		background: #111114 url("../img/l-bg@2x.jpg") no-repeat scroll center top / 800px auto;
	}

	.l-hide {
		display: none;
	}

	.l-show {
		display: block;
	}

	.lp-container {
		color: #fff;
		width: 100%;
	}

	.row {
		margin: 0 auto;
		width: 568px;
	}

	.lp-container .header {
		position: relative;
		width: 100%;
		min-height: 540px;
	}

	.lp-container .header .logo {
		position: absolute;
		top: 11px;
		left: 9px;
		background: url("../img/logo@2x.png") no-repeat scroll center center / 242px;
		width: 242px;
		height: 32px;
	}

	.lp-container .header .slogan {
		position: absolute;
		top: 17px;
		left: 273px;
	}

	.lp-container .header .swiper-container {
		width: 285px;
		height: 83px;

	}

	.lp-container .header .slide1 {
		background: url("../img/l-1st-slide@2x.png") no-repeat scroll center top / 285px;
		width: 285px;
		height: 83px;
	}

	.lp-container .header .slide2 {
		background: url("../img/l-2nd-slide@2x.png") no-repeat scroll 20px top / 264px;
		width: 285px;
		height: 83px;
	}

	.lp-container .header .cta-button {
		position: absolute;
		top: 259px;
		left: 328px;
		background: url("../img/cta@2x.png") no-repeat scroll center center / 196px auto;
		width: 196px;
		height: 65px;
	}

	.lp-container .header .cta-button:hover {
		background: url("../img/cta-hover@2x.png") no-repeat scroll center center / 196px auto;
	}

	.lp-container .header .steps {
		position: absolute;
		top: 332px;
		left: 177px;
	}

	.lp-container .header .steps .step1 {
		background: url("../img/step-1@2x.png") no-repeat scroll left top / 179px auto;
		width: 179px;
		height: 27px;
		position: absolute;
		left: 10px;
		top: 14px;
	}

	.lp-container .header .steps .step2 {
		background: url("../img/step-2@2x.png") no-repeat scroll left top / 124px auto;
		width: 124px;
		height: 27px;
		position: absolute;
		left: 0;
		top: 58px;
	}

	.lp-container .header .steps .step3 {
		background: url("../img/step-3@2x.png") no-repeat scroll left top / 308px auto;
		width: 308px;
		height: 27px;
		position: absolute;
		left: 0;
		top: 104px;
	}

	.lp-container .header .steps .step4 {
		background: url("../img/step-4@2x.png") no-repeat scroll left top / 245px auto;
		width: 245px;
		height: 27px;
		position: absolute;
		left: 1px;
		top: 148px;
	}

	.lp-container-footer {
		color: #fff;
		width: 100%;
	}

	.lp-container-footer .footer {
		width: 100%;
		position: relative;
	}

	.lp-container-footer .payments {
		background: url("../img/l-payments@2x.png") no-repeat scroll center center / 549px auto;
		width: 549px;
		height: 38px;
		margin: 0 auto 20px;
	}

	.lp-container-footer .license {
		background: rgba(0, 0, 0, 0) url("../img/l-low@2x.png") no-repeat scroll center top / 385px auto;
		height: 36px;
		width: 100%;
	}

	.lp-container-footer .copyright {
		color: #5e6165;
		font-size: 11px;
		text-align: center;
		margin: 0 0 0 0;
	}

}

@media (min-width: 1000px) {

	body {
		background: #0d1113 url("../img/bg.jpg") no-repeat scroll center top / 2600px auto;
	}

	.d-hide {
		display: none;
	}

	.d-show {
		display: block;
	}

	.lp-container {
		color: #fff;
		min-height: 700px;
		width: 100%;
	}

	.row {
		margin: 0 auto;
		width: 1000px;
	}

	.lp-container .header {
		position: relative;
		width: 100%;
		height: 700px;
	}

	.lp-container .header .logo {
		position: absolute;
		top: 17px;
		left: 20px;
		background: url("../img/logo@2x.png") no-repeat scroll center center / 242px;
		width: 242px;
		height: 32px;
	}

	.lp-container .header .slogan {
		position: absolute;
		top: 21px;
		left: 274px;
	}

	.lp-container .header .swiper-container {
		width: 557px;
		height: 162px;

	}

	.lp-container .header .slide1 {
		background: url('../img/1st-slide@2x.png') no-repeat scroll center top / 557px;
		width: 557px;
		height: 162px;
	}

	.lp-container .header .slide2 {
		background: url("../img/2nd-slide@2x.png") no-repeat scroll 40px top / 515px;
		width: 557px;
		height: 162px;
	}

	.lp-container .header .cta-button {
		position: absolute;
		top: 405px;
		left: 620px;
		background: url("../img/cta@2x.png") no-repeat scroll center center / 196px auto;
		width: 196px;
		height: 65px;
	}

	.lp-container .header .cta-button:hover {
		background: url("../img/cta-hover@2x.png") no-repeat scroll center center / 196px auto;
	}

	.lp-container .header .steps {
		position: absolute;
		left: 20px;
		top: 673px;
	}

	.lp-container .header .steps .step1 {
		background: url("../img/step-1@2x.png") no-repeat scroll left top / 179px auto;
		width: 210px;
		height: 27px;
		display: inline-block;
		position: static;
	}

	.lp-container .header .steps .step2 {
		background: url("../img/step-2@2x.png") no-repeat scroll left top / 124px auto;
		width: 160px;
		height: 27px;
		display: inline-block;
		position: static;
	}

	.lp-container .header .steps .step3 {
		background: url("../img/step-3@2x.png") no-repeat scroll left top / 308px auto;
		width: 345px;
		height: 27px;
		display: inline-block;
		position: static;
	}

	.lp-container .header .steps .step4 {
		background: url("../img/step-4@2x.png") no-repeat scroll left top / 245px auto;
		width: 245px;
		height: 27px;
		display: inline-block;
		position: static;
	}

	.lp-container-main {
		color: #fff;
		min-height: 516px;
		width: 100%;
		background: url("../img/profit-bg.png") no-repeat scroll center top;
	}

	.lp-container-main .main {
		width: 100%;
		position: relative;
		background: url("../img/profit-bg.png") no-repeat scroll center center;
	}

	.lp-container-main .main .profit {
		position: absolute;
		background: url("../img/profit.png") no-repeat scroll center center;
		width: 413px;
		height: 199px;
		top: 200px;
		left: 84px;
	}

	.lp-container-main .main .iphone {
		position: absolute;
		background: url("../img/iphone.png") no-repeat scroll center center;
		width: 493px;
		height: 409px;
		top: 40px;
		left: 534px;
	}

	.lp-container-main .main .android {
		position: absolute;
		background: url("../img/android.png") no-repeat scroll center center;
		width: 100px;
		height: 100px;
		top: 230px;
		left: 781px;
	}

	.lp-container-main .main .android:hover {
		background: url("../img/android-hover.png") no-repeat scroll center center;
	}

	.lp-container-footer {
		color: #fff;
		width: 100%;
	}

	.lp-container-footer .footer {
		width: 100%;
		position: relative;
	}

	.lp-container-footer .payments {
		background: url("../img/payments.png") no-repeat scroll center center;
		width: 960px;
		height: 66px;
		margin: 0 auto;
	}

	.lp-container-footer .footer .license {
		background: rgba(0, 0, 0, 0) url("../img/low.png") no-repeat scroll right top / 643px auto;
		color: #5e6165;
		font-size: 13px;
		height: 36px;
		line-height: 36px;
		margin: 30px auto 30px;
		text-align: left;
		text-transform: none;
		width: 960px;
	}

}