@import url("https://fonts.googleapis.com/css?family=Cinzel");
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed");

@font-face {
	font-family: 'AvantGardeBookRegular';
	src: url('avantgarde-book-webfont.eot');
	src: url('avantgarde-book-webfont.eot?#iefix') format('embedded-opentype'),
		 url('avantgarde-book-webfont.woff') format('woff'),
		 url('avantgarde-book-webfont.ttf') format('truetype'),
		 url('avantgarde-book-webfont.svg#AvantGardeBookRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Didot';
	//src: url(DidotHTFM11MediumItal.ttf) format('truetype');
	src: url(ufonts.com_didot-italic.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'AvantGardeXLightRegular';
	src: url('avant_garde_xlight_regular-webfont.eot');
	src: url('avant_garde_xlight_regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('avant_garde_xlight_regular-webfont.woff') format('woff'),
		 url('avant_garde_xlight_regular-webfont.ttf') format('truetype'),
		 url('avant_garde_xlight_regular-webfont.svg#AvantGardeXLightRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
  font-family: 'Corporate A BQ Regular';
  src: url('Corporate A BQ Regular.eot');
  src: url('Corporate A BQ Regular.woff2') format('woff2'),
       url('Corporate A BQ Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CorporateABQ-Light';
  src: url('CorporateABQ-Light.woff') format('woff'),
       url('CorporateABQ-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}









*:not(pre) {
	margin: 0px;
	padding: 0px;
	font-family: 'Barlow Condensed', Century Gothic, Helvetica, sans-serif;
	text-align: left;
}
img,
div {
	behavior: url(/scripts/iepngfix.htc)
}
img:not(.footer) {
	max-width: 100% !important;
	max-height: auto !important;
}
/*h1 {
	font-size: 30pt;
	color: #818285;
	font-weight: normal;
	margin-bottom: 0px;
	font-family: 'Corporate A BQ Regular', Century Gothic, Helvetica, sans-serif;
	text-align: center;
	//font-style: italic;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px dotted #818285;
	padding: 0 0 20px;
}
@media screen and (min-width: 767px) {
	h1 {
		width: 50%;
		margin: 0 auto;
	}
}*/
.icon-branding h1 {
	border-bottom: 0;
	padding-bottom: 0;
}

.padding-bottom h1 {
	font-size: 40px;
	color: #000000;
	font-weight: normal;

	margin-bottom: 28px;
	font-family: 'Barlow Condensed', Century Gothic, Helvetica, sans-serif;
}
h1 {
	font-size: 40px;
	font-family: 'Barlow Condensed', Century Gothic, Helvetica, sans-serif;;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
}
h2 {
	font-size: 18pt;
	color: #oooooo;;
	font-weight: normal;
	font-family: 'Barlow Condensed', Century Gothic, Helvetica, sans-serif;
	margin-bottom: 30px;
	margin-top: 20px;
	text-transform: uppercase;
}
h3 {
	font-size: 24px;
	color: #oooooo;;
	font-weight: 300;
	font-family: 'Barlow Condensed', Century Gothic, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 20px;
	text-transform: uppercase;
}
h4 {
	font-size: 14pt;
	color: #oooooo;
	font-weight: normal;
	font-family: 'Barlow Condensed', Century Gothic, Helvetica, sans-serif;
	margin-bottom: 30px;
	margin-top: 20px;
}
p {
	color: #000000;
	font-family: 'Barlow Condensed', Century Gothic, Helvetica, sans-serif;
	padding-bottom: 10px;
	line-height: 1.5em;
	font-size: 17px;
}

.left p, .right p{
		padding-bottom: 0px;
}
table{
	border-collapse: collapse;
	margin-top: 10px;
	table-layout: fixed;


	border-collapse: collapse;
	margin-top: 10px;
	table-layout: fixed;
	overflow: scroll
	max-width: 100%;
}
tr.level {
	color: #818285;
	text-transform: uppercase;
}
tr.level td {
	background-color: #585858;
	color: #fff;
}
th {
	font-family: Century Gothic, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	background: #A0DBE2;
	color: #ffffff;
	padding: 10px;
}
td {
	font-family: Century Gothic, Helvetica, sans-serif;
	padding: 10px;
	font-size: 14px;

}
a {
	text-decoration: none;
	color: #000000;
}

a:hover{
		color: #68942b;
}
.section-link {
	display: block;
	clear: both;
	float: left;
	width: auto;
	border: solid 1px #000000;
	padding: 10px 10px;
	text-align: left;
	border-radius: 5px;

	margin-bottom: 10px;
	margin-right: 0px;
	//background: url(/../images/icon-link.png) 0px 0px no-repeat;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #000000;
	font-size: 18px;
	min-width: 200px;

	background-color: #000;
	color: #fff;
	padding: 1rem 2rem;

}
.section-link:hover {
	background-color: #fff;
	color: #68942b;
	border: solid 1px #68942b;
}
nav {
	width: 100%;
}
nav.stick {} nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
nav li {
	padding: 0;
	margin: 0;
	display: block;

}
nav li a {
	display: block;
	width: 90%;
	padding: 5%;
	color: #ffffff;
	text-align: right;
	font-size: 14px;
	border-bottom: 1px solid #d7d7d7;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	letter-spacing: 0.08em;
}
a.nav-active {
	display: block;
	color: #fff;
	background: #68942b;
	text-align: right;
	font-size: 14px;
	border-bottom: 1px solid #d7d7d7;
}
nav a:hover {
	display: block;
	color: #fff;
	background: #68942b;
	text-align: right;
	font-size: 14px;
	border-bottom: 1px solid #d7d7d7;
}
.hidden_desktop {
	display: none;
}
ul {
	list-style-image: url('/../images/list.png');
	list-style-position: inside;
	padding: 10px;
}
ol {
	list-style-position: inside;
	padding: 10px;
}
li {
	color: #000000;
	margin-bottom: 10px;
	font-size: 14px;
	list-style-position: outside;
}
hr {
	width: 100%;
	color: #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 0;
	border-left: none;
	border-right: none;
	float: left;
	margin-bottom: 50px;
	margin-top: 30px;
}
.black-line {
	width: 100%;
	color: #aeaeae;
	border-top: 2px solid #aeaeae;
	border-bottom: 0;
	border-left: none;
	border-right: none;
	float: left;
	margin-bottom: 30px;
	margin-top: 10px;
}
.black-line-container {
	float: left;
	background: #fff;
	padding: 40px 20px;
	width: 920px;
	margin-top: 20px;
}
body {
	min-width: 1250px;
	//background: url(/../images/bg-paper.jpg) repeat;
}
#search_wrapper {
	background: #dbdbdb;
	width: 100%;
	position: relative;
	z-index: 2;
}
#content_wrapper {
	background: #ffffff url(/../images/bg-content.png) repeat-x;
	background-position: bottom;
	width: 100%;
}
#section-wrapper {
	width: 100%;
}
#section-wrapper .white-text p,
#section-wrapper .white-text h1,
#section-wrapper .white-text h2,
#section-wrapper .white-text h3,
#section-wrapper .white-text h4,
#section-wrapper .white-text h5,
#section-wrapper .white-text h6,
#section-wrapper .white-text a,
#section-wrapper .white-text ul,
#section-wrapper .white-text ol,
#section-wrapper .white-text li,
#section-wrapper .white-text .check-title {
	color: #ffffff;
}
#footer_wrapper {
	width: 100%;
	background: #fff;
}
#document_content section#footerformat {
	padding: 0;
	width: 100%;
	max-width: 2500px;
}
#document_content section#footerformat img.footer {
	max-width: 1100px;
	width: 100%;
	height: 100%;
}
#top_sidebar {
	display: none;
}
#top_sidebar img {
	max-height: 100%;
	max-height: 40px;
	margin-top: 5px;
	margin-left: 5px;
}
#sidebar {
	background-color: #000000;
	color: #222222;
	box-shadow: 0 0 56px rgba(3, 3, 3, 0.6);
	height: 100%;
	left: 0;
	min-height: 100%;
	position: fixed;
	width: 201px;
	z-index: 100;
}
#nav-scroll {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    /* Safari only override */
    ::i-block-chrome, #nav-scroll{
        overflow-y: auto;
    } 
}

