@import url("https://fonts.googleapis.com/css?family=Cinzel");
@import url('https://fonts.googleapis.com/css?family=Montserrat');

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

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

*:not(pre) {
	margin: 0px;
	padding: 0px;
	font-family: "Cinzel", 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;
	}
}*/

*:not(pre) {
  margin: 0px;
  padding: 0px;
  font-family: 'Montserrat', Century Gothic, Helvetica, sans-serif;
  text-align: left;
}

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

.padding-bottom h1 {
  font-size: 26pt;
  color: #bfac81;
  font-weight: normal;
  margin-bottom: 20px;
  font-family: "Cinzel", Century Gothic, Helvetica, sans-serif; }

h1 {
  font-family: "Cinzel", Century Gothic, Helvetica, sans-serif;
  font-weight: 300; }

h2 {
  font-size: 18pt;
  color: #bfac81;
  font-weight: normal;
  font-family: "Cinzel", Century Gothic, Helvetica, sans-serif;
  margin-bottom: 30px;
  margin-top: 20px; }

h3 {
  font-size: 14pt;
  color: #bfac81;
  font-weight: normal;
  font-family: "Cinzel", Century Gothic, Helvetica, sans-serif;
  margin-bottom: 30px;
  margin-top: 20px; }

h4 {
  font-size: 12pt;
  color: #bfac81;
  font-weight: normal;
  font-family: "Cinzel", Century Gothic, Helvetica, sans-serif;
  margin-bottom: 30px;
  margin-top: 20px; }

p {
  color: #959595;
  /*font-family: "Cinzel", Century Gothic, Helvetica, sans-serif;*/
 /* font-family:  "Playfair Display", serif; */
 font-family:  "Montserrat", Century Gothic, 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: #bfac81;
  text-transform: uppercase; }

tr.level td {
  background-color: #eeeeee;
  color: #bfac81; }

th {
  font-family: "Cinzel", Century Gothic, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background: #bfac81;
  color: #ffffff;
  padding: 10px; }

td {
  font-family: "Cinzel", Century Gothic, 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: 'Montserrat', Century Gothic, 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: #000000;
  color: #bfac81;
  padding: 1rem 2rem; 
  border: 1px solid #bfac81;
  /*
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); 
*/
  }

.section-link:hover {
  color: #bfac81;
  background-color: #eeeeee;
  border: 1px solid #bfac81;
}



nav {
  width: 100%; }

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: #bfac81;
  text-align: right;
  font-size: 11px;
  text-transform: uppercase;
  
  border-bottom: 1px solid #bfac81; 
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "Montserrat"; }

a.nav-active,
nav a:hover {
  color: #000000;
  background: #959595; }

.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: #959595;
  margin-bottom: 10px;
  font-size: 14px;
  list-style-position: outside; 
font-family: "Montserrat", Century Gothic, Helvetica, sans-serif;}

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

#search_wrapper {
  background: #c41515;
  width: 100%;
  position: relative;
  z-index: 2; }

#content_wrapper {
  background:  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; }

#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-image: url(/../images/peninsula/sidebar-bg.png);
    background-size: auto auto;
background-size: cover;
*/
background: #000000;
color: #222222;
box-shadow: 0 0 16px rgba(3, 3, 3, 0.2);
height: 100%;
left: 0;
min-height: 100%;
position: fixed;
width: 200px;
z-index: 100;

/*
  background-image: url(/../images/peninsula/sidebar-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  color: #bfac81;
  -webkit-box-shadow: 0 0 56px rgba(3, 3, 3, 0.6);
  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 ((-webkit-box-pack: inherit) or (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;
  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: 20px;
  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: #bfac81; }

#footer_container {
  width: 100%;
  height: auto;
  min-height: 200px;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: 0px;
  background: #000000;
  overflow: hidden;
  padding-top: 50px;
  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;
  border-top: 1px solid #e6eef2; }

#footer_container .inner {
/* border-top: solid 1px #e6eef2; */
  max-width: 1200px; }

#footer_container .footer-center,
#footer_container .footer-right {
  width: 33%;
  float: left;
  margin-top: 30px; }

#footer_container .footer-left {
  width: 33%;
  float: left;
  margin-top: 0px; }

@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: #bfac81; }

.footer-right img {
  float: right; }

#footer_container p {
  font-size: 12px;
  margin-top: 110px; }

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

