@charset "UTF-8";

@font-face {
  font-family: Mighty-River;
  src: url(../fonts/Mighty-River.ttf),
    url(../fonts/Mighty-River.ttf.woff) format("woff"),
    url(../fonts/Mighty-River.ttf.svg#Mighty-River) format("svg"),
    url(../fonts/Mighty-River.ttf.eot),
    url(../fonts/Mighty-River.eot?#iefix) format("embedded-opentype");
  font-display: swap;
}

* {
  -webkit-font-smoothing: antialiased;
}

html {
  scroll-behavior: smooth;
}

body {
  font: lighter 12px/1.2em "Roboto Condensed", sans-serif;
}

.clearfix {
  clear: both;
  overflow: hidden;
}

.bg-rice {
  background: #f0eade;
}

.bg-mercury {
  background: #e7e2e6;
}

.bg-firefly {
  background: #304340;
}

.img-circle {
  border-radius: 90px;
}

span.wpcf7-not-valid-tip {
  text-align: left;
}

a {
  color: #304340;
}

a:hover {
  color: #304340;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

a.gold-link {
  font-family: Playfair Display, serif;
  color: #e1ba75;
  font-size: 16px;
  font-style: italic;
  position: relative;
  padding-bottom: 5px;
  text-decoration: none !important;
}

a.gold-link:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  color: #e1ba75;
}

a.gold-link:after {
  content: " ";
  position: absolute;
  width: 100%;
  border-bottom: 1px #e1ba75 solid;
  left: 0;
  bottom: 0;
}

a.logo:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.rounded {
  border-radius: 20px !important;
}

.zzooom {
  overflow: hidden;
  border-radius: 290px;
}

.zzooom.rounded {
  border-radius: 20px;
}

.zzooom.rounded img {
  width: 100%;
}

.zzooom:hover img {
  transform: scale(1.1);
}

.zzooom img {
  transition: all 500ms;
  transform-origin: center;
}

.btn-white {
  background: #fff;
  border-radius: 45px;
  min-width: 150px;
  font-family: Roboto Condensed, sans-serif;
  color: #304340;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  transition: all 500ms;
}

.btn-white:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  background: url(../images/arrow-black-small.png) no-repeat center;
  width: 6px;
  height: 12px;
  background-size: contain;
  margin-left: 10px;
  line-height: 14px;
  transition: all 200ms;
}

.btn-white:hover {
  background: #ececec;
}

.btn-white:hover:after {
  transform: translateX(4px);
}

.btn-green {
  background: #2f4340;
  border-radius: 45px;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

.btn-green:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  background: url(../images/arrow-small-white-right.png) no-repeat center;
  width: 4px;
  height: 10px;
  background-size: contain;
  margin-left: 10px;
}

.btn-green:hover {
  color: white;
}

.pull-right {
  float: right;
}

h2 {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.top {
  background: #304340;
  color: white;
}

.top a {
  color: #fff;
}

.top a:hover {
  color: #fff;
}

.top p {
  margin-bottom: 0;
}

.menu-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 50px;
  text-decoration: none !important;
}

.menu-icon i {
  background: url(../images/menu.png) no-repeat center;
  width: 25px;
  height: 15px;
  display: block;
  background-size: contain;
}

li.list-inline-item.sub-menu {
  float: right;
  clear: both;
  width: 0;
  margin: 0;
  height: 39px;
  display: none;
}

li.list-inline-item.sub-menu a {
  position: absolute;
  width: 200px;
  right: 0;
  background: rgba(6, 6, 6, 0.3);
  padding: 10px;
}

li.list-inline-item.sub-menu:after,
li.list-inline-item.sub-menu a:after {
  display: none !important;
}

.sub-menu-first {
  margin-top: 45px !important;
  position: static;
}

.end-list:after {
  display: none;
}

header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
}

header nav {
  width: 100%;
  max-height: 120px;
  height: 100%;
  padding-top: 36px;
  padding-bottom: 36px;
  background-color: rgba(6, 6, 6, 0.53);
  font: 16px/1.2em "Playfair Display", serif;
}

header nav.sub-open li.list-inline-item.sub-menu {
  display: block;
}

header nav.sub-open .end-list {
  margin-right: 8px;
}

header nav .pull-right {
  position: relative;
}

header nav ul {
  display: inline-block;
  margin-top: 20px;
}

header nav ul li:after {
  display: inline-block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: 5px;
  height: 5px;
  vertical-align: center;
  margin-left: 7px;
  margin-bottom: 3px;
}

header nav ul li:last-child:after {
  display: none;
}

header nav ul a {
  color: white;
  letter-spacing: 1px;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
}

header nav ul a:hover {
  color: white;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  text-decoration: none;
}

header nav ul a:hover:after {
  content: " ";
  position: absolute;
  width: 100%;
  border-bottom: 1px white solid;
  left: 0;
  bottom: 0;
}

header nav li.current_page_item a {
  font-style: italic;
  color: #e1ba75;
  position: relative;
}

header nav li.current_page_item a:after {
  content: " ";
  position: absolute;
  width: 100%;
  border-bottom: 1px #e1ba75 solid;
  left: 0;
  bottom: 0;
}

header nav li.current_page_item a:hover {
  color: #e1ba75;
}

header nav li.current_page_item a:hover:after {
  border-color: #e1ba75;
}

html,
body {
  height: 100%;
}

.video-trigger {
  color: white;
  font-family: "Playfair Display", serif;
  font-size: 15px;
  padding: 15px 25px;
  max-width: 200px;
  width: 100%;
  text-align: center;
  background: #d1ad6e;
  border-radius: 10px;
  margin-top: 1.4em;
  margin-bottom: 1.4em;
  display: inline-block;
  border: 1px solid #d1ad6e;
  padding: 10px 15px;
}

.video-trigger:hover,
.video-trigger:focus,
.video-trigger:active {
  color: #d1ad6e;
  background: unset;
  border: 1px solid #d1ad6e;
  text-decoration: none;
}

.noborder .modal-body {
  padding: 0;
}

.video-js .vjs-big-play-button {
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  border-radius: 90px;
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 50px;
  border: 0;
}

.slick-track,
.slick-track .slide,
.slick-list {
  height: 100%;
  overflow: hidden;
}

.slider-wrapper {
  height: calc(100% - 60px);
  overflow: hidden;
}

.slider-wrapper .video-js {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.slider-wrapper .video-js video {
  object-fit: cover;
}

#slider {
  height: 600px;
  overflow: hidden;
}

#slider.hp {
  height: 100%;
}

#slider.hp .position-absolute {
  bottom: 20%;
}

#slider.hp .slide {
  height: 100%;
}

#slider.slick-dotted.slick-slider {
  margin: 0;
}

#slider .slide {
  background-position: center;
  background-size: cover;
  position: relative;
  height: 600px;
}

#slider .slide h2 {
  font: italic 48px/1.2em "Playfair Display", serif;
  margin-bottom: 25px;
  color: #fff;
  text-shadow: 1px 1px 1px #999;
}

#slider .slide h2 b {
  font: 67px/1.2em "Mighty-River";
  margin-left: 15px;
}

#slider .slide p {
  font: 400 16px/24px "Playfair Display", serif;
}

#slider .slide p i,
#slider .slide p b {
  font-weight: 700;
}

#slider .position-absolute {
  bottom: 27%;
  left: 0;
  width: 100%;
  color: white;
}

.map-wrapper {
  position: relative;
}

.map-wrapper > a {
  display: block;
}

.map-wrapper img {
  width: 100%;
}

.map-wrapper .desktopmap {
  display: none;
}

.map-wrapper .tabletmap {
  display: none;
}

.map-wrapper .mobilemap {
  display: block;
}

@media (min-width: 600px) {
  .map-wrapper .desktopmap {
    display: none;
  }

  .map-wrapper .tabletmap {
    display: block;
  }

  .map-wrapper .mobilemap {
    display: none;
  }
}

@media (min-width: 950px) {
  .map-wrapper .desktopmap {
    display: block;
  }

  .map-wrapper .tabletmap {
    display: none;
  }

  .map-wrapper .mobilemap {
    display: none;
  }
}

.map-wrapper .position-absolute {
  left: 0;
  top: 0;
  width: 100%;
}

.map-wrapper address {
  background-color: rgba(6, 6, 6, 0.5);
  display: block;
  color: white;
  margin-top: 50px;
  padding: 20px;
  font-size: 20px;
  line-height: 1.5em;
}

.floorplan-item {
  padding-top: 30px;
  padding-bottom: 30px;
  border-right: 0 !important;
}

.floorplan-item .richtext {
  font-family: Roboto Condensed, sans-serif;
  color: #304340;
  font-size: 16px;
  font-weight: 300;
  line-height: 23px;
  text-align: left;
}

.floorplan-item .richtext h2 {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 18px;
  font-style: italic;
  line-height: 30px;
  text-align: left;
}

.floorplan-item .richtext h3 {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  margin-bottom: 30px;
}

.floorplan-item .richtext ul {
  padding-left: 20px;
}

.filters select {
  -webkit-appearance: none;
  background: none;
  border: 0;
  height: 60px !important;
}

.filters div[class^="col"] {
  border-top: 1px #000 solid;
  border-right: 1px #000 solid;
}

.filters div[class^="col"]:last-child {
  border-right: none;
}

.floorplan-item .title {
  font-size: 22px;
}

.news-items .news-item.floorplan-item > .row > .col-12 {
  padding-top: 0px;
  padding-bottom: 0px;
  line-height: 1em;
}

.news-items .news-item.floorplan-item > .row > .col-12:last-child {
  border-left: 0;
}

.related-items .news-item {
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
}

.related-items .news-item > .row > .col {
  border-right: 1px #000 solid;
  padding-left: 30px !important;
  padding-right: 30px;
}

.related-items .news-item > .row > .col:last-child {
  border-right: 0;
}

.related-items .news-item > .row > .col > .row > .col {
  border: 0 !important;
}

.related-items .news-item h3 {
  margin-top: 20px;
}

.related-items .news-item .post-meta {
  margin-bottom: 20px !important;
}

.related-items .news-item:last-child {
  border-right: 0;
  border-bottom: 1px #000 solid;
}

.ondark a {
  color: white;
}

.ondark a:hover {
  color: white;
}

.richtext {
  font-family: Roboto Condensed, sans-serif;
  color: #304340;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.richtext img {
  border-radius: 20px;
  margin-top: 1em;
  margin-bottom: 1em;
  display: block;
  max-width: 100%;
  height: auto;
}

.richtext a {
  font-weight: 700;
  text-decoration: underline;
  display: grid;
}

