/*

@Author: Sublime
@URL: http://www.sublime.in
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


	// Table of contents //

		01. FONTS
		02. BODY
		03. HTML TAGS
		04. LINKS
		05. FORM ELEMENTS
		06. CUSTOM CONTAINER 
		07. CUSTOM CURSOR
		08. RANGE SLIDER
		09. ACCORDION
		10. DATE PICKER
		11. HAMBURGER MENU
		12. REVEAL EFFECT
		13. CUSTOM BUTTON
		14. PRELOADER 
		15. PAGE TRANSITION
		16. PAGE LOADED
		17. HAMBURGER NAVIGATION
		18. NAVBAR
		19. SLIDER
		20. PAGE HEADER
		21. CONTENT SECTION
		22. SECTION TITLE
		23. HOTEL SEARCH FORM
		24. SIDE CONTENT
		25. SIDE IMAGE
		26. SIDE GALLERY
		27. SIDE HOTEL BOX
		28. CAROUSEL IMAGE BOX
		29. EVENTS TAB
		30. CONTENT TAB
		31. CAROUSEL EVENT BOX
		32. ROOM SLIDER
		33. RECENT NEWS
		34. IMAGE
		35. TESTIMONIAL BOX
		36. PACKAGE BOX
		37. MEMBER BOX
		38. VIDEO BOX
		39. ROOMS FILTER
		40. ROOMS LIST
		41. ROOMS BOX
		42. ROOMS TYPE
		43. RECENT TESTIMONIALS
		44. ROOMS GALLERY
		45. ROOMS INFO BOX
		46. MEETING EVENT BOX
		47. SPECIAL OFFER BOX
		48. EVENT HEADLINE
		49. CONTACT FORM
		50. CONTACT BOX
		51. GOOGLE MAPS
		52. NEWS BOX
		53. SIDEBAR
		54. PAGINATION
		55. NEWSLETTER BOX
		56. FOOTER BAR
		57. FOOTER
		58. MEDIUM DEVICE RESPONSIVE
		59. TABLET DEVICE RESPONSIVE
		60. MOBILE DEVICE RESPONSIVE

	

*/
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600;800&display=swap");
@font-face {
  font-family: 'Argesta Display';
  src: url("../fonts/ArgestaDisplay-Regular.eot");
  src: url("../fonts/ArgestaDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ArgestaDisplay-Regular.woff2") format("woff2"), url("../fonts/ArgestaDisplay-Regular.woff") format("woff"), url("../fonts/ArgestaDisplay-Regular.ttf") format("truetype"), url("../fonts/ArgestaDisplay-Regular.svg#ArgestaDisplay-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
  outline: none !important;
}

html {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Jost', sans-serif;
  font-size: 17px;
  color: #141414;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* HTML TAGS */
img {
  max-width: 100%;
}

strong {
  font-weight: 600;
}

iframe {
  max-width: 100%;
}

/* LINKS */
a {
  color: #141414;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}

a:hover {
  text-decoration: none;
  color: #141414;
}

/* FORM ELEMENTS */
input[type="text"] {
  width: 100%;
  max-width: 100%;
  height: 42px;
  font-size: 16px;
  padding: 0 24px;
  border: 1px solid #cecece;
}

input[type="email"] {
  width: 100%;
  max-width: 100%;
  height: 42px;
  font-size: 16px;
  padding: 0 24px;
  border: 1px solid #cecece;
}

input[type="search"] {
  width: 100%;
  max-width: 100%;
  height: 42px;
  font-size: 16px;
  padding: 0 24px;
  border: 1px solid #cecece;
}

input[type="password"] {
  width: 100%;
  max-width: 100%;
  height: 42px;
  font-size: 16px;
  padding: 0 24px;
  border: 1px solid #cecece;
}

input[type="number"] {
  width: 100%;
  max-width: 100%;
  height: 42px;
  font-size: 16px;
  padding: 0 24px;
  border: 1px solid #cecece;
}

input[type="date"] {
  width: 100%;
  max-width: 100%;
  height: 42px;
  font-size: 16px;
  padding: 0 24px;
  border: 1px solid #cecece;
}

input[type="radio"] {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(3px);
  appearance: none;
  background: #ededed;
  border-radius: 50%;
}

input[type="radio"]:checked {
  border: 6px solid #141414;
}

input[type="checkbox"] {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  font-size: 16px;
  transform: translateY(3px);
  appearance: none;
  background: #ededed;
}

input[type="checkbox"]:checked {
  border: 4px solid #ededed;
  background: #141414;
  font-size: 16px;
}

textarea {
  width: 100%;
  max-width: 100%;
  height: 140px;
  padding: 24px;
  font-size: 16px;
  border: 1px solid #cecece;
}

select {
  width: 100%;
  max-width: 100%;
  height: 48px;
  font-size: 16px;
  padding: 0 24px;
  border: 1px solid #cecece;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 26px) 21px, calc(100% - 22px) 21px, calc(100% - 3.5em) 7px;
  background-size: 5px 5px, 5px 5px, 1px 33px;
  background-repeat: no-repeat;
}

select:focus {
  background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 22px) 21px, calc(100% - 26px) 21px, calc(100% - 3.5em) 7px;
  background-size: 5px 5px, 5px 5px, 1px 33px;
  background-repeat: no-repeat;
  border-color: gray;
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

input[type="submit"] {
  height: 42px;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #856d47;
  border: none;
  padding: 0 30px;
  border-radius: 0px !important;
}

button,
button[type="submit"] {
  height: 42px;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #856d47;
  border: none;
  padding: 0 30px;
  border-radius: 0px !important;
}

a.btn-info {
  height: 42px;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #856d47;
  border: none;
  line-height: 42px !important;
  padding: 0 30px;
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

button.close {
  position: absolute;
  right: 15px;
  top: 0px;
  z-index: 9;
}

.modal-body {
  padding: 45px 20px 20px;	
}

.btn-info.focus, .btn-info:focus ,
.btn-info.hover, .btn-info:hover {
  background: #000 !important;
}

button[type="submit"] i {
  display: inline-block;
  margin-right: 8px;
  font-size: 18px;
  transform: translateY(2px);
}

.loader-sd {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
	margin: 0 auto;
	text-align: center;
	z-index: 999;
	background: #f5f3ec;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight: 500;
}

.loader-sd.active {
	opacity: 1;
	visibility: visible;
}

.loaderc-sd {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	margin: 0 auto;
	text-align: center;
	z-index: 999;
	background: #f5f3ec;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight: 500;
}
			
.loaderc-sd.active {
	opacity: 1;
	visibility: visible;
}

.loader-sd.active {
	opacity: 1;
	visibility: visible;
}

.loadersc-sd {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	margin: 0 auto;
	text-align: center;
	z-index: 999;
	background: #f5f3ec;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight: 500;
}
			
.loadersc-sd.active {
	opacity: 1;
	visibility: visible;
}

.sticky-subscribe-button{
  position: fixed;
  top: 50%;
  right:0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color:#856d47;
  color:#FFFFFF;
  padding:9px 5px;
  writing-mode: vertical-lr;
  z-index:10;
  cursor:pointer;
}
/* SPACINGS */
.no-spacing {
  margin: 0 !important;
  padding: 0 !important;
}

.no-top-spacing {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.no-bottom-spacing {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.spacing-50 {
  height: 50px;
  display: flex;
}

.spacing-100 {
  width: 100%;
  height: 100px;
  display: flex;
}
.page-header-presentation-mobile{
  display:none;
}
/* CUSTOM CONTAINER */
@media (min-width: 1170px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1260px;
  }
}
/* CUSTOM CLASSES */
.overflow {
  overflow: hidden;
}

/* CUSTOM CURSOR */
.cursor {
  position: fixed;
  top: -40px;
  left: -40px;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
}
.cursor:before {
  content: "";
  width: 80px;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: white;
  border: 1px solid white;
  transition: all ease 0.15s;
  transform: scale(0.15);
}

.cursor.light:before {
  transform: scale(1);
  background: transparent;
}

.cursor.drag {
  mix-blend-mode: unset;
}

.cursor.drag:before {
  transform: scale(1);
  background: #856d47;
  border-color: transparent;
}

.cursor.drag:before {
  content: "\ea23";
  font-family: "LineIcons";
  font-size: 20px;
  color: #fff;
}

/* RANGE SLIDER */
.range-slider {
  width: 100%;
  display: block;
}

.range-slider__range {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 0;
  background: #f2f2f2;
  outline: none;
  padding: 0;
  margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #856d47;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #856d47;
  cursor: pointer;
  -moz-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

.range-slider__range:active::-moz-range-thumb {
  background: #856d47;
}

.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #856d47;
}

::-moz-range-track {
  background: #856d47;
  border: 0;
}

input::-moz-focus-inner, input::-moz-focus-outer {
  border: 0;
}

/* ACCORDION */
.accordion {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 0;
  margin-top: 15px;
}
.accordion .card {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: none;
  border-radius: 0;
  border: 1px solid #eaebee;
  margin-bottom: 10px;
  border: none;
}
.accordion .card .card-header {
  width: 100%;
  display: block;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
}
.accordion .card .card-header a {
  width: 100%;
  float: left;
  font-weight: 600;
  padding: 12px 20px;
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #eee;
}
.accordion .card .card-header a:hover {
  color: #856d47;
  text-decoration: none;
}
.accordion .card .card-body {
  width: 100%;
  line-height: 26px;
  opacity: 0.7;
}
.accordion .card [aria-expanded="true"] {
  color: #fff !important;
  background: #856d47;
  border-color: #856d47 !important;
}

/* DATE PICKER */
.datepicker-dropdown {
  width: 280px;
  border: noneCD
  padding: 10px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  font-size: 16px;
}

.datepicker-panel ul:first-child {
  width: 280px;
  display: flex;
}
.datepicker-panel ul:first-child li {
  flex: auto;
  box-shadow: none;
}

.datepicker-panel ul:nth-child(2) {
  font-weight: 600;
}
.datepicker-panel ul:nth-child(2) li {
  background: #f5f3ec;
}

.datepicker-panel > ul > li {
  padding: 5px 0;
  width: 40px;
  height: auto;
  box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee, 1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset;
}

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  background: #856d47;
  color: #fff;
}

.datepicker-panel > ul > li.highlighted {
  background-color: #856d47;
}

.datepicker-panel > ul > li:hover {
  background-color: #f5f3ec;
}

.datepicker-top-left:after, .datepicker-top-right:after {
  display: none;
  border: none;
}

.datepicker-top-left:before, .datepicker-top-right:before {
  display: none;
  border: none;
}

.datepicker-bottom-left:after, .datepicker-bottom-right:after {
  display: none;
  border: none;
}

.datepicker-bottom-left:before, .datepicker-bottom-right:before {
  display: none;
  border: none;
}

/* HAMBURGER MENU */
.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
  outline: none;
  margin-left: 20px;
}

.svg-icon.search-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  stroke: #fff;
  /* On hover: blue strokes */
  /* On click: thicker black strokes  */
}

.search-head { font-size: 1.5rem; }
.svg-icon.search-icon:focus .search-path, .svg-icon.search-icon:hover .search-path {
}
.svg-icon.search-icon:active .search-path {
  stroke-width: 2px;
}
 
.sticky_head.Scrollup.homepage .svg-icon.search-icon {
  stroke: #000 !important;
}

.homepage.hamburger-navigation-active .svg-icon.search-icon {
  stroke: #fff !important;
}

.line {
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}

.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 3;
}

.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}

.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}

.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 3;
}

.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}

/* REVEAL EFFECT */
.reveal-effect {
  float: left;
  position: relative;
}
.reveal-effect.animated:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #141414;
  position: absolute;
  left: 0;
  top: 0;
  animation: 1s reveal linear forwards;
  -webkit-animation-duration: 1s;
  z-index: 1;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.reveal-effect.animated > * {
  animation: 1s reveal-inner linear forwards;
}

@-webkit-keyframes reveal {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  51% {
    left: auto;
    right: 0;
  }
  100% {
    left: auto;
    right: 0;
    width: 0;
  }
}
@-webkit-keyframes reveal-inner {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  50% {
    visibility: hidden;
    opacity: 0;
  }
  51% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
/* CUSTOM BUTTON */
.cp .custom-button {
  padding: 0 22px !important;
}
.custom-button {
  height: 48px;
  line-height: 48px;
  display: inline-block;
  background: #856d47;
  padding: 0 42px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  position: relative;
}
.custom-button.light {
  border: 1px solid #fff;
  background: none;
}
.custom-button:hover {
  text-decoration: none;
  color: #fff;
}
.custom-button:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.custom-button:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  background: #141414;
  transition: width .25s ease;
  opacity: 0.1;
}
.custom-button:hover:before {
  width: 100%;
  background: #141414;
  opacity: 0.1;
  transition: width .25s ease;
}
.custom-button:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

