@charset "UTF-8";
** {
  outline: solid 1px red; }

body, p, div {
  font-family: "Arimo", Arial, Helvetica, sans-serif;
  font-size: 15px; }

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1006px) {
  .navbar ul li {
    margin-right: 0px !important; } }

@media only screen and (max-width: 545px) {
  table td {
    width: 100%;
    display: block;
    display: inline-block;
    text-align: center; } }

@media only screen and (max-height: 661px) {
  .space-bottom {
    padding-bottom: 0px !important; }
  .space-top {
    padding-top: 0px !important; } }

/* Sets main mobile width */
@media screen and (max-width: 768px) {
  #site-wrapper {
    display: none; }
  #mobile-wrapper {
    display: block; }
  #wpadminbar {
    display: none !important; }
  .arrow-right-scroll {
    display: none !important; }
  .artist-impression {
    display: none !important; }
  .artist-impression2 {
    display: none !important; }
  .text-content p {
    padding: 0 10px; }
  .text-content h1 {
    font-size: 20px !important; }
  .go-to-next {
    display: none !important; }
  .little-icon {
    position: static !important;
    text-align: center; }
  .enquire-now {
    position: static !important;
    text-align: center;
    padding-top: 10px; }
  #footer {
    position: static !important;
    text-align: center; }
  .navbar-collapse {
    background-color: #e7e7e7; }
  .telno {
    text-align: center; }
  .stylish-timeless {
    position: static !important;
    text-align: center;
    width: 100% !important; }
    .stylish-timeless table {
      width: 100% !important; }
      .stylish-timeless table tr td {
        width: 100% !important; }
  .space-bottom {
    padding-bottom: 0px !important; }
  .space-top {
    padding-top: 0px !important; }
  .mc-grath-logos {
    position: static !important;
    text-align: center;
    padding-top: 10px; }
  .disclaimer {
    position: static !important;
    padding-top: 10px; }
  .telno {
    position: static !important;
    padding-top: 10px; }
  .table-responsive {
    border: 0; }
    .table-responsive table {
      border: 0;
      width: 100% !important; }
      .table-responsive table tr td {
        display: block;
        width: 100% !important; }
  .show-next-page {
    display: none !important; } }

@media only screen and (min-width: 768px) {
  .mobile-container {
    display: none !important; } }

.arrow-right-scroll {
  position: absolute;
  right: 30px;
  bottom: 10%;
  z-index: 2;
  display: block; }

#ed {
  z-index: 20;
  padding: 20px;
  width: 100%;
  font-weight: bold;
  text-align: center; }
  #ed a {
    color: #000000;
    font-size: 22px; }
  #ed .register-now {
    text-decoration: none;
    font-weight: bold; }
    #ed .register-now:hover {
      text-decoration: none; }
    #ed .register-now span {
      padding: 5px 23px;
      background-color: #877751;
      color: #ffffff; }

.section.about .scroller > .content > .item.blurb .text {
  font-size: 25px;
  line-height: 1.5em; }

.green-envy {
  font-size: 28px;
  top: 1%;
  z-index: 2;
  position: absolute;
  left: 6%; }

.home-indulge {
  font-size: 39px;
  top: -2%;
  font-weight: bold;
  position: absolute;
  text-align: left; }

.home-video {
  font-size: 28px;
  top: 32%;
  z-index: 5;
  font-weight: bold;
  position: absolute; }

.section.about .scroller > .content {
  padding: 0;
  margin-left: 80px;
  padding-right: 90px; }

.section.about .scroller > .content .decoration > div.main-logo {
  top: 15%;
  z-index: 2;
  text-align: center;
  left: 17%; }

.section.about .scroller > .content .decoration > div.arrow-right {
  top: 10%;
  z-index: 4; }