.post-navigation {
  display: block;
  border-bottom: 1px #000 solid;
  height: 70px;
  line-height: 70px;
}

.post-navigation .prev a {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 16px;
  font-style: italic;
}

.post-navigation .prev a:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  background: url(../images/smallarrow-left.png) no-repeat center;
  width: 4px;
  height: 10px;
  margin-right: 7px;
  margin-bottom: 1px;
}

.post-navigation .prev a:after {
  content: " ";
  position: absolute;
  width: 100%;
  border-bottom: 1px #304340 solid;
  left: 0;
  bottom: 0;
}

.post-navigation .prev a:hover {
  color: #304340;
}

.post-navigation .prev a:hover:after {
  border-color: #304340;
}

.post-navigation span {
  position: relative;
  padding-bottom: 5px;
}

.post-navigation a {
  text-decoration: none !important;
}

.post-navigation .next a {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 16px;
  font-style: italic;
  line-height: 1em;
}

.post-navigation .next a:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  background: url(../images/smallarrow-right.png) no-repeat center;
  width: 4px;
  height: 10px;
  margin-left: 7px;
  margin-bottom: 1px;
}

.post-navigation .next a:before {
  content: " ";
  position: absolute;
  width: 100%;
  border-bottom: 1px #304340 solid;
  left: 0;
  bottom: 0;
}

.post-navigation .next a:hover {
  color: #304340;
}

.post-navigation .next a:hover:before {
  border-color: #304340;
}

.general.news-items .content h1 {
  font-size: 30px;
  margin-bottom: 1em;
}

.news-items {
  padding-top: 50px;
  padding-bottom: 50px;
}

.news-items .content {
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
}

.news-items .content .post-meta {
  margin-bottom: 0;
}

.news-items .content .post-navigation {
  border-bottom: 0;
}

.news-items .content h1 {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.news-items .content > div[class^="col"] {
  padding-top: 45px;
}

.news-items .content > div[class^="col"]:first-child {
  border-right: 1px #000 solid;
  padding-right: 40px;
}

.news-items .content > div[class^="col"]:last-child {
  padding-left: 40px;
  padding-bottom: 40px;
}

.news-items .news-item {
  border-bottom: 1px #000 solid;
  border-right: 1px #000 solid;
  padding-left: 20px;
  padding-right: 20px;
}

.news-items .news-item:last-child {
  border-bottom: 1px #000 solid;
}

.news-items .news-item h2,
.news-items .news-item h3 {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

#filter .filters {
  border-bottom: 1px #000 solid;
}

.news-items .news-item > .row > .col-12 {
  padding-bottom: 40px;
  padding-top: 40px;
}

.news-items .news-item:nth-child(even) {
  border-right: 0px;
  /* padding-left: 40px*/
}

.news-items .news-item .richtext {
  font-family: Roboto Condensed, sans-serif;
  color: #304340;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
}

.post-meta {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 16px;
  font-style: italic;
  line-height: 30px;
  margin-bottom: 30px;
}

.post-meta ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.post-meta > .row > div {
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
}

.post-meta > .row > div:last-child {
  border-left: 1px #000 solid;
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  padding-left: 15px;
}

.grid-block {
  padding-top: 35px;
  padding-bottom: 50px;
}

.grid-block .grid-item {
  padding: 10px;
  width: 25%;
  min-width: 257px;
  transition: all 1s;
}

.grid-block .grid-item p {
  font-family: Roboto Condensed, sans-serif;
  color: #474444;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0;
}

.grid-block .grid-item:hover {
  background-color: #d8d4cb;
}

.slick-dots {
  position: relative;
  bottom: inherit;
  text-align: left;
  padding-left: 10px;
}

.slick-dots {
  bottom: 10%;
  text-align: center;
}

.slick-dots li button:before {
  color: black;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-size: 10px;
}

.slick-dots li {
  margin-left: 0;
  margin-right: 0;
}

.slick-dots li.slick-active button:before {
  color: #e1ba75;
}

.sdott {
  bottom: 16%;
  left: 0;
  width: 100%;
}

.sdott .slick-dots li button:before {
  color: white;
}

.sdott .slick-dots li.slick-active button:before {
  color: #e1ba75;
}

.overlap-top {
  margin-top: -50px;
  padding-bottom: 60px;
  transition: all 400ms;
  transform: translateY(0);
}

.overlap-top.surpress {
  /*  transform: translateY(60px)*/
}

.scards .scard h3 {
  font-family: Playfair Display, serif;
  color: #474444;
  font-size: 22px;
  font-weight: 700;
  margin-top: 54px;
}

.scards .scard h3:after {
  content: " ";
  display: block;
  width: 60px;
  height: 1px;
  background: #000;
  margin: 33px auto 25px;
}

.scards .scard p {
  font-family: Roboto Condensed, sans-serif;
  color: #474444;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
}

.scards .scard .btn {
  margin-top: 10px;
}

.gallery-slider .container-fluid {
  overflow: hidden;
}

.gallery-slider .container-fluid > .row > div[class^="col"] {
  min-height: 630px;
  background-size: cover;
  background-position: center;
}

.gallery-slider .slide-big,
.gallery-slider .slide-small {
  width: 100%;
}

.gallery-slider .slick-prev {
  left: 20px;
  width: 30px;
  height: 57px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 2;
}

.gallery-slider .slick-prev:before {
  background: url(../images/arrow-white-left.png) no-repeat center;
  background-size: contain;
  content: " ";
  width: 30px;
  height: 57px;
  display: block;
}

.gallery-slider .slick-next {
  right: 20px;
  width: 30px;
  height: 57px;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.gallery-slider .slick-next:before {
  background: url(../images/arrow-white-right.png) no-repeat center;
  background-size: contain;
  content: " ";
  width: 30px;
  height: 57px;
  display: block;
}

.overlay-block {
  background-color: rgba(6, 6, 6, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: white;
  padding: 33px;
}

.overlay-block p {
  font-family: Roboto Condensed, sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  text-align: left;
  margin-bottom: 0;
}

.overlay-block .col-sm-2 {
  -ms-flex: 0 0 150px;
  flex: 0 0 150px;
  max-width: 150px;
}

.mercury-text-block {
  padding-top: 84px;
  padding-bottom: 84px;
}

.mercury-text-block h2 {
  font-family: Playfair Display, serif;
  color: #2f4340;
  font-size: 48px;
  font-style: italic;
  clear: both;
}

.mercury-text-block h2 b {
  font-family: Mighty-River;
  color: #2f4340;
  font-size: 55px;
  font-weight: 400;
  display: inline-block;
  float: left;
  margin-top: 35px;
  line-height: 1em;
}

.mercury-text-block h2:after {
  content: " ";
  display: block;
  width: 100%;
  height: 100px;
}

.mercury-text-block .richtext {
  margin-top: 40px;
}

.mercury-text-block .richtext h3 {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 18px;
  font-style: italic;
  line-height: 30px;
  text-align: left;
  margin-bottom: 0;
}

.mercury-text-block .richtext h4 {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  text-align: left;
  margin-bottom: 25px;
}

.mercury-text-block .richtext p,
.mercury-text-block .richtext ul {
  font-family: Playfair Display, serif;
  color: #304340;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
}

.mercury-text-block .richtext ul {
  margin-left: 0;
  margin-top: 50px;
  padding-left: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-position: inside;
}

#image-textslider .slick-prev {
  display: none;
}

#image-textslider .slick-next {
  right: 30px;
  width: 29px;
  height: 57px;
}

#image-textslider .slick-next:before {
  background: url(../images/arrow-black-right.png) no-repeat center;
  background-size: contain;
  content: " ";
  width: 29px;
  height: 57px;
  display: block;
}

.progress-block {
  text-align: center;
  overflow: hidden;
}

.progress-block a {
  font-family: OpenSans;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  display: block;
  height: 59px;
  line-height: 59px;
  background-position: center right;
  background-size: cover;
  margin-left: 0;
  margin-right: -20px;
}

.progress-block a:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.progress-block .arrow {
  display: block;
  position: absolute;
  background-position: center right;
  height: 59px;
  width: 20px;
  right: -20px;
  top: 0;
  z-index: 2;
}

div input {
  border-radius: 0 !important;
  height: 50px;
}

div textarea {
  border-radius: 0 !important;
}

.contact-form {
  padding-top: 67px;
  padding-bottom: 67px;
  font-family: Roboto Condensed, sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
}

.contact-form h2 {
  font-family: Playfair Display, serif;
  color: #fff;
  font-size: 42px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 32px;
}

.contact-form form {
  margin-top: 56px;
}

.contact-form .btn {
  margin-top: 20px;
}

footer {
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
  font-family: Roboto Condensed, sans-serif;
  color: #474444;
  font-size: 14px;
  font-weight: 300;
}

footer .d-none.d-sm-inline-block {
  margin-left: 8px;
  margin-right: 8px;
}

footer .d-sm-inline-block a::after {
  content: "|";
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
}

footer .d-sm-inline-block a:last-child::after {
  display: none;
}

footer a {
  color: #474444;
}

footer a:hover {
  color: #474444;
}

footer nav {
  margin-top: 59px;
  margin-bottom: 30px;
}

footer nav ul a {
  font-family: Playfair Display, serif;
  color: #474444;
  font-size: 16px;
  font-weight: 400;
  margin-left: 10px;
  margin-right: 10px;
}

.alm-load-more-btn.more {
  background: #2f4340;
  border-radius: 45px;
  color: white;
  font-size: 14px;
  padding: 10px 25px;
  display: block;
  margin: 2em auto 0;
  cursor: pointer;
}

