/* CSS Document */
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
img { border: none !important; }

textarea:focus, input:focus {
    outline: none;
}
*:focus {
    outline: none;
}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }

html, body {
padding: 0;
margin: 0;
width: 100%;
}
#container {
width: 100%;
top: 0;
padding: 0;
margin: 0;
text-align: center;
background-color: #FFF;
}

.header-element,
#footer,
.hero-text-block,
.content, 
.content_1, 
.content_2,
.content_legal,
.bar-content { 
	max-width: 1350px;
	}

#footer,
.hero-text-block,
.content, 
.content_1, 
.content_2,
.content_legal,
.bar-content { 
		width: 90% !important;
		padding: 0;
		margin: 0;
		margin-left: auto !important;
		margin-right: auto !important;
		display: table;
		text-align: left;
		}
		.content_map { 
			width: 100% !important;
			padding: 0;
			margin: 0;
			display: block;
			}
			.content_map iframe { height: 500px; } 
		.content, 
		.content_1, 
		.content_2, 
		.content_legal,
		.content_map {
			vertical-align: top;
			padding-top: 0;
			margin-bottom: 0 !important;
				-webkit-animation: fadein 3s;
			       -moz-animation: fadein 3s;
			        -ms-animation: fadein 3s;
			         -o-animation: fadein 3s;
			            animation: fadein 3s;
			}
			.content { 
				padding-bottom: 40px;
				}
			.content_1 { 
				padding-top: 80px;
				padding-bottom: 40px;
				border-top: 1px dotted #4192b7;
				}
			.content_2 { 
				padding-top: 60px;
				padding-bottom: 70px;
				}
			.content_legal { 
				padding-top: 85px;
				padding-bottom: 40px;
				border-top: 1px dotted #4192b7;
				}
			.content_map {
				padding-bottom: 0;
				margin-bottom: 0;
				}
				.content_1 .text-highlight { 
					color:#4192b7;
					text-align: center;
					font-size: 28px;
					}
					.content_1 .text-highlight a:link,
					.content_1 .text-highlight a:visited  { 
					-webkit-transition: .35s ease-in-out; 
					transition: .35s ease-in-out;
					color:#4192b7;
					}
					.content_1 .text-highlight a:hover  { 
					color:#666666;
					}
				.content_2 .text-highlight { 
					width: 80%;
					padding: 0 10%;
					text-align: center;
					}
#header,
#header-shadow,
#header-shadow-1 { 
	width: 100%;
	height: 92px !important;
	padding: 0;
	margin: 0;
	text-align: left; 
	top:0;
	display: table;
	position: fixed;
	z-index: 20;
	background-color: rgba(100, 100, 100, 0);
	-webkit-transition: .2s ease-in-out; 
	transition: .2s ease-in-out; 
	}
	#header:hover { 
		background-color: rgba(100, 100, 100, 1);
		}
		#header-shadow,
		#header-shadow-1 {
			background-color: rgba(100, 100, 100, 1);
			z-index: 10;
				-webkit-animation: fadein .2s;
			       -moz-animation: fadein .2s;
			        -ms-animation: fadein .2s;
			         -o-animation: fadein .2s;
			            animation: fadein .2s;
			}
			#header-shadow {				
				border: 0;
				display: none;
				}
	.header-element {
		height: 92px !important;
		width: 90% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: table;
				-webkit-animation: fadein 2s;
			       -moz-animation: fadein 2s;
			        -ms-animation: fadein 2s;
			         -o-animation: fadein 2s;
			            animation: fadein 2s;
		}
	.middle {
		height: 100%;
		display: table-cell;
		vertical-align: middle;
		}
	#logo {
		float: left;
		margin-top: 2px;
		}
	#logo img {
		width: 198px;
		margin-left: 4px;
		}
	nav { 
		padding: 0;
		margin: 0;
		border: 0;
		overflow: hidden;
		overflow-x: hidden;
		float: right;
		}
		nav ul { 
			margin: 0; 
			padding: 17px 0 15px 0;
			list-style: none;
			}
		nav li { 
			text-align: center;
			}	
			
	#menu-icon {
		display: none;
		width: 40px;
		height: 40px;
		top: 34px;
		z-index: 100;
		}
	.menu-responsive { display: none; }
	
	.nav li { 
		display: inline-block;
		padding: 0 17px;
		}
