body {
	margin: 0;
	font-family: 'DIN Pro', sans-serif;
}

h1, h2, h3, p {
	margin: 0;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.plus {
	width: 54px;
	height: 54px;
	display: inline-block;
	background-image: url(../img/plus.png);
}

.plus:hover {
	cursor: pointer;
	background-image: url(../img/plus-hover.png);
}

header {
	height: 520px;
	display: flex;
    justify-content: center;
    align-items: center;
}

header .header_block {
	width: fit-content;
}

header .header_block h1 {
	font-size: 48px;
	line-height: 54px;
	text-align: center;
	letter-spacing: -0.02em;
	color: #222222;
	font-weight: 400;
}

header .header_block p {
	font: normal 16px/26px Roboto;
	margin-top: 24px;
	text-align: center;
	color: #4A4556;
}

header .header_block p span {
	color: #F47821;
}

header .header_block .to_form {
	margin: 30px auto 0;
	width: fit-content;
}

header .header_block .to_form p {
	font: bold 16px/20px Gilroy;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #222222;
	float: right;
	margin-top: 17px;
}

.banner img {
	width: 100%;
	max-width: 1440px;
	display: block;
	margin: 0 auto;
}

.wedo {
	background-color: #F7F5FA;
	position: relative;
	height: 464px;
}

.wedo .wedo_block {
	max-width: 972px;
	width: fit-content;
	position: absolute;
	top: -100px;
	right: 0;
	left: 0;
	margin: auto;
	background-color: #fff;
	font-size: 0;
}

.wedo .wedo_block .wedo_item {
	width: 486px;
	height: 232px;
	display: inline-block;
	outline: 1px solid #EDEDED;
	padding: 50px 60px;
	box-sizing: border-box;
	text-align: left;
}

.wedo .wedo_block .wedo_item h3 {
	font-size: 12px;
	line-height: 19px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #F47821;
}

.wedo .wedo_block .wedo_item p {
	margin-top: 12px;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.03em;
	color: #222;
}

.similar {
	padding: 80px 0 100px;
}

.similar .similar_block {
	max-width: 773px;
	margin: 0 auto;
	text-align: left;
}

.similar .similar_block h2 {
	font-size: 48px;
	font-weight: 400;
	line-height: 60px;
	letter-spacing: -0.02em;
	color: #222;
}

.similar .similar_block p {
	margin-top: 24px;
	font: normal 16px/26px Roboto;
	color: #4E4D53;
}

.advant {
	background-color: #F7F5FA;
	padding: 120px 0 160px;
}

.advant h2 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 400;
	text-align: center;
	letter-spacing: -0.02em;
}

.advant .advant_block {
	max-width: 1139px;
	margin: 60px auto 0;
	display: flex;
}

.advant .advant_block .advant_item {
	text-align: left;
}

.advant .advant_block .advant_item:nth-child(2) {
	margin: 0 95px;
}

.advant .advant_block .advant_item h3 {
	font-size: 20px;
	line-height: 25px;
	color: #000000;
	margin-top: 30px;
}

.advant .advant_block .advant_item h3:after {
    content: "";
    width: 24px;
    height: 2px;
    margin-top: 22px;
    display: -webkit-box;
    background-color: #F47821;
}

.advant .advant_block .advant_item p {
	font: normal 16px/26px Roboto;
	color: #4E4D53;
	margin-top: 27px;
}

.about_you {
	background-color: #161616;
	padding: 100px 0 120px;
}

.about_you h2 {
	font-size: 40px;
	line-height: 52px;
	font-weight: 400;
	text-align: center;
	letter-spacing: -0.02em;
	color: #fff;
}

.about_you form {
	max-width: 667px;
	margin: 60px auto 0;
}

.about_you form .form_block {
	padding: 22px 0 0 92px;
	background: url(../img/form-1.png) no-repeat top left;
	margin-bottom: 48px;
}

.about_you form .form_block:nth-child(2) {
	background-image: url(../img/form-2.png);
}

.about_you form .form_block:nth-child(3) {
	background-image: url(../img/form-3.png);
}

