body{
	margin: 0;
	position: relative;
	font-family: "MyriadPro-Regular";
}
.header{
	width: 100%;
	position: relative;
}
	.header .top{
		background-color: rgb(0,152,70);
		padding:  2vw 10vw 2vw 10vw;
		overflow: auto;
	}
		.header .top a{
			height: 7vw;
			float: left;
			
		}
		.header .top a img{
			height: 100%
		}
		.header .top .info_top{
			float: right;
			height: 7vw;
			
		}
			.header .top .info_top div{
				display: flex;
				align-items: center;
				float: left;
				height: 3vw;
				width: auto;
				margin: 2vw;
			}
				.header .top .info_top div img{
					height: 2vw;
					float: left;
					padding: 0.5vw 0;
					margin-right: 1vw;
				}
				.header .top .info_top div span{
					float: left;
					font-size: 1.2vw;
					color: white;
				}			
	.header .menu{
		position: absolute;
		top: 12.5vw;
		width: 100%;
		text-align: center;
		z-index: 2;
	}		
		.header .menu a{
			display: inline-block;
			line-height: 2vw;
			height: 2vw;
			margin: 0 1vw;
			font-size: 1.5vw;
			text-decoration: none;
			color:rgb(0,152,70);
			vertical-align: top;
		}
			.header .menu a:hover{
				border-bottom: 2px solid rgb(0,152,70);
			}
			.header .menu a img{
				height: 1.8vw;
				margin-top: 0.1vw;
			}
.news_content{
	width: 100%;
	background-color: rgb(226,237,194);
}		
	.news_content .news_top{
		position: relative;
	}
		.news_content .news_top h1{
			width: 100%;
			text-align: center;
			position: absolute;
			bottom: 5%;
			font-size: 4vw;
		}
	.news_content .news_list{
		overflow: hidden;
	}
		.news_content .news_list{
			width: 90%;
			margin: auto;
		}
			.news_content .news_list .news_block{
				display: block;
				float: left;
				width: 23.3%;
				margin: 0 5%;
				background-color: white;
				text-decoration: none;
				color: black;
			}
				.news_content .news_list .news_block img{
					width: 100%;
				}
				.news_content .news_list .news_block div{
					height: 7vw;
					overflow: hidden;
				}				
				.news_content .news_list .news_block h1{
					font-size: 1.5vw;
					margin: 1vw;
				}
				.news_content .news_list .news_block p{
					font-size: 1vw;
					margin: 1vw;
				}	
				
	.news_content .news_bottom{
		position: relative;
	}		
		.news_content .news_bottom div{
			width: 100%;
			position: absolute;
			top: 30%;
			text-align: center;
		}
		.news_content .news_bottom div a{
			display: inline-block;
			margin: auto;
			padding: 1vw 2vw;
			background-color: rgb(0,152,70);
			color: white;
			font-size: 2vw;
			text-decoration: none;
			line-height: 2vw;
			border-radius: 2vw;
		}