.alm-load-more-btn.more::after {
  content: " ";
  background: url(../images/arrow-white-down.png) no-repeat center;
  width: 10px;
  height: 4px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.alm-load-more-btn.more.done {
  display: none !important;
}

.totop {
  text-align: center;
  display: inline-block;
  position: fixed;
  font-family: Roboto Condensed, sans-serif;
  color: #d1ad6e;
  font-size: 14px;
  font-weight: 400;
  right: 5%;
  bottom: 15%;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 1s;
}

.totop:hover {
  opacity: 0.5;
  transform: translateY(-10px);
  text-decoration: none;
}

.totop.active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.totop:before {
  background: url(../images/svg/totop.svg) no-repeat center;
  width: 35px;
  height: 35px;
  display: block;
  content: " ";
  background-size: contain;
  margin-bottom: 5px;
  /*    filter: invert(99%) sepia(4%) saturate(56%) hue-rotate(44deg) brightness(118%) contrast(100%) invert(73%) sepia(45%) saturate(357%) hue-rotate(360deg) brightness(89%) contrast(90%);*/
}

.accordion .card-header {
  background: none;
  padding: 0;
  border-bottom: 0px;
}

.accordion .card-header button {
  padding: 16px 0;
}

.accordion .card {
  background: none;
  border: 0;
  border-top: 1px black solid;
  border-radius: 0;
}

.accordion .card-header button {
  color: black;
}

.accordion .card-body {
  padding: 20px 0;
  font-size: 16px;
  line-height: 1.3em;
  font-family: Roboto Condensed, sans-serif;
  font-weight: 300;
  border-top: 1px black solid;
}

.accordion .card-body span {
  font-weight: 300 !important;
}

.accordion .btn[aria-expanded="true"]::after {
  content: " ";
  position: absolute;
  right: 15px;
  font-family: Arial;
  font-size: 25px;
  top: 29px;
  width: 16px;
  background: black;
  height: 1px;
}

.accordion .btn[aria-expanded="false"]::after {
  content: " ";
  position: absolute;
  right: 15px;
  font-family: Arial;
  font-size: 25px;
  top: 29px;
  width: 16px;
  background: black;
  height: 1px;
}

.accordion .btn[aria-expanded="false"]::before {
  content: " ";
  position: absolute;
  right: 22px;
  font-family: Arial;
  font-size: 25px;
  top: 22px;
  width: 1px;
  background: black;
  height: 16px;
}

.richtext table tr td:first-child {
  padding-left: 0;
}

.richtext table tr td:last-child {
  padding-right: 0;
}

.richtext table tr td {
  border-color: #666;
}

.richtext h3 {
  color: #304340;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

@media screen and (max-width: 767px) {
  header {
    /*position:fixed;*/
    position: absolute;
    text-align: center;
  }

  div.video-js {
    max-width: 100%;
    padding-bottom: 50%;
    height: auto;
  }

  .video-js .vjs-big-play-button {
    top: 20%;
  }

  header nav .container {
    position: relative;
    width: 100%;
    max-width: inherit;
  }

  header nav {
    padding: 12px 0;
    background: rgba(6, 6, 6, 0.6);
  }

  header .menu-icon {
    position: absolute;
    left: 25px;
    top: 15px;
    margin-left: 0;
  }

  header .pull-right {
    float: none;
    position: absolute !important;
    width: 100%;
    left: 0;
    top: 0;
  }

  /* header .logo {
        margin: 0 auto;
        display: inline-block
    }*/

  header nav.sub-open li.list-inline-item {
    display: block;
  }

  header .sub-menu-first {
    margin-top: 0 !important;
  }

  header nav ul li:after {
    display: none;
  }

  /*    header nav ul {
        position: absolute;
        top: 40px;
        width: 100%;
        left: 0
    }*/

  /*header li.list-inline-item a {
        position: absolute!important;
        width: 100%!important;
        right: 0;
        left: 0;
        margin: 0 auto;
        background: rgba(6,6,6,.6);
        padding: 10px
    }*/
  header .pull-right > .list-inline > li:nth-child(6) {
    margin-top: 0px !important;
    background: rgba(6, 6, 6, 0.6);
    width: 100%;
    display: none;
  }

  header nav.sub-open .pull-right > .list-inline > li:nth-child(6) {
    display: inline-block;
  }

  header .pull-right > .list-inline > li:nth-child(6) a {
    background: transparent !important;
    font-size: 16px;
  }

  header .pull-right > .list-inline > li:nth-child(6) a:before {
    right: -24px;
  }

  /*header li.list-inline-item a,header li.list-inline-item.sub-menu a {
        background: rgba(6,6,6,.6)
    }*/

  /*header li.list-inline-item {
        float: right;
        clear: both;
        width: 100%;
        margin: 0;
        height: 39px;
        display: none
    }*/

  .sdott {
    bottom: 40px;
    left: 15px;
  }

  .slider-wrapper {
    max-height: 600px;
    position: relative;
  }

  #slider.hp {
    max-height: 600px;
  }

  #slider.hp .position-absolute {
    background: rgba(6, 6, 6, 0.3);
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: calc(100% - 30px);
    padding-top: 20px;
    padding-bottom: 40px;
  }

  #slider .slide h2 {
    font-size: 24px;
  }

  #slider .slide h2 b {
    font-size: 36px;
  }

  footer {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  footer a.logo {
    width: 125px;
    display: block;
    margin: 0 auto;
  }

  footer a.logo img {
    max-width: 100%;
  }

  footer nav {
    max-width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  footer nav ul li {
    margin-bottom: 15px;
  }

  footer nav ul li:after {
    content: "●";
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
  }

  footer nav ul li:last-child:after {
    display: none;
  }

  footer nav ul li a {
    display: inline-block;
  }

  .overlap-top {
    margin-top: 0;
    padding-top: 30px;
  }

  .overlap-top.scards {
    padding-left: 30px;
    padding-right: 30px;
  }

  .overlap-top.scards #scards.slick-dotted.slick-slider {
    margin-bottom: 0;
  }

  .overlap-top.scards .slick-dots {
    text-align: center;
    position: absolute;
    top: 54%;
    bottom: inherit;
  }

  .overlap-top.scards h3 {
    margin-top: 64px;
  }

  .overlap-top.scards .slick-next {
    right: 0;
    width: 13px;
    height: 30px;
    top: 150px;
  }

  .overlap-top.scards .slick-prev {
    left: 0;
    width: 13px;
    height: 30px;
    top: 150px;
    z-index: 9;
  }

  .overlap-top.scards .slick-prev:before {
    background: url(../images/blackarrow-left.png) no-repeat center;
    width: 13px;
    height: 30px;
    content: " ";
    display: block;
  }

  .overlap-top.scards .slick-next:before {
    background: url(../images/blackarrow-right.png) no-repeat center;
    width: 13px;
    height: 30px;
    content: " ";
    display: block;
  }

  .overlap-top.surpress {
    transform: none;
  }

  .totop {
    right: 11%;
    bottom: 260px;
  }

  #image-textslider.slick-dotted.slick-slider {
    margin-bottom: 0;
  }

  .progress-block a {
    background-size: cover;
  }

  #image-textslider .slick-dots {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 133%;
    bottom: inherit;
  }

  #image-textslider .slick-next {
    right: -31px;
    width: 29px;
    height: 57px;
    top: 260px;
  }

  #image-textslider .slick-prev {
    left: -15px;
    width: 29px;
    height: 57px;
    top: 260px;
    z-index: 9;
  }

  #image-textslider .slick-prev:before {
    background: url(../images/blackarrow-left.png) no-repeat center;
    width: 13px;
    height: 30px;
    content: " ";
    display: block;
  }

  #image-textslider .slick-next:before {
    background: url(../images/blackarrow-right.png) no-repeat center;
    width: 13px;
    height: 30px;
  }

  .mercury-text-block {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .mercury-text-block .container {
    position: relative;
  }

  .mercury-text-block .zzooom {
    margin-top: 120px;
    margin-bottom: 30px;
  }

  .mercury-text-block .col-12 {
    position: inherit;
  }

  .mercury-text-block h2 {
    font-size: 24px;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
  }

  .mercury-text-block h2 b {
    font-size: 36px;
    display: block;
    text-align: center;
    margin-top: 10px;
    float: none;
    padding-right: 15px;
    line-height: 1em;
  }

  .mercury-text-block .richtext {
    margin-top: 25px;
    font-size: 14px;
  }

  .mercury-text-block .richtext ul {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 15px;
  }

  .mercury-text-block .richtext h4 {
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 700;
  }

  .mercury-text-block .richtext h3 {
    font-size: 18px;
  }

  .progress-block .container {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .progress-block .container a {
    background-repeat: no-repeat;
    background-size: 120%;
    background-position: center;
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    margin-right: 0;
  }

  .progress-block .container .arrow {
    display: none;
  }

  iframe {
    max-height: 350px;
  }

  .contact-form {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 14px;
  }

  .contact-form .col,
  .contact-form .col-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-form h2 {
    font-size: 20px;
    font-weight: 700;
  }

  .contact-form form {
    margin-top: 30px;
  }

  .news-items .content > div[class^="col"] {
    padding-top: 20px;
    padding-left: 0;
  }

  .news-items .content > div[class^="col"]:last-child {
    padding-left: 0;
  }

  .news-items .content > div[class^="col"]:first-child {
    padding-right: 0;
    border-right: 0;
  }

  .news-items .content .post-meta {
    margin-bottom: 0;
  }

  .news-items .news-item > .row > .col-12:first-child {
    margin-top: 30px;
    padding-bottom: 15px;
  }

  .news-items .news-item.floorplan-item > .row > .col-12 {
    margin-top: 0;
  }

  .news-items .news-item > .row > .col-12 {
    padding-top: 0;
    padding-left: 15px !important;
  }

  .news-items .related-items .news-item > .row > .col:last-child {
    border-left: 0;
  }

  .news-items .related-items .news-item {
    border-right: 0;
    border-top: 0;
  }

  .news-items .related-items .news-item > .row > .col {
    padding-left: 0 !important;
    padding-right: 0;
  }

  footer nav ul li:after {
    font-size: 6px;
  }
}

/********** RESERVATION PAGE COMPONENTS - Wackwack**********/

.page-id-532 header nav {
  display: none;
}

/*========== default settings ========== */

a {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}

ul li {
  list-style: none;
  padding: 0;
}

ul,
ol {
  padding-left: 0;
}

button,
button:hover,
button:focus {
  outline: none;
  border: none;
}

/*========== main ========== */
.r-gray-bg {
  background: #f8f8f8;
  position: relative;
}

/*========== display block/none ========== */
.db-dn {
  display: block;
}

@media only screen and (min-width: 769px) {
  .db-dn {
    display: none;
  }
}

.dn-db {
  display: none;
}

@media only screen and (min-width: 769px) {
  .dn-db {
    display: block;
  }
}

/*========== anchor links ========== */
.r-link-1 {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1px;
  text-transform: none;
}

.r-link-2 {
  font-family: "Playfair Display";
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.002em;
  color: #000000;
}

/*anchor link with icon */
.r-text-link-icon {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-size: 12px;
  line-height: 145%;
  letter-spacing: -0.005em;
  text-transform: uppercase;
  position: relative;
}

.r-text-link-icon:visited,
.r-text-link-icon:hover {
  color: #344240;
}

.r-text-link-icon::before,
.r-text-link-icon::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -2px;
  vertical-align: middle;
}

/*========== buttons ========== */
.r-btn-filled,
.r-btn-outlined {
  cursor: pointer;
  /*  text-transform:uppercase;*/
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: unset;
  padding: 14.5px 32px;
  max-width: 327px;
  width: 100%;
  height: 46px;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #fff;
  border-radius: 88px;
}