.about_you form .form_block:nth-child(4) {
	background-image: url(../img/form-4.png);
	margin-bottom: 0;
}

.about_you form .form_block p {
	font-size: 16px;
	line-height: 25px;
	letter-spacing: -0.01em;
	color: #fff;
}

.about_you form .form_block input, .about_you form .form_block textarea {
	width: 100%;
	height: 35px;
	margin-top: 25px;
	padding-bottom: 13px;
	background: none;
	border: none;
	outline: none;
	border-bottom: 2px solid #f7f8fa17;
	font: normal 24px/35px Roboto;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	opacity: 0.3;
}

.about_you form .form_block textarea {
	height: 70px;
}

.about_you form .form_block input::-webkit-input-placeholder {
	font: normal 24px/35px Roboto;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	opacity: 0.3;
}

.about_you form .form_block input::-moz-placeholder {
	font: normal 24px/35px Roboto;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	opacity: 0.3;
}/* Firefox 19+ */

.about_you form .form_block input:-moz-placeholder {
	font: normal 24px/35px Roboto;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	opacity: 0.3;
}/* Firefox 18- */

.about_you form .form_block input:-ms-input-placeholder {
	font: normal 24px/35px Roboto;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	opacity: 0.3;
}

.about_you form .form_block input:focus::-webkit-input-placeholder {text-indent: 800px; transition: text-indent 0.3s ease;}
.about_you form .form_block input:focus::-moz-placeholder          {text-indent: 800px; transition: text-indent 0.3s ease;}
.about_you form .form_block input:focus:-moz-placeholder           {text-indent: 800px; transition: text-indent 0.3s ease;}
.about_you form .form_block input:focus:-ms-input-placeholder      {text-indent: 800px; transition: text-indent 0.3s ease;}

.about_you form button {
	margin: 60px 0 0 92px;
	width: 86%;
	height: 54px;
	background: #FFFFFF;
	border: none;
	outline: none;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);
	border-radius: 111px;
	font: bold 14px/17px Gilroy;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #F47821;
}

.about_you form button:hover {
	background-color: #e6e6e6;
}

@media screen and (max-width: 1024px) {
	.advant .advant_block {
    	max-width: 90%;
    }
}

@media screen and (max-width: 768px) {
	.wedo .wedo_block .wedo_item {
		display: block;
	}

	.wedo {
	    height: 880px;
	}

	.similar .similar_block {
    	max-width: 90%;
    }

    .advant .advant_block .advant_item:nth-child(2) {
	    margin: 0px 50px;
	}
}

@media screen and (max-width: 600px) {
	h2 {
    	padding: 0 10px;
    }

	header .header_block {
	    width: 90%;
	}

	header .header_block h1 {
	    font-size: 37px;
	    line-height: 43px;
	}

	header .header_block p {
    	font: normal 21px/26px Roboto;
    }

	.advant {
		padding-bottom: 120px;
	}

	.advant .advant_block {
	    display: block;
	}

	.advant .advant_block .advant_item {
	    text-align: center;
	}

	.advant .advant_block .advant_item h3:after {
	    margin: 22px auto 0;
	}

	.advant .advant_block .advant_item:nth-child(2) {
	    margin: 65px 0;
	}

	.wedo .wedo_block {
	    max-width: 90%;
	}

	.wedo .wedo_block .wedo_item {
	    width: 100%;
	    padding: 50px 30px;
    	height: auto;
	}

	.wedo .wedo_block .wedo_item h3 {
	    font-size: 20px;
	}

	.similar .similar_block {
	    text-align: center;
	}

	.about_you form {
    	max-width: 90%;
    }

    .about_you form .form_block {
    	padding-top: 0;
    }

	.about_you form button {
    	margin: 60px auto;
    	display: block;
    	font: bold 20px/23px Gilroy;
    }

    .about_you form .form_block p {
    	font-size: 24px;
    }
}

@media screen and (max-width: 370px) {
	.wedo {
	    height: 990px;
	}
}

@media screen and (max-width: 340px) {
	.wedo {
	    height: 1100px;
	}
}