.topgap {
	height: 90px;
}

.mainimg {
	height: 89vh;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.postop {
	position: absolute;
	top: 8%;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
#locationpopup .hystmodal__window
{
	background: #a39784;
	max-width: 37vw;
}
 .hystmodal--active {
        z-index: 99999 !important;
    }
.postop img {
	width: 14vw;
	height: 10vw;
	object-fit: contain;
}

h1 {
	margin: 0;
	font-family: 'Baskerville';
	font-size: 1.4vw;
	padding-top: 1%;
}



.zz-btn {
	top: 1rem;
	left: 1rem;
	flex-direction: column;

}

.cloud-1 {
	position: absolute;
	top: -1%;
	left: 0;
	z-index: 2;
	width: 47%;
	filter: contrast(0.8);
	animation: cloudFloat 10s ease-in-out infinite;
}

.cloud-2 {
	position: absolute;
	top: -1%;
	right: 0;
	z-index: 2;
	width: 47%;
	filter: contrast(0.9);
	animation: cloudFloat 7s ease-in-out infinite;
}

.sunflame {
	width: 53%;
	height: 115%;
	object-fit: contain;
	position: absolute;
	top: -54%;
	right: -15%;
	mix-blend-mode: screen;
	/* background: aliceblue; */
	z-index: 5;
	scale: 3;
	animation: rotateFlame 30s linear infinite;
}

.wazepin {
	width: 21px;
	height: 20px;
	object-fit: contain;
	position: absolute;
	top: 19.5%;
	left: 72.8%;
	animation: scaleit 2s linear infinite;
}
.wazepinblock {
    width: 8vw;
    height: 4vw;
    object-fit: contain;
    position: absolute;
    top: 16.5%;
    left: 72.8%;
}

@keyframes scaleit {
	0% {
		transform: scale(1);
		filter: drop-shadow(0px 0px 0px #fff);
	}

	50% {
		transform: scale(1.3);
		filter: drop-shadow(-1px -1px 2px #fff);
	}
}

@keyframes rotateFlame {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

main>* {
	z-index: 10;
}

@keyframes cloudFloat {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(5%);
	}

	100% {
		transform: translateX(0);
	}
}

.bg-br {
	background-color: #5a5a5a;
	color: white;
	font-size: 35px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	font-family: 'Urbanist-Medium';
}

.content_wrp {
	display: flex;
	justify-content: space-around;
	max-width: 100%;
	margin: auto;
	margin-top: 2rem;
}

.cwitem {
	width: 18%;
}

.content_wrp>.cwitem:nth-child(1) h3,
.content_wrp>.cwitem:nth-child(3) h3 {
	    margin-top: -5%;
    margin-left: 15%;
}

.content_wrp>.cwitem:nth-child(2) h3 {
	 margin-bottom: -9%;
    margin-left: 15%;
}

.content_wrp>.cwitem:nth-child(2) {
	margin-top: 5%;
}

.content_wrp>.cwitem:nth-child(4) h3 {
    margin-top: 26%;
    margin-left: 15%;
    margin-bottom: -8%;
}

.imgfeat {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 18px 50px -10px;
}

.secbg1 {
	background: url(../images/bg1.jpg?v2);
	background-size: cover;
	background-position: center;
}

p.co1 {
	max-width: 100ch;
	text-align: center;
	margin: auto;
	font-family: 'Baskerville';
}
p.co12 {
	max-width: 67ch;
	text-align: center;
	margin: auto;
	/* font-family: 'Baskerville'; */
}

.reveal {
	visibility: hidden;
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 100%;
	overflow: hidden;
}

.slide-image {
	transform: scale(1.2);
}

.secbg2 {
	background: url(../images/bg-2.jpg?v2);
	background-size: cover;
	background-position: center;
}

p.sub-txt {
	text-align: left;
	max-width: 31ch;
}

.top_content {
	display: flex;
	justify-content: space-evenly;
}

.top_content>.itemtop {
	width: 60%;
}

.top_content>.itemtop:nth-child(2) {
	width: 35%;
}

.icon_sm {
	width: 56px;
	height: 40px;
	object-fit: contain;
	display: block;
	margin: auto;
}

.item_g {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	width: 29vw;
	align-items: center;
	margin-bottom: 2vw;
}

.item_g img {
	grid-column: span 4;
}

.item_g p {
	grid-column: span 8;
	font-family: 'Urbanist-Black';
	line-height: 1;
	color: #4e3c34;
	font-size: 0.9vw;
}

.type_bar {
	background-color: #4e3c34;
	color: #fff;
}

button.type_txt {
	font-family: 'Baskerville-SemiBold';
}

.txt-type {
	font-family: 'Baskerville-Bold';
	font-size: 32px;
	line-height: 0.9;
	color: #6c5b4c;
}

.txt-info {
	font-family: 'Urbanist-Bold';
	font-size: 26px;
	line-height: normal;
}

.txt-info.forsm {
	font-size: 15px;

}

.for360 img {
	width: 40px;
	height: 23px;
	object-fit: contain;
	margin-bottom: 7px;

}

.for360 {
	background-color: #6c594b;
	width: 73px;
	height: 73px;
	border-radius: 50px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	line-height: 1;
	color: #fff;
	font-size: 10px;
	font-family: 'Urbanist-ExtraBold';
}

.dt_txt {
	font-size: 18px;
	font-family: 'Urbanist-ExtraBold';
	color: #333132;
	line-height: normal;
}

ol.dtinfo {
	font-family: 'Urbanist-SemiBold';
	padding-left: 1rem;
	margin: 0;
	font-size: 0.7rem;
}



.photo-block-zigzag {
	position: relative;
	overflow: hidden;
}

.zig-col {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 30px;
}

.zig-col__bg {
	background: #2F4F74;
	width: 100%;
	height: 100%;
}

.dottedline {
	border: none;
	height: 1px;
	background: #000;
	background: repeating-linear-gradient(90deg, #000, #000 6px, transparent 6px, transparent 12px);
	width: 94%;
	margin-bottom: 1rem;
}

.bg_fp {
	background: url(../images/bg3.jpg?v2);
	background-size: cover;
	background-position: center;
}

.sm_title {
	font-size: 18px;
	font-family: 'Baskerville-Bold';
	color: #6c5b4c;
}

.fp_layout {
	height: 140px;
	width: 313px;
	object-fit: contain;
}

.fp_layout.specc {
	height: auto;
	width: 28vw;
	object-fit: contain;
}

.fp-lcont {
	width: 57%;
}

.fp_img {
	width: 43%;
}

.details {
	min-height: 28px;
}

.fp_img .imgframe {
	width: 30vw;
	height: 26vw;
	object-fit: contain;
	object-position: left;
}

.maxw-fp {
	max-width: 71%;
	margin: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.poscont1 {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.iconzoom {
	width: 50px;
	height: 50px;
	object-fit: contain;
	filter: brightness(0.1) hue-rotate(253deg);
}

.caption-enl {
	font-family: Urbanist-ExtraBold;
	text-transform: uppercase;
	font-size: 0.8rem;
	display: flex;
	width: 100%;
	align-items: center;
	padding-left: 1rem;
	justify-content: center;
}
.fp_img .caption-enl {
	    position: absolute;
    top: 87%;
    left: 31%;
}
.fp_img .caption-enl.this1 {	
        left: 18%;
}
.fp_img .caption-enl.thisaa {	
            left: 38%;
}

.ifr_cont {
	height: 100%;
}

.imgwrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}


.imgitem {
	position: relative;
	overflow: hidden;
	height: 55vh;
	cursor: pointer;
}


.img-base {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: brightness(0.5);
	display: block;
}


.img-reveal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	clip-path: circle(0% at 50% 50%);
	transition: clip-path 0.8s ease-in-out, transform 0.8s ease-in-out;
	transform: scale(1);
	z-index: 1;
}

.imgitem:hover .img-reveal {
	clip-path: circle(150% at 50% 50%);
	transform: scale(1.2);
}


.pos-cap {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	left: 0;
	display: flex;
	text-align: center;
	color: white;
	font-size: 20px;
	font-family: 'Urbanist-ExtraBold';
	text-transform: uppercase;
	z-index: 2;
	opacity: 1;
	transform: translateY(10px);
	transition: opacity 0.6s ease, transform 0.6s ease;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.imgitem:hover .pos-cap {
	opacity: 0;
	transform: translateY(0);
}

.txt-reg {
	color: #f3f3f3;
	position: absolute;
	right: 0;
	bottom: 0;
	font-family: 'Urbanist-ExtraBold';
	font-size: 0.6rem;
	margin: 0;
	padding: 10px;
}

.addlevel {
	background-color: #624c44;
	color: #fff;
	font-family: 'Metropolis-Bold';
	width: fit-content;
	text-align: center;
	padding: 3px 40px;
}

.lyinfo {
	width: 46vw;
}

.maxplan {
	max-width: 57vw;
	margin: auto;
	margin-top: 1.3rem;
}

.bg_ff {
	background: url(../images/bg4.jpg?v2);
	background-size: cover;
	background-position: center;
}

ul.location_list {
	list-style: none;
	font-family: 'Urbanist-Bold';
	padding: 0;
	color: #333132;
	font-size: 14px;
}

ul.location_list li span {
	width: 76px;
	display: inline-block;
}

p.ll_txt {
	font-size: 26px;
	font-family: 'Baskerville';
}

#frmLeadGen input {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	display: block;
	width: 100%;
	border: 0;
	border-radius: 0;
	max-width: 34rem;
	background-color: #fff;
	padding-top: 0.5rem;
	padding-bottom: 0.2rem;
	text-align: left;
	font-family: 'Urbanist-Bold';
	font-size: 17px;
	line-height: 1.5rem;
	--tw-text-opacity: 1;
	color: #000;
}

.cjbc {
	max-width: 32rem;
	margin: auto;
}

.rg_cta {
	background: #624c44;
	width: 180px;
	height: 40px;
	font-family: 'Urbanist-Bold';
	font-size: 20px;
	color: #FFFFFF;
	border: 0;
	text-transform: uppercase;
}

.checkbox-label {
	font-family: 'Urbanist-Bold';
	color: #231f20;
	text-align: center;
	font-size: 12px;
}

.reg_sec {
	background: url(../images/reg-img2.jpg?v2);
	width: 100%;
	background-position: bottom;
	background-size: cover;
	padding-bottom: 17vw;
}

.ths_ix {
	display: block;
	height: 49px;
	width: 55px;
	object-fit: contain;
}

.virtualcta {
	position: absolute;
	top: 18.7%;
	left: 18.6%;
	/* filter: brightness(0.5); */
}

.virtualcta img {
	width: 53%;
	height: 2.8vw;
	object-fit: contain;
	animation: pulsing 2.5s infinite, glowPulse 1.5s infinite;
	/* opacity: 0.8; */
}

.pulsing {}

.grouped_itemg {
	width: fit-content;
	margin-left: 5rem;
}

@keyframes pulsing {

	5%,
	50% {
		transform: scale(1);
	}

	10% {
		transform: scale(0.9);
	}

	15% {
		transform: scale(1.15);
	}

	20% {
		transform: scale(1.15) rotate(-5deg);
	}

	25% {
		transform: scale(1.15) rotate(5deg);
	}

	30% {
		transform: scale(1.15) rotate(-3deg);
	}

	35% {
		transform: scale(1.15) rotate(2deg);
	}

	40% {
		transform: scale(1.15) rotate(0);
	}
}

@keyframes glowPulse {

	0%,
	100% {
		filter: drop-shadow(0 0 0px #FFD700);
	}

	50% {
		filter: drop-shadow(0 0 15px #6e4a18);
	}
}

#frmLeadGen input.checkbox {
	width: unset;
	display: inline-block;
	margin-bottom: 0;
	box-shadow: none;
}



.scroll-prompt {
	position: absolute;
	z-index: 998;
	bottom: -6%;
	left: 50%;
	transform: translateX(-50%);
	width: 160px;
	height: 160px;
}

.arrow-container {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	animation: bounce 1.5s infinite;
}

.arrow {
	animation: fade 1.5s infinite;
}

.arrow:last-child {
	animation-direction: reverse;
	margin-top: -4px;
}

.ld_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.arrow>div {
	width: 2.6ch;
	height: 2.6ch;
	border-right: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	transform: rotate(45deg);
}

.glow {
	/* filter: drop-shadow(0 0 4px rgb(121, 213, 56)) ; */
	animation: bounceaaa 1.5s infinite;
}

#mainlgf {
	animation: bounceaaa 1.5s infinite;
}



@keyframes bounceaaa {

	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(0, -3px);
	}
}

@keyframes bounce {

	0%,
	100% {
		transform: translate(-50%, 0);
	}

	50% {
		transform: translate(-50%, 30px);
	}
}

.txt_1 {
	font-family: 'Urbanist-ExtraBold';
	color: #624c44;
	font-size: 18px;
}

.txt_1.tobig {
	font-size: 26px;
}
.box-top {
	    padding-top: 2%;
}
.pos_caption_1 {
	font-size: 11px;
	position: absolute;
	font-family: 'Urbanist-SemiBoldItalic';
	top: 96%;
	right: 4%;
	color: #fff;
	    text-shadow: black 0px 2px 3px, black -4px -1px 3px;
}

.pos_caption_2 {
	font-size: 11px;
	position: absolute;
	font-family: 'Urbanist-Medium';
	bottom: 1%;
	right: 1%;
	color: #fff;
	font-style: italic;
}

.pos_caption_2a {
	font-size: 11px;
	position: absolute;
	font-family: 'Urbanist-Medium';
	bottom: 1%;
	right: 1%;
	color: #fff;
	font-style: italic;
}

.hystmodal__window {
	width: 750px;
	overflow: hidden;
}

#popupplan .hystmodal__window {
	width: 950px;
}
.custom-caption {
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-shadow: 0 0 4px black, 0 0 8px black;
  /* background: rgba(0, 0, 0, 0.6); */
  color: white;
  padding: 6px 10px;
  font-size: 14px;
  border-radius: 4px;
  z-index: 10;
  pointer-events: none;
  	font-family: 'Urbanist-SemiBoldItalic';
}
.forMapIframe {
	width:100%;
	height: 100%;
}

@media only screen and (max-width: 900px) {
	.mainimg {
		height: 59ch;
	}

	.reg_sec {
		background: url(../images/reg-mob.png);
		width: 100%;
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: contain;
		padding-bottom: 0;
		background-color: #a19786;
	}

	.postop {
		position: absolute;
		top: 12%;
	}

	h1 {
		font-size: 4.2vw;
		max-width: 27ch;
		text-align: center;
		margin-top: 0.5rem;
	}

	h2 {
		font-size: 6vw;
	}

	.postop img {
		width: 41vw;
		height: 34vw;
	}

	.poscont1 {
		position: relative;
		top: unset;
		left: unset;
	}

	.fp-lcont,
	.fp_img {
		width: 100%;
	}

	.fp_img .imgframe {
		width: 100%;
		height: auto;
	}

	.for360 {
		width: 117px;
		height: 73px;
	}

	.details {
		min-height: 0;
	}

	.maxw-fp {
		max-width: 100%;
		margin: auto;
		display: flex;
		flex-direction: column;
		padding: 0 1.5rem;
	}

	.lyinfo {
		width: 100%;
	}

	.maxplan {
		max-width: 100%;
	}

	.dottedline {
		width: 90%;
	}

	.content_wrp {
		display: grid;
		justify-content: space-around;
		max-width: 100%;
		margin: auto;
		grid-template-columns: repeat(12, 1fr);
		gap: 19px;
	}

	.cwitem {
		grid-column: span 6;
		width: 100%;
	}

	.content_wrp>.cwitem:nth-child(2) {
		margin-top: 52%;
	}

	.content_wrp>.cwitem:nth-child(3) {
		margin-top: -29%;
	}

	.imgfeat {
		box-shadow: rgba(0, 0, 0, 0.5) 0px 18px 50px -10px;
		width: 100%;
		margin: auto;
		display: block;
	}

	.top_content {
		display: flex;
		flex-direction: column;
	}

	.top_content>.itemtop:nth-child(1) {
		order: 2;
		width: 100%;
	}

	.top_content>.itemtop:nth-child(2) {
		width: 100%;
	}

	.imgwrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.imgitem {
		height: 27ch;
	}

	.pos-cap {
		font-size: 15px;
	}

	.item_g {
		display: flex;
		width: fit-content;
		gap: 25px;
		margin-bottom: 6vw;
	}

	.icon_sm {
		width: 90px;
		height: 39px;
		display: block;
		margin: 0;
	}
.box-top {
	    padding-top: 0%;
}
	.item_g p {
		display: flex;
		width: 100%;
		font-size: 14px;
	}

	.draggable2 {
		width: 100%;
		overflow: auto;
		/* position: relative; */
		margin-top: -1.2rem;
	}

	.draggable2 .image2 {
		width: 265vw;
		max-width: unset;
	}

	.draggable2 .image2::after {
		content: "";
		position: absolute;
	}

	.draggable2::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(to top, #05101e5c, transparent);
		width: 100%;
		height: 28vh;
		pointer-events: none;
	}

	.virtualcta {
		position: absolute;
		top: 18.8%;
		left: 48.6%;
	}

	.virtualcta img {
		width: 53%;
		height: 7.8vw;
	}

	.box-detail {
		width: 100%;
	}

	.ifr_cont {
		height: 400px;
		margin-top: 1rem;
	}

	p.co1 {
		font-size: 15px;
		max-width: 100%;
		padding: 0 10px;
	}



	h3 {
		font-size: 4.3vw;
	}

	.grouped_itemg {
		margin-left: 0;
	}

	p.sub-txt {
		text-align: center;
		max-width: 100%;
		margin-bottom: 2rem;
	}

	ul.location_list {
		font-size: 12px;
	}

	button.type_txt {
		font-size: 3.5vw;
		text-align: center;
		width: 100%;

	}

	.txt-type {
		font-family: 'Baskerville-Bold';
		font-size: 26px;
	}

	.txt-info {
		line-height: 2;
	}

	.fp_layout {
		height: 127px;
		width: 71%;
		object-fit: contain;
		margin: auto;
	}

	.caption-enl {
		justify-content: center;
	}

	.txt_1 {
		font-size: 16px;
	}

	.ths_ix {
		display: block;
		height: 37px;
		width: 49px;

	}

	.zz-btn {
		top: -2rem;
		left: 0;
		flex-direction: row;
		width: 100%;
		justify-content: center;
	}

	.hystmodal__window {
		width: 100%;
	}

	.fp_layout.specc {
		height: 127px;
		width: 71%;
		object-fit: contain;
		margin: auto;
	}

	.cloud-1 {
		position: absolute;
		top: 15%;
		left: -36%;
		z-index: 2;
		width: 69%;
		height: 32%;
		filter: contrast(0.6);
	}

	.cloud-2 {
		position: absolute;
		top: 34%;
		right: -23%;
		z-index: 2;
		height: 30%;
		width: 69%;
		filter: contrast(0.9);
	}
	.sunflame {
    width: 59%;
    height: 59%;
    object-fit: contain;
    position: absolute;
    top: 38%;
    right: 0;
    mix-blend-mode: screen;
    z-index: 5;
    scale: 4;
    animation: rotateFlame 30s linear infinite;
}
.wazepin {
    width: 17px;
    height: 18px;
    top: 18.5%;
    left: 192.8%;
}
.pos_caption_2a {
	font-size: 10px;
}
.fp_img .caption-enl {
	    position: relative;
    top: unset;
    left: unset;
}
.fp_img .caption-enl.this1 {	
        left:unset;
}
p.co12 {
	max-width: 100%;
	padding: 0 10px;
}
.wazepinblock {
    width: 23vw;
    height: 10vw;
    top: 16.5%;
    left: 190.8%;
}
#locationpopup .hystmodal__window
{
	max-width: 100%;
}
.fp_img .caption-enl.thisaa {
    left: 0;
}
.txt_1.tobig {
	font-size: 20px;
}
.forMapIframe {
    width: 100%;
    height: 41ch;
}
}