.rent{
	width: 100%;
	overflow: hidden;
}		
	.rent .lb{
		width: 50%;
		float: left;
		padding: 2vw 8vw;
		box-sizing: border-box;
	}
		.rent .lb h1{
			font-size: 4vw;
		}
		.rent .lb p{
			font-size: 2vw;
		}
		.rent .lb div{
			width: 100%;
			margin-top: 7vw;
			text-align: center;
		}
		.rent .lb div a{
			padding: 1vw 2vw;
			background-color: rgb(0,152,70);
			color: white;
			font-size: 2vw;
			text-decoration: none;
			line-height: 2vw;
			border-radius: 2vw;			
		}
	.rent .rb{
		width: 50%;
		float: left;	
font-size: 0;	
position: relative;
	}	
		.rent .rb img{
			width: 100%;
		}
		.rent_form{
			position: absolute;
			top: 0;
			left: 100%;
			right: 0;
			bottom: 0;
			box-sizing: border-box;
			min-width: 50vw;
			padding: 4% 20%;
			background-color: rgba(0,0,0,0.5);
			transition-duration: 1s;
			z-index: 10000000000;
		}
		.rent_form .closeForm{
			position: absolute;
			top: 1vw;
			right: 3vw;
			font-size: 4vw;
			color: white;
			text-decoration: none;
		}
			.rent_form label{
				display: block;
				width: 100%;
				font-size: 1.5vw;
				color: white;
				margin-top: 1vw;
				text-transform: uppercase;
				font-weight: bold;
			}
			.rent_form .form-control{
				display: block;
				width: 100%;
				border-width: 0;
				font-size: 1vw;
				padding: 0.5vw;
				background: rgba(255,255,255,1)!important;
				border-radius: 0.5vw;
				color: black;
				box-sizing: border-box;
				
			}
			*:focus {outline: none;}

			input {outline: none;}
			input:-webkit-autofill {
				-webkit-box-shadow: inset 0 0 0 50px white !important; 
			}
			.rent_form textarea{
				width: 100%;
				resize: none;
				border-width: 0;
				padding: 0.5vw;
				background: rgba(255,255,255,1);
				border-radius: 0.5vw;		
				font-size: 1vw;
				height: 6vw;
				line-height: 1.5vw;
				box-sizing: border-box;
			}
			.rent_form .politik{
				margin-top: 1.2vw;
				overflow: auto;
				height: 2vw;
				overflow: visible;
			}
			.rent_form .politik input{
				width: 1.5vw;
				height: 1.5vw;
				background-color: white;
				border-radius: 50%;
				display: none;
			}
			.rent_form .politik label{
				float: right;
				width: auto;
				width: 80%;
				margin-top: 0;
				font-size: 1vw;
			}
			.rent_form .politik input[type="checkbox"]+label:before{
				content: ""; 
				position: absolute; 
				width: 0.8vw; 
				height: 0.8vw; 
				border-radius: 0.2vw; 
				background: rgba(255,255,255,1);
				margin: 0.25vw 0 0 -2vw;
				padding: 0.2vw;
			}
			.rent_form .politik input[type="checkbox"]:checked+label:before {
				background: #fff;
				font-family: 'FontAwesome';
				content: "\f00c";
				color: rgb(0,152,70);
				width: 0.8vw; 
				height: 0.8vw; 
				line-height: 0.8vw;	
				font-size: 0.8vw;
			}				
.plan{
	width: 100%;
	position: relative;
	overflow: hidden;
}		
	.plan img{
		width: 100%;
	}
	.plan .icon{
		position: absolute;
		top: 15%;
		left: 10%;
		width: 30%;
	}
	.plan .text{
		position: absolute;
		top: 20%;
		right: 10%;
	}
	.plan .text h1{
		font-size: 4vw;
	}
	.plan .text p{
		font-size: 2vw;
	}
	.plan .text div{
		margin-top: 4vw;
	}	
	.plan .text a{
		padding: 1vw 6vw;
		background-color: rgb(0,152,70);
		color: white;
		font-size: 2vw;
		text-decoration: none;
		line-height: 2vw;
		border-radius: 2vw;			
	}	
.product_content{
	background-color: rgb(0,152,70);
	color: white;
	text-align: center;
}
	.product_content h1{
		padding-top: 6vw;
		font-size: 4vw;
	}
	.product_content .product_slider{
		
	}
		.product_content .product_slider .product{
			margin: 2vw;
		}
			.product_content .product_slider .product img{
				width: 100%;
			}
			.product_content .product_slider .product h2{
				font-size: 1.5vw;
				height: 3vw;
			}
			.product_content .product_slider .product p{
					font-size: 1vw;
			}			
