*{
	margin: 0;
	padding: 0;
}
/*====================================*/
.wraper{	
	display:flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 600px;
	background-image: url("img/background/Baner3/Background_panorama3.png");
	background-size: contain;
}

.aside{
	width: 68%;
	height: 83%;
	background-image: url("img/background/Baner3/Agava.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment: inherit;
}
.buton{
	display: inline-block;
	position: absolute;
	border: 2px solid white;
	padding: 10px 30px;	
	top: 20px;
	right: 30px;
	background-color: lightgray;
}
.buton>a{
	text-transform: capitalize;
	font-size: 30px;
	color: white;	
	text-decoration: none;	
}
.buton:hover{
	background-color: grey;
}
@media (max-width:1100px){
	.buton{
		position: static;
	}
	.wraper{
		flex-direction: column;
	}
} 
/*====================price================*/

.price{
	position: absolute;
	top: 0px;
	left:20%;
	width: 15%;
	background-color: white;
	box-sizing: border-box;
}
.price_in{
	margin: 20px;
}

.arr{
	text-align: left;
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	border-bottom: 3px solid black;
}
.name_ag{
	text-align: left;
	font-size: 23px;
	text-transform: capitalize;
}
.name_sun, .name_water{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.name>div{
	padding: 10px 0px 0px 0px;
}
.sun{
	width: 20%;
	height: 30px;
	background-image: url(img/background/Baner2/Graphic%20Elements_sun.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.water{
	width: 20%;
	height: 30px;
	background-image: url(img/background/Baner2/Graphic%20Elements_water.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.inch{
	padding-top: 40px;
}
.inch_first{
	padding-bottom: 5px;
	border-bottom: 1px solid black;
}
.inch_second{
	padding-top: 5px;
}