@supports (overflow:-webkit-marquee) and (justify-content:inherit) 
{

  #nav-scroll {
    overflow-y: auto;
  }

}
#menu svg {
	margin-top: 5px;
}

#nav_container2 {
	width: 100%;
	overflow-y: hidden;
}
#nav_container {
	background-color: none;
	color: #222222;
	//box-shadow: 0 0 56px rgba(133, 112, 116, 0.9);
	width: 100%;
	height: auto;
	z-index: 100;
}

#document_content {
	height: auto;
	padding-left: 0px;
	position: absolute;
	left: 200px;
	right: 0px;
	z-index: 1;
	background: none;
}
#document_content section {
	padding-bottom: 10px;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 50px;
	/*margin-top: 100px;*/
	/*min-height: 600px;*/
	min-height: 100px;
	max-width: 1200px;
}
#intro {
	padding-top: 180px !important;
	max-width: 1200px;
	float: left;
}
#intro h1 {
	color: #000000;
}
#footer_container {
	width: 100%;
	height: auto;
	min-height: 200px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
	background: none;
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 30px;
	padding-left: 65px;
	text-align: left;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #fff;
	background-image: url(/../images/glades/bg-foot.png);
	background-repeat: no-repeat;
	background-position:  top center;
	background-size:  100%;
}
#footer_container .inner {
	/*border-top: solid 1px #000; */
	max-width: 1200px;

}
#footer_container .footer-left,
#footer_container .footer-center,
#footer_container .footer-right {
	width: 33%;
	float: left;
	margin-top: 30px;
}
@media screen and (min-width: 800px) {
	#footer_container .footer-left img, 
	#footer_container .footer-right img {
		max-width: 50% !important;
	}	
}

.footer-center {
	text-align: center;
	font-size: 2rem;
}
.footer-center a {
	color: #000;
}
.footer-right img {
	float: right;
}
#footer_container p {
	font-size: 12px;
	margin-top: 110px;
}
.shadow {
	-moz-box-shadow: 0px 0px 10px 6px #d1d1d1;
	-webkit-box-shadow: 0px 0px 10px 6px #d1d1d1;
	box-shadow: 0px 0px 10px 6px #d1d1d1;
}
.clear {
	clear: both;
}
.clear2 {
	clear: both;
}
.float-right {
	float: right;
}
.no-float {
	float: none;
}
.padding-bottom {
	padding-bottom: 30px;
}
.margin-right {
	margin-right: 5px;
}
.margin-left {
	margin-left: 5px;
}
.error {
	color: #ff0000;
}
.black {
	color: #000000;
}
.green {
	color: #3cb247;
}
.red {
	color: #818285;
}
.header-bg {
	background: url(/images/bg-header.jpg) repeat-x !important;
}
.header {
	height: 187px;
	width: 100%;
	background-position: left bottom !important;
	margin-right: auto;
	margin-left: 0px;
	background: url(/images/header/header.png) no-repeat;
	background-size: 100%;
	margin-top: -67px;
	margin-bottom: 50px;
}
.wb-footer {
	display: block;
	padding-bottom: 1px;
}
.wb-footer-phone {
	display: none;
}
img.logo-white {
	margin: 2rem auto !important;
	max-width: 80% !important;
	display: block;
	//margin: 50px calc((100% - 165px)/2) 0 calc((100% - 165px)/2);
}
.main-column {
	width: 730px;
	height: auto;
	min-height: 200px;
	margin-bottom: 40px;
	float: right;
}
.main-header {
	width: 700px;
	height: auto;
	min-height: 12px;
	margin-bottom: 0px;
	background: none;
	padding: 15px 15px 5px 15px;
}
.main-content {
	width: 700px;
	height: auto;
	min-height: 52px;
	margin-bottom: 15px;
	background: none;
	padding: 0px 15px 0px 15px;
	float: left;
}
.button-select {
	height: 50px;
	width: 140px;
	display: block;
	float: left;
	margin-bottom: 20px;
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
	border: 0;
	background: #d71920;
	color: #ffffff;
	font-size: 16px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	box-shadow: inset 0 -1px 4px rgba(0, 0, 0, 0.5), inset 0 4px 4px rgba(255, 255, 255, 0.8);
	text-align: center;
}
.button-select:hover {
	height: 50px;
	width: 140px;
	background: #d71920;
	border-radius: 5px 5px 5px 5px;
	display: block;
	float: left;
	cursor: pointer;
	color: #ffffff;
	font-size: 16px;
	padding: 2px;
}
.select-package-button {
	margin-left: 70px;
}
.listing-information-button {
	float: left;
	padding-right: 10px;
}
.join-ph-head {
	color: #000000;
}
.form-contact {
	width: 390px;
	height: auto;
	background: #ffffff;
	border: 1px solid #d3d2d2;
	display: block;
	padding: 40px;
	margin-top: 50px;
	float: left;
}
.form-contact p {
	float: left;
	width: 410px;
	height: 10px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	font-size: 10pt;
}
.form-contact input {
	float: left;
	width: 98%;
	height: 50px;
	color: #000000;
	margin-bottom: 10px;
	background: #f4f4f4;
	margin-top: 15px;
	padding-left: 2%;
	font-size: 16px;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #DBDBDB;
}
.form-contact .short-field {
	width: 140px;
}
.form-contact .checkbox {
	width: auto;
	margin-right: 30px;
	margin-bottom: 0px;
	border: 0;
	background: none;
}
.form-contact .textarea {
	width: 380px;
	height: 100px;
	padding-top: 5px;
	border: 1px solid #4165a5;
	color: #000000;
	margin-bottom: 10px;
	background: #f4f4f4;
	padding-left: 5px;
	font-size: 12px;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #ffffff;
	border-top: 1px solid #DBDBDB;
}
.form-contact select {
	width: auto;
	margin-bottom: 10px;
}
.check-wrap {
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 20px;
}
.check-title {
	margin-left: 35px;
	margin-top: -20px;
	background: none;
	display: block;
}
label {
	float: left;
	width: 100%;
	font-size: 9pt;
	color: #000000;
	padding-bottom: 0;
	font-weight: normal;
	font-size: 14px;
}
.accordian_wrapper label {
	width: 100%;
}
.web-book {
	display: block;
	float: left;
	width: 260px;
	height: 70px;
	color: #000;
	padding: 58px 30px 25px 105px;
	border-radius: 0 5px 5px 0;
	margin-bottom: 20px;
	margin-right: 50px;
	font-size: 20px;
	background: #fff url(/../images/icon-book.png) 45px no-repeat;
	-moz-box-shadow: 5px 3px 10px 3px #aeaeae;
	-webkit-box-shadow: 5px 3px 10px 3px #aeaeae;
	box-shadow: 5px 3px 10px 3px #aeaeae;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.web-book:hover {
	background: #000 url(/../images/icon-book-white.png) 45px no-repeat;
	color: #fff;
}
.web-book-binder {
	margin-left: -120px;
	margin-top: -48px;
	float: left;
}
.button-login {
	display: block;
	float: left;
	width: 100%;
	height: 70px;
	padding: 20px;
	text-align: center;
	border-radius: 5px;
	border: 0;
	margin-bottom: 20px;
	background: #000 url(/../images/icon-book-white.png) 15px -50px no-repeat;
	font-family: Century Gothic, Helvetica, sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #fff;
	font-size: 18px;
}
.button-login:hover {
	background: #68942b url(/../images/icon-book-white.png) 15px 10px no-repeat;
	color: #fff;
}
.book-options {
	position: relative;
	margin-top: 50px;
	display: block;
	height: auto;
	float: left;
	width: 100%;
	//box-shadow: 0 0 56px rgba(133, 112, 116, 0.9);
	padding-bottom: 10px;
}
.book-options2 {
	overflow-y: hidden;
	display: block;
}
.white {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #fff;
	width: 60px;
	height: 60px;
	padding: 10px;
	float: left;
	display: block;
	color: #000;
	opacity: 1;
	font-size: 12px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	margin: 0 calc((100% - 180px)/6) 0 calc((100% - 180px)/6);
}
.white:hover {
	opacity: 1;
}
.logout {
	background: #fff url(/../images/icon-logout.png) 0px 0px no-repeat;
}
.logout:hover {
	background: #68942b url(/../images/icon-logout.png) 0px -60px no-repeat;
}
.save {
	background: #fff url(/../images/icon-save.png) 0px 0px no-repeat;
}
.save:hover {
	background: #68942b url(/../images/icon-save.png) 0px -60px no-repeat;
}
.print {
	background: #fff url(/../images/icon-print.png) 0px 0px no-repeat;
}
.print:hover {
	background: #68942b url(/../images/icon-print.png) 0px -60px no-repeat;
}
.enquire{
	background: #fff url(/../images/icon-enquire.png) 0px 0px no-repeat;
}
.enquire:hover{
	background: #68942b url(/../images/icon-enquire.png) 0px -60px no-repeat;
}
.inspect{
	background: #fff url(/../images/icon-inspect.png) 0px 0px no-repeat;
}
.inspect:hover{
	background: #68942b url(/../images/icon-inspect.png) 0px -60px no-repeat;
}

