* {
	margin: 0px;
	padding: 0px;
}
.menu li {
	float: left;
	list-style: none;
	margin: 20px 25px;
}
.blok-menu {
	overflow: hidden;
	background: #2E8B57;
	box-shadow: 0px 13px 17px -6px #000000;
}
.menu {
	margin: 0 auto;
	display: table;
}
.menu li a {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.menu li a:hover {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	border-bottom: 1px dotted #ccc;
}
.logo {
	margin: 0 auto;
	width: 200px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.logo img {
	-moz-border-radius: 200px;
	/* Firefox */
	-webkit-border-radius: 200px;
	/* Safari, Google Chrome */
	-khtml-border-radius: 200px;
	/* KHTML */
	-o-border-radius: 200px;
	/* Opera */
	-ms-border-radius: 200px;
	/* IE8 */
	-icab-border-radius: 200px;
	/* Icab */
	border-radius: 200px;
	/* CSS3 */
}
.content {
	width: 700px;
	margin: 0 auto;
	padding: 40px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3), -23px 0 20px -23px rgba(0, 0, 0, .8), 23px 0 20px -23px rgba(0, 0, 0, .8), 0 0 40px rgba(0, 0, 0, .1) inset;
}
.content h1 {
	font: 30px Verdana, Arial, Helvetica, sans-serif;
	color: #2E8B57;
	text-align: center;
}
.content h2 {
	font: 25px Verdana, Arial, Helvetica, sans-serif;
	color: #2E8B57;
	text-align: center;
}
.content h3 {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #2E8B57;
	text-align: ;
}
.content h4 {
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #2E8B57;
	text-align: center;
}
.content p {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-indent: 20px;
	line-height: 1,5;
	text-align: justify
}
.content li {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-indent: 20px;
	line-height: 1,5;
	text-align: justify
}
.content a {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #2E8B57;
	text-decoration: none;
	border-bottom: 2px dotted #2E8B57;
}
.content a:hover {
	text-decoration: none;
	border: 0px;
}
.list {
    padding:0;
    list-style: none;
    counter-reset: li;
}    
.list li {
    position: relative;
    padding:12px 20px 20px 28px;
    margin-left: 40px;
    transition-duration: 0.3s;
}
.list li:before {
    border: 6px solid transparent;
    line-height: 30px;
    position: absolute;
    top: 0;
    left:-41px;
    width:42px;
    text-align:center;
    font-size: 13px;
    font-weight: bold;
    color: #2E8B57;
    counter-increment: li;
    content: counter(li);
    transition-duration: 0.3s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
    }
.list li:hover:before {
    color: #2E8B57;    
}
.list li:after {
    position: absolute;
    top: 0;
    left: -30px;
    width: 42px;
    height: 42px;
    border: 6px solid #2E8B57;
    border-radius: 50%;
    content: '';
    opacity: 0.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.list li:hover:after {
    animation: 500ms ease-in-out 0s bounceIn;
    opacity: 1;
}    
.txt {
   display:inline-block;
   color:#000000;
   width:200px;
   margin-bottom:10px;
   border:2px solid #2E8B57;
   padding:5px 9px;
   font-size:15px!important;
   line-height:1.4em;
}
.txtarea {
   display:inline-block;
   color:#000000;
   width:660px;
   margin-bottom:10px;
   border:2px solid #2E8B57;
   padding:5px 5px;
   font-size:17px!important;
   line-height:1.4em;
   height:110px;
}
.txt:focus, .txtarea:focus {
   border-style:solid;
   border-color:#2E8B57;
   color:#000000;
}
#send { 
    color:#fff;
    display:block;
    cursor:pointer;
    padding:5px 11px;
    font-size:1.2em;
    border:solid 1px #2E8B57;
    border-radius:1px;
    background:#2E8B57;
    width:210px;
    margin-bottom:2px;
	margin-left:225px
}
#send:hover {
    background:#8FBC8F;
}
.footer {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.footer p, .footer a {
	font: 16px Playfair Display;
	color: #444;
}
.footer a {
	text-decoration: none;
	border-bottom: 1px dotted #444;
}
.footer a:hover {
	text-decoration: none;
	border: 0px;
}