/* Start:/local/templates/.default/css/services-web.css?171506757210717*/
.website_development_container{
	background: #0573D9 url(/upload/website/banner.png) center no-repeat;
	background-size: cover;
}
.website_development_container .d-grid{
	color: #fff;
	padding: 134px 0 30px;
}
.development_title{
	color: #fff;
	font-family: Roboto;
	font-size: 62px;
	font-weight: 300;
	line-height: 42px;
	margin-bottom: 26px;
}
.website_development_container p{
	font-family: Roboto;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
	margin-bottom: 58px;
}
.btn.white{
	background: none;
	border: 1px #fff solid;
	box-shadow: none;
	box-sizing: border-box;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 600;
	height: 50px;
	line-height: 20px;
	margin-bottom: 86px;
	padding: 13px 66px 15px;
}
.btn.white:hover{
	background-color: #fff;
	color: #03a9f4;
}
.website_development{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.development_block{
	background-color: #fff;
	box-sizing: border-box;
	border-radius: 10px;
	display: block;
	margin-bottom: 30px;
	padding: 37px 20px 32px 30px;
	position: relative;
	text-decoration: none;
	width: calc((100% - 90px) / 4);
}
.development_block span{
	color: #000;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
	margin-bottom: 0;
}
.development_block span em{
	border-bottom: 1px #000 dotted;
	font-style: normal;
}
.development_block:before{
	content: "";
	height: 60px;
	left: 24px;
	position: absolute;
	top: -40px;
	width: 60px;
	z-index: 9;
}
.development_block.ico_1:before{background: url(/local/templates/.default/css/../img/development_1.svg) no-repeat;}
.development_block.ico_2:before{background: url(/local/templates/.default/css/../img/development_2.svg) no-repeat;}
.development_block.ico_3:before{background: url(/local/templates/.default/css/../img/development_3.svg) no-repeat;}
.development_block.ico_4:before{background: url(/local/templates/.default/css/../img/development_4.svg) no-repeat;}
.about_team_container{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 120px 0 108px;
}
.about_team_block{
	background-color: #f7f8fb;
	border-radius: 10px;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 40px 40px 50px 50px;
	position: relative;
	width: calc((100% - 60px) / 3);
}
.about_team_block:after{
	background: url(/local/templates/.default/css/../img/shadow_02.png) no-repeat;
	bottom: -30px;
	content: "";
	height: 241px;
	opacity: 0;
	position: absolute;
	right: -28px;
	transition: all 0.2s linear;
	width: 378px;
}
.about_team_block:hover:after{opacity: 1;}
.about_team_block span{
	display: block;
	font-family: Roboto;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 10px;
	min-height: 78px;
}
.about_team_block p{
	color: #5D627F;
	font-family: Roboto;
	font-size: 18px;
	font-weight: 300;
	line-height: 25px;
	margin-bottom: 0;
}
.about_team_block a {
	z-index: 1;
	display: inline-block;
	position: relative;
}
.websites_container{
	background: url(/local/templates/.default/css/../img/websites_container.png) center no-repeat;
	background-size: cover;
	padding: 120px 0 90px;
}
.websites_container .d-grid{
	display: grid;
	grid-template-areas:
			"a b c"
			"d e f"
			"g h h";
	grid-gap: 30px 30px;
	grid-auto-rows: min-content;
	grid-template-columns: repeat(3,1fr);
}
.website_block:nth-child(1){grid-area: a;}
.website_block:nth-child(2){grid-area: b;}
.website_block:nth-child(3){grid-area: c;}
.website_block:nth-child(4){grid-area: d;}
.website_block:nth-child(5){grid-area: e;}
.website_block:nth-child(6){grid-area: f;}
.website_block:nth-child(7){grid-area: g;}
.send_request{grid-area: h;}
.website_block{
	background-color: #F1F4F9;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 27px 37px 28px;
	position: relative;
}
.website_title{
	color: #222C6D;
	font-family: roboto;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 29px;
}
.website_block p{
	color: #5D627F;
	display: block;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	margin-bottom: 24px;
}
.website_block span{
	color: #222C6D;
	font-family: Roboto;
	font-size: 20px;
	font-weight: 300;
	line-height: 24px;
}
.website_block a{
	background: url(/local/templates/.default/css/../img/website_btn.svg) no-repeat;
	border-radius: 50%;
	bottom: 30px;
	height: 40px;
	position: absolute;
	right: 30px;
	width: 40px;
	z-index: 9;
}
.website_block a:hover{box-shadow: 0 3px 8px rgba(0,0,0,.4);}
.send_request{
	background: #F1F4F9 url(/local/templates/.default/css/../img/send_request.png) center no-repeat;
	background-size: cover;
	border-radius: 10px;
	box-sizing: border-box;
	color: #fff;
	padding: 26px 0 30px 60px;
	position: relative;
}
.request_block_title{
	color: #fff;
	font-family: Roboto;
	font-size: 26px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 30px;
}
.send_request_column{
	box-sizing: border-box;
	padding-right: 30px;
	width: 50%;
}
.send_request_column:last-child{
	align-items: flex-start;
	color: #000;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 42%;
}
.send_request_column p{
	font-family: Roboto;
	font-size:  14px;
	font-weight: 300;
	line-height: 20px;
	margin-bottom: 16px;
	min-height: 40px;
}
.send_request_column:last-child p{
	box-sizing: border-box;
	color: #000;
	font-size: 20px;
	line-height: 24px;
	padding-left: 42px;
}
.send_request_column a{
	color: #fff;
	font-family: Roboto;
	font-size:  20px;
	font-weight: 300;
	line-height: 24px;
	text-decoration: none;
}
.send_request_column:last-child a{
	background: url(/local/templates/.default/css/../img/ico_pdf.svg) no-repeat;
	color: #000;
	display: inline-block;
	font-size: 20px;
	margin-top: auto;
	padding: 5px 0 5px 44px;
}
.send_request_column a span{
	border-bottom: 1px #fff dotted;
	font-family: Roboto;
	transition: all 0.2s linear;
}
.send_request_column:last-child a span{border-bottom-color: #000;}
.send_request_column a:hover span{border-bottom-color: transparent;}
.send_request_column a sup{
	display: inline-block;
	font-family: Roboto;
	font-size:  12px;
	margin-left: 16px;
}

.stages_container{padding: 106px 0 20px;}
.stages_container .our_works_title{margin-bottom: 102px;}
.stages_container .flexbox{align-items: flex-start;}
@keyframes slideInUp1{
	from{transform: translate3d(0,-30px,0);}
	50%{transform: translate3d(0,0,0);}
	to{transform: translate3d(0,-30px,0);}
}
@keyframes slideInUp2{
	from{transform: translate3d(0,-60px,0);}
	50%{transform: translate3d(0,0,0);}
	to{transform: translate3d(0,-60px,0);}
}
.stage_block{
	background-color: #F7F8FB;
	border-bottom: 4px rgba(86,204,242,.58) solid;
	border-radius: 10px 10px 0 0;
	box-sizing: border-box;
	margin-bottom: 82px;
	padding: 40px 40px 26px;
	position: relative;
	transition: all 0.2s linear;
	width: calc(33.33% - 20px);
}
.stage_block:nth-child(2),.stage_block:nth-child(5){transform: translate3d(0,-30px,0);}
.stage_block:nth-child(3),.stage_block:nth-child(6){transform: translate3d(0,-60px,0);}
.stage_block:hover{transform: translate3d(0,-30px,0);}
.stage_block:nth-child(2):hover,.stage_block:nth-child(5):hover{transform: translate3d(0,-60px,0);}
.stage_block:nth-child(3):hover,.stage_block:nth-child(6):hover{transform: translate3d(0,-90px,0);}
.stage_block.color_2{border-bottom-color: #2D9CDB;}
.stage_block.color_3{border-bottom-color: #2F80ED;}
.stage_block.color_4{border-bottom-color: #6FCF97;}
.stage_block.color_5{border-bottom-color: #27AE60;}
.stage_block.color_6{border-bottom-color: #219653;}
.stage_number{
	color: #edeef3;
	font-family: roboto;
	font-size: 56px;
	font-weight: 300;
	line-height: 46px;
	position: absolute;
	right: 36px;
	top: 30px;
}
.stage_block p{
	font-family: Roboto;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 30px;
	width: calc(100% - 50px);
}
.stage_desc{
	color: #5D627F;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

@media only screen and (max-width: 1150px){
	.send_request{background-position: -80px center;}
	.send_request_column:last-child{width: 50%;}
	.website_development_container .d-grid{
		padding-left: 15px;padding-right: 15px;
	}
}
@media only screen and (max-width: 1024px){
	.development_block{padding-left: 20px;}
	.about_team_block{padding: 30px 15px 30px 20px;}
}
@media only screen and (max-width: 960px){
	.website_development_container .d-grid,.stages_container{padding-top: 40px;}
	.website_development_container .d-grid{padding-left: 15px;padding-right: 15px;}
	.about_team_container,.websites_container{padding: 40px 0;}
	.development_title{
		font-size: 42px;
		line-height: 56px;
	}
	.development_block{
		margin-bottom: 60px;
		width: calc(50% - 15px);
	}
	.send_request{padding-left: 30px;}
	.send_request_column{padding-right: 15px;}
	.stages_container .flexbox{align-items: stretch;}
	.stage_block{
		animation: none!important;
		margin-bottom: 30px;
		width: calc(50% - 15px);
	}
	.stage_block p{
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	.about_team_block{width: calc(50% - 15px);}
}
@media only screen and (max-width: 768px){
	.websites_container .d-grid{
		grid-template-areas:
				"a b"
				"c d"
				"e f"
				"g g"
				"h h";
		grid-template-columns: repeat(2,1fr);
	}
}
@media only screen and (max-width: 660px){
	.websites_container .d-grid{display: block;}
	.website_block{margin-bottom: 30px;}
	.send_request_column{
		padding-right: 20px;
		width: 100%;
	}
	.stage_block{width: 100%;}
	.about_team_block{width: 100%;}
	.about_team_block span{
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 20px;
		min-height: 1px;
	}
	.send_request_column:last-child{
		width: 100%;
	}
	.send_request_column:last-child p{
		color:#fff;
		padding-left: 0;
		padding-top:40px;
		font-size: 26px;
		font-weight: 300;
	}
	.send_request_column:last-child a span{
		color:#fff;
		border-color:#fff;
	}
	.send_request_column:last-child a{
		padding: 5px 44px 5px 0;
		background: url(/local/templates/.default/css/../img/ico_pdf.svg) no-repeat right center;
	}
}
@media only screen and (max-width: 600px){
	.widget_slider_container{width: 428px;}
}
@media only screen and (max-width: 480px){
	.features_block_title{font-size: 20px;}
	.development_title{
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 15px;
	}
	.website_development_container p{font-size: 16px;}
	.development_block{width: 100%;}
	.website_block{padding: 27px 15px 28px;}
	.send_request,.stage_block{padding-left: 15px;}

}
/* End */


/* Start:/local/templates/.default/css/online-store.css?171506757221599*/
/* Online shop Page */
.store_promo_container{
	background: #0374db url(/local/templates/.default/css/../img/store_promo_container.jpg) bottom no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	margin-bottom: 100px;
}
.store_promo{
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	/*height: calc(100vh - 70px);
	    max-height: 870px;
	    */
	position: relative;
	justify-content: flex-start;
	padding-top: 40px;
	padding-bottom: 60px;
}

	.store_promo h1{
		color: #fff;
		font-size: 48px;
		font-weight: 300;
		line-height: 66px;
		margin-bottom: 40px;
		text-align: center;
		max-width: 700px;
	}
	.store_promo .content-text {
		max-width: 700px;
		margin: 0 auto 40px;
	}
	.store_promo .btn.white {

	}
	.store_promo p{
		font-size: 18px;
		font-weight: 300;
		line-height: 30px;
		margin: 0;
		text-align: center;
	}
	.btn.white{
		background: none;
		border: 2px #fff solid;
		box-shadow: none;
		box-sizing: border-box;
		font-family: Roboto, sans-serif;
		font-size: 14px;
		font-weight: 600;
		height: 50px;
		line-height: 20px;
		margin-bottom: 34px;
		padding: 14px 66px 15px;
	}
	.btn.white:hover{
		background-color: #fff;
		color: #03a9f4;
	}
	.more_about{
		border-bottom: 1px #fff dashed;
		color: #fff;
		font-size: 16px;
		font-weight: 300;
		line-height: 20px;
		position: relative;
		text-decoration: none;
	}
		.more_about:before{
			background: url(/local/templates/.default/css/../img/more_about.svg) no-repeat;
			bottom: -41px;
			content: "";
			height: 16px;
			left: calc(50% - 8px);
			position: absolute;
			width: 16px;
		}
.about_projects{margin-bottom: 100px;}
	.about_projects_block{
		background-color: #F7F8FB;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 40px 50px 62px;
		position: relative;
		width: calc(33.33% - 20px);
	}
		.about_projects_block:after{
			background: url(/local/templates/.default/css/../img/shadow_02.png) no-repeat;
			bottom: -30px;
			content: "";
			height: 241px;
			opacity: 0;
			position: absolute;
			right: -28px;
			transition: all 0.2s linear;
			width: 378px;
			z-index: -1;
		}
		.about_projects_block:hover:after{opacity: 1;}
		.about_projects_block span{
			display: block;
			font-size: 22px;
			line-height: 26px;
			margin-bottom: 50px;
		}
.about_projects_block .content-text,
		.about_projects_block p{
			color: #5D627F;
			font-size: 16px;
			line-height: 20px;
			margin-bottom: 20px;
		}
		.about_projects_block .btn{
			font-size: 16px;
			font-weight: 300;
			line-height: 20px;
			margin-top: 46px;
			padding: 9px 23px 11px;
			position: relative;
			text-transform: none;
			z-index: 999;
		}
.online_shop_steps_container h2{margin-bottom: 100px;}
	.online_shop_steps_container .flexbox{
		align-items: flex-start;
		margin-bottom: 100px;
	}
		.online_shop_steps_container .flexbox:nth-child(2n){flex-direction: row-reverse;}
		.steps_img,.steps_content{width: calc(50% - 50px);}
		.steps_img img{
			height: auto;
			min-height: auto;
			max-width: 100%;
		}
		.steps_content span{
			color: #0199EF;
			display: block;
			font-size: 22px;
			line-height: 26px;
			margin-bottom: 40px;
		}
		.steps_content p{
			color: #333;
			font-size: 16px;
			line-height: 25px;
			margin-bottom: 25px;
		}
		.steps_content p:last-child{margin-bottom: 0;}
.our_soft{margin-bottom: 70px;}
	.our_soft h2{margin-bottom: 82px;}
	.our_soft_block{
		border-radius: 10px;
		box-sizing: border-box;
		margin-bottom: 30px;
		min-height: 246px;
		padding: 50px 50px 24px 170px;
		width: calc(50% - 15px);
	}
	.our_soft_block.ico_1{background: #F7F8FB url(/local/templates/.default/css/../img/our_soft_block1.svg) 66px 50px no-repeat;}
	.our_soft_block.ico_2{background: #F7F8FB url(/local/templates/.default/css/../img/our_soft_block2.svg) 60px 50px no-repeat;}
	.our_soft_block.ico_3{background: #F7F8FB url(/local/templates/.default/css/../img/our_soft_block3.svg) 60px 50px no-repeat;}
	.our_soft_block.ico_4{background: #F7F8FB url(/local/templates/.default/css/../img/our_soft_block4.svg) 66px 50px no-repeat;}
		.our_soft_block span{
			display: block;
			font-size: 22px;
			line-height: 26px;
			margin-bottom: 27px;
		}
		.our_soft_block p{
			color: #5D627F;
			font-size: 16px;
			font-weight: 300;
			line-height: 25px;
			margin-bottom: 0;
		}
			.our_soft_block p strong{
				color: #000;
				display: block;
				font-weight: 400;
			}
.shop_price_container{
	background: url(/local/templates/.default/css/../img/shop_price_container.jpg) no-repeat;
	background-size: cover;
	margin-bottom: 100px;
	padding: 70px 0 55px;
}
	.shop_price_container h2{
		color: #fff;
		font-size: 59px;
		font-weight: 300;
		line-height: 48px;
		margin-bottom: 44px;
	}
	.shop_price_block{
		background-color: #F7F8FB;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 40px 40px 60px 70px;
		width: calc(50% - 15px);
	}
	.shop_price_block h3{
		font-size: 35px;
		font-weight: 300;
		line-height: 41px;
		margin-bottom: 44px;
	}
	.cost{margin-bottom: 30px;}
		.shop_price_block span{
			 color: #5D627F;
			 display: block;
			 font-size: 14px;
			 font-weight: 300;
			 line-height: 18px;
			 margin-bottom: 20px;
		 }
		.cost span{
			height: 36px;
			margin-bottom: 15px;
		}
		.cost p{
			font-size: 22px;
			font-weight: 300;
			line-height: 26px;
			margin-bottom: 0;
		}
		.cost p em{
			display: inline-block;
			font-size: 35px;
			font-style: normal;
			line-height: 35px;
			margin-top: -8px;
		}
	.option_list{margin-bottom: 50px;}
		.option_list li{
			color: #333;
			font-size: 14px;
			line-height: 18px;
			margin-bottom: 12px;
			padding-left: 15px;
			position: relative;
		}
		.option_list li:before{
			background-color: #03A9F4;
			border-radius: 50%;
			content: "";
			height: 3px;
			left: 0;
			position: absolute;
			top: 8px;
			width: 3px;
		}
	.bottom_links_download a{
		color: #5D627F;
		font-size: 16px;
		font-weight: 300;
		line-height: 20px;
		position: relative;
		text-decoration: none;
		transition: all 0.2s linear;
	}
		.bottom_links_download a span{
			border-bottom: 1px #5D627F dotted;
			color: inherit!important;
			margin-bottom: 0;
			transition: all 0.2s linear;
		}
		.bottom_links_download a:hover{color: #000;}
		.bottom_links_download a:hover span{border-bottom-color: transparent;}
		.bottom_links_download a.ico_pdf{padding-left: 47px;}
		.bottom_links_download a.ico_pdf:before{
			background: url(/local/templates/.default/css/../img/ico_doc.svg) no-repeat;
			content: "";
			height: 36px;
			left: 0;
			position: absolute;
			top: -5px;
			width: 34px;
		}
.landing_container{
	align-items: center;
	background: #fff url(/local/templates/.default/css/../img/landing_container.svg) right no-repeat;
	background-size: cover;
	border-radius: 10px;
	color: #fff;
	margin-bottom: 64px;
	padding: 64px 98px 60px 70px;
}
	.landing_cost{width: 450px;}
		.landing_cost h2{
			color: #fff;
			font-size: 35px;
			font-weight: 300;
			line-height: 48px;
			margin-bottom: 54px;
			position: relative;
		}
			.landing_cost h2 span{
				background: url(/local/templates/.default/css/../img/ico_title.svg) no-repeat;
				cursor: pointer;
				height: 40px;
				position: absolute;
				right: 24px;
				top: 7px;
				width: 40px;
			}
		.landing_cost p{
			font-size: 16px;
			font-weight: 300;
			line-height: 20px;
			margin-bottom: 25px;
		}
		.landing_cost p:last-child{margin-bottom: 0;}
			.landing_cost p em{
				display: inline-block;
				font-size: 78px;
				font-style: normal;
				font-weight: 300;
				line-height: 48px;
			}
	.landing_order{width: 264px;}
		.landing_order p{
			color: #5D627F;
			font-size: 16px;
			font-weight: 300;
			line-height: 25px;
			margin-bottom: 42px;
		}
		.landing_order .btn{
			box-sizing: border-box;
			font-size: 14px;
			font-weight: 300;
			line-height: 18px;
			padding: 16px 25px;
			text-transform: none;
			width: 100%;
		}
.included p{
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 20px;
}
	.included_block{
		align-items: center;
		background-color: #fff;
		border-radius: 10px;
		box-sizing: border-box;
		color: #333;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		font-size: 16px;
		font-weight: 300;
		justify-content: flex-start;
		line-height: 25px;
		min-height: 130px;
		padding: 20px 40px;
		width: calc((100% - 90px) / 4);
	}
/* Development_speed */
.development_speed_container{
	background: url(/local/templates/.default/css/../img/development_speed_container.png);
	margin-bottom: 60px;
	padding: 80px 0 130px;
}
	.development_speed_container_title{
		color: #fff;
		font-size: 59px;
		line-height: 48px;
		margin-bottom: 44px;
	}
	.development_speed_grid{
		display: grid;
		grid-template-areas:
		"a b e"
		"c d e";
		grid-gap: 30px 30px;
		grid-auto-rows: min-content;
		grid-template-columns: repeat(3,1fr);
	}
		.development_speed_block:nth-child(1){grid-area: a;}
		.development_speed_block:nth-child(2){grid-area: b;}
		.development_speed_block:nth-child(3){grid-area: c;}
		.development_speed_block:nth-child(4){grid-area: d;}
		.order_now{grid-area: e;}
		.development_speed_block{
			background-color: #F7F8FB;
			border-radius: 10px;
			box-sizing: border-box;
			padding: 40px 40px 37px;
			transition: all 0.2s linear;
		}
			.development_speed_title{
				color: #000;
				font-size: 22px;
				font-weight: 400;
				line-height: 26px;
				margin-bottom: 40px;
				transition: all 0.2s linear;
			}
			.development_speed_block p{
				color: #5D627F;
				font-size: 14px;
				font-weight: 300;
				line-height: 18px;
				margin-bottom: 8px;
				transition: all 0.2s linear;
			}
			.development_speed_price{
				color: #000;
				display: block;
				font-size: 22px;
				font-weight: 300;
				line-height: 39px;
				margin-bottom: 52px;
				transition: all 0.2s linear;
			}
				.development_speed_price span{
					font-size: 35px;
					line-height: 39px;
				}
			.deadlines{
				color: #333;
				font-size: 16px;
				line-height: 20px;
				padding: 2px 0 0 31px;
				position: relative;
				transition: all 0.2s linear;
			}
				.deadlines:before,.deadlines:after{
					background: url(/local/templates/.default/css/../img/ico_deadlines.svg) no-repeat;
					content: "";
					height: 23px;
					left: 0;
					opacity: 1;
					position: absolute;
					top: 0;
					transition: all 0.2s linear;
					width: 21px;
				}
				.deadlines:after{
					background: url(/local/templates/.default/css/../img/ico_deadlines2.svg) no-repeat;
					opacity: 0;
				}
				.development_speed_block.active .deadlines:after{opacity: 1;}
				.development_speed_block.active .deadlines:before{opacity: 0;}
			.development_speed_block input{display: none;}
			.checkbox{
				color: #03A9F5;
				cursor: pointer;
				display: block;
				font-size: 14px;
				line-height: 20px;
				padding: 2px 0 0 31px;
				position: relative;
			}
				.checkbox:before,.checkbox:after{
					border: 2px #03A9F5 solid;
					border-radius: 5px;
					box-sizing: border-box;
					content: "";
					height: 23px;
					left: 0;
					opacity: 1;
					position: absolute;
					top: 0;
					transition: all 0.2s linear;
					width: 23px;
				}
				.checkbox:after{
					background: #fff url(/local/templates/.default/css/../img/checkbox_active.svg) center no-repeat;
					background-size: 13px 9px;
					opacity: 0;
				}
				.active.checkbox:after{
					border: none;
					opacity: 1;
				}
				.active.checkbox:before{opacity: 0;}
		.development_speed_block.active{background-color: #0D73D1;}
		.development_speed_block.active .deadlines,.development_speed_block.active .development_speed_title,.development_speed_block.active p,.development_speed_block.active .development_speed_price,.development_speed_block.active .deadlines,.development_speed_block.active .checkbox{color: #fff;}
		.order_now{
			background-color: #0098EF;
			border-radius: 10px;
			box-sizing: border-box;
			color: #fff;
			padding: 40px;
		}
			.order_now_title{
				color: #fff;
				font-size: 33px;
				line-height: 39px;
				margin-bottom: 34px;
			}
			.text_input{
				background: none;
				border: none;
				border-bottom: 1px #fff solid;
				box-sizing: border-box;
				color: #fff;
				display: block;
				font-size: 16px;
				height: 38px;
				margin-bottom: 41px;
				padding: 0 0 0 4px;
				width: 100%;
			}
				.text_input:-ms-placeholder{color: #fff;}
				.text_input::-webkit-placeholder{color: #fff;}
				.text_input::placeholder{color: #fff;}
			.checkboxes_title{
				color: #fff;
				font-size: 22px;
				font-weight: 400;
				line-height: 26px;
				margin: 42px 0 20px;
			}
			.checkbox_container input{display: none;}
			.order_now .checkbox{
				color: #fff;
				font-size: 16px;
				margin-bottom: 10px;
				width: 100%;
			}
			.order_now .checkbox:before{border-color: #fff;}
			.order_now .btn[type="submit"]{
				align-items: center;
				background-color: #fff;
				border-radius: 3px;
				box-shadow: none;
				color: #0098EF;
				display: flex;
				font-size: 14px;
				flex-direction: row;
				flex-wrap: wrap;
				height: 50px;
				justify-content: center;
				line-height: 20px;
				margin-top: 30px;
				padding: 0 10px;
				text-transform: none;
				width: 100%;
			}
			.order_now .btn[type="submit"]:hover{color: #fff;}
/* END development_speed */
/*.additional_services{margin-bottom: 100px;}*/
	.additional_services h2{margin-bottom: 85px;}
	.additional_services_block{
		border-radius: 10px;
		box-sizing: border-box;
		padding: 210px 50px 164px;
		position: relative;
		width: calc(33.33% - 20px);
	}
		.additional_services_block.ico_1{background: #F7F8FB url(/local/templates/.default/css/../img/additional_services_block1.svg) 50px 50px no-repeat;}
		.additional_services_block.ico_2{background: #F7F8FB url(/local/templates/.default/css/../img/additional_services_block2.svg) 50px 50px no-repeat;}
		.additional_services_block.ico_3{background: #F7F8FB url(/local/templates/.default/css/../img/additional_services_block3.svg) 50px 50px no-repeat;}
		.additional_services_block span{
			display: block;
			font-size: 22px;
			line-height: 26px;
			margin-bottom: 18px;
		}
		.additional_services_block p{
			color: #5D627F;
			font-size: 14px;
			font-weight: 300;
			line-height: 20px;
			margin-bottom: 20px;
		}
		.additional_services_block .btn{
			bottom: 50px;
			box-sizing: border-box;
			font-size: 14px;
			font-weight: 300;
			left: 50px;
			line-height: 18px;
			padding: 16px 45px;
			position: absolute;
			text-transform: none;
		}
.order_shop_form .hunter_lids{
	background-color: #0098EF;
	border-radius: 10px;
	color: #fff;
	padding-bottom: 54px;
}
	.order_shop_form .hunter_lids p,.order_shop_form .fld input,.order_shop_form .hunter_lids h2,.order_shop_form .agreement,.order_shop_form .agreement a,.order_shop_form .fld label{color: #fff;}
	.order_shop_form .fld input::-moz-placeholder{
		color: #fff;
		opacity: 1;
	}
	.order_shop_form .fld input:-ms-placeholder{color:#fff ;}
	.order_shop_form .fld input::-webkit-placeholder{color: #fff;}
	.order_shop_form .fld input::placeholder{color: #fff;}
	.order_shop_form .hunter_lids .fld{
		margin-right: 30px;
		width: calc(50% - 153px);
	}
	.order_shop_form .hunter_lids .btn,.order_shop_form .hunter_lids .btn:hover{
		background-color: #fff;
		box-shadow: 0 3px 8px rgba(0,0,0,.4);
		color: #0098EF;
		font-size: 14px;
		font-weight: 300;
		text-transform: none;
	}
	.order_shop_form .hunter_lids .btn:hover{box-shadow: 0 2px 4px rgba(0,0,0,.25);}
	.order_shop_form .hunter_lids p{margin-bottom: 72px;}
	.order_shop_form .agreement.mob{display: none;}
	.order_shop_form .agreement{
		max-width: 580px;
		opacity: .5;
	}
.popup{display: none;}
.margin_block{margin-bottom: 40px;}

@media only screen and (max-width: 1200px){
.about_projects_block{padding-bottom: 42px;}
	.about_projects_block .btn{
		font-size: 14px;
		line-height: 18px;
		padding: 9px 12px 11px;
	}
.steps_img, .steps_content{width: calc(50% - 15px);}
.shop_price_block{padding-left: 56px;}
.landing_container{
	background-size: auto 101%;
	min-height: 327px;
	padding: 50px 67px 60px 55px;
}
	.landing_cost h2 span{right: 44px;}
}/* END 1200px */
@media only screen and (max-width: 1023px){
	.order_shop_form.form-order-page__form{padding-left: 0;}
.landing_container{
	background-position: 70% center;
	min-height: 1px;
}
}/* END 1023px */
@media only screen and (max-width: 960px){
.store_promo_container{margin-bottom: 40px;}
.store_promo{
	min-height: 450px;
	height: auto;
	padding: 40px 20px 30px;
	justify-content: space-between;
}
	.store_promo h1{
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 0;
		text-align: center;
	}
	.store_promo .content-text {
    margin-top: auto;
    margin-bottom: 0;
}
	.store_promo .content-text {
		/*
		margin-bottom: 121px;
		margin-bottom: 60px;
		*/
	}
	.store_promo p{
		font-size: 14px;
		line-height: 20px;

	}
	.btn.white{
		margin-bottom: 55px;
		padding: 13px 28px 15px;
	}
	.more_about{
		font-size: 14px;
		line-height: 18px;
	}
.about_projects{margin-bottom: 20px;}
	.about_projects_block{
		margin-bottom: 20px;
		padding: 30px 20px;
		text-align: center;
		width: 100%;
	}
		.about_projects_block span{
			font-size: 21px;
			margin-bottom: 29px;
			text-align: left;
		}
	.about_projects_block .content-text,
		.about_projects_block p{
			font-size: 16px;
			line-height: 20px;
			margin-bottom: 20px;
			text-align: left;
		}
		.about_projects_block p:last-child{margin-bottom: 0;}
		.about_projects_block .btn{
			box-sizing: border-box;
			margin-top: 12px;
			position: static;
			width: 250px;
		}
	.online_shop_steps_container h2{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 43px;
	}
	.online_shop_steps_container .flexbox:nth-child(2n){flex-direction: row;}
	.online_shop_steps_container .flexbox{margin-bottom: 40px;}
	.steps_img,.steps_content{width: 100%;}
	.steps_img{
		margin-bottom: 30px;
		text-align: center;
	}
	.steps_content span{margin-bottom: 32px;}
	.our_soft h2{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 40px;
	}
	.our_soft_block{
		margin-bottom: 20px;
		min-height: 1px;
		padding: 30px 25px 33px 110px;
		width: 100%;
	}
	.our_soft_block.ico_1{
		background-size: 50px auto;
		background-position: 30px 30px;
	}
	.our_soft_block.ico_2{
		background-size: 48px auto;
		background-position: 30px 30px;
	}
	.our_soft_block.ico_3{
		background-size: 52px auto;
		background-position: 30px 40px;
	}
	.our_soft_block.ico_4{
		background-size: 51px auto;
		background-position: 30px 30px;
	}
		.our_soft_block span{margin-bottom: 20px;}
		.our_soft_block p{
			font-size: 14px;
			line-height: 20px;
		}
.shop_price_container{
	margin-bottom: 40px;
	padding: 46px 0 20px;
}
	.shop_price_container h2,.development_speed_container_title{
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 40px;
	}
	.shop_price_block{
		margin-bottom: 20px;
		padding: 30px 30px 45px;
		width: 100%;
	}
		.shop_price_block h3{
			font-size: 24px;
			line-height: 28px;
			margin-bottom: 22px;
		}
	.cost{
		margin-bottom: 24px;
		width: 100%;
	}
	.cost span{
		height: auto;
	}
.additional_services h2{
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 40px;
}
	.additional_services_block{
		background-position: center 40px!important;
		margin-bottom: 20px;
		padding: 180px 20px 40px;
		width: 100%;
	}
	.additional_services_block .btn{
		display: block;
		margin: 0 auto;
		position: static;
		width: 250px;
	}
.landing_container{
	background-size: auto 101%;
	padding: 50px 35px 60px 35px;
}
.landing_cost{width: 310px;}
	.shop_price_container .landing_cost h2{
		font-size: 28px;
		line-height: 44px;
		margin-bottom: 40px;
	}
		.landing_cost h2 span{right: 0;}
	.landing_cost p em{font-size: 54px;}
.landing_order{width: 225px;}
.included_block{
	margin-bottom: 30px;
	width: calc(50% - 15px);
}
.development_speed_container{padding: 40px 0 60px;}
.development_speed_grid{
	grid-template-areas:
	"a b"
	"c d"
	"e e";
	grid-template-columns: repeat(2,1fr);
}
}/* END 960px */
@media only screen and (max-width: 768px){
.order_shop_form .hunter_lids{
	border-radius: 10px;
	margin: 0 0 35px;
	padding: 30px 20px;
	width: 100%;
}
	.order_shop_form .hunter_lids .fld {
		margin: 0 0 30px;
		width: 100%;
	}
	.order_shop_form .hunter_lids p{margin-bottom: 30px;}
	.order_shop_form .hunter_lids .btn,.order_shop_form .hunter_lids input[type="submit"].btn{
		margin: 30px 0 0;
		width: 250px;
	}
	.agreement:not(.mob){display: none;}
	.agreement.mob{display: block;}
.landing_container{
	background: #fff url(/local/templates/.default/css/../img/landing_container_mob.svg) top no-repeat;
	display: block;
	padding: 40px 40px 30px;
	position: relative;
}
	.landing_order,.landing_cost{width: 100%;}
	.landing_cost{margin-bottom: 130px;}
		.shop_price_container .landing_cost h2{
			font-size: 24px;
			line-height: 28px;
			margin-bottom: 42px;
			padding-right: 70px;
		}
			.landing_cost h2 span{right: -10px;}
		.landing_cost p{
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 20px;
		}
		.landing_cost p:last-child{margin-bottom: 0;}
		.landing_cost p em{
			font-size: 35px;
			line-height: 20px;
		}
	.landing_order{text-align: center;}
		.landing_order p{
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 32px;
			text-align: left;
		}
		.landing_order .btn{width: 210px;}
	.included_block{
		font-size: 14px;
		line-height: 20px;
		min-height: 1px;
		padding: 30px;
		width: 100%;
	}
	.store_promo .btn.white {
    margin-top: auto;
    margin-bottom: 20px;
}
.development_speed_grid{
	grid-template-areas:
	"a a"
	"b b"
	"c c"
	"d d"
	"e e";
}
}/* END 768px */
@media only screen and (max-width: 480px){
.bottom_links_download.flexbox{
	align-items: center;
	flex-direction: column;
	justify-content: flex-start;
}
	.bottom_links_download a:first-child{margin-bottom: 26px;}
	.landing_cost{margin-bottom: 94px;}
.development_speed_block,.order_now{
	padding-left: 15px;
	padding-right: 15px;
}
}/* END 480px */

@media only screen and (max-width: 568px){
	.flexbox .steps_img {
    min-height: auto;
}
	.our_soft_block {
		padding-left: 25px;
	}
	.our_soft_block span {
		position: static;
	}
}

/*@media only screen and (max-height: 780px) {
.store_promo{
height: calc(100vh - 70px);
	}
}*/
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/online.store.advantages/style.css?1715067573171*/
.about_projects.flexbox {
    justify-content: space-between;
    margin: 0 -10px;
}
.about_projects_block {
    width: auto;
    flex: 1 1 31%;
    margin: 0 10px 20px;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/form.result.new/online.store.consult/style.css?1715067573837*/
.dos-consult-form {
    display: flex;
    flex-wrap: wrap;
}
.dos-consult-form .fld_text {
    flex: 1 0 50%;
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
}
.dos-consult-form .fld.form-block {
    flex: 1 0 48%;
    margin-right: 0;
    max-width: 48%;
}

@media only screen and (max-width: 768px) {
    .dos-consult-form {
        flex-direction: column;
        align-items: stretch;
    }
    .dos-consult-form .fld_text {
        flex: 1 0 100%;
        flex-direction: column;
        order: 1;
    }
    .dos-consult-form .fld.form-block {
        max-width: 100%;
    }
    .order_shop_form .hunter_lids .dos-consult-form input[type="submit"].btn {
        margin-top: 10px;
        order: 3;
    }
    .dos-consult-form .agreement:not(.mob) {
        display: block;
        order: 2;
    }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/online.store.steps/style.css?1715067573118*/
.steps_img {
    min-height: 496px;
}

@media (max-width: 568px) {
    .steps_img {
        min-height: 280px;
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/online.store.bitrix/style.css?1715067573423*/
.our_soft_block {
    position: relative;
    background-color: #f7f8f8;
}
.our_soft_block__icon {
    position: absolute;
    top: 49px;
    left: 65px;
}
.our_soft_block__icon svg {
    width: auto;
    height: 72px;
}

@media only screen and (max-width: 960px) {
    .our_soft_block__icon {
        left: 24px;
        top: 30px;
    }

    .our_soft_block__icon svg {
        width: auto;
        height: 72px;
    }
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/service-website-project/style.css?17150675733872*/
.our_works_container{
    background: url(/local/templates/.default/img/our_works_container.png) center no-repeat;
    background-size: cover;
    padding: 110px 0 100px;
}
.our_works_title{
    color: #222C6D;
    font-family: 'Roboto', sans-serif;
    font-size: 56px;
    font-weight: 300;
    line-height: 46px;
    margin-bottom: 60px;
}
.razrabotka-b2b-kabineta .our_works_container{
    background: none;
    padding: 0;
}
.razrabotka-b2b-kabineta .our_works_title{color: #000;}
.our_works_block{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    box-sizing: border-box;
    height: 310px;
    margin-bottom: 60px;
    overflow: hidden;
    position: relative;
    width: calc(33.33% - 20px);
}
.our_works_block:before{
    background: linear-gradient(180deg, rgba(18, 19, 21, 0.8) 0%, rgba(0, 0, 0, 0.536) 100%);
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    transform: matrix(1, 0, 0, -1, 0, 0);
    transition: all 0.2s linear;
    width: 100%;
    z-index: 9;
}
.our_works_block:hover:before{opacity: 1;}
.our_works_block_content{
    align-items: center;
    bottom: -134px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: 0 60px 32px;
    position: absolute;
    transition: all 0.2s linear;
    width: 100%;
    z-index: 99;
}
.our_works_block:hover .our_works_block_content{bottom: 0;}
.our_works_block_content p{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 8px;
    text-align: center;
}
.our_works_block_content span{
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 39px;
    text-align: center;
}
.our_works_block_content .btn{
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.our_works_block_content ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -24px;
    width: calc(100% + 48px);
}
.our_works_block_content ul li{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    list-style: none;
    padding: 0 24px;
    position: relative;
}
.our_works_block_content ul li:not(:first-child):before{
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -3px;
    margin: 0;
    position: absolute;
    top: 6px;
    width: 6px;
}
.our_works_block_content ul li:first-child:before{display: none;}
.more_our_works{
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600;
    height: 50px;
    line-height: 25px;
    margin-left: auto;
    padding-top: 13px;
    width: calc(33.33% - 20px);
}
.stages_container .our_works_title{margin-bottom: 102px;}

@media only screen and (max-width: 1150px){
    .our_works_container .flexbox{align-items: flex-end;}
    .our_works_block{
        margin-bottom: 30px;
        width: calc(50% - 15px);
    }
    .more_our_works{margin-bottom: 30px;}
}
@media only screen and (max-width: 960px){
    .our_works_title{
        font-size: 46px;
        line-height: 36px;
    }
    .our_works_container{padding: 40px 0;}
    .stages_container .our_works_title{margin-bottom: 50px;}
}
@media only screen and (max-width: 768px){
    .our_works_container .flexbox{align-items: flex-start;}
    .our_works_block{width: 100%;}
    .more_our_works{
        margin-right: auto;
        width: 290px;
    }
}
@media only screen and (max-width: 480px){
    .our_works_title{
        font-size: 32px;
        line-height: 36px;
    }
    .our_works_block_content{bottom: -154px;}
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/online.store.additional/style.css?1715067573141*/
.additional_services_block {
    background: #f7f8f8;
    padding-top: 50px;
}
.additional_services_block__icon {
    margin-bottom: 20px;
}

/* End */
/* /local/templates/.default/css/services-web.css?171506757210717 */
/* /local/templates/.default/css/online-store.css?171506757221599 */
/* /local/templates/.default/components/bitrix/news.list/online.store.advantages/style.css?1715067573171 */
/* /local/templates/.default/components/bitrix/form.result.new/online.store.consult/style.css?1715067573837 */
/* /local/templates/.default/components/bitrix/news.list/online.store.steps/style.css?1715067573118 */
/* /local/templates/.default/components/bitrix/news.list/online.store.bitrix/style.css?1715067573423 */
/* /local/templates/.default/components/bitrix/news.list/service-website-project/style.css?17150675733872 */
/* /local/templates/.default/components/bitrix/news.list/online.store.additional/style.css?1715067573141 */