a.r-btn-filled,
a.r-btn-outlined {
  text-decoration: none;
  cursor: pointer;
}

@media only screen and (min-width: 769px) {
  .r-btn-filled,
  .r-btn-outlined {
    font-size: 10px;
    max-width: 190px;
    height: 32px;
    padding: 10px 32px;
    margin-left: auto;
    margin-right: auto;
    line-height: 12px;
    letter-spacing: 1px;
    /* padding: 10px 42px;*/
  }
}

.r-btn-filled {
  background: #344240;
  color: #ffffff !important;
}

.r-btn-filled:hover,
.r-btn-outlined:hover {
  background: #4c6c68 !important;
  color: #ffffff !important;
}

.r-btn-filled.f-disabled {
  border: none;
  background: #e0e0e0 !important;
  color: #6f6f6f !important;
  cursor: auto;
}

.r-btn-outlined {
  background: none;
  border: 1px solid #a99149 !important;
  box-sizing: border-box;
  color: #a99149 !important;
}

.r-btn-outlined.o-disabled {
  border: 1px solid #a09389 !important;
  color: #9f9b98 !important;
  cursor: auto;
  /* pointer-events:none;*/
}

/*========== line dividers ========== */
.r-divider-1 {
  width: 100%;
  background-color: #e0e0e0;
  height: 1px;
  border: none;
  margin: 0 0 48px;
}

.r-divider-2 {
  width: 100%;
  background-color: #cdc6b1;
  height: 0.5px;
  border: none;
  margin: 16px 0;
}

.r-divider-3 {
  width: 100%;
  background-color: #e0e0e0;
  height: 0.5px;
  border: none;
  margin: 16px 0;
}

.r-divider-4 {
  width: 100%;
  background-color: #e0e0e0;
  height: 1px;
  border: none;
  margin: 0;
}

/*========== typography ========== */
.r-heading-4 {
  font-family: "Playfair Display";
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0.002em;
}

/*for text*/
.r-text-1 {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-size: 16px;
  line-height: 145%;
  color: #292a2c;
}

.r-text-2 {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #292a2c;
}

.r-text-3 {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-size: 14px;
  line-height: 145%;
  letter-spacing: 1.4px;
  color: #292a2c;
}

.r-text-4 {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #292a2c;
}

.r-text-5 {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: #121212;
}

.r-text-1.bold-1 {
  font-weight: 700;
}

/*title or headings*/
.r-title-1 {
  font-family: "Playfair Display";
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  text-transform: none;
  color: #121212;
  letter-spacing: 0.007em;
}

.r-title-2 {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
}

.r-title-3 {
  font-family: "Playfair Display";
  font-weight: 400;
  font-size: 16px;
  line-height: 145%;
  color: #4c6c68;
}

/*for labels*/
.r-label-1 {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0.002em;
}

.r-label-2 {
  font-family: "Playfair Display";
  font-weight: 400;
  font-size: 14px;
  line-height: 145%;
  color: #4c6c68;
}

.r-label-sub {
  display: flex;
  flex-direction: column;
}

/*for eyebrow font*/
.r-eyebrow {
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #9f9b98;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.r-eyebrow-2 {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1px;
  color: #4c6c68;
  text-transform: uppercase;
}

/*========== highlights ========== */
/*for highlighted text*/
.gray-text {
  color: #9f9b98;
}

.gold-text {
  color: #e1ba75;
}

.gold-text.bold-1 {
  font-weight: 700;
}

/*========== headers ========== */
.r-header {
  background: url(../images/header-img-mb.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  /*height: 250px;*/
  /* min-width: 100%; 
    min-height: 100%;  */
  position: relative;
}

.r-header {
  position: fixed;
  top: 33px;
  height: 250px;
  z-index: 1;
  transition: 0.3s ease;
}

/*on scroll header*/
.r-header.scrolled {
  z-index: 2;
  height: 112px;
  top: 0;
  background: url(../images/header-img-mb-onscroll.png);
  background-repeat: no-repeat;
}

.r-header.scrolled::before {
  background: #302e2a;
  opacity: 0.8;
}

.r-header.scrolled::after {
  background: linear-gradient(
    180deg,
    rgba(50, 42, 30, 0.5) 0%,
    rgba(65, 58, 48, 0) 213.33%
  );
}

.r-header figure .logo {
  width: 188.39px;
  height: 53.03px;
}

.r-header.scrolled figure .logo {
  width: 146px;
  height: 69px;
}

.r-header::before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(30, 28, 25, 0.55);
  top: 0;
  left: 0;
  position: absolute;
}

.r-header::after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(56, 48, 35, 0.55) 0%,
    rgba(65, 58, 48, 0) 140.6%
  );
  top: 0;
  left: 0;
  position: absolute;
}

.r-header figure {
  margin: 0 auto;
}

.r-header .header-content {
  /* height: 250px; */
  height: 100%;
  position: relative;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1080px;
  margin: 0 auto;
}

.r-header .r-label-1 {
  color: #fff;
  display: none;
}

/*========== contact mobile banner ========== */
.contact-mobile-banner {
  display: flex;
  justify-content: space-between;
  padding: 0 13px 0 12px;
  background: #4c6c68;
  backdrop-filter: blur(99px);
  z-index: 2;
  position: relative;
  top: -1px;
}

.contact-mobile-banner p {
  margin: 0;
  color: #fff;
  font-size: 12px;
}

.contact-mobile-banner p:first-child {
  padding: 9px 0 8px;
}

.contact-mobile-banner p:last-child {
  padding: 10px 0 9px;
}

/*========== mobile progres bar ========== */
.mobile-progress-bar {
  display: none;
}

ul.progress-list {
  margin: 0;
  padding-left: 0;
  /* margin: 0;*/
}

ul.progress-list li {
  display: inline-block;
  margin: 0;
  color: #344240;
  line-height: 160%;
  font-size: 14px;
  font-weight: 400;
}

ul.progress-list li.is-active {
  color: #344240;
  font-weight: 700;
}

ul.progress-list li::after {
  content: url("../images/svg/arrow-progress.svg");
  top: 0;
  right: 0;
  margin-left: 12px;
  margin-right: 12px;
}

ul.progress-list li:last-child::after {
  display: none;
}

.r-header.scrolled .mobile-progress-bar {
  background: #e1ba75;
  /* display: block;*/
  display: flex;
  padding: 11px 0 9px 22px;
}

/*========== reservation body ========== */
.r-body {
  min-height: 100%;
  margin: 0 10px;
  padding-top: 250px;
}

.r-body .container {
  max-width: 1080px;
}

.r-body .row {
  display: flex;
  flex-direction: column;
}

.r-body .col-md-6 {
  padding: 0;
  max-width: unset;
}

.r-body .row .col-md-6:nth-child(1) {
  display: none;
}

.r-body .col-md-6:nth-child(2) {
  flex-basis: unset;
  max-width: unset;
  width: 100%;
}

.r-body ol {
  margin-left: 14px;
}

.r-body ul {
  margin-left: 0;
}

.r-body ol li,
.r-body ul li {
  margin-left: unset;
}

/*========== bg graphics ========== */
.r-subtle-bg img {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}

.r-subtle-bg .left img {
  left: 0;
}

.r-subtle-bg .left img:nth-of-type(1) {
  bottom: 60px;
}

.r-subtle-bg .left img:nth-of-type(2) {
  left: 20px;
}

.r-subtle-bg .right img {
  right: 0;
}

.r-subtle-bg .right img:nth-of-type(2) {
  bottom: 85px;
  right: 12px;
}

.r-subtle-bg .right img:nth-of-type(3) {
  right: 120px;
}

.r-subtle-bg .mobile img:nth-of-type(1) {
  right: 0;
  bottom: 427px;
}

.r-subtle-bg .mobile img:nth-of-type(2) {
  right: 12px;
  bottom: 90px;
}

.r-subtle-bg .mobile img:nth-of-type(3) {
  left: 0;
  bottom: 70px;
}

/*========== sticky sidebar ========== */
.sticky-holder {
  display: none;
  position: sticky;
  top: 156px;
  z-index: 1;
}

/*========== ref application card ========== */
.r-card {
  position: relative;
}

.r-card .reservation-application {
  background: #344240;
  border-radius: 4px;
  max-width: 250px;
  min-height: 125px;
  text-align: center;
  display: flex;
  padding: 18px 0px;
  flex-direction: column;
  justify-content: center;
  margin-top: 20px;
}

.r-card .reservation-application .r-eyebrow {
  color: #efeadf;
  text-transform: uppercase;
}

.r-card .reservation-application .r-text-1 {
  font-size: 14px;
  line-height: 160%;
}

.r-card .reservation-application .r-text-1.bold-1 {
  font-family: "Roboto Condensed";
  letter-spacing: 1.4px;
  line-height: 145%;
}

.r-card .reservation-application span {
  color: #ffffff;
}

.r-card .reservation-application .green-gradient-divider {
  margin: 10px 0;
}

.r-application {
  margin-top: 15px;
}

.r-application .r-title-1,
.r-section .r-title-1 {
  font-size: 20px;
  margin-bottom: 24px;
}

.r-application .r-title-1 {
  margin-bottom: 24px;
}

.r-application .r-label-sub div .r-eyebrow {
  vertical-align: baseline;
}

/*========== progress sidebar ========== */
.r-progress-sidebar {
  margin-top: 23px;
  max-width: 256px;
  height: 121px;
}

.r-progress-sidebar ul {
  width: 100%;
}

.r-progress-sidebar ul li {
  margin-left: -20px !important;
}

.r-progress-sidebar ul li span::before {
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  background: #c4c4c4;
  /*background: #876C27;*/
  border-radius: 50%;
  margin-top: 8px;
  z-index: 99;
}

.r-progress-sidebar ul li p {
  margin-left: 15px;
  color: #464444;
  margin-bottom: 26px;
}

.r-progress-sidebar ul li:nth-of-type(1):after,
.r-progress-sidebar ul li:nth-of-type(2):after {
  content: "";
  width: 50px;
  height: 1px;
  position: absolute;
  background: #c4c4c4;
  transform: rotate(90deg);
}

.r-progress-sidebar ul li:nth-of-type(1):after {
  left: -22px;
  /* margin-top: -13px;*/
  margin-top: -13px;
}

.r-progress-sidebar ul li:nth-of-type(2):after {
  left: -22px;
  margin-top: -12px;
}

.r-progress-sidebar .is-active span::before,
.r-progress-sidebar .is-active:nth-child(1):after,
.r-progress-sidebar .is-active:nth-child(2):after {
  background: #4c6c68;
}