/* PRELOADER */
.preloader {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #141414;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 1s;
  transition-delay: 1s;
}
.preloader .loadbar {
  width: 0%;
  height: 100%;
  max-height: 6px;
  background: #856d47;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
}
.preloader figure {
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fade 0.30s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  position: relative;
}
.preloader figure span {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.preloader figure img {
  height: 100px;
  display: inline-block;
  opacity: 0.05;
  /* background: #fff;
  padding: 12px; */
}

@keyframes fade {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* PAGE TRANSITION */
.page-transition {
  width: 100%;
  height: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #856d47;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.page-transition .layer {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 1s;
}
.page-transition.active {
  height: 100vh;
}
.page-transition.active .layer {
  height: 100vh;
}

/* BODY */
body .navbar {
  transform: translateY(-100%);
  transition-delay: 1.3s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

body .slider .main-slider {
  transform: scale(1.4);
  transition-delay: 1.15s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

body .page-header {
  transform: scale(1.4);
  transition-delay: 1.15s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
body.projects-page .page-header {
  padding-top: 80px;
}

body.projects-page .page-header:after  {
  background: transparent !important;
}

body.projects-page .content-section { 
  padding: 0px 0 !important;
}

/* PAGE LOADED */
.page-loaded .preloader {
  height: 0;
}
#sctn-pxl{
  display:none;
}
.presentation-heading{
	width:100%;
	height:auto;
	box-sizing: border-box;
}
.presentation-heading-common{
	width:100%;
	height:auto;
	max-width:1280px;
	box-sizing: border-box;
	padding:15px;
}
.presentation-heading-common-title{
	width:100%;
	height:auto;
	display:inline-block;
	text-align:left;
	font-size: 35px;
	font-weight:600;
	margin-top:15px;
	padding-left:30px;
	color:#856d47;
}
.presentation-heading-common-row{
	width:100%;
	height:auto;
	display:inline-block;
	margin-top:25px;
}
.presentation-heading-common-row-col1{
	width:50%;
	height:auto;
	display:inline-block;
	float:left;
	padding-right:25px;
}
.presentation-heading-common-row-col2{
	width:50%;
	height:auto;
	display:inline-block;
	float:left;
	padding-left:25px;
}
.presentation-heading-common-row-col1-item{
	width:33.33%;
	height:auto;
	display:inline-block;
	float:left;
}
#mobile-presentation-view{
	display:none;
}
.presentation-heading-common-row-col1-item-title{
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
	font-size: 33px;
	font-weight:600;
	line-height:1;
	color:#856d47;
}
.presentation-heading-common-row-col1-item-subtitle{
	width:100%;
	height:auto;
	display:inline-block;
	text-align:center;
	font-size: 14px;
	line-height:1.2;
	color:#856d47;
}
.page-loaded .preloader .loadbar {
  max-height: 100%;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.page-header-date-section{
  width:100%;
  height:auto;
  display:inline-block;
}
.page-header-date-section-item{
  width:auto;
  height:auto;
  display:inline-block;
  vertical-align:top;
  margin-right:15px;  
}
.page-header-date-section-item-icon{
  width:16px;
  height:16px;
  display:inline-block;
  float:left;
}
.page-header-date-section-item-icon > img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.page-header-date-section-item-text{
  width:auto;
  height:auto;
  display:inline-block;
  float:left;
  font-size:.8em;
  color:#FFFFFF;
  padding-top:5px;
  padding-left:8px;
}
.page-loaded .preloader figure {
  transform: translateY(50px);
  opacity: 0;
}

.page-loaded .navbar {
  transform: translateY(0);
}

.page-loaded .slider .main-slider {
  transform: scale(1);
}

.page-loaded .page-header {
  transform: scale(1);
}

/* HAMBURGER NAVIGATION */
.hamburger-navigation {
  width: 100%;
  height: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  background: #856d47;
}
.hamburger-navigation .layer {
  width: 100%;
  height: 0;
  background: #141414;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 1s;
}
.hamburger-navigation .container {
  position: relative;
  z-index: 1;
  visibility: hidden;
}
.hamburger-navigation .info-box {
  width: 50vw;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 50px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.hamburger-navigation .info-box span {
  width: 100%;
  display: block;
  font-size: 22px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
}
.hamburger-navigation .info-box .nav-social {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.hamburger-navigation .info-box .nav-social li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
.hamburger-navigation .info-box .nav-social li a {
  color: #fff;
  font-size: 14px;
}
.hamburger-navigation .nav-menu {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.hamburger-navigation .nav-menu.mobile-menu {
  display: none;
}
.hamburger-navigation .nav-menu li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.hamburger-navigation .nav-menu li a {
  display: inline-block;
  color: #fff;
  font-size: 24px;
  font-family: "Argesta Display";
}
.hamburger-navigation .nav-menu li a:hover {
  color: #856d47;
}

/* HAMBURGER NAGIVATION ACTIVE */
.hamburger-navigation-active .scroll-content {
  transform: translate3d(0px, 0px, 0px) !important;
}

.hamburger-navigation-active .hamburger-navigation {
  height: 100vh;
  padding-top: 80px;
}

.hamburger-navigation-active .hamburger-navigation .layer {
  height: 100vh;
}

.hamburger-navigation-active .hamburger-navigation .container {
  visibility: visible;
}

.hamburger-navigation-active .hamburger-navigation .nav-menu {
  opacity: 1;
  visibility: visible;
}

.hamburger-navigation-active .hamburger-navigation .info-box {
  opacity: 1;
  visibility: visible;
}

.hamburger-navigation-active .navbar .logo {
  opacity: 0;
}

.hamburger-navigation-active .navbar .navbar-text {
  opacity: 0;
}

.hamburger-navigation-active .navbar .site-menu {
  opacity: 0;
}

/* NAVBAR */
.navcontain {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0px 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 7;
  height: 80px;
  /* background: #fff;
  box-shadow: 1px 1px 1px #f0f0f0; */
  -webkit-transition: background .30s ease-in-out;
  -moz-transition: background .30s ease-in-out;
  -ms-transition: background .30s ease-in-out;
  -o-transition: background .30s ease-in-out;
  transition: background .30s ease-in-out;
}


.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0px 0;
  left: 0;
  top: 0;
  z-index: 7;
  height: 80px;
  /* background: #fff;
  box-shadow: 1px 1px 1px #f0f0f0; */
  -webkit-transition: background .30s ease-in-out;
  -moz-transition: background .30s ease-in-out;
  -ms-transition: background .30s ease-in-out;
  -o-transition: background .30s ease-in-out;
  transition: background .30s ease-in-out;
}

.sticky_head.Scrolldown .navcontain {
  transform: translatey(-120px);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}

.srch.sticky_head.Scrolldown .navcontain {
  transform: translatey(0px);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}

.sticky_head.Scrollup .navcontain {
  transform: translatey(0px);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}

/* .sticky_head.Scrollup .vertial.property-search form {
  top: 115px !important;
} */

select option:first-child { color: #222; }

.navbar .navbar-contain {  
  width: 100%;  
  height: 80px;
  display: flex;
  background: #fff;
  box-shadow: 1px 1px 1px #f0f0f0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.homepage .navbar .navbar-contain {  
  width: 100%;  
  height: 80px;
  display: flex;
  background: #fff;
  box-shadow: 1px 1px 1px #f0f0f0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.hamburger-navigation-active .navbar .navbar-contain {
  background: transparent !important;
  box-shadow: 0px 0px 0px #f0f0f0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  transition-delay: 0.1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
 

.homepage .hamburger-navigation-active .navbar .navbar-contain {
  background: transparent !important;
  box-shadow: 0px 0px 0px #f0f0f0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  transition-delay: 0.1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

/*
.homepage .navbar .navbar-contain {
  box-shadow: 0px 0px 0px #f0f0f0;
  background: transparent !important;
  background: transparent !important;
  box-shadow: 0px 0px 0px #f0f0f0;
  transition-delay: 0.1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
*/
.homepage .sticky_head .navbar .navbar-contain {
  background: #fff !important;
}



.sticky_head .navbar .navbar-contain {
  background: #fff;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.homepage .sticky_head.Scrollup .navbar .navbar-contain {  
  width: 100%;  
  height: 80px;
  display: flex;
  background: #fff !important;
  box-shadow: 1px 1px 1px #f0f0f0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}



.sticky_head.Scrollup .navbar .navbar-contain {  
  width: 100%;  
  height: 80px;
  display: flex;
  background: #fff !important;
  box-shadow: 1px 1px 1px #f0f0f0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  /* transition-delay: 1s; */
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.sticky_head.Scrollup.hamburger-navigation-active .navbar .navbar-contain {
  background: transparent !important;
  box-shadow: 0px 0px 0px #f0f0f0;
  transition-delay: 0.1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

/* 

.sticky_head.Scrollup .navbar {
  transition-delay: 1.3s !important;
  transition-duration: 1s !important;    
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}

.sticky_head.Scrollup .navbar.tdelay {
  transition-delay: 1.3s !important;
  transition-duration: 1s !important;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}

*/

.sticky_head.Scrollup .navbar .navbar-text {
  color: #000;
  border: 1px solid;
}

.sticky_head.Scrollup.homepage .navbar .hamburger-menu .menu .line {
  stroke: #000 !important;
}

.sticky_head.Scrollup.hamburger-navigation-active.homepage .navbar .hamburger-menu .menu .line {
  stroke: #fff !important;
}

.sticky_head.Scrollup.hamburger-navigation-active.homepage .navbar {
  /* transition-delay: 1.3s !important;
  transition-duration: 1s !important;    
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  box-shadow: 0px 0px 0px #000000 !important; */
}

.sticky_head.Scrollup.homepage .navbar .site-menu ul li a {
    color: #000;
}

.sticky_head.Scrollup .navcontain {
  /* transform: translatey(0px);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; */
}

.homepage .navbar {
  background: transparent;
  box-shadow: 1px 1px 1px #f0f0f000;
}
.navbar .logo {
  display: inline-block;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.navbar .logo a {
  display: inline-block;
}
.navbar .logo a img {
  max-height: 102px;
  background: #fff;
  box-shadow: 0 0 3px rgb(60 72 88 / 15%);
  position: absolute;
  top: 0;
}
.navbar .navbar-text {
  display: inline-block;
  margin: 0 auto;
  color: #000;
  border: 1px solid;
  padding: 5px 20px;
  font-size: 15px;
  text-transform: uppercase;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.navbar .site-menu {
  display: inline-block;
  margin: 0 auto 0 165px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.navbar .site-menu ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.navbar .site-menu ul li {
  display: inline-block;
  margin: 0 15px;
  padding: 0;
  list-style: none;
}
.navbar .site-menu ul li a {
  display: inline-block;
  color: #000;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}
.hamburger-menu .menu .line {
  stroke: #000 !important;
}

.hamburger-navigation-active .navbar {
  background: transparent !important;
}


/*
.homepage .navbar .navbar-text,
.homepage .navbar .navbar-text a {
  color: #fff;
}

.homepage.sticky_head .navbar .navbar-text a  {
  color: #000 !important;
}

 

.homepage .hamburger-menu .menu .line {
  stroke: #fff !important;
}

*/

.homepage .hamburger-navigation-active  .hamburger-menu .menu .line,
.hamburger-navigation-active  .hamburger-menu .menu .line {
  stroke: #fff !important;
}
/*
.homepage .navbar .site-menu ul li a {
  color: #fff;
}
*/


.navbar .site-menu ul li a:hover {
  text-decoration: none;
}
.navbar .hamburger-menu {
  display: flex;
  margin-left: auto;
  align-items: center;
  justify-content: center;
  margin-left: 0px;
}
.navbar.tdelay {
  transition-delay: 0s !important;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #fff;
  text-align: center;
  background: url("../images/slide01.jpg") center;
  background-size: cover !important;
  overflow: hidden;
}
.slider h6 {
  width: 100%;
  display: block;
  letter-spacing: 5px;
}
.slider h1 {
  font-weight: 400;
  font-size: 4vw;
  font-family: "Argesta Display";
  margin-bottom: 30px;
}
.slider p {
  padding: 0 20%;
  opacity: 0.7;
  letter-spacing: 1px;
}
.slider a {
  height: 80px;
  line-height: 80px;
  display: inline-block;
  background: #f5f3ec;
  color: #856d47;
  font-size: 14px;
  font-weight: 600;
  padding: 0 50px;
  position: relative;
}
.slider a:hover {
  text-decoration: none;
}
.slider a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.slider a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  background: #141414;
  transition: width .25s ease;
  opacity: 0.1;
}
.slider a:hover:before {
  width: 100%;
  background: #141414;
  opacity: 0.1;
  transition: width .25s ease;
}
.slider a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.mainslider {
  margin-top: 80px;
  box-shadow: 0 0 3px rgb(60 72 88 / 15%);
  border: 1px solid #ebebeb;
}
.slider .main-slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}
.swiper-slide-para{
  font-size: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.slider .main-slider .swiper-slide {
  height: 100%;
  display: flex;
  overflow: hidden;
}
.slider .main-slider .swiper-slide .container {
  position: relative;
  z-index: 1;
}
.slider .main-slider .swiper-slide .slide-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover !important;
  background-position: center;
  padding-top: 100px;
}
.slider .main-slider .swiper-slide .slide-inner:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.3;
}
.slider:before {
  content: "";
  width: 30%;
  height: 6px;
  background: #856d47;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.slider .slider-fraction {
  width: 20%;
  height: 80px;
  line-height: 80px;
  background: #fff;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 1;
  color: #141414;
  font-family: "Argesta Display";
  font-size: 22px;
}
.slider .slider-prev {
  width: 80px;
  height: 80px;
  background: #141414;
  position: absolute;
  right: calc(20% + 82px);
  bottom: 0;
  z-index: 2;
  cursor: pointer;
}
.slider .slider-prev:hover:before {
  opacity: 1;
}
.slider .slider-prev:before {
  content: "";
  width: 20px;
  height: 20px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 35px;
  top: 30px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  opacity: 0.5;
}
.slider .slider-next {
  width: 80px;
  height: 80px;
  background: #141414;
  position: absolute;
  right: 20%;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
}
.slider .slider-next:hover:before {
  opacity: 1;
}
.slider .slider-next:before {
  content: "";
  width: 20px;
  height: 20px;
  border-right: 4px solid #fff;
  border-top: 4px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 35px;
  top: 30px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  opacity: 0.5;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 280px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-size: cover !important;
  position: relative;
}
.page-header-presentation {
  width: 100%;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-size: cover !important;
  position: relative;
}
.page-header-presentation .container > h1{
	margin-top:60px;
	color:#FFFFFF;
	font-size:4rem;
	text-shadow: 10px 0px 14px rgba(0,0,0,0.53);
}
.page-header:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
}
.page-header .container {
  position: relative;
  z-index: 1;
  color: #fff;
  top: 50px;
}
.page-header .container h1 {
  width: 100%;
  display: block;
  font-size: 32px;
  font-family: "Argesta Display";
  text-indent: -5px;
  text-align: left;
}
.page-header .container p {
  width: 100%;
  display: block;
  margin: 0;
  letter-spacing: 0px;
  font-size: 22px;
}

/* SCROLL DOWN */
.scroll-down {
  width: 1px;
  height: 40px;
  background: #fff;
  position: absolute;
  left: calc(50% - 0.5px);
  bottom: 0;
  z-index: 2;
}
.scroll-down:after {
  content: "";
  width: 1px;
  height: 0;
  animation: 1s scrolldown infinite;
  background: #856d47;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@keyframes scrolldown {
  0% {
    top: 0;
    height: 0;
  }
  50% {
    top: 0;
    height: 100%;
  }
  51% {
    top: auto;
    bottom: 0;
    height: 100%;
  }
  100% {
    top: auto;
    bottom: 0;
    height: 0;
  }
}
/* CONTENT SECTION */
.content-section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 75px 0;
  position: relative;
}
.content-section-breadcrumb{
  width:100%;
  height:auto;
  display:inline-block;
  position:absolute;
  top:25px;
  left:0;
  padding-left:95px;
  list-style-type: none
}
.content-section-breadcrumb li{
  display: inline;
}
.content-section-breadcrumb li+li:before {
  padding: 8px;
  content: "\003E";
}
.content-section-breadcrumb-new{
  width:100%;
  height:auto;
  display:inline-block;
  margin-top:25px;
  padding:0px 0px 0px 0px;
  list-style-type: none
}
.content-section-breadcrumb-new li{
  display: inline;
}
.content-section-breadcrumb-new li+li:before {
  padding: 8px;
  content: "\003E";
}
.content-section.bottom-spacing {
  margin-bottom: 100px !important;
}
.content-section.top-spacing {
  margin-top: 100px !important;
}

#main {
  /* position: fixed; */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}

.modal-content { border-radius: 0px !important; }

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.operational-grid .section-title {
  margin-bottom: 20px;
}
.section-title.text-center {
  text-align: center;
}
.section-title.text-center h6:before {
  left: calc(50% - 2vw);
  top: calc(100% + 10px);
}
.section-title.light {
  color: #fff;
}
.section-title.light h6 {
  opacity: 0.6;
}
.section-title.light h6:before {
  background: #fff;
}
.section-title h6 {
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 800;
  opacity: 0.3;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 10px;
}
.section-title.text-center h6 {
  margin-bottom: 20px;
}
.section-title h6:before {
  content: "";
  width: 4vw;
  max-width: 100%;
  height: 1px;
  display: inline-block;
  background: #141414;
  position: absolute;
  left: calc(-4vw - 20px);
  top: calc(50% - 0.5px);
}
.section-title h2 {
  width: 100%;
  display: block;
  margin: 0;
  font-family: "Argesta Display";
  font-size: 36px;
}
.operational-grid .section-title  {
  margin-bottom: 20px;
}

/* PROPERTY SEARCH FORM */
.property-search {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 60px 0 60px;
}
.property-search.filter {
  margin-top: 0px;
}
.commgrid-properties .property-search.filter,
.dgrid-properties .property-search.filter {
  margin-top: 0px;
  background: #f5f3ec;
  /* padding: 20px 50px 30px; */
  padding: 5px 30px 20px;
  margin-bottom: 30px;
  z-index: 2;
}
.commgrid-properties .property-search.filter {
  width: 100%;	
  -webkit-transition: top .35s ease-in-out;
  -moz-transition: top .30s ease-in-out;
  -ms-transition: top .30s ease-in-out;
  -o-transition: top .30s ease-in-out;
  transition: top .30s ease-in-out;
  /* transition-delay: 1s; */
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.Scrollup .commgrid-properties .property-search.filter {
  width: 100%;	
  /* top: 80px !important;
  top: -128px !important; */
  -webkit-transition: top .35s ease-in-out;
  -moz-transition: top .30s ease-in-out;
  -ms-transition: top .30s ease-in-out;
  -o-transition: top .30s ease-in-out;
  transition: top .30s ease-in-out;
  /* transition-delay: 1s; */
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.property-search h6 {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 25px;
  text-align: center;
  font-size: 22px;
}
.property-search form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.property-search form .form-group {
  display: inline-block;
  position: relative;
  margin-left: 0px;
  width: calc(33% - 35px) !important;
  margin: 15px 15px 5px;
}

.property-search form .form-group:nth-child(1),
.property-search form .form-group:nth-child(3n + 4) {
  margin-left: 0px;
}

.property-search form .form-group:nth-child(3n) {
  margin-right: 0px;
}

.property-search form .form-group i {
  position: absolute;
  right: 25px;
  bottom: 42px;
  transform: translateY(50%);
  color: #808080;
}
.property-search form .form-group input[type="number"] {
  width: 100px;
}
.property-search form .form-group input,
.property-search form .form-group button {
  width: auto;
}
.property-search form .form-group select {
  width: 100%;
}
.property-search form .form-group label {
  width: 100%;
  display: block;
  font-size: 14px;
}
.property-search form .form-group.submit label {
  text-align: right;
  font-weight: 600;
  color: black;
}
.property-search form .form-group.submit label span {
  font-weight: 700;
}
.property-search form .form-group.submit {
  display: flex;
  justify-content: end;
  align-items: end;
  flex-direction: column;
  height: 76px;
  margin-bottom: 0px;
}
.property-search form .form-group #amount,
.property-search form .form-group #rntamount {
  border: 0;
  color: #856d47;
  font-weight: 600;
  height: auto;
  text-align: left;
  font-size: 1rem;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  background: transparent;
}
.property-search form .form-group .ui-widget.ui-widget-content {
  border: 0px solid #e7e7e7;
  background: #e7e7e7;
  height: 8px;
  border-radius: 0px;
  min-width: 100%;
}
.property-search form .form-group .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
  background: #856d47;
  border-color: red;
  border-radius: 0px;
}
.property-search form .form-group .ui-state-default, 
.property-search form .form-group .ui-widget-content .ui-state-default, 
.property-search form .form-group .ui-widget-header .ui-state-default, 
.property-search form .form-group .ui-button, 
html .property-search form .form-group .ui-button.ui-state-disabled:hover, 
html .property-search form .form-group .ui-button.ui-state-disabled:active {
  border: 1px solid #856d47;
  background: #856d47;
  border-radius: 50%;
}
.property-search form .form-group  .ui-slider-horizontal .ui-slider-handle {
  top: -8px;
  margin-left: -2px;
}

/* SIDE CONTENT */
.side-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.side-content.text-left {
  padding-right: 30%;
}
.setion.cp .side-content.text-left {
  padding-right: 0px;
}
.side-content.text-left p {
  padding-right: 10%;
}
.setion.cp .side-content.text-left p {
  padding-right: 0%;
  margin: 0px 0px 20px 0px;
}
.setion.cp .side-content h2 {
  margin-bottom: 25px;
}
.side-content.text-center {
  text-align: center;
  padding: 0 10%;
}
.side-content.text-center .custom-button {
  margin-left: auto;
  margin-right: auto;
}
.side-content.light {
  color: #fff;
}
.side-content.light .custom-button {
  border: 1px solid #fff;
  background: none;
}
.side-content h6,
p.subhead {
  width: 100% !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  opacity: 0.3 !important;
  letter-spacing: 2px !important;
  margin-top: 0px !important;
  margin-bottom: 0.5rem !important;
}
.side-content h2,
.side-content h1,
.side-content p.htitle,
.side-content p.line {
  width: 100%;
  display: block;
  margin: 0;
  color: #000 !important;
  font-family: "Argesta Display";
  font-size: 32px;
  line-height: 38px;
  opacity: 1;
}
.side-content h2 > span,
.side-content h1 > span,
.side-content p > span {
  color: #856d47 !important;
}
.side-content p {
  width: 100%;
  display: block;
  font-size: 17px;
  margin-top: 25px;
  opacity: 0.7;
}
.side-content p:last-child {
  margin-bottom: 0;
}
.side-content .custom-button,
.center-content .custom-button {
  margin-top: 24px;
}

.setion.cp .side-content .custom-button,
.setion.cp .center-content .custom-button {
    margin-top: 0px;
}

/* SIDE IMAGE */
.side-image {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  position: relative;
}
.side-image.overlap-bottom {
  transform: translateY(100px);
}
.side-image.overlap-top {
  transform: translateY(-100px);
}
.side-image.right-full {
  width: 50vw;
  float: left;
}
.side-image.left-full {
  width: 50vw;
  float: right;
}
.side-image.left-full-space {
  width: 44vw;
  float: right;
  margin-right: 6vw;
}
.side-image.left-align {
  float: right;
  position: relative;
}
.side-image.left-align:after {
  content: "";
  width: calc(50vw - 100px);
  height: 100%;
  background: #f5f3ec;
  position: absolute;
  right: 100px;
  top: 100px;
  z-index: -1;
}
.side-image.right-align {
  float: left;
  position: relative;
}
.side-image.right-align:after {
  content: "";
  width: calc(50vw - 100px);
  height: 100%;
  background: #f5f3ec;
  position: absolute;
  left: 100px;
  top: 100px;
  z-index: -1;
}
.side-image .video-button {
  width: 140px;
  height: 140px;
  line-height: 140px;
  background: #fff;
  position: absolute;
  left: calc(50% - 70px);
  top: calc(50% - 70px);
  color: #856d47;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.side-image .video-button:hover {
  background: #856d47;
  color: #fff;
}
.side-image img {
  width: 100%;
}

.search-section { padding: 20px 0px 40px !important; }

/* SIDE GALLERY */
.side-gallery {
  width: calc(50vw + 15%);
  float: right;
  margin-bottom: 0;
  position: relative;
  transform: translateY(-100px);
}
.side-gallery div:first-child {
  width: calc(66.66666% - 10px);
}
.side-gallery div:nth-child(2) {
  margin-bottom: 10px;
}
.side-gallery div {
  width: calc(33.33333% - 10px);
  float: left;
  margin-right: 10px;
}

.about-page .side-gallery {
  transform: translateY(0px) !important;
}

.about-page .section-title { margin-bottom: 20px; }

.about-page.content-section.top-spacing { margin-top: 0px !important; padding-bottom: 35px !important; }

.about-prestige .section-title h2 { font-size: 26px !important; }
.about-prestige .section-title { margin-bottom: 30px; }
.about-prestige .side-gallery { width: 100%; }

.about-prestige .side-gallery div:first-child {
  width: calc(50% - 20px);
}
.about-prestige .side-gallery div:nth-child(2) {
  margin-top: 20px;
  margin-bottom: 20px;
}
.about-prestige .side-gallery div:nth-child(3) {
  margin-top: -20px;
  margin-bottom: 20px;
}
.about-prestige .side-gallery div {
  width: calc(50% - 20px);
  float: left;
  margin-right: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.about-prestige .side-gallery div.about-highlights {
  height: 280px;
  background: #fff;
  box-shadow: 1px 1px 5px #e8e8e8;
  position: relative;
}

.about-prestige .about-section .side-gallery div.about-highlights {
  height: 200px;
}

.about-prestige .side-gallery div.about-highlights:nth-last-child(1) {
  background: #000;
}

.about-prestige .side-gallery div.about-highlights:nth-last-child(1) h2,
.about-prestige .side-gallery div.about-highlights:nth-last-child(1) h6,
.about-prestige .side-gallery div.about-highlights:nth-last-child(1) .hme-stats,
.about-prestige .side-gallery div.about-highlights:nth-last-child(1) .hme-stats-subtext {
	color: #fff;
}

.about-prestige .side-gallery div.about-highlights h2, 
.hme-stats {
	font-family: "Argesta Display";
    font-size: 42px;    
	font-weight: 500;
    line-height: 1.2; 
	margin-bottom: 0.5rem;
}

.about-prestige .side-gallery div.about-highlights h6,
.hme-stats-subtext {
  font-size: 18px;
}

.about-prestige .side-gallery div.about-highlights img {
    max-width: 72px;
    margin-bottom: 15px;
	z-index: 2;
}

.about-prestige .side-gallery div.about-highlights:after {
	content: '';
    position: absolute;
    top: 10px;
    right: -10px;
    width: 50%;
    height: 50%;
	z-index: 1;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
}

.about-prestige .side-gallery div.about-highlights:nth-child(1):after {
    background: url(https://www.prestigeconstructions.com/images/icons/excellence-grey.png);
}

.about-prestige .side-gallery div.about-highlights:nth-child(2):after {
    background: url(https://www.prestigeconstructions.com/images/icons/projectscompleted-grey.png);
}

.about-prestige .side-gallery div.about-highlights:nth-child(3):after {
    background: url(https://www.prestigeconstructions.com/images/icons/sqftdelivered-grey.png);
}

.about-prestige .side-gallery div.about-highlights:nth-child(4):after {
    background: url(https://www.prestigeconstructions.com/images/icons/sqftupcoming-grey.png);
	opacity: 0.8;
}

.about-contain, .investor-contain, .news-contain { display: flex;  align-items: start; justify-content: start; width: 100%; height: auto; margin-bottom: 80px; }
.about-section, .investor-section, .news-section { width: calc(100% - 380px); margin: 50px 40px 0 0; }
.about-sidebar, .investor-sidebar, .news-sidebar {
  position: relative;
  background: #f5f3ec;
  padding: 40px;
  width: 380px;
  margin: 50px 0 0;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  overflow: hidden;
}

.about-section .section-title, .investor-section .section-title, .news-section .section-title { margin-bottom: 30px; }
.about-section h4, .investor-section h4, .news-section h4 { margin-left: 15px; margin-bottom: 0px; display: block; width: 100%; } 
.about-section p, .news-section p { margin-left: 15px; margin-bottom: 5px; display: block; width: 100%; } 
.investor-section h4, .news-section h4 { margin-left: 0px; margin-bottom: 20px; display: block; width: 100%; } 
.investor-section p  { margin-left: 0px !important; margin-bottom: 15px !important; display: block; width: 100%; }
.news-section p  { margin-left: 0px !important; margin-bottom: 0px !important; font-size: 14px; display: block; width: 100%; }
.investor-section a { font-weight: 400;font-size: 15px; text-decoration: underline;}
.news-section a { font-weight: 400;font-size: 15px; }

.newstable td, .newstable th { vertical-align: middle !important }
.newstable { margin-right: 20px; }

table {
    width: 100%;
    border: 1px solid #f7f7f7;
    background: #ffffff;
}

th {
    text-align: inherit;
    font-weight: 600;
    padding: 10px;
}

th, td {
    border: 2px solid #f5f5f5;
    font-size: 15px;
    line-height: 20px;
	padding: 10px;
}
/* 

.about-prestige.content-section.top-spacing { 
  margin-top: 0px !important;
}
.about-prestige .side-gallery {
  transform: translateY(0px) !important;
}

*/

.about-brief { margin-right: 50px;}
/* SIDE HOTEL BOX */
.side-hotel-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.side-hotel-box.right {
  padding-left: 100px;
}
.side-hotel-box .review {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
}
.side-hotel-box .review i {
  display: inline-block;
  margin-right: 3px;
  color: #00aa6c;
}
.side-hotel-box .review span {
  display: inline-block;
  opacity: 0.4;
  margin-left: 8px;
}
.side-hotel-box h2 {
  width: 100%;
  display: block;
  font-size: 44px;
  font-family: "Argesta Display";
  margin-bottom: 25px;
}
.side-hotel-box p {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.side-hotel-box .info-box {
  width: 100%;
  display: flex;
  border: 1px solid #cbcbcb;
  padding: 20px;
  margin-bottom: 20px;
}
.side-hotel-box .info-box span {
  display: inline-block;
  border-left: 6px solid #856d47;
  padding-left: 20px;
}
.side-hotel-box .info-box b {
  height: 54px;
  line-height: 1.3;
  margin-left: auto;
  font-size: 40px;
}
.side-hotel-box .info-box b small {
  display: inline-block;
  margin-right: 6px;
  font-size: 14px;
  opacity: 0.5;
}
.side-hotel-box .custom-button {
  margin-right: 30px;
}
.side-hotel-box .availability {
  line-height: 80px;
  display: inline-block;
}
.side-hotel-box .availability i {
  color: #856d47;
}

.landmark-carousel { margin-bottom: 20px; }

/* CAROUSEL IMAGE BOX */
.carousel-image-box.landmarks,
.carousel-landmarks-box.landmarks {
  width: calc(100%);
}
.carousel-image-box,
.carousel-landmarks-box {
  width: calc(50vw + 100% / 2);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  padding-bottom: 0px;
}
.carousel-image-box figure,
.carousel-landmarks-box figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.carousel-image-box figure img,
.carousel-landmarks-box figure img {
  width: 100%;
  float: left;
}
.carousel-image-box figure figcaption,
.carousel-landmarks-box figure figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 40px;
  color: #fff;
}
.carousel-image-box figure figcaption h5,
.carousel-landmarks-box figure figcaption h5 {
  width: 100%;
  display: block;
  font-size: 32px;
  font-weight: 800;
}
.carousel-image-box figure figcaption p,
.carousel-landmarks-box figure figcaption p {
  width: 100%;
  display: block;
  margin: 0;
}

.carousel-landmarks-box figure figcaption {
  width: calc(100% - 20px);
  position: relative;
  top: -25px !important;
  left: 20px;
  top: auto;
  bottom: 0;
  padding: 12px 20px;
  color: #000;
  background: #ffffff;
  border: 1px solid #f1f1f1;
}

.carousel-landmarks-box figure figcaption h5 {
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
}

.carousel-landmarks-box figure figcaption p {
    width: 100%;
    display: block;
    font-size: 15px;
    margin: 0;
}

.swiper-scrollbar {
  width: 100%;
  height: 4px;
  display: inline-block;
  opacity: 1 !important;
}

/* EVENTS TAB */
.events-tab {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}
.events-tab .tab-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  padding: 0;
}
.events-tab .tab-nav li {
  display: inline-block;
  margin-right: 20px;
  padding: 0 5px;
  list-style: none;
  border-bottom: 4px solid transparent;
}
.events-tab .tab-nav li.active {
  border-color: #856d47;
}
.events-tab .tab-nav li a {
  display: inline-block;
  color: #fff;
}
.events-tab .tab-item {
  width: 100%;
  float: left;
  display: none;
  position: relative;
  overflow: hidden;
}
.events-tab .tab-item.active-item {
  display: block;
}

/* CONTENT TAB */
.content-tab {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* margin-top: 30px; */
}
.content-tab .tab-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}
.content-tab .tab-nav li {
  height: 54px;
  line-height: 54px;
  display: inline-block;
  margin-right: 20px;
  padding: 0 25px;
  list-style: none;
  border: 1px solid #eee;
  margin-bottom: -1px;
}
.content-tab .tab-nav li.active {
  border-bottom: 1px solid #fff;
}
.content-tab .tab-nav li.active a {
  color: #856d47;
  opacity: 1;
}
.content-tab .tab-nav li a {
  display: inline-block;
  font-weight: 500;
  opacity: 0.9;
}
.content-tab .tab-item {
  width: 100%;
  float: left;
  display: none;
  position: relative;
  overflow: hidden;
  border: 1px solid #eee;
  border-top: none;
  padding: 50px;
}
.room-info-box-para{
  width: 100%;
  display: block;
  font-size: 26px;
  font-family: "Argesta Display";
  margin-bottom: 15px;
  color: #856d47;
}
.room-info-box ul,
.content-tab .tab-item ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.room-info-box.ctab ul li,
.content-tab .tab-item ul li {
  width: 33.33333%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  border: 0px;
  padding: 7px 0;
}
.room-info-box.ctab ul li b {
    width: calc(100% - 35px);
}
.room-info-box.ctab ul li:last-child,
.content-tab .tab-item ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.room-info-box.ctab ul li figure,
.content-tab .tab-item ul li figure {
  width: 35px;
  float: left;
  margin-bottom: 0;
}
.room-info-box.ctab ul li figure img,
.content-tab .tab-item ul li figure img {
  height: 22px;
  float: left;
}
.room-info-box.ctab ul li b,
.content-tab .tab-item ul li b {
  font-weight: 400;
  float: left;
}
.content-tab .tab-item.active-item {
  display: block;
}
.room-info-box.highlights{
  max-width: calc(100% - 380px);
  margin-right: 20px;	
}

/* , .about-box .room-info-box */

.about-box {
  /* height: 385px; */
  height: auto !important;
  margin-bottom: 20px;
}

.about-box .room-info-box {
  /* height: 385px; */
  height: auto !important;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-bottom: 20px;
}

/* CAROUSEL EVENTS BOX */
.carousel-events-box,
.carousel-brands-box,
.carousel-events-mbox {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.carousel-events-box .swiper-prev,
.swiper-slider-hero .swiper-prev  {
  width: 60px;
  height: 60px;
  background: #141414;
  position: absolute;
  left: 0;
  top: 33%;
  z-index: 2;
  cursor: pointer;
}
.carousel-brands-box .swiper-prev,
.swiper-slider-hero .swiper-prev {
  width: 60px;
  height: 60px;
  background: #141414;
  position: absolute;
  left: 0;
  top: calc(50% - 30px);
  z-index: 2;
  cursor: pointer;
}
.carousel-events-box .swiper-prev:hover:before,
.carousel-brands-box .swiper-prev:hover:before,
.swiper-slider-hero .swiper-prev:hover:before {
  opacity: 1;
}
.carousel-events-box .swiper-prev:before,
.carousel-brands-box .swiper-prev:before,
.swiper-slider-hero .swiper-prev:before {
  content: "";
  width: 15px;
  height: 15px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 25px;
  top: 23px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  opacity: 0.5;
}
.carousel-events-box .swiper-next,
.swiper-slider-hero .swiper-next  {
  width: 60px;
  height: 60px;
  background: #141414;
  position: absolute;
  right: 0;
  top: 33%;
  z-index: 2;
  cursor: pointer;
}
.carousel-brands-box .swiper-next,
.swiper-slider-hero .swiper-next  {
  width: 60px;
  height: 60px;
  background: #141414;
  position: absolute;
  right: 0;
  top: calc(50% - 30px);
  z-index: 2;
  cursor: pointer;
}
.carousel-events-box .swiper-next:hover:before,
.carousel-brands-box .swiper-next:hover:before,
.swiper-slider-hero .swiper-next:hover:before {
  opacity: 1;
}
.carousel-events-box .swiper-next:before,
.carousel-brands-box .swiper-next:before,
.swiper-slider-hero .swiper-next:before  {
  content: "";
  width: 15px;
  height: 15px;
  border-right: 4px solid #fff;
  border-top: 4px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 25px;
  top: 23px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  opacity: 0.5;
}
.carousel-events-box figure,
.carousel-brands-box figure  {
  width: 100%;
  display: block;
  margin-bottom: 25px;
}
.carousel-events-box figure:before,
.carousel-brands-box figure:before  {
  background: #856d47 !important;
}
.carousel-events-box figure img,
.carousel-brands-box figure img  {
  width: 100%;
  display: block;
}
.carousel-events-box .content,
.carousel-brands-box .content  {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  text-align: center;
}
.carousel-events-box .content h5,
.carousel-brands-box .content h5  {
  width: 100%;
  display: block;
  font-size: 28px;
  font-family: "Argesta Display";
}
.carousel-events-box .content h5 a,
.carousel-brands-box .content h5 a  {
  display: inline-block;
  color: #fff;
}
.carousel-events-box .content h5 a:hover,
.carousel-brands-box .content h5 a:hover  {
  color: #856d47;
}
.carousel-events-box .content span,
.carousel-brands-box .content span  {
  display: inline-block;
  margin: 4px auto;
  color: #f5f3ec;
  opacity: 0.6;
}
.carousel-events-box .content small,
.carousel-brands-box .content small  {
  width: 100%;
  display: block;
}

.carousel-brands-box .swiper-wrapper { height: auto !important; }

.brands-box { 
  margin: 50px 0px; 
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  width: 100%; 
}

.brands-box > .brand-box {
  max-width: calc(20% - 20px);
  margin: 0 20px 20px 0;
}

.brand-box {     
  width: calc(100% - 10px);
  background: #f5f3ec;
  margin-left: 5px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 5px #f2f0e9; 
}

.brand-box > img {
  padding: 15px;
  height: auto;
}

/* ROOM SLIDER */
.pgrid-slider {
  width: 100%;
  height: 80vh;
  max-height: 700px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}
.pgrid-slider:before {
  content: "";
  width: 100%;
  height: 240px;
  background: #f5f3ec;
  position: absolute;
  left: 0;
  top: 0;
}
.pgrid-slider .swiper-slide {
  max-width: 75%;
  background-size: cover !important;
  background-position: center !important;
  transform: scale(0.9);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.pgrid-slider .swiper-slide .pgrid-detail {
  width: 70%;
  max-width: 680px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 24px;
  position: absolute;
  left: 50px;
  bottom: 50px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  opacity: 0;
}
.pgrid-slider .swiper-slide .pgrid-detail .price-line {
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #856d47;
  letter-spacing: 0px;
}
.pgrid-slider .swiper-slide .pgrid-detail .price-line span {
  color: #141414;
  opacity: 0.7;
}
.pgrid-slider .swiper-slide .pgrid-detail h3 {
  width: 100%;
  display: block;
  font-size: 28px;
  font-family: "Argesta Display";
  margin-bottom: 2px;
}
.pgrid-slider .swiper-slide .pgrid-detail h2,
.pgrid-slider .swiper-slide .pgrid-detail .price {
  text-align: center;
  color: #856d47;
  font-size: 24px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.pgrid-slider .swiper-slide .pgrid-detail h2 span,
.pgrid-slider .swiper-slide .pgrid-detail .price span {
  display: block;
}
.pgrid-slider .swiper-slide .pgrid-detail .reviews {
  width: 100%;
  color: #888888;
  font-size: 15px;
  margin-bottom: 15px;
}
.pgrid-slider .swiper-slide .pgrid-detail .reviews span {
  padding: 5px 8px;
  background: #856d47;
  color: #fff;
  font-weight: 800;
  margin-left: 5px;
}
.pgrid-slider .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.pgrid-slider .swiper-slide.swiper-slide-active .pgrid-detail {
  opacity: 1;
}
.pgrid-type span img {
  width: 26px;
  height: 26px;
  margin: 0px 5px 0px 0px;
  top: -4px;
  position: relative;
}
/* RECENT NEWS */
.col-md-6:nth-child(2) .recent-news {
  padding-right: 30px;
}

.col-md-6:nth-child(3) .recent-news {
  padding-left: 30px;
}

.recent-news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.recent-news figure {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.recent-news figure img {
  width: 100%;
}
.recent-news .content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 80px;
}
.recent-news .content ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-right: 15px;
  position: relative;
}
.recent-news .content ul:before {
  content: "";
  width: 60px;
  height: 1px;
  background: #856d47;
  position: absolute;
  left: -80px;
  top: calc(50% - 0.5px);
}
.recent-news .content ul li {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.recent-news .content ul li:last-child {
  margin-right: 0;
}
.recent-news .content ul li a {
  display: inline-block;
  color: #856d47;
  font-size: 14px;
  font-weight: 600;
}
.recent-news .content span {
  font-size: 13px;
  font-weight: 600;
  opacity: 0.5;
  line-height: 27px;
}
.recent-news .content span:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #141414;
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px;
}
.recent-news .content h2 {
  width: 100%;
  display: block;
  font-size: 36px;
  font-family: "Argesta Display";
  margin-top: 20px;
  margin-bottom: 0;
}
.content-project-name{
  width: 100%;
  display: block;
  font-size: 18px;
  font-weight: 600;
  font-family: "Argesta Display";
  margin-bottom: 2px;
}
.secform-title{
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.secform-subtitle{
  font-size: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.search-title{
  margin-bottom: 12px;
  color: #856d47;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

/* IMAGE */
.image {
  width: 100%;
  display: block;
}

/* PROJECTS GRID */

/* Main CSS */
.projects-grid-wrapper > div, 
.projects-grid-wrapper > a {
	display: flex;
	justify-content: center;
	align-items: center;
}
.projects-grid-wrapper > div > img,
.projects-grid-wrapper > a > img  {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0px;
}

.projects-grid-wrapper {
	display: grid;
	grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	grid-auto-rows: 250px;
	grid-auto-flow: dense;
}
.projects-grid-wrapper .wide {
	grid-column: span 2;
}
.projects-grid-wrapper .tall {
	grid-row: span 2;
}
.projects-grid-wrapper .big {
	grid-column: span 2;
	grid-row: span 2;
}

.projects-grid-wrapper > div,
.projects-grid-wrapper > a {
  position: relative;
  cursor: pointer;
  transition: all 0.1s ease-in;
}

.projects-grid-wrapper > div:after,
.projects-grid-wrapper > a:after {
  content: '';
  position: absolute;
  background: #000;
  opacity: 0.35;
  width: 100%;
  height: 100%;
}

.projects-grid-wrapper > div:hover,
.projects-grid-wrapper > a:hover {
  transform: translate(0, -5px);
  transform: translate3d(0, -5px, 0);
}

.projects-grid-wrapper > div > .content,
.projects-grid-wrapper > a > .content {
	position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
}

.projects-grid-wrapper > div > .content > *,
.projects-grid-wrapper > a > .content > * {
	color: #fff;
	text-shadow: 2px 1px 2px #222;
}


.projects-grid-wrapper > div > .content h4,
.projects-grid-wrapper > a > .content h4 {
	font-family: "Argesta Display";
    font-size: 28px;
}

.projects-grid-wrapper > div > .content h5,
.projects-grid-wrapper > a > .content h5 {
    font-family: "Argesta Display";
    font-size: 22px;
}

/* TESTIMONIAL BOX */
.testimonial-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px;
  background: #856d47;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}
.testimonial-box.bottom {
  margin-bottom: -100px;
}
.testimonial-box small {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.testimonial-box small i {
  display: inline-block;
  margin: 0 3px;
}
.testimonial-box h4 {
  width: 100%;
  display: block;
  margin-bottom: 32px;
  font-family: "Argesta Display";
}
.testimonial-box p {
  width: 100%;
  margin-bottom: 5px;
  font-size: 19px;
}
.testimonial-box .custom-button {
  margin: 0 auto;
}

.contact-card { padding: 50px 40px; background: #f5f3ec;}
.caddr { margin-top: 30px; }

/* PACKAGE BOX */
.package-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 40px;
  color: #000;
  margin-bottom: 30px;
}
.package-box h4 {
  width: 100%;
  display: block;
  font-size: 26px;
  font-family: "Argesta Display";
  margin-bottom: 28px;
}
.package-box p {
  width: 100%;
  display: block;
  margin-bottom: 16px;
}
.package-box a {
  display: inline-block;
  color: #856d47;
  font-weight: 600;
  border-bottom: 3px solid #856d47;
  font-size: 15px;
}
/* MEMBER BOX */
.member-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.member-box:hover figure img {
  opacity: 0.6;
}
.member-box:hover figure ul {
  opacity: 1;
  visibility: visible;
}
.member-box figure {
  width: 100%;
  display: block;
  margin-bottom: 0;
  position: relative;
  background: #141414;
}
.member-box figure * {
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.member-box figure ul {
  width: 44px;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 30px;
  bottom: 60px;
  opacity: 0;
  visibility: hidden;
}
.member-box figure ul li {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}
.member-box figure ul li:last-child {
  margin-bottom: 0;
}
.member-box figure ul li a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  background: #856d47;
  color: #fff;
}
.member-box figure img {
  width: 100%;
  display: block;
}
.member-box .content {
  width: calc(100% - 24px);
  display: inline-block;
  background: #fff;
  margin-top: -24px;
  padding: 24px;
  position: relative;
}
.member-box .content small {
  width: 100%;
  display: block;
  margin-bottom: 0px;
  text-align: left;
  color: #000;
}
.member-box .content h5 {
  width: 100%;
  display: block;
  font-size: 22px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
  text-align: left;
  opacity: 0.7;
  color: #000;
}
.member-box .content a {
  display: inline-block;
  /* text-decoration: underline; */
  color: #856d47;
  font-weight: 600;
  font-size: 15px;
  text-align: left;
  float: left;
  color: #000;
}

/* VIDEO BOX */
.video-contain {
	margin-top: 30px; 
}

.video-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 100px 0;
  min-height: 350px;
}
.video-box .play-btn {
  width: 140px;
  height: 140px;
  line-height: 140px;
  display: inline-block;
  background: #fff;
  color: #856d47;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  /* margin-bottom: 100px; */
}
.video-box .play-btn:hover {
  background: #856d47;
  color: #fff;
}
.video-box h2 {
  width: 100%;
  display: block;
  margin: 0;
  font-size: 32px;
  font-weight: 800;
  color: #fff;
}

/* GRID FITER */
.grid-filter {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.grid-filter h6 {
  display: inline-block;
  font-weight: 600;
}
.grid-filter .price-range {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 30px;
}
.grid-filter .price-range .range-slider__value {
  float: right;
  margin-top: -56px;
  font-weight: 800;
  color: #856d47;
}
.grid-filter .price-range .range-slider__value:before {
  content: "$";
}
.grid-filter .price-range .range-slider {
  width: 100%;
}
.grid-filter .specifications {
  width: 50%;
  display: inline-block;
  margin: 0;
  padding: 0;
  padding-left: 30px;
}
.grid-filter .specifications ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.grid-filter .specifications li {
  display: inline-block;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}

/* GRID LIST */
.grid-list {
  display: flex;
  width: calc(100% + 30px);
  margin-left: 0px;
  flex-wrap: wrap;
  justify-content: left;
  padding-bottom: 20px;
  padding-left: 0px;
}
.grid-properties .grid-list {
  width: calc(66.66% + 30px);
}
.grid-list li {
  display: inline-block;
  margin: 0;
  margin-top: 50px;
  padding: 0;
  /* padding-right: 30px; */
  list-style: none;
  width: calc(33% - 26px) !important;
  margin: 15px 15px 20px;
}

.grid-properties .grid-list li {
  display: inline-block;
  margin: 0;
  margin-top: 50px;
  padding: 0;
  /* padding-right: 30px; */
  list-style: none;
  width: calc(50% - 26px) !important;
  margin: 15px 15px 40px;
}

.retailgrid-properties .grid-list li {
  width: calc(33% - 18px) !important;
}

/* 

.grid-list li:nth-child(1) {
  margin-top: 0;
}
.grid-list li:nth-child(2) {
  margin-top: 0;
}
.grid-list li:nth-child(even) {
  padding-right: 0;
  padding-left: 30px;
} 

*/

.grid-properties, .dgrid-properties { display: flex; padding: 0px 80px; min-height: 100vh;  }
.grid-properties.cntent { display: flex; padding: 0px 80px; min-height: auto !important;  }
.commgrid-properties { display: flex; padding: 0px 80px; flex-direction: column; }
.retailgrid-properties { display: flex; padding: 0px 80px; }
.hsgrid-properties { display: flex; padding: 0px 80px; flex-direction: column; }
.more-link { font-weight: bold !important; }


.vertial.property-search.filter { width: calc(33% - 45px); margin-right: 45px; padding-top: 0px; display: block;  }
.vertial.property-search form { flex-direction: column; flex-wrap: nowrap; justify-content: start; padding-top: 20px; padding-bottom: 20px; background: #f5f3ec;  }
.vertial.property-search form .form-group {
    display: inline-block;
    position: relative;
    margin-left: 0px;
    width: calc(100% - 0px) !important;
    padding: 0px 40px 0px;
}

.vertial.property-search form h4 { padding: 10px 40px 0px }

/* GRID BOX */
.grid-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.grid-box figure {
  width: 100%;
  display: block;
  margin: 0;
}
.grid-box figure img {
  width: 100%;
  min-height: 320px;
  object-fit: cover;
  object-position: center;
  box-shadow: 1px 1px 5px #e8e8e8;
}
.grid-box .content {
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: wrap;
  background: #fff; 
  /* background: #f4f2eb;*/
  margin-top: -50px;
  margin-left: 30px;
  position: relative;
  z-index: 1;
  padding: 20px;
  border: 1px solid #f1f1f1;
  /* border: 1px solid #f4f2eb; */
}
.grid-box .content .pgrid-type {
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  letter-spacing: 1px;
}
.grid-box .content .pgrid-type span {
  color: #141414;
  opacity: 0.7;
}
.grid-box .content h3 {
  width: 100%;
  display: block;
  font-size: 18px;
  font-weight: 600;
  font-family: "Argesta Display";
  margin-bottom: 2px;
}
.grid-box .content .bottom-specs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #eee;
  padding-top: 15px;
  margin-top: 10px;
}
.grid-box .content .bottom-specs .icons img {
  height: 25px;
  margin-right: 5px;
}
.grid-box .content .bottom-specs .reviews {
  width: 50%;
  text-align: right;
  color: #888888;
  font-size: 15px;
}
.grid-box .content .bottom-specs .reviews span {
  padding: 5px 8px;
  background: #856d47;
  color: #fff;
  font-weight: 800;
  margin-left: 5px;
}
.grid-box .content .bottom-specs .cta,
.pgrid-detail .cta {
  display: flex;
}
.pgrid-detail .cta {
  align-items: center;
  justify-content: center;
}
.grid-box .content .bottom-specs .cta a,
.pgrid-detail .cta a {
  color: #fff;
  background: #856d47;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-shadow: 1px 1px 5px #c0c0c0;
  border: 1px solid #856d47;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}
.grid-box .content .bottom-specs .cta a .mobno, .pgrid-detail .cta a .mobno { display: none; }
.grid-box .content .bottom-specs .cta a:nth-child(odd),
.pgrid-detail .cta a:nth-child(odd) {
  background: #fff;
  border: 1px solid #856d47;
  color: #856d47;
}
.grid-box .content .bottom-specs .cta a svg,
.pgrid-detail .cta a svg { 
  width: 16px;
  height: 16px;
}
.grid-box .location {
  width: 100%;
  color: #888888;
  font-size: 15px;
  margin-bottom: 15px;
}
.grid-box .price {
  text-align: center;
  color: #856d47;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}

.grid-properties .grid-list li:nth-child(1),
.grid-properties .grid-list li:nth-child(2n + 3) {
  margin-left: 0px;
}

.grid-properties .grid-list li:nth-child(1), 
.grid-properties .grid-list li:nth-child(2) {
  margin-top: 0px !important;
}

.grid-properties .grid-list li:nth-child(2n) {
  margin-right: 0px;
}

.commgrid-properties .grid-list li:nth-child(1),
.commgrid-properties .grid-list li:nth-child(3n + 4) {
  margin-left: 0px;
}

.hsgrid-properties .grid-list li:nth-child(1), 
.hsgrid-properties .grid-list li:nth-child(3n + 4) {
    margin-left: 0px;
}

.commgrid-properties .grid-list li:nth-child(3n) {
  margin-right: 0px;
}

.hsgrid-properties .grid-list li:nth-child(3n) {
  margin-right: 0px;
}

.retailgrid-properties .grid-list li:nth-child(1),
.retailgrid-properties .grid-list li:nth-child(3n + 4) {
  margin-left: 0px;
}

.retailgrid-properties .grid-list li:nth-child(3n) {
  margin-right: 0px;
}

.grid-list .grid-sticker {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #fff;
  font-size: 14px;
  /* background: rgba(0,0,0,0.6); */
  margin-left: 0px;
  padding-left: 0px;
}

.grid-list .grid-sticker li {
  width: auto !important;
  margin: 0px !important;
  background: rgb(133 109 71);
  padding: 5px 10px;
}

.pgrid-slider .grid-sticker {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #FFF;
  font-size: 16px;
  /* background: rgba(0,0,0,0.6); */
  margin-left: 0px;
  padding-left: 0px;
  list-style: none;
}

.pgrid-slider .grid-sticker li {
  width: auto !important;
  margin: 0px !important;
  background: rgb(133 109 71);
  padding: 5px 10px;
}

.pggrid-detail div:nth-child(2) {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

/* ROOMS LIST */
.rooms-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.rooms-list li {
  width: 50%;
  display: inline-block;
  margin: 0;
  margin-top: 50px;
  padding: 0;
  padding-right: 30px;
  list-style: none;
}

.rooms-list.hospitality li {
  width: calc(33% - 30px) !important;
  margin: 15px 15px 20px;
  padding-right: 0px !important;
}

.rooms-list.hospitality li .room-box .content {
  width: calc(100% - 35px) !important;
  margin-left: 35px !important;
}

.rooms-list.hospitality .room-box .content .bottom-specs .icons {
  width: 100% !important; 
}

.rooms-list.hospitality .room-box .content h3 {
  font-size: 20px !important;
  margin-top: 5px !important;
}

.rooms-list.hospitality li:nth-child(3n) {
  padding-right: 0px !important;
}

.rooms-list li:nth-child(1) {
  margin-top: 0;
}
.rooms-list li:nth-child(2) {
  margin-top: 0;
}
.rooms-list li:nth-child(3) {
  margin-top: 0;
}
.rooms-list li:nth-child(even) {
  padding-right: 0;
  padding-left: 30px;
}

.rooms-list.hospitality li:nth-child(1) {
  margin-top: 0;
}
.rooms-list.hospitality li:nth-child(2) {
  margin-top: 0;
}
.rooms-list.hospitality li:nth-child(even) {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.rooms-list.hospitality .room-box .content h3 { margin-bottom: 0px !important; }

.rooms-list.hospitality .room-box .content { padding: 20px !important; }

/* ROOM BOX */
.room-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.room-box figure {
  width: 100%;
  display: block;
  margin: 0;
}
.room-box figure img {
  width: 100%;
}
.room-box .content {
  width: calc(100% - 50px);
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  margin-top: -50px;
  margin-left: 50px;
  position: relative;
  z-index: 1;
  padding: 30px;
  padding-right: 0;
  border: 1px solid #f1f1f1;
}
.room-box .content .price-line {
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #856d47;
  letter-spacing: 0px;
}
.room-box .content .price-line span {
  color: #141414;
  opacity: 0.7;
}
.room-box .content h3 {
  width: 100%;
  display: block;
  font-size: 24px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
}
.hospitality .room-box .content h3 {
  /* margin-bottom: 0px; */
}
.room-box .content p {
  font-size: 15px;
}
.room-box .content .bottom-specs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #eee;
  padding-top: 20px;
  margin-top: 20px;
}
.room-box .content .bottom-specs .icons {
  width: 50%;
  display: inline-block;
}
.room-box .content .bottom-specs .icons img {
  height: 25px;
  margin-right: 5px;
}
.room-box .content .bottom-specs .reviews {
  width: 50%;
  text-align: right;
  color: #888888;
  font-size: 15px;
}
.room-box .content .bottom-specs .reviews span {
  padding: 5px 8px;
  background: #856d47;
  color: #fff;
  font-weight: 800;
  margin-left: 5px;
}

/* ROOM TYPE */
.room-type {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.room-type .price-line {
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #856d47;
  letter-spacing: 1px;
}
.room-type .price-line span {
  color: #141414;
  opacity: 0.7;
}
.room-type h3 {
  width: 100%;
  display: block;
  font-size: 80px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
  text-indent: -4px;
}
.room-type small {
  width: 100%;
  display: block;
  opacity: 0.5;
  font-size: 16px;
}

/* RECENT TESTIMONIAL */
.recent-testimonial {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  border: 1px solid #f5f3ec;
  background: #f5f3ec;
  padding: 40px;
  margin-bottom: 50px;
}
.recent-testimonial span {
  width: 100%;
  display: block;
  margin-bottom: 0px;
}
.recent-testimonial span b {
  display: inline-block;
  font-weight: 600;
  margin-right: 10px;
}
.recent-testimonial span i {
  color: #856d47;
  display: inline-block;
  margin: 0 2px;
  font-size: 14px;
}
.recent-testimonial small {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  opacity: .9;
}
.recent-testimonial p {
  width: 100%;
  display: block;
  margin: 0;
  font-size: 19px;
  font-family: "Argesta Display";
}

.awrdimg {
  position: absolute;
  top: -15px;
  right: 0px;
  width: 60px;
  height: auto;
  opacity: 0.75;
}

/* ROOM GALLERY */
.room-gallery-top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.room-gallery-top .swiper-slide {
  max-width: 40%;
}

.room-gallery-thumbs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}
.room-gallery-thumbs .swiper-slide {
  background: #141414;
}
.room-gallery-thumbs .swiper-slide:hover img {
  opacity: 1;
}
.room-gallery-thumbs .swiper-slide img {
  opacity: 0.5;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}

/* ROOM INFO BOX */

/* 

.room-info-box.highlights {
  width: calc(100% - 280px);
}
.room-info-box.highlights  {
  width: 260px;
  margin-left: 20px;
  height: auto !important;
  margin: 30px 0px 0px 20px;
}

*/

.room-info-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 35px;
  border: 1px solid #eee;
  margin: 30px 0 0;
}
.room-info-box.avunits {
  margin: 0px 0 0 !important;
}
.room-info-box h6,
.room-info-box h2 {
  width: 100%;
  display: block;
  font-size: 26px;
  font-family: "Argesta Display";
  margin-bottom: 15px;
  color: #856d47;
}
.room-info-box p {
  width: 100%;
  display: block;
      font-size: 16px;
}
.room-info-box p:last-child {
  margin-bottom: 0;
}
.room-info-box ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-top: 0px;
  padding: 0;
}
.room-info-box ul li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 5px 0;
  padding: 0px 0;
  padding-bottom: 5px;
  font-size: 16px;
  /* border-bottom: 1px solid #eee; */
}
.room-info-box ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.room-info-box ul li figure {
  width: 50px;
  float: left;
  margin-bottom: 0;
}
.room-info-box ul li figure img {
  height: 22px;
  float: left;
}
.room-info-box ul li b {
  width: 30%;
  font-weight: 600;
  float: left;
}

.highlights .room-info-box ul li b {
  width: 240px !important;
}
.room-info-box ul li span {
  width: 65%;
  float: left;
}
.room-info-box .accordion ul li {
  margin: 0px 0 !important;
}

/* 

.room-info-box.highlights table tr td:nth-child(1) { 
  width: 240px !important;
}

*/

.room-info-box.highlights table tr td:nth-child(1) { 
  width: 280px !important;
}

.room-info-box.highlights table,
.room-info-box.highlights th, .room-info-box.highlights td {
  border-width: 0px !important;
}

.uplans {
  background: #edebe5;
  border: 1px solid #e8e8e8;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
}
.mplans {
  display: flex;
}

/*.mplans > div, */
.upln-para{
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.upln {
  background: #edebe5;
  border: 1px solid #e8e8e8;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
}
/* .mplans > div  {*/
.upln {
  height: 200px;
  width: 320px !important;
  margin-right: 15px;
}
.uplans > div {
  display: flex;
  width: 100%;
  align-items: start;
  justify-content: space-between;
}
.uplans > div a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.uplans > div a span,
.upln > div a span {
  text-decoration: underline;
}
.uplans > div p.sld {
  order: 2;
  background: #f44336;
  color: #fff;
  display: flex;
  font-size: 14px;
  line-height: 28px;
  padding: 0px 10px;
}
.uplans div img,
.mplans div img {
  max-width: 80px;
  height: auto;
}

.mfp-bottom-bar .mfp-title {
    top: 0;
    margin-top: 40px;
    right: 10px;
    position: absolute;
    background: #f44336;
    line-height: 32px !important;
    border-radius: 0px;
    text-align: center !important;
    color: #fff;
    padding: 0px !important;
}

.mfp-bottom-bar {
    margin-top: 15px !important;
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    cursor: auto;
}

/* MEETING EVENT BOX */
.meeting-event-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.meeting-event-box figure {
  width: 100%;
  display: block;
  margin: 0;
}
.meeting-event-box figure img {
  width: 100%;
}
.meeting-event-box .content {
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  /* background: #f4f2eb; */
  margin-top: -50px;
  margin-left: 30px;
  position: relative;
  z-index: 1;
  padding: 20px;
  border: 1px solid #f1f1f1;
}
.meeting-event-box .content h5 {
  width: 100%;
  display: block;
  font-size: 24px;
  font-family: "Argesta Display";    
  margin-bottom: 0px;
}
.meeting-event-box .content h5 a {
  display: inline-block;
}
.meeting-event-box .content h5 a:hover {
  color: #856d47;
}
.meeting-event-box .content span {
  width: 100%;
  display: block;
  margin-bottom: 0px;
  font-size: 17px;
  opacity: 0.9;
}
.meeting-event-box .content small {
  width: 100%;
  display: block;
}
.meeting-event-box .content h5 {
  width: 100%;
  display: block;
  font-size: 18px;
}
.eventcontain .meeting-event-box .contenttop h5 {
  font-size: 18px !important;
  margin-bottom: 3px;
}

.eventcontain .meeting-event-box .content {
  flex-wrap: nowrap !important;
  flex-direction: column;
  align-items: start;
  justify-content: space-evenly;
}

.eventcontain .meeting-event-box .content .contenttop {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 12px;
}

.eventcontain .meeting-event-box a.btn-link {
    display: inline-block;
    color: #856d47;
    font-weight: 600;
	text-transform: uppercase;
    /* border-bottom: 3px solid #856d47; */
    font-size: 15px;
	text-decoration: none !important;
}

.event-next,
.pagination .page-item.next {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 380px;
    max-width: 380px;
    height: 72px;
    border: 1px solid #eee;
    max-height: 72px;
    border-radius: 6px;
}

.event-prev,
.pagination .page-item.prev {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 380px;
    max-width: 380px;
    height: 72px;
    border: 1px solid #eee;
    max-height: 72px;
    border-radius: 6px;
}

.event-images-next img,
.pagination .page-item img {
    max-width: 60px;
    margin-right: 10px;
}

.event-prev a, .event-next a,
.pagination .page-item a {
    margin-bottom: 0px;
    text-decoration: none;
    color: #222;
    font-size: 16px;
    line-height: 22px;
}

.eventcontain .meeting-event-box .contenttop p { width: 120px; text-align: left; margin-bottom: 0px; }

/* SPECIAL OFFER BOX */
.special-offer-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 20px;
  border: 1px solid #f5f3ec;
  background: #f5f3ec;
  padding: 35px;
}
.landmark-carousel .special-offer-box {
  padding: 0px !important;
}
.landmark-carousel .special-offer-box .content h5 {
  font-size: 16px !important;
  margin-bottom: 0px !important;
}
.landmark-carousel .special-offer-box .content { 
  padding: 15px 15px 15px !important;
}
.special-offer-box figure {
  width: 100%;
  display: block;
  margin: 0;
}
.special-offer-box figure img {
  width: 100%;
}
.special-offer-box .content {
  width: calc(100% - 0px);
  display: flex;
  flex-wrap: wrap;
  background: #f5f3ec;
  position: relative;
  z-index: 1;
  padding: 15px 20px 20px;
  /* padding-left: 0; */
  /* padding-bottom: 0; */
  /* padding-right: 0; */
  /* border: 1px solid #f1f1f1; */
  left: 0px;
  /* margin-top: -30px; */
}
.special-offer-box .content span {
  width: 100%;
  display: block;
  margin-bottom: 0;
  opacity: 0.85;
  font-weight: 400;
  font-size: 16px;
}
.special-offer-box .content h5 {
  width: 100%;
  display: block;
  font-size: 20px;
  font-family: "Argesta Display";
  margin-bottom: 12px;
  font-weight: 500;
}
.special-offer-box .content h5 a {
  display: inline-block;
}
.special-offer-box .content h5 a:hover {
  color: #856d47;
}
.special-offer-box .content p {
  width: 100%;
  display: block;
  opacity: 0.8;
  margin-bottom: 0;
  margin-top: 0px;
  font-size: 15px;
  display: none;
}
.special-offer-box .content small {
  display: inline-block;
  background: #856d47;
  padding: 4px 8px;
  color: #fff;
  font-weight: 600;
  font-size: 11px;
}
.bm-content {
  margin: 50px 50px 0 0;
}
.bm-content .member-box {
  max-width: 479px;
  float: left;
  margin: 0px 30px 30px 0px;
}
.about-section .member-content p {
  margin-left: 0px !important;
  margin-bottom: 15px !important;
  width: 100% !important;
  text-align: justify !important;
}
.about-section .member-content a {
  text-decoration: underline;
  color: #856d47 !important;
}
.member-title h4 { margin-bottom: 15px; }
/* PROJECT HEADLINE */
.project-headline {
  width: 100%;
  display: flex;
  /* margin-bottom: 20px; */  
}
.project-headline .rating {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.project-headline .rating i {
  color: #856d47;
  display: inline-block;
  margin-right: 4px;
  font-size: 15px;
}
.project-headline h3,
.project-headline h1 {
  width: 100%;
  display: block;
  font-size: 28px;
  font-family: "Argesta Display";
  margin-bottom: 4px;
  text-indent: 0px;
  color: #000;
}
.project-headline address {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-wrap: wrap;
  margin: 0 0 8px 0;
  color: #000;
}
.project-headline address span {
  display: inline-block;
}
.project-headline address span:first-child {
  /* margin-right: 10%; */
}
.project-headline address span i {
  display: inline-block;
  color: #f44336;
  margin-right: 0px;
}
.project-headline { 
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #f5f3ec;
  border: 1px solid #eee;
  margin-top: 30px;
  padding: 12px 20px 12px;
}
.project-headline > div > img {
  height: auto;
  max-width: 230px;
  max-height: 130px;
  padding: 0px;
  margin-right: 0px !important;
}
.project-headline > div:nth-child(2) {
    width: 100%; margin-left: 30px;
}
.project-headline h5 {
  width: auto !important;
  background: transparent;
  color: #856d47;
  font-weight: 600;
  text-align: center;
  font-family: "Argesta Display";
  font-size: 24px;
  display: flex
}
.project-ctas-price{
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  border-radius: 0 !important;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  outline: none !important;
  position: relative;
  display: block;
  margin: 0px 5px;
  border: 1px solid #dee2e6;
  background: #000;
}
.project-ctas img.icon {
  width: 28px;
  height: 28px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
.project-ctas i {
  font-size: 18px;
  line-height: 18px;
}
.highlights img.icon {
  width: 26px;
  height: 26px;
  margin-right: 8px;
  position: relative;
  top: -3px;
}
.highlights-box,
.about-box,
.blog-box {
  width:100%;
  display:inline-block;
}
.blog-contentbox,
.room-info-box.highlights {
  width: calc(100% - 380px);
  display:inline-block;
  vertical-align:top;
  margin-right: 20px;
  float:left;
}
.blog-contentbox-row{
  width:100%;
  height:auto;
  display:inline-block;
  padding:7px;
  margin-bottom:15px;
  border:1px solid #DEDEDE;
  border-radius:5px;
}
.blog-contentbox-row-title{
  width:100%;
  height:auto;
  display:inline-block;
  text-align:left;
  font-size:1.5em;
}
.blog-contentbox-row-description{
  width:100%;
  height:auto;
  display:inline-block;
  text-align:left;
  margin-top:10px;
  text-align:left;
  margin-bottom:25px;
}
#blog-contentbox-row-description-second{
  display:none;
}
#blog-contentbox-row-description-readmore-second{
  display:none;	
}
.blog-contentbox-row-col1{
  width:250px;
  height:225px;
  display:inline-block;
  float:left;
}
.blog-contentbox-row-col1 > img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.blog-contentbox-row-col2{
  width:calc(100% - 250px);
  height:225px;
  display:inline-block;
  float:left;
  padding:10px 15px;
  position:relative;
}
.blog-contentbox-row-col2-title{
  width:100%;
  height:auto;
  display:inline-block;
  text-align:left;
  font-size:1.3em;
  font-weight:600;
}
.blog-contentbox-row-col2-time{
  width:100%;
  height:auto;
  display:inline-block;
  text-align:left;
  font-size:.9em;
  margin-top:5px;
}
.blog-contentbox-row-col2-content{
  width:100%;
  height:auto;
  display:inline-block;
  text-align:left;
  font-size:1em;
  margin-top:15px;
}
.blog-contentbox-row-col2-content p > a{
  color:#0096FF;
}
.blog-contentbox-row-col2-readmore{
  width:auto;
  height:auto;
  display:inline-block;
  position:absolute;
  bottom:3px;
  right:10px; 
}
.blog-sidebar {
  position: relative;
  /* background: #f5f3ec;
  border: 1px solid #eee; */
  padding: 0px 10px;
  width: 350px;
  margin: 0px 0 0;
  display: inline-block;
  vertical-align:top;
  overflow: hidden;
  float:left;
}
.blog-sidebar-title{
  width:100%;
  height:auto;
  display:inline-block;
  text-align:left;
  font-size:1.4em;
  font-weight:600;
}
.blog-sidebar-article{
  width:100%;
  height:auto;
  display:inline-block;
  margin-top:15px;
  margin-bottom:15px;
}
.blog-sidebar-article-item{
  width:auto;
  height:auto;
  display:inline-block;
  vertical-align:top;
  padding:5px 8px;
  background-color:#856D47;
  color:#FFFFFF;
  border:1px solid #856D47;
  border-radius:2px;
  margin-right:10px;
  margin-bottom:10px;
}
.blog-sidebar-article-item1{
  width:100%;
  height:auto;
  display:inline-block;
  vertical-align:top;
  padding:5px 8px;
  background-color:#856D47;
  color:#FFFFFF;
  border:1px solid #856D47;
  border-radius:2px;
  margin-right:10px;
  margin-bottom:10px;
  text-align:center;  
}
.res-location-content{
  width:100%;
  height:auto;
  display:inline-block;
  padding-left:5%;
  padding-right:5%;
}
.res-location-content-title{
  width:100%;
  height:auto;
  display:inline-block;
  font-size:1.5em;
  text-align:left;
  font-weight:600;
}
.res-location-content-desc{
  width:100%;
  height:auto;
  display:inline-block;
  margin-top:15px;
  text-align:left;
}
.blog-sidebar-article-item2{
  width:30%;
  height:auto;
  display:inline-block;
  vertical-align:top;
  padding:5px 8px;
  background-color:#856D47;
  color:#FFFFFF;
  border:1px solid #856D47;
  border-radius:2px;
  margin-right:10px;
  margin-bottom:10px;
  text-align:center;
}
.blog-sidebar-article-image{
  width:100%;
  height:170px;
  display:inline-block;
}
.blog-sidebar-article-image > img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.blog-sidebar-article-content{
  width:100%;
  height:auto;
  display:inline-block;
  padding:15px 5px;
}
.blog-sidebar-article-content-title{
  width:100%;
  height:auto;
  display:inline-block;
  text-align:left;
  font-size:1.2em;
  line-height:1.3;
  font-weight:600;
}
.blog-sidebar-article-content-desc{
  width:100%;
  height:auto;
  display:inline-block;
  padding-top:7px;
  text-align:left;
  font-size:.9em;
}
.blog-sidebar-article-content-readmore{
  width:100%;
  height:auto;
  display:inline-block;
  margin-top:7px;
  text-align:left;
  font-size:.8em;
}
.blog-category-container{
  width:83%;
  height:auto;
  display:inline-block;
  margin-top:15px;
}
.blog-category-container-title{
  width:auto;
  height:auto;
  display:inline-block;
  vertical-align:top;
  font-weight:600;
}
.blog-category-container-items{
  width:auto;
  height:auto;
  display:inline-block;
  vertical-align:top;
  background-color:#B48530;
  padding:5px 10px;
  color:#FFFFFF;
  position:relative;
  bottom:5px;
}
.blog-related-container{
  width:83%;
  height:auto;
  display:inline-block;
  margin-top:30px;
}
.blog-related-container-title{
  width:100%;
  height:auto;
  display:inline-block;
  text-align:left;
  font-size:1.3em;
  font-weight:600;
  margin-bottom:30px;
}
.blog-related-container-image{
  width:100%;
  height:300px;
  
}
.news-box img {
  margin-bottom: 30px;
}
.project-ctas {
  margin-bottom: 0px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px 6px;
}
.project-ctas a.linkbtn,
a.linkbtn {
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  border-radius: 0 !important;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  outline: none !important;
  position: relative;
  display: inline-block;
  margin: 0px 5px;
  border: 1px solid #dee2e6;
  background: #000;
}
.project-ctas div:nth-last-child(1) {
  display: flex;
  align-items: center;
  justify-content: start;
}
.project-ctas div:nth-last-child(1) a.linkbtn:nth-last-child(1) {
  background: #856d47;
}
.project-ctas h5 {
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  border-radius: 0 !important;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  outline: none !important;
  position: relative;
  display: block;
  margin: 0px 5px;
  border: 1px solid #dee2e6;
  background: #000;
}
.dbrochure,
.enform {
  position: relative;
  background: #f5f3ec;
  padding: 30px;
  width: 360px;
  margin: 30px 0 0;
  border: 1px solid #eee;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  overflow: hidden;
  float:left;
}
.enform h4 {
  font-size: 22px;
  margin-bottom: 20px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
}
.enform-title{
  font-size: 22px;
  margin-bottom: 20px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1.2;
}
.dbrochure h4 {
  margin-bottom: 15px;
}
.dbrochure p {
  font-size: 16px;
  width: 100%;
  display: block;
} 
.dbutton a.linkbtn {
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  border-radius: 0 !important;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  outline: none !important;
  position: relative;
  display: block;
  margin: 0px;
  border: 1px solid #dee2e6;
  background: #000;
}
/* EVENT HEADLINE */
.event-headline {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;

}
.event-headline .rating {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.event-headline .rating i {
  color: #856d47;
  display: inline-block;
  margin-right: 4px;
  font-size: 15px;
}
.event-headline h3 {
  width: 100%;
  display: block;
  font-size: 50px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
  text-indent: -4px;
}
.event-headline address {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.event-headline address span {
  display: inline-block;
}
.event-headline address span:first-child {
  margin-right: 10%;
}
.event-headline address span i {
  display: inline-block;
  color: #856d47;
  margin-right: 10px;
}

/* CONTACT FORM */
.contact-form {
  width: 100%;
  display: block;
}
.contact-form input[type="text"] {
  width: 90%;
}
.contact-form textarea {
  width: 100%;
}

/* CONTACT BOX*/
.contact-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #856d47;
  color: #fff;
  padding: 50px;
  margin: 15px 0;
}
.contact-box h6 {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-size: 22px;
  font-family: "Argesta Display";
}
.contact-box address {
  width: 100%;
  display: block;
  margin: 0;
}
.contact-box address strong {
  width: 100%;
  display: block;
  margin-top: 5px;
}

/* GOOGLE MAPS */
.frame{
  display:none;
}
.google-maps {
  width: 100%;
  height: 560px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: #856d47;
}
.google-maps iframe {
  width: 100%;
  height: 100%;
  display: block;
  mix-blend-mode: overlay;
  filter: grayscale(1);
}
.google-maps i {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: #fff;
  text-align: center;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  font-size: 40px;
  color: #856d47;
  border-radius: 50%;
}
.google-maps:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/* NEWS BOX */
.news-box {
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 0px;
}
.news-box.single .content {
  padding-left: 0;
}
.news-box.single .content .category:before {
  display: none;
}
.news-box.single .content .author {
  margin-bottom: 30px;
}
.news-box:last-child {
  margin-bottom: 0;
}
.news-box:hover .content h3 a {
  background-size: 100% 100%;
}
.news-box figure {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  background: #856d47;
  box-shadow: 1px 1px 5px #e8e8e8;
}
.news-box figure img {
  width: 100%;
  max-width: inherit;
}
.news-box .content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 80px;
  width: calc(100% - 40px);
  /* align-items: center; */
  background: white;
  box-shadow: 1px 1px 5px #e8e8e8;
  top: -40px;
  left: 40px;
  position: relative;
  padding: 20px 20px;
}
.news-box .content .category {
  display: inline-block;
  color: #856d47;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.news-box .content .category:before {
  content: "";
  width: 60px;
  height: 1px;
  background: #856d47;
  position: absolute;
  left: -80px;
  top: calc(50% - 0.5px);
  display: none;
}
.news-box .content .date {
  display: inline-block;
  font-size: 14px;
  opacity: 0.5;
  font-weight: 600;
  margin-left: 0px;
}
.news-box .content .date:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #141414;
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px;
  transform: translateY(-2px);
  display: none;
}
.news-box .content h3 {
  width: 100%;
  display: block;
  margin-bottom: 0px;
  font-size: 20px;
  line-height: 24px;
  margin-top: 5px;
  font-weight: 400;
  font-family: "Argesta Display";
}
.news-box .content h3 a {
  display: block;
  color: #141414;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.news-box .content h3 a:hover {
  color: #856d47;
  text-decoration: none;
}
.news-box .content .author {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 13px;
}
.news-box .content .author img {
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px;
}
.news-box .content .author b {
  font-weight: 600;
}
.news-box .content h6 {
  font-size: 24px;
  line-height: 1.7;
  margin: 30px 0;
}
.news-box .content strong {
  font-weight: 600;
}
.news-box .content figure {
  margin: 30px 0;
}
.news-box .content blockquote {
  width: 100%;
  display: block;
  padding: 40px;
  background: #f5f3ec;
  color: #856d47;
  font-size: 22px;
  font-family: "Argesta Display";
  margin: 30px 0;
}

.nores {
  width: 100%;
}

.nores blockquote {
  width: 100%;
  display: block;
  padding: 40px;
  background: #f5f3ec;
  background: #fff;
  border: 1px solid #dedede;
  color: #141414 !important;
  font-size: 22px;
  font-family: "Argesta Display";
  margin: 0px 0;
}

.news-box .content ul {
  padding-left: 20px;
}
.news-box .content ul li {
  margin: 4px 0;
}

.cd-accordion {
	padding: 0px;
    margin: 0px;
	width: 100%;
	list-style: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cd-accordion--animated .cd-accordion__label::before {
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.cd-accordion__sub {
    display: none;
    overflow: hidden;
    background: #ffffff9e;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px 0px;
}
.cd-accordion__sub--is-visible {
    display: block;
}
.cd-accordion__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cd-accordion__input {
    position: absolute;
    opacity: 0;
}
.cd-accordion__label {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
	padding: 5px 0px;    
	margin-bottom: 0px !important;
    /* background: hsl(218, 7%, 32%); */
}
.cd-accordion__label span {
    -ms-flex-order: 3;
    order: 3;
}
.cd-accordion__label:hover {
}
.cd-accordion__label::after,
.cd-accordion__label--icon-folder::before {
    content: "";
    display: none;
    width: 16px;
    height: 16px;
    background-image: url("../img/cd-icons.svg");
    background-repeat: no-repeat;
    margin-right: 0.25em;
}
.cd-accordion__label--icon-folder::before {
    -ms-flex-order: 1;
    order: 1;
}
.cd-accordion__label::after {
    -ms-flex-order: 2;
    order: 2;
}
.cd-accordion__label--icon-folder::before {
    background-position: 0 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.cd-accordion__label--icon-folder::after {
    background-position: -16px 0;
}
.cd-accordion__label--icon-img::after {
    background-position: -48px 0;
}
.cd-accordion__input:checked + .cd-accordion__label::before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.cd-accordion__input:checked + .cd-accordion__label::after {
    background-position: -32px 0;
}
.cd-accordion__input:checked ~ .cd-accordion__sub {
    display: block;
}
.cd-accordion__sub--l1 .cd-accordion__label {
    /* padding-left: calc(1.25em + 16px); */
}
.cd-accordion__sub--l1 .cd-accordion__label:hover {
    /* background: hsl(218, 7%, 24%); */
}
.cd-accordion__item:last-child .cd-accordion__label {
    box-shadow: none;
}
.cd-accordion__sub--l2 .cd-accordion__label {
    padding-left: calc(1.5em + 32px);
}
.cd-accordion__sub--l3 .cd-accordion__label {
    padding-left: calc(1.5em + 48px);
}
.cd-accordion__sub .cd-accordion__label { font-size: 16px !important; padding: 4px 0px !important; }

#search-tab {
  width: 100%;
}

#search-tab .nav {
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

#search-tab .nav li a:hover,
#search-tab .nav li a.active {
  background: #856d47;
  border: 1px solid #856d47;
  padding: 12px 50px;
  color: #fff !important;
}

#search-tab .nav li a {
  background: #fff;
  border: 1px solid #cecece;
  color: #141414 !important;
  padding: 12px 50px;
  color: #fff;
}

#search-tab .nav li {
    padding: 0px 15px;
}

#city-tab .tab-content {
}

#city-tab .nav {
  justify-content: end;
  top: -70px;
  position: relative;
}

#city-tab .nav li {
  padding: 0px 20px;
}

#city-tab h3 {
  color : #000;
}

/* remove border radius for the tab */

#city-tab .nav-pills > li > a {
  border-radius: 0px 0px 0 0;
  text-transform: uppercase;
  position: relative;
}

#city-tab .nav-pills > li > a.active {
  color: #856d47
}

#city-tab .nav-pills > li > a.active:after {
  content: "";
  width: 4vw;
  max-width: 100%;
  height: 1px;
  display: inline-block;
  background: #141414;
  position: absolute;
  left: calc(50% - 2vw);
  top: calc(100% + 10px);
}

/* change border radius for the tab , apply corners on top*/

#city-tab .nav-pills > li > a {
  border-radius: 0px 0px 0 0 ;
}

/* SIDEBAR */
.sidebar {
  width: 100%;
  display: block;
  padding-left: 30px;
}
.sidebar .widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #f5f3ec;
  border-right: 4px solid #f5f3ec;
  border-bottom: 4px solid #f5f3ec;
  padding: 35px;
  margin-bottom: 35px;
  position: relative;
}
.sidebar .widget * {
  position: relative;
}
.sidebar .widget .widget-title {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 22px;
  color: #856d47;
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-family: "Argesta Display";
}
.sidebar .widget .widget-title:after {
  content: "";
  width: 50px;
  height: 4px;
  background: #856d47;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.sidebar .widget .widget-title:before {
  content: "";
  width: 100%;
  height: 4px;
  background: #f5f3ec;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  mix-blend-mode: difference;
}
.sidebar .widget form {
  width: 100%;
  display: block;
}
.sidebar .widget form input[type="submit"] {
  margin-top: 10px;
  background: #141414;
  color: #fff;
}
.sidebar .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.sidebar .widget .categories li {
  width: 100%;
  display: block;
  margin: 4px 0;
  padding: 0;
  list-style: none;
}
.sidebar .widget .categories li a {
  color: #141414;
  font-size: 19px;
}
.sidebar .widget .categories li a:hover {
  color: #856d47;
}
.sidebar .widget .widget-gallery {
  width: calc(100% + 4px);
  float: left;
  margin: 0 -2px;
  padding: 0;
}
.sidebar .widget .widget-gallery li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 2px;
  list-style: none;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  align-items: center;
  justify-content: space-between;
}
.pagination .page-item {
  display: inline-block;
}
.pagination .page-item .page-link {
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: #141414;
  outline: none !important;
}
.pagination .page-item .page-link:focus {
  outline: none !important;
}

/* NEWSLETTER BOX */
.newsletter-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding: 0 20%;
}
.newsletter-box h6 {
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 800;
  opacity: 0.3;
  letter-spacing: 2px;
  position: relative;
}
.newsletter-box h6:before {
  content: "";
  width: 4vw;
  max-width: 100%;
  height: 1px;
  display: inline-block;
  background: #141414;
  position: absolute;
  left: calc(50% - 2vw);
  top: calc(100% + 10px);
}
.newsletter-box h2 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: "Argesta Display";
  font-size: 60px;
}
.newsletter-box form {
  width: 100%;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #cbcbcb;
  padding: 10px;
  margin-bottom: 15px;
}
.newsletter-box form input[type="email"] {
  flex: 1;
  height: 60px;
  border: none;
  padding: 0 10px;
}
.newsletter-box form input[type="submit"] {
  height: 60px;
  border: none;
}
.newsletter-box small {
  width: 100%;
  display: block;
}
.newsletter-box small a {
  display: inline-block;
  text-decoration: underline;
}
.newsletter-box small a:hover {
  text-decoration: none;
}

/* FOOTER BAR */
.footer-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
  padding: 40px 0;
}
.footer-bar i {
  font-size: 30px;
  display: inline-block;
  margin-right: 10px;
}
.footer-bar h6 {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  font-size: 24px;
  opacity: 0.4;
}
.footer-bar strong {
  font-size: 15px;
}
.footer-bar figure {
  margin-left: auto;
  margin-bottom: 0;
}
.footer-bar figure img {
  height: 40px;
}

/* FOOTER */
.footer {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background: #141414;
  padding-top: 100px;
  color: #fff;
  font-size: 16px;
}
.footer .widget-title {
  width: 100%;
  display: block;
  font-size: 22px;
  font-family: "Argesta Display";
  margin-bottom: 25px;
  color: #fff;
}
.footer .wcontent {
  padding-right: 20px;
}
.footer .wcontent span {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
}
.footer .wcontent i,
.footer .wcontent svg {
  font-size: 18px;
  line-height: 18px;
  width: 18px;
  height: 18px;
  color: #856d47;
  margin-right: 12px;
}
.footer .wcontent a {
 text-decoration: underline;
}
.footer p {
  width: 100%;
  display: block;
}
.footer p a {
  color: #fff;
}
.footer p a:hover {
  text-decoration: underline;
}
.footer .bottom-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 50px 0;
  font-size: 16px;
  position: relative;
  margin-top: 50px;
}
.footer .bottom-bar:before {
  content: "";
  width: calc(100% + 100px);
  height: 1px;
  background: #fff;
  position: absolute;
  top: 0;
  left: -50px;
  opacity: 0.2;
}
.footer .bottom-bar span {
  display: inline-block;
}
.footer .bottom-bar .footer-social {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.footer .bottom-bar .footer-social li {
  display: inline-block;
  margin-left: 10px;
  padding: 0;
  list-style: none;
}
.footer .bottom-bar .footer-social li a {
  display: inline-block;
  color: #fff;
}
.footer ul.footer-list { padding-left: 0px; list-style: none; }
.footer ul.footer-list li { margin-bottom: 5px }
.footer ul.footer-list li a { color: #fff; }

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
.blog-box{
  width: 100%;
  display:inline-block;
}
.blog-sidebar {
  width: 100%;
}
.blog-contentbox,
.room-info-box.highlights {
  width: 100%;
  max-width:100%;
  margin-right: 0px;
}
.content-section-breadcrumb{
  padding-left:10px;
  top:10px;
}
  .property-search form .form-group {
    margin: 15px;
  }

  .side-image .video-button {
    width: 120px;
    height: 120px;
    line-height: 120px;
    left: calc(50% - 60px);
    top: calc(50% - 60px);
  }

  .side-image.overlap-bottom {
    transform: translateY(0);
  }

  .side-image.left-align:after {
    display: none;
  }

  .side-image.right-align:after {
    display: none;
  }

  .side-image.overlap-top {
    transform: translateY(0);
  }

  .side-content.text-left p {
    padding-right: 0;
  }

  .side-content .custom-button {
    margin-top: 20px;
  }

  .section-title h2 {
    font-size: 48px;
  }

  .section-title h6:before {
    display: none;
  }

  .side-content h2,
  .side-content p.line {
    font-size: 38px;
  }

  .carousel-image-box {
    width: 100%;
  }

  .side-hotel-box.right {
    padding-left: 50px;
  }

  .side-hotel-box h2 {
    font-size: 38px;
  }

  .side-hotel-box h2 br {
    display: none;
  }

  .side-hotel-box .review {
    display: none;
  }

  .side-content.text-left {
    padding-right: 10%;
  }

  .video-box .play-btn {
    width: 120px;
    height: 120px;
    line-height: 120px;
    left: calc(50% - 60px);
    top: calc(50% - 60px);
  }

  .pgrid-slider .swiper-slide .pgrid-detail {
    width: 60%;
  }

  .recent-news .content {
    padding-left: 0;
  }

  .recent-news .content ul:before {
    display: none;
  }

  .meeting-event-box .content {
    width: 100%;
    margin-top: 0;
    padding-top: 25px;
  }

  .meeting-event-box .content h5 {
    font-size: 23px;
  }

  .event-headline h3 {
    font-size: 44px;
  }

  /* .grid-box .content {
    width: 100%;
    margin-left: 0;
    margin-top: 25px;
    padding: 0;
  } */

  .special-offer-box .content h5 {
    font-size: 23px;
  }

  .special-offer-box .content {
    width: 100%;
    margin-top: 25px;
    padding: 0;
  }

  .newsletter-box h2 {
    font-size: 48px;
  }

  .side-gallery {
    transform: translateY(0);
  }

  .grid-listli {
    padding-right: 15px;
  }

  .grid-listli:nth-child(even) {
    padding-left: 15px;
  }

  .room-type h3 {
    font-size: 60px;
  }

  .room-info-box {
    padding: 30px;
  }

  .room-info-box ul li span {
    width: auto;
  }

  .contact-box {
    padding: 30px;
  }

  .contact-form input[type="text"] {
    width: 100%;
  }

  .custom-button {
    height: 70px;
    line-height: 70px;
  }

  .sidebar {
    padding-left: 0;
  }

  .news-box .content {
    padding-left: 0;
  }

  .news-box .content .category:before {
    display: none;
  }

  .footer .bottom-bar:before {
    width: 100%;
    left: 0;
  }

  .content-section.bottom-spacing {
    margin-bottom: 0 !important;
  }

  .content-section.top-spacing {
    margin-top: 0 !important;
  }

  .col-md-6:nth-child(2) .recent-news {
    padding-right: 0;
  }

  .col-md-6:nth-child(3) .recent-news {
    padding-left: 0;
  }
}
/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .blog-contentbox-row-col1{
    width:100%;
    height:250px;
  }
  .blog-contentbox-row-col2{
	width:100%;
	height:auto;
  }
  .cursor {
    display: none;
  }

  .hamburger-navigation .nav-menu.mobile-menu {
    display: inline-block;
  }

  .navbar .site-menu {
    display: none;
  }

  .side-image.right-full {
    width: 100%;
  }

  .side-content.text-center {
    padding: 100px 0;
  }

  .side-content.text-left {
    padding: 100px 0;
  }

  .side-hotel-box.right {
    padding: 100px 0;
  }

  .side-gallery {
    width: 100vw;
    margin-left: 50%;
    float: left;
    transform: translateX(-50%);
  }

  .side-gallery div:nth-child(1) {
    width: 100%;
  }

  .side-gallery div:nth-child(2) {
    width: 50%;
    margin: 0;
  }

  .side-gallery div:nth-child(3) {
    width: 50%;
    margin: 0;
  }

  .side-content h2 br {
    display: none;
  }

  .pgrid-slider {
    width: calc(100% - 30px);
    margin: 0 15px;
  }

  .pgrid-slider .swiper-slide {
    max-width: 100%;
  }

  .testimonial-box.bottom {
    margin-bottom: 0;
  }

  .recent-news .content h2 {
    font-size: 27px;
    margin-top: 10px;
  }

  .member-box {
    margin: 15px 0;
  }

  .member-box .content {
    width: 100%;
    margin-top: 0;
  }

  .side-image.left-full-space {
    width: 100vw;
    float: left;
    margin-right: 0;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  .event-headline h3 {
    font-size: 36px;
  }

  .event-headline h3 br {
    display: none;
  }

  .content-tab .tab-item {
    padding: 30px;
  }

  .content-tab .tab-item ul li {
    width: 50%;
  }

  .content-tab .tab-item .col-lg-4.col-md-6 {
    margin-bottom: 30px;
  }

  .video-box {
    margin: 0;
  }

  .video-box h2 br {
    display: none;
  }

  .video-box .play-btn {
    margin-bottom: 50px;
  }

  .grid-filter .price-range {
    width: 100%;
    margin-bottom: 10px;
  }

  .grid-filter .specifications {
    width: 100%;
    padding-left: 0;
  }

  .grid-listli {
    width: 100%;
    padding-right: 0;
    margin-bottom: 60px;
  }

  .grid-listli:nth-child(even) {
    width: 100%;
    padding-left: 0;
  }

  .grid-listli:last-child {
    margin-bottom: 0;
  }

  .recent-testimonial {
    padding: 30px;
  }

  .sidebar {
    margin-top: 50px;
  }

  .newsletter-box {
    padding: 0;
  }

  .footer-bar h6 {
    font-size: 20px;
  }

  .footer-bar figure img {
    height: 34px;
  }

  .footer .widget-title {
    margin-top: 30px;
  }

  .footer .row div:first-child .widget-title {
    margin-top: 0;
  }
}
/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  #desktop-presentation-view{
    display:none;
  }
  #mobile-presentation-view{
	display:inline-block;
  }
  .page-header-presentation{
	display:none;
  }
  .page-header-presentation-mobile{
	width: 100%;
    height: 400px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-size: cover !important;
    position: relative;  
  }
  .page-header-presentation-mobile .container > h1{
	margin-top:60px;
	color:#FFFFFF;
	text-shadow: 6px 3px 14px rgba(0,0,0,0.58);
  }
  .presentation-heading-common-row-col1{
	  width:100%;
	  padding-right:0px;
	  flex-grow: 2;
  }
  .presentation-heading-common-row-col2{
	  width:100%;
	  padding-left:0px;
	  flex-grow: 2;
  }
  .presentation-heading-common-row-col1:nth-child(even) > .brick:first-child,
  .presentation-heading-common-row-col1:nth-child(even) > .brick:last-child {
    flex-grow: 1;
  }
  .presentation-heading-common-row-col2:nth-child(even) > .brick:first-child,
  .presentation-heading-common-row-col2:nth-child(even) > .brick:last-child {
    flex-grow: 1;
  }
  .presentation-heading-common-row-col1-item{
	width:50%;
	margin-bottom:25px;
  }
  .projects-page .bot-init { bottom: 60px !important; }	
	
  .hamburger-navigation-active .hamburger-navigation .container {
    padding-top: 50px;
  }

  .hamburger-navigation .info-box {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
  }

  .hamburger-navigation .nav-menu li {
    margin: 3px 0;
  }

  .hamburger-navigation .nav-menu li a {
    font-size: 18px !important;
  }

  .page-header .container h1 {
    font-size: 10vw;
  }

  .page-header .container p {
    letter-spacing: 0;
  }

  .navbar .navbar-text {
    display: none;
  }

  .slider h6 {
    letter-spacing: 0;
    font-size: 13px;
  }

  .slider h1 {
    font-size: 12vw;
  }

  .slider a {
    height: 70px;
    line-height: 70px;
  }

  .slider .slider-prev {
    display: none;
  }

  .slider .slider-next {
    display: none;
  }

  .slider .slider-fraction {
    width: 30%;
  }

  .property-search form .form-group {
    width: 100%;
  }

  .section-title h2 {
    font-size: 34px;
  }

  .section-title h2 br {
    display: none;
  }

  .side-hotel-box h2 {
    font-size: 34px;
  }

  .package-box {
    padding: 30px;
  }

  .package-box h4 {
    font-size: 34px;
  }

  .events-tab .tab-nav li {
    margin-bottom: 10px;
  }

  .pgrid-slider .swiper-slide .pgrid-detail {
    width: calc(100% - 30px);
    left: 15px;
    bottom: 15px;
    padding: 15px;
  }

  .grid-box .content .bottom-specs .icons {
    width: 100%;
  }

  .grid-box .content .bottom-specs .reviews {
    width: 100%;
    text-align: left;
    margin-top: 20px;
  }

  .room-type h3 {
    font-size: 34px;
  }

  .room-gallery-top {
    display: none;
  }

  .room-info-box ul li b {
    width: 80%;
  }

  .content-tab .tab-nav li {
    padding: 0 15px;
    margin-right: 0;
    margin-left: -1px;
  }

  .content-tab .tab-nav li:first-child {
    margin-left: 0;
  }

  .content-tab .tab-item ul li {
    width: 100%;
  }

  .news-box {
    margin-bottom: 50px;
  }

  .news-box .content h3 {
    font-size: 30px;
    line-height: 1.2;
    margin-top: 10px;
  }

  .sidebar .widget {
    padding: 30px;
  }

  .newsletter-box h2 {
    font-size: 34px;
  }

  .newsletter-box form {
    height: auto;
  }

  .newsletter-box form input[type="email"] {
    margin-bottom: 10px;
  }

  .newsletter-box form input[type="submit"] {
    width: 100%;
  }

  .footer-bar strong {
    width: 100%;
    display: block;
    margin: 10px 0;
  }

  .footer-bar figure {
    width: 100%;
    margin: 0;
    margin-top: 10px;
  }

  .footer .bottom-bar .footer-social {
    width: 100%;
    display: block;
    margin-top: 10px;
  }

  .footer .bottom-bar .footer-social li {
    margin-left: 0;
    margin-right: 10px;
  }
}

.carousel-project-slides.swiper-container-horizontal { /* padding: 15px 0px;  */}

.nvmob { display: none !important; }

@media (max-width: 480px) {
	
.project-headline address a span:nth-child(2) { display: none !important; }	
.rerano { font-size: 12px !important; } 
.room-info-box.highlights table.phighlights tr:nth-child(2) td { /* background: #f5f3ec !important; */ }
.room-info-box.highlights table.phighlights, .room-info-box.highlights th, .room-info-box.highlights td { border-width: 2px !important; }
.room-info-box.highlights table tr td:nth-child(1) {  width: 200px !important; }
	
}

/* @media (max-width: 767px) { */
@media (orientation: portrait) and (max-width: 767px) {
	
	.searchcontainer h4 {
		font-size: 17px !important;
	}
	
	.searchcontainer .property-search {
		margin: 75px 0 30px !important;
	}
	
	.search_box input[type="text"] {
		height: 48px !important;
	}

	button#srchbtn {
		width: 48px !important;
		height: 48px !important;
		line-height: 48px;
	}
	
	.voicebutton, .btn_common {
		width: 58px !important;
		height: 58px !important;
	}
	
	.container-section {
		width: calc(100% - 30px) !important;
	}
	
	/* .rev_slider_wrapper.fullscreen-container {
		height: 400px !important;
		min-height: 400px !important;
		max-height: 400px !important;
	}
	
	.rev_slider.fullscreenbanner {
		height: 400px !important;
		min-height: 400px !important;
		max-height: 400px !important;
	} */
	
	.uplans { min-height: 160px !important; } 
	
	body {
		font-size: 14px !important;
	}

	#search-tab .nav li a,
	#search-tab .nav li a:hover, #search-tab .nav li a.active {
		padding: 8px 20px !important;
		
	}
	
	#search-tab .nav li { padding: 0px 5px !important; }
	
	.property-search {
		margin: 40px 0 30px !important;
	}
	
	.property-search form .form-group:nth-child(1) {
		margin-left: 0px !important;
	}
	
	.property-search form .form-group {
		width: calc(100% - 15px) !important;
		margin-bottom: 0px;
	}
	
	.navbar .logo a img {
		max-height: 72px !important;
	}
	
	.property-search form .form-group.submit {
		align-items: center !important;
	}
	
	.property-search form .form-group .ui-slider-horizontal .ui-slider-handle {
		top: -5px !important;
	}
	
	.property-search form .form-group:nth-child(3n) {
		margin-right: 15px !important;
		margin-top: 30px;
	}
	
	.about-prestige .side-gallery div.about-highlights {
		width: 150px;
		height: 150px;
		margin-right: 12px;
	}
	
	.about-prestige .side-gallery div.about-highlights h2, .hme-stats {
		font-size: 24px !important;
		margin-bottom: 2px;  
		font-weight: 500;
		line-height: 1.2;
		margin-bottom: 0.5rem;
	}
	
	.about-prestige .side-gallery div.about-highlights h6,
	.hme-stats-subtext {
		font-size: 14px;
	}
	
	.about-prestige .side-gallery div.about-highlights img {
		max-width: 42px !important;
		margin-bottom: 5px !important;
	}
	
	.about-prestige .side-gallery div:nth-child(2) {
		margin-top: 12px !important;
		margin-bottom: 12px !important;
	}
	
	.about-prestige .side-gallery div:nth-child(3) {
		margin-top: -12px !important;
		margin-bottom: 12px !important;
	}
	
	.about-prestige .side-gallery div.about-highlights:after {
		top: 0px !important;
		right: -5px !important;
	}
	
	.about-prestige .side-gallery {
		max-width: 324px !important;
		margin-bottom: 50px;
	}
	
	.side-content.text-center {
		padding: 0px 0 40px !important;
	}

	.content-section.top-spacing {
		padding-top: 50px !important;
	}
	
	.side-content h2,
	.side-content p.line {
		font-size: 18px !important;
	}
	
	.about-prestige .row .col-lg-6:nth-child(1)	{
		/* order: 2; */
	}

	.custom-button {
		height: 42px !important;
		line-height: 42px !important;
		padding: 0px 24px !important;
	}
	
	.property-search form .form-group.submit label {
		text-align: center !important;
	}
	
	.projects-grid-wrapper {
		grid-gap: 12px !important;
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
		grid-auto-rows: 140px !important;
	}
	
	#city-tab .nav {
		justify-content: center;
		top: 0px;
		position: relative;
		margin-bottom: 40px;
	}
	
	#city-tab .nav li {
		padding: 0px 8px;
	}
	
	.carousel-events-box {
		max-width: 85%;
	}
	
	.carousel-events-box .swiper-next, .carousel-events-box .swiper-prev {
		width: 42px !important;
		height: 42px !important;
		top: 40% !important;
	}
	
	.carousel-events-box .swiper-prev:before, .carousel-brands-box .swiper-prev:before {
		width: 12px !important;
		height: 12px !important;
		left: 17px !important;
		top: 17px !important;
	}
	
	.carousel-events-box .swiper-next:before, .carousel-brands-box .swiper-next:before {
		width: 12px !important;
		height: 12px !important;
		right: 17px !important;
		top: 17px !important;
	}
	
	.section-title h6 { text-align: center; }
	
	.section-title h2 {
		font-size: 22px;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.side-content p { font-size: 15px; }
	
	.projects-grid-wrapper > div > .content h4 {
		font-size: 18px !important;
	}
	
	.projects-grid-wrapper > div > .content {
		left: 12px !important;
		bottom: 12px !important;
	}
	
	.projects-grid-wrapper > div > .content h5 {
		font-family: "Argesta Display";
		font-size: 18px !important;
	}
	
	.member-box figure,
	.member-box .content { margin: 0 50px; }
	
	.section-title {
		margin-bottom: 5px !important;
	}
	
	.section-title.text-center h6 {
		margin-bottom: 5px !important;
	}
	
	.side-content .custom-button, .center-content .custom-button {
		margin-top: 0px !important;
	}
	
	.nvmob { display: block !important; }
	
	.member-box .content {
		padding: 15px !important;
	}
	
	.member-box .content h5 {
		margin-bottom: 12px !important;
		font-size: 16px !important;
	}
	
	.footer .wcontent span {
		text-align: center !important;
		margin: 0 auto 10px !important;
	}
	
	.pgrid-slider {
		margin-top: 15px;
		max-height: 400px;
	}
	
	.pgrid-slider .swiper-slide .pgrid-detail h3 {
		font-size: 18px !important;
	}

	.pgrid-slider .swiper-slide .pgrid-detail {
		width: calc(100% - 30px);
		flex-wrap: nowrap;
	}
	
	.pgrid-slider .swiper-slide .pgrid-detail h2,
	.pgrid-slider .swiper-slide .pgrid-detail .price {
		font-size: 15px !important;
		line-height: 18px !important;
		margin-bottom: 10px !important;
	}
	
	 .pgrid-slider .swiper-slide .pgrid-detail .reviews {
		margin-bottom: 12px !important;
	}
	
	.content-section.featured-projects {
		padding-bottom: 15px;
	}
	
	.content-section.testimonials {
		padding-top: 40px !important;
	}
	
	.brand-box > img {
		padding: 7px !important;
	}
	
	.footer .widget-title, .footer p, .footer ul.footer-list li, .footer .bottom-bar span, .footer .bottom-bar .footer-social { text-align: center; }
	
	.page-header .container h1 {
		font-size: 18px !important;
		text-align: center;
	}
	
	.page-header {
		height: 220px !important;
	}
	
	.grid-properties, .dgrid-properties {
		padding: 0px 0px;
		flex-direction: column !important;
	}
	.grid-properties.cntent { padding: 0px 0px !important; flex-direction: column !important;}
	.content-section.setion .side-content.text-left { padding-right: 0px !important; } 
	.content-section.setion .side-content.text-left { padding: 0px 0px 30px !important; }
	
	.vertial.property-search.filter { margin: 0px !important; }
	.vertial.property-search.filter { width: calc(100% - 0px) !important; }

	.content-section {
		padding: 40px 0 !important;
	}
	
	.vertial.property-search form .form-group { padding: 5px 15px 0px !important; }
	
	.grid-properties .grid-list {
		width: calc(100% + 22px) !important;
	}
	
	.grid-properties .grid-list li { width: calc(100% - 0px) !important; margin: 15px 0px 15px !important; }
	.grid-box .content { padding: 12px !important; }
	
	.grid-box .content .bottom-specs {
		padding-top: 12px !important;
		margin-top: 15px !important;
	}
	
	.grid-box .location {
		margin-bottom: 12px !important;
	}
	
	.grid-properties .grid-list .grid-sticker li { white-space: nowrap; width: calc(100% - 0px) !important; }
	
	.vertial.property-search form h4 {
		padding: 10px 15px 0px !important;
	}
	
	.property-search form .form-group:nth-child(3n) { margin-top: 12px !important; }
	.property-search form .form-group:nth-child(3n + 4) { margin-left: 15px !important; }
	
	.vertial.property-search form .form-group:nth-child(3n + 4) { margin-left: 0px !important; }
	
	.vertial.property-search form {
		padding-top: 12px !important;
		margin-bottom: 15px !important;
	}
	
	.grid-properties .grid-list li {
		width: calc(100% - 24px) !important;
	}
	
	.grid-box .content .pgrid-type {
		letter-spacing: 0px !important;
	}
	
	.project-headline > div > img {
		display: none !important;
	}
	
	.project-headline > div:nth-child(2) {
		margin-left: 0px !important;
	}
	.project-headline h3, .project-headline h1 { font-size: 18px !important; }
	.project-headline address { font-size: 14px !important; }
	.project-headline { padding: 15px !important; margin-top: 15px !important; }
	
	.room-info-box.highlights, .about-box .room-info-box {
		max-width: calc(100% - 0px) !important;
		margin-right: 0px !important;
	}
	
	.room-info-box {
		padding: 15px !important;
	}
	
	.project-ctas div:nth-last-child(1) { /* display: none !important; */ }
	.project-ctas a.linkbtn > span { display: none !important; }
	.project-ctas h5, .project-ctas a.linkbtn { margin: 0px !important; height: 36px !important; line-height: 36px !important; padding: 0 12px; font-size: 14px !important; }

	.highlights-box, .about-box { display: block !important; }
	.dbrochure, .enform { width: 100% !important; padding: 20px; }
	
	.room-info-box h6 { font-size: 22px !important; }
	.room-info-box ul li { font-size: 14px !important; }
	.about-box { height: auto !important; margin-bottom: 0px !important }
	.about-box .room-info-box { height: auto !important; }
	.room-info-box.ctab ul li, .content-tab .tab-item ul li { width: 50% !important; }


}