/*--- responsive nav end ---*/

.nav {
	font-family: 'Public Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.15em;
	letter-spacing: 0.01em;
	color: #FFF;
	}
	.nav a:link,
	.nav a:visited {
		color: #FFF;
		text-decoration: none;
		border-bottom:2px solid transparent;
		padding-bottom:3px;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		}
	.nav a:hover {
		color: #FFF;
		text-decoration: none;
		border-bottom:2px solid #FFF;
		padding-bottom:3px;
		}
	.current { border-bottom:2px solid #FFF; padding-bottom:3px; }  /* -------------- NEED SCRIPT ---------------- */

#footer {
	padding: 55px 0 40px 0;
	vertical-align: top;
	}
	#footer_1,
	#footer_2,
	#footer_3 { 
		text-align: left; 
		display: block; 
		float: left; 
		width: 33%;
		}		
		#footer_1 { 
			width: 33%;
			padding-right:2%;
			}
		#footer_2,
		#footer_3 { 
			border-left:#444 dotted 1px;
			width: 30%;
			padding-left:2%;
			}
	#copyright { 
		width: 100%; 
		display:block;
		clear:both;
		float:none;
		padding: 100px 0 0 0; 
		}
		#copyright .group { padding-right: 35px; }
		
		#legal { display:inline-block; }
		
.hero-text-block {
	height: 100%;
	position: relative;
	z-index: 10;
	}
	.position { position: absolute; }
	.position { width:37%; float: left; bottom: 0; padding-bottom: 6.5%; }
				
			.hero-text,
			.hero-text b {
				font-family: 'Montserrat', sans-serif;
				font-weight: 300;
				font-size: 39px;
				line-height: 1.1em;	
				text-align:left;
				color: #FFF;
				text-shadow: 0px 1px 24px #555;
				letter-spacing:-0.015em;
					-webkit-animation: fadein 4s;
				       -moz-animation: fadein 4s;
				        -ms-animation: fadein 4s;
				         -o-animation: fadein 4s;
				            animation: fadein 4s;
				}
				.hero-text b { 
					font-weight: 600; 
					font-size: 74px;
					line-height: .92em;
					letter-spacing: 0em;
					}
			@media only screen and (max-width: 1440px) {	
				.hero-text { font-size: 31px; }
				.hero-text b { font-size: 60px; }
				.position { padding-bottom: 5.5%; }
			}
			@media only screen and (max-width: 1100px) {	
				.hero-text { font-size: 29px; }
				.hero-text b { font-size: 57px; }
			}
			@media only screen and (max-width: 900px) {	
				.hero-text { font-size: 27px; }
				.hero-text b { font-size: 54px; }
			}
			@media only screen and (max-width: 780px) {	
				.hero-text { font-size: 26px; }
				.hero-text b { font-size: 49px; }
			}
			@media only screen and (max-width: 600px) {	
				.hero-text { font-size: 26px; }
				.hero-text b { font-size: 40px; }
			}
			@media only screen and (max-width: 550px) {	
				.hero-text { font-size: 26px; }
				.hero-text b { font-size: 36px; }
			}
			
		#img { width: 100%; height:auto; border: none; }
	
		.property_content,
		.leasing_content { 
			width:100%;
			padding: 0;
			margin-top: 30px;
			margin-bottom: 30px;
			display:table;
			vertical-align: top;
			}
			.property_content { 
				width:104%;
				margin-left: -2%;
				margin-right: -2%;
				}
				.property_text,
				.leasing_text { 
					border-top: 1px solid #AAA;
					height: auto;
					width: 100%; 
					margin-bottom: 40px;
					padding: 0;
					text-align: left;
					display: block;
					float: left;
					}
				.property_text { 
					width: 46%; 
					margin-left: 2%;
					margin-right: 2%;
					}
				.leasing_text { 
					padding-top: 50px;
					}
					
	.headline { padding: 60px 0 30px 0; }
	
	.text_intro .headline { padding: 85px 0 40px 0; }
	
