@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic-ext);

.hlp-site {
	font-family: Roboto;
	font-weight: 300;
}

.hlp-nav-panel-mobile {
	width: 240px;
	background-color: rgb(50,50,50);
}

.hlp-nav-mobile {
	margin-top: 8%;
}

.section-1 {
	position: relative;
	z-index: 100;
	background-color: rgba(66, 66, 66, 1);
}

.hlp-site .header {
	position: relative;
	z-index: 100;
	margin-bottom: 0px;
	background-color: rgba(33, 150, 243, 1);
}

.hlp-site .header > .hlp-section-content {
	padding-top: 1px;
	padding-bottom: 1px;
}

.row-1 {
	width: 100%;
	margin-top: 5px;
	margin-bottom: -25px;
}

.row-1 > .hlp-col {
	margin-bottom: 0px;
}

.image-1 {
	width: 80px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.nav-1 {
	width: 435px;
	margin-top: 20px;
	margin-left: 412px;
}

.nav-1 .hlp-nav-item {
	margin-left: 15px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	background-color: transparent;
	border-radius: 3px;
}

.hlp-nav-button-mobile {
	display: none;
	width: 37px;
}

.section-2 {
	width: 100%;
	color: rgb(255, 255, 255);
	background-color: rgba(33, 150, 243, 1);
}

.section-2 > .hlp-section-content {
	padding-top: 1px;
	padding-bottom: 1px;
}

.row-2 {
	width: 100%;
	margin-top: 0px;
}

.row-2 > .hlp-col {
	margin-bottom: 0px;
}

.image-2 {
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
}

.heading-1 {
	width: 100%;
	margin-top: 150px;
	text-align: right;
	font-size: 50px;
	font-size: 3.13rem;
	font-weight: 100;
	color: rgb(255, 255, 255);
}

.heading-2 {
	width: 100%;
	margin-top: 100px;
	text-align: right;
	font-size: 30px;
	font-size: 1.88rem;
	font-weight: 300;
	color: rgb(255, 255, 255);
}

.section-3 {
	width: 100%;
}

.section-3 > .hlp-section-content {
	padding-top: 45px;
}

.heading-3 {
	width: 100%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 100;
	color: rgb(33, 150, 243);
}

.form-1 {
	width: 100%;
	margin-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0px;
	box-shadow: transparent 0px 0px 0px 0px;
}

.form-1 .input {
	width: 90%;
	margin-top: 9px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	font-size: 20px;
	font-family: Roboto;
	font-weight: 300;
	color: rgb(33, 150, 243);
	background-color: transparent;
	border: 1px solid rgba(33, 150, 243, 1);
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	box-shadow: transparent 0px 0px 0px 0px;
}

.form-1 .input::-webkit-input-placeholder {color: rgba(33, 150, 243, 1);}
.form-1 .input::-moz-placeholder {color: rgba(33, 150, 243, 1);}
.form-1 .input:-moz-placeholder {color: rgba(33, 150, 243, 1);}
.form-1 .input:-ms-input-placeholder {color: rgba(33, 150, 243, 1);}

.form-1 .submit {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 20px;
	font-size: 1.25rem;
	font-family: Roboto;
	font-weight: 300;
	color: rgb(255, 255, 255);
	background-color: rgba(33, 150, 243, 1);
	border-radius: 5px;
}

.section-4 {
	width: 100%;
	color: rgb(255, 255, 255);
	background-size: 25%;
	background-attachment: scroll;
	background-color: rgba(63, 81, 181, 1);
	border: 1px solid rgba(63, 81, 181, 1);
	box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px inset;
	background-image: url(../images/7662/block_3_phone.png);
	background-position: 80% 50%;
	background-repeat: no-repeat;
}

.section-4 > .hlp-section-content {
	min-height: 50px;
	padding-top: 80px;
	padding-bottom: 80px;
}

.block-2 {
	width: 57%;
	margin-top: 0px;
}

.heading-4 {
	width: 100%;
	padding-right: 0px;
	text-align: right;
	font-size: 40px;
	font-size: 2.5rem;
	font-weight: 300;
}

.text-1 {
	width: 100%;
	margin-top: 40px;
	text-align: right;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 100;
}

.section-5 {
	width: 100%;
	background-size: 25%;
	background-image: url(../images/7662/block_4_phone.png);
	background-position: 10% 50%;
}

.section-5 > .hlp-section-content {
	padding-top: 80px;
	padding-bottom: 80px;
}

.block-3 {
	width: 65%;
	margin-top: 0px;
	margin-left: 350px;
}

.heading-5 {
	width: 100%;
	margin-top: 0px;
	padding-left: 0px;
	text-align: left;
	font-size: 40px;
	font-size: 2.5rem;
	font-weight: 300;
	color: rgb(33, 150, 243);
}

.text-2 {
	width: 100%;
	margin-top: 40px;
	text-align: left;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 100;
	color: rgb(33, 150, 243);
}

.section-6 {
	width: 100%;
	background-size: 25%;
	background-color: rgba(33, 150, 243, 1);
	background-image: url(../images/7662/block_5_phone.png);
	background-position: 90% 50%;
}

.section-6 > .hlp-section-content {
	padding-top: 80px;
	padding-bottom: 80px;
}

.block-4 {
	width: 65%;
}

.heading-6 {
	width: 100%;
	text-align: right;
	font-weight: 300;
	color: rgb(255, 255, 255);
}

.text-3 {
	width: 100%;
	margin-top: 40px;
	text-align: right;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 100;
	color: rgb(255, 255, 255);
}

.hlp-site .stat {
	background-size: 20%;
	background-image: url(../images/7662/block_6_phone.png);
	background-position: 10% 50%;
}

.hlp-site .light-form {
	color: rgb(255, 255, 255);
	background-color: rgba(33, 150, 243, 1);
	border-color: rgba(255, 255, 255, 1);
}

.hlp-site .light-form::-webkit-input-placeholder {color: rgba(255, 255, 255, 1);}
.hlp-site .light-form::-moz-placeholder {color: rgba(255, 255, 255, 1);}
.hlp-site .light-form:-moz-placeholder {color: rgba(255, 255, 255, 1);}
.hlp-site .light-form:-ms-input-placeholder {color: rgba(255, 255, 255, 1);}

.hlp-site .light-input[class] {
	color: rgb(255, 255, 255);
	border-color: rgba(255, 255, 255, 1);
}

.hlp-site .light-input[class]::-webkit-input-placeholder {color: rgba(255, 255, 255, 1);}
.hlp-site .light-input[class]::-moz-placeholder {color: rgba(255, 255, 255, 1);}
.hlp-site .light-input[class]:-moz-placeholder {color: rgba(255, 255, 255, 1);}
.hlp-site .light-input[class]:-ms-input-placeholder {color: rgba(255, 255, 255, 1);}

.hlp-site .light-submit[class] {
	color: rgb(33, 150, 243);
	background-color: rgba(255, 255, 255, 1);
}

.hlp-privacy-policy {
	background-color: rgba(66, 66, 66, 1);
}

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {

	.hlp-site {
		color: rgb(255, 255, 255);
	}

	.hlp-nav-panel-mobile {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		color: rgb(33, 150, 243);
		background-color: rgba(255, 255, 255, 1);
		border-color: rgba(33, 150, 243, 1);
		border-width: 1px;
		border-right-style: none;
	}

	.hlp-nav-mobile > .hlp-nav-item-mobile {
		margin-top: 10px;
		font-size: 25px;
		font-size: 1.56rem;
		color: rgb(33, 150, 243);
		border-width: 4px;
		border-bottom-style: none;
	}

	.nav-1 {
		display: none;
	}

	.hlp-nav-button-mobile {
		display: block;
		margin-top: 20px;
		margin-left: auto;
		margin-right: 0px;
		background-color: transparent;
	}

	.image-2 {
		margin-top: 30px;
	}

	.heading-1 {
		margin-top: 70px;
	}

	.heading-2 {
		margin-top: 100px;
		font-size: 26px;
		font-size: 1.63rem;
	}

	.section-4 {
		background-attachment: scroll;
		background-position: 88% 68%;
	}

	.heading-4 {
		width: 100%;
		margin-left: 0px;
	}

	.block-3 {
		width: 65%;
		margin-top: 0px;
		margin-left: auto;
		margin-right: 0px;
	}

	.heading-5 {
		width: 100%;
	}

}

@media screen and (max-width: 799px), screen and (max-device-width: 799px) {

	.image-1 {
		margin-left: 0px;
	}

	.image-2 {
		width: 100%;
		margin-top: 45px;
		margin-left: auto;
		margin-right: auto;
	}

	.heading-1 {
		margin-top: 65px;
		font-size: 40px;
		font-size: 2.5rem;
	}

	.heading-2 {
		margin-top: 80px;
		font-size: 22px;
		font-size: 1.38rem;
	}

	.section-3 > .hlp-section-content {
		padding-top: 35px;
		padding-bottom: 35px;
	}

	.form-1 .input {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.form-1 .submit {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.heading-4 {
		font-weight: 300;
	}

	.text-1 {
		font-weight: 100;
	}

	.block-3 {
		width: 65%;
		margin-left: auto;
		margin-right: 0px;
	}

	.heading-5 {
		font-size: 35px;
		font-size: 2.19rem;
		font-weight: 300;
	}

	.text-2 {
		font-weight: 100;
	}

	.hlp-site .stat {
		background-size: 30%;
		background-position: 5% 50%;
	}

}

@media screen and (max-width: 599px), screen and (max-device-width: 599px) {

	.image-2 {
		width: 90%;
		margin-top: 0px;
	}

	.heading-1 {
		margin-top: 20px;
		text-align: center;
		font-size: 44px;
		font-size: 2.75rem;
	}

	.heading-2 {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: center;
		font-size: 24px;
		font-size: 1.5rem;
	}

	.heading-3 {
		font-size: 30px;
		font-size: 1.88rem;
	}

	.form-1 .submit {
		margin-bottom: 0px;
		padding-bottom: 10px;
	}

	.section-4 {
		background-size: 40%;
		background-position: 97% 50%;
	}

	.section-4 > .hlp-section-content {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.text-1 {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.section-5 {
		background-size: 40%;
		background-position: 3% 50%;
	}

	.section-5 > .hlp-section-content {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.block-3 {
		width: 65%;
		margin-left: auto;
		margin-right: 0px;
	}

	.text-2 {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.section-6 {
		background-size: 30%;
		background-position: 97% 50%;
	}

	.text-3 {
		font-size: 20px;
		font-size: 1.25rem;
	}

}

@media screen and (max-width: 429px), screen and (max-device-width: 429px) {

	.heading-1 {
		font-size: 28px;
		font-size: 1.75rem;
	}

	.heading-2 {
		text-align: center;
		font-size: 19px;
		font-size: 1.19rem;
	}

	.heading-3 {
		font-size: 28px;
		font-size: 1.75rem;
	}

	.section-4 {
		background-size: 80%;
		background-position: center top;
	}

	.block-2 {
		width: 100%;
		margin-top: 420px;
	}

	.heading-4 {
		text-align: center;
	}

	.text-1 {
		text-align: left;
	}

	.section-5 {
		background-size: 80%;
		background-position: center top;
	}

	.block-3 {
		width: 98%;
		margin-top: 500px;
		margin-left: 0px;
		background-position: center top;
	}

	.heading-5 {
		text-align: center;
	}

	.text-2 {
		width: 100%;
		margin-left: 0px;
	}

	.section-6 {
		background-size: 80%;
		background-position: center top;
	}

	.section-6 > .hlp-section-content {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.block-4 {
		width: 100%;
		margin-top: 350px;
	}

	.heading-6 {
		text-align: center;
	}

	.text-3 {
		width: 100%;
		text-align: left;
	}

	.hlp-site .stat {
		background-size: 80%;
		background-position: center top;
	}

}