.container-section { width: calc(100% - 160px);  margin: 0 auto; z-index: 1; }

.vform, 
.vcform,
.vrform { display: none; }
		
.footer.footer-bar {
	padding: 30px 0;
	border-top: 1px solid #343434;
}
			
.card-title {
	font-size: 19px;
	margin-bottom: 35px;
	font-weight: 500;
}
			
#eform,
#dform,
#ecform,
#secform,
#erform,
#eccform {
	position: relative;
	z-index: 1;
	right: 0px;    
	/* padding: 30px 25px 35px; */
}

.vform,
.vcform,
.svcform,
.vrform,
.vccform,
.userContent {
	position: relative;
	z-index: 1;
	right: 0px;
	padding: 0px;
}

.vform .form-group .icons,
.vcform .form-group .icons,
.svcform .form-group .icons,
.vrform .form-group .icons,
.vccform .form-group .icons {
    position: absolute;
    top: 45px !important;
}

#eformdiv p { margin-bottom: 2px !important; margin-bottom: 5px; font-size: 15px;}

.coraddr { margin-bottom: 60px; }
			
.iti {width: 100%;}
			
.form-group label {
	display: block;
	font-weight: 500;
}

#eformdiv {
	position: relative;
	z-index: 1;
	right: 0px;
	width: 100%;
	/* width: 380px; */
}