#page_title,
#product_intro,
#page_content,
#page_highlight {
	margin:20px 0 20px 0;
	clear:both;
	display:table;
	text-align:left;
	width: 100%; 
	padding: 0;
	}
	#page_title {
		margin: 40px 0;
		}
	#page_highlight {
		padding-top: 130px;
		padding-bottom: 120px;
		}
		#page_property_img {
			background-image:linear-gradient(rgba(100, 100, 100, .35), rgba(100, 100, 100, 0)), url("../image/009-035-ASK-1792.jpg");
			background-position: center;
			}
		#page_leasing_img {
			background-image:linear-gradient(rgba(100, 100, 100, .3), rgba(100, 100, 100, .1)), url("../image/018-042-ASK-1916.jpg");
			background-position: center;
			}
		#page_contact_img {
			background-image:linear-gradient(rgba(100, 100, 100, .2), rgba(100, 100, 100, .1)), url("../image/047-025-DJI-0693.jpg");
			background-position: bottom center;
			}
		#page_property_img,
		#page_leasing_img,
		#page_contact_img {
			height: 430px;
			background-color: #ddd;
			background-size: cover;					
			background-repeat: no-repeat;
			position: relative;
			}
		.gallery_1 {
			  width: 100%;
			  margin: 0;
			  padding: 0;
			  display: table;
			  background: #666;
				-webkit-animation: fadein 5s;
			       -moz-animation: fadein 5s;
			        -ms-animation: fadein 5s;
			         -o-animation: fadein 5s;
			            animation: fadein 5s;
			 }
			.gallery_1 img {
				  width: 25% !important;
				  height: auto;
				  padding: 0 !important;
				  margin: 0 !important;
				  display: block;
				  float: left;
				}
				.gallery_1 a:link,
				.gallery_1 a:visited {
				  opacity: 1; 
				  -webkit-transition: .3s ease-in-out; 
				  transition: .3s ease-in-out;
					}
				.gallery_1 a:hover {
					opacity: .8;
					}
	.leasing_text .headline,
	.leasing_text .details,
	.leasing_text .gallery { 
		text-align: left; 
		display: block; 
		float: left;
		vertical-align: top;
		padding: 0;
				-webkit-animation: fadein 5s;
			       -moz-animation: fadein 5s;
			        -ms-animation: fadein 5s;
			         -o-animation: fadein 5s;
			            animation: fadein 5s;
		}
		.leasing_text .headline { 
			width: 23%;
			padding-right:2%;
			display: block; 
			}
		 .leasing_text .details { 
			width: 29%;
			padding-right:2%;
			margin-top: 8px;
			 }
			 .leasing_text .details .text ul { 
				padding-bottom: 45px;
				 }
		 .leasing_text .gallery { 
			 width: 44%;
			 height: auto;
			 margin-top: 12px;
				-webkit-animation: fadein 10s;
			       -moz-animation: fadein 10s;
			        -ms-animation: fadein 10s;
			         -o-animation: fadein 10s;
			            animation: fadein 10s;
			 }
			.thumbnail {
				width: 100%;
				height: auto;
				padding: 0;
				display: table;
				}
				.thumbnail img {
					display: block;
					float: left;
					width: 22.6%;
					height: auto;
					padding: 0 1.2% 16px 1.2%;
					margin: 0;
					}
					.thumbnail a:link,
					.thumbnail a:visited {
						opacity: 1; 
						-webkit-transition: .3s ease-in-out; 
						transition: .3s ease-in-out;
						}
					.thumbnail a:hover {
						opacity: .8;
						}
		.download_button {
			width: 85%;
			height: 34px;
			margin: 0 0 18px 10px;
			background-color: #FFFFFF;
			border: #4192b7 1px solid;
			border-radius: 2px;
			vertical-align: center;
			text-align: center;
			display: table;
			font-size:100%;
				-webkit-transition: .3s ease-in-out; 
				transition: .3s ease-in-out;
			}
			.download_button:hover {
				background-color: #4192b7;
				color: #FFFFFF;
				}
			.download_button .text {
				color: #4192b7;
				 display: table-cell;
				 vertical-align: middle;
				}
			.download_button:hover .text { 
				color: #FFFFFF;
				-webkit-transition: .35s ease-in-out; 
				transition: .35s ease-in-out;
				}
				.copyright.notes { padding:0px 10% 5px 10px;line-height:1.4em }
