/* Start:/bitrix/templates/app/template_styles.css?17458856422569*/
* {
	padding:0;
	margin:0;
	box-sizing: border-box;
}
a,
a:hover,
a:focus,
a:active {
	outline:none;
	color:#fff;
	text-decoration:none;
}
body {
    background: linear-gradient(180deg, #52B949 0%, #2FDA2E 100%);
    color:#fff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Nunito Sans', sans-serif;
    font-size:58px;
	background-size:cover;
	overflow-x:hidden;
	padding:70px 30px 100px;
}
.container {
	max-width:1100px;
	width:100%;
	margin:0 auto;
}
.d-flex {
    display: -ms-flexbox;
    display: flex;
}
.w-50 {
	width:50%;
}
h1 {
    font-weight: 800;
	font-size: 58px;
	line-height: 94%;
	margin:50px 0 0;
}
h6 {
    font-weight: 600;
	font-size: 24px;
	line-height: 120%;
	margin:20px 20px 0 0;
}
.background-wrap {
	position:absolute;
	left:50%;
	margin-top: -40px;
}
.background {
	width:720px;
	position:absolute;
}
.phones {
	width:450px;
	height:627px;
	position:absolute;
	background:url(/bitrix/templates/app/images/phones.png) no-repeat center center;
	margin-left:50px;
	margin-top:-45px;
	z-index:1;
}
.qr-wrap {
	margin-top:58px;
}
.qr-wrap .qr {
	text-align:center;
	margin-right:54px;
}
.qr-wrap .link {
	margin-top:26px;
	display:block;
}
.mobile {
	display:none;
}

@media(max-width:899px) {
	body {
	    text-align:center;
		padding:46px 18px 68px;
	}
	.logo img {
		max-width:218px;
	}
	.w-50 {
		width:100%;
	}
	.background-wrap {
		position:relative;
		left:0;
		margin-top:58px;
		height:232px;
	}
	.background {
		width:100%;
		position:relative;
		left:0;
		top:0;
		margin-top:0;
	}
	.background img {
		left:50%;
		position:absolute;
		transform: translateX(-50%);
	}
	.phones {
		width:252px;
		height:350px;
		background:url(/bitrix/templates/app/images/phones-xs.png) no-repeat center center;
		left:50%;
		margin-left:0;
		margin-top:-24px;
		transform: translateX(-50%);
	}
	h1 {
		font-size: 46px;
		margin:86px 0 0;
	}
	h6 {
		font-size: 20px;
		margin:10px 0px 0 0;
	}
	.desctop {
		display:none;
	}
	.mobile {
		display:block;
	}
	.qr-wrap {
	    -ms-flex-pack: center;
	    justify-content: center;
	}
	.qr-wrap .link {
		margin-top:0px;
	}
	.qr-wrap .qr {
		margin-right:15px;
	}
	.qr-wrap .qr:last-child{
		margin-right:0px;
	}
}
@media(max-width:349px) {
	h1 {
	    font-size: 44px;
	}
	.qr-wrap .qr {
	    margin-right: 6px;
	}
	.qr-wrap .link img {
		max-width:148px;
	}
}
/* End */
/* /bitrix/templates/app/template_styles.css?17458856422569 */