.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;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: inset 0 -1px 4px rgba(0, 0, 0, 0.5), inset 0 4px 4px rgba(255, 255, 255, 0.8);
  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: #818285;
  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: "Montserrat", Century Gothic, Helvetica, sans-serif;
  -webkit-box-shadow: 5px 3px 10px 3px #aeaeae;
  box-shadow: 5px 3px 10px 3px #aeaeae;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.web-book:hover {
  background: #bfac81 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: #bfac81 url(/../images/icon-book-white.png) 15px -50px no-repeat;
  font-family: "Montserrat", Century Gothic, Helvetica, sans-serif;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #fff;
  font-size: 18px; }

.button-login:hover {
  background: #bfac81 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%;
  padding-bottom: 10px; }

.book-options2 {
  overflow-y: hidden;
  display: block; }

.white {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 /* border: 1px solid #bfac81; */
  width: 60px;
  height: 60px;
  padding: 10px;
  float: left;
  display: block;
  color: #000;
  opacity: 1;
  font-size: 12px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin: 0 calc((100% - 180px)/6) 0 calc((100% - 180px)/6);
  margin-top: 6px; }

.white:hover {
  opacity: 1; }

.logout {
  background: url(/../images/icon-logout.svg) 0px 0px no-repeat; }

.logout:hover {
  background: #bfac81 url(/../images/icon-logout.svg) 0px -60px no-repeat; }

.save {
  background: url(/../images/icon-save.svg) 0px 0px no-repeat; }

.save:hover {
  background: #bfac81 url(/../images/icon-save.svg) 0px -60px no-repeat; }

.print {
  background: url(/../images/icon-print.svg) 0px 0px no-repeat; }

.print:hover {
  background: #bfac81 url(/../images/icon-print.svg) 0px -60px no-repeat; }

.enquire {
  background: url(/../images/icon-enquire.svg) 0px 0px no-repeat; }

.enquire:hover {
  background: #bfac81 url(/../images/icon-enquire.svg) 0px -60px no-repeat; }

.inspect {
  background: url(/../images/icon-inspect.svg) 0px 0px no-repeat; }

.inspect:hover {
  background: #bfac81 url(/../images/icon-inspect.svg) 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 {
  -webkit-transition: fill-opacity, stroke-width, -webkit-transform;
  transition: fill-opacity, stroke-width, -webkit-transform;
  transition: transform, fill-opacity, stroke-width;
  transition: transform, fill-opacity, stroke-width, -webkit-transform;
  -webkit-transition: transform, fill-opacity, stroke-width;
  transition-duration: 1s;
  -webkit-transition-duration: 1s; }

.section-text {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.fp-desc {
  text-align: center;
  color: #bfac81;
  /*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: #bfac81;
  color: #fff;
  border: solid 1px #fff;
  padding: 0.5rem;
  -webkit-box-shadow: 10px 10px 22px 0px #c2c2c2;
  box-shadow: 2px 2px 5px 0px rgba(194, 194, 194, 0.8); }

.floorplan-outer > a:hover,
a.back:hover {
  background-color: #fff;
  color: #bfac81;
  border: solid 1px #bfac81; }

.floorplan-wrapper {
  position: relative; }

.floorplan-wrapper .inner {
  position: relative;
  width: 100%;
  margin: 7.5rem auto;
  border: solid 1px #bfac81;
  padding: 2rem 2rem 6rem;
  margin-bottom: 100px;
  background: #fff;
  -webkit-box-sizing: border-box;
  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%;
  -webkit-box-sizing: border-box;
  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: #6593dd;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#6593dd), color-stop(100%, #425f99), to(#7db9e8));
  background: linear-gradient(to bottom, #6593dd 0%, #425f99 100%, #7db9e8 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 #c9c9c9;
  box-shadow: 2px 2px 1px 0px #c9c9c9; }

a.share-btn:focus,
a.share-btn:hover {
  -webkit-box-shadow: 4px 4px 2px 0px #c9c9c9;
  box-shadow: 4px 4px 2px 0px #c9c9c9; }

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

.hexagon {
  overflow: hidden;
  visibility: hidden;
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  cursor: pointer;
  border: solid 1px #000; }

.hexagon-in1 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-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);
  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;
  -webkit-box-sizing: border-box;
  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-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, .featherlight-inner) {
  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: 90%; }

#apartments {
  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: 2%; }

.apartments col.s {
  width: 4%; }

.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: #bfac81; }

@media screen and (max-width: 1200px) and (min-width: 500px) {
  .floorplan-wrapper .hex-container {
    bottom: -75px; } }
@media screen and (max-width: 500px) {
  .floorplan-wrapper .hex-container {
    bottom: -50px; }

  .hex-container p {
    font-size: 0.9rem; } }
/* Marker Locations */
#lv0-1 {
  top: 36%;
  left: 66%; }

#lv0-2 {
  top: 49%;
  left: 66%; }

#lv0-3 {
  top: 49%;
  left: 56.5%; }

#lv0-4 {
  top: 49%;
  left: 49.5%; }

#lv1-1 {
  top: 34%;
  left: 56%; }

#lv1-2 {
  top: 34%;
  left: 66%; }