.r-progress-sidebar .is-active p {
  color: #4c6c68;
}

/*========== end of sticky sidebar ========== */

/*========== reservation container ========== */
.r-container {
  background: #fff;
  box-shadow: 0px 4px 4px rgba(234, 230, 224, 0.25);
  border-radius: 8px;
  /* min-width: 100%;*/
  right: 0;
  /* min-height:548px;
    height: auto; */
  /* position: absolute; */
  position: relative;
  top: -40px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 14px;
}

.expired-container {
  background: #fff;
  box-shadow: 0px 4px 4px rgba(234, 230, 224, 0.25);
  border-radius: 8px;
  /* min-width: 100%;*/
  right: 0;
  /* min-height:548px;
    height: auto; */
  /* position: absolute; */
  position: relative;
  top: -40px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 14px;
}

.r-container .top-content,
.r-container .bottom-content {
  text-align: left;
}

/*========== sections ========== */
.r-section:not(:last-child) {
  margin-bottom: 0;
}

/*Reservation Status Section (success, expired link)*/
.r-status-section {
  /*  border-bottom: 1px solid #e0e0e0;*/
  text-align: center;
  padding-bottom: 24px;
}

.r-status-section .r-title-1 {
  margin-bottom: 16px;
  font-size: 24px;
  letter-spacing: 0.002em;
  line-height: 140%;
}

.r-status-section .r-heading-4 {
  width: 73%;
  margin: 0 auto 16px;
  color: #121212;
}

.r-status-section .r-text-1 {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 160%;
}

.r-status-section .status-notice .r-text-1 {
  color: #464444;
}

.r-status-section .status-notice .r-text-1:nth-child(1) {
  margin-bottom: 24px;
}

.r-status-section .status-notice .r-text-1:nth-child(2) {
  width: unset;
}

.r-status-section .status-icon img {
  width: 46.57px;
  height: 46.57px;
  margin: 24px;
}

.r-container.r-status .r-divider-1 {
  margin: 0 -14px;
  width: auto;
}

.r-container.reservation-details {
  padding: 16px 14px 30.51px;
}

.r-container.reservation-details form {
  margin: unset;
}

.r-status .expired-link a.r-btn-filled {
  max-width: 240px;
  margin: 0 auto;
}

.r-unsuccessful .r-heading-4,
.r-process-payment .r-heading-4 {
  line-height: 150%;
}

.r-status-section.r-unsuccessful .r-text-1 {
  width: 92%;
  margin: 0 auto;
  line-height: 160%;
}

.r-status-section.r-process-payment .r-text-1 {
  width: 100%;
}

.r-status-section.r-process-payment .r-amount {
  margin-right: 0;
}

.r-status-section.r-process-payment .r-amount .r-label-1,
.r-status-section.r-process-payment .r-amount .r-label-1 .r-heading-4 {
  font-size: 32px;
  color: #464444;
  line-height: 145%;
  letter-spacing: 1px;
}

.r-status-section.r-process-payment .r-eyebrow,
.r-status-section.r-unsuccessful .r-eyebrow {
  font-size: 12px;
  line-height: 14px;
  margin-right: 0;
  color: #4c6c68;
}

.r-unsuccessful .r-ticket-banner.r-bg-section {
  padding: 42px 0;
}

.r-status-section .status-notice p:nth-child(2) {
  margin-bottom: unset;
}

/*end of reservation status section*/

/*Contact Details Section */
.r-contact-section {
  padding: 24px 0 17px;
  text-align: left;
}

.r-contact-section .r-title-2 {
  font-size: 18px;
  color: #121212;
  line-height: 145.8%;
  margin-bottom: 18px;
}

.r-contact-section .row {
  padding: 0 14px;
}

.r-contact-section .row .col-md-4 {
  display: flex;
  flex-direction: column;
  padding: 0 0 30px 0;
}

.r-contact-section .row .col-md-4:last-child {
  padding: unset;
}

.r-contact-section .r-eyebrow {
  font-size: 14px;
  line-height: 160%;
  text-transform: none;
}

.r-contact-section .row .col-md-4 span:not(:last-child) {
  margin-bottom: 10.5px;
}

.r-contact-section .r-text-2,
.r-contact-section .gray-text {
  font-size: 14px;
  line-height: 16px;
}

.r-contact-section span .gray-text {
  color: #9f9b98;
}

.r-contact-section span img {
  margin-right: 6px;
}

.r-contact-section .reservation-social a:not(:last-child) {
  margin-right: 16px;
}

.r-contact-section .reservation-social img {
  width: 36px;
  height: 35.8px;
}

/*end of Contact Details Section */

/*========== yellow bg section ========== */
.r-bg-section {
  background: linear-gradient(
    151.21deg,
    #f5f5f5 -18.13%,
    rgba(245, 245, 245, 0) 100.25%
  );
  border-radius: 4px;
  max-width: 700px;
}

/*Reservation Details Section*/
.r-details.r-bg-section {
  background: transparent;
}

.r-details .r-title-1 {
  margin-top: 31px;
}

.r-details .r-eyebrow {
  color: #4c6c68;
  text-transform: uppercase;
  margin-bottom: 7.5px;
}

.r-details .r-label-sub div .r-eyebrow {
  vertical-align: baseline;
  font-size: 12px;
  line-height: 14px;
}

.r-details .r-label-sub div img {
  width: 12px;
  height: 12px;
  vertical-align: top;
}

.r-details .r-label-sub .r-title-3 {
  color: #121212;
  font-size: 16px;
  margin-top: 7.5px;
}

.r-details .r-label-sub .amount-text {
  line-height: 20.3px;
  font-weight: 700;
}

.r-section .r-label-sub .r-divider-2 {
  background-color: #e0e0e0;
}

.r-section .r-label-sub .r-divider-3 {
  margin: 14px 0;
}

.r-section .r-label-sub .r-divider-1 {
  margin: 40px -14px;
  width: auto;
}

.r-section.r-terms-conditions .r-title-1 {
  margin-bottom: 16.5px;
}

.r-section.r-terms-conditions .r-divider-1 {
  margin: 40px -14px;
  width: auto;
}

/*end of Reservation Details section*/

/*========== toggle bg mask ========== */
.r-mask {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 21.36%,
    #ffffff 100%
  );
  height: 144px;
  width: 100%;
  bottom: 40px;
  right: 0;
}

/*========== toggle section ========== */
.r-toggle-body {
  position: relative;
  padding: 0 2px;
  /* height:330px; */
  /* overflow:hidden;*/
}

.r-hidden-text {
  display: none;
}

.r-toggle-body .r-mask {
  position: absolute;
}

.r-toggle-body .r-text-1 {
  font-size: 14px;
  line-height: 140%;
}

.r-toggle-body .excerpt-headline .r-text-1 {
  line-height: 160%;
}

.r-toggle-body .expand-read {
  display: none;
}

.r-toggle-body.show-more .expand-read {
  display: none;
}

.r-toggle-body.show-more .r-mask {
  display: block;
}

.r-toggle-body.show-more .r-toggle-btn::before {
  transform: rotate(180deg);
}

.r-toggle-body .r-toggle-btn::after {
  transform: rotate(-90deg);
}

.r-toggle-body ol li {
  padding-left: 14px;
}

/*mobile scroll toggle*/
.r-scroll-read-mb .r-toggle-body {
  margin: 80.5px 0 0;
  padding: 0 24px;
  overflow-y: scroll;
}

.r-scroll-read-mb .r-toggle-body .r-text-1 {
  font-size: 16px;
  line-height: 145%;
}

.r-scroll-read-mb .r-toggle-body .excerpt-headline .r-text-1 {
  line-height: 160%;
}

.r-scroll-read-mb .r-toggle-body .expand-read {
  display: block;
}

.r-scroll-read-mb .r-toggle-body .r-mask {
  display: none;
}

.r-scroll-read-mb .r-toggle-btn {
  display: none;
}

