/**
 * @license
 * MyFonts Webfont Build ID 3656370, 2018-10-17T01:05:06-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: RidleyGrotesk-Bold by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/ridley-grotesk/bold/
 * 
 * Webfont: RidleyGrotesk-Regular by Radomir Tinkov
 * URL: https://www.myfonts.com/fonts/radomir-tinkov/ridley-grotesk/regular/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3656370
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright © 2016 by Radomir Tinkov. All rights reserved.
 * 
 * © 2018 MyFonts Inc
*/


/* #3b352f  
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/37cab2");

  
@font-face {font-family: 'RidleyGrotesk-Bold';src: url('webfonts/37CAB2_0_0.eot');src: url('webfonts/37CAB2_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/37CAB2_0_0.woff2') format('woff2'),url('webfonts/37CAB2_0_0.woff') format('woff'),url('webfonts/37CAB2_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'RidleyGrotesk-Regular';src: url('webfonts/37CAB2_1_0.eot');src: url('webfonts/37CAB2_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/37CAB2_1_0.woff2') format('woff2'),url('webfonts/37CAB2_1_0.woff') format('woff'),url('webfonts/37CAB2_1_0.ttf') format('truetype');}
 



*:not(pre) {
	margin: 0px;
	padding: 0px;
	font-family: 'RidleyGrotesk-Regular', Arial,  Helvetica, sans-serif; 
	text-align: left;
}
img,
div {
	behavior: url(/scripts/iepngfix.htc)
}
img:not(.footer) {
	max-width: 100% !important;
	max-height: auto !important;
}

.icon-branding h1 {
	border-bottom: 0;
	padding-bottom: 0;
}

.padding-bottom h1 {
	font-size: 26pt;
	color: #A0DBE2;
	font-weight: normal;
	margin-bottom: 20px;
	font-family: Arial,  Helvetica, sans-serif;
}
h1 {
	font-family: Arial,  Helvetica, sans-serif;;
	font-weight: 300;
	
}


.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: #3b352f  ;
	top: 20px;
	width: 100%;
	z-index: 10;
	 padding-top: 15px;
	text-align: center;
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: 10px;
	font-weight: normal;

}
.heading-wrap:after {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 100%;
	height: 60px;
	/*background: url('devide_line.png') no-repeat; */
}
h2 {
	font-size: 18pt;
	color: ##3b352f  ;;
	font-weight: normal;
	font-family: Arial,  Helvetica, sans-serif;
	margin-bottom: 30px;
	margin-top: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
}
h3 {
	font-size: 14pt;
	color: ##3b352f  ;;
	font-weight: normal;
	font-family: Arial,  Helvetica, sans-serif;
	margin-bottom: 30px;
	margin-top: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
h4 {
	font-size: 14px;
	color: ##3b352f  ;
	font-weight: normal;
	font-family: Arial,  Helvetica, sans-serif;
	margin-bottom: 30px;
	margin-top: 20px;
}

.floorplan-outer h4{
	font-family: 'RidleyGrotesk-Regular', Arial,  Helvetica, sans-serif !important;

}
.accordion-toggle {
	font-family: 'RidleyGrotesk-Regular', Arial,  Helvetica, sans-serif !important;

}
p {
	color: #000000;
	font-family: 'RidleyGrotesk-Regular', Arial,  Helvetica, sans-serif;
	padding-bottom: 10px;
	line-height: 1.5em;
	font-size: 14px;
}
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: #3b352f;
	text-transform: uppercase;
}
tr.level td {
	background-color: #eeeeee;
	color: #3b352f;
}
th {
	font-family: 'RidleyGrotesk-Regular', Arial,  Helvetica, sans-serif;

	font-size: 16px;
	font-weight: normal;
	background: #3b352f;
	color: #ffffff;
	padding: 7px;
}
td {
	font-family: 'RidleyGrotesk-Regular', Arial,  Helvetica, sans-serif;

	padding: 10px;
	font-size: 14px;

}
a {
	text-decoration: none;
	color: #818285;
}
.section-link {
  display: block;
  clear: both;
  float: left;
  width: auto;
  padding: 10px 10px;
  text-align: left;
  margin-bottom: 10px;
  margin-right: 10px;
	font-family: 'RidleyGrotesk-Regular', Arial,  Helvetica, sans-serif;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #000000;
  font-size: 14px;
  min-width: 200px;
  background-color: #eee;
  color: #212121;
  padding: 1rem 2rem; 

}
.section-link:hover {
	background-color: #3b352f;
	color: #ffffff;

}
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: #3b352f;
	text-align: right;
	font-size: 12px;
	border-bottom: 1px solid #3b352f;
	-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;
	text-transform: uppercase;
	letter-spacing: 2px;
}
a.nav-active {
	display: block;
	color: #fff;
	background: rgba(59, 53, 47, .4); 

	text-align: right;
	font-size: 12px;
	border-bottom: 1px solid #3b352f;
}
nav a:hover {
	display: block;
	color: #fff;
background: rgba(59, 53, 47, .4); 
	text-align: right;
	font-size: 12px;
	border-bottom: 1px solid #3b352f;
}
.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: #E7E7E8;
}
#document_content section#footerformat {
	padding: 0;
	width: 100%;
	max-width: 2500px;
	border-top: 1px solid #eee;

}
#document_content section#footerformat img.footer {
	max-width: 1100px;
	width: 100%;
	height: 100%;
	
	padding-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
}
#top_sidebar {
	display: none;
}
#top_sidebar img {
	max-height: 100%;
	max-height: 40px;
	margin-top: 5px;
	margin-left: 5px;
}
#sidebar {
	background-image: url(/../images/ravello/sidebar-bg.png);
	    background-size: auto auto;