.section.about {
  background-color: #ffffff; }

.section.about .scroller > .content {
  top: 60px;
  bottom: 60px; }

.image2 {
  position: absolute;
  top: 180px;
  right: 150px; }

.feature-list {
  z-index: 22;
  padding-right: 100px; }
  .feature-list p {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2em;
    color: #877751; }
  .feature-list ul {
    list-style: none;
    font-size: 13px;
    line-height: 1.3em;
    margin: 30px 0 0 0;
    padding: 0;
    width: 307px; }
    .feature-list ul li {
      margin-bottom: 8px; }
    .feature-list ul li::before {
      content: "• ";
      color: #877751;
      margin-left: -8px; }

.typo-feature-list p {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.2em;
  color: #877751;
  margin-bottom: 20px; }

.typo-feature-list ul {
  list-style: none;
  font-size: 13px;
  line-height: 1.3em;
  margin: 30px 0 0 0;
  margin: 0;
  padding: 0; }
  .typo-feature-list ul li {
    margin-bottom: 8px;
    margin-left: 10px; }
  .typo-feature-list ul li::before {
    content: "• ";
    color: #877751; }

.section.about .scroller > .content > .item.blurb .text {
  width: 278px;
  position: absolute;
  top: 40%;
  left: 0%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%); }

.section.about .scroller > .content > .item.blurb {
  width: 278px;
  line-height: 100vh;
  vertical-align: middle;
  margin-top: 60px;
  margin-left: 0;
  margin-right: 50px; }

.white-space-form {
  margin: 15px 0; }

.register-form-single {
  font-size: 12px;
  line-height: 1.2em;
  color: #ffffff;
  text-align: center; }
  .register-form-single h4 {
    color: #877751; }
  .register-form-single select {
    padding: 10px 0;
    height: auto; }
    .register-form-single select option {
      background-color: #031e0b !important; }
  .register-form-single .select-custom {
    /*Hiding the select arrow for firefox*/
    -moz-appearance: none;
    /*Hiding the select arrow for chrome*/
    -webkit-appearance: none;
    /*Hiding the select arrow default implementation*/
    appearance: none;
    background: url("../img/arrow-down.png") no-repeat right;
    background-size: 11px 7px; }
  .register-form-single input, .register-form-single select {
    background: transparent;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    width: 100%;
    padding: 15px 10px 15px 0;
    border: 0;
    border-bottom: 1px solid #ffffff;
    margin: 0;
    color: #fff;
    display: inline-block;
    border-radius: 0; }
  .register-form-single .btn-primary {
    background-color: #877751;
    border: 0;
    border-radius: 0;
    height: 30px; }
  .register-form-single ::-webkit-input-placeholder {
    /* Chrome */
    color: #ffffff; }
  .register-form-single :-ms-input-placeholder {
    /* IE 10+ */
    color: #ffffff; }
  .register-form-single ::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff; }
  .register-form-single :-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #ffffff; }
  .register-form-single input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }
  .register-form-single .form-control {
    border-radius: 0;
    font-size: 12px;
    -webkit-box-shadow: none;
    box-shadow: none; }

.register-form {
  position: absolute;
  top: 20%;
  left: 30%;
  width: 455px;
  text-align: center;
  font-size: 12px;
  line-height: 1.2em;
  color: #ffffff; }
  .register-form h4 {
    color: #877751; }
  .register-form select {
    padding: 10px 0;
    height: auto; }
    .register-form select option {
      background-color: #031e0b !important; }
  .register-form .select-custom {
    /*Hiding the select arrow for firefox*/
    -moz-appearance: none;
    /*Hiding the select arrow for chrome*/
    -webkit-appearance: none;
    /*Hiding the select arrow default implementation*/
    appearance: none;
    background: url("../img/arrow-down.png") no-repeat right;
    background-size: 11px 7px; }
  .register-form input, .register-form select {
    background: transparent;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    width: 100%;
    padding: 15px 10px 15px 0;
    border: 0;
    border-bottom: 1px solid #ffffff;
    margin: 0;
    color: #fff;
    display: inline-block;
    border-radius: 0; }
  .register-form .btn-primary {
    background-color: #877751;
    border: 0;
    border-radius: 0;
    height: 30px; }
  .register-form ::-webkit-input-placeholder {
    /* Chrome */
    color: #ffffff; }
  .register-form :-ms-input-placeholder {
    /* IE 10+ */
    color: #ffffff; }
  .register-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff; }
  .register-form :-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #ffffff; }
  .register-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }
  .register-form .form-control {
    border-radius: 0;
    font-size: 12px;
    -webkit-box-shadow: none;
    box-shadow: none; }

.jumbotron p {
  font-size: 12px; }

.section .section-name {
  line-height: 1em;
  position: absolute;
  top: 20%;
  left: 5%; }

.section .section-name > .inner {
  text-align: left; }

.error {
  color: red;
  float: left; }

.result {
  font-size: 14px;
  line-height: 1.5em;
  color: #ffffff; }

.section.about .scroller > .content > .item {
  margin-right: 80px; }

/* Mobile version CSS */
.mobile-container .bg {
  /* The image used */
  background-image: url("../img/mainbg-mobile.jpg");
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh; }

.mobile-section .mobile-page-name {
  font-size: 25px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 0.8em; }

.mobile-section.mobile-home .details a {
  color: #ffffff; }

.mobile-section.mobile-menu .menus a {
  box-shadow: none; }

.mobile-register {
  text-align: center; }
  .mobile-register h4 {
    color: #877751; }
  .mobile-register table td {
    width: 100%;
    display: block;
    display: inline-block;
    text-align: center; }
    .mobile-register table td .btn-primary {
      background-color: #877751;
      border: 0;
      border-radius: 0; }
    .mobile-register table td .select-custom {
      /*Hiding the select arrow for firefox*/
      -moz-appearance: none;
      /*Hiding the select arrow for chrome*/
      -webkit-appearance: none;
      /*Hiding the select arrow default implementation*/
      appearance: none;
      background: url("../img/arrow-down.png") no-repeat right;
      background-size: 11px 7px; }
    .mobile-register table td button {
      padding-top: 5px; }
    .mobile-register table td input, .mobile-register table td select {
      background: transparent;
      -moz-user-select: text;
      -webkit-user-select: text;
      -ms-user-select: text;
      width: 100%;
      padding: 5px 10px 5px 0;
      border: 0;
      border-bottom: 1px solid #ffffff;
      margin: 0;
      color: #fff;
      display: inline-block;
      font-size: 12px;
      border-radius: 0; }
    .mobile-register table td .btn-primary {
      background-color: #877751;
      border: 0;
      border-radius: 0; }
    .mobile-register table td ::-webkit-input-placeholder {
      /* Chrome */
      color: #ffffff; }
    .mobile-register table td :-ms-input-placeholder {
      /* IE 10+ */
      color: #ffffff; }
    .mobile-register table td ::-moz-placeholder {
      /* Firefox 19+ */
      color: #ffffff; }
    .mobile-register table td :-moz-placeholder {
      /* Firefox 4 - 18 */
      color: #ffffff; }
    .mobile-register table td input:-webkit-autofill {
      -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }
    .mobile-register table td .form-control {
      border-radius: 0;
      font-size: 12px;
      -webkit-box-shadow: none;
      box-shadow: none; }

.mobile-section.mobile-menu .menus {
  margin-top: 5px; }

.mobile-section.mobile-menu .menus a {
  padding: 0;
  background: 0;
  color: #ffffff;
  font-size: 12px; }

#mobile-wrapper #page-indicators {
  bottom: 10px; }

#mobile-wrapper > h1 {
  height: 20px;
  line-height: 40px; }

.mobile-section .frame {
  top: 35px; }

.register-now-mobile {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99;
  padding: 10px 10px 20px 10px;
  font-size: 16px;
  text-align: center;
  width: 100%; }
  .register-now-mobile a {
    color: #000000; }
    .register-now-mobile a span a {
      color: #ffffff; }
  .register-now-mobile .register-me {
    background-color: #877751;
    padding: 4px 10px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold; }

.copyright {
  color: #ffffff; }
  .copyright a {
    color: #ffffff; }

.vertical-center {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;
  /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center; }

.padded h4 {
  margin: 0;
  color: #877751; }

/* Firefox CSS */
@-moz-document url-prefix() {
  .section.about .scroller > .content .decoration > div.square-3 {
    left: 80%; } }

#myModal {
  color: #000000; }
  #myModal p {
    text-align: left; }

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 25px;
  width: auto;
  font-size: 13px;
  max-width: 500px;
  margin: 20px auto;
  line-height: 1.2em; }

.map-popup {
  position: relative;
  background: #FFF;
  font-size: 13px;
  margin: 10px auto;
  line-height: 1.2em;
  z-index: 2000;
  padding-top: 20px;
  background-color: #87754e; }
  .map-popup img {
    width: 100% !important; }
  .map-popup .mfp-close {
    color: #ffffff; }

.white-space {
  margin: 50px 0; }

.go-back {
  position: fixed;
  top: 50px;
  right: 50px;
  z-index: 2; }

.phone-number a {
  font-size: 35px;
  color: #ffffff; }

.result-popup {
  position: relative;
  background: #FFF;
  padding: 25px;
  width: auto;
  font-size: 13px;
  max-width: 500px;
  margin: 20px auto;
  line-height: 1.6em;
  color: #ffffff;
  text-align: center; }

.loading img {
  width: 30px; }

/* ---------- Full site CSS ---------------- */
#header {
  top: 10px; }

.navbar-default {
  background: none !important;
  border: none !important; }

.section.about .scroller > .content > .item.blurb .text {
  line-height: 0.8em; }

.second-font {
  font-family: "Libre Baskerville", serif; }

.text-content {
  font-size: 13px; }
  .text-content h1 {
    padding-bottom: 10px;
    color: #877751;
    font-size: 30px; }

.artist-impression {
  position: absolute;
  right: -60px;
  bottom: 52px;
  font-size: 12px;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg); }

.artist-impression2 {
  position: absolute;
  right: -60px;
  bottom: 142px;
  font-size: 12px;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg); }

.artist-impression3 {
  position: absolute;
  left: 8px;
  top: 8px;
  font-size: 12px;
  color: #ffffff; }

.show-next-page {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  position: absolute;
  right: -80px;
  width: 200px;
  font-weight: bold;
  top: 0;
  margin-top: 80px;
  float: right;
  text-align: right; }
  .show-next-page .fa-arrow-down {
    color: #006737; }
  .show-next-page a {
    color: #000000; }
    .show-next-page a:hover {
      color: #877751;
      text-decoration: none; }

.space-bottom {
  padding-bottom: 90px; }

.space-top {
  padding-top: 90px; }

.little-icon {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 9; }

.stylish-timeless {
  position: absolute;
  top: 50%;
  left: 10%;
  width: 375px; }

.be-transported {
  position: absolute;
  bottom: 0; }

.map-legend {
  color: #000000; }
  .map-legend strong {
    color: #ffffff; }
  .map-legend ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 10px 0; }
    .map-legend ul li {
      list-style: none; }
      .map-legend ul li strong {
        color: #000000; }
      .map-legend ul li i {
        color: #ffffff; }