#lv1-3 {
  top: 48%;
  left: 66%; }

#lv1-4 {
  top: 48%;
  left: 56%; }

#lv1-5 {
  top: 48%;
  left: 48%; }

#lv1-6 {
  top: 48%;
  left: 40%; }

#lv1-7 {
  top: 48%;
  left: 31%; }

#lv1-8 {
  top: 34%;
  left: 31%; }

#lv1-9 {
  top: 34%;
  left: 42%; }

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

#lv2-2 {
  top: 34%;
  left: 65.5%; }

#lv2-3 {
  top: 48%;
  left: 65.5%; }

#lv2-4 {
  top: 48%;
  left: 56%; }

#lv2-5 {
  top: 48%;
  left: 47.5%; }

#lv2-6 {
  top: 48%;
  left: 39.5%; }

#lv2-7 {
  top: 48%;
  left: 30%; }

#lv2-8 {
  top: 36%;
  left: 30%; }

#lv2-9 {
  top: 33%;
  left: 41%; }

#lv3-1 {
  top: 33%;
  left: 55%; }

#lv3-2 {
  top: 34%;
  left: 65.5%; }

#lv3-3 {
  top: 48%;
  left: 65.5%; }

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

#lv3-5 {
  top: 48%;
  left: 47.5%; }

#lv3-6 {
  top: 48%;
  left: 39.5%; }

#lv3-7 {
  top: 48%;
  left: 30%; }

#lv3-8 {
  top: 36%;
  left: 30%; }

#lv3-9 {
  top: 33%;
  left: 41%; }

#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);
  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);
  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);
  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;
  -o-object-fit: fill;
  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 0.2s ease-out, bottom 0.2s ease-out, 0.2s padding 0.2s ease-out;
  transition: top 0.2s ease-out, bottom 0.2s ease-out, 0.2s padding 0.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: 0.5em 0.7em;
  margin: 1%;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  overflow: hidden; }

#fork:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 130%;
  height: 100%;
  background: #000;
  z-index: -1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translateX(-100%) skewX(-45deg);
  transform: translateX(-100%) skewX(-45deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s; }

#fork:hover {
  color: #fff; }

#fork:hover:before {
  -webkit-transform: translateX(0) skewX(-45deg);
  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: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%; }

 .apartments-scroll {
  
    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 {
  -o-object-fit: cover;
  object-fit: cover; }

@media screen and (max-width: 800px) {
  .stats-wrapper {
    width: 100%; } }
.mobile-gallery {
  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: #bfac81;
  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; }

.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: -.5vw;
  margin-top: 0.25vw; }

.flex-gallery a {
  width: 30%;
  margin: 0.5vw;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  height: 200px;
  /*object-fit: cover;*/ }

.flex-gallery img {
  -o-object-fit: cover;
  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; }

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

 color: #bfac81;
  text-align: center;
  text-transform: uppercase;
/*
    background-image: url(/../images/peninsula/leaf.png);
    background-repeat: no-repeat;
    background-position: top center;

    padding-top: 45px;
    background-size: 55px;
      margin-top: 2rem;
  */

     font-size: 2rem;
    
/*
 
  padding-bottom: 2rem;
  margin-top: 2rem;
 
  border-bottom: solid 2px #bfac81;
  margin-bottom: 2rem; 
*/
  }

.tbl-btn {
  padding: 0 0.5rem !important;
  color: #fff;
  font-size: 11px; }

.tbl-btn:hover {
  color: #fff;
}
.tbl-btn.light {
  background-color: #bfac81; }

.tbl-btn.dark {
  background-color: #bfac81; }

/*
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: 18.65%;*/
    width: 23.65%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    height: 220px; }

  .flex-gallery img {
    width: 100%;
    height: auto; } }