.r-expand-read-mb {
  background: #fff;
  width: 100%;
  height: 100%;
  z-index: 99;
  /* overflow:hidden;*/
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.r-expand-read-mb .r-expand-read-header-mb {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  transition: 0.3s;
  z-index: 100000;
  padding: 32px 19px 24px;
}

.r-expand-read-header-mb img {
  position: relative;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}

.r-expand-read-header-mb .r-title-1 {
  position: relative;
  font-size: 20px;
  vertical-align: middle;
  color: #121212;
}

.r-expand-read-header-mb.sticky {
  background: #ffffff;
  box-shadow: 0px 5px 8px 1px rgba(197, 197, 197, 0.25);
  padding: 32px 19px 24px;
}

/*.r-expand-read-header-mb.sticky .r-title-1 {
    font-size: 16px;
}*/

.toggle-option {
  display: flex;
  justify-content: flex-end;
}

.toggle-option a.r-text-link-icon {
  color: #4c6c68;
  font-size: 16px;
  letter-spacing: 0.025em;
}

.toggle-option .r-toggle-btn::before,
.toggle-option .r-toggle-btn::after {
  background: url(../images/svg/chevron-down-icon.svg) no-repeat;
  width: 24px;
  height: 24px;
}

.toggle-option .r-toggle-btn::before {
  display: none;
}

.toggle-option .r-toggle-btn::after {
  display: inline-block;
}

/*Disclaimer Section*/
.r-disclaimer ol li {
  font-size: 16px;
}

.r-disclaimer div ol {
  margin-bottom: 19px;
}

.r-disclaimer ol li p {
  line-height: 145%;
  color: #464444;
  margin-bottom: 19px;
}

.r-disclaimer .disclaimer-info {
  margin-bottom: 16px;
}

.r-disclaimer .disclaimer-info .r-title-3 {
  vertical-align: middle;
  margin-left: 6px;
  font-size: 16px;
}

.r-disclaimer .o-checkbox {
  display: inline-block;
  color: #464444;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 18px;
}

.r-disclaimer ul li:last-child label.o-checkbox {
  margin-bottom: unset;
}

.r-fee-banner.r-bg-section {
  background: linear-gradient(
    139.98deg,
    #f5f5f5 22.82%,
    rgba(245, 245, 245, 0) 121.04%
  );
  display: flex;
  padding: 14.5px 13.5px;
  flex-direction: column;
  margin-top: 24px;
}

.r-fee-banner .r-amount {
  margin-bottom: 24px;
}

.r-amount {
  display: flex;
  align-items: center;
}

.r-amount .r-eyebrow {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 145%;
  letter-spacing: 1px;
  margin-right: 15px;
}

.r-amount .r-label-1,
.r-amount .r-heading-4 {
  font-size: 24px;
  color: #464444;
  line-height: 145%;
}

.r-amount .r-label-1 {
  font-weight: 300;
}

.r-amount .r-heading-4 {
  font-family: "Roboto Condensed";
  font-weight: 700;
  letter-spacing: 1px;
  margin-left: 2px;
}

.r-ticket-banner.r-bg-section {
  background: linear-gradient(
    170.84deg,
    #f5f5f5 6.94%,
    rgba(245, 245, 245, 0) 124.19%
  );
  padding: 22.5px 0;
  margin: 24px 0;
  border-radius: 8px;
}

.r-ticket-banner .r-label-sub:not(:last-child) {
  margin-bottom: 24px;
}

.r-ticket-banner .r-amount {
  margin-bottom: unset !important;
}

.r-ticket-banner .r-eyebrow {
  margin-bottom: 4px;
}

.r-ticket-banner .r-text-3 {
  color: #292a2c;
}

.r-ticket-banner .r-divider-2,
.r-ticket-banner .r-divider-3 {
  margin: 24px 0;
}

/*========== end of sections ========== */

/*========== forms ========== */
/*custom checkbox*/
.o-checkbox {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.o-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.o-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 4px;
  border: 1.2px solid #344240;
}

.o-checkmark-error {
  background: #fff1f1;
  border: 1.2px solid #ff5a43;
  /* visibility: hidden;*/
}

/*.o-checkbox:hover input ~ .o-checkmark {
    background-color: #fff;
  }*/

.o-checkbox input:checked ~ .o-checkmark {
  background: #344240;
}

.o-checkbox input:checked ~ .o-checkmark.o-checkmark-error {
  background: #344240;
  border: 1.2px solid #344240;
}

.o-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.o-checkbox input:checked ~ .o-checkmark:after {
  display: block;
}

.o-checkbox .o-checkmark:after {
  left: 5px;
  top: 1px;
  width: 8.21px;
  height: 12px;
  border: solid white;
  border-width: 0 2.5px 2.5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*========== footer ========== */
footer.r-main-footer {
  margin-top: 18px;
  padding: 0;
}

footer .r-footer {
  display: flex;
  padding: 0 0 24px;
  flex-direction: column;
  align-items: center;
}

/* .r-footer .footer-info {
    display: flex;
    align-items: flex-end;
} */

.r-footer .footer-info {
  margin-bottom: 20px;
}

.r-footer .footer-info img.footer-logo {
  width: 150px;
  height: 42px;
}

.r-footer p {
  color: #9f9b98;
}

.footer-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-direction: column-reverse;
}

.footer-links .r-label-2 {
  margin: 0;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0.002em;
}

.r-footer .footer-links ul {
  align-items: flex-end;
  display: flex;
  margin: unset;
  margin-bottom: 20px;
}

.r-footer li span,
.r-footer li .r-link-2 {
  color: #000;
  margin-left: 16px;
  font-size: 14px;
}

/*========== modal ========== */
.r-modal,
.r-modal-mb {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  height: 100vh;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}

.r-modal-container {
  position: relative;
  max-width: 344px;
  max-height: 420px;
  width: 100%;
  height: 100%;
  padding: 53.25px 32px;
  background: #fff;
  border-radius: 8px;
  margin: 0 15px 0 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.r-modal-content {
  text-align: center;
  border-bottom: unset;
}

.r-modal-content .r-heading-4 {
  color: #121212;
  margin-bottom: 13.5px;
  font-size: 24px;
}

.r-modal-content .r-text-1 {
  line-height: 23.2px;
  margin-bottom: 32px;
  color: #464444;
  padding: 0 2px;
  font-size: 16px;
}

.r-modal-content .modal-options {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.r-modal-content .r-btn-filled {
  margin-bottom: 24px;
  max-width: 280px;
}

.r-modal-content a.r-link-1 {
  color: #292a2c;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
}

.r-modal-content .r-modal-options {
  display: inline;
}

.r-modal-active {
  visibility: visible;
  opacity: 1;
}

.r-modal-mb .r-modal-content .r-text-1 {
  padding: 0;
}

/*========== privacy policy ========== */

/*========== MEDIA QUERIES ========== */
/*========== mobile ========== */
@media only screen and (min-width: 376px) {
  .r-disclaimer ol {
    line-height: 0;
  }

  .r-disclaimer ol li {
    line-height: 160%;
    font-size: 14px;
  }
}

/*========== tablet ========== */
@media only screen and (min-width: 769px) {
  .r-header {
    background: url(../images/header-reservation-img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .r-header figure .logo {
    width: unset;
    height: unset;
  }

  .r-header.scrolled {
    background: url(../images/header-reservation-img-onscroll.png);
    height: 135px;
  }

  .r-body {
    margin: unset;
  }

  .r-body .row {
    display: flex;
    flex-direction: row;
  }

  .r-body .row .col-md-6:nth-child(1) {
    display: block;
    max-width: unset;
  }

  .r-body .col-md-6:nth-child(2) {
    max-width: unset;
  }

  .r-body ol,
  .r-body ul {
    margin-left: 1.25rem;
    margin-bottom: unset;
  }

  .r-body ol li,
  .r-body ul li {
    margin-left: 1.25rem;
  }

  .r-container,
  .expired-container {
    box-shadow: 0px 12px 10px -5px rgba(234, 230, 224, 0.45);
    width: 100%;
    padding: 44px;
  }

  .r-container.r-status .r-divider-1 {
    margin: 0 -44px;
    width: auto;
  }

  .r-container.reservation-details {
    padding: 44px;
  }

  .reservation-details .r-form {
    background: linear-gradient(
      147.32deg,
      #f5f5f5 -7.11%,
      rgba(255, 255, 255, 0) 103.83%
    );
    border-radius: 4px;
    padding: 24px 40px;
    margin-top: 24px;
    margin-bottom: 48px;
    /* background: red; */
  }

  .r-title-1.my-details {
    margin-top: unset;
    margin-bottom: 24px;
  }

  /*status section*/
  .r-status-section {
    padding-bottom: 36px;
  }

  .r-status-section .r-title-1 {
    line-height: 120%;
  }

  .r-status-section p,
  .r-status-section p span {
    width: 60%;
    margin: 0 auto 36px;
  }

  .r-status-section .r-heading-4 {
    font-size: 24px;
    line-height: 120%;
    width: unset;
  }

  .r-status-section .status-notice .r-text-1:nth-child(2) {
    width: 72%;
  }

  .r-status-section .status-icon img {
    width: 33.33px;
    height: 33.33px;
    margin: 17px;
  }

  .r-status-section .r-text-1 {
    font-size: 16px;
    line-height: 145%;
  }

  .r-status-section.r-unsuccessful .r-text-1 {
    width: 47%;
    line-height: 21px;
  }

  .r-status-section.r-process-payment .r-text-1 {
    margin-bottom: unset;
  }

  .r-status-section.r-process-payment .r-eyebrow,
  .r-status-section.r-unsuccessful .r-eyebrow {
    font-size: 10px;
    line-height: 12.3px;
  }

  .r-application .r-title-1,
  .r-section .r-title-1 {
    font-size: 24px;
  }

  .r-section:not(:last-child) {
    margin-bottom: 48px;
  }

  .r-section.r-terms-conditions .r-divider-1 {
    margin: 51.5px -44px 0;
  }

  .r-section.r-terms-conditions .r-title-1 {
    margin-bottom: 24px;
  }

  .r-section .r-label-sub .r-divider-3 {
    margin: 16px 0;
  }

  .r-contact-section {
    padding: 66px 0px 0;
  }

  .r-contact-section .row {
    padding: 0 70px 0 0;
  }

  .r-contact-section .r-title-2 {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .r-contact-section .r-eyebrow {
    font-size: 10px;
    line-height: 12.3px;
  }

  .r-contact-section span.r-text-2,
  .r-contact-section span.gray-text {
    font-size: 12px;
    line-height: 14px;
  }

  .r-contact-section .row .col-md-4:last-child {
    padding: 0 0 0 47px;
  }

  .r-contact-section .row .col-md-4:first-child {
    padding: 0 47px 0 15px;
  }

  .r-contact-section .reservation-social img {
    width: 24px;
    height: 24px;
  }

  .r-ticket-banner .r-label-sub:not(:last-child) {
    margin-bottom: 26px;
  }

  .r-ticket-banner.r-bg-section {
    background: linear-gradient(
      151.21deg,
      #f5f5f5 -18.13%,
      rgba(245, 245, 245, 0) 100.25%
    );
    margin: 36px 0;
    padding: 25px 40px;
  }

  .r-ticket-banner .r-label-sub.date-time-label {
    margin-bottom: 0 !important;
  }

  .r-ticket-banner .r-divider-2,
  .r-ticket-banner .r-divider-3 {
    margin: 16px 0 26px;
  }

  .r-ticket-banner .r-eyebrow {
    margin-bottom: 2px;
  }

  .r-fee-banner.r-bg-section {
    background: linear-gradient(
      159.83deg,
      #f5f5f5 -121.2%,
      rgba(255, 255, 255, 0) 314.4%
    );
    justify-content: space-between;
    padding: 21px 27px 22px;
    flex-direction: row;
    max-width: 702px;
    height: 75px;
  }

  .r-fee-banner .r-amount {
    margin-bottom: unset;
  }

  .r-fee-banner .payment-cta button {
    width: 189.75px;
  }

  .r-details.r-bg-section {
    background: linear-gradient(
      147.32deg,
      #f5f5f5 -7.11%,
      rgba(255, 255, 255, 0) 103.83%
    );
    display: flex;
    flex-direction: column;
    padding: 24px 40px;
    max-width: 700px;
    height: 428px;
  }

  .r-details .r-label-sub .r-divider-2 {
    background-color: #cdc6b1;
  }

  .r-details .r-label-sub .r-title-3 {
    font-size: 14px;
  }

  .r-toggle-body .expand-read {
    display: none;
  }

  .r-toggle-body.show-more .expand-read {
    display: block;
    transition: 0.3s;
  }

  .r-toggle-body.show-more .r-mask {
    display: none;
  }

  .toggle-option .r-toggle-btn::before {
    display: inline-block;
  }

  .toggle-option .r-toggle-btn::after {
    display: none;
  }

  .toggle-option a.r-text-link-icon {
    color: #4c6c68;
    font-size: 12px;
  }

  .toggle-option a.r-text-link-icon:hover {
    color: #344240 !important;
    font-size: 12px;
  }

  .r-disclaimer ol li p {
    margin: 0;
  }

  .r-disclaimer div ol {
    margin-bottom: 18px;
  }

  .r-disclaimer .o-checkbox {
    font-size: 12px;
    width: 98%;
    line-height: 140%;
    margin-bottom: 16.5px;
  }

  .r-modal-container {
    margin: unset;
    padding: 20.25px 50px;
    max-width: 500px;
    max-height: 280px;
  }

  .r-modal-content .r-heading-4 {
    font-size: 20px;
    margin-bottom: 16.5px;
  }

  .r-modal-content .r-text-1 {
    margin-bottom: 27px;
    font-size: 14px;
    padding: 0;
    line-height: 20.41px;
  }

  .r-modal-content .r-btn-filled {
    margin-bottom: 18px;
  }

  .r-modal-content a.r-link-1 {
    font-size: 10px;
    line-height: 12px;
  }

  /* footer.r-main-footer {
        margin-top: 80px;
    }*/

  footer .r-footer {
    padding: 38px 0;
    flex-direction: row;
    align-items: flex-end;
  }

  .r-footer .footer-info {
    margin-right: 38px;
    margin-bottom: 0;
  }

  .footer-links {
    flex-direction: row;
    align-items: flex-end;
  }

  .footer-links ul {
    margin-bottom: 0;
  }

  .footer-links .r-label-2 {
    font-size: 12px;
  }

  .r-footer .footer-info img.footer-logo {
    width: 100px;
    height: 28px;
  }

  .r-footer li span,
  .r-footer li .r-link-2 {
    font-size: 12px;
  }

  .r-footer .footer-links ul {
    margin-bottom: unset;
  }
}

/*========== desktop ========== */
@media only screen and (min-width: 1024px) {
  .r-header .header-content {
    margin: 0 32px;
  }

  .r-header figure {
    position: relative;
    /* left: -62px; */
    top: -6px;
  }

  .sticky-holder {
    display: block;
  }

  .contact-mobile-banner {
    display: none;
  }

  .r-header {
    top: unset;
  }

  .r-header.scrolled .mobile-progress-bar {
    display: none;
  }

  .r-header .r-label-1 {
    display: block;
  }

  .r-body .row {
    justify-content: center;
  }

  .r-body .row .col-md-6:nth-child(1) {
    flex-basis: 20%;
  }

  .r-body .col-md-6:nth-child(2) {
    flex-basis: 70%;
  }

  /* .r-container {
        max-width: 790px;
    } */
  /* for alignment of download pdf in useful info pg.*/
  .form a {
    justify-content: right;
    display: grid;
    margin-top: -28px;
  }

  .reservation-steps {
    position: relative;
    z-index: 1;
    top: -37px;
  }

  .reservation-steps.is-active {
    display: block;
  }

  .reservation-steps:not(.is-active) {
    display: none;
  }
}

/* .reservation-steps{
    display: none;
} */
.reservation-steps:not(.is-active) {
  display: none;
}

@media only screen and (min-width: 1053px) {
  .r-body .container {
    padding-left: unset;
    padding-right: unset;
  }

  .r-body .row .col-md-6:nth-child(1) {
    /*flex-basis:25%;*/
    flex-basis: 22%;
  }

  .r-body .col-md-6:nth-child(2) {
    flex-basis: 74%;
    /*flex-basis:75%;*/
  }

  .r-container {
    margin-left: 30.25px;
  }
}

@media only screen and (min-width: 1080px) {
  .r-header .header-content {
    margin: 0 auto;
  }

  .header-content img {
    height: 32px;
  }
}

/* hide all items on hamburger menu on ipad size */
@media only screen and (max-width: 768px) {
  header {
    position: absolute;
    text-align: center;
  }

  div.video-js {
    max-width: 100%;
    padding-bottom: 50%;
    height: auto;
  }

  .video-js .vjs-big-play-button {
    top: 30%;
  }

  header nav .container {
    position: relative;
    width: 100%;
    max-width: inherit;
  }

  header nav {
    padding: 12px 0;
    background: rgba(6, 6, 6, 0.6);
  }

  header .menu-icon {
    position: absolute;
    left: 25px;
    top: 15px;
    margin-left: 0;
  }

  header .pull-right {
    float: none;
    position: absolute !important;
    width: 100%;
    left: 0;
    top: 0;
  }

  /* header .logo {
        margin: 0 auto;
        display: inline-block
    }*/

  header nav.sub-open li.list-inline-item {
    display: block;
  }

  header .sub-menu-first {
    margin-top: 0 !important;
  }

  header nav ul li:after {
    display: none;
  }

  /*    header nav ul {
        position: absolute;
        top: 40px;
        width: 100%;
        left: 0
    }*/

  /*header li.list-inline-item a {
        position: absolute!important;
        width: 100%!important;
        right: 0;
        left: 0;
        margin: 0 auto;
        background: rgba(6,6,6,.6);
        padding: 10px
    }*/
  header .pull-right > .list-inline > li:nth-child(6) {
    margin-top: 0px !important;
    background: rgba(6, 6, 6, 0.6);
    width: 100%;
    display: none;
  }

  header nav.sub-open .pull-right > .list-inline > li:nth-child(6) {
    display: inline-block;
  }

  header .pull-right > .list-inline > li:nth-child(6) a {
    background: transparent !important;
    font-size: 16px;
  }

  header .pull-right > .list-inline > li:nth-child(6) a:before {
    right: -24px;
  }

  /*    header li.list-inline-item a,header li.list-inline-item.sub-menu a {
        background: rgba(6,6,6,.6)
    }*/

  /*    header li.list-inline-item {
        float: right;
        clear: both;
        width: 100%;
        margin: 0;
        height: 39px;
        display: none
    }*/
  /* for alignment of download pdf in useful info pg.*/
  /* Useful info pg. */
  .form a {
    margin-top: -56px;
    justify-content: right;
    display: grid;
  }
}

/* fix white space on right margin on mobile */
.mb-0 button {
  white-space: normal;
}

/*Optimizations by SEO Hacker*/
footer .list-inline > li > a:before {
  display: none;
}

.list-inline > .soc-med-cont li:after {
  display: none;
}

.list-inline > .soc-med-cont {
  margin-left: 30px;
  margin-right: 15px;
}

.list-inline > .soc-med-cont > * {
  margin: 0 5px;
}

/*.list-inline > li:nth-child(6) > a:before {
    content: "New";
    font-weight: bold;
    position: absolute;
    right: -20px;
    top: -10px;
    font-size: 10px;
    padding: 0px 4px;
    color: #fff;
    background: #ff334b;
    border-radius: 4px;
}*/
/*.list-inline > li:nth-child(7),
.list-inline > li:nth-child(6){
    position: relative;
}*/
/* .list-inline>li:nth-child(7) a:before {
	content: "New";
	font-weight: bold;
	position: absolute;
	right: -20px;
	top: -10px;
	font-size: 10px;
	padding: 0px 4px;
	color: #fff;
	background: #ff334b;
	border-radius: 4px;
} */

.menu-item-728:after {
  display: inline-block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: 5px;
  height: 5px;
  vertical-align: center;
  margin-left: 15px;
  margin-bottom: 3px;
}

footer .menu-item-735 {
  background: unset;
  padding: unset;
  border-radius: unset;
  padding: 5px !important;
  margin-left: 0;
}

footer .menu-item:after {
  display: none;
}

@media all and (max-width: 767px) {
  li.list-inline-item.sub-menu {
    width: 100%;
  }

  .list-inline > li:nth-child(7) a:before {
    display: none;
  }
}

header.stick {
  position: fixed;
  width: 100%;
  transition: all 300ms ease-in-out;
}

.page-id-5 > .map-wrapper {
  display: none;
}

.cf-70 {
  width: 95%;
}

.cf-map-cont .map-wrapper {
  width: auto;
}

.cf-map-cont .map-wrapper a {
  height: 100%;
}

.cf-map-cont .map-wrapper a img {
  height: 100%;
  object-fit: cover;
}

.cf-map-cont .d-flex.form-wrap > div {
  max-width: 48%;
  width: 100%;
}

.cf-map-cont .d-flex.form-wrap {
  justify-content: space-between;
}

.cf-map-cont select.form-control {
  padding: 20px 15px;
  height: 50px !important;
  color: #000;
}

.cf-map-cont textarea {
  height: 150px;
}

.cf-map-cont input#btn_submit {
  background: #d1ad6e;
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: Playfair Display;
}

#slider .slide {
  box-shadow: inset 0 0 0 2000px hsla(0, 0%, 0%, 0.3);
}

.bg-mercury .row {
  align-items: center;
}

.bg-mercury .row .col-12.col-md-6:nth-child(2) {
  padding-left: 50px;
}

.page-id-9 #slider .position-absolute,
.page-id-7 #slider .position-absolute,
.blog #slider .position-absolute,
.page-id-379 #slider .position-absolute,
.page-id-314 #slider .position-absolute {
  text-align: center;
}

.page-id-9 #slider .position-absolute .row,
.page-id-7 #slider .position-absolute .row,
.blog #slider .position-absolute .row,
.page-id-379 #slider .position-absolute .row,
.page-id-314 #slider .position-absolute .row {
  justify-content: center;
}

.page-id-9 #slider .position-absolute h2,
.page-id-7 #slider .position-absolute h2,
.blog #slider .position-absolute h2,
.page-id-379 #slider .position-absolute h2,
.page-id-314 #slider .position-absolute h2 {
  margin-bottom: 30px;
}

.page-id-9 #slider .position-absolute .row p,
.page-id-7 #slider .position-absolute .row p,
.blog #slider .position-absolute .row p,
.page-id-379 #slider .position-absolute .row p,
.page-id-314 #slider .position-absolute .row p {
  margin-bottom: 0;
}