.coraddr #eformdiv {
    padding: 50px 40px;
    background: #f5f3ec;
}

.form-group .icons {
    position: absolute;
    top: 12px;
    left: 14px;
	width: 18px;
    height: 18px;
}

.container-example1 {
  height: 430px;
  width: 100%;
  max-width:100%;
  padding: 5px 10px;
  margin: auto;
  background: #ccc;
}

.container-example2 {
  max-height: 430px;
  padding: 5px 10px;
  background: #ccc;
}

.content-section.categorypage { padding: 0px 0px 75px !important; }

/* DL Menu */

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

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #856d47;
	border: none;    
	width: 58px;
    height: 58px;
    border-radius: 50%;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active {
	background: #856d47;
}

.dl-menuwrapper ul {
	background: #f5f3ec;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 3px;
	background: #fff;
	top: 18px;
	left: 25%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #000; 
	outline: none; 
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors for demos */

/* Demo 1 */
.demo-1 .dl-menuwrapper button {
	background: #c62860;
}

.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
	background: #9e1847;
}


/* End DL Menu */

/* CD Timeline Master */


.cd-horizontal-timeline a {
  text-decoration: none;
}
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 100%;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  /* background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); */
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  /* background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); */
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  /* background-color: #fd8204; */
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #856d47;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #856d47;
  border-color: #856d47;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
  color: #856d47;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #856d47;
  border-color: #856d47;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
    margin: 6em auto;
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-horizontal-timeline .cd-timeline-navigation, .cd-horizontal-timeline ol, .cd-horizontal-timeline ul { list-style: none; }

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  color: #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a:hover {
  border: 2px solid #856d47;
  color: #856d47;
}