.property_feature {
	float: left;
	min-width: 90px;
	padding: 0 6px;
	margin: 5px 0;
	height: 60px;
	text-align: center;
	border-right: 1px solid #ff0000;
	background: none;
}
.sqm {
	font-size: 11px;
}
.property_feature_fig {
	font-size: 24px;
	display: inline-block;
	margin-bottom: 5px;
	font-weight: bold;
}
.bold_table_entry {
	font-weight: bold;
	font-size: 20px;
}

#close2 {
	display: none;
}
.close {
	display: none;
}
/*::-webkit-scrollbar {} #top_sidebar {
	display: none;
}*/








/* Scenic additions*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.section-banner-wrapper {
	position: relative;
	margin-bottom: 50px;
	-webkit-transform:translateZ(0);


}
.hex {
  cursor: pointer;
  stroke: #000;
  stroke-width: 1;
}

#color-fill .hex {
  fill: #ffff00;
}

.hex {
  transition: transform, fill-opacity, stroke-width;
  -webkit-transition: transform, fill-opacity, stroke-width;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
}
.section-text {
	padding-top: 2rem;
	padding-bottom: 2rem;
	
}
.section-text p{
text-align: center;
}

map area {
	//background-color: red;
	//border: solid 2px green;
}

.fp-desc {
	text-align: center;
	color: #000000;
	/*font-style: italic;*/
}


.floorplan-outer {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
}

.floorplan-outer a.back {
	position: absolute;
	bottom: 0;
	left: 0;
}

.floorplan-outer > a,
a.back {
	background-color: #68942b;
	color: #fff;
	border: solid 1px #68942b;
	padding: 0.5rem;
	-webkit-box-shadow: 10px 10px 22px 0px rgba(194,194,194,1);
	-moz-box-shadow: 10px 10px 22px 0px rgba(194,194,194,1);
	box-shadow: 2px 2px 5px 0px rgba(194,194,194,.8);
}
.floorplan-outer > a:hover,
a.back:hover {
	background-color: #fff;
	color: #68942b;
	border: solid 1px #68942b;
}

.floorplan-wrapper {
	position: relative;
}
.floorplan-wrapper .inner {
	position: relative;
	width: 100%;
	margin: 2.5rem  auto;
	 /*border: solid 4px #000; */
	/* padding: 2rem 2rem 6rem; */
	padding: 0;
	margin-bottom: 50px;
	background: #fff;
	box-sizing: border-box;
}
img.floorplan {
	margin: auto;
	display: block;
	width: 100%;
}
.sold-mark {
	position: absolute;
	width: 3.6%;
	height: auto;
}



.floorplan-wrapper h2 {
	text-align: center;
}

