body{
	padding:0px;
	margin:0px;
	background-color:#ecf0f1;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	overflow:hidden;
	font-size: 1.2vmax;
	color: #202020;
	text-shadow: 1px 1px #fff;
}
header{
	position:fixed;
	width:100%;
	height:auto;
	z-index:10;
}
content{
	position:relative;
    height:auto;
	width:100%;
	overflow:hidden;
	z-index:1;
}
footer{
	position:fixed;
	width:100%;
	height:auto;
	z-index:11;
	bottom:0px;
	color:#2b579a;
}
::-webkit-scrollbar {  
	width: 12px;  
}  
::-webkit-scrollbar-track {  
	background-color: #eaeaea;  
	border-left: 1px solid #ccc;  
}  
::-webkit-scrollbar-thumb {  
	background-color: #ccc;  
}  
::-webkit-scrollbar-thumb:hover {  
	background-color: #aaa;  
}
.wrapper_isi_contnt{
	position:relative;
	height:auto;
	transition:1s;
	transform:translateY(0px);
	top:-10px;
}
.logo{
	position:fixed;
	left:2%;
	border:5px solid #2b579a;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	width:14%;
	z-index:2;
}
.quote{
	position:fixed;
	left:15%;
	margin-top:3%;
	padding: 5px 5px 7px 2%;
	background-color:#2b579a;
	z-index:1;
	font-size:12px;
	color:#fff;
	text-shadow:none;
}
.address{
	position:absolute;
	top: 11%;
	left:15%;
	z-index:1;
	background-color:#2b579a;
	padding:5px;
	padding-left:2%;
	font-weight:bold;
	font-size:18px;
	color:#fff;
	text-shadow:none;
}
._content{
	position:relative;
    height:100vh;
	width:100%;
}
.wrapper_menu_master{
	position:fixed;
	width:auto;
	height:auto;
	margin-top:2%;
	right:-25%;
}
.menu{
	float:left;
	margin-right:-80px;
	border:5px solid #2b579a;
	width:60px;
	height:60px;
	border-radius:50%;
	background-image: url(../images/btn_property.png);
	background-color:#fff;
	cursor:pointer;
	transition:0.3s;
}
.menu:hover{
	border:5px solid #c2d5f2;
}
.home{
	background-position: 0px -61px;
}
.home:hover{
	background-position: 0px -2px;
}
.about{
	background-position: -57px -60px;
}
.about:hover{
	background-position: -57px -2px;
}
.services{
	background-position: -119px -61px;
}
.services:hover{
	background-position: -119px -2px;
}
.contact{
	background-position: -180px -61px;
}
.contact:hover{
	background-position: -180px -2px;
}
.wrapper_cpr{
	float: left;
	width: auto;
	height: auto;
	border-radius: 50%;
	padding: 35px 20px 60px;
	margin-left: 2%;
	margin-bottom: -120px;
	font-size: 0.9vmax;
	transition:0.5s;
}
.wrapper_medsos{
	float: right;
	width: auto;
	height: auto;
	border-radius: 50%;
	padding: 35px 20px 60px;
	margin-right: 2%;
	margin-bottom: -41px;
	font-size: 1.6vmax;
	transition: 1s;
}
.wrapper_medsos a{
	color:#2b579a;
	transition: color 0.5s ease;
}
.wrapper_medsos a:hover{
	color:#76A2E5;
	text-shadow:none;
}
.head_menu_mobile{
	display:none;
	float:right;
	width: 100%;
}
.now_menu_mobile{
	border-right:1px solid #fff;
	margin-right: 1%;
	padding-right:1%;
}
.btn_mobile{
	cursor:pointer;
}
.btn_mobile:hover{
	color:#ccc;
}
header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
	background-color: #2b579a;
	display:none;
}
header li {
	border-bottom: 1px solid #ccc;
}/*
li:last-child {
	border: none;
}*/
header li a {
	text-decoration: none;
	-webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
	-moz-transition: font-size 0.3s ease, background-color 0.3s ease;
	-o-transition: font-size 0.3s ease, background-color 0.3s ease;
	-ms-transition: font-size 0.3s ease, background-color 0.3s ease;
	transition: font-size 0.3s ease, background-color 0.3s ease;
	display: block;
	width: 200px;
	color:#fff;
	text-shadow:none;
}
header li a:hover {
  font-size: 2vmax;
}
#maps{
	width:100%;
	height:47vh;
}
@media (max-width: 800px){
	.head_menu_mobile{ display:block; }
	.wrapper_menu_master{ display:none; }
	.wrapper_cpr{ padding:10px 20px 60px; font-size: 1.5vmax;}
	.wrapper_medsos{ padding: 10px 20px 60px; font-size: 2vmax;}
	.wrapper_medsos a{ color: #fff; }
	footer{color: #fff; text-shadow: none; background-color:#2b579a;}
	.clound{ display:none; }
	.waves{ display:none; }
	.address{ display:none; }
	.boat{ display:none; }
	.logo{ margin-top: 0px;left:0; }
	.quote{
		position:static;
		left:0;
		float: right;
		width: 100%;
		margin-top: 0px;
		text-align: right;
		font-size: 1.9vh;
	}
	._content{
		float: left;
	}
	body,content{
		overflow-y:scroll;
		font-size: 1.5vmax;
	}
	header{
		background-color:#2b579a;
	}
}