.cd-timeline-navigation a.prev::before {
  content:  "\f053";
  font-family: FontAwesome;
  color: #ccc;
  font-size: 14px;
  display: block;
  position:absolute;
  top: 6px;
  left: -20px;
  z-index: 10000;
  height: 100%;
  width: 100%;
  text-align: center;
}

.cd-timeline-navigation a.next::before {
  content:  "\f054";
  font-family: FontAwesome;
  font-size: 14px;
  display: block;
  position:absolute;
  top: 6px;
  left: -20px;
  z-index: 10000;
  color: #ccc;
  height: 100%;
  width: 100%;
  text-align: center;
}

.cd-timeline-navigation a:hover:before {
  color: #856d47;
}

.cd-timeline-navigation a.prev {
  left: 0;
}

.cd-timeline-navigation a.next {
  right: 0;
}


.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {    
  max-width: calc(33% - 20px);
  margin: 15px 20px 20px 0;
}
.cd-horizontal-timeline .events-content h2 {
  color: #005695;
  font-weight: bold;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content p {
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}
.cd-horizontal-timeline .events-content p {
  display: block;
  margin-bottom: 0px;
}
.recent-testimonial span {
  margin-bottom: 8px;
}

.news-content { padding: 80px 0px !important; }
.news-content-blog { padding: 15px 0px !important; }

@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 2.6rem;
    color: #005695;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 16px;
    line-height: 22px;
  }
}