background-size: cover;
	color: #222222;
	box-shadow: 0 0 16px rgba(3, 3, 3, 0.2);
	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;
    } 
}

#sidebar > a:first-child, #nav-scroll > a:first-child {
    margin: 0;
    padding: 20px calc((100% - 170px)/2) 20px; 
 /*   padding: 20px 16px 20px; */
    background-color: #3b352f;
}
#sidebar>a:first-child,
#nav-scroll>a:first-child {
    display: block;
    min-height: 30px;
    width: calc(100% - (100% - 170px));
}



@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: 100px;
	padding-top: 50px;
	padding-left: 70px;
	padding-right: 50px;
	/*margin-top: 100px;*/
	/*min-height: 600px;*/
	min-height: 400px;
	max-width: 1200px;
}
#intro {
	padding-top: 180px !important;
	max-width: 1200px;
	float: left;
}
#intro h1 {
	color: #A0DBE2;
}
#footer_container {
	width: 100%;
	height: auto;
	min-height: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0px;
	background: none;
	overflow: hidden;
	padding-top: 90px;
	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: #E7E7E8;
}
#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: 1rem auto !important;
	max-width: 100% !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: #000000;
	padding: 58px 30px 25px 105px;
	border-radius: 0 5px 5px 0;
	margin-bottom: 20px;
	margin-right: 50px;
	background: #fff url(/../images/icon-book.png) 45px no-repeat;
	font-family: Arial,  Helvetica, sans-serif;
	-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: #3b352f 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: #3b352f url(/../images/icon-book-white.png) 15px -50px no-repeat;
	font-family: Arial,  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:#3b352f 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: none;
	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;
}


.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;
}

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

.fp-desc {
	text-align: center;
	color: #3b352f;
	/*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: #eee;
	color: #3b352f;
	border: solid 1px #eee;
	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: #3b352f;
	border: solid 1px #eee;
}

.floorplan-wrapper {
	position: relative;
}
.floorplan-wrapper .inner {
	position: relative;
	width: 100%;
	margin: 7.5rem  auto;
	border: solid 1px #eee;;
	padding: 2rem 2rem 6rem;
	margin-bottom: 100px;
	background: #fff;
	box-sizing: border-box;
}
img.floorplan {
	margin: auto;
	display: block;
	width: 100%;
}
.sold-mark {
	position: absolute;
	width: 5%;
	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 .middle{
	width: 45%;
	margin: 0 auto;
	position: relative;
	-webkit-transform:translateZ(0);
}

.columns .left{
	margin-right: 10%;
}


.left h2,
.right h2, .middle h2 {
	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.55rem;
	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: #fcfcfc;
	border-bottom: 1px solid #f5f5f5;
}
.apartments tr:nth-of-type(even) {
	background-color: #fff;
	border-bottom: 1px solid #f5f5f5;
}
.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: 'Arial';
	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;

	}
}

/* Marker Locations */
#lv0-1 {
	top: 57%;
	left: 47%;
}
#lv0-2 {
	top: 57%;
	left: 39%;
}
#lv0-3 {
	top: 41%;
	left: 40.5%;
}
#lv0-4 {
	top: 29%;
	left: 40.5%;	
}
#lv0-5 {
	top: 15%;
	left: 40.5%;	
}




#lv1-1 {
	top: 40%;
	left: 55%;
}