#filter .filters .col.d-none.d-md-block {
  border: none;
}

#filter .filters .col-4 {
  border: 1px solid #000;
}

#filter .filters {
  border-bottom: none !important;
}

#filter .filters select {
  -webkit-appearance: auto !important;
  width: 95%;
  color: #000;
}

.blog .news-items .news-item {
  border: unset !important;
}

.blog .news-items .news-item h2 {
  min-height: 125px;
  display: flex;
  align-items: flex-end;
  color: #000;
}

.blog .news-items .news-item h2 a {
  color: #000;
  margin-bottom: auto;
}

.blog .post-meta > .row > div {
  color: #000;
}

.blog .richtext p {
  color: #000;
  font-family: Playfair Display, serif;
}

.blog form#filter {
  margin-bottom: 50px;
}

.blog .news-items .news-item > .row > .col-12 {
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 50px;
}

.page-id-379 .richtext a {
  color: #9b732d;
  font-style: italic;
  font-family: "Playfair Display", serif;
  font-size: 16px;
}

.page-id-379 .brochure-container {
  display: flex;
  padding: 40px 0 20px;
  justify-content: space-between;
}

.page-id-379 .brochure-container:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 1);
}

.page-id-379 .brochure-container .view-download {
  display: flex;
  gap: 16px;
}