.enquire-fixed { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9; display: none; }
.enquire-fixed a.btn-info { height: 48px; width: calc(50% - 0px) !important;  display: flex; white-space: nowrap; text-align: center; font-size: 16px; font-weight: 600; color: #fff; background: #856d47;    border: none; line-height: 48px !important; padding: 0 30px; align-items: center; justify-content: center; }
.enquire-fixed a.btn-info:nth-last-child(1) { background: #000; text-align: center; color: #fff; }

@media (max-width: 767px) {
	
.mainslider { margin-bottom: 15px; }

.enquire-fixed { width: 100% !important; box-shadow: 3px 3px 20px rgb(0 0 0 / 20%); display: flex !important; } 
.enquire-fixed .btn { box-shadow: 3px 3px 20px rgb(0 0 0 / 20%); border-radius: 0px !important; }

.projects-grid-wrapper > a > .content small { line-height: 14px !important; }
.projects-grid-wrapper > div > .content h5, .projects-grid-wrapper > a > .content h5 { font-size: 13px !important; line-height: 15px !important; }
.projects-grid-wrapper > div > .content h4, .projects-grid-wrapper > a > .content h4 { font-size: 18px !important; margin-bottom: 0px !important; }
.commgrid-properties { padding: 0px 0px !important; }
.commgrid-properties .property-search.filter, .dgrid-properties .property-search.filter { padding: 5px 15px 25px !important; }
.property-search form .form-group { margin: 15px 0px 0px !important; }
.grid-list li { width: calc(100% - 26px) !important; margin: 15px 15px 10px 0px !important; }
.grid-list { width: calc(100% + 25px) !important; }
.commgrid-properties .property-search { margin: 40px 0 10px !important; }
.grid-box .price { font-size: 15px !important; line-height: 18px !important; }
.hospitality.rooms-list li { width: 100% !important; margin-top: 20px !important; padding-right: 0px !important; }
.room-box .content h3 { font-size: 18px !important; }
.room-box .content { padding: 15px !important; }

.retailgrid-properties .meeting-event-box .content h5 { font-size: 20px !important; }
.content-section.rtl { padding: 20px 0px !important; }
.retailgrid-properties .grid-list { margin: 0px !important; width: 100% !important; padding: 0px !important; }
.retailgrid-properties .meeting-event-box .content { width: calc(100% - 15px) !important; }
.retailgrid-properties .meeting-event-box .content { padding: 12px 12px 10px !important }
.retailgrid-properties .meeting-event-box .content span { font-size: 17px !important; }
.retailgrid-properties .grid-list li { margin-bottom: 10px !important; width: 100% !important; margin-right: 0px !important; }
.retailgrid-properties .grid-list { align-items: start !important; justify-content: end !important; flex-direction: row-reverse !important; }

.hsgrid-properties { padding: 0px 0px !important; }
.rooms-list.hospitality li { margin: 15px 0px 0px !important; }
.rooms-list.hospitality .room-box .content { padding: 15px !important; }
.room-box .content .bottom-specs { padding-top: 15px !important; margin-top: 15px !important; }
.rooms-list.hospitality .room-box .content h3 { font-size: 18px !important; margin-top: 0px !important; }
.retailgrid-properties { padding: 0px !important; }

.about-brief { margin-right: 0px !important; }
.about-section .side-gallery { margin-left: 0px !important; margin-bottom: 0px !important; }
.about-section, .investor-section { width: calc(100%) !important; margin: 0px 0px 0 0 !important; }
.about-brief p { text-align: center !important; }
.special-offer-box .content { margin-top: 0px !important; left: 0px !important; padding: 10px; }
.special-offer-box .content h5 { font-size: 16px !important; }

.bm-content { margin: 20px !important; }
.bm-content dl, .bm-content ol, .bm-content ul { text-align: left !important; }
.bm-content .member-box { margin: 0px 0px 10px 0px !important }
.about-section h4, .investor-section h4 {  margin-left: 0px !important; font-size: 16px !important; } 
.investor-section { padding-top: 40px; }

.altersearch { padding: 0px 15px 0px !important; }

}

@media (max-width: 480px) {
	
.about-brief { margin-right: 0px !important; }
.homepage .about-prestige .side-gallery { margin-left: 50% !important; margin-bottom: 40px !important; }
.about-prestige .side-gallery { margin-left: 9% !important; margin-bottom: 0px !important; }
.about-section, .investor-section { width: calc(100%) !important; overflow: hidden; margin: 0px 0px 0 0 !important; text-align: center !important; }	
.about-brief p { text-align: center !important; }
.special-offer-box .content { margin-top: 0px !important; left: 0px !important; padding: 10px; }
.special-offer-box .content h5 { font-size: 16px !important; }
.dl-trigger { right: 20px !important; }

.bm-content { margin: 20px !important; }
.bm-content dl, .bm-content ol, .bm-content ul { text-align: left !important; }
.bm-content .member-box { margin: 0px 0px 10px 0px !important }
.about-section h4, .investor-section h4 {  margin-left: 0px !important; font-size: 18px !important; } 
.investor-section { padding-top: 40px; }
	
}

@media (max-width: 991px) {
	
.nvmob { display: block !important; }	
.about-sidebar .cd-accordion, .investor-sidebar .cd-accordion { display: none !important; }	
.about-sidebar, .investor-sidebar { width: 100%; background: transparent; border: none; padding: 0px; position: fixed; z-index: 9; bottom: 110px; overflow: visible; }

.dl-menuwrapper { width: calc(100%) !important; max-width: inherit !important; left: -15px; right: 0; }
.dl-trigger { float: right !important; }

.paddress { display: none !important; }
.pslocation { display: inline-block !important; }


.bm-content { margin: 30px !important; }
.bm-content dl, .bm-content ol, .bm-content ul { text-align: left !important; }
.bm-content .member-box { margin: 0px 0px 10px 0px !important }
.about-section h4, .investor-section h4 {  margin-left: 0px !important; font-size: 18px !important; } 

}

@media (min-width: 992px) {
	
.dl-menuwrapper { display: none !important; } 
.paddress { display: inline-block !important; }
.pslocation { display: none !important; }
#nav-icon { display: none !important; }
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
.projects-grid-wrapper > div > .content h4, .projects-grid-wrapper > a > .content h4 { font-size: 20px !important; }
.projects-grid-wrapper > div > .content h5, .projects-grid-wrapper > a > .content h5 { font-size: 18px !important; }	
	

.grid-properties .grid-list { width: calc(100% + 20px) !important; }
.vertial.property-search.filter { margin-bottom: 20px !important; }
.vertial.property-search.filter h4 { text-align: center !important; }
.navbar .hamburger-menu { margin-left: 0px !important; }
.navbar .navbar-text { margin: 0 0 0 auto !important; }
.navbar .logo a img { max-height: 78px !important; }
.property-search { margin: 20px 0 0px !important; }
#search-tab .nav li { padding: 0px 5px !important; }
#search-tab .nav { margin-bottom: 20px; }
.property-search form .form-group { width: calc(33% - 30px) !important; margin: 15px 15px 0px !important; }
.search-section { padding: 45px 0px 55px !important; }
.about-prestige .side-gallery div:first-child, .side-gallery div:nth-child(3), .about-prestige .side-gallery div { width: 200px !important; }
.about-prestige .side-gallery div.about-highlights { height: 200px !important; }
.about-prestige .side-gallery div:nth-child(3) { margin-right: 20px !important; }
.side-gallery { width: calc(50vw - -60px) !important; float: none !important; transform: translateX(0%) !important;  margin: 0 auto !important; text-align: center !important; display: block !important; padding: 0px 0px 0px !important; }
.about-prestige .side-gallery div.about-highlights h2, .hme-stats { font-size: 30px !important; font-weight: 500; line-height: 1.2; margin-bottom: 0.5rem; }
.about-prestige .side-gallery div.about-highlights img { max-width: 54px !important; }
.side-content h2,
.side-content p.line { font-size: 26px !important; }
.custom-button { height: 45px !important; line-height: 45px !important; }
.side-content.text-center { padding: 50px 50px 0px !important; }
#city-tab .nav li { padding: 0px 8px !important; }
.content-section { padding: 60px 0 !important; }
.section-title h6 { margin-bottom: 2px !important; }
.section-title h2 { font-size: 28px !important; }
.projects-grid-wrapper { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; grid-auto-rows: 200px !important; }
.content-section.no-spacing { padding: 30px 0px !important; }
.section-title { margin-bottom: 30px !important; }
.pgrid-slider .swiper-slide .pgrid-detail { left: 30px; bottom: 30px; }
.pgrid-slider .swiper-slide .pgrid-detail { width: 90% !important; }
.side-image.right-full { margin-top: 40px !important; }
.project-headline, .dbrochure, .enform { margin-top: 20px !important }
.room-info-box {margin: 20px 0 0 !important; }
.container-section {  width: calc(100% - 30px) !important; }
.project-ctas a.linkbtn span { display: none !important; }
.project-headline h3,
.project-headline h1 { font-size: 24px !important; }
.project-headline address { font-size: 15px !important; line-height: 18px !important; }
.project-ctas h5 { height: 42px !important; line-height: 42px !important; padding: 0px 15px !important; }
.project-ctas a.linkbtn { height: 42px !important; line-height: 42px !important; padding: 0px 13px !important; }
.project-headline { margin-top: -40px !important; }
.project-headline > div:nth-child(1) { /* display: none !important; */ }
.project-headline > div:nth-child(2) { margin-left: 0px !important; }
.project-ctas h5 { margin: 0px !important; }
.highlights-box, .about-box {  display: block !important; }
.dbrochure, .enform { width: 100% !important; }
.room-info-box.highlights, .about-box .room-info-box { width: 100% !important; max-width: 100% !important;  }
.about-box .room-info-box, .about-box { height: auto !important; }
.content-tab { margin-top: 0px !important; }
.room-info-box.ctab ul li, .content-tab .tab-item ul li { width: 50% !important; }
.grid-properties, .dgrid-properties, .content-section { padding: 0px 10px !important; }
.grid-properties, .dgrid-properties { display: block !important; }
.content-section.rsc { padding-top: 5px !important; }
.vertial.property-search.filter { width: calc(100% - 0px) !important; }
.vertial.property-search form h4 { padding: 0px 20px 0px !important; } 
.vertial.property-search form .form-group { width: calc(33% - 30px) !important; margin: 15px 15px 0px !important; padding: 0px !important; }
.formgroups { display: flex; flex-wrap: wrap; padding: 0px 10px; align-items: center; justify-content: flex-end; }
.vertial.property-search form { padding-bottom: 25px !important; padding-top: 12px !important; }
.property-search form .form-group .ui-slider-horizontal .ui-slider-handle {  margin-left: -12px !important; }
select { height: 42px !important; font-size: 15px !important; padding: 0 20px !important; }
.grid-box figure img { min-height: 235px !important; }
.grid-box .content { padding: 15px !important; } 
.grid-box .location { margin-bottom: 5px !important; }
.grid-properties .grid-list li { margin-bottom: 15px !important; }
.commgrid-properties { padding: 0px 0px !important; }
.commgrid-properties .grid-list li { width: calc(50% - 15px) !important; margin: 15px 15px !important; }
.commgrid-properties .grid-list { width: calc(100% + 0px) !important; }
.commgrid-properties .grid-list .grid-sticker li { width: auto !important; margin: 0px !important; }
.grid-box .price { font-size: 15px !important; }
.page-header .container h1 { font-size: 24px !important; text-align: center !important; }
.commgrid-properties .grid-list li:nth-child(odd) { margin-left: 0px !important; }
.commgrid-properties .grid-list li:nth-child(even) { margin-right: 0px !important; }
.retailgrid-properties .meeting-event-box .content h5 { font-size: 14px !important; }
.content-section.rtl { padding: 20px 0px !important; }
.content-section.hsp {  padding: 20px 0px !important; }
.retailgrid-properties .grid-list { margin: 0px !important; width: 100% !important; padding: 0px !important; }
.retailgrid-properties .meeting-event-box .content { width: calc(100% - 15px) !important; }
.retailgrid-properties .meeting-event-box .content { padding: 12px 12px 10px !important }
.retailgrid-properties .meeting-event-box .content span { font-size: 13px !important; }
.retailgrid-properties .grid-list li { margin-bottom: 10px !important; width: calc(33% - 18px) !important; }
.retailgrid-properties .grid-list { align-items: start !important; justify-content: end !important; flex-direction: row-reverse !important; }
.retailgrid-properties, .hsgrid-properties  { padding: 0px 5px !important; }
.rooms-list.hospitality li { width: calc(50% - 16px) !important; margin: 15px 8px 15px !important; }
.rooms-list.hospitality .room-box .content .price-line { font-size: 15px !important; line-height: 18px !important; }
.rooms-list.hospitality .room-box .content h3 { font-size: 16px !important; }
.rooms-list.hospitality .room-box .content .bottom-specs {padding-top: 15px !important; margin-top: 15px !important; }
.rooms-list.hospitality .room-box .content { padding: 15px !important; }
.bottom-specs a { font-size: 15px !important; }

.about-brief { margin-right: 0px !important; }
.about-contain, .investor-contain { display: block !important; }
.about-section, .investor-section { width: calc(100%) !important; } 
.special-offer-box .content { margin-top: 0px !important; }
.special-offer-box .content h5 { font-size: 17px !important; }
.special-offer-box .content { width: calc(100% - 30px) !important; margin-top: 0px !important; padding: 8px 10px !important; }
.special-offer-box .content h5 { font-weight: normal !important; font-size: 16px !important; }


.dl-menuwrapper { width: calc(100% - 66px) !important; max-width: inherit !important; }
.dl-trigger { float: right !important; }

.project-headline > div > img { padding-right: 15px !important; }
 
}

@media (min-width: 992px) and (max-width: 1199px) {

.projects-grid-wrapper > div > .content h4, .projects-grid-wrapper > a > .content h4 { font-size: 20px !important; }
.projects-grid-wrapper > div > .content h5, .projects-grid-wrapper > a > .content h5 { font-size: 18px !important; }	

.grid-properties, .dgrid-properties { padding: 0px 15px !important; }
.room-info-box { padding: 20px !important; } 
.room-info-box.highlights table tr td:nth-child(1) { width: 180px !important; font-size: 14px; }
.room-info-box.highlights table, .room-info-box.highlights th, .room-info-box.highlights td { padding: 5px 0px !important; }
.project-headline h3, .project-headline h1 { font-size: 24px !important; }
.project-headline address { font-size: 15px !important; line-height: 18px !important; }
.project-ctas h5 { height: 42px !important; line-height: 42px !important; padding: 0px 15px !important; }
.project-ctas a.linkbtn { height: 42px !important; line-height: 42px !important; padding: 0px 13px !important; }
.project-headline > div:nth-child(1) { /* display: none !important; */ }
.project-headline > div:nth-child(2) { margin-left: 0px !important; }
.project-ctas h5 { margin: 0px !important; }
.container-section {  width: calc(100% - 40px) !important;}
.project-ctas a.linkbtn span { display: none !important; }
.navbar .site-menu ul li { margin: 0px 10px !important; }
.navbar .hamburger-menu { margin-left: 0px !important; }
.navbar .navbar-text { margin: 0 0 0 auto !important; }
.navbar .logo a img { max-height: 78px !important; }
.property-search { margin: 20px 0 0px !important; }
#search-tab .nav li { padding: 0px 5px !important; }
#search-tab .nav { margin-bottom: 20px; }
.property-search form .form-group { width: calc(33% - 30px) !important; margin: 15px 15px 0px !important; }
.search-section { padding: 45px 0px 55px !important; }
.about-prestige .side-gallery div:first-child, .side-gallery div:nth-child(3), .about-prestige .side-gallery div { width: 200px !important; }
.about-prestige .side-gallery div.about-highlights { height: 200px !important; }
.about-prestige .side-gallery div:nth-child(3) { margin-right: 20px !important; }
.side-gallery { width: calc(50vw - -60px) !important; float: none !important; transform: translateX(0%) !important;  margin: 0 auto !important; text-align: center !important; display: block !important; padding: 0px 0px 0px !important; }
.about-prestige .side-gallery div.about-highlights h2, .hme-stats { font-size: 30px !important; font-weight: 500; line-height: 1.2; margin-bottom: 0.5rem; }
.about-prestige .side-gallery div.about-highlights img { max-width: 54px !important; }
.side-content h2,
.side-content p.line { font-size: 26px !important; }
.custom-button { height: 45px !important; line-height: 45px !important; }
.side-content.text-center { padding: 50px 50px 0px !important; }
#city-tab .nav li { padding: 0px 8px !important; }
.content-section { /* padding: 60px 0 !important; */ }
.section-title h6 { margin-bottom: 2px !important; }
.section-title h2 { font-size: 36px !important; }
.projects-grid-wrapper { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important; grid-auto-rows: 220px !important; }
.content-section.no-spacing { padding: 30px 0px !important; }
.section-title { margin-bottom: 30px !important; }
.pgrid-slider .swiper-slide .pgrid-detail { left: 30px; bottom: 30px; }
.pgrid-slider .swiper-slide .pgrid-detail { width: 90% !important; }
.side-image.right-full { margin-top: 40px !important; }
.content-section.rsc { padding-top: 5px !important; }
.vertial.property-search.filter { width: calc(100% - 0px) !important; }
.vertial.property-search form h4 { padding: 0px 20px 0px !important; } 
.vertial.property-search form .form-group { width: calc(33% - 30px) !important; margin: 15px 15px 0px !important; padding: 0px !important; }
.formgroups { display: flex; flex-wrap: wrap; padding: 0px 10px; align-items: center; justify-content: flex-end; }
.vertial.property-search form { padding-bottom: 25px !important; padding-top: 12px !important; }
.property-search form .form-group .ui-slider-horizontal .ui-slider-handle {  margin-left: -12px !important; }
select { height: 42px !important; font-size: 15px !important; padding: 0 20px !important; }
.grid-box figure img { min-height: 235px !important; }
.grid-box .content { padding: 15px !important; } 
.grid-box .location { margin-bottom: 5px !important; }
.grid-properties .grid-list li { margin-bottom: 15px !important; }
.grid-properties, .dgrid-properties { padding: 0px 10px !important; }
.grid-properties, .dgrid-properties { display: block !important; }
.grid-properties .grid-list { width: calc(100% + 30px) !important; margin-top: 15px; }
.grid-properties .grid-list li { width: calc(33% - 26px) !important;  }
.grid-properties .grid-list li:nth-child(3n) { margin-right: 0px !important; }
.grid-properties .grid-list li:nth-child(1n) { margin-right: 15px !important; }
.grid-properties .grid-list li:nth-child(1), .grid-properties .grid-list li:nth-child(2n + 4) {  margin-left: 15px !important; }
.grid-properties .grid-list li:nth-child(1), .grid-properties .grid-list li:nth-child(2n + 3) {  margin-left: 15px !important; }
.grid-properties .grid-list li:nth-child(1), .grid-properties .grid-list li:nth-child(3n + 4) {  margin-left: 0px !important; }
.grid-box .content { width: calc(100% - 20px) !important; margin-top: -35px; margin-left: 20px !important; }
.grid-properties .grid-list .grid-sticker li { width: 100% !important; }
.grid-box .price { font-size: 16px !important }
.grid-properties .grid-list li:nth-child(1), .grid-properties .grid-list li:nth-child(2) { margin-top: 15px !important; }
.commgrid-properties {  padding: 0px 10px !important }
.commgrid-properties .grid-list li { margin-bottom: 20px !important;  }
.retailgrid-properties .meeting-event-box .content h5 { font-size: 20px !important; }
.content-section.rtl { padding: 20px 0px !important; }
.content-section.hsp { padding: 40px 0px !important; }
.retailgrid-properties .grid-list { margin: 0px !important; width: 100% !important; padding: 0px !important; }
.retailgrid-properties .meeting-event-box .content { width: calc(100% - 15px) !important; }
.retailgrid-properties .meeting-event-box .content { padding: 12px 12px 10px !important }
.retailgrid-properties .meeting-event-box .content span { font-size: 17px !important; }
.retailgrid-properties .grid-list li { margin-bottom: 10px !important; width: calc(33% - 18px) !important; }
.retailgrid-properties .grid-list { align-items: start !important; justify-content: end !important; flex-direction: row-reverse !important; }
.page-header .container h1 { font-size: 24px !important; }
.retailgrid-properties, .hsgrid-properties { padding: 0px 10px !important; }
.rooms-list.hospitality .room-box .content h3 { font-size: 15px !important; }
.rooms-list.hospitality li { width: calc(33% - 30px) !important; }
.rooms-list.hospitality .room-box .content { padding: 15px !important; }
.room-box .content .price-line { font-size: 13px !important; line-height: 15px !important; }
.room-box .content .bottom-specs { padding-top: 12px !important; }
.bottom-specs a { font-size: 14px !important; }
.rooms-list.hospitality li { width: calc(33% - 15px) !important; }
.rooms-list.hospitality li { margin: 15px 8px 10px !important; }

.special-offer-box .content { margin-top: 0px !important; }
.special-offer-box .content h5 { font-size: 17px !important; }
.special-offer-box .content { width: calc(100% - 30px) !important; margin-top: 0px !important; padding: 8px 10px !important; }
.special-offer-box .content h5 { font-weight: normal !important; font-size: 16px !important; }

}

.search-menu { position: relative; background: #856d47; }

.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 60px;
  height: 80px;
  margin: 0;
  padding: 0;
  outline: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAA8CAQAAABlJ1gMAAABfElEQVR42u3ZsU7CUBhA4U6Iib5IITigOzMzzwUMmNA3MRofwMSRCDB1MPIAOoDBHAch0VhUCb2Ecr4uBJb23Oa/FKJIkiRJkiRJkiRJygENElJSEhpEmxz6W+Z7Vu43S71PlxvTZsiMGQ+0iTe7szY6EuCOmJg7IClwaEr0eOOzN/ocBwqdwnJhYyAtbGhK3ACQcEGZMhckANxSChIayHxduNCXwISzL6deYQT0Chma3+RzmRUWQO3b+2fAgkrOgbd0vfsQurN2A0qATgFD72hwDIHzzNM/B4YBRkbW6Chg6DlwlHn6R8Dc0PmHPgWeA22C//lsT2f0+tFRBwaGDrMZdgsYekejo7rm610NWFA1dIgHlqtgDyoHEXr1CN6nTokT6vQBgAktZ/Q2j6wfla6ZAOMcUx9g6I9h0WXEKy8M6FIlosU419SHNjp+WPp8Uxs6UGpDZ6Y2dJDUedzRTz/uSFP/nN3WAjaZrs38SNPQkiRJkiRJkiRJKoB36w+U2Cj/A/EAAAAASUVORK5CYII=");
  border: none;
  cursor: pointer;
}

#toggle-menu {
  float: left;
  background-position: 0 0;
  background-color: #bc0023;
}

#toggle-search {
  float: right;
  background-position: -60px 10px;
}
#toggle-search.open:after {
  top: 60px;
}
#toggle-search:after {
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  -webkit-transition: top, 0.5s;
  transition: top, 0.5s;
  position: absolute;
  top: 72px;
  left: 50%;
  margin-left: -8px;
  content: "";
  border-color: transparent transparent #e1e4e7;
  border-style: solid;
  border-width: 8px 8px 12px;
}

