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

@media (min-width: 0px) {

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

	.m-hide {
		display: none;
	}

	.m-show {
		display: block;
	}

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

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

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

	.lp-container .header .logo {
		position: absolute;
		top: 18px;
		background: url("../img/m-logo-leon@2x.png") no-repeat scroll center center / 288px auto;
		width: 100%;
		height: 38px;
	}

	.lp-container .header .cyber {
		position: absolute;
		top: 254px;
		background: url("../img/m-logo-CS@2x.png") no-repeat scroll center center / 317px auto;
		width: 100%;
		height: 124px;
		z-index: 60;
	}

	.lp-container .header .girl {
		position: absolute;
		top: 60px;
		left: 20px;
		background: url("../img/m-girl@2x.png") no-repeat scroll center center / 356px auto;
		width: 356px;
		height: 286px;
		z-index: 50;
	}

	.lp-container .header .m-bonus {
		position: absolute;
		top: 400px;
		left: 0;
		width: 100%;
	}

	.lp-container .header .m-bonus .bonus-header {
		background: url("../img/m-100@2x.png") no-repeat scroll center right / 97px auto;
		font-weight: 700;
		text-transform: uppercase;
		height: 40px;
		line-height: 33px;
		font-size: 14px;
		width: 290px;
		margin: 0 auto 15px;
	}

	.lp-container .header .m-bonus .bonus-steps {
		display: table;
		width: 80%;
		margin: 0 auto;
	}

	.lp-container .header .m-bonus .bonus-steps .bonus-step {
		display: table-cell;
		width: 30%;
		text-align: center;
	}

	.lp-container .header .m-bonus .bonus-steps .bonus-step-dot {
		display: table-cell;
		background: url("../img/m-dot@2x.png") no-repeat scroll center 17px / 8px auto;
	}

	.lp-container .header .m-bonus .bonus-steps .bonus-step-image {
		margin-bottom: 7px;
	}

	.lp-container .header .m-bonus .bonus-steps .bonus-step-header {
		font-size: 11px;
		text-transform: uppercase;
		font-weight: 700;
	}

	.lp-container .header .m-bonus .bonus-steps .step1 .bonus-step-header {
		padding-right: 5px;
	}

	.lp-container .header .m-bonus .bonus-steps .step2 .bonus-step-header {
		padding-right: 10px;
	}

	.lp-container .header .m-bonus .bonus-steps .step3 .bonus-step-header {
		padding-right: 10px;
	}

	.lp-container .header .do_bet {
		position: relative;
		height: 74px;
		top: 520px;
		left: 0;
		z-index: 60;
	}

	.lp-container .header .do_bet .do_bet-button {
		position: absolute;
		top: 0;
		right: 0;
		background: url("../img/l-cta@2x.png") no-repeat scroll center right / 231px auto;
		width: 100%;
		height: 74px;
	}

	.lp-container .main {
		width: 100%;
		position: relative;
		top: 540px;
	}

	.lp-container .main .payments {
		position: absolute;
		top: 0;
		right: 0;
		background: url("../img/m-payments@2x.png") no-repeat scroll center center / 300px auto;
		width: 100%;
		height: 21px;
	}

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

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

	.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-back@2x.png") no-repeat scroll center top / 972px auto;
	}

	.l-hide {
		display: none;
	}

	.l-show {
		display: block;
	}

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

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

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

	.lp-container .header .logo {
		position: absolute;
		top: 14px;
		left: 22px;
		background: url("../img/l-logo-leon@2x.png") no-repeat scroll center center / 281px auto;
		width: 281px;
		height: 35px;
	}

	.lp-container .header .cyber {
		position: absolute;
		top: 62px;
		left: 15px;
		background: url("../img/l-logo-CS@2x.png") no-repeat scroll center center / 266px auto;
		width: 266px;
		height: 129px;
	}

	.lp-container .header .girl {
		position: absolute;
		top: 11px;
		left: 281px;
		background: url("../img/l-girl@2x.png") no-repeat scroll center center / 349px auto;
		width: 349px;
		height: 281px;
		z-index: 50;
	}

	.lp-container .header .bonus {
		position: absolute;
		top: 202px;
		left: 20px;
		background: url("../img/l-1-2-3-no-text.png") no-repeat scroll center center / 308px auto;
		width: 308px;
		height: 75px;
	}

	.lp-container .header .bonus .bonus-header {
		text-transform: uppercase;
		font-weight: 900;
		font-style: italic;
		font-size: 12px;
		margin: 5px 0 0 35px;
	}

	.lp-container .header .bonus .bonus-steps {
		display: table;
		width: 100%;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step {
		display: table-cell;
		width: 33%;
		text-align: center;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step.step1 {
		padding-right: 25px;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step.step2 {
		padding-right: 15px;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step.step3 {
		padding-left: 2px;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step-header {
		text-transform: uppercase;
		font-weight: 500;
		font-size: 11px;
		margin: 55px 0 0 0;
	}

	.lp-container .header .do_bet {
		position: relative;
		height: 90px;
		top: 245px;
		left: 0;
		z-index: 60;
	}

	.lp-container .header .do_bet .do_bet-button {
		position: absolute;
		top: 0;
		right: 0;
		background: url("../img/l-cta@2x.png") no-repeat scroll center center / 231px auto;
		width: 231px;
		height: 74px;
	}

	.lp-container .main {
		width: 100%;
		position: relative;
		top: 250px;
	}

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

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

	.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: #111114 url("../img/back.png") no-repeat scroll center top / 1781px auto;
	}

	.d-hide {
		display: none;
	}

	.d-show {
		display: block;
	}

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

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

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

	.lp-container .header .logo {
		position: absolute;
		top: 35px;
		left: 20px;
		background: url("../img/d-logo-leon.png") no-repeat scroll center center;
		width: 507px;
		height: 67px;
	}

	.lp-container .header .cyber {
		position: absolute;
		top: 125px;
		left: -8px;
		background: url("../img/main_text.png") no-repeat scroll center center;
		width: 446px;
		height: 216px;
	}

	.lp-container .header .girl {
		position: absolute;
		top: 44px;
		left: 430px;
		background: url("../img/D-girl.png") no-repeat scroll center center;
		width: 767px;
		height: 616px;
		z-index: 50;
	}

	.lp-container .header .bonus {
		position: absolute;
		top: 366px;
		left: 9px;
		background: url("../img/d-1-2-3-no-text.png") no-repeat scroll center center;
		width: 524px;
		height: 147px;
	}

	.lp-container .header .bonus .bonus-header {
		text-transform: uppercase;
		font-weight: 900;
		font-style: italic;
		font-size: 21px;
		margin: 15px 0 0 55px;
	}

	.lp-container .header .bonus .bonus-subheader {
		text-transform: uppercase;
		font-weight: 400;
		font-style: italic;
		font-size: 13px;
		margin: 0 0 0 55px;
	}

	.lp-container .header .bonus .bonus-steps {
		display: table;
		width: 100%;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step {
		display: table-cell;
		width: 33%;
		text-align: center;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step.step1 {
		padding-right: 35px;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step.step2 {
		padding-right: 20px;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step.step3 {
		padding-left: 15px;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step-header {
		text-transform: uppercase;
		font-weight: 900;
		font-style: italic;
		font-size: 18px;
		margin: 90px 0 0 0;
	}

	.lp-container .header .bonus .bonus-steps .bonus-step-subheader {
		font-size: 14px;
	}

	.lp-container .header .do_bet {
		position: relative;
		border-bottom: 2px solid #ffba00;
		height: 90px;
		top: 550px;
		left: 0;
		z-index: 60;
	}

	.lp-container .header .do_bet .do_bet-button {
		position: absolute;
		top: 0;
		right: 20px;
		background: url("../img/CTA.png") no-repeat scroll center center;
		width: 279px;
		height: 90px;
	}

	.lp-container .main {
		width: 100%;
		position: relative;
		top: 550px;
		background-color: #232629;
		padding: 20px 0 0 0;
		z-index: 60;
	}

	.lp-container .main .features {
		display: table;
		background-color: #1b1e21;
		width: 100%;
	}

	.lp-container .main .features .features-single {
		display: table-cell;
		width: 33%;
		text-align: center;
	}

	.lp-container .main .features .features-single-header {
		font-weight: 700;
		text-transform: uppercase;
		border-bottom: 1px solid #e6210f;
		padding: 27px 0 22px 0;
		margin: 0 33px 15px 33px;
		font-size: 19px;
	}

	.lp-container .main .features .features-single-subheader {
		font-size: 13px;
	}

	.lp-container .main .features .features-single-image {
		margin: 20px 0;
	}

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

	.lp-container .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: 0 auto 30px;
		padding-top: 0;
		text-align: left;
		text-transform: none;
		width: 100%;
	}

}