.page-id-379 .brochure-container .view-download img {
  height: 16px;
  width: 16px;
}

.page-id-379 .brochure-container .view-download a {
  margin: unset;
}

.page-id-379 .brochure-container p {
  margin-bottom: 0 !important;
  align-self: center;
}

.faq-tabs {
  padding: 100px 0;
  background: url("../images/faq--bg.jpg") no-repeat center center / cover;
}

.faq-tabs h2 {
  color: #304340;
  font-family: Playfair Display, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 25px;
}

.faq-tabs .nav-tabs {
  border-bottom: unset;
}

.faq-tabs .nav-link {
  border: 1px solid #000;
  margin: 0 1px;
  border-radius: unset;
  font-family: Roboto Condensed, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding: 5px 7px;
  text-transform: uppercase;
  color: #000;
}

.faq-tabs .nav-link.active {
  background-color: #d1ad6e !important;
  color: #fff !important;
  border: 1px solid #d1ad6e;
}

.faq-tabs .accordion .card {
  border-top: unset;
  border-bottom: 1px black solid !important;
}

.faq-tabs .accordion .card-body {
  border-top: unset;
}

.faq-tabs .accordion .card-header button {
  padding: 13px 30px 20px 0;
  color: #304340;
}

.faq-tabs .accordion .card-body p {
  color: #304340;
  font-weight: 400;
}

.faq-tabs .accordion .card-body span {
  font-weight: inherit !important;
}

.faq-tabs .accordion .card-header button:focus,
.faq-tabs .accordion .card-header button:hover,
.faq-tabs .accordion .card-header button:active {
  text-decoration: unset;
}

.location--info {
  padding: 100px 0;
  background: #fff;
}

.location--info h2 {
  color: #304340;
  font-family: Playfair Display, serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 25px;
}

.location--info h3 {
  color: #304340;
  font-family: Roboto Condensed, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.location--info p {
  color: #304340;
  font-family: Roboto Condensed, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.location--info hr {
  margin: 20px auto 25px;
  border-top: 1px solid rgba(0, 0, 0, 1);
}

.page-id-379 .bg-rice.general hr {
  border-top: 1px solid rgba(0, 0, 0, 1);
  margin: 0 auto;
}

.page-id-379 .bg-rice.general .richtext p:not(:first-of-type) {
  padding: 40px 0 20px;
  margin: unset;
}

.page-id-379 .news-items .content {
  padding: 50px 0 !important;
  border-top: unset;
  border-bottom: unset;
}

.page-id-379 .bg-rice.general .richtext p:last-child {
  border-bottom: 1px solid #000;
}

.page-id-379 .bg-rice.general hr:first-of-type {
  display: none;
}

.page-id-379 .news-items.general h2 {
  color: #304340;
  font-family: Playfair Display, serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}

.page-id-314 .richtext p {
  font-size: 22px;
  font-family: Playfair Display, serif;
}

.page-id-314 .richtext h3 {
  margin-bottom: 30px;
}

.page-id-314 .richtext iframe {
  margin-bottom: 50px;
}

.page-id-314 .bg-rice {
  background: #fff;
  padding: 100px 0;
}

.page-id-314 .richtext p:last-of-type iframe {
  margin-bottom: 19px;
}

.menu-item-735 {
  background: #d1ad6e;
  /* padding: 10px 25px !important; */
  padding: 0;
  border-radius: 5px;
  margin-left: 20px;
}

a#inquire-now-button {
  padding: 10px 25px !important;
}

header .container-fluid {
  background-color: rgba(6, 6, 6, 0.53);
}

header nav.navbar {
  max-height: unset;
  width: 100%;
  background-color: unset;
  justify-content: space-around;
  padding: 20px 0 40px;
}

.navbar-nav.list-inline {
  align-items: center;
}

.navbar .navbar-nav li:hover > ul {
  display: block;
}

ul.sub-menu {
  position: absolute;
  display: none;
  background-color: rgba(6, 6, 6, 0.53);
  margin-top: 0px;
  padding: 15px;
  max-width: 250px;
}

ul.sub-menu li a {
  font-size: 12px;
  padding: 5px !important;
}

ul.sub-menu li:after {
  display: none;
}

header nav li a.current-menu-item {
  font-style: italic;
  color: #e1ba75;
  position: relative;
}

header nav li a.current-menu-item:after {
  content: " ";
  position: absolute;
  width: 100%;
  border-bottom: 1px #e1ba75 solid;
  left: 0;
  bottom: 0;
}

#contact-form.contact-form h2 {
  margin-bottom: 20px;
  line-height: 52px;
}

#contact-form.contact-form .ondark p {
  margin-bottom: 20px;
}

#contact-form.contact-form .mxwdth430 {
  max-width: 430px;
}

.btn-gold {
  background: #d1ad6e;
  border-radius: 5px;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid #d1ad6e;
  display: flex;
  align-items: center;
}

.btn-gold:hover {
  background: unset;
  color: #d1ad6e;
  transition: all 300ms ease-in-out;
}

.btn-gold svg {
  margin-left: 5px;
}

#gallery-slider .overlay-block p {
  font-family: Playfair Display, serif;
}

.page-id-7 .news-item.floorplan-item a.gold-link {
  color: #9b732d !important;
}

.page-id-7 .news-items .news-item.floorplan-item > .row > .col-12 {
  color: #000;
}

.page-id-7 .news-item.floorplan-item .row {
  align-items: center;
}

.gallery-slider .slick-next:before {
  background: url("../images/gallery-right-arrow-new.png") no-repeat center !important;
  background-size: contain;
  content: " ";
  width: 25px !important;
  height: 40px !important;
  display: block;
}

.gallery-slider .slick-prev:before {
  background: url("../images/gallery-left-arrow-new.png") no-repeat center !important;
  background-size: contain;
  content: " ";
  width: 25px !important;
  height: 40px !important;
  display: block;
}

#image-textslider .slick-next:before {
  background: url("../images/imgtxt-right-arrow-new.png") no-repeat center !important;
  background-size: contain;
  content: " ";
  width: 25px !important;
  height: 40px !important;
  display: block;
}

#image-textslider .slick-prev {
  left: 30px !important;
  z-index: 2;
}

#image-textslider .slick-prev:before {
  background: url("../images/imgtxt-left-arrow-new.png") no-repeat center !important;
  background-size: contain;
  content: " ";
  width: 25px !important;
  height: 40px !important;
  display: block;
}

.socmed--footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}

.socmed--footer p {
  margin-bottom: 0;
  margin-right: 10px;
  color: #474444;
  text-align: center;
  font-family: RobotoCondensed, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 14.4px;
}

.socmed--footer a {
  margin: 0 5px;
}

@media all and (max-width: 1610px) and (min-width: 1501px) {
  .list-inline > .soc-med-cont {
    margin-left: 5px;
    margin-right: 15px;
  }

  a#inquire-now-button {
    padding: 10px 25px !important;
  }

  .menu-item-735 {
    background: #d1ad6e;
    padding: 0;
    border-radius: 5px;
    margin-left: 10px;
  }

  header nav ul a {
    color: white;
    letter-spacing: 1px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    font-size: 14px;
  }
}

@media all and (max-width: 1500px) {
  header .container-fluid .col-lg-10 {
    margin-left: unset;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media all and (max-width: 1342px) and (min-width: 1200px) {
  .list-inline > .soc-med-cont {
    margin-left: 5px;
    margin-right: 15px;
  }

  .menu-item-735 {
    background: #d1ad6e;
    /* padding: 10px 8px !important; */
    padding: 0;
    border-radius: 5px;
    margin-left: 10px;
  }

  header nav ul a {
    color: white;
    letter-spacing: 1px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    font-size: 14px;
  }
}

@media all and (max-width: 1199px) and (min-width: 992px) {
  #image-textslider .slick-slide img {
    max-width: 400px;
    margin: 0 0 0 auto;
  }
}

@media all and (max-width: 1199px) {
  .top p {
    font: lighter 16px / 1.2em "Roboto Condensed", sans-serif;
  }

  .page-id-314 .bg-rice {
    padding: 70px 0;
  }

  .list-inline > .soc-med-cont {
    margin: 0 auto 5px;
  }

  header nav.navbar {
    padding: 20px 0 20px !important;
  }

  header .container-fluid {
    background-color: rgba(6, 6, 6, 0.9);
  }

  ul.sub-menu {
    position: relative;
    display: block;
    background-color: unset;
    margin-top: 0px;
    padding: 0;
    max-width: unset;
    text-align: center;
  }

  .navbar-toggler-icon {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(45deg)
      brightness(102%) contrast(101%);
  }

  .navbar .container > div:nth-child(2) {
    width: 100%;
  }

  nav .menu-item:after {
    display: none !important;
  }

  nav .menu-item {
    padding: 5px;
    text-align: center;
    margin-left: 0;
  }

  nav .logo-btn {
    width: 100%;
    justify-content: space-between;
    display: flex;
  }

  nav li.list-inline-item.sub-menu {
    float: unset;
    clear: unset;
    width: unset;
    margin: unset;
    height: unset;
    display: unset;
  }

  nav li.list-inline-item.sub-menu a {
    position: unset;
    width: unset;
    right: unset;
    background: unset;
    padding: unset;
  }

  .sub-menu-first {
    margin-top: unset !important;
    position: unset;
  }
}

@media all and (max-width: 991px) {
  .blog .news-items .news-item h2 {
    min-height: unset;
  }

  .news-items .news-item h2 {
    min-height: unset;
  }

  .d-flex.cf-map-cont {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .cf-70 {
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  #image-textslider .slick-prev {
    left: 15px !important;
  }

  #image-textslider .slick-next {
    right: 15px !important;
  }

  .page-id-314 .bg-rice {
    padding: 50px 0;
  }

  .bg-mercury .row .col-12.col-md-6:nth-child(2) {
    padding-left: 15px;
  }
}

@media all and (max-width: 575px) {
  .cf-70 {
    padding: 50px 5px;
  }

  footer .list-inline {
    column-count: 2;
    text-align: left;
  }

  footer .list-inline .menu-item {
    text-align: left;
    line-height: 22px;
    width: 100%;
  }
}

footer {
  display: flex;
  align-items: center;
}

footer .footer__dpo {
  margin-left: 10%;
  margin-right: 3%;
}
footer .footer__dpo img {
  max-width: 300px;
}
footer .d-lg-none.mb-4 img {
  max-width: 161px;
}