/*
Font:     LAS VALLES Rounded 2
Style:    Regular
URL:    https://www.youworkforthem.com/font/T10583/las-valles
Foundry:  Kurt Harahap
Foundry:  https://www.youworkforthem.com/designer/1202/kurt-harahap
Copyright:  
Version:  17
Created:  March 18, 2019
License:  https://www.youworkforthem.com/font-license 
License:  The WebFont(s) listed in this document must follow the YouWorkForThem
      WebFont license rules. All other parties are strictly restricted 
      from using the WebFonts(s) listed without a purchased license. 
      All details above must always remain unaltered and visible in your CSS.
*/

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



/* @import url("https://fonts.googleapis.com/css?family=LASVALLESRounded2"); */

/* @import url("https://fonts.googleapis.com/css?family=Playfair+Display"); */

:not(pre) {

    margin: 0px;
}



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

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

h1 {
  font-family: "LASVALLESRounded2", Century Gothic, Helvetica, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 46px;
}

h2 {
  font-size: 40px;
  color: #8C6E55;
  letter-spacing: 1.5px;
  font-weight: normal;
  font-family: "LASVALLESRounded2", Century Gothic, Helvetica, sans-serif;
  margin-bottom: 30px;
  margin-top: 20px;
  text-transform: uppercase;
}

h3 {
  font-size: 30px;
  color: #8C6E55;
  text-transform: uppercase;
   letter-spacing: 1.2px;
  font-weight: normal;
  font-family: "LASVALLESRounded2", Century Gothic, Helvetica, sans-serif;
  margin-bottom: 0px;
  margin-top: 30px;
}

h4 {
   font-size: 27px;
     text-transform: uppercase;
   letter-spacing: 1.2px;
  color: #8C6E55;
  font-weight: normal;
  font-family: "LASVALLESRounded2", Century Gothic, Helvetica, sans-serif;
  margin-bottom: 30px;
  margin-top: 20px;
}

p {
  color: #000000;
  /*font-family: "LASVALLESRounded2", Century Gothic, Helvetica, sans-serif;*/
  /* font-family:  "Playfair Display", serif; */
  font-family: Arial, sans-serif;
  padding-bottom: 10px;
  line-height: 1.5em;
  font-size: 14.5px;
}

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

tr.level td {
  background-color: #63656a;
  color: #fff;
}

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

td {
  font-family: 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;
  border: solid 1px #8C6E55;
  padding: 10px 10px;
  text-align: left;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-family: 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: #8C6E55;
  color: #fff;
  padding: 1rem 2rem;
}

.section-link:hover {
  background-color: #fff;
  color: #8C6E55;
  border: solid 1px #8C6E55;
}

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: #8C6E55;
  text-align: right;
  font-size: 24px;
  border-bottom: 0.3px solid #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-family: "LASVALLESRounded2", Arial, Helvetica, sans-serif
}

a.nav-active,
nav a:hover {
  color: #63656a;
  background: rgba(255, 255, 255, .4); 
}

.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;
  font-family: Arial, 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: #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/archibald/sidebar-bg.png);
  background-size: 241px 100%; 
/*  background-size: cover; */
 background-position: -40px 80px;
 background-repeat: no-repeat;
  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: none;
}

#sidebar>a:first-child,
#nav-scroll>a:first-child {
  display: block;
  min-height: 30px;
  width: calc(100% - (100% - 170px));
}


/*

#sidebar {
  background-color: #8C6E55;
  color: #fff;
  -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) {

  ::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: 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: #8C6E55;
}

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

.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: 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: #8C6E55 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: #8C6E55 url(/../images/icon-book-white.png) 15px -50px no-repeat;
  font-family: 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: #8C6E55 url(/../images/icon-book-white.png) 15px 10px no-repeat;
  color: #fff;
}

.book-options {
  position: relative;
  margin-top: 30px;
  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;

  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: 2px;
}

.white:hover {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

.inspect:hover {
  background: #8C6E55 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: #818285;
  /*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: #8C6E55;
  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: #8C6E55;
  border: solid 1px #8C6E55;
}

.floorplan-wrapper {
  position: relative;
}

.floorplan-wrapper .inner {
  position: relative;
  width: 100%;
  margin: 7.5rem auto;
  border: solid 1px #8C6E55;
  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: 100%;
}

#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.9rem;
  text-align: center;
  text-transform: none;
  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: none;
  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: #8C6E55;
}

@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 {

    font-size: 1rem;
    text-transform: none !important;
   letter-spacing: 1.2px;
font-family: Arial;
  background-color: #8C6E55;
  color: #fff;
  padding: 1rem;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  
}

.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: #8C6E55;
  text-align: center;
  letter-spacing: 2px;
  padding-bottom: 2rem;
  margin-top: 2rem;
  font-size: 4.5rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.tbl-btn {
  padding: 1 1rem !important;
  color: #fff;
  font-size: 12px;
}

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

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

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


/*
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: #000000;
}

.uk-tab li a:hover {
  background: #fff;
  border-color: #d7d7d7;
  border-bottom: none;
  color: #8C6E55;
}

.uk-tab li.uk-active a {
  color: #8C6E55;
}

.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: 36%;
  left: 38%;
}

#mark-0-0-1 {
  top: 23%;
  left: 36.4%;
}

#mark-0-0-2 {
  top: 21%;
  left: 46%;
}

#mark-0-0-3 {
  top: 24%;
  left: 57%;
}

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

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

#mark-0-0-6 {
  top: 61%;
  left: 55%;
}

#mark-0-0-7 {
  top: 73%;
  left: 55%;
}

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

#mark-0-0-9 {
  top: 65%;
  left: 37%;
}

#mark-0-0-10 {
  top: 51%;
  left: 33%;
}

#mark-0-1-0 {
  top: 36%;
  left: 38%;
}

#mark-0-1-1 {
  top: 23%;
  left: 34%;
}

#mark-0-1-2 {
  top: 21%;
  left: 46%;
}

#mark-0-1-3 {
  top: 24%;
  left: 57%;
}

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

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

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

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

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

#mark-0-1-9 {
  top: 65%;
  left: 38%;
}

#mark-0-1-10 {
  top: 51%;
  left: 34%;
}

#mark-0-4-0 {
  top: 45%;
  left: 34%;
}

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

#mark-0-4-2 {
  top: 23%;
  left: 47%;
}

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

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

#mark-0-4-5 {
  top: 52%;
  left: 56%;
}

#mark-0-4-6 {
  top: 65%;
  left: 58%;
}

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

#mark-0-4-8 {
  top: 65%;
  left: 37%;
}

.double-space {
  margin-top: 7rem !important;
  margin-bottom: 1rem !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: 100%;
    margin-bottom: 2rem;
  }
}

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


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