.contact_form_content{
	position: relative;
	background-color: rgb(157,204,164);
}
	.contact_form_content img{
		width: 100%;
	}
	.contact_form_content .sign_1{
		position: absolute;
		top: 3vw;
		left: 10.4vw;
		width: 14.2vw;
	}
	.contact_form{
		position: absolute;
		top: 5%;
		left:25%;
		width: 50%;

	}
	.contact_form h3{
		text-align: center;
		font-size: 5vw;
		color: rgb(0,152,70);
		margin: 0;
		margin-bottom: 5%;
	}
	.contact_form .input_block_1{
		width: 45%;
		float: left;
		margin-bottom: 3%;
		
	}
	.contact_form .input_block_2{
		width: 100%;
		
	}	
	.contact_form label{
		width: 100%;
		font-size: 2vw;
		color: rgb(0,152,70);
		padding-left: 1vw;
	}
	.contact_form .form-control{
		width: 100%;
		border-width: 0;
		font-size: 1.5vw;
		padding: 0.5vw;
		background: rgba(255,255,255,0.5);
		border-radius: 0.5vw;
	}
	.contact_form textarea{
		width: 100%;
		resize: none;
		border-width: 0;
		padding: 0.5vw;
		background: rgba(255,255,255,0.5);
		border-radius: 0.5vw;		
		font-size: 1.5vw;
		height: 15vw;
		line-height: 1.5vw;
	}
.politik{
			margin-top: 1.2vw;
			overflow: auto;
			height: 2vw;
		}
		.politik input{
			width: 1.5vw;
			height: 1.5vw;
			background-color: white;
			border-radius: 50%;
			display: none;
		}
		.politik label{
			float: right;
			width: auto;
			width: 87%;
			margin-top: 0;
			font-size: 1.5vw;
		}
		.politik input[type="checkbox"]+label:before{
			content: ""; 
			position: absolute; 
			width: 0.8vw; 
			height: 0.8vw; 
			border-radius: 0.2vw; 
			background: rgba(255,255,255,0.5);
			margin: 0.25vw 0 0 -2vw;
			padding: 0.2vw;
		}
		.politik input[type="checkbox"]:checked+label:before {
			background: #fff;
			font-family: 'FontAwesome';
			content: "\f00c";
			color: rgb(0,152,70);
			width: 0.8vw; 
			height: 0.8vw; 
			line-height: 0.8vw;	
			font-size: 0.8vw;
		}			
		.btn_send{
			position: relative;
			top: auto;
			cursor: pointer;
			display: block;
			margin: auto;
			margin-top: 1.5vw;
			background-color: rgb(0,152,70);
			outline: none;
			font-size: 2vw;
			line-height: 2vw;
			border-radius: 0.2vw;
			border: 0px solid black;
			padding: 1vw 4vw;
			color: white;
			border-radius: 2vw;	
		}
.bottom_content{
	width: 100%;
	position: relative;
}	
	.bottom_content .bg{
		width: 100%;
	}
	.bottom_info{
		position: absolute;
		top: 15%;
		left: 10%;
		width: 80%;
		color: rgb(0,152,70);
	}
		.bottom_block_1{
			width: 33%;
			float: left;
		}
			.bottom_block_1 img{
				width: 100%;
			}
		.bottom_block_2{
			width: 30%;
			margin-left: 15%;
			float: left;
			margin-top: 2.5vw;
		}
		
			.bottom_block_2 div{
				display: flex;
				align-items: center;
				height: 3vw;
				width: auto;
				margin: 2vw;
			}
				.bottom_block_2 div img{
					height: 2vw;
					float: left;
					padding: 0.5vw 0;
					margin-right: 1vw;
				}
				.bottom_block_2 div span{
					float: left;
					font-size: 1.5vw;
					color: rgb(0,152,70);
				}
		.bottom_block_3{
			width: 20%;
			float: left;
			margin-top: 4vw;
		}
			.bottom_block_3 div{
				margin-left: 4vw;
			}
			.bottom_block_3 a{
				color: rgb(0,152,70);
				font-size: 1.5vw;
				text-decoration: none;
				line-height: 2.5vw;
			}
			.bottom_block_3 a:hover{
				border-bottom: 2px solid rgb(0,152,70);
			}
			.bottom_block_3 a img{
				height: 1.5vw;
			}