#toggle-basket {
  position: relative;
  float: right;
  background-position: -120px 0;
}
#toggle-basket:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 50px;
  content: "";
  background-color: #000;
}

#search-form {
  -moz-transition: max-height, overflow, 0.5s;
  -o-transition: max-height, overflow, 0.5s;
  -webkit-transition: max-height, overflow, 0.5s;
  transition: max-height, overflow, 0.5s;
  position: absolute;
  top: 80px;
  left: -240px;
  width: 300px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;
}
#search-form.open {
  max-height: 60px;
  overflow: visible;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #516270;
  background: #c6cacd;
  border: none;
  cursor: pointer;
}

/* fullscreen-menu overlay */
#overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* Overlay positioning */
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  /* Want a left- or right sided navigation instead? Just play around with the width! */
  height: 100%;
  background: rgba(0, 0, 0, 1);
}

#overlay div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#overlay ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: white;
  text-align: center;
}

#overlay ul li {
  margin: 0px auto 8px;
}

.submenu li a { color: #fff !important; }

/* fullscreen-menu */
/* hamburger-icon  */
#nav-icon {
  position: fixed;
  right: 20px;
  bottom: 95px;
  margin: 0;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  z-index: 10;
  cursor: pointer;
  background: #8e7754;
  /* Bring icon ontop of overlay */
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

#nav-icon span {
  position: absolute;
  display: block;
  width: 50%;
  height: 2px;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 15px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 18px;
}

