*{
	position: relative;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	text-decoration: none;
}
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
body{
	background-image: url(../images/mainBackground.png);
	display: flex;
	align-items: center;
	flex-direction: column;
}
.topBlockWrapper{
	background-image: url(../images/topBlockBackgroundImage.png);
	width:100%;
	max-width: 1920px;
	background-repeat: no-repeat;
	background-position-x:873px;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 802px;
}
.fixedHeaderLine{
	width: 100%;
	background: rgba(255, 255, 255,1);
	position: fixed;
	height: 100px;
	display: none;
	z-index: 50;
	box-shadow: 0px 3px 7.29px 1.71px rgba(82, 83, 86, 0.15);
}
.topBlock{
	width: 100%;
	max-width: 1174px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.topBlock .menuWrapper{
	width:100vw;
	height: 100vh;
	position: fixed;
	z-index: 30;
	display: none
}
.topBlock .topLine{
	width: 100%;
	max-width: 1174px;
	display: flex;
	justify-content: space-between;
	margin-top: 28px;
	align-items: center;
	position: fixed;
	z-index: 51;
}
.topBlock .topLine .logo{
	width: 172px;
  	height: 45px;
}
.topBlock .topLine .logo img{
	width: 100%;
	height: auto;
}
.topBlock .topLine .menu-hnav-container{
	width: 100%;
	max-width: 780px;
	display: flex;
}
.topBlock .topLine .menu{
	list-style: none;
	display: flex;
	justify-content: space-evenly;
	width: 100%;
	max-width: 780px;
}
.topBlock .topLine .menu li a{
	font-size: 22px;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(81, 81, 81);
	line-height: 1.2;
}
.topBlock .topLine .callButton{
	width: 205px;
	height: 62px;
	background-color: rgb(166, 188, 25);
	box-shadow: 0px 3px 7.29px 1.71px rgba(82, 83, 86, 0.15);
	border-radius: 100px;
	align-items: center;
	justify-content: center;
	display: flex;
}
.topBlock .topLine .callButton a{
	font-size: 17px;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(255, 255, 255);
	line-height: 1.2;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.topBlock .topLine .callButton a img{
	margin-right: 5px;
}
.topBlock .topLine .callButton .closeMenu{
	display: none;
	cursor: pointer;
}
.topBlock .content{
	margin-top: 125px;
	max-width: 530px;
	width:100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-height: 600px;
    overflow-y: scroll;
}
.topBlock .content{
  scrollbar-face-color: rgb(187, 204, 84);
  scrollbar-track-color: transparent;
}
.topBlock .content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.topBlock .content::-webkit-scrollbar-thumb {
  background: rgb(187, 204, 84);;
  border-radius: 5px;
}

.topBlock .content::-webkit-scrollbar-track {
  background: transparent;
}

.topBlock .content::-webkit-scrollbar {
  width: 15x;
  height: 5px;
}

.topBlock .content::-webkit-scrollbar-thumb {
  background: rgb(187, 204, 84); !important;
  border-radius: 5px;
}

.topBlock .content::-webkit-scrollbar-track {
  background: transparent !important;
}
.topBlock .content .decoration{
	max-width: 120px;
	width:100%;
}
.topBlock .content h2{
	font-size: 57px;
	font-family: "ProximaNova";
	color: rgb(24, 52, 80);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.228;
	margin-top: 15px;
    letter-spacing: 4px;
}
.topBlock .content p{
	font-size: 25px;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(94, 94, 94);
	line-height: 1.48;
	margin: 45px 0;
}
.topBlock .content ul{
	padding-left: 20px
}
.topBlock .content ul li{
	list-style: circle;
}
.topBlock .content ul li span{
    font-size: 22px;
    font-family: "Roboto", sans-serif, sans-serif;
    color: rgb(94, 94, 94);
    line-height: 1.48;
}
.topBlock .content .buttonGreen{
	background-color: rgb(166, 188, 25);
	width: 292px;
	min-height: 75px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.topBlock .content .buttonGreen p{
	font-size: 22px;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(255, 255, 255);
	line-height: 1.2;
	text-shadow: 0px 0px 8.01px rgba(82, 83, 86, 0.04);
	width:100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.topBlock .content .buttonGreen p img{
	margin-left: 5px;
	width: 35px;
	height: 10px;
}
.aboutUsBlockWrapper{
	background-image: url(../images/aboutUsBlockBackgroundImage.png);
	width:100%;
	max-width: 1920px;
	background-repeat: no-repeat;
	background-position-x:left;
	display: flex;
	justify-content: center;
	margin-top: -70px;
	height:1140px;
}
.aboutUsBlock{
	width: 100%;
	max-width: 1174px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.aboutUsBlock .content{
    max-width: 610px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 270px;
    max-height: 830px;
    overflow-y: scroll;
}
.aboutUsBlock .content{
  scrollbar-face-color: rgb(187, 204, 84);
  scrollbar-track-color: transparent;
}
.aboutUsBlock .content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.aboutUsBlock .content::-webkit-scrollbar-thumb {
  background: rgb(187, 204, 84);;
  border-radius: 5px;
}

.aboutUsBlock .content::-webkit-scrollbar-track {
  background: transparent;
}

.aboutUsBlock .content::-webkit-scrollbar {
  width: 15x;
  height: 5px;
}

.aboutUsBlock .content::-webkit-scrollbar-thumb {
  background: rgb(187, 204, 84); !important;
  border-radius: 5px;
}

.aboutUsBlock .content::-webkit-scrollbar-track {
  background: transparent !important;
}
.aboutUsBlock .content .decoration{
	max-width: 120px;
	width:100%;
}
.aboutUsBlock .content .decoration img{
	width: 100%;
	height:auto;
	display: inline-block;
}
.aboutUsBlock .content h2{
	font-size: 57px;
	letter-spacing: 4px;
	font-family: "ProximaNova";
	color: rgb(24, 52, 80);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.228;
	margin-top: 15px;
	margin-bottom: 56px;
}
.aboutUsBlock .content p{
	font-size: 25px;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(94, 94, 94);
	line-height: 1.48;
	max-width:606px;
	width:100%;
	margin-bottom: 55px;
}
.howItWorksBlockWrapper{
	width: 100%;
	max-width:1920px;
	display: flex;
	justify-content: center;
}
.howItWorksBlock{
	width: 100%;
	max-width: 1174px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.howItWorksBlock .content{
	max-width: 1174px;
	width:100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-top: 10px;
	margin-bottom: 80px;
}
.howItWorksBlock .content .decoration{
	max-width: 120px;
	width:100%;
}
.howItWorksBlock .content .decoration img{
	width: 100%;
	height:auto;
	display: inline-block;
}
.howItWorksBlock .content h2{
	font-size: 57px;
	font-family: "ProximaNova";
	color: rgb(24, 52, 80);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.228;
	margin-top: 15px;
	margin-bottom: 80px;
    letter-spacing: 4px;
}
.howItWorksBlock .content .howItWorksElementsBlock{
	display: flex;
	width:100%;
	max-width: 1174px;
	justify-content: space-between;
	flex-wrap: wrap;
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement{
	display: flex;
	max-width:300px;
	width: 100%;
	flex-direction: column;
	align-items: center;
	margin-bottom: 15px;
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .circleWrapper{
	right: 0px;
	transition: 1s linear;
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .image{
	max-width: 300px;
	width:100%;
	margin-bottom: 40px;
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .image img{
	width: 100%;
	height: auto;
	display: inline-block;
}	
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .circle{
	font-size: 36px;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(111, 111, 111);
	font-weight: bold;
	line-height: 1.028;
	text-align: center;
	border-radius: 50%;
	background-color: rgb(225, 228, 126);
	box-shadow: 0px 0px 4.85px 0.15px rgba(0, 1, 5, 0.11);
	position: absolute;
	width: 87px;
	height: 87px;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 200px;
    top: -15px;
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement h4{
	font-size: 25px;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(24, 52, 80);
	font-weight: bold;
	line-height: 1.48;
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .description{
	font-size: 18px;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(124, 124, 124);
	font-weight: 300;
	line-height: 1.5;
	text-align: center;
}
.videoBlockWrapper{
	width: 100%;
	max-width:1920px;
	display: none;
	justify-content: center;
}
.videoBlock{
	width: 100%;
	max-width: 1174px;
	display: flex;
	margin-bottom: 185px;
}
.videoBlock .video{
	width:100%;
	height: 609px;
}
.regularClientBlockWrapper{
	width: 100%;
	max-width:1920px;
	display: flex;
	justify-content: center;
	background-image: url(../images/regularClientBlockBackground.png);
	background-repeat: no-repeat;
	background-position-x: 1045px;
	background-position-y: -47px;
}
.regularClientBlock{
	width: 100%;
	max-width: 1174px;
	display: flex;
}
.regularClientBlock .content{
	max-width: 620px;
	width:100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.regularClientBlock .content .decoration{
	max-width: 120px;
	width:100%;
	margin-bottom: 15px;
}
.regularClientBlock .content .decoration img{
	width: 100%;
	height:auto;
	display: inline-block;
}
.regularClientBlock .content h2{
	font-size: 57px;
	font-family: "ProximaNova";
	color: rgb(24, 52, 80);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.228;
	letter-spacing: 4px;
	margin-bottom: 45px;
}
.regularClientBlock .content div{
    max-width: 610px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-height: 725px;
    overflow-y: scroll;
}
.regularClientBlock .content div{
  scrollbar-face-color: rgb(187, 204, 84);
  scrollbar-track-color: transparent;
}
.regularClientBlock .content div::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.regularClientBlock .content div::-webkit-scrollbar-thumb {
  background: rgb(187, 204, 84);;
  border-radius: 5px;
}

.regularClientBlock .content div::-webkit-scrollbar-track {
  background: transparent;
}

.regularClientBlock .content div::-webkit-scrollbar {
  width: 15x;
  height: 5px;
}

.regularClientBlock .content div::-webkit-scrollbar-thumb {
  background: rgb(187, 204, 84); !important;
  border-radius: 5px;
}

.regularClientBlock .content div::-webkit-scrollbar-track {
  background: transparent !important;
}
.regularClientBlock .content div p{
	font-size: 25px;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(94, 94, 94);
	line-height: 1.48;
	margin-bottom: 40px;
}
.regularClientBlock .content .buttonGreen{
	margin-top: 30px;
	background-color: rgb(166, 188, 25);
	width: 292px;
	height: 75px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 54px;
}
.regularClientBlock .content .buttonGreen p{
	font-size: 22px;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(255, 255, 255);
	line-height: 1.2;
	text-shadow: 0px 0px 8.01px rgba(82, 83, 86, 0.04);
	width:100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin-bottom: 0px;
}
.formBlockWrapper{
	width: 100%;
	max-width:1920px;
	display: flex;
	justify-content: center;
}
.formBlock{
	width: 100%;
	max-width: 1174px;
	display: flex;
	margin-top: 200px;
	border-radius: 85px;
	background-color: rgb(141, 178, 221);
	box-shadow: 0px 9px 10px 0px rgba(82, 83, 86, 0.14);
	height: 333px;
	justify-content: space-evenly;
	margin-bottom: 102px;
}
.formBlock .description{
	padding-top: 96px;
}
.formBlock .description h2{
	font-size: 57px;
	font-family: "ProximaNova";
	color: rgb(254, 254, 254);
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.228;
}
.formBlock .description h4{
	font-size: 49.454px;
	font-family: "Geometria";
	color: rgb(254, 254, 254);
	text-transform: uppercase;
	line-height: 1.415;
	-moz-transform: matrix( 0.97060602643427,0,0,0.97060602643427,0,0);
	-webkit-transform: matrix( 0.97060602643427,0,0,0.97060602643427,0,0);
	-ms-transform: matrix( 0.97060602643427,0,0,0.97060602643427,0,0);
	font-weight: 300;
}
.formBlock form p{
	display: flex;
	flex-direction: column;
	padding-top: 47px;
	align-items: center;
}
.formBlock form p:nth-child(3){
	padding-top: 15px;
}
.formBlock form input[type="text"], .formBlock form input[type="tel"]{
	max-width: 430px;
	width:430px;
	background-color: transparent;
	border:none;
	border-bottom: 1px solid rgb(255, 255, 255);
	font-size: 24px;
	line-height: 2.917;
	font-family: "Roboto", sans-serif, sans-serif;
	color: rgb(254, 254, 254);
	padding-left: 20px;
	outline:none;
}
.formBlock form .hiddenField{
	display: none;
}
.formBlock form input[type="tel"]::placeholder, .formBlock form input[type="text"]::placeholder{
	font-size: 24px;
	font-family: "Roboto", sans-serif;
	color: rgb(254, 254, 254);
	line-height: 2.917;
	font-weight: 300;
}
.formBlock form input[type="submit"]{
	background-color: rgb(254, 254, 254);
	width: 230px;
	height: 75px;
	max-width: 230px;
	margin-top: 0px;
	border-radius: 40px;
	border:none;
	font-size: 22px;
	font-family: "Roboto", sans-serif;
	color: rgb(129, 130, 130);
	line-height: 1.2;
	text-shadow: 0px 0px 0px rgba(82, 83, 86, 0.16);
	cursor: pointer;
}
.mapBlockWrapper{
	width: 100%;
	max-width: 1920px;
	display: flex;
	justify-content: center;
}
.mapBlockWrapper img{
	width: 100%;
	height: 100%;
}
.footerBlockWrapper{
	width: 100%;
	max-width: 1920px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.footer{
	border-bottom: 1px solid rgb(232, 232, 232); 
	width: 100%;
    max-width: 1920px;
    display: flex;
    justify-content: center;
}
.footerBlock{
	padding-top: 38px;
	width: 100%;
	max-width: 1174px;
	padding-bottom: 40px;
	display: flex;
	justify-content: space-between;
}
.footerBlock .logoColumn{
	display: flex;
	width: 100%;
	max-width: 175px;
	flex-direction: column;
	align-items: center;
}
.footerBlock .logoColumn .logoBottom{
	width: 172px;
  	height: 45px;
  	margin-bottom: 24px;
}
.footerBlock .logoColumn .logoBottom img{
	width: 100%;
	height: auto;
}
.footerBlock .logoColumn p{
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	color: rgb(164, 166, 166);
	line-height: 1.471;
}
.footerBlock .menuAndSocials {
	max-width: 570px;
	width: 100%;
}
.footerBlock .menuAndSocials .menu-hnav-container{
	display: flex;
	widows: 100%;
}
.footerBlock .menuAndSocials .menu{
	list-style: none;
	display: flex;
	justify-content: space-evenly;
	width: 100%;
}
.footerBlock .menuAndSocials .menu li a{
	font-size: 18px;
	font-family: "Roboto", sans-serif;
	color: rgb(129, 130, 130);
	line-height: 2.2;
}
.footerBlock .menuAndSocials .socialNets{
	display: flex;
	justify-content: center;
	margin-top: 42px;
	align-items: center;
}
.footerBlock .menuAndSocials .socialNets a{
	max-height: 29px;
}
.footerBlock .menuAndSocials .socialNets a:nth-child(2){
	margin: 0 24px;
}
.footerBlock .contacts{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.footerBlock .contacts h4{
	font-size: 24px;
	font-family: "Geometria";
	color: rgb(187, 204, 84);
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 25px;
}
.footerBlock .contacts p a{
	font-size: 22px;
	font-family: "Roboto", sans-serif;
	color: rgb(173, 193, 48);
	line-height: 1.2;
}
.footerBlock .contacts p:nth-child(2){
	margin-bottom: 10px;
}
.posScriptum{
	max-width: 1174px;
	width: 100%;
	justify-content: flex-start;
}
.posScriptum p{
	font-size: 17px;
	font-family: "Roboto", sans-serif;
	color: rgb(164, 166, 166);
	line-height: 1.471;
	margin-top: 7px;
	margin-bottom: 17px;
}
.additionalFormBlock{
	width: 100%;
	max-width: 100vw;
	height: 100%;
	max-height: 100vh;
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: none;
    align-items: center;
    justify-content: center;
	z-index: 20;
}
.addFormBlockWrapper{
	position: absolute;
	width: 100%;
	height: 100%;
}
.additionalForm{
	max-width: 350px;
	width: 100%;
	max-height: 420px;
	height: 100%;
	padding-top: 70px;
	border-radius: 50px;
	background-color: rgb(141, 178, 221);
	box-shadow: 0px 9px 10px 0px rgba(82, 83, 86, 0.14);	
	z-index: 21;
}
.additionalForm .imageForm{
	max-width: 25px;
	max-height: 25px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 30px;
    right: 30px;
    cursor: pointer;
}
.additionalForm .imageForm img{
	width: 100%;
	height: 100%;
}
.additionalForm form {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.additionalForm form p{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.additionalForm form input[type="text"], .additionalForm form input[type="tel"]{
	max-width: 310px;
	width:310px;
	background-color: transparent;
	border:none;
	border-bottom: 1px solid rgb(255, 255, 255);
	font-size: 24px;
	line-height: 2.917;
	font-family: "Roboto", sans-serif;
	color: rgb(254, 254, 254);
	padding-left: 20px;
	outline:none;
}
.additionalForm form input[type="tel"]::placeholder, .additionalForm form input[type="text"]::placeholder{
	font-size: 24px;
	font-family: "Roboto", sans-serif;
	color: rgb(254, 254, 254);
	line-height: 2.917;
	font-weight: 300;
}
.additionalForm form input[type="submit"]{
	background-color: rgb(254, 254, 254);
	border-radius: 40px;
	border:none;
	font-size: 22px;
	font-family: "Roboto", sans-serif;
	color: rgb(129, 130, 130);
	line-height: 1.2;
	text-shadow: 0px 0px 0px rgba(82, 83, 86, 0.16);
    margin-top: 40px;
    height: 60px;
    width: 250px;
    cursor: pointer;
}
.screen-reader-response{
	display: none;
}


/* general adoptation on 1460px */
@media screen and (max-width: 1460px) {
.topBlockWrapper{
	-ms-background-position-x: right;
    background-position-x: right;
    background-size: calc(940px/1.2);
    height: 750px;
}
.topBlock .topLine{
	margin-top: calc(28px/1.2);
}
.topBlock .topLine .logo{
	width: calc(172px/1.2);
  	height: calc(45px/1.2);
}
.topBlock .topLine .menu li a{
	font-size: calc(22px/1.2);
	color: rgb(0, 0, 0);
}
.topBlock .topLine .callButton{
	width: calc(205px/1.2);
	height: calc(62px/1.2);
}
.topBlock .topLine .callButton a{
	font-size: calc(17px/1.2);
	line-height: calc(1.2/1.2);
	display: flex;
    align-items: center;
    color: rgb(255, 255, 255);
}
.topBlock .content{
	margin-top: calc(125px/1.2);
}
.topBlock .content h2{
	font-size: calc(57px/1.2);
	margin-top: calc(15px/1.2);
    letter-spacing: calc(4px/1.2);
    color: rgb(0, 0, 0);
}
.topBlock .content p{
	font-size: calc(25px/1.2);
	margin: calc(45px/1.2) 0;
	color: rgb(0, 0, 0);
}
.topBlock .content .buttonGreen{
	width: calc(292px/1.2);
	height: calc(75px/1.2);
}
.topBlock .content .buttonGreen p{
	font-size: calc(22px/1.2);
}
.topBlock .content .buttonGreen p img{
	width: 35px;
}
.aboutUsBlockWrapper{
	margin-top: -70px;
	height:950px;
}
.aboutUsBlock .content{
	margin-top: calc(270px/1.2);
}
.aboutUsBlock .content h2{
	font-size: calc(57px/1.2);
	letter-spacing: calc(4px/1.2);
	line-height: calc(1.228/1.2);
	margin-top: calc(15px/1.2);
	margin-bottom: calc(56px/1.2);
	color: rgb(0, 0, 0);
}
.aboutUsBlock .content p{
	font-size: calc(25px/1.2);
	margin-bottom: calc(55px/1.2);
	color: rgb(0, 0, 0);
}
.howItWorksBlock .content{
	margin-top: calc(10px/1.2);
	margin-bottom: calc(80px/1.2);
}
.howItWorksBlock .content h2{
	font-size: calc(57px/1.2);
	margin-top: calc(15px/1.2);
	margin-bottom: calc(80px/1.2);
    letter-spacing: calc(4px/1.2);
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .image{
	margin-bottom: calc(40px/1.2);
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .circle{
	font-size: calc(36px/1.2);
	width: 87px;
	height: 87px;
	left: 200px;
    top: -15px;
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement h4{
	font-size: calc(25px/1.2);
	line-height: calc(1.48/1.2);
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .description{
	font-size: calc(18px/1.2);
	line-height: calc(1.5/1.2);
}
.videoBlock{
	margin-bottom: calc(185px/1.2);
}
.regularClientBlock .content .decoration{
	margin-bottom: calc(15px/1.2);
}
.regularClientBlock .content h2{
	font-size: calc(57px/1.2);
	line-height: calc(1.228/1.2);
	letter-spacing: calc(4px/1.2);
	margin-bottom: calc(45px/1.2);
}
.regularClientBlock .content p{
	font-size: calc(25px/1.2);
	margin-bottom: calc(40px/1.2);
}
.regularClientBlock .content .buttonGreen{
	margin-top: calc(30px/1.2);
	width: calc(292px/1.2);
	height: calc(75px/1.2);
	margin-bottom: calc(54px/1.2);
}
.regularClientBlock .content .buttonGreen p{
	font-size: calc(22px/1.2);
	line-height: calc(1.2/1.2);
}
.formBlock{
	margin-top: 140px;
	height: calc(333px/1.2);
	margin-bottom: calc(102px/1.2);
}
.formBlock .description{
	padding-top: calc(96px/1.2);
}
.formBlock .description h2{
	font-size: calc(57px/1.2);
	line-height: calc(1.228/1.2);
}
.formBlock .description h4{
	font-size: calc(49.454px/1.2);
	line-height: calc(1.415/1.2);
}
.formBlock form{
	padding-top: calc(47px/1.2);
}
.formBlock form p{
	padding-top: 10px;
	display: flex;
	flex-direction: column;
}
.formBlock form p span{
	display: flex;
	flex-direction: column;
}
.formBlock form p span span{
	font-size: 12px;
	color: red;
}
.formBlock form input[type="text"], .formBlock form input[type="tel"]{
	max-width: calc(430px/1.2);
	width:calc(430px/1.2);
	font-size: calc(24px/1.2);
	line-height: calc(2.917/1.2);
	padding-left: calc(20px/1.2);
}
.formBlock form .hiddenField{
	display: none;
}
.formBlock form input[type="text"]::placeholder, .formBlock form input[type="tel"]::placeholder{
	font-size: 20px;
	line-height: calc(2.917/1.2)
}
.formBlock form input[type="submit"]{
	width: calc(230px/1.2);
	height: calc(75px/1.2);
	max-width: calc(230px/1.2);
	margin-top: calc(0px/1.2);
	font-size: calc(22px/1.2);
	line-height: calc(1.2/1.2);
	cursor: pointer;
}
.mapBlockWrapper{
	display: flex;
	max-width: 1920px;
	justify-content: center;
}
.mapBlockWrapper img{
	display: flex;
	width: 100%;
	height: 100%;
}	
.footerBlock{
	padding-top: calc(38px/1.2);
	padding-bottom: calc(40px/1.2);
}
.footerBlock .logoColumn .logoBottom{
	width: calc(172px/1.2);
  	height: calc(45px/1.2);
  	margin-bottom: calc(24px/1.2);
}
.footerBlock .logoColumn p{
	font-size: calc(17px/1.2);
	line-height: calc(1.471/1.2);
}
.footerBlock .menuAndSocials .menu li a{
	font-size: calc(18px/1.2);
	line-height: calc(2.2/1.2);
}
.footerBlock .menuAndSocials .socialNets{
	margin-top: calc(42px/1.2);
}
.footerBlock .menuAndSocials .socialNets a:nth-child(2){
	margin: 0 calc(24px/1.2);
}
.footerBlock .contacts h4{
	font-size: calc(24px/1.2);
	line-height: calc(1.2/1.2);
	margin-bottom: calc(25px/1.2);
}
.footerBlock .contacts p a{
	font-size: calc(22px/1.2);
	line-height: calc(1.2/1.2);
}
.footerBlock .contacts p:nth-child(2){
	margin-bottom: calc(10px/1.2);
}
.posScriptum p{
	font-size: calc(17px/1.2);
	line-height: calc(1.471/1.2);
	margin-top: calc(7px/1.2);
	margin-bottom: calc(17px/1.2);
}
}
/* first bg adopatation to 1220px*/
@media screen and (max-width: 1815px) {
.topBlockWrapper{
	-ms-background-position-x: 870px;
    background-position-x: 870px;
    background-size: 940px;
}
}
@media screen and (max-width: 1709px) {
.topBlockWrapper{
	-ms-background-position-x: right;
    background-position-x: right;
}
.topBlock .topLine .menu{
	justify-content: space-evenly;
}
.topBlock .topLine .menu li{
	margin-right: 20px;
}
}
@media screen and (max-width: 1620px) {
.topBlockWrapper{
	-ms-background-position-x: 680px;
    background-position-x: 680px;
}
}
@media screen and (max-width: 1525px) {
.topBlockWrapper{
	-ms-background-position-x: 625px;
    background-position-x: 625px;
}
}
@media screen and (max-width: 1460px) {
.topBlockWrapper{
	-ms-background-position-x: right;
    background-position-x: right;
    -webkit-background-size: calc(940px/1.2);
    background-size: calc(940px/1.2);
}
}
@media screen and (max-width: 1320px) {
.topBlockWrapper{
	-ms-background-position-x: 560px;
    background-position-x: 560px;
}
}
@media screen and (max-width: 1260px) {
.topBlockWrapper{
	-ms-background-position-x: 510px;
    background-position-x: 510px;
}
}

/* second bg adopatation to 1220px*/
@media screen and (max-width: 1725px) {
.aboutUsBlockWrapper{
	background-position-x: -130px;
}
}
@media screen and (max-width: 1460px) {
.aboutUsBlockWrapper{
	background-size: 730px;
	background-position-x: -110px;
	-ms-background-position-x: -110px;
}
}


/* third bg adopatation to 1220px*/
@media screen and (max-width: 1810px) {
.regularClientBlockWrapper{
    -ms-background-position-x: 950px;
    background-position-x: 950px;
}
}
@media screen and (max-width: 1710px) {
.regularClientBlockWrapper{
    -ms-background-position-x: 910px;
    background-position-x: 910px;
}
}
@media screen and (max-width: 1675px) {
.regularClientBlockWrapper{
	background-size: 845px
}
}
@media screen and (max-width: 1620px) {
.regularClientBlockWrapper{
    -ms-background-position-x: 860px;
    background-position-x: 860px;
}
}
@media screen and (max-width: 1570px) {
.regularClientBlockWrapper{
    -ms-background-position-x: 825px;
    background-position-x: 825px;
}
}
@media screen and (max-width: 1535px) {
.regularClientBlockWrapper{
	background-size: 800px;
}
}
@media screen and (max-width: 1485px) {
.regularClientBlockWrapper{
    -ms-background-position-x: 800px;
    background-position-x: 800px;
}
}
@media screen and (max-width: 1460px) {
.regularClientBlockWrapper{
	background-size: 580px;
    -ms-background-position-x: right;
    background-position-x:right ;
    -moz-background-position-y:-30px ;
    -ms-background-position-y:-30px ;
    background-position-y:-30px ;
}
}
@media screen and (max-width: 1220px) {
.topLine, .content, .footerBlockWrapper, .aboutUsBlockWrapper, .howItWorksBlockWrapper, .videoBlockWrapper, .regularClientBlockWrapper, .formBlockWrapper{
	padding-right: 20px;
	padding-left: 20px;
}
.topBlockWrapper{
	-ms-background-position-x: 480px;
    background-position-x: 480px;
}
}
@media screen and (max-width: 1180px) {
.regularClientBlock .content {
    max-width: 500px;
}
.aboutUsBlock .content {
    max-width: 500px;
}
.topBlock .content {
    max-width: 430px;
}
.topBlockWrapper{
	-ms-background-position-x: 420px;
    background-position-x: 420px;
}
}
@media screen and (max-width: 1140px) {
.topBlock .topLine .callButton a span{
	display: none;
}
.topBlock .topLine .callButton a img{
	margin-right: 0px;
}
.topBlock .topLine .callButton{
	max-width: 50px;
}
}
@media screen and (max-width: 1120px) {
.topBlockWrapper{
	background-image: url(../images/topBlockBackgroundImageOp.png);
	-ms-background-position-x: right;
    background-position-x: right;
}
.topBlock .topLine .menu{
	justify-content: space-around;
}
.aboutUsBlockWrapper{
	background-position-x: -125px;
    -ms-background-position-x: -125px;
}
}	
@media screen and (max-width: 1150px) {
.topBlock .topLine .logo{
	margin-right: 15px;
}
}	
@media screen and (max-width: 1090px) {
.regularClientBlock .content{
	max-width: 440px;
}
}
@media screen and (max-width: 1070px) {
.aboutUsBlock .content {
    max-width: 450px;
}
}
@media screen and (max-width: 1030px) {
.aboutUsBlock .content {
    max-width: 420px;
    margin-top: 170px;
}
}


/* general adoptation on 1000px */
@media screen and (max-width: 1000px) {
.topBlockWrapper{
    background-size: calc(940px/1.5);
    height: 600px;
}
.topBlock .topLine{
	margin-top: calc(28px/1.5);
}
.topBlock .topLine .logo{
	width: calc(172px/1.5);
  	height: calc(45px/1.5);
}
.topBlock .topLine .menu li a{
	font-size: calc(22px/1.5);
}
.topBlock .topLine .callButton{
	max-width: 40px;
	max-height: 40px;
}
.topBlock .topLine .callButton a{
	font-size: 100%;
	line-height: 100%;
}
.topBlock .content{
	margin-top: calc(125px/1.5);
}
.topBlock .content h2{
	font-size: calc(57px/1.5);
	margin-top: calc(15px/1.5);
    letter-spacing: calc(4px/1.5);
}
.topBlock .content p{
	font-size: calc(25px/1.5);
	margin: calc(45px/1.5) 0;
}
.topBlock .content .buttonGreen{
	width: calc(292px/1.5);
	height: calc(75px/1.5);
}
.topBlock .content .buttonGreen p{
	font-size: calc(22px/1.5);
}
.topBlock .content .buttonGreen p img{
	width: 35px;
}
.aboutUsBlockWrapper{
	margin-top: -70px;
	height:950px;
}
.aboutUsBlock .content{
	margin-top: calc(270px/1.5);
}
.aboutUsBlock .content h2{
	font-size: calc(57px/1.5);
	letter-spacing: calc(4px/1.5);
	line-height: calc(1.228/1.5);
	margin-top: calc(15px/1.5);
	margin-bottom: calc(56px/1.5);
}
.aboutUsBlock .content p{
	font-size: calc(25px/1.5);
	margin-bottom: calc(55px/1.5);
}
.howItWorksBlock .content{
	margin-top: calc(10px/1.5);
	margin-bottom: calc(80px/1.5);
}
.howItWorksBlock .content h2{
	font-size: calc(57px/1.5);
	margin-top: calc(15px/1.5);
	margin-bottom: calc(80px/1.5);
    letter-spacing: calc(4px/1.5);
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .image{
	margin-bottom: calc(40px/1.5);
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .circleWrapper{
	transition: 0.5s linear;
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .circle{
	font-size: calc(36px/1.5);
	width: 87px;
	height: 87px;
	left: 200px;
    top: -15px;
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement h4{
	font-size: calc(25px/1.5);
	line-height: calc(1.48/1.5);
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .description{
	font-size: calc(18px/1.5);
	line-height: calc(1.5/1.5);
}
.videoBlock{

	margin-bottom: calc(185px/1.5);
}
.videoBlock .video{
	height: 100%;
}
.regularClientBlock .content .decoration{
	margin-bottom: calc(15px/1.5);
}
.regularClientBlock .content h2{
	font-size: calc(57px/1.5);
	line-height: calc(1.228/1.5);
	letter-spacing: calc(4px/1.5);
	margin-bottom: calc(45px/1.5);
}
.regularClientBlock .content p{
	font-size: calc(25px/1.5);
	margin-bottom: calc(40px/1.5);
}
.regularClientBlock .content .buttonGreen{
	width: calc(292px/1.5);
	height: calc(75px/1.5);
}
.regularClientBlock .content .buttonGreen p{
	font-size: calc(22px/1.5);
	line-height: calc(1.2/1.5);
}
.formBlock{
	margin-top: 140px;
	height: calc(333px/1.5);
	margin-bottom: calc(102px/1.5);
}
.formBlock .description{
	padding-top: calc(96px/1.5);
}
.formBlock .description h2{
	font-size: calc(50px/1.5);
	line-height: calc(1.228/1.5);
}
.formBlock .description h4{
	font-size: calc(40px/1.5);
	line-height: calc(1.415/1.5);
}
.formBlock form{
	padding-top: calc(47px/1.5);
}
.formBlock form input[type="text"], .formBlock form input[type="tel"]{
	max-width: calc(430px/1.5);
	width:calc(430px/1.5);
	font-size: calc(24px/1.5);
	line-height: calc(2.917/1.5);
	padding-left: calc(20px/1.5);
}
.formBlock form .hiddenField{
	display: none;
}
.formBlock form input[type="tel"]::placeholder, .formBlock form input[type="text"]::placeholder{
	font-size: calc(24px/1.5);
	line-height: calc(2.917/1.5)
}
.formBlock form input[type="submit"]{
	width: calc(230px/1.5);
	height: calc(75px/1.5);
	max-width: calc(230px/1.5);
	margin-top: calc(0px/1.5);
	font-size: calc(22px/1.5);
	line-height: calc(1.2/1.5);
	cursor: pointer;
}
.footerBlock{
	padding-top: calc(38px/1.5);
	padding-bottom: calc(40px/1.5);
}
.footerBlock .logoColumn .logoBottom{
	width: calc(172px/1.5);
  	height: calc(45px/1.5);
  	margin-bottom: calc(24px/1.5);
}
.footerBlock .logoColumn p{
	font-size: calc(17px/1.5);
	line-height: calc(1.471/1.5);
}
.footerBlock .menuAndSocials .menu li a{
	font-size: calc(18px/1.5);
	line-height: calc(2.2/1.5);
}
.footerBlock .menuAndSocials .socialNets{
	margin-top: calc(42px/1.5);
}
.footerBlock .menuAndSocials .socialNets a:nth-child(2){
	margin: 0 calc(24px/1.5);
}
.footerBlock .contacts h4{
	font-size: calc(24px/1.5);
	line-height: calc(1.2/1.5);
	margin-bottom: calc(25px/1.5);
}
.footerBlock .contacts p a{
	font-size: calc(22px/1.5);
	line-height: calc(1.2/1.5);
}
.footerBlock .contacts p:nth-child(2){
	margin-bottom: calc(10px/1.5);
}
.posScriptum p{
	font-size: calc(17px/1.5);
	line-height: calc(1.471/1.5);
	margin-top: calc(7px/1.5);
	margin-bottom: calc(17px/1.5);
}
.regularClientBlockWrapper{
	height: 570px;
	-ms-background-position-x: 460px;
	background-position-x: 460px; 
    -moz-background-position-y: -39px;
    -ms-background-position-y: -39px;
    background-position-y: -39px;
}
}
@media screen and (max-width: 992px) {
.aboutUsBlockWrapper{
	background-image: url(../images/aboutUsBlockBackgroundImageOp.png);
	background-position-x: -180px; 
}	
}
@media screen and (max-width: 980px) {
.howItWorksBlock .content .howItWorksElementsBlock{
	justify-content: space-around;
    flex-wrap: wrap;
}
}	
@media screen and (max-width: 950px) {
.howItWorksElementsBlock .howItWorksElement:nth-child(2){
	margin-left: 10px;
	margin-right: 10px;
}
}
@media screen and (max-width: 940px) {
.aboutUsBlockWrapper{
	background-position-x: -250px; 
}
}	
@media screen and (max-width: 870px) {
.aboutUsBlockWrapper{
	background-position-x: -333px; 
}
.howItWorksBlock .content .howItWorksElementsBlock .howItWorksElement .circleWrapper{
	right: 2000px;
}		
.howItWorksElement{
	margin-bottom: 20px;
}
.regularClientBlockWrapper{
	-webkit-background-size: 510px;
	background-size: 510px;
    background-position-y: -25px;
}
.regularClientBlock .content{
	max-width: 330px;
}
.regularClientBlock .content .buttonGreen{
	min-height: 50px;
}
.regularClientBlockWrapper{
	background-position-x: 365px;
}
.topBlockWrapper{
	height: 560px;
}
}
@media screen and (max-width: 800px) {
.aboutUsBlock .content{
	max-width: 390px;
}
.topBlock{
	align-items: center;
}
.topBlock .content{
	align-items: center;
}
.aboutUsBlockWrapper{
	background-image: none;
	height: 625px;
}
.aboutUsBlock{
	align-items: center;
}
.aboutUsBlock .content{
	align-items: center;
}
.howItWorksBlock .content{
	align-items: center;
}
.topBlockWrapper{
	height: 480px;
}
}





@media screen and (max-width: 768px) {
.topBlockWrapper{
	padding-left:0px;
	padding-right: 0px;
}
.topBlock .topLine{
	padding-left: 0px;
	padding-right: 0px;
}
.topBlock .topLine .logo-block{
	margin-left: 15px;
}
.topBlock .topLine .menu-hnav-container{
	width: 100%;
	max-width: 768px;
	display: block;
	top: -20px;
	position: absolute;
	background-color: rgba(141, 178, 221, 0.8);
	z-index: 30;
	height: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: 0.5s linear;
	-o-transition: 0.5s linear;
	transition: 0.5s linear;

}
.topBlock .topLine .menu{
	list-style: none;
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 768px;
	flex-direction: column;
	align-items: center;	
	height: 100%;
}
.topBlock .topLine .menu li{
	margin-top: 10px;
}
.topBlock .topLine .menu li a{
	font-size: 20px;
	font-family: "Roboto", sans-serif;
	color: rgb(255,255,255);
	line-height: 1.2;
}
.topBlock .topLine .callButton{
	margin-right: 15px;
}
.topBlock .topLine .callButton .closeMenu{
	position: absolute;
	z-index: 32;
	right: 60px;
	display: none;
	cursor: pointer;
}
.topBlock .topLine .callButton .closeMenu img{
	width: 20px;
	height: 20px;
}
.topBlockWrapper .fixedHeaderLine{
	height: 80px;
}
}












@media screen and (max-width: 730px) {
.footerBlock .menuAndSocials .menu-hnav-container{
	display: none;
}
}	
@media screen and (max-width: 650px) {
.regularClientBlockWrapper{
	background-image: none;
}
.regularClientBlock{
	justify-content: center;
}
.regularClientBlock .content{
	max-width: 100%;
	align-items: center;
	margin-left: 25px;
	margin-right: 25px;
}
.regularClientBlock .content h2{
	text-align: center;
}
.formBlock{
	margin-top: 0px;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.formBlock .description{
	padding-top: 15px;
}
.topBlockWrapper{
	height: 470px;
	background-position-x:center;
}
.regularClientBlockWrapper{
	height: 570px;
}
.topBlock .content p{
	text-align: center;
}
.topBlock .content h2{
	text-align: center;
}
.topBlockWrapper{
	-ms-background-position-x: center;
	background-position-x: center;
}
.aboutUsBlock .content p{
	text-align: center;
}
.regularClientBlock .content p{
	text-align: center;
}
.howItWorksElementsBlock .howItWorksElement:nth-child(2){
	margin-top: 30px;
	margin-bottom: 30px;
}
}
@media screen and (max-width: 500px) {
.footerBlock{
	flex-direction: column;
	align-items: center;
}
.topBlockWrapper{
	height: 570px;
}
.howItWorksBlock .content h2{
	text-align: center;
	margin-bottom: 30px;
}
.footerBlock .menuAndSocials{
	margin-top: 15px;
	margin-bottom: 15px;
}
.howItWorksBlock .content{
	margin-top: 35px;
}
.videoBlock{
	margin-bottom: 40px;
}

.aboutUsBlockWrapper{
	height: 540px;
}
.aboutUsBlock .content{
	margin-top: 80px;
}
.regularClientBlockWrapper{
	height: 600px;
}
}
@media screen and (max-width: 460px) {
.regularClientBlockWrapper{
	height: 650px;
}
}