.form-wrapper {
	background-image: url('/../images/contact-bg.jpg');
	background-size: cover;
	height: 500px;
	max-width: 100%;
	position: relative;
}
.form-wrapper h1 {
	color: #fff;
	margin-bottom: 2rem;
	text-transform: none;
}
.form-inner {
	width: 75%;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.form-wrapper form {

	display: block;
	margin: 0 auto;
}
.form-wrapper input {
	width: 49%;
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	float: left;
	border: solid 1px #fff;
	background: none;
	color: #fff;
	opacity: 1;	
	margin-bottom: 2rem;
	padding: 0.75rem;
	font-size: 1rem;
}
.form-wrapper input[type='submit'] {
	background: #fff;
	color: #818285;
	width: unset;
	clear: both;
	margin: 0 auto;
	padding: 0.25rem 2rem;
	display: block;
	float: none;
}

.form-wrapper input:nth-of-type(odd) {
	margin-right: 2%;	
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
	opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
	opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #fff;
	opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
	color: #fff;
	opacity: 1;
}

a.share-btn {
	padding: 1rem 2rem;
	color: #fff;
	border-radius: 5px;
	margin-top: 2rem;
	display: inline-block;


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6593dd+0,425f99+100,7db9e8+100 */
	background: rgb(101,147,221); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(101,147,221,1) 0%, rgba(66,95,153,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(101,147,221,1) 0%,rgba(66,95,153,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(101,147,221,1) 0%,rgba(66,95,153,1) 100%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6593dd', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

	-webkit-box-shadow: 2px 2px 1px 0px rgba(201,201,201,1);
	-moz-box-shadow: 2px 2px 1px 0px rgba(201,201,201,1);
	box-shadow: 2px 2px 1px 0px rgba(201,201,201,1);
}


a.share-btn:focus,
a.share-btn:hover {
	-webkit-box-shadow: 4px 4px 2px 0px rgba(201,201,201,1);
	-moz-box-shadow: 4px 4px 2px 0px rgba(201,201,201,1);
	box-shadow: 4px 4px 2px 0px rgba(201,201,201,1);	
}

a.share-btn span {
	font-weight: bold;
}

.columns .left,
.columns .right {
	width: 45%;
	float: left;
	position: relative;
	-webkit-transform:translateZ(0);
}
.columns .left {
	margin-right: 10%;
}


.left h2,
.right h2 {
	text-align: center;
}

.left *, .right *{
	text-align: center;
}



.hexagon {
	overflow: hidden;
	visibility: hidden;
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	transform: rotate(120deg);
	cursor: pointer;
	border: solid 1px #000;
	}
.hexagon-in1 {
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
	border: solid 1px #000;
}

.hexagon-in2 {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	border: solid 1px #000;
	background-image: url(http://placehold.it/250/250);
	visibility: visible;
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.hexagon-in2:hover {
	background-image: url(http://placehold.it/250/250);

}
.hexagon-large {
	width: 200px;
	height: 400px;
	margin: -80px 0 0 20px;

}
.hex-center {
	margin: 0 auto;
}

.gallery-right {
	min-height: 500px;
	//width: 100%;
	//height: 100%;
	box-sizing: border-box;
	ms-box-sizing: border-box;
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
}
.hex-wrapper-small img {
	min-height: 190px;
}

.hex-wrapper-small {
	width: 30%;
	float: left;
}
.hex-wrapper-small:first-of-type {
	margin-right: 2.5%;
}
.hex-wrapper-small:nth-of-type(3) {
	clear: left;
}
.hex-wrapper-small:nth-of-type(4) {
	position: absolute;
	left: 16%;
	top: 65%;
}
.hex-wrapper-small:nth-of-type(5) {
	position: absolute;
	left: 48%;
	top: 65%;
}
.hex-wrapper-small:nth-of-type(6) {
	position: absolute;
	top: 92%;
}
.hex-wrapper-small:nth-of-type(7) {
	position: absolute;
	top: 92%;
	left: 32%;
}

.clip-svg {
	width: 0;
	height: 0;
}
	
.hex-wrapper img,
.hex-wrapper-small img {
	max-width: 100%;
	height: auto;
}
.hex-wrapper-small img {

	width: 100%;
}

.hex-wrapper img {
	width: 450px;
	height: 450px !important;
}
.polygon-clip-hexagon {
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	-webkit-clip-path: url("#polygon-clip-hexagon");
	clip-path: url("#polygon-clip-hexagon");
}

#polygon-clip-hexagon:hover {
	display: none;
}


.featherlight-extra {
	display: none;
}
.featherlight .featherlight-content {
	//background: none;
}
.featherlight .featherlight-close-icon {
	border-radius: 15px;
	width: 30px;
	border: solid 2px #fff;
	color: #fff;
	background-color: #515151;
}
.featherlight-next,
.featherlight-previous {
	background: none !important;
}
.featherlight-next span,
.featherlight-previous span {
	display: inline-block;
	font-size: 2rem;
}
.video {
	/*margin-bottom: 150px;*/
}
.video-wrapper {
  height: 0;
  /*overflow: hidden;*/
  padding-bottom: 56.25%; 
  position: relative;
}
embed,
object,
iframe:not(.social-share) {
	position: absolute;
	top: 0;
	bottom: 0;
    width: 100%;
    height: 100%;
}




.agent-details {
	float: right;
}
.agent-details img {
	width: auto;
	height: auto;
	max-width: 150px;
	max-width: 150px;
}
.agent-details ul {
	float: right;
	list-style-type: none;
	padding: 0;
	padding-left: 10px;
}
.agent-details ul li {
	margin-bottom: 4px;
}
.agent-details ul span {
	font-weight: bold;
	width: 20px;
	display: inline-block;
}

.apartments {
	width: 100%;
	/*width: 85%;*/
}
#apartments {
	/*min-width: 1060px;*/
	margin: 0;
	min-width: 950px;
}
#apartments th img,
.floatThead-table th img {
	width: 32px;
}
.apartments td {
	text-align: center;
}
.apartments th {
	font-size: 0.8rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}



.apartments col.xs {
	width: 5%;
}
.apartments col.s {
	width: 5%;
}
.apartments col.m {
	width: 7.5%;
}
.apartments col.l {
	width: 7.5%;
}


/*
.apartments col {
	width: 5% !important;
}*/

.apartments tr.level td {
	text-align: left;
}
.apartments tr:nth-of-type(odd) {
	background-color: #F5F5F5;
}
.apartments tr:nth-of-type(even) {
	background-color: #fff;
}
.floorplan a {
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
}
.floorplan a,
.video-link a {
	padding: 3px 10px;
}
.video-link a {
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
}
.floorplan a img,
.video-link a img{
	width: 30px;
}


.floorplan-wrapper .hex-container {
	bottom: -118px;	
}
.floorplan-wrapper .round-container {
	bottom: -100px;
}
.round-container {
	bottom: 100%;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 2;
	width: 150px;
	height: 150px;

}
.round-container p, 
.round-container h3 {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
}
.columns .round-container p {
	font-size: 1.25rem;
	color: #A0DBE2;
}

.hex-anchor {
	position: relative;
	margin-bottom: 150px;
}
.hex-container {
	bottom: -100px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 2;
}
.hexagon-custom p {
	font-family: 'Didot';
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	color: #818285;
	font-size: 1.5rem;
	max-width: 100%;
}

.hexagon-custom {
  position: relative;
  width: 200px; 
  height: 115.47px;
  background-color: #fff;
  margin: 57.74px 0;
  border-left: solid 1px #818285;
  border-right: solid 1px #818285;
}

.hexagon-custom:before,
.hexagon-custom:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42px;
  height: 141.42px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 29.289px;
}

.hexagon-custom:before {
  top: -70.7107px;
  border-top: solid 1px #818285;
  border-right: solid 1px #818285;
}

.hexagon-custom:after {
  bottom: -70.7107px;
  border-bottom: solid 1px #818285;
  border-left: solid 1px #818285;
}

/*cover up extra shadows*/
.hexagon-custom span {
  display: block;
  position: absolute;
  top:1.7320508075688767px;
  left: 0;
  width:194px;
  height:112.0060px;
  z-index: 2;
  background: inherit;
}

@media screen and (max-width: 1200px) and (min-width: 500px) {
	.floorplan-wrapper .hex-container {
		bottom: -75px;
	}
	.hexagon-custom {
	  position: relative;
	  width: 150px; 
	  height: 86.60px;
	  margin: 43.30px 0;
	}

	.hexagon-custom:before,
	.hexagon-custom:after {
	  width: 106.07px;
	  height: 106.07px;
	  -webkit-transform: scaleY(0.5774) rotate(-45deg);
	  -ms-transform: scaleY(0.5774) rotate(-45deg);
	  transform: scaleY(0.5774) rotate(-45deg);
	  left: 20.9670px;
	}

	.hexagon-custom:before {
	  top: -53.0330px;
	}

	.hexagon-custom:after {
	  bottom: -53.0330px;
	}

	/*cover up extra shadows*/
	.hexagon-custom span {
	  top:1.7320508075688767px;
	  width:144px;
	  height:83.1384px;

	}
}
@media screen and (max-width: 500px)  {
	.floorplan-wrapper .hex-container {
		bottom: -50px;
	}
	.hex-container p {
		font-size: 0.9rem;
	}
	.hexagon-custom {
	  position: relative;
	  width: 100px; 
	  height: 57.74px;
	  margin: 28.87px 0;
	}

	.hexagon-custom:before,
	.hexagon-custom:after {
	  width: 70.71px;
	  height: 70.71px;
	  -webkit-transform: scaleY(0.5774) rotate(-45deg);
	  -ms-transform: scaleY(0.5774) rotate(-45deg);
	  transform: scaleY(0.5774) rotate(-45deg);
	  left: 13.6447px;
	}

	.hexagon-custom:before {
	  top: -37.3553px;
	}

	.hexagon-custom:after {
	  bottom: -37.3553px;
	}

	/*cover up extra shadows*/
	.hexagon-custom span {
	  top:1.7320508075688767px;
	  width:94px;
	  height:54.2709px;

	}
}

/* Stage 1 */

/* Marker Locations */
#lv0-1 {
	top: 90%;
	left: 36%;
}
#lv0-2 {
	top: 85%;
	left: 33.5%;
}
#lv0-3 {
	top: 86%;
	left: 42.5%;
}
#lv0-4 {
	top: 79%;
	left: 41%;	
}
#lv0-5 {
	top: 77%;
	left: 43%;	
}
#lv0-6 {
	top: 74.5%;
	left: 44.9%;	
}
#lv0-7 {
	top: 72.5%;
	left: 47%;	
}
#lv0-8 {
	top: 70.5%;
	left: 49.2%;	
}
#lv0-9 {
	top: 68.5%;
	left: 51.2%;	
}
#lv0-10 {
	top: 66.5%;
	left: 53.4%;	
}
#lv0-11 {
	top: 64.5%;
	left: 55.4%;	
}
#lv0-12 {
	top: 62.5%;
	left: 57.7%;	
}
#lv0-13 {
	top: 60.5%;
	left: 60.2%;	
}
#lv0-14 {
	top: 58.2%;
	left: 62.6%;	
}
#lv0-15 {
	top: 55.4%;
	left: 64.9%;	
}
#lv0-16 {
	top: 53.1%;
	left: 67.5%;	
}
#lv0-17 {
	top: 50.6%;
	left: 69.9%;	
}
#lv0-18 {
	top: 47.9%;
	left: 72%;	
}
#lv0-19 {
	top: 48.6%;
	left: 77.4%;	
}
#lv0-20 {
	top: 41.3%;
	left: 69%;	
}
#lv0-21 {
	top: 44%;
	left: 66%;	
}
#lv0-22 {
	top: 46.9%;
	left: 63.6%;	
}
#lv0-23 {
	top: 50%;
	left: 60.8%;	
}
#lv0-24 {
	top: 52.4%;
	left: 58.4%;	
}
#lv0-25 {
	top: 55%;
	left: 56%;	
}
#lv0-26 {
	top: 38%;
	left: 59%;	
}
#lv0-27 {
	top: 35%;
	left: 62%;	
}
#lv0-28 {
	top: 15%;
	left: 68%;	
}
#lv0-29 {
	top: 18%;
	left: 70%;	
}
#lv0-30 {
	top: 21%;
	left: 72%;	
}
#lv0-31 {
	top: 23%;
	left: 75%;	
}
#lv0-32 {
	top: 24.5%;
	left: 77.8%;	
}
#lv0-33 {
	top: 26.5%;
	left: 79.8%;	
}
#lv0-34 {
	top: 29%;
	left: 82.8%;	
}
#lv0-35 {
	top: 40%;
	left: 78.8%;	
}
#lv0-36 {
	top:37%;
	left: 72.8%;	
}
#lv0-37 {
	top:34.5%;
	left: 69.7%;	
}
#lv0-38 {
	top:32%;
	left: 66.8%;	
}
#lv0-39 {
	top:29.5%;
	left: 64%;	
}
#lv0-40 {
	top:26.5%;
	left: 60.7%;	
}
#lv0-41 {
	top:22.7%;
	left: 58.4%;	
}
#lv0-42 {
	top:19%;
	left: 57.4%;	
}
#lv0-43 {
	top:15.8%;
	left: 56.4%;	
}
#lv0-44 {
	top:12.8%;
	left: 56%;	
}
#lv0-45 {
	top:10%;
	left: 55.4%;	
}
#lv0-46 {
	top:7%;
	left: 55%;	
}
#lv0-47 {
	top:4.2%;
	left: 54.5%;	
}
#lv0-48 {
	top:1.2%;
	left: 53.5%;	
}