#section {
	border-top:1px dotted #CCC;
	padding-top:140px;
	padding-bottom:85px;
}
.bar { width:100%; margin:0; background-color:#efefef; display: table; }
	.bar-content { 
		height:100%;
		margin-top:0;
		margin-bottom:0;
		padding:30px 5% 33px 5%;
		display:table;
		vertical-align: middle;
		position: relative;
		}
		.bar-col-1, .bar-col-2 { 
			text-align: left;
			display: block;
			float: left;
			}
			.bar-col-1 { width: 31%; margin-right:3.7%; margin-left:.3%; }
			.bar-col-2 { width: 65%; }

#topBtn img { width: 28px; height: 28px; }
	#topBtn {
	  display: none;
	  position: fixed;
	  bottom: 36px;
	  right: 32px;
	  z-index: 99;
	  border: none;
	  outline: none;
	  background-color: transparent;
	  color: white;
	  cursor: pointer;
	  padding: 0;
	}
	#topBtn:hover {
	  background-color: transparent;
	}
/*---------------------------- FORM ----------------------------*/
#col_1, #col_2 { 
	padding: 20px 0 0 0;
	vertical-align: top;
	text-align: left;
	display: block;
	float: left;
	}
	#col_1 { width: 28%; margin-right:6.3%; padding-bottom: 50px; border-bottom: 1px dotted #CCC; }
	#col_2 { width: 65.7%; }
	
	#block_form { 
		width: 100%; 
		margin: 0; 
		padding: 0 0 20px 0;
		display: table;
		}
		#block_form .form_item,
		#block_form .form_content {
			float: left;
			margin-bottom: 4px;
			vertical-align: middle;
			}
			#block_form .form_item { width: 30%; margin-right: 2%; padding-top:6px; }
			#block_form .form_content { width: 68%; }
	
		.row { margin:10px 0 0 0; }
		
		#message {
			min-height: 240px;
			width: 100%;
			}	
		.form_field,
		.form_menu {
				height: 36px;
				width: 100%;
				border: 1px solid #CCC;
				border-radius: 0px;
				float: left;
				padding: 0;
				margin: 0;
				-ms-box-sizing: content-box;
				-moz-box-sizing: content-box;
				-webkit-box-sizing: content-box; 
				box-sizing: content-box;
				}
				.form_field:focus { border: 1px solid #4192b7; }
		.form_menu {
				letter-spacing:.02em;
				}
		#form_button {
				width: 180px;
				height: 40px;
				background-color: #4192b7;
				color: #f4f4f4;
				border: none;
				border-radius: 2px;
				margin: 14px 0 14px 0;
				-webkit-transition: .2s ease-in-out; 
				transition: .2s ease-in-out; 
				}
				#form_button:hover {
				background-color: #707070;
				}
		.form_field, .form_menu, #form_button {
				font-family: 'Public Sans', sans-serif; 
				font-weight: 300;
				font-size: 14px;
				line-height: 1.8em;
				}
				 #form_button { font-size: 16px; }
		
/*---------------------------- TEXT ----------------------------*/