#nav-icon span:nth-child(2) {
  top: 28px;
}

#nav-icon span:nth-child(3) {
  top: 38px;
}

#nav-icon.animate-icon span:nth-child(1) {
  top: 28px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon.animate-icon span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon.animate-icon span:nth-child(3) {
  top: 28px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.content-section.rtl { padding: 60px 0px; }
.retailgrid-properties .grid-list { width: 100% !important; }
.retailgrid-properties .meeting-event-box .content { width: calc(100% - 15px) !important; }
.retailgrid-properties .grid-list li { margin-bottom: 10px !important; width: calc(33% - 18px); }
.retailgrid-properties .grid-list { }

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

/* End Timeline Master */

@charset "UTF-8";
ul.mtree {
  opacity: 0;
  margin-left: 0;
  padding: 1.2em;
}
ul.mtree ul { 
  background: #222;
  padding: 15px !important;
  margin-top: 15px !important;
}
ul.mtree ul a {
  font-size: 15px !important;
}
ul.mtree li {
  list-style: none;
}
ul.mtree a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: "Argesta Display";
}
ul.mtree li.mtree-node > a {
  font-weight: normal;
  color: #fff;
  display: inline-block;
  color: #fff;
  font-size: 16px !important;
  font-family: "Argesta Display";
}
ul.mtree a {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

ul.mtree.bubba ul {
  margin-left: 0;
}
ul.mtree.bubba ul li {
  font-size: 0.9em;
}
ul.mtree.bubba li.mtree-node > a:after {
  content: "›";
  margin-left: 0.5em;
  font-weight: normal;
}
ul.mtree.bubba li.mtree-node > a {
  font-weight: bold;
  text-transform: upperCase;
}
ul.mtree.bubba > li {
  border-bottom: 1px solid #DDD;
}
ul.mtree.bubba > li:last-child {
  border-bottom: none;
}
ul.mtree.bubba li:last-child > a {
  border: none;
}
ul.mtree.bubba > li.mtree-open > a {
  background: #DDD;
}
ul.mtree.bubba li > a:hover {
  background: #DDD;
}
ul.mtree.bubba li.mtree-active > a {
  background: #FFC000;
  color: #FFF;
}
ul.mtree.bubba a {
  padding: 7px 0px 7px 1em;
}
ul.mtree.bubba li li > a {
  padding-left: 2em;
}
ul.mtree.bubba li li li > a {
  padding-left: 3em;
}
ul.mtree.bubba li li li li > a {
  padding-left: 4em;
}
ul.mtree.bubba li li li li li > a {
  padding-left: 5em;
}

ul.mtree.skinny li {
  font-size: 0.9em;
}
ul.mtree.skinny a {
  padding: 0px 18px;
  color: #555;
}
ul.mtree.skinny a:hover {
  text-decoration: underline;
}
ul.mtree.skinny li.mtree-node:before {
  float: left;
  margin-left: 0.5em;
  zoom: 0.8;
  margin-top: 0.1em;
  color: #777;
}
ul.mtree.skinny li.mtree-open:before {
  content: "-";
}
ul.mtree.skinny li.mtree-closed:before {
  content: "+";
}
ul.mtree.skinny ul > li:first-child {
  margin-top: 0.1em;
}
ul.mtree.skinny ul > li:last-child {
  margin-bottom: 0.3em;
}
ul.mtree.skinny ul a {
  color: #666;
}

ul.mtree.transit {
  background: #111;
}
ul.mtree.transit ul {
  margin-left: 0;
}
ul.mtree.transit ul > li {
  font-size: 0.9em;
}
ul.mtree.transit li.mtree-node {
  position: relative;
}
ul.mtree.transit li.mtree-node > a:before {
  color: #CCC;
  font-weight: normal;
  position: absolute;
  right: 20px;
}
ul.mtree.transit li.mtree-open > a:before {
  content: "-";
}
ul.mtree.transit li.mtree-closed > a:before {
  content: "+";
}
ul.mtree.transit ul > li:first-child {
  margin-top: 1px;
}
ul.mtree.transit li.mtree-open > a {
  background: #222;
}
ul.mtree.transit li > a:hover, ul.mtree.transit li.mtree-active > a {
  background: #333;
  color: #FFF;
}
ul.mtree.transit li.mtree-node > ul > li:last-child {
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #333;
}
ul.mtree.transit li.mtree-node:last-child > ul > li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
ul.mtree.transit a {
  padding: 5px 0px 5px 0.8em;
  color: #CCC;
}
ul.mtree.transit li li > a {
  padding-left: 1.6em;
}
ul.mtree.transit li li li > a {
  padding-left: 2.4em;
}
ul.mtree.transit li li li li > a {
  padding-left: 3.2em;
}
ul.mtree.transit li li li li li > a {
  padding-left: 4em;
}

ul.mtree.jet ul {
  margin-left: 0;
}
ul.mtree.jet li {
  margin-bottom: 1px;
}
ul.mtree.jet li:last-child {
  margin-bottom: 0px;
}
ul.mtree.jet li:first-child {
  margin-top: 1px;
}
ul.mtree.jet li.mtree-active a {
  background: #E3E3E3;
}
ul.mtree.jet li.mtree-active li:last-child > a {
  border-radius: 0px 0px 3px 3px;
}
ul.mtree.jet li.mtree-active > a {
  background: #008cba;
  color: #FFF;
  border-radius: 3px 3px 0px 0px;
}
ul.mtree.jet li > a:hover {
  background: #FFC000;
  color: #FFF;
}
ul.mtree.jet a {
  padding: 5px 0px 5px 1em;
}
ul.mtree.jet li li > a {
  padding-left: 2em;
}
ul.mtree.jet li li li > a {
  padding-left: 3em;
}
ul.mtree.jet li li li li > a {
  padding-left: 4em;
}
ul.mtree.jet li li li li li > a {
  padding-left: 5em;
}

ul.mtree.nix {
  background: none;
}
ul.mtree.nix a {
  display: inline;
}
ul.mtree.nix ul {
  margin-left: 1em;
}
ul.mtree.nix ul > li {
  list-style-position: inside;
}
ul.mtree.nix li {
  list-style: disc;
}

.mtree-demo .mtree {
  background: #EEE;
  margin: 20px auto;
  max-width: 320px;
  border-radius: 3px;
}

.mtree-skin-selector {
  text-align: center;
  background: #EEE;
  padding: 10px 0 15px;
}
.mtree-skin-selector li {
  display: inline-block;
  float: none;
}
.mtree-skin-selector button {
  padding: 5px 10px;
  margin-bottom: 1px;
  background: #BBB;
}
.mtree-skin-selector button:hover {
  background: #999;
}
.mtree-skin-selector button.active {
  background: #999;
  font-weight: bold;
}
.mtree-skin-selector button.csl.active {
  background: #FFC000;
}

ul.mtree { 
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  max-width: 320px;
  margin: 80px auto 0px !important;
}

.form-ctas {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.property-search p.headi { font-size: 1.5rem !important; font-weight: 500; line-height: 1.2; margin-top: 0; }

#select-container {
  position: fixed;
  z-index: 9;
  width: 60px;
  height: 50px;
  background: #FFFFFF;
  bottom: 25px;
  left: 45px;
  transform: translateX(-50%);
  border-radius: 10px;
  border: 0.5px solid rgba(202, 219, 226, 0.4);
  box-shadow: 0px 3px 6px rgba(79, 104, 113, 0.2);
  overflow: hidden;
  transition: height 0.2s ease-in-out, border-radius 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
#select-container:hover {
  height: 138px;
  /* Can't use height: auto & transition effect */
  border-radius: 20px;
  box-shadow: 0px 7px 10px rgba(79, 104, 113, 0.3);
}
#select-container ul {
  list-style-type: none;
  position: relative;
  margin: 21px 8px;
}
#select-container ul li {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
#select-container ul li:first-child img,
#select-container ul li:first-child p {
  cursor: default;
  color: #ffffff;
  background: #856d47;
}
#select-container ul li img,
#select-container ul li p {
  width: 36px;
  height: 36px;
  font-size: 12px;
  text-align: center;
  line-height: 34px;
  background: #000;
  color: #ffffff;
  display: block;
  left: 50%;
  transform: translate(-103%, -40%);
  margin-bottom: 8px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 0px 6px rgb(79 104 113 / 30%);
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
#select-container ul li img:hover,
#select-container ul li p:hover {
  box-shadow: 0px 5px 10px rgba(79, 104, 113, 0.3);
  transform: translate(-103%, -40%) scale(1.00);
}

/* TOOLTIP STYLES FROM THIS PEN https://codepen.io/tutsplus/pen/WROvdG */
[tooltip] {
  position: relative;
  /* opinion 1 */
  font-weight: bold;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
  text-transform: none;
  /* opinion 2 */
  font-size: 12px;
  /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}

[tooltip]::before {
  content: "";
  border: 5px solid transparent;
  /* opinion 4 */
  z-index: 1001;
  /* absurdity 1 */
}

[tooltip]::after {
  content: attr(tooltip);
  /* magic! */
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  /*
    Let the content set the size of the tooltips
    but this will also keep them from being obnoxious
    */
  width: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 0px;
  border-radius: 0.3ch;
  box-shadow: 0 1em 2em -0.5em rgba(0, 0, 0, 0.35);
  background: #465663;
  color: #fff;
  z-index: 1000;
  /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip=""]::before,
[tooltip=""]::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^=up]::before {
  bottom: 50%;
  border-bottom-width: 0;
  border-top-color: #465663;
}

[tooltip]:not([flow])::after,
[tooltip][flow^=up]::after {
  bottom: calc(50% + 5px);
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^=up]::before {
  left: -15.5px;
  bottom: 40px;
  transform: translate(-50%, -0.5em);
}

[tooltip][flow^=up]::after {
  left: -15.5px;
  bottom: 45px;
  transform: translate(-50%, -0.5em);
}

/* FLOW: DOWN */
[tooltip][flow^=down]::before {
  top: 70%;
  border-top-width: 0;
  border-bottom-color: #465663;
}

[tooltip][flow^=down]::after {
  top: calc(70% + 5px);
}

[tooltip][flow^=down]::before,
[tooltip][flow^=down]::after {
  left: -15.5px;
  transform: translate(-50%, 0.5em);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: 0.9;
    transform: translate(-50%, 0);
  }
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^=up]:hover::before,
[tooltip][flow^=up]:hover::after,
[tooltip][flow^=down]:hover::before,
[tooltip][flow^=down]:hover::after {
  animation: tooltips-vert 300ms ease-out forwards;
}