@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&subset=cyrillic&display=swap');
body {
	font: normal 15px 'Open Sans', sans-serif;
	color: #222;
	background: #FFF;
	margin: 0;
}
a {
	text-decoration: none;
	margin: 0 3px 0 0;
}
p {
	margin: 0;
	text-align: left;
	line-height: 23px;
	text-align:justify;
}
h1 {
	font-size:23px;
	margin:50px 0 30px 0;
}
h2 {
	font-size:17px;
	margin-top:30px;
}
.container {
	position: relative;
	max-width: 700px;
	min-width: 310px;
	margin: 0 auto;
	padding: 0 20px;
	overflow:auto;
}
#d1 {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 100px 0;
}
#logo {
	height:80px;
}
#descr {
	font-size: 20px;
	margin: 20px auto 50px auto;
	line-height: 33px;
	max-width: 530px;
}
.button {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	user-select: none;
	padding: .6em 1.5em;
	outline: none;
	border: 1px solid #DCDCDC;
	border-radius: 5px;
	background: #80c305 linear-gradient(#80c305, #6B8E23);
	transition: all .218s ease 0s;
}
.button:hover {
	cursor: pointer;
	background: #9ACD32 linear-gradient(#9ACD32, #6B8E23);
	box-shadow: 0 2px 3px rgba(0,0,0,.1);
}
.button:active {
	background: #6B8E23 linear-gradient(#6B8E23, #6B8E23);
	box-shadow: 0 2px 3px rgba(0,0,0,.1) inset;
}
.fleft {
	float: left;
	width: 330px;
	margin: 10px 0;	
}
#d2 {
	position: relative;
	overflow: hidden;
	background: #F5F5F5;
	border-top: 1px solid #DCDCDC;
	padding: 60px 0;
}
#d2 p {
	font-size: 16px;
	margin: 0 0 10px 0;
}
#d2 .fleft p:first-child {
	border-left: 3px solid #FF7F50;
	padding: 0 0 0 10px;
	margin: 0 0 20px 0
}
#d2 p a {
	border-left: 3px solid #DCDCDC;
	padding: 0 0 0 10px;
	color: #222;
	font-size: 16px;
}
#d2 p a:hover {
	border-left: 3px solid #9ACD32;
}

#d3 {
	position: relative;
	overflow: hidden;
	color: #FFF;
	background: #555;
	border-top: 1px solid #444;
	padding: 20px 0 100px 0;
}
#d3 a {
	color: #D3D3D3;
}
#d3 a:hover {
	color: #FFF;
}