/* Stage 2 */

#lv1-1 {
	top: 53%;
	left: 55%;
}
#lv1-2 {
	top: 54%;
	left: 51.5%;
}
#lv1-3 {
	top: 55.5%;
	left: 48.5%;
}
#lv1-4 {
	top: 58%;
	left: 46%;
}
#lv1-5 {
	top: 60%;
	left: 43%;
}
#lv1-6 {
	top: 52%;
	left: 31%;
}
#lv1-7 {
	top: 47%;
	left: 34.5%;
}
#lv1-8 {
	top: 44%;
	left: 38%;
}
#lv1-9 {
	top: 41.5%;
	left: 41.5%;
}
#lv1-10 {
	top: 39.5%;
	left: 45.5%;
}
#lv1-11 {
	top: 38%;
	left: 50%;
}
#lv1-12 {
	top: 37.5%;
	left: 54.5%;
}
#lv1-13 {
	top: 37.5%;
	left: 58.5%;
}
#lv1-14 {
	top: 37.5%;
	left: 62.2%;
}
#lv1-15 {
	top: 37.5%;
	left: 66.1%;
}
#lv1-16 {
	top: 37.5%;
	left: 70%;
}
#lv1-17 {
	top: 37.5%;
	left: 73.5%;
}
#lv1-18 {
	top: 36.5%;
	left: 78%;
}
#lv1-19 {
	top: 77.5%;
	left: 38%;
}
#lv1-20 {
	top: 72.5%;
	left: 38.5%;
}
#lv1-21 {
	top: 67%;
	left: 39.5%;
}
#lv1-22 {
	top: 60.5%;
	left: 27%;
}
#lv1-23 {
	top: 64.5%;
	left: 25%;
}
#lv1-24 {
	top: 68.5%;
	left: 23%;
}
#lv1-25 {
	top: 73.5%;
	left: 21%;
}