p { padding-top: 0; padding-bottom: 18px; margin: 0; }
b { font-weight: 500; }
.group { white-space: nowrap; }
.break { display: inline; }
.color { color: #4192b7; }

.text,
.text_form,
.text_intro {
	font-family: 'Public Sans', sans-serif; 
	font-weight: 300;
	font-size: 17px;
	line-height: 1.42em;
	letter-spacing: 0em;
	color: #444;
	}
	.text a:link, .text a:visited { color: #000000; text-decoration: none;
			 -webkit-transition: .25s ease-in-out; 
			 transition: .25s ease-in-out; }
	.text a:hover { color: #4192b7; text-decoration: none; }

.text ul {
	margin: 0 0 0 0;
	padding: 0 0 25px 14px;
	list-style-type: disc;
	vertical-align: middle;
	}
	.text li {
	margin-left: 15px;
	padding: 0 0 3px 5px;
	font-size:104%;
	}
.text_form b { 
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size:125%;
	}
.text_intro { font-size: 145%; line-height:1.4em; }

#page_content { margin: 0 0 20px 0; }
#page_content .text { font-size: 17px; line-height: 1.7em; }

.text_form { line-height: 1.5em; }
	.text_form a:link,
	.text_form a:visited { color: #444; text-decoration: none; }
	.text_form a:hover { color: #4192b7; text-decoration: none;
			-webkit-filter: grayscale(15%);
			-webkit-transition: .35s ease-in-out; 
			transition: .35s ease-in-out; 
			}
#footer .text_info { font-size:1.2em; line-height:1.3em; padding-bottom:15px; }
#footer_2 .text,
#footer_3 .text  { font-size:0.88em; line-height:1.5em; }

.copyright {
	font-family: 'Public Sans', sans-serif; 
	font-weight: 400;
	font-size: 12px; 
	line-height: 2em; 
	letter-spacing:0.02em; 
	color: #4192b7;
	}
		.copyright a:link,
		.copyright a:visited,
		.copyright a:hover { 
			color: #4192b7;
			text-decoration: none;
			border-bottom: 1px solid transparent;
			padding-bottom: 1px;
			 -webkit-transition: .25s ease-in-out; 
			 transition: .25s ease-in-out; 
			}
		.copyright a:hover { 
			border-bottom: 1px solid #4192b7;
			padding-bottom: 1px;
			}
.text_info,
.page_title,
.page_sub_title,
.bar-content .text-highlight { 
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.42em;
	letter-spacing: 0em;
	color: #444;
	}

	.text_info { font-size:14px; letter-spacing: 0em; }
	.text_info a:link,
	.text_info a:visited,
	.text_info a:hover {
		color: #444; text-decoration: none; 
		 -webkit-transition: .35s ease-in-out; 
		 transition: .35s ease-in-out;
		 }
	.text_info a:hover { color: #4192b7; 
			-webkit-filter: grayscale(15%);
		   }
	.text-highlight,
	.text-highlight-L,
 	.bar-content .text-highlight { 
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		letter-spacing: 0.01em;
		font-size: 30px;
		line-height: 1.3em;
		color: #444;
		}
		.bar-content .bar-col-1 .text-highlight { 
			font-size: 25px;
			line-height: 1.1em; 
			color: #666;
			}
			.bar-content .bar-col-2 .text-highlight { 
			font-size: 18px;
			font-weight: 400;
			line-height: 1.25em; 
			color: #444;
			padding-top: 6px;
			}
		.text-highlight-L {
			font-weight: 400;
			font-size: 18px;
			}
		.text-highlight-L ul {
			margin: 10px 0 0 0;
			padding: 20px 0 20px 20px;
			list-style-type: disc;
			vertical-align: middle;
			}
		.text-highlight-L li {
			margin-left: 15px;
			padding: 3px 0 6px 10px;
			}
		.text-highlight a:link,
		.text-highlight a:visited,
		.bar-content .text-highlight a:link,
		.bar-content .text-highlight a:visited {
			color: #444; text-decoration: none;
			-webkit-transition: .35s ease-in-out; 
			transition: .35s ease-in-out;
			}
		.text-highlight a:hover,
		.bar-content .text-highlight a:hover { color: #666; text-decoration: none; }
		   .text-highlight b { font-weight: 500; } 
		
	.page_title { 
		font-size: 36px;
		line-height: 1.3em; 
		color: #4192b7;
		text-align:left;
		}
	#page_title .page_title { 
		padding-bottom:40px;
		}
	.page_sub_title {
		font-size: 24px;
		line-height: 2em;
		text-align:left; color: #000;
		padding-left: 7px;
		}
	sup { font-size:55%; }
	
	#recaptcha { 
		width:700px; 
		margin:0 auto; 
		padding:50px 0 20px 0;
		display: table;
		-webkit-animation: fadein 2s;
	       -moz-animation: fadein 2s;
	        -ms-animation: fadein 2s;
	         -o-animation: fadein 2s;
	            animation: fadein 2s;
		}
		#recaptcha {
		padding-top: 5px;
		width: 100%;
		}
		.g-recaptcha {
		    margin-left: -50px; 
			margin-right: -50px; 
			display: flex;
		    justify-content: center;
		    transform: scale(0.85);
		}
		#recaptcha-error {
		   display: flex;
		    justify-content: center;
		}