body{
	font-family: Arial,sans-serif;
	height: 100%;
	margin: 0;
	margin-top: -16px;
	padding: 0;
	width: 100%;
}
.wrapper{
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}
.button:link, .button:visited
{
	background: linear-gradient(to top, #b53025, #eb3924);
	border: 1px solid #ba6228;
	display: inline-block;
	text-decoration: none;
}
	.button:hover{
		background: linear-gradient(to top, #AF1616, #FF1B00);
	}

/* header */

#green-top{
	background: #5fa845;
	display: inline-block;
	min-height: 60px;
	width: 100%;
}
	#green-top ul li{
		display: inline-block;
		float: left;
		list-style: none;
		margin: 10px 20px 0 0;
	}

/* section 1 */

#cd-view{
	background: url(../img/fon_1.jpg) repeat;
	min-height: 447px;
	padding-top: 15px;
	width: 100%;
	}
	#green-life{
		background: url(../img/elipse.png) no-repeat;
		color: #000;
		display: inline-block;
		float: right;
		font-size: 30px;
		height: 372px;
		margin-top: -20px;
		width: 414px;
	}
		#green-life div{
			line-height: 40px;
			margin-left: 25px;
			margin-top: 90px;
			text-align: center;
		}
		#green-life span{
			background: #5a9641;
			border-radius: 3px;
			color: #000000;
			font-size: 23px;
			padding: 4px 21px;
		}
	#green-life+div{
		margin: 0 auto;
		width: 370px;
	}
	#disk-cover{
		background: url(../img/disk.png) no-repeat;
		display: inline-block;
		float: left;
		height: 357px;
		margin-top: 10px;
		width: 306px;
	}
	#first-button{
		border-radius: 10px;
		color: #fff;
		font-family: Arial, sans-serif;
		font-size: 35px;
		margin-bottom: 15px;
		padding: 17px 50px;
	}

@media (max-width: 720px) and (min-width: 0px){
	#cd-view{
		text-align: center;
	}
	#disk-cover{
		float: none;
	}
	#green-life{
		float: none;
	}
}

/* section 2 */

#description{
	background: #fefaea;
	border-bottom: 20px solid #6fac57;
	border-top: 10px solid #6fac57;
	height: auto;
	min-height: 488px;
}
	#description img{
		float: left;
	}
	#description p{
		color: #373c3c;
		font-family: Arial,sans-serif;
		font-size: 18px;
		padding-top: 70px;
	}
		#description p span{
			color: #366d35;
		}

/* sectio 3 */
.direction{
	color: #000;
	display: inline-block;
	font-family: Arial,sans-serif;
	font-size: 24px;
	padding-top: 30px;
	text-align: center;
}
	.direction span{
		font-family: Georgia,sans-serif;
	}

/* section 4 */

#directions-title{
	background: #93c958;
	color: #373c3c;
	font-family: Arial,sans-serif;
	font-size: 26px;
	line-height: 60px;
	min-height: 60px;
	text-align: center;
}

/* section 4 */

#directions{
	background: url(../img/fon_2.jpg);
}
	#directions .wrapper{
		max-width: 945px;
		text-align: center;
	}

/* section 5 */

#details{
	background: #fef8d9;
	color: #373c3c;
	font-family: Arial,sans-serif;
	font-size: 16px;
}
	#details .wrapper{
		max-width: 900px;
		text-align: center;
	}
		#details .wrapper div:not(:first-child){
			margin-top: -30px;
		}
		#details .wrapper div:last-child{
			padding-bottom: 30px;
		}
		#details b{
			color: #000;
		}
		.elipse{
			display: inline-block;
			position: relative;
			text-align: center;
			top: 80px;
			width: 250px;
		}
			.elipse p{
				font-size: 28px;
				margin-bottom: 100px;
				margin-top: -25px;
			}
				.elipse p span{
					font-family: Georgia, sans-serif;
				}
				#m1:before{
					background: url(../img/sprite.png) -68px 0;
					content: "";
					display: inline-block;
					height: 65px;
					margin-right: 15px;
					position: relative;
					top: 20px;
					width: 68px;
				}
				#m2:before{
					background: url(../img/sprite.png) 0px -65px;
					content: "";
					display: inline-block;
					height: 65px;
					margin-right: 15px;
					position: relative;
					top: 20px;
					width: 68px;
				}
				#m3:before{
					background: url(../img/sprite.png) -204px 0;
					content: "";
					display: inline-block;
					height: 65px;
					margin-right: 15px;
					position: relative;
					top: 20px;
					width: 68px;
				}
				#m4:before{
					background: url(../img/sprite.png) -136px 0;
					content: "";
					display: inline-block;
					height: 65px;
					margin-right: 15px;
					position: relative;
					top: 20px;
					width: 68px;
				}
				#m5:before{
					background: url(../img/sprite.png);
					content: "";
					display: inline-block;
					height: 65px;
					margin-right: 15px;
					position: relative;
					top: 20px;
					width: 68px;
				}
		.text-details{
			display: inline-block;
			min-width: 250px;
			padding-top: 10px;
			text-align: left;
			width: 66%;
		}

/* section 6 */

#info{
	background: #93c958;
	border-bottom: 5px solid #6ebe44;
	border-top: 5px solid #6ebe44;
	font-family: Arial,sans-serif;
	font-size: 28px;
	min-height: 150px;
}
	#info .wrapper{
		max-width: 1000px;
		text-align: center;
	}
		#voice{
			color: #3a4932;
			display: inline-block;
			margin: 20px 30px 40px;
		}
			#voice:before{
				background: url(../img/sprite.png) -123px -65px;
				content: "";
				display: inline-block;
				height: 62px;
				position: relative;
				right: 20px;
				top: 23px;
				width: 55px;
			}
		#length{
			color: #477336;
			display: inline-block;
			margin: 20px 30px;
		}
			#length:before{
				background: url(../img/sprite.png) -68px -65px;
				content: "";
				display: inline-block;
				height: 52px;
				position: relative;
				right: 20px;
				top: 15px;
				width: 55px;
			}

/* section 7 */

#buy{
	background: url(../img/fon_3.jpg);
	margin-top: -16px;
	max-height: 680px;
}
	#buy .wrapper{
		max-width: 1000px;
	}
		#buy-bg{
			background: rgba(255, 255, 255, 0.36);
			padding-top: 25px;
			text-align: center;
		}
		#cost-elipse{
			background: url(../img/kryg_uena.png) -29px 0;
			display: inline-block;
			background-size: cover;
			height: 390px;
			width: 380px;
		}
			#cost-elipse p:first-child {
				color: #3a4932;
				font-size: 44px;
				margin-top: 80px;
			}
			#cost-elipse p:nth-child(2){
				color: #3a4932;
				font-size: 24px;
				margin-top: -32px;
			}
			#cost-elipse p:nth-child(3){
				color: #fff;
				font-family: Georgia,sans-serif;
				font-size: 37px;
				margin-top: 27px;
				text-decoration: line-through;
			}
			#cost-elipse p:nth-child(4){
				color: #fff;
				font-family: Georgia,sans-serif;
				font-size: 50px;
				margin-top: -30px;
			}
		#second-button{
			border-radius: 10px;
			color: #fff;
			font-family: Arial, sans-serif;
			font-size: 37px;
			margin-bottom: 40px;
			margin-top: 25px;
			padding: 20px 72px;
		}

/* footer */

#footer{
	background: #2a3c20;
	color: #fdfdfe;
	font-family: Arial,sans-serif;
	font-size: 24px;
	height: 110px;
	line-height: 110px;
	text-align: center;
}