.uk-tab li a {
  padding: 1rem 2rem;
  border-color: #d7d7d7;
  border-bottom-color: #dddddd;
  border-bottom-color: transparent;
  color: #ffffff;
  background:#bfac81 ;
   font-family: "Cinzel", Century Gothic, Helvetica, sans-serif; }
  .uk-tab li a:hover {
    background: #fff;
    border-color: #d7d7d7;
    border-bottom: none;
    color: #bfac81; }
.uk-tab li.uk-active a {
  color: #bfac81; }

.uk-tab > li.uk-open:not(.uk-active) > a,
.uk-tab > li:not(.uk-active) > a:focus,
.uk-tab > li:not(.uk-active) > a:hover {
  padding-bottom: 13px; }

.uk-tab > li:nth-child(n + 2) > a {
  margin-left: 0px;
  border-left: none; }

.uk-switcher {
  border: solid 1px #ddd;
  border-top: 0;
  margin-top: 0;
  margin-bottom: 1rem;
  display: block; }

#mark-0-0-0 {
  top: 13%;
  left: 40%; }

#mark-0-0-1 {
   top: 13%;
  left: 55%; }

#mark-0-0-2 {
   top: 27%;
  left: 55%; }

#mark-0-0-3 {
   top: 48%;
  left: 55%; }

#mark-0-0-4 {
   top: 62%;
  left: 55%; }

#mark-0-0-5 {
   top: 62%;
  left: 40%; }

#mark-0-0-6 {
   top: 48%;
  left: 40%; }

#mark-0-0-7 {
   top: 27%;
  left: 40%; }




#mark-0-1-0 {
  top: 13%;
  left: 40%; }

#mark-0-1-1 {
   top: 13%;
  left: 55%; }

#mark-0-1-2 {
   top: 27%;
  left: 55%; }

#mark-0-1-3 {
   top: 48%;
  left: 55%; }

#mark-0-1-4 {
   top: 62%;
  left: 55%; }

#mark-0-1-5 {
   top: 62%;
  left: 40%; }

#mark-0-1-6 {
   top: 48%;
  left: 40%; }

#mark-0-1-7 {
   top: 27%;
  left: 40%; }


#mark-0-2-0 {
  top: 13%;
  left: 40%; }

#mark-0-2-1 {
   top: 13%;
  left: 55%; }

#mark-0-2-2 {
   top: 27%;
  left: 55%; }

#mark-0-2-3 {
   top: 48%;
  left: 55%; }

#mark-0-2-4 {
   top: 62%;
  left: 55%; }

#mark-0-2-5 {
   top: 62%;
  left: 40%; }

#mark-0-2-6 {
   top: 48%;
  left: 40%; }

#mark-0-2-7 {
   top: 27%;
  left: 40%; }




#mark-0-3-0 {
  top: 13%;
  left: 40%; }

#mark-0-3-1 {
   top: 13%;
  left: 55%; }

#mark-0-3-2 {
   top: 27%;
  left: 55%; }

#mark-0-3-3 {
   top: 48%;
  left: 55%; }

#mark-0-3-4 {
   top: 62%;
  left: 55%; }

#mark-0-3-5 {
   top: 62%;
  left: 40%; }

#mark-0-3-6 {
   top: 48%;
  left: 40%; }

#mark-0-3-7 {
   top: 27%;
  left: 40%; }



#mark-0-4-0 {
  top: 13%;
  left: 49%; }

#mark-0-4-1 {
   top: 42%;
  left: 58%; }

#mark-0-4-2 {
   top: 59%;
  left: 49%; }

#mark-0-4-3 {
   top: 48%;
  left: 40%; }

#mark-0-4-4 {
   top: 27%;
  left: 40%; }





#mark-1-0-0 {
  top: 30%;
  left: 40%; }

#mark-1-0-1 {
   top: 20%;
  left: 40%; }

#mark-1-0-2 {
   top: 20%;
  left: 55%; }

#mark-1-0-3 {
   top: 32%;
  left: 55%; }

#mark-1-0-4 {
   top: 43%;
  left: 55%; }

#mark-1-0-5 {
   top: 56%;
  left: 55%; }

#mark-1-0-6 {
   top: 56%;
  left: 40%; }

#mark-1-0-7 {
   top: 42%;
  left: 40%; }






#mark-1-1-0 {
  top: 32%;
  left: 40%; }

#mark-1-1-1 {
   top: 20%;
  left: 40%; }

#mark-1-1-2 {
   top: 20%;
  left: 55%; }

#mark-1-1-3 {
   top: 32%;
  left: 55%; }

#mark-1-1-4 {
   top: 43%;
  left: 55%; }

#mark-1-1-5 {
   top: 56%;
  left: 55%; }

#mark-1-1-6 {
   top: 56%;
  left: 40%; }

#mark-1-1-7 {
   top: 42%;
  left: 40%; }