#lv1-2 {
	top: 52%;
	left: 55%;
}

#lv1-3 {
	top: 52%;
	left: 42%;
}

#lv1-4 {
	top: 40%;
	left: 42%;
}

#lv1-5 {
	top: 26%;
	left: 42%;
}

#lv1-6 {
	top: 13%;
	left: 42%;
}

#lv1-7 {
	top: 18%;
	left: 55%;
}
/*

#lv1-8 {
	top: 30%;
	left: 48%;
}
*/








#lv2-1 {
	top: 46%;
	left: 55%;
}

#lv2-2 {
	top: 52%;
	left: 42%;
}

#lv2-3 {
	top: 39%;
	left: 42%;
}

#lv2-4 {
	top: 27%;
	left: 42%;
}

#lv2-5 {
	top: 14%;
	left: 42%;
}

#lv2-6 {
	top: 19%;
	left: 55%;
}

/*
#lv2-7 {
	top: 23%;
	left: 48%;
}

#lv2-8 {
	top: 30%;
	left: 48%;
}
*/








#lv3-1 {
	top: 48%;
	left: 56%;
}

#lv3-2 {
	top: 54%;
	left: 42%;
}

#lv3-3 {
	top: 41%;
	left: 42%;
}

#lv3-4 {
	top: 27%;
	left: 42%;
}

#lv3-5 {
	top: 13%;
	left: 42%;
}

#lv3-6 {
	top: 17%;
	left: 56%;
}

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








#lv4-1 {
	top: 48%;
	left: 56%;
}

#lv4-2 {
	top: 54%;
	left: 42%;
}

#lv4-3 {
	top: 40%;
	left: 42%;
}

#lv4-4 {
	top: 27%;
	left: 42%;
}

#lv4-5 {
	top: 13%;
	left: 42%;
}

#lv4-6 {
	top: 18%;
	left: 56%;
}

/*
#lv4-7 {
	top: 31%;
	left: 47%;
}
*/






#lv5-1 {
	top: 48%;
	left: 56%;
}


#lv5-2 {
	top: 54%;
	left: 42%;
}

#lv5-3 {
	top: 40%;
	left: 42%;
}

#lv5-4 {
	top: 27%;
	left: 42%;
}

#lv5-5 {
	top: 13%;
	left: 42%;
}

#lv5-6 {
	top: 17%;
	left: 56%;
}
/*

#lv5-7 {
	top: 31%;
	left: 47%;
}
*/








#lv6-1 {
	top: 54%;
	left: 46%;
}

#lv6-2 {
	top: 33.5%;
	left: 41%;
}

#lv6-3 {
	top: 13.5%;
	left: 46%;
}




/* 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: 200px;
}
.columns .image-container {
	position: relative;
}

.middle .image-container{

	float: left;
}
.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;
}

.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: #A0DBE2;
	color: #fff;
	padding: 1rem;
	
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2rem;
}
.accordion-content {
	padding-left: 1rem;
	padding-right: 1rem;
}

.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: .5vw;
	flex: auto;
	height: 200px;
	/*object-fit: cover;*/
}

/*
.flex-gallery a:last-of-type {
	width: 100%;
	margin: .5vw;
	flex: auto;
	height: 200px;
	
}
*/


.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;
}*/


.tbl-btn {
	padding: 0 0.5rem;
	color: #fff;
	font-size: 11px;
}
.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;
}

#cam0-1 {
	display: none;
	top: 56.5%;
	left: 48%;
}

#cam0-2 {
	display: none;
	top: 54.5%;
	left: 37%;
}

#cam0-3 {
	display: none;
	top: 43.5%;
	left: 37%;
}

#cam0-4 {
	display: none;
	top: 30.5%;
	left: 37%;
}

#cam0-5 {
	display: none;
	top: 14.5%;
	left: 37%;
}



#cam1-1, #cam1-8 {
	top: 38%;
	left: 53%;
}
#cam1-2{
	top: 58%;
	left: 50%;
}

#cam1-3{
	top: 59%;
	left: 31.5%;
}
#cam1-4, #cam1-5 {
	top: 38%;
	left: 31.5%;
}
#cam1-6{
	top: 17%;
	left: 32.5%;
}
#cam1-7{
	top: 18%;
	left: 51%;
}



#cam2-1, #cam2-8 {
	top: 39%;
	left: 53%;
}

#cam2-2{
	top: 58%;
	left: 50%;
}

