@font-face {
	font-family: 'Inter';
	font-display: auto;
	src: url('fonts/Inter-Regular.eot');
	src: url('fonts/Inter-Regular.eot') format('embedded-opentype'), url('fonts/Inter-Regular.woff') format('woff'), url('fonts/Inter-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	font-display: auto;
	src: url('fonts/Inter-Bold.eot');
	src: url('fonts/Inter-Bold.eot') format('embedded-opentype'), url('fonts/Inter-Bold.woff') format('woff'), url('fonts/Inter-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	font-display: auto;
	src: url('fonts/Inter-SemiBold.eot');
	src: url('fonts/Inter-SemiBold.eot') format('embedded-opentype'), url('fonts/Inter-SemiBold.woff') format('woff'), url('fonts/Inter-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

body {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 144%;
	color: #3F4C5A;
	background: #fff;
	overflow-x: hidden;

}

p {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 144%;
	color: #3F4C5A;
}


@media (min-width: 1400px) {
	.container {
		max-width: 1440px;
		position: relative;
	}
}

.nav-logo {
	width: 75px;
	height: 27px;
}

nav button {
	width: auto;
	height: auto;
}

.screen1 {
	background: url(../img/screen1.svg) no-repeat;
	background-size: cover;
	width: 100%;
	padding-bottom: 64px;


}

.screen1 .container {
	position: relative;
	padding-top: 10px;

}

h1,
h2 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: bold;
	font-size: 65px;
	line-height: 129%;
	color: #FFFFFF;
}

.logo {
	position: absolute;
	right: 65px;
	top: 65px;

}

.version {
	position: absolute;
	right: 376px;
	top: 75px;



	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 144%;
	/* identical to box height, or 35px */
	text-align: center;
	text-decoration-line: underline;

	color: #FFFFFF;


}

.version:hover {
	text-decoration-line: none;

	color: #FFFFFF;
}

.row img {
	width: 100%;
}

.decision {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 144%;

	color: #FFFFFF;


}

.mt-1 {
	margin-top: 32px;
}

.mt-2 {
	margin-top: 57px;
}

.mt-3 {
	margin-top: 64px;
}

.mt-5 {
	margin-top: 40px;
}

.service {
	display: inline-block;
	vertical-align: top;
	width: 38%;

	margin-right: 50px;
}

.ss {
	width: 100%;
	margin-right: 0;
}

.service img {
	width: 50px;
}

.service img.mob {
	width: 24px;
}

.service p {
	color: #fff;
	width: 20%;
	margin-top: 24px;

}

.screen2 {
	background: url(../img/screen2.png) no-repeat;
	background-size: cover;
	width: 100%;
	padding: 106px 0 85px 0;
}

h2 {
	color: #516885;


}

.dispetcher {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 144%;
	/* identical to box height, or 35px */

	color: #3F4C5A;
	margin-bottom: 32px;


}

.phone1 img {
	width: 72%;
	margin-bottom: 32px;
}

.screen3 {
	background: url(../img/screen2.svg) no-repeat;
	background-size: cover;
	width: 100%;
	padding: 106px 0 10px 0;
}

.pr {
	position: relative;
	z-index: 2;
}

.mt-3 img {
	width: 97%;
}

.polosa {
	background: url(../img/polosa.svg) no-repeat;
	background-size: contain;
	width: 100%;
	height: 200px;
	x: 1;
	position: absolute;
	margin-top: -357px;
}

.screen4 {
	background: url(../img/screen4.svg) no-repeat;
	background-size: cover;
	width: 100%;
	padding: 106px 0 64px 0;
}

.new {
	/* Presentation/ Subtitle */
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 54px;
	line-height: 145%;
	/* or 78px */

	color: #3F4C5A;
	margin: 64px 0 32px 0;

}

.engineer {
	/* Presentation/ Body */
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 144%;
	/* or 52px */

	color: #3F4C5A;


}

.screen5 {
	background: url(../img/screen5.svg) no-repeat;
	background-size: cover;
	width: 100%;
	padding: 106px 0 64px 0;
}

.white {
	color: #fff;
}

.mt-4 {
	margin-top: 208px;
}

.mt-44 {
	margin-top: 258px;
}

.radius {
	background: url(../img/radius.png) no-repeat;
	width: 194px;
	height: 275px;
	position: absolute;
	top: 44px;
	left: 313px;
}

.screen6 {
	background: url(../img/screen6.png) no-repeat;
	background-size: cover;
	width: 100%;
	padding: 106px 0 64px 0;
}

.minimum {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 54px;
	line-height: 145%;

	color: #3F4C5A;
	margin: 64px 0 44px 0;
}

.system {

	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 144%;
	/* or 52px */

	color: #3F4C5A;
	margin: 0 0 64px 100px;


}

.radius1 {
	background: url(../img/radius1.png) no-repeat;
	width: 112px;
	height: 296px;
	position: absolute;
	top: 341px;
	left: -8px;
}

.top {
	top: 290px;
}

.screen6 img {
	width: 100%;
}

.screen7 {
	background: url(../img/screen7.png) no-repeat;
	background-size: cover;
	width: 100%;
	padding: 106px 0 64px 0;
}

.screen8 {
	background: url(../img/screen8.png) no-repeat;
	background-size: cover;
	width: 100%;
	padding: 106px 0 64px 0;
}

.command {
	display: flex;
	justify-content: center;
	align-content: space-between;
	margin-top: 35px;
}

.photo {
	border-radius: 175px;
	-webkit-border-radius: 175px;
	-moz-border-radius: 175px;

}

.degree {

	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 144%;
	/* or 20px */
	letter-spacing: 0.06em;
	text-transform: uppercase;

	color: #3F4C5A;

	opacity: 0.6;
	margin-top: 20px;

}

.fio {
	margin: 11px 0 22px 0;
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 144%;
	/* identical to box height, or 29px */

	color: #152131;


}

.member {
	width: 20%;
}

.member p {
	width: 94%;
	font-size: 18px;
}

.screen9 {
	background: url(../img/screen9.png) no-repeat;
	background-size: cover;
	width: 100%;
	border-top: 55px solid transparent;
	margin-top: -55px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

form {
	/*
	padding-top:108px;
*/

}

.form-control {
	background: #fff;
	border-radius: 8px;
	height: 76px;

	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 144%;
	/* identical to box height, or 35px */

	color: #152131;
	margin-bottom: 32px;






}

form input:placeholder {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 144%;
	/* identical to box height, or 35px */

	color: #152131;

	opacity: 0.5;


}

button {
	height: 93px;
	width: 100%;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	background: #2D7FE9;
	border: none;


	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 144%;
	/* identical to box height, or 52px */

	color: #FFFFFF;





}

.contacts {
	background: url(../img/contacts.png) no-repeat;
	height: 850px;
	padding-top: 106px;
}

footer {
	background: #3F4C5A;
	padding: 64px 0;

}

.title {

	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 144%;
	/* identical to box height, or 35px */
	letter-spacing: 0.08em;
	text-transform: uppercase;

	color: #72859B;

	opacity: 0.7;
	margin-bottom: 16px;


}

address,
footer a {
	/* Presentation/ Caption */
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 144%;
	/* or 35px */

	color: #FFFFFF;
	text-decoration: none;



}

footer a:hover,
footer a:active,
footer a:visited,
footer a:focus {
	color: #FFFFFF;
	text-decoration: none;

}

.screen10 {
	background: url(../img/screen1.svg) no-repeat;
	background-size: cover;
	width: 100%;
	padding-top: 112px;
	padding-bottom: 25px;
}

.logo1 {
	position: absolute;
	right: 65px;
	top: -70px;
}

.screen10 h2 {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 81px;
	line-height: 129%;
	color: #FFFFFF;
}

.tarif {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 54px;
	line-height: 145%;
	/* or 78px */

	color: #FFFFFF;
	margin-top: 38px;


}

.po {

	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 144%;
	/* or 52px */

	color: #F9F9F9;
	margin-top: 21px;


}

.price-month {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 18px;
	/* or 50% */


	color: #FFFFFF;


}

.month {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: url('../img/strela.png') no-repeat 95% center #2ECC71;
	border: 2px solid #FFFFFF;
	box-shadow: 3px 4px 2px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	outline: 0;
	width: 347px;
	height: 61px;
	text-align: center;
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 25px;
	line-height: 25px;
	color: #ffffff;
	padding-left: 20px;


}

.prices {
	text-align: center;
	/*width:116%;*/
	margin-top: 18px;


}

.price {
	background: url('../img/plashka.png') no-repeat left;
	height: 407px;
	width: 270px;
	position: relative;
	background-size: contain;
	padding-top: 2px;
	margin: 0 auto;

}

.price .title1 {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 31px;
	/* or 103% */

	color: #000000;
	margin-top: 52px;


}

.price .value {

	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;


	color: #0055B2;
	padding: 70px 0;


}

.price ul {
	padding-left: 51px;
	padding-top: 30px;
}

.price ul li {

	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;

	color: #0055B2;
	text-align: left;



}

.buy {
	background: linear-gradient(11.41deg, #7EF192 0%, #2DC897 94.65%);
	border: 1px solid #FFFFFF;
	box-shadow: 0px 4px 16px -4px #76ED92;
	border-radius: 19px;
	width: 202px;
	height: 46px;
	display: block;
	position: absolute;
	bottom: 50px;
	left: 34px;
	font-family: Inter;
	font-weight: bold;
	font-size: 18px;
	line-height: 41px;
	color: #fff;
	text-transform: uppercase;
}

.buy:hover,
.buy:active,
.buy:visited {
	color: #fff;
	text-decoration: none;

}

.header-buy {
	position: relative;
	top: 0;
	text-align: center;
	display: block;
	width: 70% !important;
	margin: 0 auto;
	left: 15px !important;
}

.small {
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 18px;
	clear: both;
	padding: 30px 30px 0;
	color: #FFFFFF;
}

.plus50 {
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 31px;
	/* identical to box height, or 172% */

	color: #000000;


}

#prob .value {
	padding-top: 25px;
}

.bonus {
	background: url('../img/bonus.png') no-repeat center;
	height: 444px;
	/*width:117%;*/
	background-size: contain;
	position: relative;
	margin-top: 30px;
	margin-left: -15px;
	font-size: 20px;


}

.labels {
	position: absolute;
	width: 0;
	height: 0;

	border-top: 120px solid #E74C3C;
	border-right: 120px solid transparent;


	top: 40px;
	left: 15px;
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 13px;



}

.labels span {
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 13px;
	transform: matrix(0.7, -0.71, 0.73, 0.7, 0, 0);
	position: absolute;
	top: -82px;
	left: 3px;
	text-transform: uppercase;
	color: #fff;




}

.august {
	padding: 120px 0 0 120px;

}

.august .titl {
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 43px;
	/* or 91% */

	color: #000000;


}

.august p {

	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 48px;
	color: #000000;
	margin-top: 27px;
	width: 92%;


}

.park {
	padding-top: 107px;

}

.parkovka {

	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-size: 48px;
	line-height: 56px;
	text-align: center;


	color: #FF3B30;


}

.parkovka.color {
	color: #3F4C5A;
	font-size: 32px;
}

.get {
	background: linear-gradient(41.54deg, #7EF192 0%, #2DC897 94.65%);
	border: 1px solid #FFFFFF;
	box-shadow: 0px 4px 16px -4px #76ED92;
	border-radius: 19px;

	display: block;
	width: 500px;
	height: 50px;
	font-family: Inter;
	font-style: normal;
	font-weight: 900;
	font-size: 30px;
	line-height: 48px;

	letter-spacing: 0.005em;

	color: #FFFFFF;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	margin-top: 30px;
	text-decoration: none;



}

.get:hover,
.get:active,
.get:visited {
	color: #FFFFFF;
	text-decoration: none;


}

.cookies a.btn {
	width: 50%;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	border: none;
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 144%;
	color: #fff;
	background: #2D7FE9;
}

.cookies {
	position: fixed;
	left: 0;
	width: 20%;
	border-top: 1px solid #bcbcbc;
	background-color: #fff;
	padding: 29px;
	z-index: 10011;
	line-height: 20px;

	bottom: 0;
}

.cookies p {
	line-height: 20px;
	font-size: 17px;
}

.cookies-close {
	position: absolute;
	top: 23px;
	right: 23px;
	width: 29px;
	height: 29px;
	border-radius: 100%;
	border: 0;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	cursor: pointer;
	outline: 0;
	z-index: 25;
	color: #000;
	font-size: 20px;
	text-align: center;
}

.pr {
	position: relative;

}

.cookies a {
	color: #01589f;
	text-decoration: none;
}

.cookies a:hover {
	text-decoration: underline;
}

.cookies a.agree:hover {
	text-decoration: none;
}

.cookies a.agree-en {
	width: 30%
}

@media (max-width: 1280px) {
	.service {
		margin-right: 30px;
	}

	.radius {
		display: none;
	}

	footer .row img {
		width: 300px;
	}

	.cookies {
		width: 75%;
	}


}

@media (max-width: 768px) {
	.command {
		display: block;
	}

	h1,
	h2 {
		font-size: 33px;
	}

	.logo {
		top: 35px;
		right: 15px;
		left: auto;
	}

	form {
		padding-bottom: 15px;

	}

	p {
		font-size: 20px;

	}

	.screen1 .container {
		padding-left: 15px;
		overflow: hidden;
	}

	.screen1 .container .version {
		left: 15px;
		right: auto;
		overflow: hidden;
	}

	.decision {
		margin-bottom: 15px;
	}

	.phone1 {
		text-align: center !important;
		margin-top: 15px;
	}

	.polosa {
		display: none;
	}

	.new,
	.engineer,
	.minimum,
	.minimum {
		font-size: 30px;
	}

	.system {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.minimum {
		margin: 15px 0;
	}

	.engineer {
		margin-bottom: 15px;
	}

	.system {
		margin-left: 0;
	}

	.radius,
	.radius1 {
		display: none;
	}

	.mt-4,
	.mt-3 {
		margin-top: 15px;
	}

	.screen1,
	.screen2,
	.screen3,
	.screen4,
	.screen5,
	.screen6,
	.screen7,
	.screen8 {
		padding: 15px 0;
	}

	.screen9 {
		padding-top: 0;
	}

	.contacts {
		padding: 15px;
		height: 100%;
	}

	.mt-3 .col-xs-12
	{
	margin-top: 15px;}
}

.member {
	width: 100%;
	display: block;
	margin: 0 auto;

}

.photo {
	display: block;
	margin: 0 auto;

}

.member {
	margin-bottom: 15px;

}

footer .col-xs-12 {
	margin-bottom: 15px;
}

.phone1 img {
	width: 100%;
	margin: 0 auto;
	dispaly: block;
}

button {
	font-size: 30px;

}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-1-5 {
	width: 20%;
	float: left;
}

#form label,
#form-en label {
	color: #3F4C5A;
	font-weight: normal;
}

#form input[type="checkbox"],
#form-en input[type="checkbox"] {
	transform: scale(1.7);
	margin-right: 5px;
}

#form button:disabled,
#form-en button:disabled {
	opacity: .35;
}

.service p {
	color:#000;
}
.scr1 strong{
	color: #4F4B86;
}
@media (max-width: 1600px) {

	/*.prices, */
	.bonus {
		/*width: 110%;*/
	}

	.labels {
		top: 40px;
		left: 15px;
	}

	.cookies {
		width: 55%;
	}
}

@media (min-width: 1400px) {
	.col-lg-1-5 {
		width: 20%;
		float: left;
	}
}


@media (max-width: 1399px) {
	.col-lg-1-5 {
		width: 18%;
		float: left;
	}

	.price {
		width: 242px;
	}

	.buy {
		width: 175px;
		height: 46px;
		bottom: 71px;
	}

	.price ul li {
		font-size: 14px;
		line-height: 21px;
	}

	.bonus {
		width: 100%;
	}

	.labels {
		top: 44px;
		left: 14px;
	}
}


@media (max-width: 1200px) {
	.col-md-1-5 {
		width: 50%;
		float: left;
	}

	.screen10 h2 {
		font-size: 48px;
	}

	.tarif {
		font-size: 30px;


	}

	.po {
		font-size: 30px;
	}

	.price-month {
		font-size: 34px;
		line-height: 46px;

	}

	.row .col-md-1-5:last-child {
		width: 100%;
	}

	.row .col-md-1-5:last-child .price {
		margin: 0 auto;
	}

	.col-md-1-5:nth-child(2n) .price {
		float: right;

	}

	.prices {
		width: 106%;
	}

	.bonus {
		background: url(../img/bonus_planshet.png) no-repeat center;
		width: 652px;
		margin: 0 auto;

	}

	.bonus ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.added ul {
		margin: 0 auto;
		list-style: none;
		padding: 0;
	}

	.added .park {
		padding-top: 10px;
		margin-top: 0;
	}

	.labels {
		top: 12px;
		left: 16px;
		border-top: 80px solid #E74C3C;
		border-right: 80px solid transparent;
	}

	.labels span {
		top: -58px;
		left: 3px;
		font-size: 14px;
		line-height: 13px;
	}

	.park {
		padding-top: 10px;
		margin-top: 0;
	}

	.august {
		padding: 60px 20px 0 20px;
		text-align: center;
	}

	.august .titl {
		font-size: 24px;
		line-height: 13px;
		text-align: center;
		width: 100%;
	}

	.august p {
		width: 100%;
		text-align: center;
		margin: 30px auto;
		font-size: 36px;
	}

	.parkovka {
		font-size: 36px;
		line-height: 34px;


	}

	.get {
		width: 372px;
		font-size: 24px;
		line-height: 47px;
		margin-top: 20px;
	}

	.buy {
		left: 38px;
	}

	.month,
	.month option {
		font-size: 24px;
		margin-top: 25px;
		width: 320px;

	}

	.screen10 {
		padding-top: 40px;
	}

	.member p {
		font-size: 16px;



	}


}

@media (max-width: 767px) {
	.bonus {
		width: 320px;
		background: url(../img/bonus_mobile.png) no-repeat top center;
		background-size: contain;
		margin-top: 45px;
		line-height: 100%;
	}

	.bonus ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.bonus .titl {
		margin-bottom: 6px;
		margin-top: 6px;
	}

	.bonus .park {
		margin-top: 0px;
	}

	.get {
		width: 200px;
		font-size: 14px;
		line-height: 36px;
		height: 40px;
	}

	.col-xs-12 {
		width: 100%;
		float: none;

	}

	.price {
		margin: 0 auto;

	}

	.col-md-1-5:nth-child(2n) .price {
		float: none;
	}

	.small {
		text-align: center;
		font-size: 11px;
	}

	.added {
		height: 320px;
	}

	.added ul {
		margin: 0 auto;
		list-style: none;
		font-size: 14px;
		line-height: 20px;
		width: 95%;
		padding: 0;
	}

	.august p {
		font-size: 18px;
		line-height: 28px;
	}

	.parkovka {
		font-size: 24px;
		line-height: 35px;
	}

	.eng .parkovka {
		line-height: 24px;
	}

	.eng .park {
		margin-top: -35px;
	}

	.eng .get {
		margin-top: 10px;
	}

	.labels {
		top: 10px;
		left: 13px;
		border-top: 60px solid #E74C3C;
		border-right: 60px solid transparent;
	}

	.labels span {
		top: -45px;
		left: -2px;
	}

	.august {
		padding: 40px 20px 0 20px;
		text-align: center;
		font-size: 14px;
	}

	.degree,
	.fio {
		text-align: center
	}

	.cookies {
		width: 100%;
	}


}