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

.itshidden {
	display: none;
}

.black-popup {
	position: relative;
	background: rgba(13, 17, 19, 0.5);
	padding: 50px 10px;
	width: auto;
	max-width: 500px;
	margin: 0 auto;
}

.popup-slogan {
	background: url("../img/m-txt@2x.png") no-repeat scroll center center / 301px;
	width: 301px;
	height: 113px;
	margin: 0 auto;
}

.popup-cta {
	background: url("../img/m-cta@2x.png") no-repeat scroll center center / 261px auto;
	width: 261px;
	height: 84px;
	margin: 0 auto;
}

.mfp-close-btn-in .mfp-close {
	color: #ffffff !important;
}

@media (min-width: 0px) {

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

	.m-hide {
		display: none;
	}

	.m-show {
		display: block;
	}

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

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

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

	.lp-container .header .logo {
		position: absolute;
		top: 6px;
		left: 10px;
		background: url("../img/m-logo@2x.png") no-repeat scroll center center / 125px;
		width: 125px;
		height: 55px;
	}

	.lp-container .header .slogan {
		position: absolute;
		top: 163px;
		left: 10px;
		background: url("../img/m-txt@2x.png") no-repeat scroll center center / 301px;
		width: 301px;
		height: 113px;
	}

	.lp-container .header .cta-button {
		position: absolute;
		top: 473px;
		right: 30px;
		background: url("../img/m-cta@2x.png") no-repeat scroll center center / 261px auto;
		width: 261px;
		height: 84px;
	}

	.lp-container-main {
		width: 100%;
	}

	.lp-container-main .steps {
		margin: 20px 0;
		padding-left: 45px;
	}

	.lp-container-main .steps .step1 {
		background: url("../img/l-step-one@2x.png") no-repeat scroll left top / 163px auto;
		width: 163px;
		height: 39px;
		display: block;
		position: static;
		margin-bottom: 10px;
	}

	.lp-container-main .steps .step2 {
		background: url("../img/l-step-two@2x.png") no-repeat scroll left top / 131px auto;
		width: 131px;
		height: 39px;
		display: block;
		position: static;
		margin-bottom: 10px;
	}

	.lp-container-main .steps .step3 {
		background: url("../img/l-step-three@2x.png") no-repeat scroll left top / 179px auto;
		width: 179px;
		height: 39px;
		display: block;
		position: static;
	}

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

	.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 30px;
	}

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

}

@media (min-width: 568px) {

	body {
		background: #0d1113 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: 320px;
	}

	.lp-container .header .logo {
		position: absolute;
		top: 13px;
		left: 10px;
		background: url("../img/m-logo@2x.png") no-repeat scroll center center / 153px;
		width: 153px;
		height: 30px;
	}

	.lp-container .header .slogan {
		position: absolute;
		top: 143px;
		left: 10px;
		background: url("../img/m-txt@2x.png") no-repeat scroll center center / 301px;
		width: 301px;
		height: 113px;
	}

	.lp-container .header .cta-button {
		position: absolute;
		top: 241px;
		right: 10px;
		background: url("../img/m-cta@2x.png") no-repeat scroll center center / 261px auto;
		width: 261px;
		height: 84px;
	}

	.lp-container-main {
		width: 100%;
	}

	.lp-container-main .steps {
		margin: 25px 10px;
		padding: 0;
	}

	.lp-container-main .steps .step1 {
		background: url("../img/l-step-one@2x.png") no-repeat scroll left top / 163px auto;
		width: 188px;
		height: 39px;
		display: inline-block;
		position: static;
		margin: 0;
	}

	.lp-container-main .steps .step2 {
		background: url("../img/l-step-two@2x.png") no-repeat scroll left top / 131px auto;
		width: 171px;
		height: 39px;
		display: inline-block;
		position: static;
		margin: 0;
	}

	.lp-container-main .steps .step3 {
		background: url("../img/l-step-three@2x.png") no-repeat scroll left top / 179px auto;
		width: 179px;
		height: 39px;
		display: inline-block;
		position: static;
	}

	.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 / 548px auto;
		width: 548px;
		height: 26px;
		margin: 0 auto 30px;
	}

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

}