#cam2-3{
	top: 59%;
	left: 31.5%;
}
#cam2-4, #cam2-5 {
	top: 39%;
	left: 31.5%;
}
#cam2-6{
	top: 17.5%;
	left: 33%;
}
#cam2-7{
	top: 19%;
	left: 51%;
}





#cam3-1 {
	top: 58%;
	left: 57%;
}

#cam3-2 {
	top: 59%;
	left: 37.5%;
}
#cam3-3{
	top: 37%;
	left: 37.5%;
}

 #cam3-4 {
	top: 33.5%;
	left: 37.5%;
}

#cam3-5{
	top: 11%;
	left: 38.5%;
}

#cam3-6{
	top: 13%;
	left: 60%;
}

#cam3-7 {
	top: 34%;
	left: 61.5%;
}






#cam4-1 {
	top: 56%;
	left: 57%;
}

#cam4-2 {
	top: 58%;
	left: 38%;
}
#cam4-3{
	top: 37%;
	left: 37.5%;
}

#cam4-4 {
	top: 33.5%;
	left: 37.5%;
}


#cam4-5{
	top: 12%;
	left: 38%;;
}

#cam4-6{
	/* top: 13.5%;
	left: 57%;
	*/

	top: 30.5%;
	left: 62%;
}

/*
#cam4-7 {
	top: 39.5%;
	left: 58.5%;
}
*/




#cam5-1 {
	top: 57%;
	left: 57%;
}

#cam5-2 {
	top: 59%;
	left: 38%;
}
#cam5-3{
	top: 37%;
	left: 38%;
}

#cam5-4 {
	top: 33%;
	left: 38%;
}


#cam5-5{
	top: 11.5%;
	left: 38%;
}

#cam5-6{
	top: 26%;
	left: 59%;
}

/*
#cam5-7 {
	top: 39.5%;
	left: 52.3%;
}

*/




#cam6-1 {
	top: 59%;
	left: 37.5%;
}
#cam6-2 {
	top: 35.5%;
	left: 37.5%;
}

#cam6-3{
	top: 11.9%;
	left: 37.8%;
}




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

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

}



/*
a.nav-active {   
	background: #3b352f;
}

nav a:hover {
	background: #3b352f;
}

*/


h3 {
	color: #000000;
}



.tbl-btn.light {
    background-color: #000000;
}



h2 {
	color: #000000;
}

#accordion h4 {
    background-color: #eee;
    color: #3b352f;
    border: 1px solid #eee;
}


.logout {
	background:  url(/../images/ravello/icon-logout.svg) 0px 0px no-repeat;
}
.logout:hover {
	background: #3b352f url(/../images/ravello/icon-logout.svg) 0px -60px no-repeat;
}
.save {
	background:  url(/../images/ravello/icon-save.svg) 0px 0px no-repeat;
}
.save:hover {
	background: #3b352f url(/../images/ravello/icon-save.svg) 0px -60px no-repeat;
}
.print {
	background: url(/../images/ravello/icon-print.svg) 0px 0px no-repeat;
}
.print:hover {
	background: #3b352f url(/../images/ravello/icon-print.svg) 0px -60px no-repeat;
}
.enquire{
	background:  url(/../images/ravello/icon-enquire.svg) 0px 0px no-repeat;
}
.enquire:hover{
	background: #3b352f url(/../images/ravello/icon-enquire.svg) 0px -60px no-repeat;
}
.inspect{
	background: url(/../images/ravello/icon-inspect.svg) 0px 0px no-repeat;
}
.inspect:hover{
	background: #3b352f url(/../images/ravello/icon-inspect.svg) 0px -60px no-repeat;
}

/* Intro Page */
#intro h1 {
    color: #000000;
}






.image-map-container {
	position: relative;
  display:inline-block;
}
.image-map-container img {
  display:block;
}
.image-map-container .map-selector {
  left:0;
  top:0;
  right:0;
  bottom:0;
  color:#546E7A00;
  /*
  transition-duration: .3s;
	transition-timing-function: ease-out;
	transition-property: top, left, right, bottom, color;
	*/
}
.image-map-container .map-selector.hover {
  color:#546E7A80;
}

.map-selector:after {
	content: '';
	position: absolute;
	background: currentColor;
	top: inherit;
	right: inherit;
	bottom: inherit;
	left: inherit;
	background: currentColor;
	transition-duration: .3s;
	transition-timing-function: ease-out;
	transition-property: top, left, right, bottom, background;
	pointer-events: none;
}

.center{
	text-align: center;
}

/*
.s1{
	width: 56px;
	background: pink;
	display: block;
}
*/