/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media screen {
	
	body {
		font-family:nimbus-sans,sans-serif;
	}
	
	.site_maxwidth {
		overflow:hidden;
	}
	
	.standard_button {
		font-weight:500;
	}
	
	.standard_button[data-color='highlight'] {
		background-color:#00a5e5;
	}
	
	h1,h2,h3,h4,h5 {
		letter-spacing:-0.025em;
	}
	
	/* ---- header ---- */
	
	#header {
		background: linear-gradient(to bottom, rgba(6,25,65,0.3) 25%, rgba(6,25,65,0) 100%);
		position:relative;
		z-index:500;
	}
	
	#header a {
		color:#fff;
		text-decoration:none;
		line-height:105%;
	}
	
	#header {
		display:flex;
		flex-direction:column;
	}
	
	#header .header_top {
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:16px;
	}
	
	#header .header_top .logo {
		display:inline-block;
	}
	
	#header .header_top .logo img {
		width:96px;
		height:auto;
		vertical-align:middle;
	}
	
	#header .header_top .nav_button {
		display:inline-block;
		padding:8px;
	}
	
	#header .header_top .nav_button:active {
		transform:scale(0.95);
	}
	
	#header .header_top .nav_button img {
		width:32px;
		height:auto;
		vertical-align:middle;
	}
	
	#header .header_bot {
		display:none;
		padding:0;
		margin:0;
		text-align:right;
	}
	
	#header.open .header_bot {
		display:block;
	}
	
	#header .header_bot ul {
		padding:0;
		margin:0;
	}
	
	#header .header_bot li {
		list-style:none;
	}
	
	#header .header_bot a {
		display:block;
	}
	
	#header .header_bot > li > a {
		padding:8px 16px;
		font-size:1.6em;
		font-weight:700;
	}
	
	#header .header_bot > li:first-child > a {
		padding-top:16px;
	}
	
	#header .header_bot > li:last-child > a {
		padding-bottom:16px;
	}
	
	#header .header_bot > li > ul {
		padding:4px 0;
	}
	
	#header .header_bot > li > ul > li > a {
		padding:2px 16px;
		font-size:1.125em;
		font-weight:500;
	}
	
	/* ---- home ---- */
	
	#home_feature {
		position:relative;
		background-color:#999;
		color:#fff;
		background-image:url('../images/site_vista/home_feature_bg.jpg');
		background-size:cover;
		background-position:center bottom;
	}
	
	#home_feature .bg {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:10;
		overflow:hidden;
	}
	
	#home_feature .bg video {
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		min-width:100%;
		min-height:100%;
		z-index:10;
	}

	@supports ( object-fit:cover ) {
		
		#home_feature .bg video {
			position:relative;
			top:0;
			left:0;
			transform:none;
			min-width:none;
			min-height:none;
			object-fit:cover;
			width:100%;
			height:100%;
		}
		
	}
	
	#home_feature .bg .overlay {
		display:none;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-image:url('../images/site_vista/video_overlay_dot.png');
		background-size:2px 2px;
		opacity:0.3;
		z-index:20;
		transition:opacity 0.5s;
	}
	
	#home_feature .panel_maxwidth {
		position:relative;
		padding:48px 0;
		z-index:20;
	}
	
	#home_feature .feature_content {
		max-width:370px;
		transform:translateY(-10%);
	}
	
	#home_feature .feature_content h1 {
		margin:0;
		padding:16px;
		font-size:1.4em;
		background-color:#fff;
		color:#222;
		line-height:105%;
		box-shadow:2px 2px 8px rgba(0,0,0,0.1);
		transform:translate(0,0);
		opacity:1;
		transition:transform 0.5s 0.5s, opacity 0.5s 0.5s;
	}
	
	#home_feature.waiting .feature_content h1 {
		transform:translate(0,16px);
		opacity:0;
	}
	
	#home_feature .feature_content .button {
		display:inline-block;
		padding:16px;
		background-color:#222;
		color:#fff;
		text-decoration:none;
		font-weight:500;
		opacity:1;
		transition:opacity 1s 1.5s;
	}
	
	#home_feature .feature_content .button:after {
		display:inline-block;
		content:'›';
		margin:0 0 0 12px;
		font-size:1.4em;
		font-weight:300;
	}
	
	#home_feature .feature_content .button.button_tour {
		background-color:transparent;
		color:#fff;
	}
	
	#home_feature.waiting .feature_content .button {
		opacity:0;
	}
	
	#home_boxes {
		background-color:#f5f5f5;
	}
		
	#home_boxes .boxes {
		display:flex;
		flex-direction:column;
		margin:-8px;
	}
	
	#home_boxes .box {
		position:relative;
		display:block;
		background-color:#fff;
		box-shadow:2px 2px 8px rgba(0,0,0,0.1);
		margin:8px;
		text-decoration:none;
	}
	
	#home_boxes .box .image {
		position:relative;
		background-color:#ccc;
		height:160px;
		background-size:cover;
		background-position:center center;
	}
	
	#home_boxes .box .image img {
		display:none;
	}
	
	@supports( object-fit:cover ) {
		
		#home_boxes .box .image img {
			display:block;
			width:100%;
			height:100%;
			object-fit:cover;
		}
		
	}
	
	#home_boxes .box .text {
		padding:16px;
	}
	
	#home_boxes .box h2 {
		color:#222;
		margin:0 0 8px 0;
		line-height:100%;
	}
	
	#home_boxes .box p {
		color:#999;
		margin:8px 0;
	}
	
	#home_boxes .box .sticker_largest {
		position:absolute;
		top:-16px;
		right:-16px;
		width:96px;
		height:96px;
		transition:transform 0.1s;
	}
	
	#home_lifestyle {
		background-color:#f5f5f5;
		background-image:url('../images/site_vista/panel_bg_paper.jpg');
		background-size:cover;
		background-position:center center;
	}
	
	#home_lifestyle .panel_maxwidth {
		display:flex;
		flex-direction:column;
	}
	
	#home_lifestyle .text {
		padding:32px 0;
		
	}
		
	#home_lifestyle h2 {
		margin:0 0 12px 0;
		line-height:100%;
	}
	
	#home_lifestyle h2 img {
		width:100%;
		height:auto;
		max-width:768px;
	}
	
	#home_lifestyle p {
		margin:12px 0;
		font-weight:300;
		letter-spacing:-0.01em;
	}
	
	#home_lifestyle .buttons {
		margin:12px 0 0 0;
	}
	
	#home_lifestyle .buttons .standard_button {
		margin:0 8px 8px 0;
	}
	
	#home_lifestyle .image {
		text-align:center;
	}
	
	#home_lifestyle .image img {
		width:100%;
		height:auto;
		max-width:320px;
		vertical-align:bottom;
	}
		
	/* ---- page general ---- */
	
	#page_feature {
		background-color:#999;
		color:#fff;
		background-image:url('../images/site_vista/page_feature_generic.jpg');
		background-size:cover;
		background-position:center bottom;
	}
	
	body[data-page-type='listing'] #page_feature {
		background:#333;
	}
	
	#page_feature .panel_maxwidth {
		padding:96px 0 16px 0;
	}
	
	#page_feature h1 {
		display:inline-block;
		color:#222;
		background-color:#fff;
		padding:8px 12px;
		line-height:100%;
	}
	
	.breadcrumb {
		background-color:#222;
		color:#999;
	}
	
	.breadcrumb .item {
		color:#fff;
	}
	
	/* ---- house and land / homes for sale ---- */
	
	.listing_items .item .readmore {
		color:#00a5e5;
	}
	
	#listing_detail .box_heading {
		background-color:#00a5e5;
		background-color:#0093cc;
	}
	
	#listing_detail .box_heading .suburb {
		color:#d2f3ff;
	}
	
	#listing_detail .box_images .gallery_button {
		background-color:#222;
	}
	
	#listing_detail .box_contact .contact_person .name {
		color:#0e84b1;
	}
	
	#listing_detail .box_contact .contact_person .button {
		background:#00a5e5;
		background-color:#00a5e5;
	}
	
	#listing_detail .box_specs table th {
		color:#0e84b1;
	}
	
	#listing_detail .box_specs a {
		color:#055878;
	}
	
	.custom_slider .noUi-handle {
		background-color:#00a5e5;
	}
	
	.custom_slider .noUi-connect {
		background-color:#0b8cbf;
	}
	
	
	/* ---- contact ---- */
	
	.salesperson .text h2 span {
		color:#7edbff;
	}
	
	.signup_panel {
		background-color:#00a5e5;
		background-image:url('../images/site_vista/page_feature_blue.jpg');
		background-size:cover;
		background-position:center center;
	}
	
	.signup_panel .email input {
		border-color:#444;
	}
	
	.signup_panel .email input:focus {
		border-color:#222;
	}
	
	/* ---- community page ---- */
	
	body[data-page-slug='community'] #page_feature .panel_maxwidth {
		max-width:1280px;
		text-align:center;
	}
	
	#community_facilities {
		
	}
	
	#community_facilities .panel_maxwidth {
		max-width:1280px;
	}
	
	#community_facilities h2 {
		font-weight:700;
		color:#cb4b4b;
		color:#00a5e5;
	}
	
	#community_facilities .facility_list {
		display:flex;
		flex-direction:column;
		margin:-8px;
	}
	
	#community_facilities .facility_list .item {
		display:block;
		margin:8px;
		text-decoration:none;
	}
	
	#community_facilities .facility_list .item .image {
		position:relative;
		height:160px;
		background-color:#ddd;
	}
	
	#community_facilities .facility_list .item .image img.thumbnail {
		display:none;
	}
	
	@supports ( object-fit:contain ) {
		
		#community_facilities .facility_list .item .image img.thumbnail {
			display:block;
			width:100%;
			height:100%;
			object-fit:cover;
			position:relative;
		}
		
	}
	
	#community_facilities .facility_list .item .image .overlay {
		display:none;
	}
	
	#community_facilities .facility_list .item .text {
		padding:16px 8px;
	}
	
	#community_facilities .facility_list .item .text h3 {
		font-weight:500;
		font-size:1.2em;
		margin:0;
		text-align:center;
	}
	
	#community_facilities .facility_text {
		display:flex;
		flex-direction:column-reverse;
		max-width:1024px;
		margin:0 auto 48px auto;
		text-align:center;
		
	}
	
	#community_facilities .facility_text .line {
		max-width:384px;
		margin:32px auto;
		border-top:2px solid #ddd;
	}
	
	#community_facilities .facility_text .text {
		
	}
	
	#community_facilities .facility_text h2 br {
		display:none;
	}
	
	#community_facilities .facility_text p {
		font-size:1.2em;
		line-height:130%;
		color:#444;
	}
	
	#community_facilities .facility_text .image {
		margin-bottom:24px;
		margin-top:-48px;
	}
	
	#community_facilities .facility_text .image img {
		width:220px;
		height:auto;
		vertical-align:bottom;
	}
	
	#community_news .panel_maxwidth {
		max-width:1280px;
	}
	
	/* ---- location page ---- */
	
	body[data-page-slug="location"] #page_feature .panel_maxwidth {
		max-width:128px;
		text-align:center;
	}
	
	#location_map_panel {
		background-color:#f5f5f5;
	}
	
	#location_map_panel .panel_maxwidth {
		max-width:1024px;
	}
	
	#location_map_panel .location_map {
		display:block;
		position:relative;
		box-shadow:2px 2px 8px rgba(0,0,0,0.1);
	}
	
	#location_map_panel .location_map img {
		display:block;
		width:100%;
		height:auto;
		vertical-align:top;
	}
	
	#location_info .info_panel_1 {
		background-size:cover;
		background-position:center center;
	}
	
	#location_info .info_panel_1 .text {
		padding:24px;
		max-width:512px;
		background-color:#fff;
	}
	
	#location_info .info_panel_1 .text h2 {
		margin:0;
	}
		
	#location_info .info_panel_2 {
		
	}
	
	#location_info .info_panel_2 .panel_maxwidth {
		display:flex;
		flex-direction:column;
	}
	
	#location_info .info_panel_2 .image {
		margin:0 0 16px 0;
	}
	
	#location_info .info_panel_2 .image img {
		width:100%;
		height:auto;
		vertical-align:top;
	}
	
	#location_info .info_panel_2 .text h2 {
		margin:0;
	}
		
	#location_info .info_panel_3 {
		background-color:#f5f5f5;
	}
		
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 480px) {
	
	/* ---- header ---- */
	
	#header .header_top {
		padding:24px;
	}
	
	#header .header_bot > li > a {
		padding:8px 24px;
	}
	
	#header .header_bot > li:first-child > a {
		padding-top:24px;
	}
	
	#header .header_bot > li:last-child > a {
		padding-bottom:24px;
	}
	
	#header .header_bot > li > ul > li > a {
		padding:4px 24px;
	}
	
	/* ---- home ---- */
	
	#home_feature .panel_maxwidth {
		padding:64px 0;
	}
	
	#home_feature .feature_content {
		
	}
	
	#home_feature .feature_content h1 {
		padding:16px 24px;
		font-size:1.6em;
	}
	
	#home_feature .feature_content .button {
		padding:16px 24px;
	}
	
	#home_boxes .box .image {
		height:256px;
	}
	
	#home_boxes .box .text {
		padding:32px;
	}
	
	#home_boxes .box h2 {
		margin:0 0 12px 0;
	}
	
	#home_boxes .box p {
		margin:12px 0;
	}
	
	#home_lifestyle .text {
		padding:48px 0;
	}
	
	#home_lifestyle h2 {
		margin:0 0 16px 0;
	}
	
	#home_lifestyle p {
		margin:16px 0;
		font-size:1.1em;
		line-height:130%;
	}
	
	#home_lifestyle .buttons {
		margin:16px 0 0 0;
	}
		
	/* ---- page general ---- */
		
	#page_feature .panel_maxwidth {
		padding:96px 0 24px 0;
	}
	
	/* ---- community page ---- */
	
	#community_facilities .facility_list {
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
	}
	
	#community_facilities .facility_list .item {
		flex:0 0 calc( 50% - 16px );
	}
	
	#community_facilities .facility_text {
		
	}
	
	#community_facilities .facility_text h2 br {
		display:inline;
	}
	
	#community_facilities .facility_text .line {
		margin:48px auto;
	}
	
	#community_facilities .facility_text .image {
		margin-top:-64px;
	}
	
	#community_facilities .facility_text .image img {
		width:256px;
	}
	
	/* ---- location page ---- */
	
	#location_info .info_panel_1 .text p {
		font-size:1.1em;
		line-height:130%;
	}
	
	#location_info .info_panel_2 .text p {
		font-size:1.1em;
		line-height:130%;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 768px) {
	
	/* ---- header ---- */
	
	#header .header_top {
		padding:32px;
	}
	
	#header .header_top .logo img {
		width:128px;
	}
	
	#header .header_bot > li > a {
		padding:8px 32px;
	}
		
	#header .header_bot > li > ul > li > a {
		padding:4px 32px;
	}
	
	/* ---- home ---- */
	
	#home_feature .panel_maxwidth {
		padding:128px 0;
	}
	
	#home_feature .feature_content {
		max-width:470px;
	}
	
	#home_feature .feature_content h1 {
		font-size:2.1em;
	}
	
	#home_feature .feature_content .button:after {
		margin:0 0 0 32px;
	}
	
	#home_boxes .boxes {
		flex-direction:row;
	}
	
	#home_boxes .box {
		flex:1 1 33.333%;
	}
	
	#home_boxes .box .image {
		height:128px;
	}
	
	#home_boxes .box .text {
		padding:16px;
	}
	
	#home_boxes .box h2 {
		font-size:1.4em;
		margin:0 0 8px 0;
	}
	
	#home_boxes .box p {
		margin:8px 0;
	}
	
	#home_lifestyle .panel_maxwidth {
		flex-direction:row;
		justify-content:space-between;
		align-items:flex-end;
	}
	
	#home_lifestyle .text {
		flex:0 0 47%;
		padding:64px 0 96px 0;
	}
	
	#home_lifestyle p {
		font-size:1.2em;
	}
	
	#home_lifestyle .image {
		flex:0 0 47%;
	}
		
	#home_lifestyle .image img {
		max-width:100%;
	}
	
	/* ---- page general ---- */
		
	#page_feature .panel_maxwidth {
		padding:128px 0 32px 0;
	}
	
	#page_feature h1 {
		font-size:2.4em;
	}
	
	/* ---- community page ---- */
	
	#community_facilities .facility_list {
		margin:-16px;
	}
	
	#community_facilities .facility_list .item {
		flex:0 0 calc( 50% - 32px );
		margin:16px;
	}
	
	#community_facilities .facility_list .item .image {
		height:192px;
	}
	
	#community_facilities .facility_text .line {
		margin:64px auto;
	}
	
	#community_facilities .facility_text {
		flex-direction:row;
		align-items:center;
		text-align:left;
	}
	
	#community_facilities .facility_text .text {
		
	}
	
	#community_facilities .facility_text .image {
		margin:0 0 0 64px;
	}
	
	/* ---- location page ---- */
	
	#location_info .info_panel_1 .text {
		padding:32px;
		margin:32px 0;
	}
	
	#location_info .info_panel_2 .panel_maxwidth {
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
	}
	
	#location_info .info_panel_2 .image {
		flex:0 0 30%;
	}
	
	#location_info .info_panel_2 .text {
		margin:0 0 0 48px;
	}
	
	#location_info .info_panel_3 .panel_maxwidth {
		flex-direction:row-reverse;
	}
	
	#location_info .info_panel_3 .text {
		margin:0 48px 0 0;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1024px) {
	
	/* ---- home ---- */
		
	#home_feature .feature_content {
		max-width:512px;
	}
	
	#home_feature .feature_content h1 {
		font-size:2.2em;
	}
	
	#home_boxes .box .image {
		height:192px;
	}
	
	#home_boxes .box .text {
		padding:24px;
	}
	
	#home_boxes .box h2 {
		font-size:1.6em;
	}
	
	/* ---- community page ---- */
	
	#community_facilities .facility_text {
		margin-bottom:64px;
	}
	
	#community_facilities .facility_text .image {
		margin-left:96px;
	}
	
	#community_facilities .facility_text .image img {
		width:320px;
	}
	
	#community_facilities .facility_list .item {
		flex:0 0 calc( 33.333% - 32px );
	}
	
	/* ---- location page ---- */
	
	#location_info .info_panel_1 .text {
		padding:48px;
		margin:48px 0;
	}
		
	#location_info .info_panel_2 .image {
		flex:0 0 35%;
	}
	
	#location_info .info_panel_2 .text {
		margin:0 0 0 64px;
	}
	
	
	
	#location_info .info_panel_3 .text {
		margin:0 64px 0 0;
	}	
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1280px) {
	
	.standard_button[data-color='highlight']:hover {
		background-color:#0db6f8;
	}
	
	/* ---- header ---- */
	
	#header {
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
		white-space:nowrap;
	}
	
	#header .header_top {
		padding:32px;
	}
	
	#header .header_top .nav_button {
		display:none;
	}
	
	#header .header_bot {
		display:flex;
		justify-content:flex-end;
		align-items:center;
		padding:32px;
	}
	
	#header.open .header_bot {
		display:flex;
	}
	
	#header .header_bot > li {
		position:relative;
	}
	
	#header .header_bot > li > a,
	#header .header_bot > li:first-child > a,
	#header .header_bot > li:last-child > a{
		padding:16px;
		font-size:1.4em;
	}
	
	#header .header_bot > li:hover > a {
		background-color:#fff;
		color:#222;
	}
	
	#header .header_bot > li > ul {
		display:none;
		position:absolute;
		background-color:#fff;
		right:0;
		text-align:right;
		min-width:192px;
		padding:0;
	}
	
	#header .header_bot > li:hover > ul {
		display:block;
	}
	
	#header .header_bot > li > ul > li > a {
		color:#222;
		padding:8px 16px;
	}
	
	#header .header_bot > li > ul > li:first-child > a {
		padding-top:16px;
	}
	
	#header .header_bot > li > ul > li:last-child > a {
		padding-bottom:16px;
	}
	
	#header .header_bot > li > ul > li > a:hover {
		background-color:#00a5e5;
		color:#fff;
	}
	
	/* ---- home ---- */
	
	#home_feature .bg .overlay {
		
	}
	
	#home_feature .feature_content {
		max-width:600px;
	}
	
	#home_feature .feature_content h1 {
		font-size:2.6em;
		padding:24px 32px;
	}
	
	#home_feature .feature_content .button {
		padding:16px 32px;
	}
	
	#home_feature .feature_content .button:hover {
		background-color:#333;
	}
	
	#home_feature .feature_content .button.button_tour:hover {
		background-color:rgba(255,255,255,0.1);
	}
	
	#home_boxes .box .image {
		height:256px;
	}
	
	#home_boxes .box .image:after {
		display:block;
		position:absolute;
		content:'';
		background-color:#fff;
		opacity:0;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}
	
	#home_boxes .box:hover .image:after {
		opacity:0.1;
	}
	
	#home_boxes .box .text {
		padding:32px;
	}
	
	#home_boxes .box .h2 {
		font-size:1.8em;
		margin:0 0 12px 0;
	}
	
	#home_boxes .box p {
		margin:12px 0;
	}
	
	#home_boxes .box:hover .standard_button {
		background-color:#0db6f8;
	}
	
	#home_boxes .box:hover .sticker_largest {
		transform:scale(1.1);
	}
	
	#home_lifestyle .text {
		padding:96px 0 160px 0;
	}
	
	#home_lifestyle h2 {
		font-size:2.4em;
		margin:0 0 24px 0;
	}
	
	#home_lifestyle p {
		margin:24px 0;
	}
	
	#home_lifestyle .buttons {
		margin:24px 0 0 0;
	}
	
	/* ---- page general ---- */
			
	#page_feature h1 {
		font-size:2.6em;
	}
	
	.breadcrumb a.item:hover {
		color:#fff;
	}
	
	/* ---- house and land / homes for sale ---- */
	
	#listing_detail .box_images .gallery_button:hover {
		background-color:#333;
	}
	
	#listing_detail .box_contact .contact_person .button:hover {
		background:#0db6f8;
		background-color:#0db6f8;
	}
	
	/* ---- community page ---- */
		
	#community_facilities .facility_list .item {
		flex:0 0 calc( 25% - 32px );
	}
	
	#community_facilities .facility_list .item .image .overlay {
		display:flex;
		justify-content:center;
		align-items:center;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:rgba(30,30,30,0.6);
		color:#fff;
		text-align:center;
		opacity:0;
		transition:opacity 0.1s;
		font-size:1.2em;
	}
	
	#community_facilities .facility_list .item:hover .image .overlay {
		opacity:1;
	}
	
	#community_facilities .facility_list .item .image .overlay span {
		transform:translateY(8px);
		opacity:0;
		transition:transform 0.1s 0.1s, opacity 0.1s 0.1s;
	}
	
	#community_facilities .facility_list .item:hover .image .overlay span {
		opacity:1;
		transform:translateY(0);
	}
	
	#community_facilities .facility_list .item .image .overlay img.icon {
		display:inline-block;
		width:auto;
		height:auto;
		max-width:16px;
		max-height:16px;
		margin:0 0 0 8px;
	}
	
	.news_list .news_item .text .date {
		color:#00a5e5;
	}
	
	/* ---- location page ---- */
	
	#location_map_panel .location_map:after {
		display:block;
		position:absolute;
		content:'';
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-image:url('/images/icons/icon_zoom_white.svg');
		background-size:32px 32px;
		background-position:center center;
		background-repeat:no-repeat;
		background-color:rgba(0,0,0,0.5);
		padding:48px;
		border-radius:50%;
		opacity:0;
		transition:opacity 0.1s;
	}
	
	#location_map_panel .location_map:hover {
		box-shadow:2px 2px 16px rgba(0,0,0,0.2);
	}
	
	#location_map_panel .location_map:hover:after {
		opacity:1;
	}
		
	#location_info .info_panel_1 .text {
		padding:64px;
		margin:64px 0;
	}
	
	#location_info .info_panel_1 .text h2 {
		font-size:2em;
	}
	
	#location_info .info_panel_1 .text p {
		font-size:1.2em;
	}
	
	#location_info .info_panel_2 .image {
		flex:0 0 40%;
	}
	
	#location_info .info_panel_2 .text {
		margin:0 0 0 96px;
	}
	
	#location_info .info_panel_2 .text h2 {
		font-size:2em;
	}
	
	#location_info .info_panel_2 .text p {
		font-size:1.2em;
	}
	
	#location_info .info_panel_3 .text {
		margin:0 96px 0 0;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1366px) {
	
	#home_feature .feature_content {
		max-width:660px;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1600px) {
	
	/* ---- home ---- */
	
	#home_feature .panel_maxwidth {
		padding:192px 0;
	}
	
	#home_feature .feature_content {
		max-width:800px;
	}
	
	#home_feature .feature_content h1 {
		font-size:3.2em;
	}
	
	#home_feature .feature_content .button {
		padding:24px 32px;
		font-size:1.2em;
	}
	
	#home_boxes .box .image {
		height:320px;
	}
	
	#home_boxes .box .text {
		padding:40px;
	}
	
	#home_boxes .box h2 {
		font-size:2em;
		margin:0 0 16px 0;
	}
	
	#home_boxes .box p {
		margin:16px 0;
		font-size:1.2em;
	}
	
	/* ---- page general ---- */
		
	#page_feature .panel_maxwidth {
		padding:192px 0 32px 0;
	}
				
	#page_feature h1 {
		font-size:3em;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1920px) {
	
	
	
}