#mark-1-2-0 {
  top: 32%;
  left: 40%; }

#mark-1-2-1 {
   top: 20%;
  left: 40%; }

#mark-1-2-2 {
   top: 20%;
  left: 55%; }

#mark-1-2-3 {
   top: 32%;
  left: 55%; }

#mark-1-2-4 {
   top: 42%;
  left: 55%; }

#mark-1-2-5 {
   top: 56%;
  left: 55%; }

#mark-1-2-6 {
   top: 56%;
  left: 40%; }

#mark-1-2-7 {
   top: 42%;
  left: 40%; }



#mark-1-3-0 {
  top: 32%;
  left: 40%; }

#mark-1-3-1 {
   top: 20%;
  left: 40%; }

#mark-1-3-2 {
   top: 20%;
  left: 55%; }

#mark-1-3-3 {
   top: 32%;
  left: 55%; }

#mark-1-3-4 {
   top: 42%;
  left: 55%; }

#mark-1-3-5 {
   top: 56%;
  left: 55%; }

#mark-1-3-6 {
   top: 56%;
  left: 40%; }

#mark-1-3-7 {
   top: 42%;
  left: 40%; }




#mark-1-4-0 {
  top: 24%;
  left: 40%; }

#mark-1-4-1 {
   top: 24%;
  left: 55%; }

#mark-1-4-2 {
   top: 51%;
  left: 55%; }

#mark-1-4-3 {
   top: 51%;
  left: 40%; }




#mark-2-0-0 {
  top: 19%;
  left: 40%; }

#mark-2-0-1 {
   top: 19%;
  left: 51%; }

#mark-2-0-2 {
   top: 38%;
  left: 54%; }

#mark-2-0-3 {
   top: 55%;
  left: 51%; }

#mark-2-0-4 {
   top: 55%;
  left: 40%; }

#mark-2-0-5 {
   top: 32%;
  left: 40%; }




#mark-2-1-0 {
  top: 19%;
  left: 40%; }

#mark-2-1-1 {
   top: 19%;
  left: 55%; }

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

#mark-2-1-3 {
   top: 58%;
  left: 53%; }

#mark-2-1-4 {
   top: 58%;
  left: 43%; }

#mark-2-1-5 {
   top: 40%;
  left: 40%; }



#mark-2-2-0 {
  top: 19%;
  left: 40%; }

#mark-2-2-1 {
   top: 19%;
  left: 55%; }

#mark-2-2-2 {
   top: 40%;
  left: 55%; }

#mark-2-2-3 {
   top: 58%;
  left: 53%; }

#mark-2-2-4 {
   top: 58%;
  left: 43%; }

#mark-2-2-5 {
   top: 40%;
  left: 40%; }




#mark-2-3-0 {
  top: 19%;
  left: 40%; }

#mark-2-3-1 {
   top: 19%;
  left: 55%; }

#mark-2-3-2 {
   top: 40%;
  left: 55%; }

#mark-2-3-3 {
   top: 58%;
  left: 53%; }

#mark-2-3-4 {
   top: 58%;
  left: 43%; }

#mark-2-3-5 {
   top: 40%;
  left: 40%; }




#mark-2-4-0 {
  top: 19%;
  left: 40%; }

#mark-2-4-1 {
   top: 19%;
  left: 55%; }

#mark-2-4-2 {
   top: 40%;
  left: 55%; }




.double-space {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important; }

a:hover {
  text-decoration: none; }


.collection-tab {
  
}
.collection-content li {
  padding: 2rem;
}
.collection-content img {
  max-width: 100%;
}
.collection-content a {
  padding: 0.5rem !important;
  margin-bottom: 0.5rem;
  display: inline-block;
}
a.btn {
    padding: 0.5rem !important;
    margin-bottom: 0.5rem;
    display: inline-block;
}



.col-3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col-3 > div {
  width: 30%;
}
.col-3 h2 {
  text-align: center;
}
.col-3 > div img:last-of-type {
  max-height: 50px;
  width: auto;
  display: block;
  margin: 2rem auto 2rem;
}

@media screen and (max-width: 767px) {
  .col-3 > div {
    width: 90%;
    margin-bottom: 2rem;
  }
}

.advice{
   margin-bottom: 5rem;
   text-align: center;
   font-weight: bold;
}

.uk-active{
  margin-bottom: 0;
}

.right hr{
margin-top: 10px;
margin-bottom: 20px;
}

/*# sourceMappingURL=style.css.map */


.mapimg{
  width:  100%;
  max-width: 1200px;
}