/* Stage 3 */

#lv2-1 {
	top: 59%;
	left: 53.6%;
}

#lv2-2 {
	top: 58.5%;
	left: 50%;
}

#lv2-3 {
	top: 58%;
	left: 46.3%;
}

#lv2-4 {
	top: 57.5%;
	left: 42.5%;
}

#lv2-5 {
	top: 63.8%;
	left: 43.4%;
}

#lv2-6 {
	top: 68%;
	left: 43%;
}

#lv2-7 {
	top: 67%;
	left: 48.8%;
}

#lv2-8 {
	top: 67.5%;
	left: 52.5%;
}

#lv2-9 {
	top: 80%;
	left: 50.8%;
}

#lv2-10 {
	top: 79.5%;
	left: 47.1%;
}

#lv2-11 {
	top: 62%;
	left: 17.8%;
}

#lv2-12 {
	top: 62.5%;
	left: 21.6%;
}

#lv2-13 {
	top: 62.8%;
	left: 25.3%;
}

#lv2-14 {
	top: 65.8%;
	left: 30.5%;
}

#lv2-15 {
	top: 61.5%;
	left: 31%;
}

#lv2-16 {
	top: 57.5%;
	left: 31.5%;
}

#lv2-17 {
	top: 53.5%;
	left: 32%;
}

#lv2-18 {
	top: 55%;
	left: 26.5%;
}

#lv2-19 {
	top: 54.5%;
	left: 22.6%;
}


#lv2-20 {
	top: 54%;
	left: 19%;
}

#lv2-21 {
	top: 40.5%;
	left: 22%;
}

#lv2-22 {
	top: 41%;
	left: 26%;
}

#lv2-23 {
	top: 33%;
	left: 26.7%;
}

#lv2-24 {
	top: 32.5%;
	left: 22.7%;
}

#lv2-25 {
	top: 20%;
	left: 24.5%;
}

#lv2-26 {
	top: 20.5%;
	left: 28.5%;
}

#lv2-27 {
	top: 12%;
	left: 29.5%;
}

#lv2-28 {
	top: 11.5%;
	left: 25.6%;
}




/* Stage 4 */

#lv3-1 {
	top: 43%;
	left: 66.5%;
}

#lv3-2 {
	top: 47%;
	left: 66%;
}

#lv3-3 {
	top: 51%;
	left: 66%;
}

#lv3-4 {
	top: 57%;
	left: 70%;
}

#lv3-5 {
	top: 56.5%;
	left: 66%;
}

#lv3-6 {
	top: 56.1%;
	left: 62%;
}

#lv3-7 {
	top: 56%;
	left: 58%;
}

#lv3-8 {
	top: 72.1%;
	left: 55.6%;
}

#lv3-9 {
	top: 72.1%;
	left: 59.8%;
}

#lv3-10 {
	top: 73.1%;
	left: 63.8%;
}
#lv3-11 {
	top: 74.7%;
	left: 67.8%;
}
#lv3-12 {
	top: 78.8%;
	left: 67.3%;
}
#lv3-13 {
	top: 79.8%;
	left: 62.8%;
}
#lv3-14 {
	top: 79.6%;
	left: 58.8%;
}
#lv3-15 {
	top: 77.6%;
	left: 54.8%;
}

#lv3-16 {
	top: 71.6%;
	left: 15.8%;
}

#lv3-17 {
	top: 88.6%;
	left: 12.8%;
}

#lv3-18 {
	top: 84.6%;
	left: 8.8%;
}

#lv3-19 {
	top: 72.6%;
	left: 9.8%;
}

#lv3-20 {
	top: 72.6%;
	left: 5.6%;
}

#lv3-21 {
	top: 63.6%;
	left: 6.4%;
}

#lv3-22 {
	top: 64.1%;
	left: 10.2%;
}

#lv3-23 {
	top: 64.9%;
	left: 13.9%;
}

#lv3-24 {
	top: 49.9%;
	left: 15.9%;
}

#lv3-25 {
	top: 49.4%;
	left: 12.1%;
}

#lv3-26 {
	top: 48.7%;
	left: 8.5%;
}

#lv3-27 {
	top: 42.7%;
	left: 9.5%;
}

#lv3-28 {
	top: 43.4%;
	left: 13.7%;
}

#lv3-29 {
	top: 44.1%;
	left: 17.7%;
}

#lv3-30 {
	top: 28.1%;
	left: 19.7%;
}

#lv3-31 {
	top: 27.6%;
	left: 15.8%;
}
#lv3-32 {
	top: 27%;
	left: 11.8%;
}
#lv3-33 {
	top: 22%;
	left: 12.5%;
}
#lv3-34 {
	top: 22.5%;
	left: 16.5%;
}
#lv3-35 {
	top: 23%;
	left: 20.5%;
}
#lv3-36 {
	top: 7%;
	left: 22.5%;
}
#lv3-37 {
	top: 6.4%;
	left: 18.7%;
}
#lv3-38 {
	top: 5.9%;
	left: 14.7%;
}








#lv4-1 {
	top: 33%;
	left: 55%;
}
#lv4-2 {
	top: 34%;
	left: 65.5%;
}
#lv4-3 {
	top: 48%;
	left: 65.5%;
}
#lv4-4 {
	top: 48%;
	left: 55%;
}
#lv4-5 {
	top: 48%;
	left: 41.5%;
}
#lv4-6 {
	top: 48%;
	left: 30%;
}
#lv4-7 {
	top: 36%;
	left: 30%;
}
#lv4-8 {
	top: 33%;
	left: 41.5%;
}