.news_fancy_box{
	width: 60%;
}	
	.news_fancy_box h1{
		font-size: 2vw;
		text-align: center;
	}
	.news_fancy_box img{
		width: 100%;
	}
	.news_fancy_box p{
		font-size: 1vw;
	}

.fancybox-toolbar div {
    display: inline-block;
    height: 44px;
    line-height: 42px;
    background: rgba(30,30,30,0.6);
    color: #ccc;
    font-size: 12px;
    font-weight: bold;
    min-width: 42px;
    text-align: center;
    white-space: nowrap;
}

	.imglist{
		font-size: 0;
	}
	.imglist a{
		width: 22%;
		height: 8vw;
		margin: 1.5%;
		display: block;
		float: left;
		overflow: hidden;
	}
	.imglist img{
		
	}

  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 0 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
    overflow: visible;
  }

  .fancybox-thumbs::-webkit-scrollbar {
    height: 7px;
  }

  .fancybox-thumbs::-webkit-scrollbar-track {
    background: #2a2a2a;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  }

  .fancybox-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
  }

			
/*MAP*/
	.header .page_path{
		position: absolute;
		top: 12.5vw;
		left: 11%;
		
		z-index: 2;
	}		
		.header .page_path a,
		.header .page_path span{
			display: inline-block;
			line-height: 2vw;
			height: 2vw;
			margin: 0 0.5vw;
			font-size: 1.5vw;
			text-decoration: none;
			color:rgb(0,152,70);
			vertical-align: top;
		}		
			.header .page_path a:hover{
				border-bottom: 2px solid rgb(0,152,70);
			}
			.header .page_path a img{
				height: 1.8vw;
				margin-top: 0.1vw;
			}
			
.map_content{
	width: 70%;
	margin: 5vw auto;
	position: relative;
}	
	.map_data{
		position: absolute;
		top: 2%;
		right: -5%;
		width: 25%;
	}
		.map_data img{
			width: 100%;
			transition-duration: 0.5s;
		}
		.map_data .map_data_select{
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
		}
			.data_triger{
				position: absolute;
				width: 100%;
				height: 2vw;
				z-index: 22222222222222;
				cursor: pointer;
			}		
	.object{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;		
	}
		.object .trigger{
			position: absolute;
			/* background-color: red;   */
			opacity: 0.5;
			z-index: 1111111111;
		}
		.object .plan_object{
			width: 100%;
			opacity: 0;
			position: relative;
		}
		.object .plan_object .select_object{
			width: 100%;
		}
		.object .plan_object .photo_object{
			position: absolute;
			width: 10vw;
			border-radius: 50%;
			border: 5px solid rgb(0,152,70);
			padding: 5px;
			background-color: white;
		}
	.main_img{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 1;
		transition-duration: 0.5s;
		
	}			
			
			
#go-top {
  position: fixed; 
  top: 25px; 
  left: 10px; 
  cursor:pointer; 
  display:none;
  padding: 0.2vw 0.8vw;
  background:rgb(0,152,70);
  color: white;
  font-size: 1vw;
  line-height: 2vw;
  text-align: center;
  border-radius: 0.5vw;
  box-shadow: 0 0 1px black, 0 0 5px white;
  z-index: 1;
}
#go-top i{
	font-size: 2.5vw;
	position: relative;
	top: 0.8vw;
}
#go-top:hover {
  background:rgb(0,131,70);
}				
		
/**********************/
@font-face{
	font-family: "MyriadPro-Regular";
	src: url("fonts/MyriadPro-Regular.otf") format("truetype");
	font-style: normal;
	font-weight: normal;
}