#lv5-1 {
	top: 33%;
	left: 55%;
}
#lv5-2 {
	top: 34%;
	left: 65.5%;
}
#lv5-3 {
	top: 48%;
	left: 65.5%;
}
#lv5-4 {
	top: 48%;
	left: 55%;
}
#lv5-5 {
	top: 48%;
	left: 41.5%;
}
#lv5-6 {
	top: 48%;
	left: 30%;
}
#lv5-7 {
	top: 36%;
	left: 30%;
}
#lv5-8 {
	top: 33%;
	left: 41.5%;
}




#lv6-1 {
	top: 33%;
	left: 55%;
}
#lv6-2 {
	top: 34%;
	left: 65.5%;
}
#lv6-3 {
	top: 48%;
	left: 65.5%;
}
#lv6-4 {
	top: 48%;
	left: 55%;
}
#lv6-5 {
	top: 48%;
	left: 41.5%;
}
#lv6-6 {
	top: 48%;
	left: 30%;
}
#lv6-7 {
	top: 36%;
	left: 30%;
}
#lv6-8 {
	top: 33%;
	left: 41.5%;
}



#lv7-1 {
	top: 45%;
	left: 59%;
}
#lv7-2 {
	top: 47%;
	left: 40%;
}
#lv7-3 {
	top: 47%;
	left: 30%;
}
#lv7-4 {
	top: 34%;
	left: 30%;
}
#lv7-5 {
	top: 34%;
	left: 40%;
}




/* End Marker Locations */


/* Hex Grid */

#categories{
  overflow:hidden;
  width:90%;
  margin:0 auto;
  margin-bottom: 50px;
}
.clr:after{
  content:"";
  display:block;
  clear:both;
}
#categories li{
  position:relative;
  list-style-type:none;
  width:27.85714285714286%; /* = (100-2.5) / 3.5 */
  padding-bottom: 32.16760145166612%; /* =  width /0.866 */
  float:left;
  overflow:hidden;
  visibility:hidden;
 
  -webkit-transform: rotate(-60deg) skewY(30deg);
  -ms-transform: rotate(-60deg) skewY(30deg);
  transform: rotate(-60deg) skewY(30deg);
}
#categories li a {
	left: -100%;
	right: -100%;
	width: auto;
	height: 100%;
	margin: 0 auto;
}


#categories li:nth-child(3n+2){
  margin:0 1%;
}
#categories li:nth-child(6n+4){
  margin-left:0.5%;
}
#categories li:nth-child(6n+4), #categories li:nth-child(6n+5), #categories li:nth-child(6n+6) {
	margin-top: -8.9285714285%;
  margin-bottom: -6.9285714285%;
  
  -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  transform: translateX(50%) rotate(-60deg) skewY(30deg);
}
#categories li:nth-child(6n+4):last-child, #categories li:nth-child(6n+5):last-child, #categories li:nth-child(6n+6):last-child{
  margin-bottom:0%;
}
#categories li *{
  position:absolute;
  visibility:visible;
}
#categories li > div{
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  overflow:hidden;
  
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  
	-webkit-backface-visibility:hidden;
  
}

/* HEX CONTENT */
#categories li img{
  left:-100%; right:-100%;
  width: auto; height:100%;
  margin:0 auto;
  object-fit: fill;
}

#categories div h1, #categories div p{
  width:90%;
  padding:0 5%;
  background-color:#008080; background-color: rgba(0, 128, 128, 0.8);
  font-family: 'Raleway', sans-serif;
  
  -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  -ms-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
}
#categories li h1{
  bottom:110%;
  font-style:italic;
  font-weight:normal;
  font-size:1.5em;
  padding-top:100%;
  padding-bottom:100%;
}
#categories li h1:after{
	content:'';
  display:block;
  position:absolute;
  bottom:-1px; left:45%;
  width:10%;
  text-align:center;
  z-index:1;
  border-bottom:2px solid #fff;
}
#categories li p{
	padding-top:50%;
	top:110%;
	padding-bottom:50%;
}


/* HOVER EFFECT  */

#categories li div:hover h1 {
  bottom:50%;
  padding-bottom:10%;
}

#categories li div:hover p{
  top:50%;
  padding-top:10%;
}
#fork{
  position:fixed;
  top:0;
  left:0;
  color:#000;
  text-decoration:none;
  border:1px solid #000;
  padding:.5em .7em;
  margin:1%;
  transition: color .5s;
  overflow:hidden;
}
#fork:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 130%; height: 100%;
  background: #000;
  z-index: -1;
  transform-origin:0 0 ;
  transform:translateX(-100%) skewX(-45deg);
  transition: transform .5s;
}
#fork:hover {
  color: #fff;
}
#fork:hover:before {
  transform: translateX(0) skewX(-45deg);
}



.team .hex-anchor .hex-container {
	bottom: 0;
	top: 20px;
}
.team .hex-anchor {
	margin-bottom: 300px;
}
.team .image-container {
	height: 100px;
}
.columns .image-container {
	position: relative;
}
.voucher {
	width: 70%;
	margin: 0 auto;
}
.voucher img {
	display: block;
	margin: 0 auto;
}
.voucher img:first-of-type {

}
.voucher img:nth-of-type(2) {
/*	-webkit-box-shadow: 3px 1px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 1px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 1px 12px 0px rgba(0,0,0,0.75);
*/
	max-width: 80%;
}

.team h3 {
	font-size: 1.5rem;
	/*text-align: left; */

	color: #68942b;
	text-align: center;
	background-image: url(/../images/glades/contact.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 30px;
   background-size: 25px;
margin-top: 50px;


}


.clip-svg {
	width: 0;
	height: 0;
}
	
.polygon-each-img-wrap img {
	max-width: 100%;
	height: auto;
}

.polygon-clip-hexagon {
		-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
		clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
		-webkit-clip-path: url("#polygon-clip-hexagon");
		clip-path: url("#polygon-clip-hexagon");
	}


.table-scroll {
    display: inline-block;
    background: url(../../images/LeftShadow.png) repeat-y top left, url(../../images/RightShadow.png) repeat-y top right;
    max-width: 100%;
    overflow-x: auto;
}
.inline {
    display: inline-block;
    overflow-x: auto;
    max-width: 100%;
}	
.team .image-container img {
	width: 70%;
	margin: 0 auto 50px;
	display: block;
}

.stats-wrapper {
	width: 60%;
	margin: 4rem auto;
}
.stats-wrapper img {
	object-fit: cover;
}
@media screen and (max-width: 800px) {
	.stats-wrapper {
		width: 100%;
	}
}



.mobile-gallery {
	//display: none;
	margin-top: 2rem;
}
.mobile-gallery .mobile-featured {
	width: 100%;
}
.mobile-gallery .mobile-gallery-image {
	width: 20%;
}
.mobile-gallery-image {
	float: left;
}


.accordion-toggle {cursor: pointer;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}

#accordion h4 {
	background-color: #000;
	color: #fff;
	padding: 1rem;
	border-radius: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2rem;
}
.accordion-content {
	padding-left: 1rem;
	padding-right: 1rem;
	
}

.accordion-content p{
	text-align: left;
}


.gallery a:first-of-type img {
	width: 100%;
	height: auto;
}

.gallery a:not(:first-of-type) img {
	width: 20%;
	margin: 0;
	padding: 0;
}
/*
.mi-gallery img {
	height: 150px;
	max-height: 100%;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}*/
.no-margin {
	margin-bottom: 0 !important;
}
.floatThead-container {
	/*top: 50px !important;*/
}
@media screen and (max-width: 767px) {
	:root:root:root .floatHead-container {
		top: 50px !important;
		content: '';
	}	
}
.icon-branding {
	position: relative;
	margin-bottom: 100px;
}
.icon-branding img {
	display: block;
	margin: 0 auto;
}
.icon-branding h1 {
	position: absolute;
	margin: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	width: 200px;
}
.image-container .round-container {
	bottom: -70px;
}
.columns .image-container {
	margin-bottom: 30px;
}

.flex-gallery {
	display: flex;
	flex-flow: row wrap;
	margin: -.5vw;
	margin-top: .25vw;
}
.flex-gallery a {
	width: 30%;
	margin: .2vw;
	flex: auto;
	height: 200px;
	/*object-fit: cover;*/
}
.flex-gallery img {
	object-fit: cover;

	width: 100%; 
	height: 100%;
}
@media screen and (max-width: 450px) {
	.flex-gallery img {
		height: 100px;
		max-height: unset !important;
	}
}
.flex-gallery a:first-of-type {
	/*margin-left: 0;*/
}
.flex-gallery a:last-of-type {
	/*margin-right: 0;*/
}
.fp-btn {
	display: inline-block;
	margin-bottom: 0.5rem;
}


.columns li {
	line-height: 1.25rem;
}


.custom-banner-wrapper {
	max-width: 1270px;
}

section .center-link:first-of-type {
	margin-top: 2rem;
}

.center-link {
	text-align: center;
}
.center-link a {
	float: none;
	display: inline-block;
	text-align: center;
}
@media screen and (min-width: 767px) {
	.custom-width-h1 {
		width: 85%;
		max-width: 1020px;	
	}	
}
section li {
	line-height: 1.5em;
}
/*section .section-link:first-of-type {
	margin-top: 1rem !important;
}
section .section-link {
	float: unset;
	margin: 0 auto;
}*/


.heading-wrap {
	width: 80%;
	margin: 0 auto;
	position: relative;
	clear: both;
	height: 100px;
}

@media screen and (max-width: 1100px) {
	.heading-wrap {
		width: 100%;
	}
}

.heading-wrap h1 {
	position: relative;
	left: 0;
	color: #A0DBE2;
	top: 20px;
	width: 50%;
	z-index: 10;
}
.heading-wrap:after {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 100%;
	height: 60px;
	background: url('devide_line.png') no-repeat;
}
.tbl-btn {
	padding: 0 0.5rem;
	color: #fff;
}
.tbl-btn.light {
	background-color: #A0DBE2;
}
.tbl-btn.dark {
	background-color: #585858;
}

/*
h1 {
	position: relative;
}
h1:after {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 100%;
	height: 60px;
	text-transform: capitalize;
	background: url('devide_line.png') no-repeat;
}

*/

.camera-mark {
	position: absolute;
	width: 2.5%;
	height: auto;
}

#cam1-3 {
	top: 56.5%;
	left: 73%;
}
#cam1-1 {
	top: 30%;
	left: 58%;
}
#cam2-1, 
#cam3-1 {
	top: 30%;
	left: 58%;
}
#cam2-2, 
#cam3-2 {
	top: 38%;
	left: 73%;
}
#cam2-3, 
#cam3-3 {
	top: 56.5%;
	left: 73%;
}
#cam2-3, 
#cam3-3 {
	top: 56.5%;
	left: 73%;
}
#cam2-4, 
#cam3-4 {
	top: 56%;
	left: 58%;
}
#cam2-5, 
#cam3-5 {
	top: 56%;
	left: 49%;
}
#cam2-6, 
#cam3-6 {
	top: 56%;
	left: 41%;
}
#cam2-7, 
#cam3-7 {
	top: 56%;
	left: 25%;
}
#cam2-8, 
#cam3-8 {
	top: 38%;
	left: 25%;

}
#cam2-9, 
#cam3-9 {
	top: 30%;
	left: 41%;
}

#cam4-1, #cam5-1, #cam6-1 {
	top: 30%;
	left: 58%;
}
#cam4-2, #cam5-2, #cam6-2 {
	top: 38%;
	left: 73%;
}
#cam4-3, #cam5-3, #cam6-3 {
	top: 56.5%;
	left: 73%;
}
#cam4-4, #cam5-4, #cam6-4 {
	top: 57%;
	left: 56%;
}
#cam4-5, #cam5-5, #cam6-5 {
	top: 55%;
	left: 46.5%;
}
#cam4-6, #cam5-6, #cam6-6 {
	top: 56.5%;
	left: 25%;
}
#cam4-7, #cam5-7, #cam6-7 {
	top: 38%;
	left: 25%;
}
#cam4-8, #cam5-8, #cam6-8 {
	top: 30%;
	left: 41.5%;
}

#cam7-1 {
	top: 57%;
	left: 72.5%;

}
#cam7-2 {
	top: 56%;
	left: 48%;
}
#cam7-3 {
	top: 57%;
	left: 25%;
}
#cam7-4 {
	top: 38%;
	left: 25%;
}
#cam7-5 {
	top: 31%;
	left: 42%;
}
#cam7-1-2 {
	top: 39%;
	left: 72.5%;
}
#cam7-1-3 {

	top: 30%;
	left: 58%;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
 	table#apartments {
 		margin-top: 50px;
 	}
 	.floatThead-container {
 		top: -50px;
 	}
/*
 	.flex-gallery a {
 		
 		width: 23.65%;
 		flex: none;
 		height: 220px;
 	}

 	.flex-gallery img {
 		width: 100%;
 		height: auto;
 	}
*/

}

.pinpoint{
	color: #68942b;
	text-align: center;
	background-image: url(/../images/glades/pointer.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 45px;
   background-size: 25px;


}

.leaf{
	color: #68942b;
	text-align: center;
	background-image: url(/../images/glades/leaf.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 45px;
   background-size: 25px;


}



.center{
	text-align: center;
}
.center-img{
padding: 35% 5%;
margin-top: 10px;
max-width: 1200px;

	background-image: url(/../images/glades/circle.png);
	background-repeat: no-repeat;
	background-position:  center;
	background-size:  60%;
}

.disclaimer{
	font-size: 12px;

}